Fix the build. Split dev from prod. In dev, convert import.meta.env.DEV to DEBUG from @glimmer/env

bin/clean.mjs

@@ -0,0 +1,3 @@
+import { rimraf } from 'rimraf';
+
+await rimraf('**/{dist,.turbo,node_modules}/', { glob: true });

bin/package.json

@@ -2,15 +2,16 @@
   "name": "@glimmer-workspace/bin",
   "private": true,
   "dependencies": {
-    "puppeteer-chromium-resolver": "^20.0.0",
-    "chalk": "^5.2.0",
-    "execa": "^7.1.1",
-    "js-yaml": "^4.1.0",
-    "glob": "^10.2.3",
     "@types/glob": "^8.1.0",
     "@types/js-yaml": "^4.0.5",
     "@types/node": "^18.16.7",
-    "@types/puppeteer-chromium-resolver": "workspace:^"
+    "@types/puppeteer-chromium-resolver": "workspace:^",
+    "chalk": "^5.2.0",
+    "execa": "^7.1.1",
+    "glob": "^10.2.3",
+    "js-yaml": "^4.1.0",
+    "puppeteer-chromium-resolver": "^20.0.0",
+    "rimraf": "^5.0.0"
   },
   "devDependencies": {
     "eslint": "^8.52.0",

package.json

@@ -10,6 +10,7 @@
   "license": "MIT",
   "author": "Tilde, Inc.",
   "scripts": {
+    "clean": "node ./bin/clean.mjs",
     "benchmark:build": "node benchmark/bin/build.js",
     "benchmark:control": "node benchmark/bin/control.js",
     "benchmark:experiment": "node benchmark/bin/experiment.js",
@@ -20,7 +21,7 @@
     "build:control": "rollup -c rollup.config.mjs",
     "build:flags": "RETAIN_FLAGS=true ember build --env production --suppress-sizes",
     "lint": "npm-run-all lint:*",
-    "lint:files": "dotenv -- turbo test:lint",
+    "lint:files": "dotenv -- turbo lint",
     "force:lint:files": "eslint .",
     "lint:types": "tsc -b",
     "start": "ember serve --port=7357",

packages/@glimmer-workspace/build/lib/config.js

@@ -7,7 +7,8 @@ import { fileURLToPath } from 'node:url';
 
 import rollupTS from 'rollup-plugin-ts';
 import ts from 'typescript';
-
+import replace from '@rollup/plugin-replace';
+import * as insert from 'rollup-plugin-insert';
 import importMeta from './import-meta.js';
 import inline from './inline.js';
 
@@ -243,7 +244,7 @@ export class Package {
    * @returns {import("rollup").RollupOptions[] | import("rollup").RollupOptions}
    */
   config() {
-    return [...this.rollupESM(), ...this.rollupCJS()];
+    return [...this.rollupESM({ env: 'dev' }), ...this.rollupESM({ env: 'prod' })];
   }
 
   /**
@@ -272,18 +273,22 @@ export class Package {
   }
 
   /**
+   * @typedef {object} RollupConfigurationOptions
+   * @property {'dev' | 'prod'} env
+   *
+   * @param {RollupConfigurationOptions} options
    * @returns {RollupOptions[]}
    */
-  rollupESM() {
-    return this.#shared('esm').map((options) => ({
+  rollupESM({ env }) {
+    return this.#shared('esm', env).map((options) => ({
       ...options,
       external: this.#external,
       plugins: [
         inline(),
         nodePolyfills(),
         commonjs(),
         nodeResolve(),
-        importMeta,
+        ...this.replacements(env),
         postcss(),
         typescript(this.#package, {
           target: ScriptTarget.ES2022,
@@ -294,26 +299,28 @@ export class Package {
   }
 
   /**
-   * @returns {import("rollup").RollupOptions[]}
+   * We only want importMeta stripped for production builds
+   * @param {'dev' | 'prod'} env
+   * @returns {any}
    */
-  rollupCJS() {
-    return this.#shared('cjs').map((options) => ({
-      ...options,
-      external: this.#external,
-      plugins: [
-        inline(),
-        nodePolyfills(),
-        commonjs(),
-        nodeResolve(),
-        importMeta,
-        postcss(),
-        typescript(this.#package, {
-          target: ScriptTarget.ES2021,
-          module: ModuleKind.CommonJS,
-          moduleResolution: ModuleResolutionKind.NodeJs,
-        }),
-      ],
-    }));
+  replacements(env) {
+    return env === 'prod'
+      ? [importMeta]
+      : [
+          replace({
+            preventAssignment: true,
+            values: {
+              'import.meta.env.DEV': 'DEBUG',
+              'import.meta.env.PROD': '!DEBUG',
+            },
+          }),
+          insert.transform((_magicString, code, _id) => {
+            if (code.includes('DEBUG')) {
+              return `import { DEBUG } from '@glimmer/env';\n` + code;
+            }
+            return code;
+          }),
+        ];
   }
 
   /**
@@ -338,9 +345,10 @@ export class Package {
 
   /**
    * @param {"esm" | "cjs"} format
+   * @param {"dev" | "prod"} env
    * @returns {import("rollup").RollupOptions[]}
    */
-  #shared(format) {
+  #shared(format, env) {
     const { root, main } = this.#package;
 
     const ext = format === 'esm' ? 'js' : 'cjs';
@@ -358,7 +366,7 @@ export class Package {
       return {
         input: resolve(root, ts),
         output: {
-          file: resolve(root, 'dist', file),
+          file: resolve(root, 'dist', env, file),
           format,
           sourcemap: true,
           exports: format === 'cjs' ? 'named' : 'auto',

packages/@glimmer-workspace/build/package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-replace": "^5.0.4",
     "eslint": "^8.52.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-json": "^3.1.0",
@@ -31,6 +32,7 @@
     "magic-string": "^0.30.0",
     "postcss": "^8.4.31",
     "rollup": "^3.21.6",
+    "rollup-plugin-insert": "^1.3.2",
     "rollup-plugin-polyfill-node": "^0.12.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-ts": "^3.2.0",

packages/@glimmer/compiler/package.json

@@ -16,12 +16,16 @@
   ],
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/prod/index.js",
+    "types": "dist/dev/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "dependencies": {
@@ -36,12 +40,14 @@
     "rollup": "^3.21.6",
     "@glimmer/local-debug-flags": "workspace:^",
     "@glimmer-workspace/build-support": "workspace:^",
-    "@types/node": "^18.16.6"
+    "@types/node": "^18.16.6",
+    "publint": "^0.2.5"
   },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",
     "test:lint": "eslint .",
-    "test:types": "tsc --noEmit -p ../tsconfig.json"
+    "test:types": "tsc --noEmit -p ../tsconfig.json",
+    "test:publint": "publint"
   },
   "main": "index.ts",
   "types": "index.ts"

packages/@glimmer/debug/package.json

@@ -14,12 +14,16 @@
   ],
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/prod/index.js",
+    "types": "dist/dev/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "dependencies": {
@@ -32,11 +36,13 @@
     "rollup": "^3.21.6",
     "@glimmer/local-debug-flags": "workspace:^",
     "toml": "^3.0.0",
-    "@glimmer-workspace/build-support": "workspace:^"
+    "@glimmer-workspace/build-support": "workspace:^",
+    "publint": "^0.2.5"
   },
   "scripts": {
     "test:lint": "eslint .",
     "test:types": "tsc --noEmit -p ../tsconfig.json",
-    "build": "rollup -c rollup.config.mjs"
+    "build": "rollup -c rollup.config.mjs",
+    "test:publint": "publint"
   }
 }

packages/@glimmer/destroyable/package.json

@@ -12,12 +12,16 @@
   ],
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/prod/index.js",
+    "types": "dist/dev/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "dependencies": {
@@ -30,11 +34,13 @@
     "eslint": "^8.52.0",
     "rollup": "^3.21.6",
     "@glimmer/local-debug-flags": "workspace:^",
