Necesito ayuda con el componente de tema en Github

[Heliosurge (Dan DeMontmorency)]

Pido disculpas, sigo siendo un novato completo.

Estoy trabajando en la creación de un componente de tema.
He importado el esqueleto del componente de tema.

He creado un archivo JavaScript y lo he añadido a

Javascript\Discourse\Initializers\Discourse_foo.js

Según mi entendimiento, ¿este archivo necesita ser llamado por la etiqueta de script en la cabecera?

<script src="discours_foo.js"></script>

Al revisar algunos otros componentes de tema, no he visto que tengan un archivo llamado header.css. Llamando a los scripts de JS que están usando.

Cualquier orientación es muy apreciada para mejorar mi comprensión.

Gracias.

[pfaffman (Jay Pfaffman)]

Esta es mi comprensión de novato, que puede ser útil para tu comprensión aún más de novato, pero es probable que sea técnicamente incorrecta desde el punto de vista de alguien que realmente entiende estas cosas.

@Heliosurge

¿Entiendo que este archivo debe ser llamado por la etiqueta de script en la cabecera?

No lo creo. Creo que simplemente funciona ya que está en ese directorio de inicializadores. Si mal no recuerdo, el esqueleto incluye un inicializador con un console.log para que puedas ver que se está ejecutando.

(Creo) Solo necesitas ejecutarlos en un script si los agregas en un componente de tema hecho a la antigua en la UX en lugar de la forma moderna de poner los archivos en el lugar correcto.

[Heliosurge (Dan DeMontmorency)]

De acuerdo, eso tiene sentido.

Una de las que miré fue la de tu personal oculto.

Entonces, si no necesitas CSS, ¿solo necesitas incluir tu archivo JScript en el directorio de inicializadores y completar los detalles de about.json?

¿Y el componente debería funcionar sin nada más? (Suponiendo que el script sea bueno, claro)

[pfaffman (Jay Pfaffman)]

@Heliosurge

Entonces, si no necesitas ningún CSS, ¿solo necesitas incluir tu archivo JScript en el directorio de inicializadores y completar los detalles de about.json?

Creo que es cierto. Si no quieres añadir CSS, entonces no necesitas un archivo CSS. (Parece una tautología segura).

[Heliosurge (Dan DeMontmorency)]

Siempre es divertido aprender cosas/procedimientos nuevos.

[Lilly (Lillian Louis)]

Estos temas deberían ayudar

Theme Developer Quick Reference Guide

As themes grow more powerful, there’s more to remember about how they work. We have loads of detailed documentation under #howto / #themes, but if you just need something to jog your memory, this guide may help. General Resources Beginner’s guide Designer’s guide Developer’s guide Theme Creator Theme CLI Theme Directory Component Directory Theme Modifiers Themeable site…

Structure of themes and theme components

Discourse supports native themes that can be sourced from a .tar.gz archive or from a remote git repository including private repositories. [56] An example theme is at: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme [32] The git repository will be checked for updates (once a day), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to follow a spec…

Split up theme Javascript into multiple files

Complex theme javascript can be split into multiple files, to keep things nicely organised. To use this functionality, simply add files to the /javascripts folder in your theme directory. These files can not be edited from the Discourse UI, so you must use the Theme CLI or source the theme from git. Javascript files are treated exactly the same as they are in core/plugins, so you should follow the same file/folder structure. Theme files are loaded after core/plugins, so if the filenames match,…

Split up theme SCSS into multiple files

Themes and theme components are becoming steadily more powerful, and developers are getting more and more ambitious. To make things easier for developers, themes can now split their SCSS into multiple files. When creating a new theme with the theme CLI, or sharing a theme on github, simply create a new folder called scss. Fill it with your .scss files, following any folder structure, and all the files will be available for you to import in the common / desktop / mobile SCSS sections of your t…

[Heliosurge (Dan DeMontmorency)]

Muchas gracias Lilly. Las reviso. Siempre nos ayudas mucho, lo cual agradecemos enormemente.