Add new framework: ember

Author: NullVoxPopuli

frameworks/keyed/ember/.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

frameworks/keyed/ember/.gitignore

@@ -0,0 +1,26 @@
+# 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/

frameworks/keyed/ember/.npmrc

@@ -0,0 +1,2 @@
+# Have to do this because npm doesn't handle >= correctly with pre-releases.
+force=true

frameworks/keyed/ember/.prettierignore

@@ -0,0 +1,21 @@
+# Prettier is wrong HTML
+*.html
+
+# Unneeded
+*.yaml
+*.yml
+*.md
+
+# unconventional js
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# misc
+/coverage/
+!.*
+.*/
+
+# ember-try
+/.node_modules.ember-try/

frameworks/keyed/ember/.prettierrc.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+module.exports = {
+  plugins: ['prettier-plugin-ember-template-tag'],
+  singleQuote: true,
+  overrides: [
+    {
+      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',
+      },
+    },
+  ],
+};

frameworks/keyed/ember/.template-lintrc.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+module.exports = {
+  extends: 'recommended',
+  rules: {
+    'no-forbidden-elements': false,
+    'no-inline-styles': false,
+    'style-concatenation': false,
+  },
+};

frameworks/keyed/ember/README.md

@@ -0,0 +1,8 @@
+# ember + js-framework-benchmark
+
+
+Deviations from the standard vite blueprint
+- js-framework-benchmark does not allow us to have a dev-time index.html in the project root. So I disabled hashing on files, and the root index.html is now a static thing that points at the dist directory
+- an extra route had to be added to match on explicit `index.html`. No frontend framework wants index.html in the URL, so this is a goofy choice for jsfb.
+- this is a _minimal_ project, no compatibility with legacy libraries
+- no use of decorators, or the babel decorators transform -- this is because decorators incur a runtime cost, and we use so few of them, the ergonomic wins of decorators are not worth it atm.  Once browsers ship native decorators, we can add them back.

frameworks/keyed/ember/babel.config.cjs

@@ -0,0 +1,34 @@
+const { babelCompatSupport } = require('@embroider/compat/babel');
+
+module.exports = {
+  plugins: [
+    [
+      'babel-plugin-ember-template-compilation',
+      {
+        compilerPath: 'ember-source/dist/ember-template-compiler.js',
+        enableLegacyModules: [
+          'ember-cli-htmlbars',
+          'ember-cli-htmlbars-inline-precompile',
+          'htmlbars-inline-precompile',
+        ],
+        transforms: [],
+      },
+    ],
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        absoluteRuntime: __dirname,
+        useESModules: true,
+        regenerator: false,
+      },
+    ],
+    // This can leave once
+    // https://github.com/embroider-build/embroider/pull/2249
+    // is merged
+    ...babelCompatSupport(),
+  ],
+
+  generatorOpts: {
+    compact: false,
+  },
+};

frameworks/keyed/ember/checks.sh

@@ -0,0 +1,71 @@
+#!/usr/bin/env bash
+
+# NOTE: the tooling will not detect us as a benchable implementation
+# unless there is a package-lock.json
+#
+# We're using pnpm to interact with js-framework-benchmark
+# instead of npm because pnpm (at least on my machine)
+# tends to work better.
+# (and is stricter)
+#
+# At the very least this script documents
+# how to interact with the jsfb packages...
+# at least in one point in time.
+#
+#
+# Things to do before submitting a PR:
+# ./checks.sh setup
+# ./checks.sh isKeyed
+# ./checks.sh verify
+
+
+case "$1" in
+  # 1. Do this first
+  setup)
+    # Build ourselves
+    npm run build-prod
+
+    # Build webdriver-ts
+    cd ../../../webdriver-ts
+    pnpm install
+    pnpm rebuild
+    pnpm compile
+
+    cd ../webdriver-ts-results
+    npm ci
+  ;;
+  # 2. Start the server (on port 8080)
+  start)
+    # https://github.com/krausest/js-framework-benchmark/tree/chrome110?tab=readme-ov-file#22-start-installing
+    cd ../../../
+    pnpm install
+    # They are missing a dependency
+    pnpm add @esbuild/[email protected]
+    pnpm rebuild
+    pnpm start
+  ;;
+
+  # 3. Verify
+  isKeyed)
+    cd ../../../webdriver-ts
+    npm run isKeyed keyed/ember
+    ;;
+  # 4. Run the Bench
+  bench)
+    cd ../../../webdriver-ts
+    npm run bench keyed/ember
+    ;;
+  verify)
+    cd ../../..
+    npm run rebuild-ci keyed/ember
+    ;;
+  results)
+    cd ../../../webdriver-ts
+    npm run results
+
+    echo "View: http://localhost:8080/webdriver-ts-results/table.html"
+    ;;
+  *)
+    echo "$arg not recognized"
+    ;;
+esac

frameworks/keyed/ember/config/ember-cli-update.json

@@ -0,0 +1,16 @@
+{
+  "schemaVersion": "1.0.0",
+  "packages": [
+    {
+      "name": "@embroider/app-blueprint",
+      "version": "0.19.0",
+      "blueprints": [
+        {
+          "name": "@embroider/app-blueprint",
+          "isBaseBlueprint": true,
+          "options": ["--package-manager pnpm"]
+        }
+      ]
+    }
+  ]
+}