@lvce-editor/extension-host-worker 8.24.0 → 8.25.0

package/extension-api/dist/parts/ViewRegistry/ViewRegistry.js

@@ -1,5 +1,8 @@
+import { diffTree } from '@lvce-editor/virtual-dom-worker';
 import { ExtensionApiError } from "../ExtensionApiError/ExtensionApiError.js";
 const views = Object.create(null);
+const instances = Object.create(null);
+const renderedDoms = Object.create(null);
 const assertView = (view) => {
     if (!view) {
         throw new ExtensionApiError('view is not defined');
@@ -15,11 +18,18 @@ const assertView = (view) => {
     }
 };
 const toRegisteredView = (view) => {
-    return {
+    const registeredView = {
         icon: view.icon,
         id: view.id,
         title: view.title,
     };
+    if (view.kind) {
+        return {
+            ...registeredView,
+            kind: view.kind,
+        };
+    }
+    return registeredView;
 };
 export const registerView = (view) => {
     assertView(view);
@@ -37,6 +47,79 @@ export const executeViewProvider = (id) => {
     }
     return view.create();
 };
+const assertVirtualDomViewInstance = (id, instance) => {
+    if (!instance || typeof instance !== 'object') {
+        throw new ExtensionApiError(`view ${id} did not return a view instance`);
+    }
+    if (typeof instance.render !== 'function') {
+        throw new ExtensionApiError(`view ${id} instance is missing render function`);
+    }
+};
+const getVirtualDomInstance = (uid) => {
+    const instance = instances[uid];
+    if (!instance) {
+        throw new ExtensionApiError(`view instance ${uid} not found`);
+    }
+    return instance;
+};
+const renderDom = async (instance) => {
+    const dom = await instance.render();
+    if (!Array.isArray(dom)) {
+        throw new ExtensionApiError('view render result must be an array');
+    }
+    return dom;
+};
+export const createViewInstance = async (viewId, uid, context) => {
+    const view = views[viewId];
+    if (!view) {
+        throw new ExtensionApiError(`view ${viewId} not found`);
+    }
+    if (view.kind !== 'virtualDom') {
+        throw new ExtensionApiError(`view ${viewId} is not a virtual dom view`);
+    }
+    const instance = await view.create({
+        ...context,
+        uid,
+        viewId,
+    });
+    assertVirtualDomViewInstance(viewId, instance);
+    instances[uid] = instance;
+    const dom = await renderDom(instance);
+    renderedDoms[uid] = dom;
+    return {
+        dom,
+        type: 'setDom',
+    };
+};
+export const dispatchViewEvent = async (uid, event) => {
+    const instance = getVirtualDomInstance(uid);
+    if (typeof instance.handleEvent === 'function') {
+        await instance.handleEvent(event);
+    }
+    const oldDom = renderedDoms[uid] || [];
+    const newDom = await renderDom(instance);
+    renderedDoms[uid] = newDom;
+    const patches = diffTree(oldDom, newDom);
+    return {
+        patches,
+        type: 'setPatches',
+    };
+};
+export const disposeViewInstance = async (uid) => {
+    const instance = instances[uid];
+    if (instance && typeof instance.dispose === 'function') {
+        await instance.dispose();
+    }
+    delete instances[uid];
+    delete renderedDoms[uid];
+};
+export const saveViewInstanceState = async (uid) => {
+    const instance = getVirtualDomInstance(uid);
+    if (typeof instance.saveState !== 'function') {
+        return undefined;
+    }
+    return instance.saveState();
+};
 export const getViewRegistrySnapshot = () => {
     return {
         views: Object.values(views).map(toRegisteredView),
@@ -46,4 +129,10 @@ export const resetViewRegistry = () => {
     for (const id of Object.keys(views)) {
         delete views[id];
     }
+    for (const uid of Object.keys(instances)) {
+        delete instances[Number(uid)];
+    }
+    for (const uid of Object.keys(renderedDoms)) {
+        delete renderedDoms[Number(uid)];
+    }
 };

package/extension-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/api",
-  "version": "8.24.0",
+  "version": "8.25.0",
   "description": "Tree-shakeable extension API for Lvce Editor extensions.",
   "keywords": [
     "lvce-editor",
@@ -28,6 +28,7 @@
   "sideEffects": false,
   "dependencies": {
     "@lvce-editor/rpc": "^6.4.0",
-    "@lvce-editor/rpc-registry": "^9.24.0"
+    "@lvce-editor/rpc-registry": "^9.24.0",
+    "@lvce-editor/virtual-dom-worker": "^10.0.0"
   }
 }