@blocklet/pages-kit-inner-components 0.5.41 → 0.5.42

package/lib/es/chunks/{state-BzwEX9VC.js → state-COB6reM7.js}

@@ -1,81 +1,81 @@
 import { jsx as T } from "react/jsx-runtime";
-import { Box as z, Alert as q } from "@mui/material";
+import { Box as K, Alert as q } from "@mui/material";
 import { joinURL as _, withQuery as Q } from "ufo";
 import { createAxios as X } from "@blocklet/js-sdk";
-import H from "lodash/isEmpty";
-import * as Y from "yaml";
-import { useLocaleContext as Z } from "@arcblock/ux/lib/Locale/context";
-import { TemplateModel as ee, PAGES_KIT_CHILDREN_PROPERTIES as te } from "@blocklet/pages-kit-core";
-import oe, { getYjsDoc as ne } from "@syncedstore/core";
-import { useSyncedStore as re } from "@syncedstore/react";
-import { useLocalStorageState as se } from "ahooks";
+import Y from "lodash/isEmpty";
+import * as Z from "yaml";
+import { useLocaleContext as H } from "@arcblock/ux/lib/Locale/context";
+import { getPageTemplateModel as ee } from "@blocklet/pages-kit/utils/page-model";
+import te, { getYjsDoc as oe } from "@syncedstore/core";
+import { useSyncedStore as ne } from "@syncedstore/react";
+import { useLocalStorageState as re } from "ahooks";
 import { produce as M } from "immer";
 import G from "lodash/cloneDeep";
 import F from "lodash/debounce";
-import { customAlphabet as ce } from "nanoid";
-import { createContext as ie, useState as R, useRef as ae, useMemo as E, useCallback as $, useEffect as D, useContext as de } from "react";
-import { useParams as le, useNavigate as ue } from "react-router-dom";
-import { IndexeddbPersistence as me } from "y-indexeddb";
-import { WebsocketProvider as fe } from "y-websocket";
-import { UndoManager as Se } from "yjs";
+import { customAlphabet as se } from "nanoid";
+import { createContext as ce, useState as $, useRef as ie, useMemo as L, useCallback as R, useEffect as D, useContext as ae } from "react";
+import { useParams as de, useNavigate as le } from "react-router-dom";
+import { IndexeddbPersistence as ue } from "y-indexeddb";
+import { WebsocketProvider as me } from "y-websocket";
+import { UndoManager as fe } from "yjs";
 import "@blocklet/pages-kit/types";
