implementing our part of lexical-this

Author: ef4

__tests__/tests.ts

@@ -15,7 +15,9 @@ import { Preprocessor } from 'content-tag';
 
 describe('htmlbars-inline-precompile', function () {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
-  let compiler: EmberTemplateCompiler = { ...require('ember-source/dist/ember-template-compiler') };
+  let compiler: EmberTemplateCompiler = {
+    ...require('ember-source/dist/ember-template-compiler.js'),
+  };
   let plugins: ([typeof HTMLBarsInlinePrecompile, Options] | [unknown])[];
 
   function transform(code: string) {
@@ -1874,13 +1876,30 @@ describe('htmlbars-inline-precompile', function () {
 
     it('can pass lexically scoped "this"', function () {
       let spy = sinon.spy(compiler, 'precompile');
-      transform(`
+      let transformed = transform(`
         import { precompileTemplate } from '@ember/template-compilation';
         export function example() {
           return precompileTemplate('{{this.message}}', { scope: () => ({ "this": this }) });
         }
       `);
       expect(spy.firstCall.lastArg).toHaveProperty('locals', ['this']);
+      expect(normalizeWireFormat(transformed)).toEqualCode(`
+        import { createTemplateFactory } from "@ember/template-factory";
+        export function example() {
+          return createTemplateFactory(
+            /*
+              {{this.message}}
+            */
+            {
+              id: "<id>",
+              block: '[[[1,[32,0,["message"]]]],[],false,[]]',
+              moduleName: "<moduleName>",
+              scope: () => [this],
+              isStrictMode: false,
+            }
+          );
+        }
+      `);
     });
   });
 
@@ -2196,7 +2215,7 @@ describe('htmlbars-inline-precompile', function () {
 
       let transformed = transform(
         p.process(
-          `import HelloWorld from 'somewhere';
+          `
           export function example() {
             return <template>{{this.message}}</template>;
           }
@@ -2209,7 +2228,7 @@ describe('htmlbars-inline-precompile', function () {
           import { setComponentTemplate } from "@ember/component";
           import templateOnly from "@ember/component/template-only";
           export function example() {
-            return setComponentTemplate(precompileTemplate('{{this.message}}', { strictMode: true, scope: () => ({ "this": this })  }), templateOnly());
+            return setComponentTemplate(precompileTemplate('{{this.message}}', { strictMode: true, scope: () => ({ this: this })  }), templateOnly());
           }
         `);
     });

package.json

@@ -34,7 +34,7 @@
     ]
   },
   "dependencies": {
-    "@glimmer/syntax": ">= 0.84.3",
+    "@glimmer/syntax": "^0.93.1",
     "babel-import-util": "^3.0.0"
   },
   "devDependencies": {
@@ -52,10 +52,10 @@
     "@types/sinon": "^10.0.13",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
-    "code-equality-assertions": "^0.7.0",
+    "code-equality-assertions": "^1.0.1",
     "common-tags": "^1.8.0",
     "content-tag": "^0.1.0",
-    "ember-source": "^3.28.9",
+    "ember-source": "^6.1.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-node": "^11.1.0",