Merge pull request #20751 from emberjs/glimmer-component

Bring @glimmer/component into ember repo

Author: ef4

.github/workflows/ci.yml

@@ -43,6 +43,8 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/setup
+      - name: build types
+        run: pnpm build:types
       - name: Check published and internal types
         run: pnpm type-check
 

package.json

@@ -111,7 +111,7 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/types": "^7.22.5",
     "@embroider/shared-internals": "^2.5.0",
-    "@glimmer/component": "^1.1.2",
+    "@glimmer/component": "workspace:^",
     "@rollup/plugin-babel": "^6.0.4",
     "@simple-dom/document": "^1.4.0",
     "@swc-node/register": "^1.6.8",
@@ -173,7 +173,7 @@
     }
   },
   "peerDependencies": {
-    "@glimmer/component": "^1.1.2"
+    "@glimmer/component": ">= 1.1.2"
   },
   "engines": {
     "node": ">= 18.*"

packages/@ember/-internals/package.json

@@ -3,6 +3,7 @@
   "version": "0.0.0",
   "description": "Internal APIs shared by Ember packages. Warning: this package does not follow SemVer and is subject to break at any time!",
   "type": "module",
+  "private": true,
   "exports": {
     "./browser-environment": "./browser-environment/index.ts",
     "./container": "./container/index.ts",
@@ -23,7 +24,7 @@
     "@ember/application": "workspace:*",
     "@ember/array": "workspace:*",
     "@ember/canary-features": "workspace:*",
-    "@ember/component": "workspace:*",
+    "@ember/component": "workspace:^",
     "@ember/controller": "workspace:*",
     "@ember/debug": "workspace:*",
     "@ember/destroyable": "workspace:*",
@@ -40,7 +41,7 @@
     "@ember/template-factory": "workspace:*",
     "@ember/utils": "workspace:*",
     "@glimmer/compiler": "0.92.4",
-    "@glimmer/component": "^1.1.2",
+    "@glimmer/component": "workspace:^",
     "@glimmer/destroyable": "0.92.3",
     "@glimmer/env": "^0.1.7",
     "@glimmer/global-context": "0.92.3",

packages/@ember/owner/package.json

@@ -13,8 +13,8 @@
     "@ember/object": "workspace:*",
     "@ember/routing": "workspace:*",
     "@ember/runloop": "workspace:*",
-    "@glimmer/component": "^1.1.2",
+    "@glimmer/component": "workspace:^",
     "@glimmer/env": "^0.1.7",
     "expect-type": "^0.15.0"
   }
-}
+}

packages/@glimmer/component/addon-main.cjs

@@ -0,0 +1,5 @@
+/* eslint-env node */
+'use strict';
+
+const { addonV1Shim } = require('@embroider/addon-shim');
+module.exports = addonV1Shim(__dirname);

packages/@glimmer/component/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@glimmer/component",
+  "version": "2.0.0",
+  "description": "Glimmer component library",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "keywords": [
+    "ember-addon"
+  ],
+  "license": "MIT",
+  "contributors": [
+    "Dan Gebhardt <[email protected]>",
+    "Robert Jackson <[email protected]>",
+    "Tom Dale <[email protected]>"
+  ],
+  "repository": "https://github.com/emberjs/ember.js",
+  "scripts": {},
+  "dependencies": {
+    "@embroider/addon-shim": "^1.8.9",
+    "@glimmer/env": "^0.1.7"
+  },
+  "devDependencies": {
+    "typescript": "5.1"
+  },
+  "engines": {
+    "node": ">= 18"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/*"
+      ]
+    }
+  },
+  "ember-addon": {
+    "type": "addon",
+    "version": 2,
+    "main": "addon-main.cjs"
+  }
+}

packages/@glimmer/component/src/-private/base-component-manager.ts

@@ -0,0 +1,34 @@
+import { DEBUG } from '@glimmer/env';
+import type { Arguments, ComponentManager, ComponentCapabilities } from '@glimmer/interfaces';
+import { type default as BaseComponent, ARGS_SET } from './component';
+
+export interface Constructor<T> {
+  new (owner: unknown, args: Record<string, unknown>): T;
+}
+
+export default abstract class BaseComponentManager<GlimmerComponent extends BaseComponent>
+  implements ComponentManager<GlimmerComponent>
+{
+  abstract capabilities: ComponentCapabilities;
+
+  private owner: unknown;
+
+  constructor(owner: unknown) {
+    this.owner = owner;
+  }
+
+  createComponent(
+    ComponentClass: Constructor<GlimmerComponent>,
+    args: Arguments
+  ): GlimmerComponent {
+    if (DEBUG) {
+      ARGS_SET.set(args.named, true);
+    }
+
+    return new ComponentClass(this.owner, args.named);
+  }
+
+  getContext(component: GlimmerComponent): GlimmerComponent {
+    return component;
+  }
+}