Get things booting at least

Author: RobbieTheWagner

.ember-cli

@@ -3,5 +3,17 @@
     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": true
+  "isTypeScriptProject": true,
+
+  /**
+    Setting `componentAuthoringFormat` to "strict" will force the blueprint generators to generate GJS
+    or GTS files for the component and the component rendering test. "loose" is the default.
+  */
+  "componentAuthoringFormat": "strict",
+
+  /**
+    Setting `routeAuthoringFormat` to "strict" will force the blueprint generators to generate GJS
+    or GTS templates for routes. "loose" is the default
+  */
+  "routeAuthoringFormat": "strict"
 }

.github/workflows/ci.yml

@@ -0,0 +1,53 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+      - master
+  pull_request: {}
+
+concurrency:
+  group: ci-${{ github.head_ref || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint:
+    name: "Lint"
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: Install Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Lint
+        run: pnpm lint
+
+  test:
+    name: "Test"
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: Install Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Run Tests
+        run: pnpm test

.gitignore

@@ -3,12 +3,14 @@
 # compiled output
 /dist/
 /declarations/
+/tmp/
 
 # dependencies
 /node_modules/
 
 # misc
 /.env*
+*.local
 /.pnp*
 /.sass-cache
 /.eslintcache
@@ -19,6 +21,13 @@
 /testem.log
 /yarn-error.log
 
+# ember-try
+/.node_modules.ember-try/
+/npm-shrinkwrap.json.ember-try
+/package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try
+
 # broccoli-debug
 /DEBUG/
 

.prettierrc.js .prettierrc.mjs.prettierrc.js renamed to .prettierrc.mjs

@@ -1,5 +1,3 @@
-'use strict';
-
 const testing = [
   '^ember-cli-htmlbars($|\\/)',
   '^qunit',
@@ -34,18 +32,45 @@ const importOrder = [
 ];
 const importOrderParserPlugins = ['typescript', 'decorators-legacy'];
 
-module.exports = {
+export default {
   plugins: [
     'prettier-plugin-ember-template-tag',
     '@ianvs/prettier-plugin-sort-imports',
   ],
   importOrder,
   importOrderParserPlugins,
+  singleQuote: true,
   overrides: [
     {
-      files: '*.{js,gjs,ts,gts,mjs,mts,cjs,cts}',
-      options: { singleQuote: true, templateSingleQuote: false },
+      files: ['*.js', '*.ts', '*.cjs', '.mjs', '.cts', '.mts', '.cts'],
+      options: {
+        trailingComma: 'es5',
+      },
+    },
+    {
+      files: ['*.html'],
+      options: {
+        singleQuote: false,
+      },
+    },
+    {
+      files: ['*.json'],
+      options: {
+        singleQuote: false,
+      },
+    },
+    {
+      files: ['*.hbs'],
+      options: {
+        singleQuote: false,
+      },
+    },
+    {
+      files: ['*.gjs', '*.gts'],
+      options: {
+        templateSingleQuote: false,
+        trailingComma: 'es5',
+      },
     },
-    { files: '*.{yaml,yml}', options: { singleQuote: true } },
   ],
 };

.stylelintrc.js .stylelintrc.cjs.stylelintrc.js renamed to .stylelintrc.cjs

@@ -1,7 +1,5 @@
-'use strict';
-
-module.exports = {
-  extends: ['recommended'],
+export default {
+  extends: 'recommended',
   rules: {
     'no-at-ember-render-modifiers': false,
     'no-builtin-form-components': false,

.template-lintrc.js .template-lintrc.mjs.template-lintrc.js renamed to .template-lintrc.mjs

@@ -3,6 +3,7 @@ import { InitSentryForEmber } from '@sentry/ember';
 import loadInitializers from 'ember-load-initializers';
 import Resolver from 'ember-resolver';
 import { importSync, isDevelopingApp, macroCondition } from '@embroider/macros';
+import compatModules from '@embroider/virtual/compat-modules';
 import config from 'swach/config/environment';
 
 if (macroCondition(isDevelopingApp())) {
@@ -14,7 +15,7 @@ InitSentryForEmber();
 export default class App extends Application {
   modulePrefix = config.modulePrefix;
   podModulePrefix = config.podModulePrefix;
-  Resolver = Resolver;
+  Resolver = Resolver.withModules(compatModules);
 }
 
-loadInitializers(App, config.modulePrefix);
+loadInitializers(App, config.modulePrefix, compatModules);

app/app.ts

@@ -4,7 +4,7 @@ import { action, set } from '@ember/object';
 import Component from '@glimmer/component';
 // @ts-expect-error TODO: fix this
 import OneWayInputMask from 'ember-inputmask/_app_/components/one-way-input-mask.js';
-import type { SelectedColorModel } from 'swach/components/rgb-input';
+import type { SelectedColorModel } from './rgb-input.gts';
 import { rgbaToHex } from 'swach/data-models/color';
 
 interface AlphaInputSignature {

app/components/alpha-input.gts

@@ -16,15 +16,15 @@ import { rgbaToHex } from '../data-models/color.ts';
 import type ColorModel from '../data-models/color.ts';
 import type NearestColor from '../services/nearest-color.ts';
 import type UndoManager from '../services/undo-manager.ts';
-import AlphaInput from './alpha-input.ts';
-import ColorRow from './color-row.ts';
-import HexInput from './hex-input.ts';
-import RgbInput from './rgb-input.ts';
+import AlphaInput from './alpha-input.gts';
+import ColorRow from './color-row.gts';
+import HexInput from './hex-input.gts';
+import RgbInput from './rgb-input.gts';
 import type {
   PrivateRGBAHex,
   PublicRGBAHex,
   SelectedColorModel,
-} from './rgb-input.ts';
+} from './rgb-input.gts';
 
 interface ColorPickerSignature {
   Element: HTMLDivElement;

app/components/color-picker.gts

@@ -8,8 +8,8 @@ import Component from '@glimmer/component';
 import stopPropagation from 'ember-event-helpers/helpers/stop-propagation';
 import svgJar from 'ember-svg-jar/helpers/svg-jar';
 import htmlSafe from '../helpers/html-safe.ts';
-import OptionsMenu from './options-menu.ts';
-import type { SelectedColorModel } from './rgb-input.ts';
+import OptionsMenu from './options-menu.gts';
+import type { SelectedColorModel } from './rgb-input.gts';
 import type ColorModel from 'swach/data-models/color';
 import type PaletteModel from 'swach/data-models/palette';
 import type ColorUtils from 'swach/services/color-utils';