ember.nvp 0.0.0 → 0.1.0

package/src/layers/eslint/index.js

@@ -0,0 +1,42 @@
+import { packageJson, files } from "ember-apply";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * ESLint Layer
+ *
+ * Adds ESLint support with modern configuration
+ */
+export default {
+  label: "ESLint",
+  description: "Code linting with ESLint",
+
+  async run({ targetDir }) {
+    // Apply config files
+    await files.applyFolder(join(__dirname, "files"), targetDir);
+
+    // Add devDependencies
+    await packageJson.addDevDependencies(
+      {
+        eslint: "^9.18.0",
+        "@typescript-eslint/eslint-plugin": "^8.19.1",
+        "@typescript-eslint/parser": "^8.19.1",
+        "eslint-config-prettier": "^10.0.1",
+        "eslint-plugin-ember": "^12.2.1",
+        globals: "^15.14.0",
+      },
+      targetDir,
+    );
+
+    // Add scripts
+    await packageJson.addScripts(
+      {
+        lint: "eslint . --cache",
+        "lint:fix": "eslint . --fix",
+      },
+      targetDir,
+    );
+  },
+};

package/src/layers/minimal/files/app/app.ts

@@ -0,0 +1,10 @@
+import Application from "@ember/application";
+import compatModules from "@embroider/virtual/compat-modules";
+import Resolver from "ember-resolver";
+import config from "./config.ts";
+
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver.withModules(compatModules);
+}

package/src/layers/minimal/files/app/config.ts

@@ -0,0 +1,18 @@
+const ENV = {
+  modulePrefix: "__PROJECT_NAME__",
+  environment: import.meta.env.DEV ? "development" : "production",
+  rootURL: "/",
+  locationType: "history",
+  EmberENV: {},
+  APP: {},
+} as {
+  environment: string;
+  modulePrefix: string;
+  podModulePrefix?: string;
+  rootURL: string;
+  locationType: "history" | "hash";
+  EmberENV: Record<string, unknown>;
+  APP: Record<string, unknown>;
+};
+
+export default ENV;

package/src/layers/minimal/files/app/router.ts

@@ -0,0 +1,9 @@
+import EmberRouter from "@ember/routing/router";
+import config from "#app/config.ts";
+
+export default class Router extends EmberRouter {
+  location = config.locationType;
+  rootURL = config.rootURL;
+}
+
+Router.map(function () {});

package/src/layers/minimal/files/app/templates/application.gts

@@ -0,0 +1,7 @@
+import { pageTitle } from 'ember-page-title';
+
+<template>
+  {{pageTitle "__PROJECT_NAME__"}}
+
+  {{outlet}}
+</template>

package/src/layers/minimal/files/index.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= namespace %></title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="stylesheet" href="/app/styles/app.css" />
+  </head>
+  <body>
+    <script type="module">
+      import Application from "./app/app";
+      import environment from "./app/config/environment";
+
+      Application.create(environment.APP);
+    </script>
+  </body>
+</html>

package/src/layers/minimal/files/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "@ember/app-tsconfig",
+  "include": ["app", "tests", "types"],
+  "compilerOptions": {
+    "allowJs": true,
+    "paths": {
+      "<%= name %>/tests/*": ["./tests/*"],
+      "<%= name %>/*": ["./app/*"],
+      "*": ["./types/*"]
+    },
+    "types": [
+      "ember-source/types",
+      "@embroider/core/virtual",
+      "vite/client",
+      "@glint/ember-tsc/types"
+    ]
+  }
+}

package/src/layers/minimal/files/vite.config.mjs

@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import { extensions, ember } from "@embroider/vite";
+import { babel } from "@rollup/plugin-babel";
+
+export default defineConfig({
+  plugins: [
+    ember(),
+    babel({
+      babelHelpers: "runtime",
+      extensions,
+    }),
+  ],
+});

package/src/layers/minimal/files-js/babel.config.js

