@nookuio/iframe 0.6.0 → 0.7.0

package/dist/editor.js

@@ -7,6 +7,35 @@ exports.createEditorClient = createEditorClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
+function deserialize(data) {
+  const parsed = (0, _telejson.parse)(data, {
+    maxDepth: Infinity
+  });
+  const senitizeRefs = obj => {
+    if (Array.isArray(obj)) {
+      obj.forEach((item, index) => {
+        obj[index] = senitizeRefs(item);
+      });
+    } else if (obj && typeof obj === "object") {
+      if (obj.hasOwnProperty("__v_isRef")) {
+        const newObj = {
+          ...obj,
+          __v_isRef: "true",
+          // converted to string
+          value: obj.hasOwnProperty("value") && obj.value !== void 0 ? obj.value : obj._value ?? obj._rawValue
+        };
+        return newObj;
+      } else {
+        Object.keys(obj).forEach(key => {
+          obj[key] = senitizeRefs(obj[key]);
+        });
+      }
+    }
+    return obj;
+  };
+  const d = senitizeRefs(parsed);
+  return d;
+}
 function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {
@@ -72,7 +101,7 @@ function createEditorClient(iframe) {
         handleRequest(event.data.request);
       });
     },
-    deserialize: v => (0, _telejson.parse)(v),
+    deserialize,
     serialize: v => (0, _telejson.stringify)(v, {
       maxDepth: Infinity
     })

package/dist/editor.mjs

@@ -1,6 +1,33 @@
 import { EDITOR_SOURCE_NAME, IFRAME_SOURCE_NAME } from "./constants.mjs";
 import { createClient } from "./createClient.mjs";
 import { stringify, parse } from "telejson";
+function deserialize(data) {
+  const parsed = parse(data, { maxDepth: Infinity });
+  const senitizeRefs = (obj) => {
+    if (Array.isArray(obj)) {
+      obj.forEach((item, index) => {
+        obj[index] = senitizeRefs(item);
+      });
+    } else if (obj && typeof obj === "object") {
+      if (obj.hasOwnProperty("__v_isRef")) {
+        const newObj = {
+          ...obj,
+          __v_isRef: "true",
+          // converted to string
+          value: obj.hasOwnProperty("value") && obj.value !== void 0 ? obj.value : obj._value ?? obj._rawValue
+        };
+        return newObj;
+      } else {
+        Object.keys(obj).forEach((key) => {
+          obj[key] = senitizeRefs(obj[key]);
+        });
+      }
+    }
+    return obj;
+  };
+  const d = senitizeRefs(parsed);
+  return d;
+}
 export function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {
@@ -60,7 +87,7 @@ export function createEditorClient(iframe) {
           handleRequest(event.data.request);
         });
       },
-      deserialize: (v) => parse(v),
+      deserialize,
       serialize: (v) => stringify(v, { maxDepth: Infinity })
     }
   );

package/dist/types.d.ts

@@ -96,3 +96,27 @@ export interface ElementStyles extends ElementPosition {
         left: string;
     };
 }
+export interface PageOptions {
+    path: string;
+    layout?: string | false;
+    injectTailwind?: boolean;
+    tailwindVersion?: 3 | 4;
+    /**
+     * Specifically for pages
+     *
+     * If true, the page will be rendered as a component
+     */
+    renderAsComponent?: boolean;
+    /**
+     * Page params
+     */
+    params?: Record<string, string>;
+    /**
+     * Component props
+     */
+    props?: Record<string, any>;
+    /**
+     * Specifically for virtual SFC renderer page
+     */
+    code?: string;
+}

package/package.json

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