Preciso de ajuda com o componente de tema no Github

[Heliosurge (Dan DeMontmorency)]

Peço desculpas, pois ainda sou um completo novato.

Estou trabalhando na criação de um componente de tema.
Importei o esqueleto do componente de tema.

Criei um arquivo JavaScript e o adicionei em

Javascript\Discourse\Initializers\Discourse_foo.js

Pelo que entendi, este arquivo precisa ser chamado pela tag de script no cabeçalho?

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

Analisando alguns outros componentes de tema, não vi nenhum deles ter um arquivo chamado header.css? Chamando os scripts JS que eles estão usando.

Qualquer orientação é muito apreciada para melhorar meu entendimento.

Obrigado.

[pfaffman (Jay Pfaffman)]

Esta é a minha compreensão de novato, que pode ser útil para a sua compreensão ainda mais de novato, mas provavelmente está tecnicamente incorreta do ponto de vista de alguém que realmente entende dessas coisas.

@Heliosurge

Pelo que entendi, este arquivo precisa ser chamado pela tag de script no cabeçalho?

Eu não acho. Acho que funciona porque está naquele diretório de inicializadores. Se não me engano, o esqueleto inclui um inicializador com um console.log para que você possa ver que ele está em execução.

(Acho) Você só precisa executá-los em um script se adicioná-los em um componente de tema feito no estilo antigo no UX em vez de uma maneira mais nova de colocar os arquivos no lugar certo.

[Heliosurge (Dan DeMontmorency)]

Ok, isso parece fazer sentido.

Um dos que eu olhei foi o seu hide staff.

Então, se você não precisa de nenhum CSS, você só precisa incluir seu arquivo JScript no diretório initializers e preencher os detalhes do about.json?

E o componente deve funcionar sem mais nada? (Assumindo que o script esteja bom, é claro)

[pfaffman (Jay Pfaffman)]

@Heliosurge

Então, se você não precisar de nenhum CSS, você só precisa incluir seu arquivo JScript no diretório inicializadores e preencher os detalhes do about.json?

Eu acho que isso é verdade. Se você não quiser adicionar CSS, então você não precisa de um arquivo CSS. (Parece uma tautologia segura.)

[Heliosurge (Dan DeMontmorency)]

Sempre divertido aprender coisas/procedimentos novos.

[Lilly (Lillian Louis)]

estes tópicos devem ajudar

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)]

Muito obrigado, Lilly. Vou verificar. Você nos ajuda como sempre, muito apreciado.