ember-native 1.2.1 → 2.0.0

package/dist/setup.js

@@ -1,16 +1,20 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-apNPIsxw.js';
 import * as loader from 'loader.js';
 import { registerElements } from './dom/setup-registry.js';
 import { SimpleDynamicAttribute } from '@glimmer/runtime';
 import ElementNode from './dom/nodes/ElementNode.js';
 import { _backburner } from '@ember/runloop';
+import DocumentNode from './dom/nodes/DocumentNode.js';
 
 function setup() {
   globalThis.requireModule = loader.require;
   globalThis.requirejs = loader.require;
   globalThis.define = loader.define;
+  globalThis.document = new DocumentNode();
   globalThis.Element = ElementNode;
   globalThis.Node = ElementNode;
   globalThis.HTMLElement = ElementNode;
+  globalThis.NodeList = Array;
   function handleBackburnerErrors() {
     const next = _backburner['_platform'].next;
     _backburner['_platform'].next = function (...args) {
@@ -39,6 +43,40 @@ function setup() {
       element.setAttribute(name, normalizedValue);
     }
   };
+  class Window {}
+  class MouseEvent {
+    constructor(type, eventOpts) {
+      _defineProperty(this, "type", void 0);
+      _defineProperty(this, "eventOpts", void 0);
+      if (type === 'click') {
+        type = 'tap';
+      }
+      this.type = type;
+      this.eventOpts = eventOpts;
+    }
+  }
+  const g = globalThis;
+  g.Window = Window;
+  g.MouseEvent = MouseEvent;
+  g.window = globalThis;
+  g.window.location = {
+    href: '',
+    host: '',
+    hostname: '',
+    pathname: '',
+    search: '',
+    origin: '',
+    protocol: 'none'
+  };
+  const document = new DocumentNode();
+  document.location = globalThis.window.location;
+  g.__emberNative = {
+    installGlobal() {
+      globalThis.window = globalThis;
+      globalThis.document = document;
+    }
+  };
+  g.__emberNative.installGlobal();
   registerElements();
 }
 

package/dist/setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup.js","sources":["../src/setup.ts"],"sourcesContent":["import * as loader from 'loader.js';\nimport { registerElements } from './dom/setup-registry.ts';\nimport { SimpleDynamicAttribute } from '@glimmer/runtime';\nimport ElementNode from './dom/nodes/ElementNode.ts';\nimport { _backburner } from '@ember/runloop';\n\nexport function setup() {\n  globalThis.requireModule = loader.require;\n  globalThis.requirejs = loader.require;\n  globalThis.define = loader.define;\n\n  globalThis.Element = ElementNode as any;\n  globalThis.Node = ElementNode as any;\n  globalThis.HTMLElement = ElementNode as any;\n\n  function handleBackburnerErrors() {\n    const next = _backburner['_platform'].next;\n    _backburner['_platform'].next = function (...args: any) {\n      const p = next.call(this, ...args);\n      p.catch(console.error);\n      return p;\n    };\n  }\n  handleBackburnerErrors();\n\n  SimpleDynamicAttribute.prototype.set = function (dom, value, _env) {\n    const { name, namespace } = this.attribute;\n    dom.__setAttribute(name, value as any, namespace);\n  };\n\n  SimpleDynamicAttribute.prototype.update = function (value, _env) {\n    const normalizedValue = value;\n    const { element: element, name: name } = this.attribute;\n    if (null === normalizedValue) {\n      element.removeAttribute(name);\n    } else {\n      element.setAttribute(name, normalizedValue as string);\n    }\n  };\n\n  registerElements();\n}\n"],"names":["setup","globalThis","requireModule","loader","require","requirejs","define","Element","ElementNode","Node","HTMLElement","handleBackburnerErrors","next","_backburner","args","p","call","catch","console","error","SimpleDynamicAttribute","prototype","set","dom","value","_env","name","namespace","attribute","__setAttribute","update","normalizedValue","element","removeAttribute","setAttribute","registerElements"],"mappings":";;;;;;AAMO,SAASA,KAAKA,GAAG;AACtBC,EAAAA,UAAU,CAACC,aAAa,GAAGC,MAAM,CAACC,OAAO;AACzCH,EAAAA,UAAU,CAACI,SAAS,GAAGF,MAAM,CAACC,OAAO;AACrCH,EAAAA,UAAU,CAACK,MAAM,GAAGH,MAAM,CAACG,MAAM;EAEjCL,UAAU,CAACM,OAAO,GAAGC,WAAkB;EACvCP,UAAU,CAACQ,IAAI,GAAGD,WAAkB;EACpCP,UAAU,CAACS,WAAW,GAAGF,WAAkB;EAE3C,SAASG,sBAAsBA,GAAG;AAChC,IAAA,MAAMC,IAAI,GAAGC,WAAW,CAAC,WAAW,CAAC,CAACD,IAAI;IAC1CC,WAAW,CAAC,WAAW,CAAC,CAACD,IAAI,GAAG,UAAU,GAAGE,IAAS,EAAE;MACtD,MAAMC,CAAC,GAAGH,IAAI,CAACI,IAAI,CAAC,IAAI,EAAE,GAAGF,IAAI,CAAC;AAClCC,MAAAA,CAAC,CAACE,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC;AACtB,MAAA,OAAOJ,CAAC;KACT;AACH;AACAJ,EAAAA,sBAAsB,EAAE;EAExBS,sBAAsB,CAACC,SAAS,CAACC,GAAG,GAAG,UAAUC,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAE;IACjE,MAAM;MAAEC,IAAI;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,SAAS;IAC1CL,GAAG,CAACM,cAAc,CAACH,IAAI,EAAEF,KAAK,EAASG,SAAS,CAAC;GAClD;EAEDP,sBAAsB,CAACC,SAAS,CAACS,MAAM,GAAG,UAAUN,KAAK,EAAEC,IAAI,EAAE;IAC/D,MAAMM,eAAe,GAAGP,KAAK;IAC7B,MAAM;AAAEQ,MAAAA,OAAO,EAAEA,OAAO;AAAEN,MAAAA,IAAI,EAAEA;KAAM,GAAG,IAAI,CAACE,SAAS;IACvD,IAAI,IAAI,KAAKG,eAAe,EAAE;AAC5BC,MAAAA,OAAO,CAACC,eAAe,CAACP,IAAI,CAAC;AAC/B,KAAC,MAAM;AACLM,MAAAA,OAAO,CAACE,YAAY,CAACR,IAAI,EAAEK,eAAyB,CAAC;AACvD;GACD;AAEDI,EAAAA,gBAAgB,EAAE;AACpB;;;;"}
+{"version":3,"file":"setup.js","sources":["../src/setup.ts"],"sourcesContent":["import * as loader from 'loader.js';\nimport { registerElements } from './dom/setup-registry.ts';\nimport { SimpleDynamicAttribute } from '@glimmer/runtime';\nimport ElementNode from './dom/nodes/ElementNode.ts';\nimport { _backburner } from '@ember/runloop';\nimport DocumentNode from './dom/nodes/DocumentNode.ts';\n\nexport function setup() {\n  globalThis.requireModule = loader.require;\n  globalThis.requirejs = loader.require;\n  globalThis.define = loader.define;\n\n  globalThis.document = new DocumentNode() as unknown as Document;\n  globalThis.Element = ElementNode as any;\n  globalThis.Node = ElementNode as any;\n  globalThis.HTMLElement = ElementNode as any;\n  globalThis.NodeList = Array as any;\n\n  function handleBackburnerErrors() {\n    const next = _backburner['_platform'].next;\n    _backburner['_platform'].next = function (...args: any) {\n      const p = next.call(this, ...args);\n      p.catch(console.error);\n      return p;\n    };\n  }\n  handleBackburnerErrors();\n\n  SimpleDynamicAttribute.prototype.set = function (dom, value, _env) {\n    const { name, namespace } = this.attribute;\n    dom.__setAttribute(name, value as any, namespace);\n  };\n\n  SimpleDynamicAttribute.prototype.update = function (value, _env) {\n    const normalizedValue = value;\n    const { element: element, name: name } = this.attribute;\n    if (null === normalizedValue) {\n      element.removeAttribute(name);\n    } else {\n      element.setAttribute(name, normalizedValue as string);\n    }\n  };\n\n  class Window {}\n\n  class MouseEvent {\n    type: any;\n    eventOpts: any;\n    constructor(type: string, eventOpts: any) {\n      if (type === 'click') {\n        type = 'tap';\n      }\n      this.type = type;\n      this.eventOpts = eventOpts;\n    }\n  }\n\n  const g = globalThis as any;\n  g.Window = Window;\n  g.MouseEvent = MouseEvent;\n  g.window = globalThis;\n  g.window.location = {\n    href: '',\n    host: '',\n    hostname: '',\n    pathname: '',\n    search: '',\n    origin: '',\n    protocol: 'none',\n  } as any;\n  const document = new DocumentNode() as unknown as Document;\n  (document as unknown as any).location = globalThis.window.location;\n\n  g.__emberNative = {\n    installGlobal() {\n      (globalThis as any).window = globalThis;\n      (globalThis as any).document = document;\n    },\n  };\n  g.__emberNative.installGlobal();\n\n  registerElements();\n}\n"],"names":["setup","globalThis","requireModule","loader","require","requirejs","define","document","DocumentNode","Element","ElementNode","Node","HTMLElement","NodeList","Array","handleBackburnerErrors","next","_backburner","args","p","call","catch","console","error","SimpleDynamicAttribute","prototype","set","dom","value","_env","name","namespace","attribute","__setAttribute","update","normalizedValue","element","removeAttribute","setAttribute","Window","MouseEvent","constructor","type","eventOpts","_defineProperty","g","window","location","href","host","hostname","pathname","search","origin","protocol","__emberNative","installGlobal","registerElements"],"mappings":"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"}

package/dist/utils/babel-plugin.js

@@ -0,0 +1,207 @@
+import { parse } from '@babel/core';
+import * as glimmer from '@glimmer/syntax';
+import { ImportUtil } from 'babel-import-util';
+class HotAstProcessor {
+    constructor() {
+        this.options = {
+            itsStatic: false,
+        };
+        this.counter = 0;
+        this.meta = {
+            locals: new Set(),
+            importVar: null,
+            babelProgram: undefined,
+            importBindings: new Set(),
+        };
+        this.didCreateImportClass = false;
+        this.transform = this.transform.bind(this);
+    }
+    reset() {
+        this.meta.importVar = null;
+        this.meta.babelProgram = undefined;
+        this.meta.importBindings = new Set();
+    }
+    transform(env) {
+        var _a;
+        if (process.env['EMBER_HMR_ENABLED'] !== 'true') {
+            return {
+                visitor: {},
+            };
+        }
+        if (!this.meta.babelProgram) {
+            return {
+                visitor: {},
+            };
+        }
+        if ((_a = env.filename) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) {
+            return {
+                visitor: {},
+            };
+        }
+        const meta = this.meta;
+        const importVar = env.meta.jsutils.bindExpression(meta.importVar || 'null', null, {
+            nameHint: 'template__imports__',
+        });
+        meta.importVar = meta.importVar || importVar;
+        return {
+            visitor: Object.assign({}, this.buildVisitor({
+                importVar,
+                importBindings: meta.importBindings,
+                babelProgram: meta.babelProgram,
+            })),
+        };
+    }
+    buildVisitor({ importVar, importBindings, babelProgram, }) {
+        const findImport = function findImport(specifier) {
+            return babelProgram.body.find((b) => b.type === 'ImportDeclaration' &&
+                b.specifiers.some((s) => s.local.name === specifier));
+        };
+        const findBlockParams = function (expression, p) {
+            if (p.node.type === 'Template') {
+                return false;
+            }
+            if (p.node &&
+                p.node.type === 'BlockStatement' &&
+                p.node.program.blockParams.includes(expression)) {
+                return true;
+            }
+            const node = p.node;
+            if (node && node.blockParams && node.blockParams.includes(expression)) {
+                return true;
+            }
+            if (!p.parent)
+                return false;
+            return findBlockParams(expression, p.parent);
+        };
+        const visitor = {
+            PathExpression: (node, p) => {
+                var _a, _b;
+                if ((((_a = p.parentNode) === null || _a === void 0 ? void 0 : _a.type) === 'SubExpression' ||
+                    ((_b = p.parentNode) === null || _b === void 0 ? void 0 : _b.type) === 'MustacheStatement') &&
+                    p.parentNode.params.includes(node)) {
+                    return;
+                }
+                const original = node.original.split('.')[0];
+                if (original === 'this')
+                    return;
+                if (original.startsWith('@'))
+                    return;
+                if (original === 'block')
+                    return;
+                if (original.startsWith('this.'))
+                    return;
+                if (findBlockParams(original, p))
+                    return;
+                if (node.original === 'helper' ||
+                    node.original === 'component' ||
+                    node.original === 'modifier') {
+                    const parent = p.parentNode;
+                    if (typeof parent.params[0].original !==
+                        'string') {
+                        return;
+                    }
+                    const original = parent.params[0].original.split('.')[0];
+                    if (original && findBlockParams(original, p))
+                        return;
+                    if (original === null || original === void 0 ? void 0 : original.includes('.'))
+                        return;
+                    if (!original)
+                        return;
+                    if (findImport(original)) {
+                        const param = glimmer.builders.path(`${importVar}.${original}`);
+                        parent.params.splice(0, 1, param);
+                        importBindings.add(original);
+                    }
+                    return;
+                }
+                if (importVar) {
+                    if (findImport(node.original)) {
+                        node.original = `${importVar}.${node.original}`;
+                        node.parts = node.original.split('.');
+                        importBindings.add(original);
+                    }
+                    return;
+                }
+            },
+            ElementNode: (element, p) => {
+                const original = element.tag.split('.')[0];
+                if (findBlockParams(original, p))
+                    return;
+                if (importVar) {
+                    if (findImport(original)) {
+                        element.tag = `${importVar}.${original}`;
+                        p.node.tag = element.tag;
+                        importBindings.add(original);
+                    }
+                    return;
+                }
+            },
+        };
+        return visitor;
+    }
+}
+export const hotAstProcessor = new HotAstProcessor();
+export default function hotReplaceAst(babel) {
+    const t = babel.types;
+    return {
+        name: 'a-hot-reload-imports',
+        pre(file) {
+            hotAstProcessor.reset();
+            hotAstProcessor.meta.babelProgram = file.ast.program;
+        },
+        visitor: {
+            Program(path, state) {
+                var _a;
+                if (!hotAstProcessor.meta.importVar) {
+                    return;
+                }
+                if (process.env['EMBER_HMR_ENABLED'] !== 'true') {
+                    return;
+                }
+                if ((_a = state.filename) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) {
+                    return;
+                }
+                const util = new ImportUtil(babel, path);
+                const tracked = util.import(path, '@glimmer/tracking', 'tracked');
+                const klass = t.classExpression(path.scope.generateUidIdentifier('Imports'), null, t.classBody([]));
+                const bindings = [...hotAstProcessor.meta.importBindings].sort();
+                for (const local of bindings) {
+                    klass.body.body.push(t.classProperty(t.identifier(local), t.identifier(local), null, [
+                        t.decorator(tracked),
+                    ]));
+                }
+                const newExp = t.newExpression(klass, []);
+                const assign = t.assignmentExpression('=', t.identifier(hotAstProcessor.meta.importVar), newExp);
+                const varDeclaration = path.node.body.findIndex((e) => e.type === 'VariableDeclaration' &&
+                    e.declarations[0].id.name ===
+                        hotAstProcessor.meta.importVar) + 1;
+                const lastImportIndex = [...path.node.body].findLastIndex((e) => e.type === 'ImportDeclaration') + 1;
+                path.node.body.splice(Math.max(varDeclaration, lastImportIndex), 0, assign);
+                const findImport = function findImport(specifier) {
+                    return path.node.body.find((b) => b.type === 'ImportDeclaration' &&
+                        b.specifiers.some((s) => s.local.name === specifier));
+                };
+                const ifHotStatements = [];
+                for (const imp of bindings) {
+                    const importDeclaration = findImport(imp);
+                    if (!importDeclaration) {
+                        console.log('could not find import for ', imp);
+                        continue;
+                    }
+                    const source = importDeclaration.source.value;
+                    // const timestamp = Date.now();
+                    const ast = parse(`
+          import.meta.webpackHot.accept('${source}', function () {
+            ${hotAstProcessor.meta.importVar}.${imp} = ${imp};
+          });
+          `);
+                    const accept = ast.program.body;
+                    ifHotStatements.push(...accept);
+                }
+                const ifHot = t.ifStatement(t.memberExpression(t.metaProperty(t.identifier('import'), t.identifier('meta')), t.identifier('webpackHot')), t.blockStatement([...ifHotStatements]));
+                path.node.body.push(ifHot);
+                path.scope.crawl();
+            },
+        },
+    };
+}

package/dist/utils/babel-plugin.ts

@@ -0,0 +1,293 @@
+import { parse, type PluginObj } from '@babel/core';
+import type * as BabelTypesNamespace from '@babel/types';
+import type { Program, Statement } from '@babel/types';
+import type * as Babel from '@babel/core';
+import * as glimmer from '@glimmer/syntax';
+import { ASTv1, type NodeVisitor, WalkerPath } from '@glimmer/syntax';
+import { ImportUtil } from 'babel-import-util';
+
+interface ASTPluginEnvironment {
+  locals: string[];
+  filename: string;
+}
+
+class HotAstProcessor {
+  options = {
+    itsStatic: false,
+  };
+  counter = 0;
+  meta = {
+    locals: new Set<string>(),
+    importVar: null,
+    babelProgram: undefined,
+    importBindings: new Set<string>(),
+  } as {
+    locals: Set<string>;
+    importVar: any;
+    importBindings: Set<string>;
+    babelProgram?: Program;
+  };
+  didCreateImportClass: boolean = false;
+
+  constructor() {
+    this.transform = this.transform.bind(this);
+  }
+
+  reset() {
+    this.meta.importVar = null;
+    this.meta.babelProgram = undefined;
+    this.meta.importBindings = new Set<string>();
+  }
+
+  transform(env: ASTPluginEnvironment): any {
+    if (process.env['EMBER_HMR_ENABLED'] !== 'true') {
+      return {
+        visitor: {},
+      };
+    }
+    if (!this.meta.babelProgram) {
+      return {
+        visitor: {},
+      };
+    }
+    if (env.filename?.includes('node_modules')) {
+      return {
+        visitor: {},
+      };
+    }
+    const meta = this.meta as Required<typeof this.meta>;
+    const importVar = (env as any).meta.jsutils.bindExpression(
+      meta.importVar || 'null',
+      null,
+      {
+        nameHint: 'template__imports__',
+      },
+    );
+    meta.importVar = meta.importVar || importVar;
+    return {
+      visitor: {
+        ...this.buildVisitor({
+          importVar,
+          importBindings: meta.importBindings,
+          babelProgram: meta.babelProgram,
+        }),
+      },
+    };
+  }
+
+  buildVisitor({
+    importVar,
+    importBindings,
+    babelProgram,
+  }: {
+    importVar: string;
+    importBindings: Set<string>;
+    babelProgram: Program;
+  }) {
+    const findImport = function findImport(specifier: string) {
+      return babelProgram.body.find(
+        (b) =>
+          b.type === 'ImportDeclaration' &&
+          b.specifiers.some((s) => s.local.name === specifier),
+      );
+    };
+
+    const findBlockParams = function (
+      expression: string,
+      p: WalkerPath<
+        | ASTv1.BlockStatement
+        | ASTv1.Block
+        | ASTv1.ElementNode
+        | ASTv1.PathExpression
+      >,
+    ): boolean {
+      if ((p.node as any).type === 'Template') {
+        return false;
+      }
+      if (
+        p.node &&
+        p.node.type === 'BlockStatement' &&
+        p.node.program.blockParams.includes(expression)
+      ) {
+        return true;
+      }
+      const node = p.node as any;
+      if (node && node.blockParams && node.blockParams.includes(expression)) {
+        return true;
+      }
+      if (!p.parent) return false;
+      return findBlockParams(expression, p.parent as any);
+    };
+    const visitor: NodeVisitor = {
+      PathExpression: (node, p) => {
+        if (
+          (p.parentNode?.type === 'SubExpression' ||
+            p.parentNode?.type === 'MustacheStatement') &&
+          p.parentNode.params.includes(node)
+        ) {
+          return;
+        }
+        const original = node.original.split('.')[0]!;
+        if (original === 'this') return;
+        if (original.startsWith('@')) return;
+        if (original === 'block') return;
+        if (original.startsWith('this.')) return;
+        if (findBlockParams(original, p)) return;
+        if (
+          node.original === 'helper' ||
+          node.original === 'component' ||
+          node.original === 'modifier'
+        ) {
+          const parent = p.parentNode as ASTv1.MustacheStatement;
+          if (
+            typeof (parent.params[0] as ASTv1.StringLiteral).original !==
+            'string'
+          ) {
+            return;
+          }
+          const original = (
+            parent.params[0] as ASTv1.StringLiteral
+          ).original.split('.')[0];
+          if (original && findBlockParams(original, p)) return;
+          if (original?.includes('.')) return;
+          if (!original) return;
+          if (findImport(original)) {
+            const param = glimmer.builders.path(`${importVar}.${original}`);
+            parent.params.splice(0, 1, param);
+            importBindings.add(original);
+          }
+          return;
+        }
+        if (importVar) {
+          if (findImport(node.original)) {
+            node.original = `${importVar}.${node.original}`;
+            node.parts = node.original.split('.');
+            importBindings.add(original);
+          }
+          return;
+        }
+      },
+      ElementNode: (
+        element: ASTv1.ElementNode,
+        p: WalkerPath<ASTv1.ElementNode>,
+      ) => {
+        const original = element.tag.split('.')[0]!;
+        if (findBlockParams(original, p)) return;
+        if (importVar) {
+          if (findImport(original)) {
+            element.tag = `${importVar}.${original}`;
+            p.node.tag = element.tag;
+            importBindings.add(original);
+          }
+          return;
+        }
+      },
+    };
+    return visitor;
+  }
+}
+
+export const hotAstProcessor = new HotAstProcessor();
+
+export default function hotReplaceAst(babel: typeof Babel) {
+  const t = babel.types;
+  return {
+    name: 'a-hot-reload-imports',
+    pre(file) {
+      hotAstProcessor.reset();
+      hotAstProcessor.meta.babelProgram = file.ast.program;
+    },
+    visitor: {
+      Program(path, state) {
+        if (!hotAstProcessor.meta.importVar) {
+          return;
+        }
+        if (process.env['EMBER_HMR_ENABLED'] !== 'true') {
+          return;
+        }
+        if (state.filename?.includes('node_modules')) {
+          return;
+        }
+        const util = new ImportUtil(babel, path);
+        const tracked = util.import(path, '@glimmer/tracking', 'tracked');
+        const klass = t.classExpression(
+          path.scope.generateUidIdentifier('Imports'),
+          null,
+          t.classBody([]),
+        );
+        const bindings = [...hotAstProcessor.meta.importBindings].sort();
+        for (const local of bindings) {
+          klass.body.body.push(
+            t.classProperty(t.identifier(local), t.identifier(local), null, [
+              t.decorator(tracked),
+            ]),
+          );
+        }
+
+        const newExp = t.newExpression(klass, []);
+        const assign = t.assignmentExpression(
+          '=',
+          t.identifier(hotAstProcessor.meta.importVar),
+          newExp,
+        );
+
+        const varDeclaration =
+          path.node.body.findIndex(
+            (e: BabelTypesNamespace.Statement) =>
+              e.type === 'VariableDeclaration' &&
+              (e.declarations[0]!.id as BabelTypesNamespace.Identifier).name ===
+                hotAstProcessor.meta.importVar,
+          ) + 1;
+
+        const lastImportIndex =
+          [...path.node.body].findLastIndex(
+            (e: BabelTypesNamespace.Statement) =>
+              e.type === 'ImportDeclaration',
+          ) + 1;
+
+        path.node.body.splice(
+          Math.max(varDeclaration, lastImportIndex),
+          0,
+          assign as unknown as Statement,
+        );
+
+        const findImport = function findImport(specifier: string) {
+          return path.node.body.find(
+            (b) =>
+              b.type === 'ImportDeclaration' &&
+              b.specifiers.some((s) => s.local.name === specifier),
+          );
+        };
+
+        const ifHotStatements = [];
+        for (const imp of bindings) {
+          const importDeclaration = findImport(
+            imp,
+          ) as BabelTypesNamespace.ImportDeclaration;
+          if (!importDeclaration) {
+            console.log('could not find import for ', imp);
+            continue;
+          }
+          const source = importDeclaration.source.value;
+          // const timestamp = Date.now();
+          const ast = parse(`
+          import.meta.webpackHot.accept('${source}', function () {
+            ${hotAstProcessor.meta.importVar}.${imp} = ${imp};
+          });
+          `);
+          const accept = ast!.program.body;
+          ifHotStatements.push(...accept);
+        }
+        const ifHot = t.ifStatement(
+          t.memberExpression(
+            t.metaProperty(t.identifier('import'), t.identifier('meta')),
+            t.identifier('webpackHot'),
+          ),
+          t.blockStatement([...ifHotStatements]),
+        );
+        path.node.body.push(ifHot);
+        path.scope.crawl();
+      },
+    },
+  } as PluginObj;
+}

package/dist/utils/content-tag-loader.js

@@ -5,5 +5,5 @@ const Preprocessor = new ContentTag.Preprocessor();
 module.exports = function (source) {
   return Preprocessor.process(source, {
     inline_source_map: true,
-  });
+  }).code;
 };

