@nookuio/iframe 0.9.2 → 0.9.4

package/dist/editor.js

@@ -39,7 +39,7 @@ function deserialize(data) {
 function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {
-    if (!iframeElement) {
+    if (!iframeElement || !iframeElement.isConnected) {
       iframeElement = typeof iframe === "string" ? document.querySelector(`#${iframe}`) : iframe;
     }
     return iframeElement;

package/dist/editor.mjs

@@ -31,7 +31,7 @@ function deserialize(data) {
 export function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {
-    if (!iframeElement) {
+    if (!iframeElement || !iframeElement.isConnected) {
       iframeElement = typeof iframe === "string" ? document.querySelector(`#${iframe}`) : iframe;
     }
     return iframeElement;

package/dist/iframe.js

@@ -39,7 +39,6 @@ function getElementStyles(selector, withPadding) {
 function createVueIframeClient(vueCtx, options) {
   const client = (0, _createClient.createClient)({
     ...vueCtx,
-    document: window.document,
     async editText({
       path,
       id
@@ -140,6 +139,40 @@ function createVueIframeClient(vueCtx, options) {
         document.documentElement.classList.remove("dark");
         document.documentElement.classList.add("light");
       }
+    },
+    updateElementClass({
+      className,
+      id,
+      path
+    }) {
+      const selector = getSelector(path, id);
+      const elements = document.querySelectorAll(selector);
+      if (!elements?.length) return;
+      elements.forEach(elm => elm.className = className);
+    },
+    updateElementAttribute({
+      attribute,
+      value,
+      id,
+      path
+    }) {
+      const selector = getSelector(path, id);
+      const elements = document.querySelectorAll(selector);
+      if (!elements?.length) return;
+      elements.forEach(elm => elm.setAttribute(attribute, value));
+    },
+    duplicateElement({
+      id,
+      path
+    }) {
+      const selector = getSelector(path, id);
+      const elements = document.querySelectorAll(selector);
+      if (!elements?.length) return;
+      elements.forEach(elm => {
+        const clone = elm.cloneNode(true);
+        clone.setAttribute("data-node-id", String(Number(clone.getAttribute("data-node-id")) + 1));
+        elm.parentElement?.appendChild(clone);
+      });
     }
   }, {
     handle(handler) {

package/dist/iframe.mjs

@@ -34,7 +34,6 @@ export function createVueIframeClient(vueCtx, options) {
   const client = createClient(
     {
       ...vueCtx,
-      document: window.document,
       async editText({ path, id }) {
         if (!path || id === void 0) return;
         const selector = getSelector(path, id);
@@ -120,6 +119,28 @@ export function createVueIframeClient(vueCtx, options) {
           document.documentElement.classList.remove("dark");
           document.documentElement.classList.add("light");
         }
+      },
+      updateElementClass({ className, id, path }) {
+        const selector = getSelector(path, id);
+        const elements = document.querySelectorAll(selector);
+        if (!elements?.length) return;
+        elements.forEach((elm) => elm.className = className);
+      },
+      updateElementAttribute({ attribute, value, id, path }) {
+        const selector = getSelector(path, id);
+        const elements = document.querySelectorAll(selector);
+        if (!elements?.length) return;
+        elements.forEach((elm) => elm.setAttribute(attribute, value));
+      },
+      duplicateElement({ id, path }) {
+        const selector = getSelector(path, id);
+        const elements = document.querySelectorAll(selector);
+        if (!elements?.length) return;
+        elements.forEach((elm) => {
+          const clone = elm.cloneNode(true);
+          clone.setAttribute("data-node-id", String(Number(clone.getAttribute("data-node-id")) + 1));
+          elm.parentElement?.appendChild(clone);
+        });
       }
     },
     {

package/dist/types.d.ts

@@ -40,7 +40,21 @@ export interface CoreIframeContext {
         path: string;
         id: string;
     }) => void;
-    document: Document;
+    updateElementClass(options: {
+        id: string;
+        path: string;
+        className: string;
+    }): void;
+    updateElementAttribute(options: {
+        id: string;
+        path: string;
+        attribute: string;
+        value: string;
+    }): void;
+    duplicateElement(options: {
+        id: string;
+        path: string;
+    }): void;
 }
 export interface CoreIframeEvents {
     ready: () => void;
@@ -72,7 +86,7 @@ export interface VueIframeContext extends CoreIframeContext {
      *
      * Works only on VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH
      */
-    updateVirtualSfcCode?: (path: string, code: string) => void;
+    updateVirtualSfcCode: (path: string, code: string) => void;
 }
 export interface VueIframeEvents extends CoreIframeEvents {
     'route-change': (to: string) => void;
@@ -96,7 +110,7 @@ export interface ElementStyles extends ElementPosition {
         left: string;
     };
 }
-export interface PageOptions {
+export interface IframePageOptions {
     path: string;
     layout?: string | false;
     injectTailwind?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/iframe",
   "description": "",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {