@haklex/rich-dynamic-protocol 0.25.0

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export interface DynamicHostContext {
+    theme: 'light' | 'dark';
+}
+export interface DynamicMountInput {
+    host: DynamicHostContext;
+    props: Record<string, unknown>;
+}
+export interface DynamicMountHandle {
+    unmount: () => void;
+    update?: (input: DynamicMountInput) => void;
+}
+export interface DynamicComponentModule {
+    mount: (container: HTMLElement, input: DynamicMountInput) => DynamicMountHandle;
+}
+export declare function isDynamicComponentModule(value: unknown): value is DynamicComponentModule;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,KAAK,kBAAkB,CAAC;CACjF;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,sBAAsB,CAMxF"}

package/dist/index.mjs

@@ -0,0 +1,6 @@
+//#region src/index.ts
+function isDynamicComponentModule(value) {
+	return typeof value === "object" && value !== null && typeof value.mount === "function";
+}
+//#endregion
+export { isDynamicComponentModule };

package/dist/react-entry.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { DynamicComponentModule, DynamicHostContext } from './index';
+export declare function defineDynamicComponent(render: (props: Record<string, unknown>, host: DynamicHostContext) => ReactElement): DynamicComponentModule;
+//# sourceMappingURL=react-entry.d.ts.map

package/dist/react-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-entry.d.ts","sourceRoot":"","sources":["../src/react-entry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAC;AAE7F,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,kBAAkB,KAAK,YAAY,GACjF,sBAAsB,CAexB"}

package/dist/react.mjs

@@ -0,0 +1,18 @@
+import { createRoot } from "react-dom/client";
+//#region src/react-entry.ts
+function defineDynamicComponent(render) {
+	return { mount(container, input) {
+		const root = createRoot(container);
+		root.render(render(input.props, input.host));
+		return {
+			update(next) {
+				root.render(render(next.props, next.host));
+			},
+			unmount() {
+				root.unmount();
+			}
+		};
+	} };
+}
+//#endregion
+export { defineDynamicComponent };

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@haklex/rich-dynamic-protocol",
+  "version": "0.25.0",
+  "description": "Mount protocol and authoring helpers for haklex dynamic external components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-dynamic-protocol"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.mjs",
+      "types": "./dist/react-entry.d.ts"
+    }
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "typescript": "^5.9.3",
+    "unplugin-dts": "^1.0.1",
+    "vite": "^8.0.14"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}