@nookuio/iframe 0.9.9 → 1.0.0

package/dist/iframe.js

@@ -7,21 +7,21 @@ exports.createVueIframeClient = createVueIframeClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
-function b(c, l) {
-  return `[data-node-id="${l}"][data-node-path="${c}"]`;
+function b(u, d) {
+  return `[data-node-id="${d}"][data-node-path="${u}"]`;
 }
-function h(c, l) {
-  const s = document.querySelectorAll(c);
+function h(u, d) {
+  const s = document.querySelectorAll(u);
   if (!s?.length) return;
-  const d = Array.from(s).map(f => {
-    const u = f.getBoundingClientRect(),
+  const l = Array.from(s).map(f => {
+    const c = f.getBoundingClientRect(),
       g = {
-        width: u.width,
-        height: u.height,
-        top: u.top,
-        left: u.left
+        width: c.width,
+        height: c.height,
+        top: c.top,
+        left: c.left
       };
-    if (!l) return g;
+    if (!d) return g;
     const m = window.getComputedStyle(f) ?? {};
     return {
       ...g,
@@ -33,11 +33,11 @@ function h(c, l) {
       }
     };
   });
-  if (d?.length) return d.length === 1 ? d[0] : d;
+  if (l?.length) return l.length === 1 ? l[0] : l;
 }
-function createVueIframeClient(c, l) {
+function createVueIframeClient(u, d) {
   const s = (0, _createClient.createClient)({
-      ...c,
+      ...u,
       async editText({
         path: e,
         id: t
@@ -110,8 +110,9 @@ function createVueIframeClient(c, l) {
           data: n
         };
       },
-      toggleTheme(e) {
-        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark")) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"));
+      setTheme(e) {
+        const t = document.querySelector("body");
+        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), t && (t.classList.remove("light"), t.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), t && (t.classList.remove("dark"), t.classList.add("light")));
       }
     }, {
       handle(e) {
@@ -155,16 +156,16 @@ function createVueIframeClient(c, l) {
         maxDepth: 1 / 0
       })
     }),
-    d = l?.disableDefaultConsole ? void 0 : console.log.bind(console),
-    f = l?.disableDefaultConsole ? void 0 : console.warn.bind(console),
-    u = l?.disableDefaultConsole ? void 0 : console.error.bind(console),
-    g = l?.disableDefaultConsole ? void 0 : console.info.bind(console);
+    l = d?.disableDefaultConsole ? void 0 : console.log.bind(console),
+    f = d?.disableDefaultConsole ? void 0 : console.warn.bind(console),
+    c = d?.disableDefaultConsole ? void 0 : console.error.bind(console),
+    g = d?.disableDefaultConsole ? void 0 : console.info.bind(console);
   return console.log = (...e) => {
-    s.emit("console", "log", e), d?.(...e);
+    s.emit("console", "log", e), l?.(...e);
   }, console.warn = (...e) => {
     f?.(...e);
   }, console.error = (...e) => {
-    s.emit("console", "error", e), u?.(...e);
+    s.emit("console", "error", e), c?.(...e);
   }, console.info = (...e) => {
     s.emit("console", "info", e), g?.(...e);
   }, window.addEventListener("resize", async () => s.emit("resize", await s.$context.getPageHeight())), new MutationObserver(async () => s.emit("resize", await s.$context.getPageHeight())).observe(document.body, {

package/dist/iframe.mjs

@@ -1,20 +1,20 @@
 import { EDITOR_SOURCE_NAME as p, IFRAME_SOURCE_NAME as w } from "./constants.mjs";
-import { createClient as C } from "./createClient.mjs";
-import { stringify as v, parse as L } from "telejson";
-function b(c, l) {
-  return `[data-node-id="${l}"][data-node-path="${c}"]`;
+import { createClient as v } from "./createClient.mjs";
+import { stringify as C, parse as L } from "telejson";
+function b(u, d) {
+  return `[data-node-id="${d}"][data-node-path="${u}"]`;
 }
-function h(c, l) {
-  const s = document.querySelectorAll(c);
+function h(u, d) {
+  const s = document.querySelectorAll(u);
   if (!s?.length) return;
-  const d = Array.from(s).map((f) => {
-    const u = f.getBoundingClientRect(), g = {
-      width: u.width,
-      height: u.height,
-      top: u.top,
-      left: u.left
+  const l = Array.from(s).map((f) => {
+    const c = f.getBoundingClientRect(), g = {
+      width: c.width,
+      height: c.height,
+      top: c.top,
+      left: c.left
     };
-    if (!l) return g;
+    if (!d) return g;
     const m = window.getComputedStyle(f) ?? {};
     return {
       ...g,
@@ -26,13 +26,13 @@ function h(c, l) {
       }
     };
   });
-  if (d?.length)
-    return d.length === 1 ? d[0] : d;
+  if (l?.length)
+    return l.length === 1 ? l[0] : l;
 }
-export function createVueIframeClient(c, l) {
-  const s = C(
+export function createVueIframeClient(u, d) {
+  const s = v(
     {
-      ...c,
+      ...u,
       async editText({ path: e, id: t }) {
         if (!e || t === void 0) return;
         const i = b(e, t), n = document.querySelector(i);
@@ -88,8 +88,9 @@ export function createVueIframeClient(c, l) {
             data: n
           };
       },
-      toggleTheme(e) {
-        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark")) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"));
+      setTheme(e) {
+        const t = document.querySelector("body");
+        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), t && (t.classList.remove("light"), t.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), t && (t.classList.remove("dark"), t.classList.add("light")));
       }
       // updateElementClass({ className, id, path }) {
       //   const selector = getSelector(path, id);
@@ -142,15 +143,15 @@ export function createVueIframeClient(c, l) {
         });
       },
       deserialize: (e) => L(e),
-      serialize: (e) => v(e, { maxDepth: 1 / 0 })
+      serialize: (e) => C(e, { maxDepth: 1 / 0 })
     }
-  ), d = l?.disableDefaultConsole ? void 0 : console.log.bind(console), f = l?.disableDefaultConsole ? void 0 : console.warn.bind(console), u = l?.disableDefaultConsole ? void 0 : console.error.bind(console), g = l?.disableDefaultConsole ? void 0 : console.info.bind(console);
+  ), l = d?.disableDefaultConsole ? void 0 : console.log.bind(console), f = d?.disableDefaultConsole ? void 0 : console.warn.bind(console), c = d?.disableDefaultConsole ? void 0 : console.error.bind(console), g = d?.disableDefaultConsole ? void 0 : console.info.bind(console);
   return console.log = (...e) => {
-    s.emit("console", "log", e), d?.(...e);
+    s.emit("console", "log", e), l?.(...e);
   }, console.warn = (...e) => {
     f?.(...e);
   }, console.error = (...e) => {
-    s.emit("console", "error", e), u?.(...e);
+    s.emit("console", "error", e), c?.(...e);
   }, console.info = (...e) => {
     s.emit("console", "info", e), g?.(...e);
   }, window.addEventListener("resize", async () => s.emit("resize", await s.$context.getPageHeight())), new MutationObserver(

package/dist/types.d.ts

@@ -16,7 +16,7 @@ export interface ContextResponse {
     result: any;
 }
 export interface CoreIframeContext {
-    toggleTheme: (theme: 'dark' | 'light') => void;
+    setTheme: (theme: 'dark' | 'light') => void;
     getHoveredElement: (options: {
         path: string;
         id?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/iframe",
   "description": "",
-  "version": "0.9.9",
+  "version": "1.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -38,6 +38,6 @@
   "license": "ISC",
   "scripts": {
     "build": "unbuild",
-    "release": "pnpm publish --no-git-checks --access public"
+    "release": "pnpm build && pnpm publish --no-git-checks --access public"
   }
 }