ctrl-fx 0.0.1 → 0.1.0

package/dist/webcomponent.js

@@ -0,0 +1,43 @@
+import { ComponentManager } from './internal/cmpmgr';
+import { domInterpreter } from './internal/dominterpreter';
+import { realStyleRegistry } from './internal/styleregistry';
+/**
+ * Registers a ctrl-fx Component as a native custom element. Component events are dispatched as
+ * CustomEvents using the name returned by `options.events`.
+ * @param tagName the custom element tag name (must contain a hyphen)
+ * @param component the ctrl-fx component to mount
+ * @param options optional configuration
+ */
+export function defineWebComponent(tagName, component, options) {
+    class CtrlFxElement extends HTMLElement {
+        constructor() {
+            super(...arguments);
+            Object.defineProperty(this, "_mgr", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: null
+            });
+        }
+        connectedCallback() {
+            const shadow = this.attachShadow({ mode: 'open' });
+            const mount = document.createElement('div');
+            shadow.appendChild(mount);
+            this._mgr = new ComponentManager(component, mount, globalThis.window, domInterpreter, realStyleRegistry(), (event) => {
+                const eventName = options?.events
+                    ? options.events(event)
+                    : 'event';
+                this.dispatchEvent(new CustomEvent(eventName, {
+                    detail: event,
+                    bubbles: true,
+                    composed: true,
+                }));
+            });
+        }
+        disconnectedCallback() {
+            this._mgr?.destroy();
+            this._mgr = null;
+        }
+    }
+    customElements.define(tagName, CtrlFxElement);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ctrl-fx",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "A no-dependency, purely functional TypeScript framework for building web applications",
   "type": "module",
   "license": "Apache-2.0",