├── .editorconfig
├── .gitattributes
├── .github
    └── workflows
    │   ├── ci.yml
    │   └── push-dist.yml
├── .gitignore
├── .prettierignore
├── .prettierrc.cjs
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
├── config
    └── ember-cli-update.json
├── ember-route-template
    ├── .eslintignore
    ├── .eslintrc.cjs
    ├── .gitignore
    ├── .prettierignore
    ├── .prettierrc.cjs
    ├── .template-lintrc.cjs
    ├── CHANGELOG.md
    ├── addon-main.cjs
    ├── babel.config.json
    ├── package.json
    ├── rollup.config.mjs
    ├── src
    │   ├── index.ts
    │   └── template-registry.ts
    ├── tsconfig.json
    └── unpublished-development-types
    │   └── index.d.ts
├── package.json
├── test-app
    ├── .editorconfig
    ├── .ember-cli
    ├── .eslintignore
    ├── .eslintrc.js
    ├── .gitignore
    ├── .prettierignore
    ├── .prettierrc.js
    ├── .stylelintignore
    ├── .stylelintrc.js
    ├── .template-lintrc.js
    ├── .watchmanconfig
    ├── README.md
    ├── app
    │   ├── app.ts
    │   ├── components
    │   │   └── .gitkeep
    │   ├── config
    │   │   └── environment.d.ts
    │   ├── controllers
    │   │   ├── .gitkeep
    │   │   └── controller-works.ts
    │   ├── helpers
    │   │   └── .gitkeep
    │   ├── index.html
    │   ├── models
    │   │   └── .gitkeep
    │   ├── router.ts
    │   ├── routes
    │   │   ├── .gitkeep
    │   │   ├── component-works.ts
    │   │   ├── controller-works.ts
    │   │   └── model-works.ts
    │   ├── styles
    │   │   └── app.css
    │   └── templates
    │   │   ├── application.hbs
    │   │   ├── component-works.gts
    │   │   ├── controller-works.gts
    │   │   ├── gjs-template-works.gjs
    │   │   ├── gts-template-works.gts
    │   │   ├── hbs-template-works.hbs
    │   │   └── model-works.gts
    ├── config
    │   ├── ember-cli-update.json
    │   ├── ember-try.js
    │   ├── environment.js
    │   ├── optional-features.json
    │   └── targets.js
    ├── ember-cli-build.js
    ├── package.json
    ├── public
    │   └── robots.txt
    ├── testem.js
    ├── tests
    │   ├── acceptance
    │   │   └── route-templates-test.ts
    │   ├── helpers
    │   │   └── index.ts
    │   ├── index.html
    │   ├── integration
    │   │   └── .gitkeep
    │   ├── test-helper.ts
    │   └── unit
    │   │   └── .gitkeep
    ├── tsconfig.json
    └── types
    │   ├── ember-page-title.d.ts
    │   └── global.d.ts
└── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | [*]
 8 | end_of_line = lf
 9 | charset = utf-8
10 | trim_trailing_whitespace = true
11 | insert_final_newline = true
12 | indent_style = space
13 | indent_size = 2
14 | 
15 | [*.hbs]
16 | insert_final_newline = false
17 | 
18 | [*.{diff,md}]
19 | trim_trailing_whitespace = false
20 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 |  *.gjs linguist-language=js linguist-detectable
2 |  *.gts linguist-language=ts linguist-detectable
3 | 


--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 |       - master
 8 |   pull_request: {}
 9 | 
10 | concurrency:
11 |   group: ci-${{ github.head_ref || github.ref }}
12 |   cancel-in-progress: true
13 | 
14 | jobs:
15 |   test:
16 |     name: 'Tests'
17 |     runs-on: ubuntu-latest
18 | 
19 |     steps:
20 |       - uses: actions/checkout@v3
21 |       - uses: actions/setup-node@v3
22 |         with:
23 |           node-version: 16
24 |           cache: yarn
25 |       - name: Install Dependencies
26 |         run: yarn install --frozen-lockfile
27 |       - name: Lint
28 |         run: yarn lint
29 |       - name: Run Tests
30 |         run: yarn test
31 | 
32 |   floating:
33 |     name: 'Floating Dependencies'
34 |     runs-on: ubuntu-latest
35 | 
36 |     steps:
37 |       - uses: actions/checkout@v3
38 |       - uses: actions/setup-node@v3
39 |         with:
40 |           node-version: 16
41 |           cache: yarn
42 |       - name: Install Dependencies
43 |         run: yarn install --frozen-lockfile
44 |       - name: Run Tests
45 |         run: yarn test
46 | 
47 |   try-scenarios:
48 |     name: ${{ matrix.try-scenario }}
49 |     runs-on: ubuntu-latest
50 |     needs: 'test'
51 | 
52 |     strategy:
53 |       fail-fast: false
54 |       matrix:
55 |         try-scenario:
56 |           - ember-lts-3.28
57 |           - ember-lts-4.4
58 |           - ember-lts-4.8
59 |           - ember-lts-4.12
60 |           - ember-release
61 |           - ember-beta
62 |           - ember-canary
63 |           - embroider-safe
64 |           - embroider-optimized
65 | 
66 |     steps:
67 |       - uses: actions/checkout@v3
68 |       - uses: actions/setup-node@v3
69 |         with:
70 |           node-version: 16
71 |           cache: yarn
72 |       - name: Install Dependencies
73 |         run: yarn install --frozen-lockfile
74 |       - name: Run Tests
75 |         run: ./node_modules/.bin/ember try:one ${{ matrix.try-scenario }}
76 |         working-directory: test-app
77 | 


--------------------------------------------------------------------------------
/.github/workflows/push-dist.yml:
--------------------------------------------------------------------------------
 1 | # Because this library needs to be built,
 2 | # we can't easily point package.json files at the git repo for easy cross-repo testing.
 3 | #
 4 | # This workflow brings back that capability by placing the compiled assets on a "dist" branch
 5 | # (configurable via the "branch" option below)
 6 | name: Push dist
 7 | 
 8 | on:
 9 |   push:
10 |     branches:
11 |       - main
12 |       - master
13 | 
14 | jobs:
15 |   push-dist:
16 |     name: Push dist
17 |     runs-on: ubuntu-latest
18 |     steps:
19 |       - uses: actions/checkout@v3
20 |       - name: Install Node
21 |         uses: actions/setup-node@v3
22 |         with:
23 |           cache: 'yarn'
24 |       - name: Install Dependencies
25 |         run: yarn install --frozen-lockfile
26 |       - uses: kategengler/put-built-npm-package-contents-on-branch@v2.0.0
27 |         with:
28 |           branch: dist
29 |           token: ${{ secrets.GITHUB_TOKEN }}
30 |           working-directory: ember-route-template
31 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | node_modules/
 5 | 
 6 | # misc
 7 | .env*
 8 | .pnp*
 9 | .pnpm-debug.log
10 | .sass-cache
11 | .eslintcache
12 | coverage/
13 | npm-debug.log*
14 | yarn-error.log
15 | 
16 | # ember-try
17 | /.node_modules.ember-try/
18 | /package.json.ember-try
19 | /package-lock.json.ember-try
20 | /yarn.lock.ember-try
21 | /pnpm-lock.ember-try.yaml
22 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
 1 | # Prettier is also run from each package, so the ignores here
 2 | # protect against files that may not be within a package
 3 | 
 4 | # misc
 5 | !.*
 6 | .lint-todo/
 7 | 
 8 | # ember-try
 9 | /.node_modules.ember-try/
10 | /pnpm-lock.ember-try.yaml
11 | 


--------------------------------------------------------------------------------
/.prettierrc.cjs:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = {
4 |   plugins: ['prettier-plugin-ember-template-tag'],
5 |   singleQuote: true,
6 | };
7 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # How To Contribute
 2 | 
 3 | ## Installation
 4 | 
 5 | - `git clone <repository-url>`
 6 | - `cd ember-route-template`
 7 | - `yarn install`
 8 | 
 9 | ## Linting
