@lvce-editor/api 8.54.0 → 8.55.0

package/dist/parts/View/View.d.ts

@@ -44,6 +44,7 @@ export interface DomEventListener {
 export interface VirtualDomViewInstance {
     readonly dispose?: () => unknown;
     readonly getContext?: () => Readonly<Record<string, boolean>>;
+    readonly getCss?: () => string | Promise<string>;
     readonly getMenuEntries?: (menuId: string) => readonly MenuEntry[] | Promise<readonly MenuEntry[]>;
     readonly handleEvent?: (event: ViewEvent) => unknown;
     readonly render: () => readonly VirtualDomNode[] | Promise<readonly VirtualDomNode[]>;
@@ -79,6 +80,7 @@ export interface ViewRegistrySnapshot {
     readonly views: readonly RegisteredView[];
 }
 export interface ViewRenderResultDom {
+    readonly css?: string;
     readonly dom: readonly VirtualDomNode[];
     readonly focusSelector?: string;
     readonly scrollPosition?: ViewScrollPosition;
@@ -87,6 +89,7 @@ export interface ViewRenderResultDom {
     readonly type: 'setDom';
 }
 export interface ViewRenderResultPatches {
+    readonly css?: string;
     readonly focusSelector?: string;
     readonly patches: readonly unknown[];
     readonly scrollPosition?: ViewScrollPosition;

package/dist/parts/ViewRegistry/ViewRegistry.js

@@ -362,6 +362,19 @@ const withFocusSelector = async (result, instance, contextChange) => {
         focusSelector,
     };
 };
+const withCss = async (result, instance) => {
+    if (typeof instance.getCss !== 'function') {
+        return result;
+    }
+    const css = await instance.getCss();
+    if (typeof css !== 'string') {
+        throw new ExtensionApiError('view getCss result must be a string');
+    }
+    return {
+        ...result,
+        css,
+    };
+};
 const withTitle = async (result, instance) => {
     if (typeof instance.renderTitle !== 'function') {
         return result;
@@ -402,7 +415,8 @@ const withScrollPosition = async (result, instance) => {
     };
 };
 const withRenderMetadata = async (result, instance, contextChange) => {
-    const resultWithFocus = await withFocusSelector(result, instance, contextChange);
+    const resultWithCss = await withCss(result, instance);
+    const resultWithFocus = await withFocusSelector(resultWithCss, instance, contextChange);
     const resultWithSelections = await withSelections(resultWithFocus, instance);
     const resultWithScrollPosition = await withScrollPosition(resultWithSelections, instance);
     return withTitle(resultWithScrollPosition, instance);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/api",
-  "version": "8.54.0",
+  "version": "8.55.0",
   "description": "Tree-shakeable extension API for Lvce Editor extensions.",
   "keywords": [
     "lvce-editor",