-const qe = (s) => {
+const Ke = (s) => {
   const n = blocklet == null ? void 0 : blocklet.componentMountPoints.find((f) => f.name === s);
   return n ? n.mountPoint : "/";
 };
-function pe() {
+function Se() {
   const { pathname: s } = window.location, n = s.match(/\/admin\/(maker|previewer)\/([^/]+)/), f = n == null ? void 0 : n[2], h = window.__PROJECT_ID__;
   if (!f && !h)
     throw new Error("Unable to get projectId from pathname");
   return f || h;
 }
-function Qe(s) {
+function qe(s) {
   return `${s}:pages:version`;
 }
-function Xe(s, n) {
-  return n === "yaml" ? H(s) ? "" : Y.stringify(s, { indent: 2 }) : n === "json" ? JSON.parse(JSON.stringify(s || {})) : n === "array" ? JSON.parse(JSON.stringify(s || [])) : s;
+function Qe(s, n) {
+  return n === "yaml" ? Y(s) ? "" : Z.stringify(s, { indent: 2 }) : n === "json" ? JSON.parse(JSON.stringify(s || {})) : n === "array" ? JSON.parse(JSON.stringify(s || [])) : s;
 }
-function He({ error: s }) {
-  return /* @__PURE__ */ T(z, { children: /* @__PURE__ */ T(q, { severity: "error", children: s.message }) });
+function Xe({ error: s }) {
+  return /* @__PURE__ */ T(K, { children: /* @__PURE__ */ T(q, { severity: "error", children: s.message }) });
 }
 var B;
 const J = ((B = window.blocklet) == null ? void 0 : B.prefix) || "/", W = X({
   timeout: 200 * 1e3
-}), ge = window.location.protocol === "https:" ? "wss" : "ws", Ye = (s) => _(`${ge}://${window.location.hostname}`, J, `api/${s}/ws/pages`), Pe = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+}), pe = window.location.protocol === "https:" ? "wss" : "ws", Ye = (s) => _(`${pe}://${window.location.hostname}`, J, `api/${s}/ws/pages`), ge = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
 var U;
-(U = blocklet == null ? void 0 : blocklet.componentMountPoints.find((s) => s.did === Pe)) != null && U.mountPoint || _(J, "/image-bin");
+(U = blocklet == null ? void 0 : blocklet.componentMountPoints.find((s) => s.did === ge)) != null && U.mountPoint || _(J, "/image-bin");
 function Ze(s) {
   return s && !/^(https?:\/\/|\/)/.test(s) ? window.location.origin + _(J, "uploads", s) : s;
 }
-const we = window.innerWidth <= 750;
-function et(s, n, f) {
+const Pe = window.innerWidth <= 750;
+function He(s, n, f) {
   if (!s || /\.gif/.test(s)) return s;
-  const h = (we ? n / 1.5 : n) * (f === "quality" ? 1.5 : 1);
-  return Ie(s, { imageFilter: "resize", w: h, f: "webp" });
+  const h = (Pe ? n / 1.5 : n) * (f === "quality" ? 1.5 : 1);
+  return we(s, { imageFilter: "resize", w: h, f: "webp" });
 }
-function Ie(s, n) {
+function we(s, n) {
   return !s || !n ? s : Q(s, n);
 }
-async function ye(s) {
+async function Ie(s) {
   return W.get(`/api/projects/${s}`).then((n) => n.data);
 }
-async function he(s) {
+async function ye(s) {
   return W.post(`/api/projects/${s.id}/update`, s).then((n) => n.data);
 }
-const ve = 500, A = ce("abcdefghijklmnopqrstuvwxyz0123456789", 16), N = ie(null);
-function tt({
+const he = 500, A = se("abcdefghijklmnopqrstuvwxyz0123456789", 16), N = ce(null);
+function et({
   url: s,
   name: n,
   children: f,
   waitingSynced: h
 }) {
-  const [L, O] = R(!1), { locale: S } = Z(), v = K(), k = `${v}:MakerLocalState`, e = `${v}:${n}`, [t, c] = se(k, {
+  const [E, j] = $(!1), { locale: S } = H(), v = V(), k = `${v}:MakerLocalState`, e = `${v}:${n}`, [t, c] = re(k, {
     defaultValue: {},
     listenStorageChange: !0
-  }), r = ae(t);
+  }), r = ie(t);
   r.current = t;
-  const i = E(
-    () => oe({
+  const i = L(
+    () => te({
       dataSourceIds: [],
       dataSources: {},
       pages: {},
@@ -88,18 +88,18 @@ function tt({
       resources: {}
     }),
     []
-  ), o = E(() => ne(i), [i]);
-  E(() => new me(e, o), [e, o]);
-  const a = E(
-    () => new fe(s, e, o, {
+  ), o = L(() => oe(i), [i]);
+  L(() => new ue(e, o), [e, o]);
+  const a = L(
+    () => new me(s, e, o, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
     [s, e, o]
-  ), d = $(() => {
+  ), d = R(() => {
     a && (a.disconnect(), a.connect());
-  }, [a]), l = E(
-    () => new Se(
+  }, [a]), l = L(
+    () => new fe(
       [
         o.getArray("pageIds"),
         o.getMap("pages"),
@@ -113,11 +113,11 @@ function tt({
       { doc: o }
     ),
     [o]
-  ), [u, m] = R(null), [x, P] = R(!1), [w, C] = R(void 0), p = $(async () => {
+  ), [u, m] = $(null), [x, P] = $(!1), [w, C] = $(void 0), p = R(async () => {
     if (v) {
       P(!0);
       try {
-        const g = await ye(v);
+        const g = await Ie(v);
         m(g);
       } catch (g) {
         console.error("Failed to fetch project:", g);
@@ -125,21 +125,21 @@ function tt({
         P(!1);
       }
     }
-  }, [v]), b = $(
+  }, [v]), b = R(
     async (g, I) => {
-      var j;
+      var O;
       if (C(void 0), !!v) {
         I != null && I.optimisticUpdate && u && m((y) => ({
           ...y,
           ...g
         }));
         try {
-          const y = await he({
+          const y = await ye({
             ...g
           });
           m(y);
         } catch (y) {
-          console.error("Failed to update project:", y), I != null && I.optimisticUpdate && m(u), C((j = y == null ? void 0 : y.response) == null ? void 0 : j.data);
+          console.error("Failed to update project:", y), I != null && I.optimisticUpdate && m(u), C((O = y == null ? void 0 : y.response) == null ? void 0 : O.data);
         }
       }
     },
@@ -148,7 +148,7 @@ function tt({
   D(() => {
     v && p();
   }, [v, p]);
-  const V = E(
+  const z = L(
     () => ({
       doc: o,
       state: i,
@@ -185,16 +185,16 @@ function tt({
   );
   return D(() => {
     l.on("stack-item-added", ({ stackItem: g }) => {
-      const { currentPageId: I, currentLocale: j, pages: y } = r.current;
-      g.meta.set("localState", { currentPageId: I, currentLocale: j, pages: y });
+      const { currentPageId: I, currentLocale: O, pages: y } = r.current;
+      g.meta.set("localState", { currentPageId: I, currentLocale: O, pages: y });
     }), l.on("stack-item-popped", ({ stackItem: g }) => {
       const I = g.meta.get("localState");
-      I && c((j) => ({ ...j, ...I }));
+      I && c((O) => ({ ...O, ...I }));
     });
   }, [l, c]), D(() => {
     a.awareness.setLocalState(t);
   }, [a, t]), D(() => {
-    a.once("synced", () => O(!0));
+    a.once("synced", () => j(!0));
     const g = () => {
       c((y) => ({
         ...y,
@@ -205,19 +205,19 @@ function tt({
         ...y,
         networkStatus: "offline"
       }));
-    }, j = F(({ status: y }) => {
+    }, O = F(({ status: y }) => {
       y === "connected" ? g() : y === "disconnected" && I();
-    }, ve);
-    return a.on("status", j), window.addEventListener("online", g), window.addEventListener("offline", I), () => {
-      a.off("status", j), window.removeEventListener("online", g), window.removeEventListener("offline", I);
+    }, he);
+    return a.on("status", O), window.addEventListener("online", g), window.addEventListener("offline", I), () => {
+      a.off("status", O), window.removeEventListener("online", g), window.removeEventListener("offline", I);
     };
-  }, [a, c]), h && !L ? null : /* @__PURE__ */ T(N.Provider, { value: V, children: f });
+  }, [a, c]), h && !E ? null : /* @__PURE__ */ T(N.Provider, { value: z, children: f });
 }
-const Ce = () => {
-  const s = de(N);
+const ve = () => {
+  const s = ae(N);
   if (!s)
     throw new Error("Context is null");
-  const n = re(s.state), { setLocalState: f, localState: h } = s, L = ue(), O = K(), S = E(
+  const n = ne(s.state), { setLocalState: f, localState: h } = s, E = le(), j = V(), S = L(
     () => ({
       get currentPage() {
         const {
@@ -297,21 +297,16 @@ const Ce = () => {
       },
       get currentPageModel() {
         const e = this.currentPage ?? null;
-        if (e) {
-          const t = new ee({
-            childrenProperties: te,
-            locale: h.currentLocale
-          });
-          return t.parse(e), t;
-        }
+        if (e)
+          return ee(e, !1);
       }
     }),
     [JSON.stringify(h), n]
-  ), v = E(
+  ), v = L(
     () => ({
       setCurrentSectionId: (e, t) => {
         var c, r;
-        e === h.currentPageId && t === ((r = (c = h.pages) == null ? void 0 : c[e]) == null ? void 0 : r.currentSectionId) || (L(_("/admin/maker", O ?? "", "pages", e)), f(
+        e === h.currentPageId && t === ((r = (c = h.pages) == null ? void 0 : c[e]) == null ? void 0 : r.currentSectionId) || (E(_("/admin/maker", j ?? "", "pages", e)), f(
           (i) => M(i, (o) => {
             var a;
             o.currentPageId = e, o.currentComponentId = void 0, t !== void 0 && (o.pages ?? (o.pages = {}), (a = o.pages)[e] ?? (a[e] = {}), o.pages[e].currentSectionId = t ?? void 0), t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
@@ -319,7 +314,7 @@ const Ce = () => {
         ));
       },
       setCurrentComponentId: (e) => {
-        e !== h.currentComponentId && (L(_("/admin/maker", O ?? "", "components", e)), f(
+        e !== h.currentComponentId && (E(_("/admin/maker", j ?? "", "components", e)), f(
           (t) => M(t, (c) => {
             c.currentComponentId = e;
           })
@@ -371,8 +366,8 @@ const Ce = () => {
         );
       }
     }),
-    [f, L, O, S]
-  ), k = E(
+    [f, E, j, S]
+  ), k = L(
     () => ({
       addPage: (e, t) => {
         var i, o, a, d, l, u;
@@ -516,7 +511,7 @@ const Ce = () => {
         const r = (l = S.currentPageModel) == null ? void 0 : l.getComponentById(t);
         if (!(r != null && r.model))
           throw new Error(`Section ${t} is not exists`);
-        const i = JSON.parse(JSON.stringify(r.model)), o = Ee(i), a = o.id, d = r == null ? void 0 : r.parent;
+        const i = JSON.parse(JSON.stringify(r.model)), o = Oe(i), a = o.id, d = r == null ? void 0 : r.parent;
         return d && (d.model.sections[a] = o, d.model.sectionIds.push(a), v.setCurrentSectionId(e, a), (m = (u = S.currentPage) == null ? void 0 : u.dataSource) != null && m[t] && (S.currentPage.dataSource[a] = JSON.parse(
           JSON.stringify(S.currentPage.dataSource[t])
         ))), o;
@@ -547,40 +542,40 @@ const Ce = () => {
     localActions: v,
     ...S
   };
-}, K = () => {
-  const { projectId: s } = le();
-  return s ?? pe() ?? "";
-}, ot = () => window.__PROJECT_SLUG__ ?? "";
-function be(s) {
-  var h, L;
+}, V = () => {
+  const { projectId: s } = de();
+  return s ?? Se() ?? "";
+}, tt = () => window.__PROJECT_SLUG__ ?? "";
+function Ce(s) {
+  var h, E;
   const { resources: n } = s;
   if (!n.components)
     return {};
   const f = {};
-  return (L = (h = window == null ? void 0 : window.blocklet) == null ? void 0 : h.componentMountPoints) == null || L.forEach((O) => {
-    f[O.did] = O;
+  return (E = (h = window == null ? void 0 : window.blocklet) == null ? void 0 : h.componentMountPoints) == null || E.forEach((j) => {
+    f[j.did] = j;
   }), Object.fromEntries(
-    Object.entries(n.components).map(([O, { blockletId: S, component: v }]) => {
+    Object.entries(n.components).map(([j, { blockletId: S, component: v }]) => {
       var k;
       return [
-        O,
+        j,
         { data: v, blockletId: S, blockletTitle: ((k = f[S]) == null ? void 0 : k.title) || S }
       ];
     })
   );
 }
-function Oe(s) {
+function be(s) {
   const { components: n } = s;
   return n || {};
 }
 function je(s) {
   return {
-    ...be(s),
-    ...Oe(s)
+    ...Ce(s),
+    ...be(s)
   };
 }
-const nt = () => je(Ce().state);
-function Ee(s) {
+const ot = () => je(ve().state);
+function Oe(s) {
   const n = JSON.parse(JSON.stringify(s)), f = A();
   return {
     ...n,
@@ -588,22 +583,22 @@ function Ee(s) {
   };
 }
 export {
-  He as E,
-  tt as S,
+  Xe as E,
+  et as S,
   Ye as a,
-  Ce as b,
-  Qe as c,
+  ve as b,
+  qe as c,
   je as d,
-  ot as e,
-  et as f,
+  tt as e,
+  He as f,
   Ze as g,
-  nt as h,
+  ot as h,
   W as i,
-  qe as j,
-  Oe as k,
-  be as l,
-  pe as m,
+  Ke as j,
+  be as k,
+  Ce as l,
+  Se as m,
   A as n,
-  Xe as t,
-  K as u
+  Qe as t,
+  V as u
 };

package/lib/es/components.js

@@ -7,7 +7,7 @@ import "lru-cache";
 import "node-fetch";
 import "ufo";
 import "crypto";
-import { c as _, G as E, d as i, e as d, j as l, k as N, m as O, h as P, g as c, f as g } from "./chunks/site-state-YSH6XJUc.js";
+import { c as _, G as E, d as i, e as d, j as l, k as N, m as O, h as P, g as c, f as g } from "./chunks/site-state-BeEHvakk.js";
 export {
   _ as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
   E as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-BzwEX9VC.js";
+import "./chunks/state-COB6reM7.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@blocklet/pages-kit/builtin/page/header";
@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/array-D34Qpnhk.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-DZ0sRPEQ.js";
+import "./chunks/array-DM0x2Sjw.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-ClxOpmCx.js";
 import "./chunks/session-CVblGhSp.js";
 export {
   R as HomeView,