@nookuio/iframe 0.6.0 → 0.8.0

package/dist/createClient.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createClient = createClient;
-var _lodash = _interopRequireDefault(require("lodash"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function createClient(localCtx, options) {
   const {
     invoke,
@@ -31,7 +29,7 @@ function createClient(localCtx, options) {
   }
   const listenersCollection = /* @__PURE__ */new Map();
   handle(async request => {
-    const value = _lodash.default.get(localCtx, request.key);
+    const value = get(localCtx, request.key);
     if (value === void 0) return {
       type: "response",
       id: request.id,
@@ -125,4 +123,17 @@ function createClient(localCtx, options) {
     }
   });
   return rootProxy;
+}
+function get(obj, path, defaultValue) {
+  if (!obj || typeof obj !== "object") return defaultValue;
+  const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, ".$1").replace(/\["([^"]+)"\]/g, ".$1").replace(/\['([^']+)'\]/g, ".$1").split(".").filter(Boolean);
+  let result = obj;
+  for (const key of pathArray) {
+    if (result != null && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return defaultValue;
+    }
+  }
+  return result;
 }

package/dist/createClient.mjs

@@ -1,4 +1,3 @@
-import _ from "lodash";
 export function createClient(localCtx, options) {
   const { invoke, handle, emit, handleEvent, serialize: _serialize, deserialize: _deserialize } = options;
   function serialize(data) {
@@ -17,7 +16,7 @@ export function createClient(localCtx, options) {
   }
   const listenersCollection = /* @__PURE__ */ new Map();
   handle(async (request) => {
-    const value = _.get(localCtx, request.key);
+    const value = get(localCtx, request.key);
     if (value === void 0)
       return {
         type: "response",
@@ -113,3 +112,16 @@ export function createClient(localCtx, options) {
   );
   return rootProxy;
 }
+function get(obj, path, defaultValue) {
+  if (!obj || typeof obj !== "object") return defaultValue;
+  const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, ".$1").replace(/\["([^"]+)"\]/g, ".$1").replace(/\['([^']+)'\]/g, ".$1").split(".").filter(Boolean);
+  let result = obj;
+  for (const key of pathArray) {
+    if (result != null && typeof result === "object" && key in result) {
+      result = result[key];
+    } else {
+      return defaultValue;
+    }
+  }
+  return result;
+}

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.8.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {