@blocklet/pages-kit-inner-components 0.6.7 → 0.6.9

package/lib/es/chunks/{state-0gvZF3k2.js → state-C3hsEhCe.js}

@@ -1,75 +1,72 @@
-import { jsx as k } from "react/jsx-runtime";
-import { Box as V, Alert as K } from "@mui/material";
-import { joinURL as b, withQuery as z } from "ufo";
-import { createAxios as Q } from "@blocklet/js-sdk";
-import X from "lodash/isEmpty";
-import * as q from "yaml";
-import { useLocaleContext as Y } from "@arcblock/ux/lib/Locale/context";
+import { jsx as W } from "react/jsx-runtime";
+import { joinURL as b, withQuery as K } from "ufo";
+import { createAxios as V } from "@blocklet/js-sdk";
+import z from "lodash/isEmpty";
+import * as Q from "yaml";
+import { useLocaleContext as X } from "@arcblock/ux/lib/Locale/context";
 import { nextId as O } from "@blocklet/pages-kit/utils/common";
-import { getPageTemplateModel as Z } from "@blocklet/pages-kit/utils/page-model";
-import H, { getYjsDoc as ee } from "@syncedstore/core";
-import { useSyncedStore as te } from "@syncedstore/react";
-import { useLocalStorageState as oe } from "ahooks";
+import { getPageTemplateModel as q } from "@blocklet/pages-kit/utils/page-model";
+import "@mui/material";
+import Y, { getYjsDoc as Z } from "@syncedstore/core";
+import { useSyncedStore as H } from "@syncedstore/react";
+import { useLocalStorageState as ee } from "ahooks";
 import { produce as v } from "immer";
-import J from "lodash/cloneDeep";
-import G from "lodash/debounce";
-import { createContext as ne, useState as x, useRef as re, useMemo as I, useCallback as M, useEffect as L, useContext as se } from "react";
-import { useParams as ce, useNavigate as ae } from "react-router-dom";
-import { IndexeddbPersistence as ie } from "y-indexeddb";
-import { WebsocketProvider as de } from "y-websocket";
-import { UndoManager as le } from "yjs";
+import T from "lodash/cloneDeep";
+import J from "lodash/debounce";
+import { createContext as te, useState as L, useRef as oe, useMemo as I, useCallback as M, useEffect as x, useContext as ne } from "react";
+import { useParams as re, useNavigate as se } from "react-router-dom";
+import { IndexeddbPersistence as ce } from "y-indexeddb";
+import { WebsocketProvider as ae } from "y-websocket";
+import { UndoManager as ie } from "yjs";
 import "@blocklet/pages-kit/types";
-function ue() {
+function de() {
   const { pathname: o } = window.location, l = o.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], p = window.__PROJECT_ID__;
   if (!l && !p)
     throw new Error("Unable to get projectId from pathname");
   return l || p;
 }
