Merge pull request #460 from appuniversum/feat/glint-typescript-support

Set up Glint and TypeScript for development

Author: Windvis

.ember-cli

@@ -3,5 +3,5 @@
     Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
     rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
   */
-  "isTypeScriptProject": false
+  "isTypeScriptProject": true
 }

.eslintrc.js

@@ -2,24 +2,26 @@
 
 module.exports = {
   root: true,
-  parser: '@babel/eslint-parser',
+  parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaVersion: 'latest',
-    sourceType: 'module',
-    requireConfigFile: false,
-    babelOptions: {
-      plugins: [
-        ['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }],
-      ],
-    },
   },
-  plugins: ['ember'],
+  plugins: ['ember', '@typescript-eslint'],
   extends: ['eslint:recommended', 'plugin:ember/recommended', 'prettier'],
   env: {
     browser: true,
   },
   rules: {},
   overrides: [
+    // ts files
+    {
+      files: ['**/*.{gts,ts}'],
+      extends: [
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+      ],
+      rules: {},
+    },
     // node files
     {
       files: [
@@ -34,9 +36,6 @@ module.exports = {
         './config/**/*.js',
         './tests/dummy/config/**/*.js',
       ],
-      parserOptions: {
-        sourceType: 'script',
-      },
       env: {
         browser: false,
         node: true,

.npmignore

@@ -2,6 +2,9 @@
 /dist/
 /tmp/
 /storybook-static/
+# We don't want to publish the declaration files for the tests folder, but we can't prevent it
+# with only a single tsconfig file and Glint doesn't support multiple tsconfig files yet.
+/declarations/tests/
 
 # misc
 /.editorconfig
@@ -25,17 +28,21 @@
 /jsconfig.json
 /RELEASE.md
 /testem.js
+/tsconfig.json
+/tsconfig.declarations.json
 /tests/
 /yarn-error.log
 /yarn.lock
 .gitkeep
 /.storybook
 /stories/
 /build-storybook.log
+# These types are local types that are only needed for development of the addon
+/types/
+/unpublished-development-types/
 
 # ember-try
 /.node_modules.ember-try/
-/bower.json.ember-try
 /npm-shrinkwrap.json.ember-try
 /package.json.ember-try
 /package-lock.json.ember-try

addon/components/au-hr.gjs

@@ -7,7 +7,5 @@ export default class AuHr extends Component {
     else return '';
   }
 
-  <template>
-    <hr class="au-c-hr {{this.size}}" ...attributes />
-  </template>
+  <template><hr class="au-c-hr {{this.size}}" ...attributes /></template>
 }

addon/template-registry.ts

@@ -0,0 +1 @@
+export default interface AppuniversumRegistry {}

ember-cli-build.js

@@ -4,7 +4,7 @@ const EmberAddon = require('ember-cli/lib/broccoli/ember-addon');
 
 module.exports = function (defaults) {
   const app = new EmberAddon(defaults, {
-    // Add options here
+    'ember-cli-babel': { enableTypeScriptTransform: true },
     sassOptions: {
       sourceMapEmbed: true,
       includePaths: ['./styles'], // This ensures that the /styles folder is watched and auto-reloading works.

index.js

@@ -2,10 +2,12 @@
 
 module.exports = {
   name: require('./package').name,
+
   options: {
     babel: {
       // This is needed for dynamic imports to work: https://github.com/ef4/ember-auto-import#installing-ember-auto-import-in-an-addon
       plugins: [require.resolve('ember-auto-import/babel-plugin')],
     },
+    'ember-cli-babel': { enableTypeScriptTransform: true },
   },
 };