package/dist/utils/ember-native.js

@@ -6,4 +6,6 @@ module.exports.emberNativeGlobals = {
   'rad-list-view': true,
   'list-view': true,
   frame: true,
+  require: true,
+  module: true,
 };

package/dist/utils/eslint/ember-native.js

@@ -6,4 +6,6 @@ module.exports.emberNativeGlobals = {
   'rad-list-view': true,
   'list-view': true,
   frame: true,
+  require: true,
+  module: true,
 };

package/dist/utils/hmr-loader.js

@@ -0,0 +1,53 @@
+function hmr() {
+  return {
+    name: 'hmr-plugin',
+
+    transform(source, resourcePath) {
+      if (process.env['EMBER_HMR_ENABLED'] !== 'true') {
+        return source;
+      }
+      const supportedPaths = ['routers', 'controllers', 'routes', 'templates'];
+      const supportedFileNames = [
+        'route.js',
+        'route.ts',
+        'route.gts',
+        'route.gjs',
+        'controller.js',
+        'controller.ts',
+      ];
+      if (resourcePath.includes('/-components/')) {
+        return source;
+      }
+      if (
+        !supportedPaths.some((s) => resourcePath.includes(`/${s}/`)) &&
+        !supportedFileNames.some((s) => resourcePath.endsWith(s))
+      ) {
+        return source;
+      }
+      if (
+        supportedPaths.includes('templates') &&
+        supportedPaths.includes('components')
+      ) {
+        return source;
+      }
+      return `${source}
+  if (import.meta.hot && window.emberHotReloadPlugin) {
+      const result = window.emberHotReloadPlugin.canAcceptNew(import.meta.url);
+      result.then(() => {
+        if (!result) {
+          import.meta.hot.decline();
+        } else {
+          import.meta.hot.accept()
+        }
+      });
+  }
+  `;
+    },
+  };
+}
+
+const hmrPlugin = hmr();
+
+module.exports = function (source) {
+  return hmrPlugin.transform(source, this.resourcePath);
+};

package/dist/utils/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "rootDir": ".",
+    "emitDeclarationOnly": false,
+    "outDir": "../dist/utils",
+    "target": "ES6",
+    "module": "es2020",
+    "lib": ["es2023", "dom"],
+    "moduleResolution": "bundler",
+    "noEmitOnError": false
+  },
+  "include": [
+    "./babel-plugin.ts"
+  ]
+}

package/dist/utils/webpack.config.js

@@ -10,7 +10,6 @@ module.exports = (webpack) => {
       ),
     );
     for (const glimmerDir of glimmerDirs) {
-      console.log(glimmerDir);
       config.resolve.alias.set(
         `@glimmer/${glimmerDir}`,
         `ember-source/dist/packages/@glimmer/${glimmerDir}`,