@@ -0,0 +1,38 @@
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { buildMacros } from "@embroider/macros/babel";
+
+const macros = buildMacros();
+
+export default {
+  plugins: [
+    [
+      "babel-plugin-ember-template-compilation",
+      {
+        compilerPath: "ember-source/dist/ember-template-compiler.js",
+        transforms: [...macros.templateMacros],
+      },
+    ],
+    [
+      "module:decorator-transforms",
+      {
+        runtime: {
+          import: import.meta.resolve("decorator-transforms/runtime-esm"),
+        },
+      },
+    ],
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        absoluteRuntime: dirname(fileURLToPath(import.meta.url)),
+        useESModules: true,
+        regenerator: false,
+      },
+    ],
+    ...macros.babelMacros,
+  ],
+
+  generatorOpts: {
+    compact: false,
+  },
+};

package/src/layers/minimal/files-ts/babel.config.js

@@ -0,0 +1,46 @@
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { buildMacros } from "@embroider/macros/babel";
+
+const macros = buildMacros();
+
+export default {
+  plugins: [
+    [
+      "@babel/plugin-transform-typescript",
+      {
+        allExtensions: true,
+        onlyRemoveTypeImports: true,
+        allowDeclareFields: true,
+      },
+    ],
+    [
+      "babel-plugin-ember-template-compilation",
+      {
+        compilerPath: "ember-source/dist/ember-template-compiler.js",
+        transforms: [...macros.templateMacros],
+      },
+    ],
+    [
+      "module:decorator-transforms",
+      {
+        runtime: {
+          import: import.meta.resolve("decorator-transforms/runtime-esm"),
+        },
+      },
+    ],
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        absoluteRuntime: dirname(fileURLToPath(import.meta.url)),
+        useESModules: true,
+        regenerator: false,
+      },
+    ],
+    ...macros.babelMacros,
+  ],
+
+  generatorOpts: {
+    compact: false,
+  },
+};

package/src/layers/minimal/index.js

@@ -0,0 +1,89 @@
+import { packageJson, files, js } from "ember-apply";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { readFile } from "node:fs/promises";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * Minimal Layer
+ *
+ * Provides the absolute bare minimum for an Ember app:
+ * - type: "module" in package.json
+ * - No @embroider/compat (no-compat mode)
+ * - No testing framework
+ * - No linting or formatting
+ * - No ember-welcome-page
+ * - No warp-drive (opt-in if needed)
+ */
+export default {
+  label: "Minimal Base",
+  description: "Bare minimum Ember app structure",
+
+  async run({ targetDir, projectName }) {
+    // Apply all files from the files directory
+    await files.applyFolder(join(__dirname, "files"), targetDir);
+
+    // Replace __PROJECT_NAME__ placeholders in specific files
+    const filesToUpdate = [
+      join(targetDir, "app", "config.ts"),
+      join(targetDir, "app", "templates", "application.gts"),
+      join(targetDir, "index.html"),
+    ];
+
+    for (const filePath of filesToUpdate) {
+      const content = await readFile(filePath, "utf-8");
+      const updated = content.replaceAll("__PROJECT_NAME__", projectName);
+      await files.copyFileTo(filePath, { content: updated });
+    }
+
+    // Add dependencies
+    await packageJson.addDependencies(
+      {
+        "@glimmer/component": "^1.1.2",
+        "@glimmer/tracking": "^1.1.2",
+        "@embroider/core": "^3.4.16",
+        "@embroider/macros": "^1.16.7",
+        "@embroider/router": "^2.1.8",
+        "@embroider/vite": "^6.0.2",
+        "@embroider/virtual": "^3.4.16",
+        "ember-page-title": "^8.2.4",
+        "ember-resolver": "^14.0.0",
+        "ember-source": "^6.0.1",
+        vite: "^6.0.3",
+      },
+      targetDir,
+    );
+
+    // Add devDependencies
+    await packageJson.addDevDependencies(
+      {
+        "@babel/core": "^7.26.0",
+        "@babel/plugin-transform-typescript": "^7.26.3",
+        "@rollup/plugin-babel": "^6.0.4",
+        "@tsconfig/ember": "^3.0.8",
+        typescript: "^5.7.3",
+      },
+      targetDir,
+    );
+
+    // Add scripts
+    await packageJson.addScripts(
+      {
+        start: "vite",
+        build: "vite build",
+        preview: "vite preview",
+      },
+      targetDir,
+    );
+
+    // Update package.json to set type: "module" and other metadata
+    await packageJson.modify((json) => {
+      json.name = projectName;
+      json.version = "0.0.0";
+      json.private = true;
+      json.type = "module";
+      return json;
+    }, targetDir);
+  },
+};