10 | 
11 | - `yarn lint`
12 | - `yarn lint:fix`
13 | 
14 | ## Building the addon
15 | 
16 | - `cd ember-route-template`
17 | - `yarn build`
18 | 
19 | ## Running tests
20 | 
21 | - `cd test-app`
22 | - `yarn test` – Runs the test suite on the current Ember version
23 | 
24 | ## Running the test application
25 | 
26 | - `cd test-app`
27 | - `yarn start`
28 | - Visit the test application at [http://localhost:4200](http://localhost:4200).
29 | 
30 | For more information on using ember-cli, visit [https://cli.emberjs.com/release/](https://cli.emberjs.com/release/).
31 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Discourse
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # ember-route-template
  2 | 
  3 | [eti]: https://github.com/ember-template-imports/ember-template-imports
  4 | [polaris]: https://blog.emberjs.com/ember-5-0-released/#toc_the-journey-towards-ember-polaris
  5 | [resources]: https://github.com/NullVoxPopuli/ember-resources/blob/main/docs/docs/README.md
  6 | [rfc]: https://rfcs.emberjs.com/id/0779-first-class-component-templates/#typescript
  7 | [discourse]: https://discourse.org
  8 | 
  9 | Provides an adapter for using [`<template>` tags][eti] and components as route
 10 | templates.
 11 | 
 12 | ## Motivation
 13 | 
 14 | So you have adopted [`<template>` tags][eti] in your app, and everything has
 15 | been great. It's time to add a new route to the app. You created a `.gjs` file
 16 | and programmed away, importing components and helper functions left and right,
 17 | maybe even declaring local JavaScript helpers for use in the template.
 18 | 
 19 | When you are done, you tested it out in the browser, and everything broke. The
 20 | horror!
 21 | 
 22 | Unfortunately, Ember does not support `<template>` tags as route templates at
 23 | the moment. This is an obvious coherence gap that needs to be addressed in
 24 | [Polaris edition][polaris], likely by doing away with the controllers and route
 25 | templates altogether, in favor of making the route itself a component with a
 26 | `<template>` on it, and using the [resources][resources] pattern for data
 27 | fetching.
 28 | 
 29 | In the meantime though, this can leave you in a tricky situation. As your app
 30 | and your team gets deeper into the `<template>` tag paradigm, it can be awkward
 31 | to author route templates in the old paradigm, and you may even find yourself
 32 | having to re-export certain component/modifier/helpers from `app/` and make
 33 | them globally available, just so they can be used in route templates.
 34 | 
 35 | This addon bridges the gap by shipping a small adapter that turns `<template>`
 36 | and components into the route template format Ember currently expects, so you
 37 | can use the full feature set of `.gjs` in routes.
 38 | 
 39 | Eventually, this addon won't be necessary anymore when the new Polaris routing
 40 | paradigm is available.
 41 | 
 42 | ## Usage
 43 | 
 44 | ```js
 45 | // app/templates/my-route.gjs
 46 | import RouteTemplate from 'ember-route-template';
 47 | 
 48 | // This adapter converts the `<template>` into a route template
 49 | export default RouteTemplate(<template>Hello world!</template>);
 50 | ```
 51 | 
 52 | Your `<template>` will have access to the `{{@model}}` and `{{@controller}}`
 53 | arguments, if you need them. Other features like plain function helpers and
 54 | the ability to import components (etc) into the `<template>` scope works as
 55 | usual:
 56 | 
 57 | ```js
 58 | // app/templates/my-route.gjs
 59 | import RouteTemplate from "ember-route-template";
 60 | 
 61 | // components can be imported as usual
 62 | import Hello from "my-app/components/hello";
 63 | 
 64 | // plain functions work, as usual
 65 | function stringify(value) {
 66 |   if (typeof value?.name === 'string') {
 67 |     return value.name;
 68 |   } else {
 69 |     return String(value);
 70 |   }
 71 | }
 72 | 
 73 | // This adapter converts the `<template>` into a route template
 74 | export default RouteTemplate(
 75 |   <template>
 76 |     The model is: {{stringify @model}}
 77 |     The controller is: {{stringify @controller}}
 78 |     <Hello @message="this is great!" />
 79 |   </template>
 80 | );
 81 | ```
 82 | 
 83 | You can even convert components into route templates with this adapter (a.k.a.
 84 | "routable components"):
 85 | 
 86 | ```js
 87 | // app/templates/my-route.gjs
 88 | import RouteTemplate from 'ember-route-template';
 89 | import Component from "@glimmer/component";
 90 | 
 91 | class MyRouteComponent extends Component {
 92 |   <template>Hello, {{this.message}}. Why was I screaming?</template>
 93 | 
 94 |   get message() {
 95 |     return String(this.args.model).toUpperCase();
 96 |   }
 97 | }
 98 | 
 99 | export default RouteTemplate(MyRouteComponent);
100 | ```
101 | 
102 | With this feature, it eliminates most of the reasons for needing controllers,
103 | other than for query params (which is another coherence gap Polaris would need
104 | to address). We suggest exploring moving your non-QP controller logic into a
105 | component this way, treating controllers as "QP services" and nothing else.
106 | 
107 | ## How it works
108 | 
109 | [Under the hood](./ember-route-template/src/index.ts), the adapter generates
110 | a route template that simply invokes the `<template>` or component you passed
111 | in with the `@model` and `@controller` arguments appropriately set.
112 | 
113 | The hello world example from above is similar to first creating the component
114 | in the usual global location in `app/components`:
115 | 
116 | ```js
117 | // app/components/hello-world.gjs
118 | <template>Hello world!</template>
119 | ```
120 | 
121 | Then create a route template whose only job is to invoke that component:
122 | 
123 | ```hbs
124 | {{! app/templates/my-route.hbs }}
125 | <HelloWorld @model={{@model}} @controller={{this}} />
126 | ```
127 | 
128 | With the adapter from this addon, the main advantage is that it allows you to
129 | keep your route `<template>` or component anonymous, without making it globally
130 | available in `app/components` since it likely would not make sense to reuse a
131 | route specific `<template>` or component elsewhere in the app.
132 | 
133 | Of course, nothing is stopping you from exporting those values as additional
134 | named exports, if you need to access them from elsewhere.
135 | 
136 | ## TypeScript and Glint
137 | 
138 | TypeScript and Glint is fully supported, just use the `.gts` extension instead.
139 | 
140 | One caveat is that Glint cannot automatically infer the `@model`/`@controller`
141 | arguments, and you will get a type error when trying to access them from the
142 | `<template>`, which is the usual problem you've always had with template-only
143 | components in Glint.
144 | 
145 | According to the [RFC][rfc], you can supply a signature like this:
146 | 
147 | ```tsx
148 | // app/templates/my-route.gts
149 | import RouteTemplate from "ember-route-template";
150 | 
151 | interface MyRouteSignature {
152 |   Args: {
153 |     model: string;
154 |   }
155 | }
156 | 
157 | export default RouteTemplate(
158 |   // This does not actually work!
159 |   <template[MyRouteSignature]>
160 |     Now Glint is supposed to know {{@model}} is a string.
161 |   </template>
162 | );
163 | ```
164 | 
165 | However, as of writing, this feature was never implemented, and the Ember
166 | TypeScript is considering other alternatives. In the meantime, the adapter
167 | function can accept a generic argument for the signature to make things easier:
168 | 
169 | ```tsx
170 | // app/templates/my-route.gts
171 | import RouteTemplate from "ember-route-template";
172 | 
173 | interface MyRouteSignature {
174 |   Args: {
175 |     model: string;
176 |   }
177 | }
178 | 
179 | export default RouteTemplate<MyRouteSignature>(
180 |   <template>
181 |     Now Glint is supposed to know {{@model}} is a string.
182 |   </template>
183 | );
184 | ```
185 | 
186 | This feature is only needed for bare `<template>` tags. Class-based components
187 | don't have this issue as they already accept a signature generic:
188 | 
189 | ```tsx
190 | // app/templates/my-route.gts
191 | import RouteTemplate from "ember-route-template";
192 | import Component from "@glimmer/component";
193 | 
194 | interface MyRouteSignature {
195 |   Args: {
196 |     model: string;
197 |   }
198 | }
199 | 
200 | class MyRouteComponent extends Component<MyRouteSignature> {
201 |   <template>
202 |     Glint knows this is a string: {{@model}}
203 |   </template>
204 | }
205 | 
206 | export default RouteTemplate(MyRouteComponent);
207 | ```
208 | 
209 | ## Compatibility
210 | 
211 | - Ember.js v3.28 or above
212 | - Embroider or ember-auto-import v2
213 | 
214 | ## Installation
215 | 
216 | ```
217 | ember install ember-route-template
218 | ```
219 | 
220 | ## Contributing
221 | 
222 | See the [Contributing](CONTRIBUTING.md) guide for details.
223 | 
224 | ## License
225 | 
226 | This project is licensed under the [MIT License](LICENSE.md).
227 | 
228 | ## Thanks
229 | 
230 | The development of this addon was initial funded by [Discourse][discourse].
231 | 


--------------------------------------------------------------------------------
/config/ember-cli-update.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "schemaVersion": "1.0.0",
 3 |   "packages": [
 4 |     {
 5 |       "name": "@embroider/addon-blueprint",
 6 |       "version": "2.5.0",
 7 |       "blueprints": [
 8 |         {
 9 |           "name": "@embroider/addon-blueprint",
10 |           "isBaseBlueprint": true,
11 |           "options": [
12 |             "--ci-provider=github",
13 |             "--typescript",
14 |             "--yarn"
15 |           ]
16 |         }
17 |       ]
18 |     }
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/ember-route-template/.eslintignore:
--------------------------------------------------------------------------------
 1 | # unconventional js
 2 | /blueprints/*/files/
 3 | 
 4 | # compiled output
 5 | /dist/
 6 | /declarations/
 7 | 
 8 | # misc
 9 | /coverage/
10 | 


--------------------------------------------------------------------------------
/ember-route-template/.eslintrc.cjs:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   root: true,
 5 |   parser: '@typescript-eslint/parser',
 6 |   parserOptions: {
 7 |     ecmaVersion: 'latest',
 8 |   },
 9 |   plugins: ['ember'],
10 |   extends: [
11 |     'eslint:recommended',
12 |     'plugin:ember/recommended',
13 |     'plugin:prettier/recommended',
14 |   ],
15 |   env: {
16 |     browser: true,
17 |   },
18 |   rules: {},
19 |   overrides: [
20 |     // ts files
21 |     {
22 |       files: ['**/*.ts', '**/*.gts'],
23 |       extends: [
24 |         'plugin:@typescript-eslint/eslint-recommended',
25 |         'plugin:@typescript-eslint/recommended',
26 |       ],
27 |       rules: {
28 |         // Add any custom rules here
29 |       },
30 |     },
31 |     // node files
32 |     {
33 |       files: [
34 |         './.eslintrc.cjs',
35 |         './.prettierrc.js',
36 |         './.template-lintrc.cjs',
37 |         './addon-main.cjs',
38 |       ],
39 |       parserOptions: {
40 |         sourceType: 'script',
41 |       },
42 |       env: {
43 |         browser: false,
44 |         node: true,
45 |       },
46 |       plugins: ['n'],
47 |       extends: ['plugin:n/recommended'],
48 |     },
49 |   ],
50 | };
51 | 


--------------------------------------------------------------------------------
/ember-route-template/.gitignore:
--------------------------------------------------------------------------------
 1 | # The authoritative copies of these live in the monorepo root (because they're
 2 | # more useful on github that way), but the build copies them into here so they
 3 | # will also appear in published NPM packages.
 4 | /README.md
 5 | /LICENSE.md
 6 | 
 7 | # compiled output
 8 | /dist
 9 | /declarations
10 | 
11 | # npm/pnpm/yarn pack output
12 | *.tgz
13 | 


--------------------------------------------------------------------------------
/ember-route-template/.prettierignore:
--------------------------------------------------------------------------------
 1 | # unconventional js
 2 | /blueprints/*/files/
 3 | 
 4 | # compiled output
 5 | /dist/
 6 | /declarations/
 7 | 
 8 | # misc
 9 | /coverage/
10 | 


--------------------------------------------------------------------------------
/ember-route-template/.prettierrc.cjs:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = {
4 |   plugins: ['prettier-plugin-ember-template-tag'],
5 |   singleQuote: true,
6 | };
7 | 


--------------------------------------------------------------------------------
/ember-route-template/.template-lintrc.cjs:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = {
4 |   extends: 'recommended',
5 | };
6 | 


--------------------------------------------------------------------------------
/ember-route-template/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | 
 3 | ## v1.0.3 (November 13, 2023)
 4 | 
 5 | - Restore accidentally removed v1 addon shim
 6 | 
 7 | ## v1.0.2 (November 10, 2023)
 8 | 
 9 | - Fill in description field in package.json
10 | 
11 | ## v1.0.1 (September 11, 2023)
12 | 
13 | - Use `import type` to ensure removal of unused imports
14 | 
15 | ## v1.0.0 (September 11, 2023)
16 | 
17 | - Initial release
18 | 


--------------------------------------------------------------------------------
/ember-route-template/addon-main.cjs:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | const { addonV1Shim } = require('@embroider/addon-shim');
4 | module.exports = addonV1Shim(__dirname);
5 | 


--------------------------------------------------------------------------------
/ember-route-template/babel.config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [["@babel/preset-typescript", { "allExtensions": true, "onlyRemoveTypeImports": true }]],
 3 |   "plugins": [
 4 |     "@embroider/addon-dev/template-colocation-plugin",
 5 |     "@babel/plugin-transform-class-static-block",
 6 |     ["babel-plugin-ember-template-compilation", {
 7 |       "targetFormat": "hbs",
 8 |       "transforms": []
 9 |     }],
10 |     ["@babel/plugin-proposal-decorators", { "version": "legacy" }],
11 |     "@babel/plugin-proposal-class-properties"
12 |   ]
13 | }
14 | 


--------------------------------------------------------------------------------
/ember-route-template/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ember-route-template",
 3 |   "version": "1.0.3",
 4 |   "description": "Provides an adapter for using <template> tags and components as route templates",
 5 |   "keywords": [
 6 |     "ember-addon"
 7 |   ],
 8 |   "repository": "https://github.com/discourse/ember-route-template",
 9 |   "license": "MIT",
10 |   "author": "Discourse <team@discourse.org>",
11 |   "exports": {
12 |     ".": {
13 |       "types": "./declarations/index.d.ts",
14 |       "default": "./dist/index.js"
15 |     },
16 |     "./*": {
17 |       "types": "./declarations/*.d.ts",
18 |       "default": "./dist/*.js"
19 |     },
20 |     "./addon-main.js": "./addon-main.cjs"
21 |   },
22 |   "typesVersions": {
23 |     "*": {
24 |       "*": [
25 |         "declarations/*"
26 |       ]
27 |     }
28 |   },
29 |   "files": [
30 |     "addon-main.cjs",
31 |     "declarations",
32 |     "dist",
33 |     "CHANGELOG.md"
34 |   ],
35 |   "scripts": {
36 |     "build": "concurrently 'npm:build:*'",
37 |     "build:js": "rollup --config",
38 |     "build:types": "glint --declaration",
39 |     "lint": "concurrently 'npm:lint:*(!fix)' --names 'lint:'",
40 |     "lint:fix": "concurrently 'npm:lint:*:fix' --names 'fix:'",
41 |     "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
42 |     "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
43 |     "lint:js": "eslint . --cache",
44 |     "lint:js:fix": "eslint . --fix",
45 |     "lint:types": "glint",
46 |     "prepack": "rollup --config",
47 |     "start": "concurrently 'npm:start:*'",
48 |     "start:js": "rollup --config --watch --no-watch.clearScreen",
49 |     "start:types": "glint --declaration --watch",
50 |     "test": "echo 'A v2 addon does not have tests, run tests in test-app'"
51 |   },
52 |   "dependencies": {
53 |     "@embroider/addon-shim": "^1.0.0"
54 |   },
55 |   "devDependencies": {
56 |     "@babel/core": "^7.17.0",
57 |     "@babel/plugin-proposal-class-properties": "^7.16.7",
58 |     "@babel/plugin-proposal-decorators": "^7.20.13",
59 |     "@babel/plugin-transform-class-static-block": "^7.20.0",
60 |     "@babel/preset-typescript": "^7.18.6",
61 |     "@babel/runtime": "^7.17.0",
62 |     "@embroider/addon-dev": "^4.1.0",
63 |     "@glint/core": "*",
64 |     "@glint/environment-ember-loose": "*",
65 |     "@glint/environment-ember-template-imports": "*",
66 |     "@glint/template": "*",
67 |     "@rollup/plugin-babel": "^6.0.3",
68 |     "@tsconfig/ember": "^2.0.0",
69 |     "@typescript-eslint/eslint-plugin": "^5.30.5",
70 |     "@typescript-eslint/parser": "^5.30.5",
71 |     "babel-plugin-ember-template-compilation": "^2.2.0",
72 |     "concurrently": "^8.0.1",
73 |     "ember-template-lint": "^5.11.2",
74 |     "eslint": "^8.33.0",
75 |     "eslint-config-prettier": "^9.0.0",
76 |     "eslint-plugin-ember": "^11.11.1",
77 |     "eslint-plugin-n": "^16.0.0",
78 |     "eslint-plugin-prettier": "^5.0.0",
79 |     "prettier": "*",
80 |     "prettier-plugin-ember-template-tag": "*",
81 |     "rollup": "^3.21.8",
82 |     "rollup-plugin-copy": "^3.4.0",
83 |     "typescript": "*"
84 |   },
85 |   "publishConfig": {
86 |     "registry": "https://registry.npmjs.org"
87 |   },
88 |   "ember": {
89 |     "edition": "octane"
90 |   },
91 |   "ember-addon": {
92 |     "version": 2,
93 |     "type": "addon",
94 |     "main": "addon-main.cjs",
95 |     "app-js": {}
96 |   }
97 | }
98 | 


--------------------------------------------------------------------------------
/ember-route-template/rollup.config.mjs:
--------------------------------------------------------------------------------
 1 | import { babel } from '@rollup/plugin-babel';
 2 | import copy from 'rollup-plugin-copy';
 3 | import { Addon } from '@embroider/addon-dev/rollup';
 4 | 
 5 | const addon = new Addon({
 6 |   srcDir: 'src',
 7 |   destDir: 'dist',
 8 | });
 9 | 
10 | export default {
11 |   // This provides defaults that work well alongside `publicEntrypoints` below.
12 |   // You can augment this if you need to.
13 |   output: addon.output(),
14 | 
15 |   plugins: [
16 |     // These are the modules that users should be able to import from your
17 |     // addon. Anything not listed here may get optimized away.
18 |     addon.publicEntrypoints(['components/**/*.js', 'index.js', 'template-registry.js']),
19 | 
20 |     // These are the modules that should get reexported into the traditional
21 |     // "app" tree. Things in here should also be in publicEntrypoints above, but
22 |     // not everything in publicEntrypoints necessarily needs to go here.
23 |     addon.appReexports(['components/**/*.js']),
24 | 
25 |     // Follow the V2 Addon rules about dependencies. Your code can import from
26 |     // `dependencies` and `peerDependencies` as well as standard Ember-provided
27 |     // package names.
28 |     addon.dependencies(),
29 | 
30 |     // This babel config should *not* apply presets or compile away ES modules.
31 |     // It exists only to provide development niceties for you, like automatic
32 |     // template colocation.
33 |     //
34 |     // By default, this will load the actual babel config from the file
35 |     // babel.config.json.
36 |     babel({
37 |       extensions: ['.js', '.gjs', '.ts', '.gts'],
38 |       babelHelpers: 'bundled',
39 |     }),
40 | 
41 |     // Ensure that standalone .hbs files are properly integrated as Javascript.
42 |     addon.hbs(),
43 | 
44 |     // Ensure that .gjs files are properly integrated as Javascript
45 |     addon.gjs(),
46 | 
47 |     // addons are allowed to contain imports of .css files, which we want rollup
48 |     // to leave alone and keep in the published output.
49 |     addon.keepAssets(['**/*.css']),
50 | 
51 |     // Remove leftover build artifacts when starting a new build.
52 |     addon.clean(),
53 | 
54 |     // Copy Readme and License into published package
55 |     copy({
56 |       targets: [
57 |         { src: '../README.md', dest: '.' },
58 |         { src: '../LICENSE.md', dest: '.' },
59 |       ],
60 |     }),
61 |   ],
62 | };
63 | 


--------------------------------------------------------------------------------
/ember-route-template/src/index.ts:
--------------------------------------------------------------------------------
 1 | import { precompileTemplate } from '@ember/template-compilation';
 2 | import type { TemplateOnlyComponent } from '@ember/component/template-only';
 3 | 
 4 | export type TemplateFactory = ReturnType<typeof precompileTemplate>;
 5 | 
 6 | export default function RouteTemplate<S>(
 7 |   Component: TemplateOnlyComponent<S>,
 8 | ): TemplateFactory;
 9 | export default function RouteTemplate(Component: object): TemplateFactory;
10 | export default function RouteTemplate(Component: object): TemplateFactory {
11 |   return precompileTemplate(
12 |     `<Component @model={{@model}} @controller={{this}} />`,
13 |     {
14 |       strictMode: true,
15 |       scope: () => ({ Component }),
16 |     },
17 |   );
18 | }
19 | 


--------------------------------------------------------------------------------
/ember-route-template/src/template-registry.ts:
--------------------------------------------------------------------------------
 1 | // Easily allow apps, which are not yet using strict mode templates, to consume your Glint types, by importing this file.
 2 | // Add all your components, helpers and modifiers to the template registry here, so apps don't have to do this.
 3 | // See https://typed-ember.gitbook.io/glint/environments/ember/authoring-addons
 4 | 
 5 | // import type MyComponent from './components/my-component';
 6 | 
 7 | // Remove this once entries have been added! 👇
 8 | // eslint-disable-next-line @typescript-eslint/no-empty-interface
 9 | export default interface Registry {
10 |   // MyComponent: typeof MyComponent
11 | }
12 | 


--------------------------------------------------------------------------------
/ember-route-template/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@tsconfig/ember/tsconfig.json",
 3 |   "include": [
 4 |     "src/**/*",
 5 |     "unpublished-development-types/**/*"
 6 |   ],
 7 |   "glint": {
 8 |     "environment": [
 9 |       "ember-loose",
10 |       "ember-template-imports"
11 |     ]
12 |   },
13 |   "compilerOptions": {
14 |     "allowJs": true,
15 |     "allowImportingTsExtensions": true,
16 |     "declarationDir": "declarations"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/ember-route-template/unpublished-development-types/index.d.ts:
--------------------------------------------------------------------------------
 1 | // Add any types here that you need for local development only.
 2 | // These will *not* be published as part of your addon, so be careful that your published code does not rely on them!
 3 | 
 4 | import 'ember-source/types';
 5 | import '@glint/environment-ember-loose';
 6 | import '@glint/environment-ember-template-imports';
 7 | 
 8 | declare module '@glint/environment-ember-loose/registry' {
 9 |   // Remove this once entries have been added! 👇
10 |   // eslint-disable-next-line @typescript-eslint/no-empty-interface
11 |   export default interface Registry {
12 |     // Add any registry entries from other addons here that your addon itself uses (in non-strict mode templates)
13 |     // See https://typed-ember.gitbook.io/glint/using-glint/ember/using-addons
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "private": true,
 3 |   "repository": "https://github.com/discourse/ember-route-template",
 4 |   "license": "MIT",
 5 |   "author": "Discourse <team@discourse.org>",
 6 |   "scripts": {
 7 |     "build": "yarn workspace ember-route-template run build",
 8 |     "lint": "yarn workspaces run lint",
 9 |     "lint:fix": "yarn workspaces run lint:fix",
10 |     "prepare": "yarn build",
11 |     "start": "concurrently 'npm:start:*' --restart-after 5000 --prefix-colors cyan,white,yellow",
12 |     "start:addon": "yarn workspace ember-route-template run start",
13 |     "start:test-app": "yarn workspace test-app run start",
14 |     "test": "yarn workspaces run test",
15 |     "test:ember": "yarn workspace test-app run test:ember"
16 |   },
17 |   "devDependencies": {
18 |     "@glint/core": "^1.1.0",
19 |     "@glint/environment-ember-loose": "^1.1.0",
20 |     "@glint/environment-ember-template-imports": "^1.1.0",
21 |     "@glint/template": "^1.1.0",
22 |     "concurrently": "^8.2.0",
23 |     "prettier": "^3.0.3",
24 |     "prettier-plugin-ember-template-tag": "^1.1.0",
25 |     "typescript": "^5.2.2"
26 |   },
27 |   "workspaces": [
28 |     "ember-route-template",
29 |     "test-app"
30 |   ]
31 | }
32 | 


--------------------------------------------------------------------------------
/test-app/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | [*]
 8 | end_of_line = lf
 9 | charset = utf-8
10 | trim_trailing_whitespace = true
11 | insert_final_newline = true
12 | indent_style = space
13 | indent_size = 2
14 | 
15 | [*.hbs]
16 | insert_final_newline = false
17 | 
18 | [*.{diff,md}]
19 | trim_trailing_whitespace = false
20 | 


--------------------------------------------------------------------------------
/test-app/.ember-cli:
--------------------------------------------------------------------------------
 1 | {
 2 |   /**
 3 |     Ember CLI sends analytics information by default. The data is completely
 4 |     anonymous, but there are times when you might want to disable this behavior.
 5 | 
 6 |     Setting `disableAnalytics` to true will prevent any data from being sent.
 7 |   */
 8 |   "disableAnalytics": false,
 9 | 
10 |   /**
11 |     Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
12 |     rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
13 |   */
14 |   "isTypeScriptProject": true
15 | }
16 | 


--------------------------------------------------------------------------------
/test-app/.eslintignore:
--------------------------------------------------------------------------------
 1 | # unconventional js
 2 | /blueprints/*/files/
 3 | 
 4 | # compiled output
 5 | /dist/
 6 | 
 7 | # misc
 8 | /coverage/
 9 | !.*
10 | .*/
11 | 
12 | # ember-try
13 | /.node_modules.ember-try/
14 | 


--------------------------------------------------------------------------------
/test-app/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   root: true,
 5 |   parser: '@typescript-eslint/parser',
 6 |   parserOptions: {
 7 |     ecmaVersion: 'latest',
 8 |   },
 9 |   plugins: ['ember', '@typescript-eslint'],
10 |   extends: [
11 |     'eslint:recommended',
12 |     'plugin:ember/recommended',
13 |     'plugin:prettier/recommended',
14 |   ],
15 |   env: {
16 |     browser: true,
17 |   },
18 |   rules: {},
19 |   overrides: [
20 |     // ts files
21 |     {
22 |       files: ['**/*.ts'],
23 |       extends: [
24 |         'plugin:@typescript-eslint/eslint-recommended',
25 |         'plugin:@typescript-eslint/recommended',
26 |       ],
27 |       rules: {},
28 |     },
29 |     // node files
30 |     {
31 |       files: [
32 |         './.eslintrc.js',
33 |         './.prettierrc.js',
34 |         './.stylelintrc.js',
35 |         './.template-lintrc.js',
36 |         './ember-cli-build.js',
37 |         './testem.js',
38 |         './blueprints/*/index.js',
39 |         './config/**/*.js',
40 |         './lib/*/index.js',
41 |         './server/**/*.js',
42 |       ],
43 |       env: {
44 |         browser: false,
45 |         node: true,
46 |       },
47 |       extends: ['plugin:n/recommended'],
48 |     },
49 |     {
50 |       // test files
51 |       files: ['tests/**/*-test.{js,ts}'],
52 |       extends: ['plugin:qunit/recommended'],
53 |     },
54 |   ],
55 | };
56 | 


--------------------------------------------------------------------------------
/test-app/.gitignore:
--------------------------------------------------------------------------------
 1 | # compiled output
 2 | /dist/
 3 | /declarations/
 4 | 
 5 | # dependencies
 6 | /node_modules/
 7 | 
 8 | # misc
 9 | /.env*
10 | /.pnp*
11 | /.eslintcache
12 | /coverage/
13 | /npm-debug.log*
14 | /testem.log
15 | /yarn-error.log
16 | 
17 | # ember-try
18 | /.node_modules.ember-try/
19 | /npm-shrinkwrap.json.ember-try
20 | /package.json.ember-try
21 | /package-lock.json.ember-try
22 | /yarn.lock.ember-try
23 | 
24 | # broccoli-debug
25 | /DEBUG/
26 | 


--------------------------------------------------------------------------------
/test-app/.prettierignore:
--------------------------------------------------------------------------------
 1 | # unconventional js
 2 | /blueprints/*/files/
 3 | 
 4 | # compiled output
 5 | /dist/
 6 | 
 7 | # misc
 8 | /coverage/
 9 | !.*
10 | .*/
11 | 
12 | # ember-try
13 | /.node_modules.ember-try/
14 | 


--------------------------------------------------------------------------------
/test-app/.prettierrc.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   plugins: ['prettier-plugin-ember-template-tag'],
 5 |   overrides: [
 6 |     {
 7 |       files: '*.{js,ts}',
 8 |       options: {
 9 |         singleQuote: true,
10 |       },
11 |     },
12 |     {
13 |       files: '*.{gjs,gts}',
14 |       options: {
15 |         singleQuote: true,
16 |         parser: 'ember-template-tag',
17 |       },
18 |     },
19 |   ],
20 | };
21 | 


--------------------------------------------------------------------------------
/test-app/.stylelintignore:
--------------------------------------------------------------------------------
1 | # unconventional files
2 | /blueprints/*/files/
3 | 
4 | # compiled output
5 | /dist/
6 | 
7 | # addons
8 | /.node_modules.ember-try/
9 | 


--------------------------------------------------------------------------------
/test-app/.stylelintrc.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = {
4 |   extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
5 | };
6 | 


--------------------------------------------------------------------------------
/test-app/.template-lintrc.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = {
4 |   extends: 'recommended',
5 | };
6 | 


--------------------------------------------------------------------------------
/test-app/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {
2 |   "ignore_dirs": ["dist"]
3 | }
4 | 


--------------------------------------------------------------------------------
/test-app/README.md:
--------------------------------------------------------------------------------
 1 | # test-app
 2 | 
 3 | This README outlines the details of collaborating on this Ember application.
 4 | A short introduction of this app could easily go here.
 5 | 
 6 | ## Prerequisites
 7 | 
 8 | You will need the following things properly installed on your computer.
 9 | 
10 | * [Git](https://git-scm.com/)
11 | * [Node.js](https://nodejs.org/)
12 | * [Yarn](https://yarnpkg.com/)
13 | * [Ember CLI](https://cli.emberjs.com/release/)
14 | * [Google Chrome](https://google.com/chrome/)
15 | 
16 | ## Installation
17 | 
18 | * `git clone <repository-url>` this repository
19 | * `cd test-app`
20 | * `yarn install`
21 | 
22 | ## Running / Development
23 | 
24 | * `ember serve`
25 | * Visit your app at [http://localhost:4200](http://localhost:4200).
26 | * Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
27 | 
28 | ### Code Generators
29 | 
30 | Make use of the many generators for code, try `ember help generate` for more details
31 | 
32 | ### Running Tests
33 | 
34 | * `ember test`
35 | * `ember test --server`
36 | 
37 | ### Linting
38 | 
39 | * `yarn lint`
40 | * `yarn lint:fix`
41 | 
42 | ### Building
43 | 
44 | * `ember build` (development)
45 | * `ember build --environment production` (production)
46 | 
47 | ### Deploying
48 | 
49 | Specify what it takes to deploy your app.
50 | 
51 | ## Further Reading / Useful Links
52 | 
53 | * [ember.js](https://emberjs.com/)
54 | * [ember-cli](https://cli.emberjs.com/release/)
55 | * Development Browser Extensions
56 |   * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
57 |   * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
58 | 


--------------------------------------------------------------------------------
/test-app/app/app.ts:
--------------------------------------------------------------------------------
 1 | import Application from '@ember/application';
 2 | import Resolver from 'ember-resolver';
 3 | import loadInitializers from 'ember-load-initializers';
 4 | import config from 'test-app/config/environment';
 5 | 
 6 | export default class App extends Application {
 7 |   modulePrefix = config.modulePrefix;
 8 |   podModulePrefix = config.podModulePrefix;
 9 |   Resolver = Resolver;
10 | }
11 | 
12 | loadInitializers(App, config.modulePrefix);
13 | 


--------------------------------------------------------------------------------
/test-app/app/components/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/app/components/.gitkeep


--------------------------------------------------------------------------------
/test-app/app/config/environment.d.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Type declarations for
 3 |  *    import config from 'test-app/config/environment'
 4 |  */
 5 | declare const config: {
 6 |   environment: string;
 7 |   modulePrefix: string;
 8 |   podModulePrefix: string;
 9 |   locationType: 'history' | 'hash' | 'none' | 'auto';
10 |   rootURL: string;
11 |   APP: Record<string, unknown>;
12 | };
13 | 
14 | export default config;
15 | 


--------------------------------------------------------------------------------
/test-app/app/controllers/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/app/controllers/.gitkeep


--------------------------------------------------------------------------------
/test-app/app/controllers/controller-works.ts:
--------------------------------------------------------------------------------
1 | import Controller from '@ember/controller';
2 | 
3 | export default class ControllerWorksController extends Controller<string> {
4 |   get specialMessage(): string {
5 |     return `this is a very special message ${this.model}`;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/test-app/app/helpers/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/app/helpers/.gitkeep


--------------------------------------------------------------------------------
/test-app/app/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>TestApp</title>
 6 |     <meta name="description" content="">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     {{content-for "head"}}
10 | 
11 |     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
12 |     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/test-app.css">
13 | 
14 |     {{content-for "head-footer"}}
15 |   </head>
16 |   <body>
17 |     {{content-for "body"}}
18 | 
19 |     <script src="{{rootURL}}assets/vendor.js"></script>
20 |     <script src="{{rootURL}}assets/test-app.js"></script>
21 | 
22 |     {{content-for "body-footer"}}
23 |   </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/test-app/app/models/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/app/models/.gitkeep


--------------------------------------------------------------------------------
/test-app/app/router.ts:
--------------------------------------------------------------------------------
 1 | import EmberRouter from '@ember/routing/router';
 2 | import config from 'test-app/config/environment';
 3 | 
 4 | export default class Router extends EmberRouter {
 5 |   location = config.locationType;
 6 |   rootURL = config.rootURL;
 7 | }
 8 | 
 9 | Router.map(function () {
10 |   this.route('hbs-template-works');
11 |   this.route('gjs-template-works');
12 |   this.route('gts-template-works');
13 |   this.route('model-works', { path: 'model-works/:id' });
14 |   this.route('controller-works', { path: 'controller-works/:id' });
15 |   this.route('component-works', { path: 'component-works/:id' });
16 | });
17 | 


--------------------------------------------------------------------------------
/test-app/app/routes/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/app/routes/.gitkeep


--------------------------------------------------------------------------------
/test-app/app/routes/component-works.ts:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | 
3 | export default class ComponentWorksRoute extends Route<string> {
4 |   model({ id }: { id: string }): string {
5 |     return id;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/test-app/app/routes/controller-works.ts:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | 
3 | export default class ControllerWorksRoute extends Route<string> {
4 |   model({ id }: { id: string }): string {
5 |     return id;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/test-app/app/routes/model-works.ts:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | 
3 | export default class ModelWorksRoute extends Route<string> {
4 |   model({ id }: { id: string }): string {
5 |     return id;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/test-app/app/styles/app.css:
--------------------------------------------------------------------------------
1 | /* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
2 | 


--------------------------------------------------------------------------------
/test-app/app/templates/application.hbs:
--------------------------------------------------------------------------------
1 | {{page-title "TestApp"}}
2 | 
3 | <h2 id="title">Welcome to Ember</h2>
4 | 
5 | {{outlet}}
6 | 


--------------------------------------------------------------------------------
/test-app/app/templates/component-works.gts:
--------------------------------------------------------------------------------
 1 | import Component from '@glimmer/component';
 2 | import RouteTemplate from 'ember-route-template';
 3 | 
 4 | interface Signature {
 5 |   Args: {
 6 |     model: string;
 7 |   };
 8 | }
 9 | 
10 | class MyRouteComponent extends Component<Signature> {
11 |   <template>
12 |     {{this.backwards}} ,olleh
13 |   </template>
14 | 
15 |   get backwards(): string {
16 |     return this.args.model.split('').reverse().join('');
17 |   }
18 | }
19 | 
20 | export default RouteTemplate(MyRouteComponent);
21 | 


--------------------------------------------------------------------------------
/test-app/app/templates/controller-works.gts:
--------------------------------------------------------------------------------
 1 | import RouteTemplate from 'ember-route-template';
 2 | import ControllerWorksController from 'test-app/controllers/controller-works';
 3 | 
 4 | interface Signature {
 5 |   Args: {
 6 |     controller: ControllerWorksController;
 7 |   };
 8 | }
 9 | 
10 | export default RouteTemplate<Signature>(<template>
11 |   hello, {{@controller.specialMessage}}
12 | </template>);
13 | 


--------------------------------------------------------------------------------
/test-app/app/templates/gjs-template-works.gjs:
--------------------------------------------------------------------------------
1 | import RouteTemplate from 'ember-route-template';
2 | 
3 | export default RouteTemplate(<template>
4 |   Hello from gjs-template-works.gjs
5 | </template>);
6 | 


--------------------------------------------------------------------------------
/test-app/app/templates/gts-template-works.gts:
--------------------------------------------------------------------------------
1 | import RouteTemplate from 'ember-route-template';
2 | 
3 | export default RouteTemplate(<template>
4 |   Hello from gts-template-works.gts
5 | </template>);
6 | 


--------------------------------------------------------------------------------
/test-app/app/templates/hbs-template-works.hbs:
--------------------------------------------------------------------------------
1 | Hello from hbs-template-works.hbs
2 | 


--------------------------------------------------------------------------------
/test-app/app/templates/model-works.gts:
--------------------------------------------------------------------------------
 1 | import RouteTemplate from 'ember-route-template';
 2 | 
 3 | interface Signature {
 4 |   Args: {
 5 |     model: string;
 6 |   };
 7 | }
 8 | 
 9 | export default RouteTemplate<Signature>(<template>
10 |   model is {{@model}}
11 | </template>);
12 | 


--------------------------------------------------------------------------------
/test-app/config/ember-cli-update.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "schemaVersion": "1.0.0",
 3 |   "packages": [
 4 |     {
 5 |       "name": "ember-cli",
 6 |       "version": "5.2.1",
 7 |       "blueprints": [
 8 |         {
 9 |           "name": "app",
10 |           "outputRepo": "https://github.com/ember-cli/ember-new-output",
11 |           "codemodsSource": "ember-app-codemods-manifest@1",
12 |           "isBaseBlueprint": true,
13 |           "options": [
14 |             "--no-welcome",
15 |             "--yarn",
16 |             "--ci-provider=travis",
17 |             "--typescript"
18 |           ]
19 |         }
20 |       ]
21 |     }
22 |   ]
23 | }
24 | 


--------------------------------------------------------------------------------
/test-app/config/ember-try.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const getChannelURL = require('ember-source-channel-url');
 4 | const { embroiderSafe, embroiderOptimized } = require('@embroider/test-setup');
 5 | 
 6 | module.exports = async function () {
 7 |   return {
 8 |     useYarn: true,
 9 |     scenarios: [
10 |       {
11 |         name: 'ember-lts-3.28',
12 |         npm: {
13 |           devDependencies: {
14 |             // sketchy town!
15 |             // ember-source has a check for this.project.bowerDependencies()
16 |             // which was removed in ember-cli 5. not sure if swapping out
17 |             // ember-cli with ember-try (which is itself running on the
18 |             // currently installed ember-cli version) is really ok, but it
19 |             // seems to work?
20 |             'ember-cli': '~4.12.0',
21 |             'ember-source': '~3.28.0',
22 |             'ember-qunit': '~6.2.0',
23 |             '@ember/test-helpers': '~2.9.4',
24 |           },
25 |         },
26 |       },
27 |       {
28 |         name: 'ember-lts-4.4',
29 |         npm: {
30 |           devDependencies: {
31 |             'ember-source': '~4.4.0',
32 |           },
33 |         },
34 |       },
35 |       {
36 |         name: 'ember-lts-4.8',
37 |         npm: {
38 |           devDependencies: {
39 |             'ember-source': '~4.8.0',
40 |           },
41 |         },
42 |       },
43 |       {
44 |         name: 'ember-lts-4.12',
45 |         npm: {
46 |           devDependencies: {
47 |             'ember-source': '~4.12.0',
48 |           },
49 |         },
50 |       },
51 |       {
52 |         name: 'ember-release',
53 |         npm: {
54 |           devDependencies: {
55 |             'ember-source': await getChannelURL('release'),
56 |           },
57 |         },
58 |       },
59 |       {
60 |         name: 'ember-beta',
61 |         npm: {
62 |           devDependencies: {
63 |             'ember-source': await getChannelURL('beta'),
64 |           },
65 |         },
66 |       },
67 |       {
68 |         name: 'ember-canary',
69 |         npm: {
70 |           devDependencies: {
71 |             'ember-source': await getChannelURL('canary'),
72 |           },
73 |         },
74 |       },
75 |       embroiderSafe(),
76 |       embroiderOptimized(),
77 |     ],
78 |   };
79 | };
80 | 


--------------------------------------------------------------------------------
/test-app/config/environment.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = function (environment) {
 4 |   const ENV = {
 5 |     modulePrefix: 'test-app',
 6 |     environment,
 7 |     rootURL: '/',
 8 |     locationType: 'history',
 9 |     EmberENV: {
10 |       EXTEND_PROTOTYPES: false,
11 |       FEATURES: {
12 |         // Here you can enable experimental features on an ember canary build
13 |         // e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
14 |       },
15 |     },
16 | 
17 |     APP: {
18 |       // Here you can pass flags/options to your application instance
19 |       // when it is created
20 |     },
21 |   };
22 | 
23 |   if (environment === 'development') {
24 |     // ENV.APP.LOG_RESOLVER = true;
25 |     // ENV.APP.LOG_ACTIVE_GENERATION = true;
26 |     // ENV.APP.LOG_TRANSITIONS = true;
27 |     // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
28 |     // ENV.APP.LOG_VIEW_LOOKUPS = true;
29 |   }
30 | 
31 |   if (environment === 'test') {
32 |     // Testem prefers this...
33 |     ENV.locationType = 'none';
34 | 
35 |     // keep test console output quieter
36 |     ENV.APP.LOG_ACTIVE_GENERATION = false;
37 |     ENV.APP.LOG_VIEW_LOOKUPS = false;
38 | 
39 |     ENV.APP.rootElement = '#ember-testing';
40 |     ENV.APP.autoboot = false;
41 |   }
42 | 
43 |   if (environment === 'production') {
44 |     // here you can enable a production-specific feature
45 |   }
46 | 
47 |   return ENV;
48 | };
49 | 


--------------------------------------------------------------------------------
/test-app/config/optional-features.json:
--------------------------------------------------------------------------------
1 | {
2 |   "application-template-wrapper": false,
3 |   "default-async-observers": true,
4 |   "jquery-integration": false,
5 |   "template-only-glimmer-components": true
6 | }
7 | 


--------------------------------------------------------------------------------
/test-app/config/targets.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const browsers = [
 4 |   'last 1 Chrome versions',
 5 |   'last 1 Firefox versions',
 6 |   'last 1 Safari versions',
 7 | ];
 8 | 
 9 | module.exports = {
10 |   browsers,
11 | };
12 | 


--------------------------------------------------------------------------------
/test-app/ember-cli-build.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 4 | 
 5 | module.exports = function (defaults) {
 6 |   let app = new EmberApp(defaults, {
 7 |     'ember-cli-babel': { enableTypeScriptTransform: true },
 8 |     autoImport: {
 9 |       watchDependencies: ['ember-route-template'],
10 |     },
11 |   });
12 | 
13 |   const { maybeEmbroider } = require('@embroider/test-setup');
14 |   return maybeEmbroider(app);
15 | };
16 | 


--------------------------------------------------------------------------------
/test-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "test-app",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "description": "Test app for ember-route-template addon",
 6 |   "repository": "",
 7 |   "license": "MIT",
 8 |   "author": "",
 9 |   "directories": {
10 |     "doc": "doc",
11 |     "test": "tests"
12 |   },
13 |   "scripts": {
14 |     "build": "ember build --environment=production",
15 |     "lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
16 |     "lint:css": "stylelint \"**/*.css\"",
17 |     "lint:css:fix": "concurrently \"npm:lint:css -- --fix\"",
18 |     "lint:fix": "concurrently \"npm:lint:*:fix\" --names \"fix:\"",
19 |     "lint:hbs": "ember-template-lint .",
20 |     "lint:hbs:fix": "ember-template-lint . --fix",
21 |     "lint:js": "eslint . --cache",
22 |     "lint:js:fix": "eslint . --fix",
23 |     "lint:types": "glint",
24 |     "start": "ember serve",
25 |     "test": "concurrently \"npm:lint\" \"npm:test:*\" --names \"lint,test:\"",
26 |     "test:ember": "ember test"
27 |   },
28 |   "devDependencies": {
29 |     "@babel/core": "^7.22.10",
30 |     "@ember/optional-features": "^2.0.0",
31 |     "@ember/string": "^3.1.1",
32 |     "@ember/test-helpers": "^3.2.0",
33 |     "@embroider/test-setup": "^3.0.1",
34 |     "@glimmer/component": "^1.1.2",
35 |     "@glimmer/tracking": "^1.1.2",
36 |     "@glint/core": "*",
37 |     "@glint/environment-ember-loose": "*",
38 |     "@glint/environment-ember-template-imports": "*",
39 |     "@glint/template": "*",
40 |     "@tsconfig/ember": "^3.0.0",
41 |     "@types/qunit": "^2.19.6",
42 |     "@types/rsvp": "^4.0.4",
43 |     "@typescript-eslint/eslint-plugin": "^6.4.0",
44 |     "@typescript-eslint/parser": "^6.4.0",
45 |     "broccoli-asset-rev": "^3.0.0",
46 |     "concurrently": "^8.2.0",
47 |     "ember-auto-import": "^2.6.3",
48 |     "ember-cli": "~5.2.1",
49 |     "ember-cli-app-version": "^6.0.1",
50 |     "ember-cli-babel": "^8.0.0",
51 |     "ember-cli-clean-css": "^2.0.0",
52 |     "ember-cli-dependency-checker": "^3.3.2",
53 |     "ember-cli-htmlbars": "^6.3.0",
54 |     "ember-cli-inject-live-reload": "^2.1.0",
55 |     "ember-cli-sri": "^2.1.1",
56 |     "ember-cli-terser": "^4.0.2",
57 |     "ember-fetch": "^8.1.2",
58 |     "ember-load-initializers": "^2.1.2",
59 |     "ember-modifier": "^4.1.0",
60 |     "ember-page-title": "^8.0.0",
61 |     "ember-qunit": "^7.0.0",
62 |     "ember-resolver": "^11.0.1",
63 |     "ember-route-template": "*",
64 |     "ember-source": "~5.2.0",
65 |     "ember-source-channel-url": "^3.0.0",
66 |     "ember-template-imports": "^3.4.2",
67 |     "ember-template-lint": "^5.11.2",
68 |     "ember-try": "^3.0.0",
69 |     "eslint": "^8.47.0",
70 |     "eslint-config-prettier": "^9.0.0",
71 |     "eslint-plugin-ember": "^11.10.0",
72 |     "eslint-plugin-n": "^16.0.1",
73 |     "eslint-plugin-prettier": "^5.0.0",
74 |     "eslint-plugin-qunit": "^8.0.0",
75 |     "loader.js": "^4.7.0",
76 |     "prettier": "*",
77 |     "prettier-plugin-ember-template-tag": "*",
78 |     "qunit": "^2.19.4",
79 |     "qunit-dom": "^2.0.0",
80 |     "stylelint": "^15.10.3",
81 |     "stylelint-config-standard": "^34.0.0",
82 |     "stylelint-prettier": "^4.0.2",
83 |     "tracked-built-ins": "^3.1.1",
84 |     "typescript": "*",
85 |     "webpack": "^5.88.2"
86 |   },
87 |   "engines": {
88 |     "node": "16.* || >= 18"
89 |   },
90 |   "ember": {
91 |     "edition": "octane"
92 |   }
93 | }
94 | 


--------------------------------------------------------------------------------
/test-app/public/robots.txt:
--------------------------------------------------------------------------------
1 | # http://www.robotstxt.org
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/test-app/testem.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   test_page: 'tests/index.html?hidepassed',
 5 |   disable_watching: true,
 6 |   launch_in_ci: ['Chrome'],
 7 |   launch_in_dev: ['Chrome'],
 8 |   browser_start_timeout: 120,
 9 |   browser_args: {
10 |     Chrome: {
11 |       ci: [
12 |         // --no-sandbox is needed when running Chrome inside a container
13 |         process.env.CI ? '--no-sandbox' : null,
14 |         '--headless',
15 |         '--disable-dev-shm-usage',
16 |         '--disable-software-rasterizer',
17 |         '--mute-audio',
18 |         '--remote-debugging-port=0',
19 |         '--window-size=1440,900',
20 |       ].filter(Boolean),
21 |     },
22 |   },
23 | };
24 | 


--------------------------------------------------------------------------------
/test-app/tests/acceptance/route-templates-test.ts:
--------------------------------------------------------------------------------
 1 | import { module, test } from 'qunit';
 2 | import { visit } from '@ember/test-helpers';
 3 | import { setupApplicationTest } from 'test-app/tests/helpers';
 4 | 
 5 | module('Acceptance | route templates', function (hooks) {
 6 |   setupApplicationTest(hooks);
 7 | 
 8 |   test('normal .hbs template works', async function (assert) {
 9 |     await visit('/hbs-template-works');
10 |     assert.dom().containsText('Hello from hbs-template-works.hbs');
11 |   });
12 | 
13 |   test('wrapped .gjs template works', async function (assert) {
14 |     await visit('/gjs-template-works');
15 |     assert.dom().containsText('Hello from gjs-template-works.gjs');
16 |   });
17 | 
18 |   test('accessing @model works', async function (assert) {
19 |     await visit('/model-works/wow');
20 |     assert.dom().containsText('model is wow');
21 |   });
22 | 
23 |   test('accessing @controller works', async function (assert) {
24 |     await visit('/controller-works/wow');
25 |     assert.dom().containsText('hello, this is a very special message wow');
26 |   });
27 | 
28 |   test('component works', async function (assert) {
29 |     await visit('/component-works/it works');
30 |     assert.dom().containsText('skrow ti ,olleh');
31 |   });
32 | });
33 | 


--------------------------------------------------------------------------------
/test-app/tests/helpers/index.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   setupApplicationTest as upstreamSetupApplicationTest,
 3 |   setupRenderingTest as upstreamSetupRenderingTest,
 4 |   setupTest as upstreamSetupTest,
 5 |   SetupTestOptions,
 6 | } from 'ember-qunit';
 7 | 
 8 | // This file exists to provide wrappers around ember-qunit's / ember-mocha's
 9 | // test setup functions. This way, you can easily extend the setup that is
10 | // needed per test type.
11 | 
12 | function setupApplicationTest(hooks: NestedHooks, options?: SetupTestOptions) {
13 |   upstreamSetupApplicationTest(hooks, options);
14 | 
15 |   // Additional setup for application tests can be done here.
16 |   //
17 |   // For example, if you need an authenticated session for each
18 |   // application test, you could do:
19 |   //
20 |   // hooks.beforeEach(async function () {
21 |   //   await authenticateSession(); // ember-simple-auth
22 |   // });
23 |   //
24 |   // This is also a good place to call test setup functions coming
25 |   // from other addons:
26 |   //
27 |   // setupIntl(hooks); // ember-intl
28 |   // setupMirage(hooks); // ember-cli-mirage
29 | }
30 | 
31 | function setupRenderingTest(hooks: NestedHooks, options?: SetupTestOptions) {
32 |   upstreamSetupRenderingTest(hooks, options);
33 | 
34 |   // Additional setup for rendering tests can be done here.
35 | }
36 | 
37 | function setupTest(hooks: NestedHooks, options?: SetupTestOptions) {
38 |   upstreamSetupTest(hooks, options);
39 | 
40 |   // Additional setup for unit tests can be done here.
41 | }
42 | 
43 | export { setupApplicationTest, setupRenderingTest, setupTest };
44 | 


--------------------------------------------------------------------------------
/test-app/tests/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>TestApp Tests</title>
 6 |     <meta name="description" content="">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     {{content-for "head"}}
10 |     {{content-for "test-head"}}
11 | 
12 |     <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
13 |     <link rel="stylesheet" href="{{rootURL}}assets/test-app.css">
14 |     <link rel="stylesheet" href="{{rootURL}}assets/test-support.css">
15 | 
16 |     {{content-for "head-footer"}}
17 |     {{content-for "test-head-footer"}}
18 |   </head>
19 |   <body>
20 |     {{content-for "body"}}
21 |     {{content-for "test-body"}}
22 | 
23 |     <div id="qunit"></div>
24 |     <div id="qunit-fixture">
25 |       <div id="ember-testing-container">
26 |         <div id="ember-testing"></div>
27 |       </div>
28 |     </div>
29 | 
30 |     <script src="/testem.js" integrity="" data-embroider-ignore></script>
31 |     <script src="{{rootURL}}assets/vendor.js"></script>
32 |     <script src="{{rootURL}}assets/test-support.js"></script>
33 |     <script src="{{rootURL}}assets/test-app.js"></script>
34 |     <script src="{{rootURL}}assets/tests.js"></script>
35 | 
36 |     {{content-for "body-footer"}}
37 |     {{content-for "test-body-footer"}}
38 |   </body>
39 | </html>
40 | 


--------------------------------------------------------------------------------
/test-app/tests/integration/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/tests/integration/.gitkeep


--------------------------------------------------------------------------------
/test-app/tests/test-helper.ts:
--------------------------------------------------------------------------------
 1 | import Application from 'test-app/app';
 2 | import config from 'test-app/config/environment';
 3 | import * as QUnit from 'qunit';
 4 | import { setApplication } from '@ember/test-helpers';
 5 | import { setup } from 'qunit-dom';
 6 | import { start } from 'ember-qunit';
 7 | 
 8 | setApplication(Application.create(config.APP));
 9 | 
10 | setup(QUnit.assert);
11 | 
12 | start();
13 | 


--------------------------------------------------------------------------------
/test-app/tests/unit/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/discourse/ember-route-template/f4a5a219d109b4328479c1eb5f7b6a7edbef8ebe/test-app/tests/unit/.gitkeep


--------------------------------------------------------------------------------
/test-app/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@tsconfig/ember/tsconfig.json",
 3 |   "glint": {
 4 |     "environment": [
 5 |       "ember-loose",
 6 |       "ember-template-imports"
 7 |     ]
 8 |   },
 9 |   "compilerOptions": {
10 |     "allowJs": true,
11 |     // The combination of `baseUrl` with `paths` allows Ember's classic package
12 |     // layout, which is not resolvable with the Node resolution algorithm, to
13 |     // work with TypeScript.
14 |     "baseUrl": ".",
15 |     "paths": {
16 |       "test-app/tests/*": ["tests/*"],
17 |       "test-app/*": ["app/*"],
18 |       "*": ["types/*"]
19 |     }
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/test-app/types/ember-page-title.d.ts:
--------------------------------------------------------------------------------
 1 | declare module 'ember-page-title/helpers/page-title' {
 2 |   import Helper from '@ember/component/helper';
 3 | 
 4 |   interface PageTitleHelperSignature {
 5 |     Args: {
 6 |       Positional: [title: string];
 7 |       Named?: {
 8 |         separator?: string;
 9 |         prepend?: boolean;
10 |         replace?: boolean;
11 |         front?: boolean;
12 |       };
13 |     };
14 |     Return: void;
15 |   }
16 | 
17 |   export default class PageTitleHelper extends Helper<PageTitleHelperSignature> {}
18 | }
19 | 


--------------------------------------------------------------------------------
/test-app/types/global.d.ts:
--------------------------------------------------------------------------------
 1 | import 'ember-source/types';
 2 | import '@glint/environment-ember-loose';
 3 | import '@glint/environment-ember-template-imports';
 4 | 
 5 | declare module '@glint/environment-ember-loose/registry' {
 6 |   export default interface Registry {
 7 |     'page-title': typeof import('ember-page-title/helpers/page-title').default;
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------