refact(aurelia): update legacy aurelia 1 app

The existing Aurelia 1 application was heavily outdated. This updates the app to use the latest packages and tooling processes for building the app.

Author: Vheissu

frameworks/non-keyed/aurelia/.babelrc

@@ -1,2 +1 @@
-scripts
 src/environment.js

frameworks/non-keyed/aurelia/.gitignore

@@ -1 +1,2 @@
-legacy-peer-deps=true
+# for pnpm, use flat node_modules
+shamefully-hoist=true

frameworks/non-keyed/aurelia/.npmrc

@@ -1,127 +1,30 @@
 {
-  "name": "aurelia-v1.1.2-non-keyed",
+  "name": "js-benchmark",
   "type": "project:application",
-  "bundler": {
-    "id": "cli",
-    "displayName": "Aurelia-CLI"
-  },
-  "build": {
-    "targets": [
-      {
-        "id": "web",
-        "displayName": "Web",
-        "index": "index.html",
-        "baseDir": ".",
-        "output": "scripts"
-      }
-    ],
-    "options": {
-      "minify": "stage & prod",
-      "sourcemaps": "dev & stage"
-    },
-    "bundles": [
-      {
-        "name": "app-bundle.js",
-        "source": [
-          "[**/*.js]",
-          "**/*.{css,html}"
-        ]
-      },
-      {
-        "name": "vendor-bundle.js",
-        "prepend": [
-          "node_modules/requirejs/require.js"
-        ],
-        "dependencies": [
-          "aurelia-binding",
-          "aurelia-bootstrapper",
-          "aurelia-dependency-injection",
-          "aurelia-framework",
-          "aurelia-loader",
-          "aurelia-loader-default",
-          "aurelia-logging",
-          {
-            "name": "aurelia-logging-console",
-            "path": "../node_modules/aurelia-logging-console/dist/amd",
-            "main": "aurelia-logging-console",
-            "env": "dev & stage"
-          },
-          "aurelia-metadata",
-          "aurelia-pal",
-          "aurelia-pal-browser",
-          "aurelia-path",
-          "aurelia-task-queue",
-          "aurelia-templating",
-          "aurelia-templating-binding",
-          {
-            "name": "aurelia-templating-resources",
-            "path": "../node_modules/aurelia-templating-resources/dist/amd",
-            "main": "aurelia-templating-resources"
-          },
-          "text"
-        ]
-      }
-    ],
-    "loader": {
-      "type": "require",
-      "configTarget": "vendor-bundle.js",
-      "includeBundleMetadataInConfig": "auto",
-      "plugins": [
-        {
-          "name": "text",
-          "extensions": [
-            ".html",
-            ".css"
-          ],
-          "stub": true
-        }
-      ]
-    }
-  },
-  "platform": {
-    "id": "web",
-    "displayName": "Web",
-    "index": "index.html",
-    "baseDir": ".",
-    "output": "scripts"
-  },
-  "transpiler": {
-    "id": "babel",
-    "displayName": "Babel",
-    "fileExtension": ".js",
-    "options": {
-      "plugins": [
-        "transform-es2015-modules-amd"
-      ]
-    },
-    "source": "src/**/*.js"
-  },
-  "markupProcessor": {
-    "id": "minimum",
-    "displayName": "Minimal Minification",
-    "fileExtension": ".html",
-    "source": "src/**/*.html"
-  },
-  "cssProcessor": {
-    "id": "none",
-    "displayName": "None",
-    "fileExtension": ".css",
-    "source": "src/**/*.css"
-  },
-  "editor": {
-    "id": "none",
-    "displayName": "None"
-  },
-  "unitTestRunner": {
-    "id": "none",
-    "displayName": "None"
-  },
   "paths": {
     "root": "src",
     "resources": "resources",
     "elements": "resources/elements",
     "attributes": "resources/attributes",
     "valueConverters": "resources/value-converters",
     "bindingBehaviors": "resources/binding-behaviors"
+  },
+  "transpiler": {
+    "id": "babel",
+    "fileExtension": ".js"
+  },
+  "build": {
+    "options": {
+      "server": "dev",
+      "extractCss": "prod",
+      "coverage": false
+    }
+  },
+  "platform": {
+    "hmr": false,
+    "open": false,
+    "port": 8080,
+    "host": "localhost",
+    "output": "dist"
   }
 }

frameworks/non-keyed/aurelia/aurelia_project/aurelia.json

@@ -9,20 +9,21 @@ export default class AttributeGenerator {
     this.ui = ui;
   }
 
-  execute() {
-    return this.ui
-      .ensureAnswer(this.options.args[0], 'What would you like to call the custom attribute?')
-      .then(name => {
-        let fileName = this.project.makeFileName(name);
-        let className = this.project.makeClassName(name);
-
-        this.project.attributes.add(
-          ProjectItem.text(`${fileName}.js`, this.generateSource(className))
-        );
-
-        return this.project.commitChanges()
-          .then(() => this.ui.log(`Created ${fileName}.`));
-      });
+  async execute() {
+    const name = await this.ui.ensureAnswer(
+      this.options.args[0],
+      'What would you like to call the custom attribute?'
+    );
+
+    let fileName = this.project.makeFileName(name);
+    let className = this.project.makeClassName(name);
+
+    this.project.attributes.add(
+      ProjectItem.text(`${fileName}.js`, this.generateSource(className))
+    );
+
+    await this.project.commitChanges();
+    await this.ui.log(`Created ${fileName}.`);
   }
 
   generateSource(className) {
@@ -35,10 +36,9 @@ export class ${className}CustomAttribute {
   }
 
   valueChanged(newValue, oldValue) {
-
+    //
   }
 }
-
 `;
   }
 }

frameworks/non-keyed/aurelia/aurelia_project/environments/dev.js

@@ -1,4 +1,4 @@
 {
   "name": "attribute",
   "description": "Creates a custom attribute class and places it in the project resources."
-}
+}

frameworks/non-keyed/aurelia/aurelia_project/environments/prod.js

@@ -9,33 +9,33 @@ export default class BindingBehaviorGenerator {
     this.ui = ui;
   }
 
-  execute() {
-    return this.ui
-      .ensureAnswer(this.options.args[0], 'What would you like to call the binding behavior?')
-      .then(name => {
-        let fileName = this.project.makeFileName(name);
-        let className = this.project.makeClassName(name);
+  async execute() {
+    const name = await this.ui.ensureAnswer(
+      this.options.args[0],
+      'What would you like to call the binding behavior?'
+    );
 
-        this.project.bindingBehaviors.add(
-          ProjectItem.text(`${fileName}.js`, this.generateSource(className))
-        );
+    let fileName = this.project.makeFileName(name);
+    let className = this.project.makeClassName(name);
 
-        return this.project.commitChanges()
-          .then(() => this.ui.log(`Created ${fileName}.`));
-      });
+    this.project.bindingBehaviors.add(
+      ProjectItem.text(`${fileName}.js`, this.generateSource(className))
+    );
+
+    await this.project.commitChanges();
+    await this.ui.log(`Created ${fileName}.`);
   }
 
   generateSource(className) {
     return `export class ${className}BindingBehavior {
   bind(binding, source) {
-
+    //
   }
 
   unbind(binding, source) {
-
+    //
   }
 }
-
 `
   }
 }