package/src/layers/prettier/files/.prettierignore

@@ -0,0 +1,18 @@
+# unconventionally formatted files
+/.changeset
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/node_modules/
+
+# misc
+/.env*
+/.vite/
+/.pnp*
+.pnp.*
+
+# ember-try
+/.node_modules.ember-try/

package/src/layers/prettier/files/.prettierrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'es5',
+  printWidth: 100,
+  semi: true,
+  plugins: ['prettier-plugin-ember-template-tag'],
+  overrides: [
+    {
+      files: '*.{gjs,gts}',
+      options: {
+        parser: 'ember-template-tag',
+      },
+    },
+  ],
+};

package/src/layers/prettier/index.js

@@ -0,0 +1,38 @@
+import { packageJson, files } from "ember-apply";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * Prettier Layer
+ *
+ * Adds Prettier for code formatting
+ */
+export default {
+  label: "Prettier",
+  description: "Code formatting with Prettier",
+
+  async run({ targetDir }) {
+    // Apply config files
+    await files.applyFolder(join(__dirname, "files"), targetDir);
+
+    // Add devDependencies
+    await packageJson.addDevDependencies(
+      {
+        prettier: "^3.4.2",
+        "prettier-plugin-ember-template-tag": "^2.0.2",
+      },
+      targetDir,
+    );
+
+    // Add scripts
+    await packageJson.addScripts(
+      {
+        format: "prettier --write .",
+        "format:check": "prettier --check .",
+      },
+      targetDir,
+    );
+  },
+};

package/src/layers/qunit/files/run-tests.mjs

@@ -0,0 +1,30 @@
+import { chromium } from "playwright";
+
+const browser = await chromium.launch();
+const page = await browser.newPage();
+
+page.on("console", (msg) => console.log(msg.text()));
+
+await page.goto("http://localhost:4173/tests");
+
+await page.waitForFunction(
+  () => {
+    const elem = document.getElementById("qunit-testresult");
+    return elem?.classList.contains("complete");
+  },
+  { timeout: 30000 },
+);
+
+const failed = await page.evaluate(() => {
+  const elem = document.getElementById("qunit-testresult");
+  return elem?.querySelector(".failed")?.textContent;
+});
+
+await browser.close();
+
+if (failed && parseInt(failed) > 0) {
+  console.error(`❌ ${failed} test(s) failed`);
+  process.exit(1);
+}
+
+console.log("✅ All tests passed!");

package/src/layers/qunit/files/tests/index.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>__PROJECT_NAME__ Tests</title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="stylesheet" href="https://unpkg.com/qunit@2/qunit/qunit.css" />
+
+    <script type="module" src="/@embroider/virtual/test-support.js"></script>
+  </head>
+  <body>
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <div id="ember-testing-container">
+        <div id="ember-testing"></div>
+      </div>
+    </div>
+  </body>
+</html>

package/src/layers/qunit/files/tests/test-helper.ts

@@ -0,0 +1,12 @@
+import Application from "#app/app.ts";
+import config from "#app/config.ts";
+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));
+
+setup(QUnit.assert);
+
+start();

