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

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

@@ -9,16 +9,40 @@ const getType = (value) => {
   }
   return typeof value;
 };
+const sanitizeCompletionItem = (item) => {
+  const sanitizedItem = {};
+  for (const [key, value] of Object.entries(item)) {
+    if (typeof value !== "function") {
+      sanitizedItem[key] = value;
+    }
+  }
+  const { kind: itemKind, type } = item;
+  let kind = 0;
+  if (typeof itemKind === "number") {
+    kind = itemKind;
+  } else if (typeof type === "number") {
+    kind = type;
+  }
+  return {
+    ...sanitizedItem,
+    flags: typeof item.flags === "number" ? item.flags : 0,
+    kind,
+    label: typeof item.label === "string" ? item.label : "",
+    matches: Array.isArray(item.matches) ? item.matches : []
+  };
+};
 const validateCompletionResult = (completion) => {
   if (!Array.isArray(completion)) {
     throw new ExtensionApiError(`invalid completion result: completion must be of type array but is ${getType(completion)}`);
   }
+  const completionItems = [];
   for (const item of completion) {
     if (!item || typeof item !== "object" || Array.isArray(item)) {
       throw new ExtensionApiError(`invalid completion result: expected completion item to be of type object but was of type ${getType(item)}`);
     }
+    completionItems.push(sanitizeCompletionItem(item));
   }
-  return completion;
+  return completionItems;
 };
 const registry = createProviderRegistry({
   mapProvider(provider) {
@@ -63,7 +87,10 @@ const executeResolveCompletionItemProvider = async (textDocument, offset, name,
 const getCompletionProviders = registry.getProviders;
 const getCompletionProviderRegistrySnapshot = () => {
   return {
-    providers: registry.getProviders()
+    providers: registry.getProviders().map((provider) => ({
+      id: provider.id,
+      languageId: provider.languageId
+    }))
   };
 };
 const resetCompletionProviderRegistry = registry.reset;

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

@@ -52,7 +52,10 @@ const executeDiagnosticProvider = async (textDocument, ...args) => {
 const getDiagnosticProviders = registry.getProviders;
 const getDiagnosticProviderRegistrySnapshot = () => {
   return {
-    providers: registry.getProviders()
+    providers: registry.getProviders().map((provider) => ({
+      id: provider.id,
+      languageId: provider.languageId
+    }))
   };
 };
 const resetDiagnosticProviderRegistry = registry.reset;

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

@@ -5,8 +5,18 @@ import { executeFormattingProvider, getFormattingProviderRegistrySnapshot } from
 import { getStatusBarItems } from "../GetStatusBarItems/GetStatusBarItems.js";
 import { executeHoverProvider, getHoverProviderRegistrySnapshot } from "../Hover/Hover.js";
 import { getOutputChannelRegistrySnapshot } from "../OutputChannel/OutputChannel.js";
-import { executeViewProvider, getViewRegistrySnapshot } from "../ViewRegistry/ViewRegistry.js";
+import {
+  createViewInstance,
+  dispatchViewEvent,
+  disposeViewInstance,
+  executeViewProvider,
+  getViewRegistrySnapshot,
+  saveViewInstanceState
+} from "../ViewRegistry/ViewRegistry.js";
 const commandMap = {
+  "ExtensionApi.createViewInstance": createViewInstance,
+  "ExtensionApi.dispatchViewEvent": dispatchViewEvent,
+  "ExtensionApi.disposeViewInstance": disposeViewInstance,
   "ExtensionApi.executeCommand": executeCommand,
   "ExtensionApi.executeCompletionProvider": executeCompletionProvider,
   "ExtensionApi.executeDiagnosticProvider": executeDiagnosticProvider,
@@ -21,7 +31,8 @@ const commandMap = {
   "ExtensionApi.getHoverProviderRegistrySnapshot": getHoverProviderRegistrySnapshot,
   "ExtensionApi.getOutputChannelRegistrySnapshot": getOutputChannelRegistrySnapshot,
   "ExtensionApi.getStatusBarItems": getStatusBarItems,
-  "ExtensionApi.getViewRegistrySnapshot": getViewRegistrySnapshot
+  "ExtensionApi.getViewRegistrySnapshot": getViewRegistrySnapshot,
+  "ExtensionApi.saveViewInstanceState": saveViewInstanceState
 };
 export {
   commandMap

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

@@ -28,7 +28,10 @@ const executeFormattingProvider = async (textDocument, ...args) => {
 const getFormattingProviders = registry.getProviders;
 const getFormattingProviderRegistrySnapshot = () => {
   return {
-    providers: registry.getProviders()
+    providers: registry.getProviders().map((provider) => ({
+      id: provider.id,
+      languageId: provider.languageId
+    }))
   };
 };
 const resetFormattingProviderRegistry = registry.reset;

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

@@ -50,7 +50,10 @@ const executeHoverProvider = async (textDocument, offset, ...args) => {
 const getHoverProviders = registry.getProviders;
 const getHoverProviderRegistrySnapshot = () => {
   return {
-    providers: registry.getProviders()
+    providers: registry.getProviders().map((provider) => ({
+      id: provider.id,
+      languageId: provider.languageId
+    }))
   };
 };
 const resetHoverProviderRegistry = registry.reset;

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

@@ -38,7 +38,9 @@ const getStatusBarItems = () => {
 };
 const getStatusBarItemProviderRegistrySnapshot = () => {
   return {
-    providers: registry.getProviders()
+    providers: registry.getProviders().map((provider) => ({
+      id: provider.id
+    }))
   };
 };
 const resetStatusBarItemProviderRegistry = registry.reset;

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

@@ -1,5 +1,8 @@
+import { diffTree } from "@lvce-editor/virtual-dom-worker";
 import { ExtensionApiError } from "../ExtensionApiError/ExtensionApiError.js";
 const views = /* @__PURE__ */ Object.create(null);
+const instances = /* @__PURE__ */ Object.create(null);
+const renderedDoms = /* @__PURE__ */ 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;
 };
 const registerView = (view) => {
   assertView(view);
@@ -37,6 +47,79 @@ 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;
+};
+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"
+  };
+};
+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"
+  };
+};
+const disposeViewInstance = async (uid) => {
+  const instance = instances[uid];
+  if (instance && typeof instance.dispose === "function") {
+    await instance.dispose();
+  }
+  delete instances[uid];
+  delete renderedDoms[uid];
+};
+const saveViewInstanceState = async (uid) => {
+  const instance = getVirtualDomInstance(uid);
+  if (typeof instance.saveState !== "function") {
+    return void 0;
+  }
+  return instance.saveState();
+};
 const getViewRegistrySnapshot = () => {
   return {
     views: Object.values(views).map(toRegisteredView)
@@ -46,10 +129,20 @@ 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)];
+  }
 };
 export {
+  createViewInstance,
+  dispatchViewEvent,
+  disposeViewInstance,
   executeViewProvider,
   getViewRegistrySnapshot,
   registerView,
-  resetViewRegistry
+  resetViewRegistry,
+  saveViewInstanceState
 };

package/extension-api/dist/index.d.ts

@@ -6,10 +6,10 @@ export { executeCompletionProvider, executeResolveCompletionItemProvider, getCom
 export { executeDiagnosticProvider, getDiagnosticProviderRegistrySnapshot, registerDiagnosticProvider, resetDiagnosticProviderRegistry, } from './parts/Diagnostic/Diagnostic.ts';
 export { executeFormattingProvider, getFormattingProviderRegistrySnapshot, registerFormattingProvider, resetFormattingProviderRegistry, } from './parts/Formatting/Formatting.ts';
 export { executeHoverProvider, getHoverProviderRegistrySnapshot, registerHoverProvider, resetHoverProviderRegistry } from './parts/Hover/Hover.ts';
-export { executeViewProvider, getViewRegistrySnapshot, registerView, resetViewRegistry } from './parts/ViewRegistry/ViewRegistry.ts';
+export { createViewInstance, dispatchViewEvent, disposeViewInstance, executeViewProvider, getViewRegistrySnapshot, registerView, resetViewRegistry, saveViewInstanceState, } from './parts/ViewRegistry/ViewRegistry.ts';
 export { createOutputChannel, getOutputChannelRegistrySnapshot, resetOutputChannelRegistry } from './parts/OutputChannel/OutputChannel.ts';
 export { getStatusBarItemProviderRegistrySnapshot, registerStatusBarItemProvider, resetStatusBarItemProviderRegistry, } from './parts/StatusBar/StatusBar.ts';
-export type { RegisteredView, View, ViewRegistrySnapshot } from './parts/View/View.ts';
+export type { RegisteredView, View, ViewContext, ViewEvent, ViewKind, ViewRegistrySnapshot, ViewRenderResult, VirtualDomViewInstance, } from './parts/View/View.ts';
 export { handleExtensionManagementMessagePort } from './parts/HandleExtensionManagementMessagePort/HandleExtensionManagementMessagePort.ts';
 export type { Command } from './parts/Command/Command.ts';
 export type { CommandCallback } from './parts/CommandCallback/CommandCallback.ts';

package/extension-api/dist/index.js

@@ -6,7 +6,7 @@ export { executeCompletionProvider, executeResolveCompletionItemProvider, getCom
 export { executeDiagnosticProvider, getDiagnosticProviderRegistrySnapshot, registerDiagnosticProvider, resetDiagnosticProviderRegistry, } from "./parts/Diagnostic/Diagnostic.js";
 export { executeFormattingProvider, getFormattingProviderRegistrySnapshot, registerFormattingProvider, resetFormattingProviderRegistry, } from "./parts/Formatting/Formatting.js";
 export { executeHoverProvider, getHoverProviderRegistrySnapshot, registerHoverProvider, resetHoverProviderRegistry } from "./parts/Hover/Hover.js";
-export { executeViewProvider, getViewRegistrySnapshot, registerView, resetViewRegistry } from "./parts/ViewRegistry/ViewRegistry.js";
+export { createViewInstance, dispatchViewEvent, disposeViewInstance, executeViewProvider, getViewRegistrySnapshot, registerView, resetViewRegistry, saveViewInstanceState, } from "./parts/ViewRegistry/ViewRegistry.js";
 export { createOutputChannel, getOutputChannelRegistrySnapshot, resetOutputChannelRegistry } from "./parts/OutputChannel/OutputChannel.js";
 export { getStatusBarItemProviderRegistrySnapshot, registerStatusBarItemProvider, resetStatusBarItemProviderRegistry, } from "./parts/StatusBar/StatusBar.js";
 export { handleExtensionManagementMessagePort } from "./parts/HandleExtensionManagementMessagePort/HandleExtensionManagementMessagePort.js";

package/extension-api/dist/parts/CommandMap/CommandMap.d.ts

@@ -1,5 +1,8 @@
 export declare const commandMap: {
     initialize(type: string, port: MessagePort): Promise<void>;
+    'ExtensionApi.createViewInstance': (viewId: string, uid: number, context?: import("../View/View.ts").ViewContext) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.dispatchViewEvent': (uid: number, event: import("../View/View.ts").ViewEvent) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.disposeViewInstance': (uid: number) => Promise<void>;
     'ExtensionApi.executeCommand': (id: string, ...args: readonly unknown[]) => Promise<unknown>;
     'ExtensionApi.executeCompletionProvider': (textDocument: import("../CompletionTextDocument/CompletionTextDocument.ts").TextDocument, offset: number, ...args: readonly unknown[]) => Promise<readonly import("../CompletionItem/CompletionItem.ts").CompletionItem[]>;
     'ExtensionApi.executeDiagnosticProvider': (textDocument: import("../DiagnosticTextDocument/DiagnosticTextDocument.ts").TextDocument, ...args: readonly unknown[]) => Promise<readonly import("../DiagnosticResult/DiagnosticResult.ts").Diagnostic[]>;
@@ -15,4 +18,5 @@ export declare const commandMap: {
     'ExtensionApi.getOutputChannelRegistrySnapshot': () => import("../OutputChannelRegistrySnapshot/OutputChannelRegistrySnapshot.ts").OutputChannelRegistrySnapshot;
     'ExtensionApi.getStatusBarItems': () => readonly import("../StatusBarItem/StatusBarItem.ts").StatusBarItem[];
     'ExtensionApi.getViewRegistrySnapshot': () => import("../View/View.ts").ViewRegistrySnapshot;
+    'ExtensionApi.saveViewInstanceState': (uid: number) => Promise<unknown>;
 };

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

@@ -30,7 +30,9 @@ export const registerCommand = (command) => {
 };
 export const getCommandRegistrySnapshot = () => {
     return {
-        commands: Object.values(commands),
+        commands: Object.values(commands).map((command) => ({
+            id: command.id,
+        })),
     };
 };
 export const executeCommand = async (id, ...args) => {

package/extension-api/dist/parts/CommandRegistrySnapshot/CommandRegistrySnapshot.d.ts

@@ -1,4 +1,5 @@
-import type { RegisteredCommand } from '../RegisteredCommand/RegisteredCommand.ts';
 export interface CommandRegistrySnapshot {
-    readonly commands: readonly RegisteredCommand[];
+    readonly commands: readonly {
+        readonly id: string;
+    }[];
 }

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

@@ -9,16 +9,41 @@ const getType = (value) => {
     }
     return typeof value;
 };
+const sanitizeCompletionItem = (item) => {
+    const sanitizedItem = {};
+    for (const [key, value] of Object.entries(item)) {
+        if (typeof value !== 'function') {
+            sanitizedItem[key] = value;
+        }
+    }
+    const { kind: itemKind, type } = item;
+    let kind = 0;
+    if (typeof itemKind === 'number') {
+        kind = itemKind;
+    }
+    else if (typeof type === 'number') {
+        kind = type;
+    }
+    return {
+        ...sanitizedItem,
+        flags: typeof item.flags === 'number' ? item.flags : 0,
+        kind,
+        label: typeof item.label === 'string' ? item.label : '',
+        matches: Array.isArray(item.matches) ? item.matches : [],
+    };
+};
 const validateCompletionResult = (completion) => {
     if (!Array.isArray(completion)) {
         throw new ExtensionApiError(`invalid completion result: completion must be of type array but is ${getType(completion)}`);
     }
+    const completionItems = [];
     for (const item of completion) {
         if (!item || typeof item !== 'object' || Array.isArray(item)) {
             throw new ExtensionApiError(`invalid completion result: expected completion item to be of type object but was of type ${getType(item)}`);
         }
+        completionItems.push(sanitizeCompletionItem(item));
     }
-    return completion;
+    return completionItems;
 };
 const registry = createProviderRegistry({
     mapProvider(provider) {
@@ -60,7 +85,10 @@ export const executeResolveCompletionItemProvider = async (textDocument, offset,
 export const getCompletionProviders = registry.getProviders;
 export const getCompletionProviderRegistrySnapshot = () => {
     return {
-        providers: registry.getProviders(),
+        providers: registry.getProviders().map((provider) => ({
+            id: provider.id,
+            languageId: provider.languageId,
+        })),
     };
 };
 export const resetCompletionProviderRegistry = registry.reset;

package/extension-api/dist/parts/CompletionProviderRegistrySnapshot/CompletionProviderRegistrySnapshot.d.ts

@@ -1,4 +1,6 @@
-import type { RegisteredCompletionProvider } from '../RegisteredCompletionProvider/RegisteredCompletionProvider.ts';
 export interface CompletionProviderRegistrySnapshot {
-    readonly providers: readonly RegisteredCompletionProvider[];
+    readonly providers: readonly {
+        readonly id: string;
+        readonly languageId: string;
+    }[];
 }

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

@@ -52,7 +52,10 @@ export const executeDiagnosticProvider = async (textDocument, ...args) => {
 export const getDiagnosticProviders = registry.getProviders;
 export const getDiagnosticProviderRegistrySnapshot = () => {
     return {
-        providers: registry.getProviders(),
+        providers: registry.getProviders().map((provider) => ({
+            id: provider.id,
+            languageId: provider.languageId,
+        })),
     };
 };
 export const resetDiagnosticProviderRegistry = registry.reset;

package/extension-api/dist/parts/DiagnosticProviderRegistrySnapshot/DiagnosticProviderRegistrySnapshot.d.ts

@@ -1,4 +1,6 @@
-import type { RegisteredDiagnosticProvider } from '../RegisteredDiagnosticProvider/RegisteredDiagnosticProvider.ts';
 export interface DiagnosticProviderRegistrySnapshot {
-    readonly providers: readonly RegisteredDiagnosticProvider[];
+    readonly providers: readonly {
+        readonly id: string;
+        readonly languageId: string;
+    }[];
 }

package/extension-api/dist/parts/ExtensionApiCommandMap/ExtensionApiCommandMap.d.ts

@@ -1,4 +1,7 @@
 export declare const commandMap: {
+    'ExtensionApi.createViewInstance': (viewId: string, uid: number, context?: import("../View/View.ts").ViewContext) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.dispatchViewEvent': (uid: number, event: import("../View/View.ts").ViewEvent) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.disposeViewInstance': (uid: number) => Promise<void>;
     'ExtensionApi.executeCommand': (id: string, ...args: readonly unknown[]) => Promise<unknown>;
     'ExtensionApi.executeCompletionProvider': (textDocument: import("../CompletionTextDocument/CompletionTextDocument.ts").TextDocument, offset: number, ...args: readonly unknown[]) => Promise<readonly import("../CompletionItem/CompletionItem.ts").CompletionItem[]>;
     'ExtensionApi.executeDiagnosticProvider': (textDocument: import("../DiagnosticTextDocument/DiagnosticTextDocument.ts").TextDocument, ...args: readonly unknown[]) => Promise<readonly import("../DiagnosticResult/DiagnosticResult.ts").Diagnostic[]>;
@@ -14,4 +17,5 @@ export declare const commandMap: {
     'ExtensionApi.getOutputChannelRegistrySnapshot': () => import("../OutputChannelRegistrySnapshot/OutputChannelRegistrySnapshot.ts").OutputChannelRegistrySnapshot;
     'ExtensionApi.getStatusBarItems': () => readonly import("../StatusBarItem/StatusBarItem.ts").StatusBarItem[];
     'ExtensionApi.getViewRegistrySnapshot': () => import("../View/View.ts").ViewRegistrySnapshot;
+    'ExtensionApi.saveViewInstanceState': (uid: number) => Promise<unknown>;
 };

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

@@ -5,8 +5,11 @@ import { executeFormattingProvider, getFormattingProviderRegistrySnapshot } from
 import { getStatusBarItems } from "../GetStatusBarItems/GetStatusBarItems.js";
 import { executeHoverProvider, getHoverProviderRegistrySnapshot } from "../Hover/Hover.js";
 import { getOutputChannelRegistrySnapshot } from "../OutputChannel/OutputChannel.js";
-import { executeViewProvider, getViewRegistrySnapshot } from "../ViewRegistry/ViewRegistry.js";
+import { createViewInstance, dispatchViewEvent, disposeViewInstance, executeViewProvider, getViewRegistrySnapshot, saveViewInstanceState, } from "../ViewRegistry/ViewRegistry.js";
 export const commandMap = {
+    'ExtensionApi.createViewInstance': createViewInstance,
+    'ExtensionApi.dispatchViewEvent': dispatchViewEvent,
+    'ExtensionApi.disposeViewInstance': disposeViewInstance,
     'ExtensionApi.executeCommand': executeCommand,
     'ExtensionApi.executeCompletionProvider': executeCompletionProvider,
     'ExtensionApi.executeDiagnosticProvider': executeDiagnosticProvider,
@@ -22,4 +25,5 @@ export const commandMap = {
     'ExtensionApi.getOutputChannelRegistrySnapshot': getOutputChannelRegistrySnapshot,
     'ExtensionApi.getStatusBarItems': getStatusBarItems,
     'ExtensionApi.getViewRegistrySnapshot': getViewRegistrySnapshot,
+    'ExtensionApi.saveViewInstanceState': saveViewInstanceState,
 };

package/extension-api/dist/parts/ExtensionApiWorkerCommandMap/ExtensionApiWorkerCommandMap.d.ts

@@ -1,6 +1,9 @@
 export declare const commandMap: {
     'HandleMessagePort.handleExtensionManagementMessagePort': (port: MessagePort) => Promise<void>;
     initialize(type: string, port: MessagePort): Promise<void>;
+    'ExtensionApi.createViewInstance': (viewId: string, uid: number, context?: import("../View/View.ts").ViewContext) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.dispatchViewEvent': (uid: number, event: import("../View/View.ts").ViewEvent) => Promise<import("../View/View.ts").ViewRenderResult>;
+    'ExtensionApi.disposeViewInstance': (uid: number) => Promise<void>;
     'ExtensionApi.executeCommand': (id: string, ...args: readonly unknown[]) => Promise<unknown>;
     'ExtensionApi.executeCompletionProvider': (textDocument: import("../CompletionTextDocument/CompletionTextDocument.ts").TextDocument, offset: number, ...args: readonly unknown[]) => Promise<readonly import("../CompletionItem/CompletionItem.ts").CompletionItem[]>;
     'ExtensionApi.executeDiagnosticProvider': (textDocument: import("../DiagnosticTextDocument/DiagnosticTextDocument.ts").TextDocument, ...args: readonly unknown[]) => Promise<readonly import("../DiagnosticResult/DiagnosticResult.ts").Diagnostic[]>;
@@ -16,4 +19,5 @@ export declare const commandMap: {
     'ExtensionApi.getOutputChannelRegistrySnapshot': () => import("../OutputChannelRegistrySnapshot/OutputChannelRegistrySnapshot.ts").OutputChannelRegistrySnapshot;
     'ExtensionApi.getStatusBarItems': () => readonly import("../StatusBarItem/StatusBarItem.ts").StatusBarItem[];
     'ExtensionApi.getViewRegistrySnapshot': () => import("../View/View.ts").ViewRegistrySnapshot;
+    'ExtensionApi.saveViewInstanceState': (uid: number) => Promise<unknown>;
 };

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

@@ -28,7 +28,10 @@ export const executeFormattingProvider = async (textDocument, ...args) => {
 export const getFormattingProviders = registry.getProviders;
 export const getFormattingProviderRegistrySnapshot = () => {
     return {
-        providers: registry.getProviders(),
+        providers: registry.getProviders().map((provider) => ({
+            id: provider.id,
+            languageId: provider.languageId,
+        })),
     };
 };
 export const resetFormattingProviderRegistry = registry.reset;

package/extension-api/dist/parts/FormattingProviderRegistrySnapshot/FormattingProviderRegistrySnapshot.d.ts

@@ -1,4 +1,6 @@
-import type { RegisteredFormattingProvider } from '../RegisteredFormattingProvider/RegisteredFormattingProvider.ts';
 export interface FormattingProviderRegistrySnapshot {
-    readonly providers: readonly RegisteredFormattingProvider[];
+    readonly providers: readonly {
+        readonly id: string;
+        readonly languageId: string;
+    }[];
 }

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

@@ -50,7 +50,10 @@ export const executeHoverProvider = async (textDocument, offset, ...args) => {
 export const getHoverProviders = registry.getProviders;
 export const getHoverProviderRegistrySnapshot = () => {
     return {
-        providers: registry.getProviders(),
+        providers: registry.getProviders().map((provider) => ({
+            id: provider.id,
+            languageId: provider.languageId,
+        })),
     };
 };
 export const resetHoverProviderRegistry = registry.reset;

package/extension-api/dist/parts/HoverProviderRegistrySnapshot/HoverProviderRegistrySnapshot.d.ts

@@ -1,4 +1,6 @@
-import type { RegisteredHoverProvider } from '../RegisteredHoverProvider/RegisteredHoverProvider.ts';
 export interface HoverProviderRegistrySnapshot {
-    readonly providers: readonly RegisteredHoverProvider[];
+    readonly providers: readonly {
+        readonly id: string;
+        readonly languageId: string;
+    }[];
 }

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

@@ -38,7 +38,9 @@ export const getStatusBarItems = () => {
 };
 export const getStatusBarItemProviderRegistrySnapshot = () => {
     return {
-        providers: registry.getProviders(),
+        providers: registry.getProviders().map((provider) => ({
+            id: provider.id,
+        })),
     };
 };
 export const resetStatusBarItemProviderRegistry = registry.reset;

package/extension-api/dist/parts/StatusBarItemProviderRegistrySnapshot/StatusBarItemProviderRegistrySnapshot.d.ts

@@ -1,4 +1,5 @@
-import type { RegisteredStatusBarItemProvider } from '../RegisteredStatusBarItemProvider/RegisteredStatusBarItemProvider.ts';
 export interface StatusBarItemProviderRegistrySnapshot {
-    readonly providers: readonly RegisteredStatusBarItemProvider[];
+    readonly providers: readonly {
+        readonly id: string;
+    }[];
 }

package/extension-api/dist/parts/View/View.d.ts

@@ -1,14 +1,43 @@
+import type { VirtualDomNode } from '@lvce-editor/virtual-dom-worker';
+export type ViewKind = 'virtualDom';
+export interface ViewContext {
+    readonly state?: unknown;
+    readonly uid: number;
+    readonly viewId: string;
+}
+export interface ViewEvent {
+    readonly name?: string;
+    readonly type: string;
+    readonly value?: unknown;
+}
+export interface VirtualDomViewInstance {
+    readonly dispose?: () => unknown;
+    readonly handleEvent?: (event: ViewEvent) => unknown;
+    readonly render: () => readonly VirtualDomNode[] | Promise<readonly VirtualDomNode[]>;
+    readonly saveState?: () => unknown;
+}
 export interface View {
-    readonly create: () => unknown;
+    readonly create: (context?: ViewContext) => unknown;
     readonly icon?: string;
     readonly id: string;
+    readonly kind?: ViewKind;
     readonly title?: string;
 }
 export interface RegisteredView {
     readonly icon?: string;
     readonly id: string;
+    readonly kind?: ViewKind;
     readonly title?: string;
 }
 export interface ViewRegistrySnapshot {
     readonly views: readonly RegisteredView[];
 }
+export interface ViewRenderResultDom {
+    readonly dom: readonly VirtualDomNode[];
+    readonly type: 'setDom';
+}
+export interface ViewRenderResultPatches {
+    readonly patches: readonly unknown[];
+    readonly type: 'setPatches';
+}
+export type ViewRenderResult = ViewRenderResultDom | ViewRenderResultPatches;

package/extension-api/dist/parts/ViewRegistry/ViewRegistry.d.ts

@@ -1,6 +1,10 @@
 import type { Disposable } from '../Disposable/Disposable.ts';
-import type { View, ViewRegistrySnapshot } from '../View/View.ts';
+import type { View, ViewContext, ViewEvent, ViewRegistrySnapshot, ViewRenderResult } from '../View/View.ts';
 export declare const registerView: (view: View) => Disposable;
 export declare const executeViewProvider: (id: string) => unknown;
+export declare const createViewInstance: (viewId: string, uid: number, context?: ViewContext) => Promise<ViewRenderResult>;
+export declare const dispatchViewEvent: (uid: number, event: ViewEvent) => Promise<ViewRenderResult>;
+export declare const disposeViewInstance: (uid: number) => Promise<void>;
+export declare const saveViewInstanceState: (uid: number) => Promise<unknown>;
 export declare const getViewRegistrySnapshot: () => ViewRegistrySnapshot;
 export declare const resetViewRegistry: () => void;