@norith/glimmer-component 1.0.0

package/dist/modules/test/interactive/args-test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/test/interactive/args-test.js

@@ -0,0 +1,42 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import Component from '@norith/glimmer-component';
+import { tracked } from '@norith/glimmer-tracking';
+import { setComponentTemplate, precompileTemplate } from '@norith/glimmer-core';
+import { test, render, settled } from '@norith/glimmer-core/test/utils';
+QUnit.module('[@glimmer/component] Component Arguments', () => {
+    test('Getters that depend on `args` re-render correctly', async function (assert) {
+        assert.expect(2);
+        let parent;
+        class ParentComponent extends Component {
+            constructor(owner, args) {
+                super(owner, args);
+                this.firstName = 'Tom';
+                this.status = 'is dope';
+                parent = this;
+            }
+        }
+        __decorate([
+            tracked
+        ], ParentComponent.prototype, "firstName", void 0);
+        __decorate([
+            tracked
+        ], ParentComponent.prototype, "status", void 0);
+        class ChildComponent extends Component {
+            get name() {
+                return `${this.args.firstName} Dale`;
+            }
+        }
+        setComponentTemplate(precompileTemplate('<ChildComponent @firstName={{this.firstName}} @status={{this.status}} />', { strictMode: true, scope: { ChildComponent } }), ParentComponent);
+        setComponentTemplate(precompileTemplate('{{this.name}} {{@status}}', { strictMode: true }), ChildComponent);
+        assert.equal(await render(ParentComponent), 'Tom Dale is dope');
+        parent.firstName = 'Thom';
+        parent.status = 'is dank';
+        assert.equal(await settled(), 'Thom Dale is dank');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJncy10ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQGdsaW1tZXIvY29tcG9uZW50L3Rlc3QvaW50ZXJhY3RpdmUvYXJncy10ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sU0FBUyxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxLQUFLLENBQUMsTUFBTSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtJQUM1RCxJQUFJLENBQUMsbURBQW1ELEVBQUUsS0FBSyxXQUFXLE1BQU07UUFDOUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUVqQixJQUFJLE1BQXVCLENBQUM7UUFFNUIsTUFBTSxlQUFnQixTQUFRLFNBQVM7WUFJckMsWUFBWSxLQUFhLEVBQUUsSUFBUTtnQkFDakMsS0FBSyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFKWixjQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUNsQixXQUFNLEdBQUcsU0FBUyxDQUFDO2dCQUkxQixNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLENBQUM7U0FDRjtRQVBVO1lBQVIsT0FBTzswREFBbUI7UUFDbEI7WUFBUixPQUFPO3VEQUFvQjtRQVE5QixNQUFNLGNBQWUsU0FBUSxTQUFnQztZQUMzRCxJQUFJLElBQUk7Z0JBQ04sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxPQUFPLENBQUM7WUFDdkMsQ0FBQztTQUNGO1FBRUQsb0JBQW9CLENBQ2xCLGtCQUFrQixDQUNoQiwwRUFBMEUsRUFDMUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxFQUFFLENBQ2hELEVBQ0QsZUFBZSxDQUNoQixDQUFDO1FBRUYsb0JBQW9CLENBQ2xCLGtCQUFrQixDQUFDLDJCQUEyQixFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQ3JFLGNBQWMsQ0FDZixDQUFDO1FBRUYsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLE1BQU0sQ0FBQyxlQUFlLENBQUMsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBRWhFLE1BQU8sQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDO1FBQzNCLE1BQU8sQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1FBRTNCLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxPQUFPLEVBQUUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3JELENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ29tcG9uZW50IGZyb20gJ0Bub3JpdGgvZ2xpbW1lci1jb21wb25lbnQnO1xuaW1wb3J0IHsgdHJhY2tlZCB9IGZyb20gJ0Bub3JpdGgvZ2xpbW1lci10cmFja2luZyc7XG5cbmltcG9ydCB7IHNldENvbXBvbmVudFRlbXBsYXRlLCBwcmVjb21waWxlVGVtcGxhdGUgfSBmcm9tICdAbm9yaXRoL2dsaW1tZXItY29yZSc7XG5pbXBvcnQgeyB0ZXN0LCByZW5kZXIsIHNldHRsZWQgfSBmcm9tICdAbm9yaXRoL2dsaW1tZXItY29yZS90ZXN0L3V0aWxzJztcblxuUVVuaXQubW9kdWxlKCdbQGdsaW1tZXIvY29tcG9uZW50XSBDb21wb25lbnQgQXJndW1lbnRzJywgKCkgPT4ge1xuICB0ZXN0KCdHZXR0ZXJzIHRoYXQgZGVwZW5kIG9uIGBhcmdzYCByZS1yZW5kZXIgY29ycmVjdGx5JywgYXN5bmMgZnVuY3Rpb24gKGFzc2VydCkge1xuICAgIGFzc2VydC5leHBlY3QoMik7XG5cbiAgICBsZXQgcGFyZW50OiBQYXJlbnRDb21wb25lbnQ7XG5cbiAgICBjbGFzcyBQYXJlbnRDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnQge1xuICAgICAgQHRyYWNrZWQgZmlyc3ROYW1lID0gJ1RvbSc7XG4gICAgICBAdHJhY2tlZCBzdGF0dXMgPSAnaXMgZG9wZSc7XG5cbiAgICAgIGNvbnN0cnVjdG9yKG93bmVyOiBvYmplY3QsIGFyZ3M6IHt9KSB7XG4gICAgICAgIHN1cGVyKG93bmVyLCBhcmdzKTtcbiAgICAgICAgcGFyZW50ID0gdGhpcztcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjbGFzcyBDaGlsZENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudDx7IGZpcnN0TmFtZTogc3RyaW5nIH0+IHtcbiAgICAgIGdldCBuYW1lKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgJHt0aGlzLmFyZ3MuZmlyc3ROYW1lfSBEYWxlYDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzZXRDb21wb25lbnRUZW1wbGF0ZShcbiAgICAgIHByZWNvbXBpbGVUZW1wbGF0ZShcbiAgICAgICAgJzxDaGlsZENvbXBvbmVudCBAZmlyc3ROYW1lPXt7dGhpcy5maXJzdE5hbWV9fSBAc3RhdHVzPXt7dGhpcy5zdGF0dXN9fSAvPicsXG4gICAgICAgIHsgc3RyaWN0TW9kZTogdHJ1ZSwgc2NvcGU6IHsgQ2hpbGRDb21wb25lbnQgfSB9XG4gICAgICApLFxuICAgICAgUGFyZW50Q29tcG9uZW50XG4gICAgKTtcblxuICAgIHNldENvbXBvbmVudFRlbXBsYXRlKFxuICAgICAgcHJlY29tcGlsZVRlbXBsYXRlKCd7e3RoaXMubmFtZX19IHt7QHN0YXR1c319JywgeyBzdHJpY3RNb2RlOiB0cnVlIH0pLFxuICAgICAgQ2hpbGRDb21wb25lbnRcbiAgICApO1xuXG4gICAgYXNzZXJ0LmVxdWFsKGF3YWl0IHJlbmRlcihQYXJlbnRDb21wb25lbnQpLCAnVG9tIERhbGUgaXMgZG9wZScpO1xuXG4gICAgcGFyZW50IS5maXJzdE5hbWUgPSAnVGhvbSc7XG4gICAgcGFyZW50IS5zdGF0dXMgPSAnaXMgZGFuayc7XG5cbiAgICBhc3NlcnQuZXF1YWwoYXdhaXQgc2V0dGxlZCgpLCAnVGhvbSBEYWxlIGlzIGRhbmsnKTtcbiAgfSk7XG59KTtcbiJdfQ==

package/dist/modules/test/interactive/index.d.ts

@@ -0,0 +1,2 @@
+import './args-test';
+import './lifecycle-hook-test';

package/dist/modules/test/interactive/index.js

@@ -0,0 +1,3 @@
+import './args-test';
+import './lifecycle-hook-test';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AZ2xpbW1lci9jb21wb25lbnQvdGVzdC9pbnRlcmFjdGl2ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGFBQWEsQ0FBQztBQUNyQixPQUFPLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICcuL2FyZ3MtdGVzdCc7XG5pbXBvcnQgJy4vbGlmZWN5Y2xlLWhvb2stdGVzdCc7XG4iXX0=

package/dist/modules/test/interactive/lifecycle-hook-test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/test/interactive/lifecycle-hook-test.js

@@ -0,0 +1,87 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import Component from '@norith/glimmer-component';
+import { tracked } from '@norith/glimmer-tracking';
+import { test, render, settled } from '@norith/glimmer-core/test/utils';
+import { setComponentTemplate, precompileTemplate } from '@norith/glimmer-core';
+QUnit.module('[@glimmer/component] Lifecycle Hooks', () => {
+    test('Lifecycle hook ordering', async function (assert) {
+        assert.expect(2);
+        let invocations = [];
+        let component1;
+        class HookLoggerComponent extends Component {
+            constructor(owner, args) {
+                super(owner, args);
+                invocations.push([this.args.name, 'constructor']);
+            }
+            willDestroy() {
+                invocations.push([this.args.name, 'willDestroy']);
+            }
+        }
+        class Component1 extends HookLoggerComponent {
+            constructor(owner, args) {
+                super(owner, args);
+                this.firstName = 'Chirag';
+                this.showChildren = true;
+                component1 = this;
+            }
+        }
+        __decorate([
+            tracked
+        ], Component1.prototype, "firstName", void 0);
+        __decorate([
+            tracked
+        ], Component1.prototype, "showChildren", void 0);
+        class Component2 extends HookLoggerComponent {
+        }
+        class Component3 extends HookLoggerComponent {
+        }
+        class Component4 extends HookLoggerComponent {
+        }
+        class Component5 extends HookLoggerComponent {
+        }
+        setComponentTemplate(precompileTemplate(`
+          {{#if this.showChildren}}
+            <Component2 @name="component2" @firstName={{this.firstName}} />
+            <Component3 @name="component3"/>
+          {{/if}}
+        `, {
+            strictMode: true,
+            scope: { Component2, Component3 },
+        }), Component1);
+        setComponentTemplate(precompileTemplate(`
+          {{@firstName}}
+          <Component4 @name="component4"/>
+          <Component5 @name="component5"/>
+        `, {
+            strictMode: true,
+            scope: { Component4, Component5 },
+        }), Component2);
+        const emptyTemplate = precompileTemplate('');
+        setComponentTemplate(emptyTemplate, Component3);
+        setComponentTemplate(emptyTemplate, Component4);
+        setComponentTemplate(emptyTemplate, Component5);
+        await render(Component1, { args: { name: 'component1' } });
+        assert.deepEqual(invocations, [
+            ['component1', 'constructor'],
+            ['component2', 'constructor'],
+            ['component4', 'constructor'],
+            ['component5', 'constructor'],
+            ['component3', 'constructor'],
+        ]);
+        invocations = [];
+        component1.showChildren = false;
+        await settled();
+        assert.deepEqual(invocations, [
+            ['component2', 'willDestroy'],
+            ['component4', 'willDestroy'],
+            ['component5', 'willDestroy'],
+            ['component3', 'willDestroy'],
+        ]);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlmZWN5Y2xlLWhvb2stdGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BnbGltbWVyL2NvbXBvbmVudC90ZXN0L2ludGVyYWN0aXZlL2xpZmVjeWNsZS1ob29rLXRlc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxTQUFTLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWhGLEtBQUssQ0FBQyxNQUFNLENBQUMsc0NBQXNDLEVBQUUsR0FBRyxFQUFFO0lBQ3hELElBQUksQ0FBQyx5QkFBeUIsRUFBRSxLQUFLLFdBQVcsTUFBTTtRQUNwRCxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRWpCLElBQUksV0FBVyxHQUF1QixFQUFFLENBQUM7UUFDekMsSUFBSSxVQUFzQixDQUFDO1FBRTNCLE1BQWUsbUJBQW9CLFNBQVEsU0FBMkI7WUFDcEUsWUFBWSxLQUFhLEVBQUUsSUFBc0I7Z0JBQy9DLEtBQUssQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ25CLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO1lBQ3BELENBQUM7WUFFRCxXQUFXO2dCQUNULFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO1lBQ3BELENBQUM7U0FDRjtRQUVELE1BQU0sVUFBVyxTQUFRLG1CQUFtQjtZQUkxQyxZQUFZLEtBQWEsRUFBRSxJQUFzQjtnQkFDL0MsS0FBSyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFKWixjQUFTLEdBQUcsUUFBUSxDQUFDO2dCQUNyQixpQkFBWSxHQUFHLElBQUksQ0FBQztnQkFJM0IsVUFBVSxHQUFHLElBQUksQ0FBQztZQUNwQixDQUFDO1NBQ0Y7UUFQVTtZQUFSLE9BQU87cURBQXNCO1FBQ3JCO1lBQVIsT0FBTzt3REFBcUI7UUFPL0IsTUFBTSxVQUFXLFNBQVEsbUJBQW1CO1NBQUc7UUFDL0MsTUFBTSxVQUFXLFNBQVEsbUJBQW1CO1NBQUc7UUFDL0MsTUFBTSxVQUFXLFNBQVEsbUJBQW1CO1NBQUc7UUFDL0MsTUFBTSxVQUFXLFNBQVEsbUJBQW1CO1NBQUc7UUFFL0Msb0JBQW9CLENBQ2xCLGtCQUFrQixDQUNoQjs7Ozs7U0FLQyxFQUNEO1lBQ0UsVUFBVSxFQUFFLElBQUk7WUFDaEIsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRTtTQUNsQyxDQUNGLEVBQ0QsVUFBVSxDQUNYLENBQUM7UUFFRixvQkFBb0IsQ0FDbEIsa0JBQWtCLENBQ2hCOzs7O1NBSUMsRUFDRDtZQUNFLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUU7U0FDbEMsQ0FDRixFQUNELFVBQVUsQ0FDWCxDQUFDO1FBRUYsTUFBTSxhQUFhLEdBQUcsa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFN0Msb0JBQW9CLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ2hELG9CQUFvQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUNoRCxvQkFBb0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFFaEQsTUFBTSxNQUFNLENBQUMsVUFBVSxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUzRCxNQUFNLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRTtZQUM1QixDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7WUFDN0IsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO1lBQzdCLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztZQUM3QixDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7WUFDN0IsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO1NBQzlCLENBQUMsQ0FBQztRQUVILFdBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsVUFBVyxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFFakMsTUFBTSxPQUFPLEVBQUUsQ0FBQztRQUVoQixNQUFNLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRTtZQUM1QixDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7WUFDN0IsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO1lBQzdCLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztZQUM3QixDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBDb21wb25lbnQgZnJvbSAnQG5vcml0aC9nbGltbWVyLWNvbXBvbmVudCc7XG5pbXBvcnQgeyB0cmFja2VkIH0gZnJvbSAnQG5vcml0aC9nbGltbWVyLXRyYWNraW5nJztcblxuaW1wb3J0IHsgdGVzdCwgcmVuZGVyLCBzZXR0bGVkIH0gZnJvbSAnQG5vcml0aC9nbGltbWVyLWNvcmUvdGVzdC91dGlscyc7XG5pbXBvcnQgeyBzZXRDb21wb25lbnRUZW1wbGF0ZSwgcHJlY29tcGlsZVRlbXBsYXRlIH0gZnJvbSAnQG5vcml0aC9nbGltbWVyLWNvcmUnO1xuXG5RVW5pdC5tb2R1bGUoJ1tAZ2xpbW1lci9jb21wb25lbnRdIExpZmVjeWNsZSBIb29rcycsICgpID0+IHtcbiAgdGVzdCgnTGlmZWN5Y2xlIGhvb2sgb3JkZXJpbmcnLCBhc3luYyBmdW5jdGlvbiAoYXNzZXJ0KSB7XG4gICAgYXNzZXJ0LmV4cGVjdCgyKTtcblxuICAgIGxldCBpbnZvY2F0aW9uczogW3N0cmluZywgc3RyaW5nXVtdID0gW107XG4gICAgbGV0IGNvbXBvbmVudDE6IENvbXBvbmVudDE7XG5cbiAgICBhYnN0cmFjdCBjbGFzcyBIb29rTG9nZ2VyQ29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50PHsgbmFtZTogc3RyaW5nIH0+IHtcbiAgICAgIGNvbnN0cnVjdG9yKG93bmVyOiBvYmplY3QsIGFyZ3M6IHsgbmFtZTogc3RyaW5nIH0pIHtcbiAgICAgICAgc3VwZXIob3duZXIsIGFyZ3MpO1xuICAgICAgICBpbnZvY2F0aW9ucy5wdXNoKFt0aGlzLmFyZ3MubmFtZSwgJ2NvbnN0cnVjdG9yJ10pO1xuICAgICAgfVxuXG4gICAgICB3aWxsRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgaW52b2NhdGlvbnMucHVzaChbdGhpcy5hcmdzLm5hbWUsICd3aWxsRGVzdHJveSddKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjbGFzcyBDb21wb25lbnQxIGV4dGVuZHMgSG9va0xvZ2dlckNvbXBvbmVudCB7XG4gICAgICBAdHJhY2tlZCBmaXJzdE5hbWUgPSAnQ2hpcmFnJztcbiAgICAgIEB0cmFja2VkIHNob3dDaGlsZHJlbiA9IHRydWU7XG5cbiAgICAgIGNvbnN0cnVjdG9yKG93bmVyOiBvYmplY3QsIGFyZ3M6IHsgbmFtZTogc3RyaW5nIH0pIHtcbiAgICAgICAgc3VwZXIob3duZXIsIGFyZ3MpO1xuICAgICAgICBjb21wb25lbnQxID0gdGhpcztcbiAgICAgIH1cbiAgICB9XG4gICAgY2xhc3MgQ29tcG9uZW50MiBleHRlbmRzIEhvb2tMb2dnZXJDb21wb25lbnQge31cbiAgICBjbGFzcyBDb21wb25lbnQzIGV4dGVuZHMgSG9va0xvZ2dlckNvbXBvbmVudCB7fVxuICAgIGNsYXNzIENvbXBvbmVudDQgZXh0ZW5kcyBIb29rTG9nZ2VyQ29tcG9uZW50IHt9XG4gICAgY2xhc3MgQ29tcG9uZW50NSBleHRlbmRzIEhvb2tMb2dnZXJDb21wb25lbnQge31cblxuICAgIHNldENvbXBvbmVudFRlbXBsYXRlKFxuICAgICAgcHJlY29tcGlsZVRlbXBsYXRlKFxuICAgICAgICBgXG4gICAgICAgICAge3sjaWYgdGhpcy5zaG93Q2hpbGRyZW59fVxuICAgICAgICAgICAgPENvbXBvbmVudDIgQG5hbWU9XCJjb21wb25lbnQyXCIgQGZpcnN0TmFtZT17e3RoaXMuZmlyc3ROYW1lfX0gLz5cbiAgICAgICAgICAgIDxDb21wb25lbnQzIEBuYW1lPVwiY29tcG9uZW50M1wiLz5cbiAgICAgICAgICB7ey9pZn19XG4gICAgICAgIGAsXG4gICAgICAgIHtcbiAgICAgICAgICBzdHJpY3RNb2RlOiB0cnVlLFxuICAgICAgICAgIHNjb3BlOiB7IENvbXBvbmVudDIsIENvbXBvbmVudDMgfSxcbiAgICAgICAgfVxuICAgICAgKSxcbiAgICAgIENvbXBvbmVudDFcbiAgICApO1xuXG4gICAgc2V0Q29tcG9uZW50VGVtcGxhdGUoXG4gICAgICBwcmVjb21waWxlVGVtcGxhdGUoXG4gICAgICAgIGBcbiAgICAgICAgICB7e0BmaXJzdE5hbWV9fVxuICAgICAgICAgIDxDb21wb25lbnQ0IEBuYW1lPVwiY29tcG9uZW50NFwiLz5cbiAgICAgICAgICA8Q29tcG9uZW50NSBAbmFtZT1cImNvbXBvbmVudDVcIi8+XG4gICAgICAgIGAsXG4gICAgICAgIHtcbiAgICAgICAgICBzdHJpY3RNb2RlOiB0cnVlLFxuICAgICAgICAgIHNjb3BlOiB7IENvbXBvbmVudDQsIENvbXBvbmVudDUgfSxcbiAgICAgICAgfVxuICAgICAgKSxcbiAgICAgIENvbXBvbmVudDJcbiAgICApO1xuXG4gICAgY29uc3QgZW1wdHlUZW1wbGF0ZSA9IHByZWNvbXBpbGVUZW1wbGF0ZSgnJyk7XG5cbiAgICBzZXRDb21wb25lbnRUZW1wbGF0ZShlbXB0eVRlbXBsYXRlLCBDb21wb25lbnQzKTtcbiAgICBzZXRDb21wb25lbnRUZW1wbGF0ZShlbXB0eVRlbXBsYXRlLCBDb21wb25lbnQ0KTtcbiAgICBzZXRDb21wb25lbnRUZW1wbGF0ZShlbXB0eVRlbXBsYXRlLCBDb21wb25lbnQ1KTtcblxuICAgIGF3YWl0IHJlbmRlcihDb21wb25lbnQxLCB7IGFyZ3M6IHsgbmFtZTogJ2NvbXBvbmVudDEnIH0gfSk7XG5cbiAgICBhc3NlcnQuZGVlcEVxdWFsKGludm9jYXRpb25zLCBbXG4gICAgICBbJ2NvbXBvbmVudDEnLCAnY29uc3RydWN0b3InXSxcbiAgICAgIFsnY29tcG9uZW50MicsICdjb25zdHJ1Y3RvciddLFxuICAgICAgWydjb21wb25lbnQ0JywgJ2NvbnN0cnVjdG9yJ10sXG4gICAgICBbJ2NvbXBvbmVudDUnLCAnY29uc3RydWN0b3InXSxcbiAgICAgIFsnY29tcG9uZW50MycsICdjb25zdHJ1Y3RvciddLFxuICAgIF0pO1xuXG4gICAgaW52b2NhdGlvbnMgPSBbXTtcblxuICAgIGNvbXBvbmVudDEhLnNob3dDaGlsZHJlbiA9IGZhbHNlO1xuXG4gICAgYXdhaXQgc2V0dGxlZCgpO1xuXG4gICAgYXNzZXJ0LmRlZXBFcXVhbChpbnZvY2F0aW9ucywgW1xuICAgICAgWydjb21wb25lbnQyJywgJ3dpbGxEZXN0cm95J10sXG4gICAgICBbJ2NvbXBvbmVudDQnLCAnd2lsbERlc3Ryb3knXSxcbiAgICAgIFsnY29tcG9uZW50NScsICd3aWxsRGVzdHJveSddLFxuICAgICAgWydjb21wb25lbnQzJywgJ3dpbGxEZXN0cm95J10sXG4gICAgXSk7XG4gIH0pO1xufSk7XG4iXX0=

package/ember-addon-main.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  name: '@norith/glimmer-component',
+};

package/index.ts

@@ -0,0 +1 @@
+export { default } from './src/component';

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "@norith/glimmer-component",
+  "version": "1.0.0",
+  "description": "Glimmer component library",
+  "keywords": [
+    "ember-addon"
+  ],
+  "license": "MIT",
+  "main": "dist/commonjs/index.js",
+  "module": "dist/modules/index.js",
+  "contributors": [
+    "Dan Gebhardt <dan@cerebris.com>",
+    "Robert Jackson <me@rwjblue.com>",
+    "Tom Dale <tom@tomdale.net>"
+  ],
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/snorith/glimmer.js.git"
+  },
+  "scripts": {
+    "build": "ember build",
+    "lint:js": "eslint .",
+    "start": "ember serve",
+    "test": "ember test",
+    "test:all": "ember try:each"
+  },
+  "dependencies": {
+    "@norith/glimmer-core": "1.0.0",
+    "@glimmer/env": "^0.1.7",
+    "@glimmer/util": "0.84.0",
+    "broccoli-file-creator": "^2.1.1",
+    "broccoli-merge-trees": "^3.0.2",
+    "ember-cli-babel": "^7.23.0",
+    "ember-cli-get-component-path-option": "^1.0.0",
+    "ember-cli-is-package-missing": "^1.0.0",
+    "ember-cli-normalize-entity-name": "^1.0.0",
+    "ember-cli-path-utils": "^1.0.0",
+    "ember-cli-string-utils": "^1.1.0",
+    "ember-cli-typescript": "^5.0.0",
+    "ember-compatibility-helpers": "^1.1.2"
+  },
+  "devDependencies": {
+    "@ember/optional-features": "^2.0.0",
+    "@ember/test-helpers": "^2.6.0",
+    "@embroider/test-setup": "^1.2.0",
+    "@glimmer/application-test-helpers": "^1.0.0",
+    "@glimmer/compiler": "0.84.0",
+    "@glimmer/interfaces": "0.84.0",
+    "@glimmer/resolver": "^0.4.3",
+    "@norith/glimmer-tracking": "1.0.0",
+    "@glimmer/wire-format": "0.84.0",
+    "@types/ember": "~4.0.0",
+    "@types/ember-qunit": "~5.0.0",
+    "@types/ember-testing-helpers": "^0.0.4",
+    "@types/ember__destroyable": "^4.0.0",
+    "@types/ember__test-helpers": "~2.6.1",
+    "@types/qunit": "^2.5.3",
+    "@types/rsvp": "^4.0.2",
+    "babel-eslint": "^10.1.0",
+    "broccoli-asset-rev": "^2.7.0",
+    "broccoli-funnel": "^2.0.1",
+    "ember-auto-import": "^2.4.0",
+    "ember-cli": "~3.27.0",
+    "ember-cli-blueprint-test-helpers": "^0.19.1",
+    "ember-cli-dependency-checker": "^3.2.0",
+    "ember-cli-htmlbars": "^6.0.0",
+    "ember-cli-inject-live-reload": "^2.0.2",
+    "ember-disable-prototype-extensions": "^1.1.3",
+    "ember-export-application-global": "^2.0.1",
+    "ember-load-initializers": "^2.1.2",
+    "ember-maybe-import-regenerator": "^0.1.6",
+    "ember-qunit": "^5.1.1",
+    "ember-resolver": "^8.0.2",
+    "ember-source": "~3.24.0",
+    "ember-source-channel-url": "^3.0.0",
+    "ember-try": "^1.3.0",
+    "eslint-config-prettier": "^7.1.0",
+    "eslint-plugin-ember": "^10.1.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "loader.js": "^4.7.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.2.1",
+    "qunit": "^2.13.0",
+    "qunit-dom": "^2.0.0",
+    "typescript": "~4.2.3",
+    "webpack": "^5.69.0"
+  },
+  "typesVersions": {
+    "*": {
+      "-private/*": [
+        "dist/modules/addon/-private/*"
+      ]
+    }
+  },
+  "engines": {
+    "node": "12.* || 14.* || >= 16"
+  },
+  "ember": {
+    "edition": "octane"
+  },
+  "ember-addon": {
+    "configPath": "tests/dummy/config",
+    "defaultBlueprint": "install-glimmer-component",
+    "main": "ember-addon-main.js"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  }
+}

package/src/component-manager.ts

@@ -0,0 +1,24 @@
+import { componentCapabilities } from '@norith/glimmer-core';
+
+import BaseComponentManager from '../addon/-private/base-component-manager';
+import GlimmerComponent, { setDestroying, setDestroyed } from '../addon/-private/component';
+
+const CAPABILITIES = componentCapabilities('3.13', {
+  destructor: true,
+});
+
+/**
+ * This component manager runs in Glimmer.js environments and extends the base component manager to:
+ *
+ * 1. Implement a lightweight destruction protocol (currently not deferred, like in Ember)
+ * 2. Invoke legacy component lifecycle hooks (didInsertElement and didUpdate)
+ */
+export default class GlimmerComponentManager extends BaseComponentManager<GlimmerComponent> {
+  capabilities = CAPABILITIES;
+
+  destroyComponent(component: GlimmerComponent): void {
+    setDestroying(component);
+    component.willDestroy();
+    setDestroyed(component);
+  }
+}

package/src/component.ts

@@ -0,0 +1,22 @@
+import { setComponentManager, setOwner } from '@norith/glimmer-core';
+import GlimmerComponentManager from './component-manager';
+import _GlimmerComponent, { Args } from '../addon/-private/component';
+import { DEBUG } from '@glimmer/env';
+
+export default class GlimmerComponent<S = unknown> extends _GlimmerComponent<S> {
+  constructor(owner: object, args: Args<S>) {
+    super(owner, args);
+
+    if (DEBUG && !(owner !== null && typeof owner === 'object')) {
+      throw new Error(
+        `You must pass both the owner and args to super() in your component: ${this.constructor.name}. You can pass them directly, or use ...arguments to pass all arguments through.`
+      );
+    }
+
+    setOwner(this, owner);
+  }
+}
+
+setComponentManager((owner: {}) => {
+  return new GlimmerComponentManager(owner);
+}, GlimmerComponent);

package/test/ember/dummy/app/app.js

@@ -0,0 +1,14 @@
+import Application from '@ember/application';
+import Resolver from './resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+const App = Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver,
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;

package/test/ember/dummy/app/components/conference-speakers.js

@@ -0,0 +1,22 @@
+import Component from '@norith/glimmer-component';
+import { action, set, computed } from '@ember/object';
+
+export default class ConferenceSpeakers extends Component {
+  current = 0;
+  speakers = ['Tom', 'Yehuda', 'Ed'];
+
+  @computed('current')
+  get currentlySpeaking() {
+    return this.speakers[this.current];
+  }
+
+  @computed('current')
+  get moreSpeakers() {
+    return this.speakers.length - 1 > this.current;
+  }
+
+  @action
+  next() {
+    set(this, 'current', this.current + 1);
+  }
+}

package/test/ember/dummy/app/config/environment.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Type declarations for
+ *    import config from './config/environment'
+ *
+ * For now these need to be managed by the developer
+ * since different ember addons can materialize new entries.
+ */
+declare const config: {
+  environment: unknown;
+  modulePrefix: string;
+  podModulePrefix: string;
+  locationType: string;
+  rootURL: string;
+};
+
+export default config;

package/test/ember/dummy/app/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Dummy</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/dummy.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/dummy.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>

package/test/ember/dummy/app/resolver.js

@@ -0,0 +1,3 @@
+import Resolver from 'ember-resolver';
+
+export default Resolver;

package/test/ember/dummy/app/router.js

@@ -0,0 +1,13 @@
+import EmberRouter from '@ember/routing/router';
+import config from './config/environment';
+
+const Router = EmberRouter.extend({
+  location: config.locationType,
+  rootURL: config.rootURL,
+});
+
+Router.map(function () {
+  this.route('conference-speakers');
+});
+
+export default Router;

package/test/ember/dummy/app/templates/application.hbs

@@ -0,0 +1,3 @@
+<h2 id="title">Welcome to Ember</h2>
+
+{{outlet}}

package/test/ember/dummy/app/templates/components/conference-speakers.hbs

@@ -0,0 +1,14 @@
+<div>
+  <p>Speaking: {{this.currentlySpeaking}}</p>
+  <ul>
+    {{#each this.speakers key="@index" as |speaker|}}
+      <li>{{speaker}}</li>
+    {{/each}}
+  </ul>
+
+  {{#if this.moreSpeakers}}
+    <button onclick={{this.next}}>Next</button>
+  {{else}}
+    <p>All finished!</p>
+  {{/if}}
+</div>

package/test/ember/dummy/app/templates/conference-speakers.hbs

@@ -0,0 +1 @@
+<ConferenceSpeakers />

package/test/ember/dummy/config/environment.js

@@ -0,0 +1,51 @@
+'use strict';
+
+module.exports = function (environment) {
+  const ENV = {
+    modulePrefix: 'dummy',
+    environment,
+    rootURL: '/',
+    locationType: 'auto',
+    EmberENV: {
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. 'with-controller': true
+      },
+      EXTEND_PROTOTYPES: {
+        // Prevent Ember Data from overriding Date.parse.
+        Date: false,
+      },
+    },
+
+    APP: {
+      // Here you can pass flags/options to your application instance
+      // when it is created
+    },
+  };
+
+  if (environment === 'development') {
+    // ENV.APP.LOG_RESOLVER = true;
+    // ENV.APP.LOG_ACTIVE_GENERATION = true;
+    // ENV.APP.LOG_TRANSITIONS = true;
+    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
+    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+  }
+
+  if (environment === 'test') {
+    // Testem prefers this...
+    ENV.locationType = 'none';
+
+    // keep test console output quieter
+    ENV.APP.LOG_ACTIVE_GENERATION = false;
+    ENV.APP.LOG_VIEW_LOOKUPS = false;
+
+    ENV.APP.rootElement = '#ember-testing';
+    ENV.APP.autoboot = false;
+  }
+
+  if (environment === 'production') {
+    // here you can enable a production-specific feature
+  }
+
+  return ENV;
+};

package/test/ember/dummy/config/optional-features.json

@@ -0,0 +1,6 @@
+{
+  "application-template-wrapper": false,
+  "default-async-observers": true,
+  "jquery-integration": false,
+  "template-only-glimmer-components": true
+}

package/test/ember/dummy/config/targets.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const browsers = ['last 1 Chrome versions', 'last 1 Firefox versions', 'last 1 Safari versions'];
+
+const isCI = !!process.env.CI;
+const isProduction = process.env.EMBER_ENV === 'production';
+
+if (isCI || isProduction) {
+  browsers.push('ie 11');
+}
+
+module.exports = {
+  browsers,
+};

package/test/ember/dummy/public/robots.txt

@@ -0,0 +1,3 @@
+# http://www.robotstxt.org
+User-agent: *
+Disallow:

package/test/ember/index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Dummy Tests</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+    {{content-for "test-head"}}
+
+    <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/dummy.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/test-support.css">
+
+    {{content-for "head-footer"}}
+    {{content-for "test-head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+    {{content-for "test-body"}}
+
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <div id="ember-testing-container">
+        <div id="ember-testing"></div>
+      </div>
+    </div>
+
+    <script src="/testem.js" integrity="" data-embroider-ignore></script>
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/test-support.js"></script>
+    <script src="{{rootURL}}assets/dummy.js"></script>
+    <script src="{{rootURL}}assets/tests.js"></script>
+
+    {{content-for "body-footer"}}
+    {{content-for "test-body-footer"}}
+  </body>
+</html>

package/test/ember/integration/components/glimmer-component-guide-test.js

@@ -0,0 +1,42 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render, click } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | glimmer.js guide example', function (hooks) {
+  setupRenderingTest(hooks);
+
+  hooks.beforeEach(function (assert) {
+    assert.validateSpeakers = (speakerNames, currentSpeaker) => {
+      const items = this.element.querySelectorAll('li');
+      assert.equal(items.length, speakerNames.length, 'correct number of entires found');
+
+      for (let i = 0; i < speakerNames.length; i++) {
+        assert.dom(items[i]).hasText(speakerNames[i]);
+      }
+
+      assert.dom('p').hasText(`Speaking: ${currentSpeaker}`);
+    };
+  });
+
+  test('renders', async function (assert) {
+    await render(hbs`<ConferenceSpeakers />`);
+
+    assert.validateSpeakers(['Tom', 'Yehuda', 'Ed'], 'Tom');
+  });
+
+  test('cycles through speakers', async function (assert) {
+    await render(hbs`<ConferenceSpeakers />`);
+
+    assert.validateSpeakers(['Tom', 'Yehuda', 'Ed'], 'Tom');
+
+    await click('button');
+
+    assert.validateSpeakers(['Tom', 'Yehuda', 'Ed'], 'Yehuda');
+
+    await click('button');
+
+    assert.validateSpeakers(['Tom', 'Yehuda', 'Ed'], 'Ed');
+    assert.dom('button').doesNotExist();
+  });
+});