package/src/layers/qunit/index.js

@@ -0,0 +1,53 @@
+import { packageJson, files } from "ember-apply";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { readFile } from "node:fs/promises";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * QUnit Layer
+ *
+ * Adds QUnit testing support (Ember's traditional testing framework)
+ */
+export default {
+  label: "QUnit",
+  description: "Testing with QUnit",
+
+  async run({ targetDir, projectName }) {
+    // Apply test files
+    await files.applyFolder(join(__dirname, "files"), targetDir);
+
+    // Replace __PROJECT_NAME__ in tests/index.html
+    const testHtmlPath = join(targetDir, "tests", "index.html");
+    const content = await readFile(testHtmlPath, "utf-8");
+    const updated = content.replaceAll("__PROJECT_NAME__", projectName);
+    await files.copyFileTo(testHtmlPath, { content: updated });
+
+    // Add dependencies
+    await packageJson.addDependencies(
+      {
+        "@ember/test-helpers": "^4.0.4",
+      },
+      targetDir,
+    );
+
+    // Add devDependencies
+    await packageJson.addDevDependencies(
+      {
+        qunit: "^2.22.0",
+        "@ember/test-waiters": "^3.1.0",
+        playwright: "^1.49.1",
+      },
+      targetDir,
+    );
+
+    // Add scripts
+    await packageJson.addScripts(
+      {
+        test: "vite build && node ./run-tests.mjs",
+      },
+      targetDir,
+    );
+  },
+};

package/src/layers/vitest/files/tests/test-helper.ts

@@ -0,0 +1,5 @@
+import Application from "#app/app.ts";
+import config from "#app/config.ts";
+import { setApplication } from "@ember/test-helpers";
+
+setApplication(Application.create(config));

package/src/layers/vitest/files/vitest.config.mjs

@@ -0,0 +1,22 @@
+import { defineConfig } from "vitest/config";
+import { extensions, ember } from "@embroider/vite";
+import { babel } from "@rollup/plugin-babel";
+
+export default defineConfig({
+  plugins: [
+    ember(),
+    babel({
+      babelHelpers: "runtime",
+      extensions: extensions.flatMap((extension) => [
+        extension,
+        ".gts",
+        ".gjs",
+      ]),
+    }),
+  ],
+  test: {
+    environment: "happy-dom",
+    setupFiles: ["./tests/test-helper.ts"],
+    include: ["tests/**/*-test.{js,ts,gjs,gts}"],
+  },
+});

package/src/layers/vitest/index.js

@@ -0,0 +1,49 @@
+import { packageJson, files } from "ember-apply";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * Vitest Layer
+ *
+ * Adds Vitest testing support (modern, fast alternative to QUnit)
+ */
+export default {
+  label: "Vitest",
+  description: "Testing with Vitest (modern & fast)",
+
+  async run({ targetDir }) {
+    // Apply test files
+    await files.applyFolder(join(__dirname, "files"), targetDir);
+
+    // Add dependencies
+    await packageJson.addDependencies(
+      {
+        "@ember/test-helpers": "^4.0.4",
+      },
+      targetDir,
+    );
+
+    // Add devDependencies
+    await packageJson.addDevDependencies(
+      {
+        vitest: "^2.1.8",
+        "@vitest/ui": "^2.1.8",
+        "happy-dom": "^15.11.7",
+        "@ember/test-waiters": "^3.1.0",
+      },
+      targetDir,
+    );
+
+    // Add scripts
+    await packageJson.addScripts(
+      {
+        test: "vitest run",
+        "test:watch": "vitest",
+        "test:ui": "vitest --ui",
+      },
+      targetDir,
+    );
+  },
+};

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@ember/library-tsconfig",
+  "compilerOptions": {
+    "allowJs": true
+  },
+  "types": ["ember-source/types", "@glint/ember-tsc/types"]
+}