Combine electron and ember apps and convert to vite (#2332)

* Attempt to setup vite in electron

* Update configs

* Get things booting at least

* More tweaks

* Use ef4 fork of ember-orbit

* Run prettier

* Various tweaks

* Fix some lint and types issues

* Sync up vite versions

* Fix types

* Run prettier

* Move electron deps to the root

* Use specific ember-orbit commit

* Update ember-drag-sort

* Fix some types

* Fix types

* Update eslint.config.mjs

* Update to ember-orbit 0.18

* ember-orbit 0.19.x

* Tailwind 4 + vite

* Get styles loading

* Tweak postcss

* ember-cli-update

* pnpm update

* Get electron booting

* Get electron running in dev mode

* Vite hacks

* Expose ipcRenderer methods

* Update package.json

* Get tests kind of running

* Fix incorrect blur handlers

* Update helpers.ts

* Manually get orbitRegistry

* pnpm update

* Use MemorySource for backup when testing

* Fix some tests

* Get Electron tests running

* Add type checking for electron app

* Fix type errors

* Update eslint.config.mjs

* Fix stylelint

* Fix some lint issues

* Fix lint ignore config

* Fix some lint

* Finish fixing lint

* Add back three-dots

* Get electron only tests working

* Working electron testem setup

* Switch to vite-plugin-testem-electron

* Fix lint

* Add back tests

* Update contrast-test.js

* Update contrast-test.js

* Use blur and waits

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"
 }

.gitignore

@@ -3,12 +3,14 @@
 # compiled output
 /dist/
 /declarations/
+/tmp/
 
 # dependencies
 /node_modules/
 
 # misc
 /.env*
+*.local
 /.pnp*
 /.sass-cache
 /.eslintcache
@@ -19,8 +21,24 @@
 /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/
 
 electron-out/
 .idea/
+
+# Vite
+.vite/
+
+# Electron-Forge
+out/
+
+# TypeScript
+*.tsbuildinfo

.prettierignore

@@ -18,8 +18,6 @@ ember-cli-update.json
 # ember-electron
 /electron-app/node_modules/
 /electron-app/out/
-/electron-app/ember-dist/
-/electron-app/ember-test/
 
 # Sentry
 /electron-app/sentry-symbols.js

.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.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+module.exports = {
+  extends: ['stylelint-config-standard'],
+  rules: {
+    'at-rule-no-deprecated': [true, { ignoreAtRules: ['/^view/', 'apply'] }],
+    'at-rule-no-unknown': [
+      true,
+      { ignoreAtRules: ['plugin', 'reference', 'theme'] },
+    ],
+    'custom-property-empty-line-before': null,
+    'custom-property-pattern': null,
+    'declaration-empty-line-before': null,
+    'import-notation': null,
+  },
+};

.stylelintrc.js

@@ -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

@@ -1,2 +1,2 @@
 nodejs 20.19.0
-pnpm 10.11.0
+pnpm 10.18.2

.tool-versions

@@ -1,6 +1,2 @@
 {
-  "eslint.validate": [
-    "glimmer-ts",
-    "glimmer-js"
-  ]
 }

.vscode/settings.json

@@ -3,7 +3,9 @@ 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';
+import './styles/all.css';
 
 if (macroCondition(isDevelopingApp())) {
   importSync('./deprecation-workflow');
@@ -14,7 +16,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);