ember didn't want to ember, so now it embers again

frontend-reactive/.editorconfig

@@ -0,0 +1,19 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+
+[*.{diff,md}]
+trim_trailing_whitespace = false

frontend-reactive/.ember-cli

@@ -0,0 +1,7 @@
+{
+  /**
+    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
+}

frontend-reactive/.eslintignore

@@ -0,0 +1,14 @@
+# unconventional js
+/blueprints/*/files/
+
+# compiled output
+/declarations/
+/dist/
+
+# misc
+/coverage/
+!.*
+.*/
+
+# ember-try
+/.node_modules.ember-try/

frontend-reactive/.eslintrc.js

@@ -0,0 +1,55 @@
+'use strict';
+
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  plugins: ['ember', '@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:ember/recommended',
+    'plugin:prettier/recommended',
+  ],
+  env: {
+    browser: true,
+  },
+  rules: {},
+  overrides: [
+    // ts files
+    {
+      files: ['**/*.ts'],
+      extends: [
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+      ],
+      rules: {},
+    },
+    // node files
+    {
+      files: [
+        './.eslintrc.js',
+        './.prettierrc.js',
+        './.stylelintrc.js',
+        './.template-lintrc.js',
+        './ember-cli-build.js',
+        './testem.js',
+        './blueprints/*/index.js',
+        './config/**/*.js',
+        './lib/*/index.js',
+        './server/**/*.js',
+      ],
+      env: {
+        browser: false,
+        node: true,
+      },
+      extends: ['plugin:n/recommended'],
+    },
+    {
+      // test files
+      files: ['tests/**/*-test.{js,ts}'],
+      extends: ['plugin:qunit/recommended'],
+    },
+  ],
+};

frontend-reactive/.github/workflows/ci.yml

@@ -0,0 +1,47 @@
+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
+      - name: Install Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: npm
+      - name: Install Dependencies
+        run: npm ci
+      - name: Lint
+        run: npm run lint
+
+  test:
+    name: "Test"
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: npm
+      - name: Install Dependencies
+        run: npm ci
+      - name: Run Tests
+        run: npm test

frontend-reactive/.gitignore

@@ -0,0 +1,25 @@
+# compiled output
+/dist/
+/declarations/
+
+# dependencies
+/node_modules/
+
+# misc
+/.env*
+/.pnp*
+/.eslintcache
+/coverage/
+/npm-debug.log*
+/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/

frontend-reactive/.prettierignore

@@ -0,0 +1,13 @@
+# unconventional js
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# misc
+/coverage/
+!.*
+.*/
+
+# ember-try
+/.node_modules.ember-try/

frontend-reactive/.prettierrc.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports = {
+  overrides: [
+    {
+      files: '*.{js,ts}',
+      options: {
+        singleQuote: true,
+      },
+    },
+  ],
+};

frontend-reactive/.stylelintignore

@@ -0,0 +1,8 @@
+# unconventional files
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# addons
+/.node_modules.ember-try/

frontend-reactive/.stylelintrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+};

frontend-reactive/.template-lintrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: 'recommended',
+};

frontend-reactive/.watchmanconfig

@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["dist"]
+}

frontend-reactive/README.md