-function We(o) {
+function Ue(o) {
   return `${o}:pages:version`;
 }
-function Ve(o, r) {
-  return r === "yaml" ? X(o) ? "" : q.stringify(o, { indent: 2 }) : r === "json" ? JSON.parse(JSON.stringify(o || {})) : r === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
+function Fe(o, r) {
+  return r === "yaml" ? z(o) ? "" : Q.stringify(o, { indent: 2 }) : r === "json" ? JSON.parse(JSON.stringify(o || {})) : r === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
 }
-function Ke({ error: o }) {
-  return /* @__PURE__ */ k(V, { children: /* @__PURE__ */ k(K, { severity: "error", children: o.message }) });
-}
-const N = window.blocklet?.prefix || "/", B = Q({
+const k = window.blocklet?.prefix || "/", G = V({
   timeout: 200 * 1e3
-}), pe = window.location.protocol === "https:" ? "wss" : "ws", ze = (o) => b(`${pe}://${window.location.hostname}`, N, `api/${o}/ws/pages`), me = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-blocklet?.componentMountPoints.find((o) => o.did === me)?.mountPoint || b(N, "/image-bin");
-function Qe(o) {
-  return o && !/^(https?:\/\/|\/)/.test(o) ? window.location.origin + b(N, "uploads", o) : o;
+}), le = window.location.protocol === "https:" ? "wss" : "ws", We = (o) => b(`${le}://${window.location.hostname}`, k, `api/${o}/ws/pages`), ue = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+blocklet?.componentMountPoints.find((o) => o.did === ue)?.mountPoint || b(k, "/image-bin");
+function Ke(o) {
+  return o && !/^(https?:\/\/|\/)/.test(o) ? window.location.origin + b(k, "uploads", o) : o;
 }
-const fe = window.innerWidth <= 750;
-function Xe(o, r, l) {
+const pe = window.innerWidth <= 750;
+function Ve(o, r, l) {
   if (!o || /\.gif/.test(o)) return o;
-  const p = (fe ? r / 1.5 : r) * (l === "quality" ? 1.5 : 1);
-  return ge(o, { imageFilter: "resize", w: p, f: "webp" });
+  const p = (pe ? r / 1.5 : r) * (l === "quality" ? 1.5 : 1);
+  return me(o, { imageFilter: "resize", w: p, f: "webp" });
 }
-function ge(o, r) {
-  return !o || !r ? o : z(o, r);
+function me(o, r) {
+  return !o || !r ? o : K(o, r);
 }
-async function Se(o) {
-  return B.get(`/api/projects/${o}`).then((r) => r.data);
+async function fe(o) {
+  return G.get(`/api/projects/${o}`).then((r) => r.data);
 }
-async function Pe(o) {
-  return B.post(`/api/projects/${o.id}/update`, o).then((r) => r.data);
+async function ge(o) {
+  return G.post(`/api/projects/${o.id}/update`, o).then((r) => r.data);
 }
-const we = 500, U = ne(null);
-function qe({
+const Se = 500, B = te(null);
+function ze({
   url: o,
   name: r,
   children: l,
   waitingSynced: p
 }) {
-  const [w, y] = x(!1), { locale: m } = Y(), P = F(), E = `${P}:MakerLocalState`, e = `${P}:${r}`, [t, s] = oe(E, {
+  const [w, h] = L(!1), { locale: m } = X(), P = U(), E = `${P}:MakerLocalState`, e = `${P}:${r}`, [t, s] = ee(E, {
     defaultValue: {},
     listenStorageChange: !0
-  }), n = re(t);
+  }), n = oe(t);
   n.current = t;
   const i = I(
-    () => H({
+    () => Y({
       dataSourceIds: [],
       dataSources: {},
       pages: {},
@@ -82,10 +79,10 @@ function qe({
       resources: {}
     }),
     []
-  ), c = I(() => ee(i), [i]);
-  I(() => new ie(e, c), [e, c]);
+  ), c = I(() => Z(i), [i]);
+  I(() => new ce(e, c), [e, c]);
   const a = I(
-    () => new de(o, e, c, {
+    () => new ae(o, e, c, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
@@ -93,7 +90,7 @@ function qe({
   ), d = M(() => {
     a && (a.disconnect(), a.connect());
   }, [a]), f = I(
-    () => new le(
+    () => new ie(
       [
         c.getArray("pageIds"),
         c.getMap("pages"),
@@ -107,41 +104,41 @@ function qe({
       { doc: c }
     ),
     [c]
-  ), [C, j] = x(null), [A, R] = x(!1), [_, $] = x(void 0), D = M(async () => {
+  ), [C, j] = L(null), [N, A] = L(!1), [R, _] = L(void 0), $ = M(async () => {
     if (P) {
-      R(!0);
+      A(!0);
       try {
-        const u = await Se(P);
+        const u = await fe(P);
         j(u);
       } catch (u) {
         console.error("Failed to fetch project:", u);
       } finally {
-        R(!1);
+        A(!1);
       }
     }
-  }, [P]), T = M(
+  }, [P]), D = M(
     async (u, g) => {
-      if ($(void 0), !!P) {
+      if (_(void 0), !!P) {
         g?.optimisticUpdate && C && j((S) => ({
           ...S,
           ...u
         }));
         try {
-          const S = await Pe({
+          const S = await ge({
             ...u
           });
           j(S);
         } catch (S) {
-          console.error("Failed to update project:", S), g?.optimisticUpdate && j(C), $(S?.response?.data);
+          console.error("Failed to update project:", S), g?.optimisticUpdate && j(C), _(S?.response?.data);
         }
       }
     },
     [P, C]
   );
-  L(() => {
-    P && D();
-  }, [P, D]);
-  const W = I(
+  x(() => {
+    P && $();
+  }, [P, $]);
+  const F = I(
     () => ({
       doc: c,
       state: i,
@@ -154,10 +151,10 @@ function qe({
       undoManager: f,
       projectState: {
         project: C,
-        isLoadingProject: A,
-        error: _
+        isLoadingProject: N,
+        error: R
       },
-      updateProject: T,
+      updateProject: D,
       forceSync: d
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -169,48 +166,48 @@ function qe({
       s,
       f,
       C,
-      A,
-      T,
-      _,
+      N,
+      D,
+      R,
       m,
       d
     ]
   );
-  return L(() => {
+  return x(() => {
     f.on("stack-item-added", ({ stackItem: u }) => {
-      const { currentPageId: g, currentLocale: S, pages: h } = n.current;
-      u.meta.set("localState", { currentPageId: g, currentLocale: S, pages: h });
+      const { currentPageId: g, currentLocale: S, pages: y } = n.current;
+      u.meta.set("localState", { currentPageId: g, currentLocale: S, pages: y });
     }), f.on("stack-item-popped", ({ stackItem: u }) => {
       const g = u.meta.get("localState");
       g && s((S) => ({ ...S, ...g }));
     });
-  }, [f, s]), L(() => {
+  }, [f, s]), x(() => {
     a.awareness.setLocalState(t);
-  }, [a, t]), L(() => {
-    a.once("synced", () => y(!0));
+  }, [a, t]), x(() => {
+    a.once("synced", () => h(!0));
     const u = () => {
-      s((h) => ({
-        ...h,
+      s((y) => ({
+        ...y,
         networkStatus: void 0
       }));
     }, g = () => {
-      s((h) => ({
-        ...h,
+      s((y) => ({
+        ...y,
         networkStatus: "offline"
       }));
-    }, S = G(({ status: h }) => {
-      h === "connected" ? u() : h === "disconnected" && g();
-    }, we);
+    }, S = J(({ status: y }) => {
+      y === "connected" ? u() : y === "disconnected" && g();
+    }, Se);
     return a.on("status", S), window.addEventListener("online", u), window.addEventListener("offline", g), () => {
       a.off("status", S), window.removeEventListener("online", u), window.removeEventListener("offline", g);
     };
-  }, [a, s]), p && !w ? null : /* @__PURE__ */ k(U.Provider, { value: W, children: l });
+  }, [a, s]), p && !w ? null : /* @__PURE__ */ W(B.Provider, { value: F, children: l });
 }
-const Ie = () => {
-  const o = se(U);
+const Pe = () => {
+  const o = ne(B);
   if (!o)
     throw new Error("Context is null");
-  const r = te(o.state), { setLocalState: l, localState: p } = o, w = ae(), y = F(), m = I(
+  const r = H(o.state), { setLocalState: l, localState: p } = o, w = se(), h = U(), m = I(
     () => ({
       get currentPage() {
         const {
@@ -286,21 +283,21 @@ const Ie = () => {
       get currentPageModel() {
         const e = this.currentPage ?? null;
         if (e)
-          return Z(e, !1);
+          return q(e, !1);
       }
     }),
     [JSON.stringify(p), r]
   ), P = I(
     () => ({
       setCurrentSectionId: (e, t) => {
-        e === p.currentPageId && t === p.pages?.[e]?.currentSectionId || (w(b("/admin/maker", y ?? "", "pages", e)), l(
+        e === p.currentPageId && t === p.pages?.[e]?.currentSectionId || (w(b("/admin/maker", h ?? "", "pages", e)), l(
           (s) => v(s, (n) => {
             n.currentPageId = e, n.currentComponentId = void 0, t !== void 0 && (n.pages ??= {}, n.pages[e] ??= {}, n.pages[e].currentSectionId = t ?? void 0), t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
           })
         ));
       },
       setCurrentComponentId: (e) => {
-        e !== p.currentComponentId && (w(b("/admin/maker", y ?? "", "components", e)), l(
+        e !== p.currentComponentId && (w(b("/admin/maker", h ?? "", "components", e)), l(
           (t) => v(t, (s) => {
             s.currentComponentId = e;
           })
@@ -317,12 +314,12 @@ const Ie = () => {
       setCustomComponentPreviewerProperties: (() => {
         const e = {};
         let t = "";
-        const s = G(() => {
+        const s = J(() => {
           l(
             (n) => v(n, (i) => {
               i.customComponentPreviewerProperties ??= {}, i.customComponentPreviewerProperties[t] = {
                 ...i.customComponentPreviewerProperties[t],
-                ...J(e[t])
+                ...T(e[t])
               }, delete e[t];
             })
           );
@@ -352,7 +349,7 @@ const Ie = () => {
         );
       }
     }),
-    [l, w, y, m]
+    [l, w, h, m]
   ), E = I(
     () => ({
       addPage: (e, t) => {
@@ -425,7 +422,7 @@ const Ie = () => {
           id: t.id ?? O(),
           isTemplateSection: t.isTemplateSection ?? !0,
           llmConfig: t.llmConfig ?? {}
-        }, a = J(c.locales);
+        }, a = T(c.locales);
         return delete c.locales, o.doc.transact(() => {
           if (n && n.component === "layout-block") {
             const d = m.currentPageModel?.getComponentById(n.id);
@@ -486,7 +483,7 @@ const Ie = () => {
         const n = m.currentPageModel?.getComponentById(t);
         if (!n?.model)
           throw new Error(`Section ${t} is not exists`);
-        const i = JSON.parse(JSON.stringify(n.model)), c = Ce(i), a = c.id, d = n?.parent;
+        const i = JSON.parse(JSON.stringify(n.model)), c = he(i), a = c.id, d = n?.parent;
         return d && (d.model.sections[a] = c, d.model.sectionIds.push(a), P.setCurrentSectionId(e, a), m.currentPage?.dataSource?.[t] && (m.currentPage.dataSource[a] = JSON.parse(
           JSON.stringify(m.currentPage.dataSource[t])
         ))), c;
@@ -517,11 +514,11 @@ const Ie = () => {
     localActions: P,
     ...m
   };
-}, F = () => {
-  const { projectId: o } = ce();
-  return o ?? ue() ?? "";
-}, Ye = () => window.__PROJECT_SLUG__ ?? "";
-function he(o) {
+}, U = () => {
+  const { projectId: o } = re();
+  return o ?? de() ?? "";
+}, Qe = () => window.__PROJECT_SLUG__ ?? "";
+function we(o) {
   const { resources: r } = o;
   if (!r.components)
     return {};
@@ -529,24 +526,24 @@ function he(o) {
   return window?.blocklet?.componentMountPoints?.forEach((p) => {
     l[p.did] = p;
   }), Object.fromEntries(
-    Object.entries(r.components).map(([p, { blockletId: w, component: y }]) => [
+    Object.entries(r.components).map(([p, { blockletId: w, component: h }]) => [
       p,
-      { data: y, blockletId: w, blockletTitle: l[w]?.title || w }
+      { data: h, blockletId: w, blockletTitle: l[w]?.title || w }
     ])
   );
 }
-function ye(o) {
+function Ie(o) {
   const { components: r } = o;
   return r || {};
 }
-function ve(o) {
+function ye(o) {
   return {
-    ...he(o),
-    ...ye(o)
+    ...we(o),
+    ...Ie(o)
   };
 }
-const Ze = () => ve(Ie().state);
-function Ce(o) {
+const Xe = () => ye(Pe().state);
+function he(o) {
   const r = JSON.parse(JSON.stringify(o)), l = O();
   return {
     ...r,
@@ -554,20 +551,19 @@ function Ce(o) {
   };
 }
 export {
-  Ke as E,
-  qe as S,
-  Ie as a,
-  We as b,
-  ve as c,
-  Ye as d,
-  Xe as e,
-  Qe as f,
-  ze as g,
-  Ze as h,
-  B as i,
-  ye as j,
-  he as k,
-  ue as l,
-  Ve as t,
-  F as u
+  ze as S,
+  Pe as a,
+  Ue as b,
+  ye as c,
+  Qe as d,
+  Ve as e,
+  Ke as f,
+  We as g,
+  Xe as h,
+  G as i,
+  Ie as j,
+  we as k,
+  de as l,
+  Fe as t,
+  U as u
 };

package/lib/es/components.js

@@ -8,17 +8,18 @@ import "lru-cache";
 import "node-fetch";
 import "ufo";
 import "lodash/isEmpty";
-import { c as _, G as E, d as l, e as d, j as N, k as O, m as P, h as c, g, f as T, s as h } from "./chunks/site-state-BdLTu3Od.js";
+import { C as S, G as _, e as c, f as E, c as d, k as P, n as N, b as O, j as g, g as I, h as T, s as h } from "./chunks/components-BWQM8y6L.js";
 export {
-  _ as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
-  E as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,
-  l as clearPreloadComponentsCache,
+  S as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
+  _ as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,
+  c as clearPreloadComponentsCache,
+  E as clearPreloadComponentsCacheByInstanceId,
   d as clearPreloadComponentsCacheByMode,
-  N as getComponentFromState,
-  O as getComponentFromStateByName,
-  P as getExportSchemaValueFromCode,
-  c as getPreloadComponent,
-  g as getPreloadComponents,
+  P as getComponentFromState,
+  N as getComponentFromStateByName,
+  O as getExportSchemaValueFromCode,
+  g as getPreloadComponent,
+  I as getPreloadComponents,
   T as getPreloadComponentsCacheKey,
-  h as skipCompileComponent
+  h as skipTranspileComponent
 };

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-0gvZF3k2.js";
+import "./chunks/state-C3hsEhCe.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@arcblock/ux/lib/Theme";
@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/index-D5gXPe_7.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-DW8SdyfO.js";
+import "./chunks/index-DaF8ujCZ.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-DBc-g4K0.js";
 import "./chunks/session-C72Dq8zg.js";
 export {
   R as HomeView,