-    "@glimmer-workspace/build-support": "workspace:^"
+    "@glimmer-workspace/build-support": "workspace:^",
+    "publint": "^0.2.5"
   },
   "scripts": {
     "test:lint": "eslint .",
     "test:types": "tsc --noEmit -p ../tsconfig.json",
-    "build": "rollup -c rollup.config.mjs"
+    "build": "rollup -c rollup.config.mjs",
+    "test:publint": "publint"
   }
 }

packages/@glimmer/dom-change-list/package.json

@@ -7,12 +7,16 @@
   "types": "index.ts",
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/prod/index.js",
+    "types": "dist/dev/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "files": [
@@ -26,11 +30,13 @@
     "eslint": "^8.52.0",
     "rollup": "^3.21.6",
     "@glimmer/local-debug-flags": "workspace:^",
-    "@glimmer-workspace/build-support": "workspace:^"
+    "@glimmer-workspace/build-support": "workspace:^",
+    "publint": "^0.2.5"
   },
   "scripts": {
     "test:lint": "eslint .",
     "test:types": "tsc --noEmit -p ../tsconfig.json",
-    "build": "rollup -c rollup.config.mjs"
+    "build": "rollup -c rollup.config.mjs",
+    "test:publint": "publint"
   }
 }

packages/@glimmer/encoder/package.json

@@ -7,12 +7,16 @@
   "types": "index.ts",
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/prod/index.js",
+    "types": "dist/dev/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "files": [
@@ -25,11 +29,13 @@
   "scripts": {
     "test:lint": "eslint .",
     "test:types": "tsc --noEmit -p ../tsconfig.json",
-    "build": "rollup -c rollup.config.mjs"
+    "build": "rollup -c rollup.config.mjs",
+    "test:publint": "publint"
   },
   "devDependencies": {
     "eslint": "^8.52.0",
     "rollup": "^3.21.6",
-    "@glimmer-workspace/build-support": "workspace:^"
+    "@glimmer-workspace/build-support": "workspace:^",
+    "publint": "^0.2.5"
   }
 }

packages/@glimmer/global-context/package.json

@@ -10,22 +10,26 @@
   ],
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
     "exports": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      ".": {
+        "types": "./dist/dev/index.d.ts",
+        "development": {
+          "default": "./dist/dev/index.js"
+        },
+        "default": "./dist/prod/index.js"
+      }
     }
   },
   "scripts": {
     "test:lint": "eslint .",
     "test:types": "tsc --noEmit -p ../tsconfig.json",
-    "build": "rollup -c rollup.config.mjs"
+    "build": "rollup -c rollup.config.mjs",
+    "test:publint": "publint"
   },
   "devDependencies": {
     "eslint": "^8.52.0",
     "rollup": "^3.21.6",
-    "@glimmer-workspace/build-support": "workspace:^"
+    "@glimmer-workspace/build-support": "workspace:^",
+    "publint": "^0.2.5"
   }
 }