@@ -0,0 +1,56 @@
+# frontend-reactive
+
+This README outlines the details of collaborating on this Ember application.
+A short introduction of this app could easily go here.
+
+## Prerequisites
+
+You will need the following things properly installed on your computer.
+
+- [Git](https://git-scm.com/)
+- [Node.js](https://nodejs.org/) (with npm)
+- [Ember CLI](https://cli.emberjs.com/release/)
+- [Google Chrome](https://google.com/chrome/)
+
+## Installation
+
+- `git clone <repository-url>` this repository
+- `cd frontend-reactive`
+- `npm install`
+
+## Running / Development
+
+- `npm run start`
+- Visit your app at [http://localhost:4200](http://localhost:4200).
+- Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
+
+### Code Generators
+
+Make use of the many generators for code, try `ember help generate` for more details
+
+### Running Tests
+
+- `npm run test`
+- `npm run test:ember -- --server`
+
+### Linting
+
+- `npm run lint`
+- `npm run lint:fix`
+
+### Building
+
+- `npm exec ember build` (development)
+- `npm run build` (production)
+
+### Deploying
+
+Specify what it takes to deploy your app.
+
+## Further Reading / Useful Links
+
+- [ember.js](https://emberjs.com/)
+- [ember-cli](https://cli.emberjs.com/release/)
+- Development Browser Extensions
+  - [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
+  - [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)

frontend-reactive/app/app.ts

@@ -0,0 +1,12 @@
+import Application from '@ember/application';
+import Resolver from 'ember-resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from 'frontend-reactive/config/environment';
+
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver;
+}
+
+loadInitializers(App, config.modulePrefix);

frontend-reactive/app/components/timeline/note.hbs

@@ -0,0 +1,4 @@
+<div>
+  <h3>{{@username}}</h3>
+  <p>{{@content}}</p>
+</div>

frontend-reactive/app/config/environment.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Type declarations for
+ *    import config from 'frontend-reactive/config/environment'
+ */
+declare const config: {
+  environment: string;
+  modulePrefix: string;
+  podModulePrefix: string;
+  locationType: 'history' | 'hash' | 'none';
+  rootURL: string;
+  APP: Record<string, unknown>;
+};
+
+export default config;

frontend-reactive/app/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>FrontendReactive</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/frontend-reactive.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/frontend-reactive.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>

frontend-reactive/app/router.ts

@@ -0,0 +1,11 @@
+import EmberRouter from '@ember/routing/router';
+import config from 'frontend-reactive/config/environment';
+
+export default class Router extends EmberRouter {
+  location = config.locationType;
+  rootURL = config.rootURL;
+}
+
+Router.map(function () {
+  // Add route declarations here
+});

frontend-reactive/app/styles/app.css

@@ -0,0 +1 @@
+/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */

frontend-reactive/app/templates/application.hbs

@@ -0,0 +1,4 @@
+{{page-title "FrontendReactive"}}
+
+{{outlet}}
+<Timeline::Note @username="bob" @content="Hello world" />

frontend-reactive/config/ember-cli-update.json

@@ -0,0 +1,21 @@
+{
+  "schemaVersion": "1.0.0",
+  "packages": [
+    {
+      "name": "ember-cli",
+      "version": "5.11.0",
+      "blueprints": [
+        {
+          "name": "app",
+          "outputRepo": "https://github.com/ember-cli/ember-new-output",
+          "codemodsSource": "ember-app-codemods-manifest@1",
+          "isBaseBlueprint": true,
+          "options": [
+            "--ci-provider=github",
+            "--typescript"
+          ]
+        }
+      ]
+    }
+  ]
+}

frontend-reactive/config/environment.js

@@ -0,0 +1,48 @@
+'use strict';
+
+module.exports = function (environment) {
+  const ENV = {
+    modulePrefix: 'frontend-reactive',
+    environment,
+    rootURL: '/',
+    locationType: 'history',
+    EmberENV: {
+      EXTEND_PROTOTYPES: false,
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
+      },
+    },
+
+    APP: {
+      // Here you can pass flags/options to your application instance
+      // when it is created
+    },
+  };
+
+  if (environment === 'development') {
+    // ENV.APP.LOG_RESOLVER = true;
+    // ENV.APP.LOG_ACTIVE_GENERATION = true;
+    // ENV.APP.LOG_TRANSITIONS = true;
+    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
+    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+  }
+
+  if (environment === 'test') {
+    // Testem prefers this...
+    ENV.locationType = 'none';
+
+    // keep test console output quieter
+    ENV.APP.LOG_ACTIVE_GENERATION = false;
+    ENV.APP.LOG_VIEW_LOOKUPS = false;
+
+    ENV.APP.rootElement = '#ember-testing';
+    ENV.APP.autoboot = false;
+  }
+
+  if (environment === 'production') {
+    // here you can enable a production-specific feature
+  }
+
+  return ENV;
+};

frontend-reactive/config/optional-features.json

@@ -0,0 +1,7 @@
+{
+  "application-template-wrapper": false,
+  "default-async-observers": true,
+  "jquery-integration": false,
+  "template-only-glimmer-components": true,
+  "no-implicit-route-model": true
+}

frontend-reactive/config/targets.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const browsers = [
+  'last 1 Chrome versions',
+  'last 1 Firefox versions',
+  'last 1 Safari versions',
+];
+
+module.exports = {
+  browsers,
+};

frontend-reactive/ember-cli-build.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const EmberApp = require('ember-cli/lib/broccoli/ember-app');
+
+module.exports = function (defaults) {
+  const app = new EmberApp(defaults, {
+    'ember-cli-babel': { enableTypeScriptTransform: true },
+
+    // Add options here
+  });
+
+  return app.toTree();
+};

frontend-reactive/package.json

@@ -0,0 +1,113 @@
+{
+	"name": "frontend-reactive",
+	"version": "0.0.0",
+	"private": true,
+	"description": "Small description for frontend-reactive goes here",
+	"repository": "",
+	"license": "EUPL-1.2",
+	"author": "",
+	"directories": {
+		"doc": "doc",
+		"test": "tests"
+	},
+	"scripts": {
+		"build": "ember build --environment=production",
+		"lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
+		"lint:css": "stylelint \"**/*.css\"",
+		"lint:css:fix": "concurrently \"npm:lint:css -- --fix\"",
+		"lint:fix": "concurrently \"npm:lint:*:fix\" --names \"fix:\"",
+		"lint:hbs": "ember-template-lint .",
+		"lint:hbs:fix": "ember-template-lint . --fix",
+		"lint:js": "eslint . --cache",
+		"lint:js:fix": "eslint . --fix",
+		"lint:types": "tsc --noEmit",
+		"start": "ember serve",
+		"test": "concurrently \"npm:lint\" \"npm:test:*\" --names \"lint,test:\"",
+		"test:ember": "ember test"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.25.2",
+		"@ember/optional-features": "^2.1.0",
+		"@ember/string": "^3.1.1",
+		"@ember/test-helpers": "^3.3.1",
+		"@glimmer/component": "^1.1.2",
+		"@glimmer/tracking": "^1.1.2",
+		"@glint/environment-ember-loose": "^1.4.0",
+		"@glint/template": "^1.4.0",
+		"@tsconfig/ember": "^3.0.8",
+		"@types/ember": "^4.0.11",
+		"@types/ember-data": "^4.4.16",
+		"@types/ember-data__adapter": "^4.0.6",
+		"@types/ember-data__model": "^4.0.5",
+		"@types/ember-data__serializer": "^4.0.6",
+		"@types/ember-data__store": "^4.0.7",
+		"@types/ember__application": "^4.0.11",
+		"@types/ember__array": "^4.0.10",
+		"@types/ember__component": "^4.0.22",
+		"@types/ember__controller": "^4.0.12",
+		"@types/ember__debug": "^4.0.8",
+		"@types/ember__destroyable": "^4.0.5",
+		"@types/ember__engine": "^4.0.11",
+		"@types/ember__error": "^4.0.6",
+		"@types/ember__helper": "^4.0.8",
+		"@types/ember__modifier": "^4.0.9",
+		"@types/ember__object": "^4.0.12",
+		"@types/ember__owner": "^4.0.9",
+		"@types/ember__polyfills": "^4.0.6",
+		"@types/ember__routing": "^4.0.22",
+		"@types/ember__runloop": "^4.0.10",
+		"@types/ember__service": "^4.0.9",
+		"@types/ember__string": "^3.16.3",
+		"@types/ember__template": "^4.0.7",
+		"@types/ember__test": "^4.0.6",
+		"@types/ember__utils": "^4.0.7",
+		"@types/qunit": "^2.19.10",
+		"@types/rsvp": "^4.0.9",
+		"@typescript-eslint/eslint-plugin": "^6.21.0",
+		"@typescript-eslint/parser": "^6.21.0",
+		"broccoli-asset-rev": "^3.0.0",
+		"concurrently": "^8.2.2",
+		"ember-auto-import": "^2.7.4",
+		"ember-cli": "~5.11.0",
+		"ember-cli-app-version": "^6.0.1",
+		"ember-cli-babel": "^8.2.0",
+		"ember-cli-clean-css": "^3.0.0",
+		"ember-cli-dependency-checker": "^3.3.2",
+		"ember-cli-htmlbars": "^6.3.0",
+		"ember-cli-inject-live-reload": "^2.1.0",
+		"ember-cli-sri": "^2.1.1",
+		"ember-cli-terser": "^4.0.2",
+		"ember-data": "~5.3.8",
+		"ember-fetch": "^8.1.2",
+		"ember-load-initializers": "^2.1.2",
+		"ember-modifier": "^4.2.0",
+		"ember-page-title": "^8.2.3",
+		"ember-qunit": "^8.1.0",
+		"ember-resolver": "^11.0.1",
+		"ember-source": "~5.11.0",
+		"ember-template-lint": "^5.13.0",
+		"ember-welcome-page": "^7.0.2",
+		"eslint": "^8.57.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-ember": "^11.12.0",
+		"eslint-plugin-n": "^16.6.2",
+		"eslint-plugin-prettier": "^5.2.1",
+		"eslint-plugin-qunit": "^8.1.1",
+		"loader.js": "^4.7.0",
+		"prettier": "^3.3.3",
+		"qunit": "^2.22.0",
+		"qunit-dom": "^2.0.0",
+		"stylelint": "^15.11.0",
+		"stylelint-config-standard": "^34.0.0",
+		"stylelint-prettier": "^4.1.0",
+		"tracked-built-ins": "^3.3.0",
+		"typescript": "^5.5.4",
+		"webpack": "^5.93.0"
+	},
+	"engines": {
+		"node": ">= 18"
+	},
+	"ember": {
+		"edition": "octane"
+	}
+}

frontend-reactive/public/robots.txt

@@ -0,0 +1,3 @@
+# http://www.robotstxt.org
+User-agent: *
+Disallow:

frontend-reactive/testem.js

@@ -0,0 +1,23 @@
+'use strict';
+
+module.exports = {
+  test_page: 'tests/index.html?hidepassed',
+  disable_watching: true,
+  launch_in_ci: ['Chrome'],
+  launch_in_dev: ['Chrome'],
+  browser_start_timeout: 120,
+  browser_args: {
+    Chrome: {
+      ci: [
+        // --no-sandbox is needed when running Chrome inside a container
+        process.env.CI ? '--no-sandbox' : null,
+        '--headless',
+        '--disable-dev-shm-usage',
+        '--disable-software-rasterizer',
+        '--mute-audio',
+        '--remote-debugging-port=0',
+        '--window-size=1440,900',
+      ].filter(Boolean),
+    },
+  },
+};

frontend-reactive/tests/helpers/index.ts

@@ -0,0 +1,43 @@
+import {
+  setupApplicationTest as upstreamSetupApplicationTest,
+  setupRenderingTest as upstreamSetupRenderingTest,
+  setupTest as upstreamSetupTest,
+  type SetupTestOptions,
+} from 'ember-qunit';
+
+// This file exists to provide wrappers around ember-qunit's
+// test setup functions. This way, you can easily extend the setup that is
+// needed per test type.
+
+function setupApplicationTest(hooks: NestedHooks, options?: SetupTestOptions) {
+  upstreamSetupApplicationTest(hooks, options);
+
+  // Additional setup for application tests can be done here.
+  //
+  // For example, if you need an authenticated session for each
+  // application test, you could do:
+  //
+  // hooks.beforeEach(async function () {
+  //   await authenticateSession(); // ember-simple-auth
+  // });
+  //
+  // This is also a good place to call test setup functions coming
+  // from other addons:
+  //
+  // setupIntl(hooks, 'en-us'); // ember-intl
+  // setupMirage(hooks); // ember-cli-mirage
+}
+
+function setupRenderingTest(hooks: NestedHooks, options?: SetupTestOptions) {
+  upstreamSetupRenderingTest(hooks, options);
+
+  // Additional setup for rendering tests can be done here.
+}
+
+function setupTest(hooks: NestedHooks, options?: SetupTestOptions) {
+  upstreamSetupTest(hooks, options);
+
+  // Additional setup for unit tests can be done here.
+}
+
+export { setupApplicationTest, setupRenderingTest, setupTest };

frontend-reactive/tests/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>FrontendReactive Tests</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+    {{content-for "test-head"}}
+
+    <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/frontend-reactive.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/test-support.css">
+
+    {{content-for "head-footer"}}
+    {{content-for "test-head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+    {{content-for "test-body"}}
+
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <div id="ember-testing-container">
+        <div id="ember-testing"></div>
+      </div>
+    </div>
+
+    <script src="/testem.js" integrity="" data-embroider-ignore></script>
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/test-support.js"></script>
+    <script src="{{rootURL}}assets/frontend-reactive.js"></script>
+    <script src="{{rootURL}}assets/tests.js"></script>
+
+    {{content-for "body-footer"}}
+    {{content-for "test-body-footer"}}
+  </body>
+</html>

frontend-reactive/tests/integration/components/timeline/note-test.ts

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'frontend-reactive/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | timeline/note', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function (assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<Timeline::Note />`);
+
+    assert.dom().hasText('');
+
+    // Template block usage:
+    await render(hbs`
+      <Timeline::Note>
+        template block text
+      </Timeline::Note>
+    `);
+
+    assert.dom().hasText('template block text');
+  });
+});

frontend-reactive/tests/test-helper.ts

@@ -0,0 +1,12 @@
+import Application from 'frontend-reactive/app';
+import config from 'frontend-reactive/config/environment';
+import * as QUnit from 'qunit';
+import { setApplication } from '@ember/test-helpers';
+import { setup } from 'qunit-dom';
+import { start } from 'ember-qunit';
+
+setApplication(Application.create(config.APP));
+
+setup(QUnit.assert);
+
+start();

frontend-reactive/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@tsconfig/ember/tsconfig.json",
+  "compilerOptions": {
+    // The combination of `baseUrl` with `paths` allows Ember's classic package
+    // layout, which is not resolvable with the Node resolution algorithm, to
+    // work with TypeScript.
+    "baseUrl": ".",
+    "paths": {
+      "frontend-reactive/tests/*": ["tests/*"],
+      "frontend-reactive/*": ["app/*"],
+      "*": ["types/*"]
+    }
+  }
+}

frontend-reactive/types/ember-data/types/registries/model.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Catch-all for ember-data.
+ */
+export default interface ModelRegistry {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}

frontend-reactive/types/global.d.ts

@@ -0,0 +1 @@
+import '@glint/environment-ember-loose';