How can I write gjs / gts?

[NullVoxPopuli]

I'd like to provide live demos of strict-mode templates in my docs.

Can I write gjs / gts?

[josemarluedke]

Currently, we don't have support for it, but a PR adding would be welcome.

[nicolechung]

How would this work (as someone who only knows a bit about gjs/gts?)

Would it be something like:

1. install glint as dev dependencies
2. modify lines like this one:

   docfy/packages/ember/src/index.ts

   Line 38 in 367f494

   if (chunk.ext === 'js' || chunk.ext === 'ts') {

3. add a glint component to packages/ember/addon
4. publish a glint demo?

[NullVoxPopuli]

glint is totally separate from gjs/gts, but the gist would be

1. install ember-template-imports peerDependencies entry
2. not quite, there is no backing js with gjs/gts. it just... is.
   I really think we should switch to using the live tag here :

   docfy/packages/ember/src/plugins/extract-demos-to-components.ts

   Line 63 in 367f494

   if (['component', 'template', 'styles'].includes(node.meta || '')) {

   
   as I do here: https://jsbin.com/serolidome/1/edit?html,output
   gjs needs to be returned here:

   docfy/packages/ember/src/plugins/extract-demos-to-components.ts

   Line 68 in 367f494

   node.lang || (node.meta === 'template' ? 'hbs' : 'js')

   (or we use the live tag, and don't mess with that branch

Another option may be to just make a separate plugin for gjs/gts components using the liveCodeExtraction plugin I have in the jsbin

[nicolechung]

So I tried copying over the code from above, and then adding this to the README in the dummy-docs:

{imagine backticks here}gjs live
<template>
Hello!
</template>
{/end imagine backticks here}

But I got the following error:

Error occurred:

- While rendering:
  -top-level
    application
      docs
        docs.index


There was an error running your app in fastboot. More info about the error:
 Error: Attempted to resolve `ember-repl8a6aa7086c6a5dfb-b99e0fc2d0433e37`, which was expected to be a component, but nothing was found.
    at resolveComponent (/var/folders/jc/81dkjn9s2sg5cpt_66jd8l640000gn/T/broccoli-19053Mj6xWKP11waW/out-206-broccoli_merge_trees/assets/@glimmer/opcode-compiler.js:234:1)
    at encodeOp (/var/folders/jc/81dkjn9s2sg5cpt_66jd8l640000gn/T/broccoli-19053Mj6xWKP11waW/out-206-broccoli_merge_trees/assets/@glimmer/opcode-compiler.js:2521:1)
    at pushOp (/var/folders/jc/81dkjn9s2sg5cpt_66jd8l640000gn/T/broccoli-19053Mj6xWKP11waW/out-206-broccoli_merge_trees/assets/@glimmer/opcode-compiler.js:2445:1)
    ```

[nicolechung]

Note ^^ I tried updating fastboot, thinking it was maybe an earlier version, but this didn't seem to change that error message.

[NullVoxPopuli]

ember-repl8a6aa7086c6a5dfb-b99e0fc2d0433e37,

was a component named this emitted on the broccoli tmp dir?

[nicolechung]

It looks like it...I will try to get a screenshot of the folder.