@nookuio/iframe 0.9.1 → 0.9.3

package/dist/createClient.js

@@ -36,7 +36,9 @@ function createClient(localCtx, options) {
       key: request.key,
       result: void 0
     };
-    const result = typeof value === "function" ? await value(...deserialize(request.args)) : value;
+    let args = request.args ? deserialize(request.args) : [];
+    if (!Array.isArray(args)) args = [args];
+    const result = typeof value === "function" ? await value(...args) : value;
     return {
       type: "response",
       id: request.id,
@@ -47,7 +49,9 @@ function createClient(localCtx, options) {
   handleEvent(request => {
     const currentEventListeners = listenersCollection.get(request.eventName);
     if (!currentEventListeners?.length) return;
-    currentEventListeners.forEach(listener => listener(...deserialize(request.args || [])));
+    let args = request.args ? deserialize(request.args) : [];
+    if (!Array.isArray(args)) args = [args];
+    currentEventListeners.forEach(listener => listener(...args));
   });
   const proxyCache = /* @__PURE__ */new Map();
   function createProxyForPath(path) {
@@ -109,10 +113,9 @@ function createClient(localCtx, options) {
       }
       if (prop === "emit") {
         const emitHandler = (eventName, ...args) => {
-          args = args.map(arg => serialize(arg));
           emit({
             eventName,
-            args
+            args: serialize(args)
           });
         };
         return emitHandler;

package/dist/createClient.mjs

@@ -24,7 +24,9 @@ export function createClient(localCtx, options) {
         key: request.key,
         result: void 0
       };
-    const result = typeof value === "function" ? await value(...deserialize(request.args)) : value;
+    let args = request.args ? deserialize(request.args) : [];
+    if (!Array.isArray(args)) args = [args];
+    const result = typeof value === "function" ? await value(...args) : value;
     return {
       type: "response",
       id: request.id,
@@ -35,7 +37,9 @@ export function createClient(localCtx, options) {
   handleEvent((request) => {
     const currentEventListeners = listenersCollection.get(request.eventName);
     if (!currentEventListeners?.length) return;
-    currentEventListeners.forEach((listener) => listener(...deserialize(request.args || [])));
+    let args = request.args ? deserialize(request.args) : [];
+    if (!Array.isArray(args)) args = [args];
+    currentEventListeners.forEach((listener) => listener(...args));
   });
   const proxyCache = /* @__PURE__ */ new Map();
   function createProxyForPath(path) {
@@ -99,8 +103,7 @@ export function createClient(localCtx, options) {
         }
         if (prop === "emit") {
           const emitHandler = (eventName, ...args) => {
-            args = args.map((arg) => serialize(arg));
-            emit({ eventName, args });
+            emit({ eventName, args: serialize(args) });
           };
           return emitHandler;
         }

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,27 @@ 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));
     }
   }, {
     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,18 @@ 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));
       }
     },
     {

package/dist/types.d.ts

@@ -40,7 +40,17 @@ 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;
 }
 export interface CoreIframeEvents {
     ready: () => void;
@@ -72,7 +82,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 +106,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.1",
+  "version": "0.9.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {