@lvce-editor/virtual-dom 6.9.0 → 6.11.0

package/dist/index.d.ts

@@ -40,11 +40,15 @@ export interface ReplacePatch {
 	readonly nodes: readonly VirtualDomNode[];
 	readonly type: 2;
 }
+export interface SetReferenceNodeUidPatch {
+	readonly type: 11;
+	readonly uid: string;
+}
 export interface TextPatch {
 	readonly type: 1;
 	readonly value: string;
 }
-export type Patch = TextPatch | AttributePatch | ReplacePatch | RemoveAttributePatch | RemovePatch | AddPatch | NavigateChildPatch | NavigateParentPatch | RemoveChildPatch | NavigateSiblingPatch;
+export type Patch = TextPatch | AttributePatch | ReplacePatch | RemoveAttributePatch | RemovePatch | AddPatch | NavigateChildPatch | NavigateParentPatch | RemoveChildPatch | NavigateSiblingPatch | SetReferenceNodeUidPatch;
 export declare const applyPatch: ($Element: Node, patches: readonly Patch[], eventMap?: Record<string, any>, id?: any) => void;
 export declare const setComponentUid: ($Element: any, uid: any) => void;
 export declare const getComponentUid: ($Element: any) => number;

package/dist/index.js

@@ -1,3 +1,11 @@
+const instances = Object.create(null);
+const get$1 = viewletId => {
+  return instances[viewletId];
+};
+const set$1 = (viewletId, instance) => {
+  instances[viewletId] = instance;
+};
+
 const Audio$2 = 'audio';
 const Button$2 = 'button';
 const Col$2 = 'col';
@@ -115,66 +123,66 @@ const Iframe = 68;
 const Reference$1 = 100;
 
 const VirtualDomElements$1 = {
-    __proto__: null,
-    A: A$1,
-    Abbr: Abbr$1,
-    Article: Article$1,
-    Aside: Aside$1,
-    Audio: Audio$1,
-    Br: Br$1,
-    Button: Button$1,
-    Cite: Cite$1,
-    Code: Code$1,
-    Col: Col$1,
-    ColGroup: ColGroup$1,
-    Data: Data$1,
-    Dd: Dd$1,
-    Del: Del$1,
-    Div: Div$1,
-    Dl: Dl$1,
-    Dt: Dt$1,
-    Figcaption: Figcaption$1,
-    Figure: Figure$1,
-    Footer: Footer$1,
-    H1: H1$1,
-    H2: H2$1,
-    H3: H3$1,
-    H4: H4$1,
-    H5: H5$1,
-    H6: H6$1,
-    Header: Header$1,
-    Hr: Hr$1,
-    I: I$1,
-    Iframe,
-    Img: Img$1,
-    Input: Input$1,
-    Ins: Ins$1,
-    Kbd: Kbd$1,
-    Label: Label$1,
-    Li: Li$1,
-    Nav: Nav$1,
-    Ol: Ol$1,
-    Option: Option$1,
-    P: P$1,
-    Pre: Pre$1,
-    Reference: Reference$1,
-    Root: Root$1,
-    Search: Search$1,
-    Section: Section$1,
-    Select: Select$1,
-    Span: Span$1,
-    TBody: TBody$1,
-    THead: THead$1,
-    Table: Table$1,
-    Td: Td$1,
-    Text: Text$1,
-    TextArea: TextArea$1,
-    Tfoot: Tfoot$1,
-    Th: Th$1,
-    Time: Time$1,
-    Tr: Tr$1,
-    Ul: Ul$1,
-    Video: Video$1
+  __proto__: null,
+  A: A$1,
+  Abbr: Abbr$1,
+  Article: Article$1,
+  Aside: Aside$1,
+  Audio: Audio$1,
+  Br: Br$1,
+  Button: Button$1,
+  Cite: Cite$1,
+  Code: Code$1,
+  Col: Col$1,
+  ColGroup: ColGroup$1,
+  Data: Data$1,
+  Dd: Dd$1,
+  Del: Del$1,
+  Div: Div$1,
+  Dl: Dl$1,
+  Dt: Dt$1,
+  Figcaption: Figcaption$1,
+  Figure: Figure$1,
+  Footer: Footer$1,
+  H1: H1$1,
+  H2: H2$1,
+  H3: H3$1,
+  H4: H4$1,
+  H5: H5$1,
+  H6: H6$1,
+  Header: Header$1,
+  Hr: Hr$1,
+  I: I$1,
+  Iframe,
+  Img: Img$1,
+  Input: Input$1,
+  Ins: Ins$1,
+  Kbd: Kbd$1,
+  Label: Label$1,
+  Li: Li$1,
+  Nav: Nav$1,
+  Ol: Ol$1,
+  Option: Option$1,
+  P: P$1,
+  Pre: Pre$1,
+  Reference: Reference$1,
+  Root: Root$1,
+  Search: Search$1,
+  Section: Section$1,
+  Select: Select$1,
+  Span: Span$1,
+  TBody: TBody$1,
+  THead: THead$1,
+  Table: Table$1,
+  Td: Td$1,
+  Text: Text$1,
+  TextArea: TextArea$1,
+  Tfoot: Tfoot$1,
+  Th: Th$1,
+  Time: Time$1,
+  Tr: Tr$1,
+  Ul: Ul$1,
+  Video: Video$1
 };
 
 const getElementTag$1 = type => {
@@ -295,22 +303,14 @@ const getElementTag$1 = type => {
 };
 
 const ElementTagMap = {
-    __proto__: null,
-    getElementTag: getElementTag$1
+  __proto__: null,
+  getElementTag: getElementTag$1
 };
 
 const {
   getElementTag
 } = ElementTagMap;
 
-const instances = Object.create(null);
-const get$1 = viewletId => {
-  return instances[viewletId];
-};
-const set$1 = (viewletId, instance) => {
-  instances[viewletId] = instance;
-};
-
 const getEventListenerOptions = (eventName, value) => {
   if (value.passive) {
     return {
@@ -604,65 +604,65 @@ const {
 } = VirtualDomElements$1;
 
 const VirtualDomElements = {
-    __proto__: null,
-    A,
-    Abbr,
-    Article,
-    Aside,
-    Audio,
-    Br,
-    Button,
-    Cite,
-    Code,
-    Col,
-    ColGroup,
-    Data,
-    Dd,
-    Del,
-    Div,
-    Dl,
-    Dt,
-    Figcaption,
-    Figure,
-    Footer,
-    H1,
-    H2,
-    H3,
-    H4,
-    H5,
-    H6,
-    Header,
-    Hr,
-    I,
-    Img,
-    Input,
-    Ins,
-    Kbd,
-    Label,
-    Li,
-    Nav,
-    Ol,
-    Option,
-    P,
-    Pre,
-    Reference,
-    Root,
-    Search,
-    Section,
-    Select,
-    Span,
-    TBody,
-    THead,
-    Table,
-    Td,
-    Text,
-    TextArea,
-    Tfoot,
-    Th,
-    Time,
-    Tr,
-    Ul,
-    Video
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  Br,
+  Button,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Figcaption,
+  Figure,
+  Footer,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Header,
+  Hr,
+  I,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Pre,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Tr,
+  Ul,
+  Video
 };
 
 const renderDomTextNode = element => {
@@ -676,6 +676,9 @@ const renderDomElement = (element, eventMap, newEventMap) => {
 };
 const renderReferenceNode = element => {
   const instance = get$1(element.uid);
+  if (!instance || !instance.state) {
+    return document.createTextNode('Reference node not found');
+  }
   const $Node = instance.state.$Viewlet;
   return $Node;
 };
@@ -765,6 +768,7 @@ const NavigateChild = 7;
 const NavigateParent = 8;
 const RemoveChild = 9;
 const NavigateSibling = 10;
+const SetReferenceNodeUid = 11;
 
 const dragInfos = Object.create(null);
 const setDragInfo = (id, data) => {
@@ -1120,6 +1124,23 @@ const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
         case SetAttribute:
           setProp($Current, patch.key, patch.value, events);
           break;
+        case SetReferenceNodeUid:
+          {
+            // Get the new reference node instance
+            const instance = get$1(patch.uid);
+            if (!instance || !instance.state) {
+              console.error('Cannot set reference node uid: instance not found', {
+                uid: patch.uid
+              });
+              return;
+            }
+            const $NewNode = instance.state.$Viewlet;
+            // Replace the current reference node with the new viewlet
+            // @ts-ignore
+            $Current.replaceWith($NewNode);
+            $Current = $NewNode;
+            break;
+          }
         case SetText:
           setText($Current, patch.value);
           break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "6.9.0",
+  "version": "6.11.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"