@blocklet/pages-kit-inner-components 0.6.103 → 0.6.105

package/lib/es/chunks/{state-DNdwHwty.js → state-qDCrgEMQ.js}

@@ -1,67 +1,68 @@
-import { jsx as de } from "react/jsx-runtime";
-import { joinURL as F, withQuery as ue } from "ufo";
-import { createAxios as le } from "@blocklet/js-sdk";
-import pe from "lodash/isEmpty";
-import * as me from "yaml";
-import { useLocaleContext as fe } from "@arcblock/ux/lib/Locale/context";
+import { jsx as ue } from "react/jsx-runtime";
+import { joinURL as F, withQuery as le } from "ufo";
+import { createAxios as pe } from "@blocklet/js-sdk";
+import me from "lodash/isEmpty";
+import * as fe from "yaml";
+import { useLocaleContext as ge } from "@arcblock/ux/lib/Locale/context";
+import { useDeepCompareMemo as ee } from "@blocklet/pages-kit/hooks/use-deep-compare-memo";
 import { nextId as B } from "@blocklet/pages-kit/utils/common";
-import { getPageTemplateModel as ge } from "@blocklet/pages-kit/utils/page-model";
+import { getPageTemplateModel as Se } from "@blocklet/pages-kit/utils/page-model";
 import "@mui/material";
-import Se, { getYjsDoc as Ie } from "@syncedstore/core";
-import { useSyncedStore as Pe } from "@syncedstore/react";
-import { useLocalStorageState as ye } from "ahooks";
+import Ie, { getYjsDoc as Pe } from "@syncedstore/core";
+import { useSyncedStore as ye } from "@syncedstore/react";
+import { useLocalStorageState as we } from "ahooks";
 import { produce as _ } from "immer";
 import R from "lodash/cloneDeep";
-import ee from "lodash/debounce";
-import { createContext as we, useState as W, useRef as te, useMemo as j, useCallback as M, useEffect as V, useContext as Ce } from "react";
-import { useParams as he, useNavigate as ve } from "react-router-dom";
-import { IndexeddbPersistence as Oe } from "y-indexeddb";
-import { WebsocketProvider as be } from "y-websocket";
-import { UndoManager as xe } from "yjs";
+import te from "lodash/debounce";
+import { createContext as Ce, useState as W, useRef as oe, useMemo as D, useCallback as M, useEffect as V, useContext as he } from "react";
+import { useParams as ve, useNavigate as Oe } from "react-router-dom";
+import { IndexeddbPersistence as be } from "y-indexeddb";
+import { WebsocketProvider as xe } from "y-websocket";
+import { UndoManager as Ee } from "yjs";
 import "@blocklet/pages-kit/types";
-function Ee() {
+function Te() {
   const { pathname: o } = window.location, I = o.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], f = window.__PROJECT_ID__;
   if (!I && !f)
     throw new Error("Unable to get projectId from pathname");
   return I || f;
 }
-function st(o) {
+function at(o) {
   return `${o}:pages:version`;
 }
-function it(o, n) {
-  return n === "yaml" ? pe(o) ? "" : me.stringify(o, { indent: 2 }) : n === "json" ? JSON.parse(JSON.stringify(o || {})) : n === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
+function dt(o, n) {
+  return n === "yaml" ? me(o) ? "" : fe.stringify(o, { indent: 2 }) : n === "json" ? JSON.parse(JSON.stringify(o || {})) : n === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
 }
-const Q = window.blocklet?.prefix || "/", oe = le({
+const Q = window.blocklet?.prefix || "/", ne = pe({
   timeout: 200 * 1e3
-}), Te = window.location.protocol === "https:" ? "wss" : "ws", at = (o) => F(`${Te}://${window.location.hostname}`, Q, `api/${o}/ws/pages`), ke = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-blocklet?.componentMountPoints.find((o) => o.did === ke)?.mountPoint || F(Q, "/image-bin");
-function dt(o) {
+}), ke = window.location.protocol === "https:" ? "wss" : "ws", ut = (o) => F(`${ke}://${window.location.hostname}`, Q, `api/${o}/ws/pages`), Ne = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+blocklet?.componentMountPoints.find((o) => o.did === Ne)?.mountPoint || F(Q, "/image-bin");
+function lt(o) {
   return o && !/^(https?:\/\/|\/)/.test(o) ? window.location.origin + F(Q, "uploads", o) : o;
 }
-const Ne = window.innerWidth <= 750;
-function ut(o, n, I) {
+const Le = window.innerWidth <= 750;
+function pt(o, n, I) {
   if (!o || /\.gif/.test(o)) return o;
-  const f = (Ne ? n / 1.5 : n) * (I === "quality" ? 1.5 : 1);
-  return Le(o, { imageFilter: "resize", w: f, f: "webp" });
+  const f = (Le ? n / 1.5 : n) * (I === "quality" ? 1.5 : 1);
+  return Me(o, { imageFilter: "resize", w: f, f: "webp" });
 }
-function Le(o, n) {
-  return !o || !n ? o : ue(o, n);
+function Me(o, n) {
+  return !o || !n ? o : le(o, n);
 }
 async function je(o) {
-  return oe.get(`/api/projects/${o}`).then((n) => n.data);
+  return ne.get(`/api/projects/${o}`).then((n) => n.data);
 }
-async function Me(o) {
-  return oe.post(`/api/projects/${o.id}/update`, o).then((n) => n.data);
+async function Ae(o) {
+  return ne.post(`/api/projects/${o.id}/update`, o).then((n) => n.data);
 }
 const q = "@COMPONENT-TEMPLATE-", X = (o) => `${q}${o}`, K = (o) => o.startsWith(q), Z = (o) => K(o) ? o.slice(q.length) : null;
-function ne(o, n = {}) {
+function re(o, n = {}) {
   return n[o.id] = o, o.sectionIds && o.sections && o.sectionIds.forEach((I) => {
     const f = o.sections?.[I];
-    f && ne(f, n);
+    f && re(f, n);
   }), n;
 }
-function Ae(o, n) {
-  const I = X(o.id), f = n.section, O = ne(f);
+function De(o, n) {
+  const I = X(o.id), f = n.section, O = re(f);
   n.dataSource ??= {};
   const w = n.dataSource;
   return {
@@ -78,20 +79,20 @@ function Ae(o, n) {
     dataSource: w
   };
 }
-const De = 500, re = we(null);
-function lt({
+const _e = 500, ce = Ce(null);
+function mt({
   url: o,
   name: n,
   children: I,
   waitingSynced: f
 }) {
-  const [O, w] = W(!1), { locale: A } = fe(), h = ce(), k = `${h}:MakerLocalState`, b = `${h}:${n}`, [v, S] = ye(k, {
+  const [O, w] = W(!1), { locale: j } = ge(), h = se(), k = `${h}:MakerLocalState`, b = `${h}:${n}`, [v, S] = we(k, {
     defaultValue: {},
     listenStorageChange: !0
-  }), J = te(v);
-  J.current = v;
-  const $ = j(
-    () => Se({
+  }), $ = oe(v);
+  $.current = v;
+  const J = D(
+    () => Ie({
       dataSourceIds: [],
       dataSources: {},
       pages: {},
@@ -104,18 +105,18 @@ function lt({
       resources: {}
     }),
     []
-  ), y = j(() => Ie($), [$]);
-  j(() => new Oe(b, y), [b, y]);
-  const C = j(
-    () => new be(o, b, y, {
+  ), y = D(() => Pe(J), [J]);
+  D(() => new be(b, y), [b, y]);
+  const C = D(
+    () => new xe(o, b, y, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
     [o, b, y]
   ), U = M(() => {
     C && (C.wsconnected ? (C.disconnect(), setTimeout(() => C.connect(), 100)) : C.connect());
-  }, [C]), e = j(
-    () => new xe(
+  }, [C]), e = D(
+    () => new Ee(
       [
         y.getArray("pageIds"),
         y.getMap("pages"),
@@ -149,7 +150,7 @@ function lt({
           ...s
         }));
         try {
-          const g = await Me({
+          const g = await Ae({
             ...s
           });
           r(g);
@@ -163,14 +164,14 @@ function lt({
   V(() => {
     h && m();
   }, [h, m]);
-  const p = j(
+  const p = ee(
     () => ({
       doc: y,
-      state: $,
+      state: J,
       localState: {
         ...v,
         // always use the locale from the context
-        currentLocale: A
+        currentLocale: j
       },
       setLocalState: (s) => S(typeof s == "function" ? (a) => s(a ?? {}) : s),
       undoManager: e,
@@ -185,8 +186,8 @@ function lt({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       y,
-      $,
-      JSON.stringify(v),
+      J,
+      v,
       // resolve the problem of react warning
       S,
       e,
@@ -194,13 +195,13 @@ function lt({
       c,
       u,
       i,
-      A,
+      j,
       U
     ]
   );
   return V(() => {
     e.on("stack-item-added", ({ stackItem: s }) => {
-      const { currentPageId: a, currentLocale: g, pages: P } = J.current;
+      const { currentPageId: a, currentLocale: g, pages: P } = $.current;
       s.meta.set("localState", { currentPageId: a, currentLocale: g, pages: P });
     }), e.on("stack-item-popped", ({ stackItem: s }) => {
       const a = s.meta.get("localState");
@@ -223,21 +224,21 @@ function lt({
         ...T,
         networkStatus: "offline"
       }));
-    }, L = ee(({ status: T }) => {
+    }, L = te(({ status: T }) => {
       if (T === "connected")
         x(), a && (clearTimeout(a), a = null);
       else if (T === "disconnected") {
         if (s++, !a) {
-          const se = Date.now();
+          const ie = Date.now();
           let H = 0;
-          const ie = Math.ceil(N / P), Y = () => {
+          const ae = Math.ceil(N / P), Y = () => {
             H++;
-            const ae = Date.now() - se;
+            const de = Date.now() - ie;
             if (C.wsconnected) {
               x();
               return;
             }
-            if (ae >= N || H >= ie) {
+            if (de >= N || H >= ae) {
               E();
               return;
             }
@@ -247,26 +248,26 @@ function lt({
         }
         s >= g && E();
       }
-    }, De), D = () => {
+    }, _e), A = () => {
       C.wsconnected || C.connect(), x();
     }, G = () => {
       E();
     };
-    return C.on("status", L), window.addEventListener("online", D), window.addEventListener("offline", G), C.wsconnected && x(), () => {
-      a && clearTimeout(a), C.off("status", L), window.removeEventListener("online", D), window.removeEventListener("offline", G);
+    return C.on("status", L), window.addEventListener("online", A), window.addEventListener("offline", G), C.wsconnected && x(), () => {
+      a && clearTimeout(a), C.off("status", L), window.removeEventListener("online", A), window.removeEventListener("offline", G);
     };
-  }, [C, S]), f && !O ? null : /* @__PURE__ */ de(re.Provider, { value: p, children: I });
+  }, [C, S]), f && !O ? null : /* @__PURE__ */ ue(ce.Provider, { value: p, children: I });
 }
-const _e = () => {
-  const o = Ce(re);
+const Re = () => {
+  const o = he(ce);
   if (!o)
     throw new Error("Context is null");
-  const n = Pe(o.state), { setLocalState: I, localState: f } = o, O = ve(), w = ce(), A = te({}), h = M(
+  const n = ye(o.state), { setLocalState: I, localState: f } = o, O = Oe(), w = se(), j = oe({}), h = M(
     (e) => {
       const t = n.components[e]?.data;
-      return !t || t.renderer?.type !== "component-template" ? void 0 : (A.current[e] || (A.current[e] = {
-        page: Ae(t, t.renderer)
-      }), A.current[e]?.page);
+      return !t || t.renderer?.type !== "component-template" ? void 0 : (j.current[e] || (j.current[e] = {
+        page: De(t, t.renderer)
+      }), j.current[e]?.page);
     },
     [n.components]
   ), k = M(
@@ -314,7 +315,7 @@ const _e = () => {
       return t;
     },
     [b]
-  ), S = j(
+  ), S = ee(
     () => ({
       get currentPage() {
         const {
@@ -399,11 +400,11 @@ const _e = () => {
       get currentPageModel() {
         const e = this.currentPage ?? null;
         if (e)
-          return ge(e, !1);
+          return Se(e, !1);
       }
     }),
-    [JSON.stringify(f), n]
-  ), J = j(() => {
+    [f, n]
+  ), $ = D(() => {
     if (f.currentPageId) {
       const e = b(f.currentPageId);
       if (e?.kind === "component-template")
@@ -421,10 +422,10 @@ const _e = () => {
           renderer: e.renderer
         };
     }
-  }, [f.currentPageId, f.currentComponentId, b, k]), $ = M(
-    () => J?.kind === "component-template" ? J : void 0,
-    [J]
-  ), y = j(
+  }, [f.currentPageId, f.currentComponentId, b, k]), J = M(
+    () => $?.kind === "component-template" ? $ : void 0,
+    [$]
+  ), y = D(
     () => ({
       setCurrentSectionId: (e, t) => {
         const r = K(e), c = r ? Z(e) : null;
@@ -461,7 +462,7 @@ const _e = () => {
       setCustomComponentPreviewerProperties: (() => {
         const e = {};
         let t = "";
-        const r = ee(() => {
+        const r = te(() => {
           I(
             (c) => _(c, (d) => {
               d.customComponentPreviewerProperties ??= {}, d.customComponentPreviewerProperties[t] = {
@@ -514,8 +515,8 @@ const _e = () => {
           const s = (a, g) => {
             const P = u[a.id];
             P && (l.dataSource[g.id] = R(P)), a.component === "layout-block" && a.sectionIds?.length && a.sectionIds.forEach((N, x) => {
-              const E = a.sections?.[N], L = g.sectionIds?.[x], D = L ? g.sections?.[L] : void 0;
-              E && D && s(E, D);
+              const E = a.sections?.[N], L = g.sectionIds?.[x], A = L ? g.sections?.[L] : void 0;
+              E && A && s(E, A);
             });
           };
           s(m, p);
@@ -523,7 +524,7 @@ const _e = () => {
       }), y.setCurrentSectionId(e, p.id), p;
     },
     [v, S, o.doc, y]
-  ), U = j(
+  ), U = D(
     () => ({
       addPage: (e, t) => {
         const r = e?.id ?? B(), c = {
@@ -672,8 +673,8 @@ const _e = () => {
             if (!P || P.component !== "layout-block")
               throw new Error(`Layout block ${a} not found`);
             if (a === t || ((E, L) => {
-              const D = l.getComponentById(E), G = l.getComponentById(L);
-              if (!D || !G || D.model.component !== "layout-block")
+              const A = l.getComponentById(E), G = l.getComponentById(L);
+              if (!A || !G || A.model.component !== "layout-block")
                 return !1;
               let T = G.parent;
               for (; T; ) {
@@ -808,13 +809,13 @@ const _e = () => {
     actions: U,
     localActions: y,
     ...S,
-    getComponentTemplateContext: $
+    getComponentTemplateContext: J
   };
-}, ce = () => {
-  const { projectId: o } = he();
-  return o ?? Ee() ?? "";
-}, pt = () => window.__PROJECT_SLUG__ ?? "";
-function Re(o) {
+}, se = () => {
+  const { projectId: o } = ve();
+  return o ?? Te() ?? "";
+}, ft = () => window.__PROJECT_SLUG__ ?? "";
+function $e(o) {
   const { resources: n } = o;
   if (!n.components)
     return {};
@@ -832,19 +833,19 @@ function Je(o) {
   const { components: n } = o;
   return n || {};
 }
-function $e(o) {
+function Be(o) {
   return {
-    ...Re(o),
+    ...$e(o),
     ...Je(o)
   };
 }
-const mt = () => $e(_e().state);
+const gt = () => Be(Re().state);
 function z(o) {
   const n = JSON.parse(JSON.stringify(o)), I = B();
   if (n.component === "layout-block") {
     const f = { ...n.config ?? {} }, O = n.sectionIds?.map((w) => {
-      const A = n.sections?.[w], h = z(n.sections?.[w]), k = h.id;
-      return A?.id === n.config?.backgroundSectionId && (f.backgroundSectionId = h.id), n.config?.gridSettings && Object.keys(n.config.gridSettings).forEach((b) => {
+      const j = n.sections?.[w], h = z(n.sections?.[w]), k = h.id;
+      return j?.id === n.config?.backgroundSectionId && (f.backgroundSectionId = h.id), n.config?.gridSettings && Object.keys(n.config.gridSettings).forEach((b) => {
         f.gridSettings[b] = {
           ...f.gridSettings[b] ?? {},
           [k]: {
@@ -862,20 +863,20 @@ function z(o) {
   };
 }
 export {
-  lt as S,
-  _e as a,
-  st as b,
-  $e as c,
-  pt as d,
-  ut as e,
-  dt as f,
-  at as g,
-  mt as h,
-  oe as i,
-  Ae as j,
-  Ee as k,
+  mt as S,
+  Re as a,
+  at as b,
+  Be as c,
+  ft as d,
+  pt as e,
+  lt as f,
+  ut as g,
+  gt as h,
+  ne as i,
+  De as j,
+  Te as k,
   Je as l,
-  Re as m,
-  it as t,
-  ce as u
+  $e as m,
+  dt as t,
+  se as u
 };

package/lib/es/components.js

@@ -1,4 +1,4 @@
-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-BIhMGXjB.js";
+import { C as _, G as c, e as E, f as d, c as P, k as N, n as O, b as g, j as I, g as T, h, s as y } from "./chunks/components-DLjI_Xlm.js";
 import "@blocklet/pages-kit/builtin/utils";
 import "@blocklet/pages-kit/types";
 import "@blocklet/pages-kit/utils/builtin";
@@ -8,18 +8,19 @@ import "@blocklet/sdk/lib/config";
 import "lodash/isEmpty";
 import "lru-cache";
 import "node-fetch";
+import "p-limit";
 import "ufo";
 export {
-  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,
-  P as getComponentFromState,
-  N as getComponentFromStateByName,
-  O as getExportSchemaValueFromCode,
-  g as getPreloadComponent,
-  I as getPreloadComponents,
-  T as getPreloadComponentsCacheKey,
-  h as skipTranspileComponent
+  _ as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
+  c as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,
+  E as clearPreloadComponentsCache,
+  d as clearPreloadComponentsCacheByInstanceId,
+  P as clearPreloadComponentsCacheByMode,
+  N as getComponentFromState,
+  O as getComponentFromStateByName,
+  g as getExportSchemaValueFromCode,
+  I as getPreloadComponent,
+  T as getPreloadComponents,
+  h as getPreloadComponentsCacheKey,
+  y as skipTranspileComponent
 };

package/lib/es/home.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "./chunks/state-DNdwHwty.js";
+import "./chunks/state-qDCrgEMQ.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-DENjTU8O.js";
-import { a as R, e as S, P as W, d as j, c as k, b as q, T as v, H as z } from "./chunks/home-DVTVPkSm.js";
+import "./chunks/index-BpP1FqET.js";
+import { a as R, e as S, P as W, d as j, c as k, b as q, T as v, H as z } from "./chunks/home-DajDpGXA.js";
 import "./chunks/session-Dx5M-1r2.js";
 export {
   R as HomeView,

package/lib/es/project-html.js

@@ -5,7 +5,7 @@ import { WalletAuthenticator as B } from "@blocklet/sdk/lib/wallet-authenticator
 import { WalletHandlers as D } from "@blocklet/sdk/lib/wallet-handler";
 import { BlockletService as K } from "@blocklet/sdk/service/auth";
 import U, { resolve as C } from "path";
-import { l as v, g as W } from "./chunks/components-BIhMGXjB.js";
+import { l as v, g as W } from "./chunks/components-DLjI_Xlm.js";
 import { e as H, i as N } from "./chunks/html-DOgzvdOd.js";
 import { createSnapshotMiddleware as O } from "@arcblock/crawler-middleware";
 import { PreloadComponentScriptModule as R } from "@blocklet/pages-kit/types";

package/lib/es/resources.js

@@ -1,5 +1,5 @@
-import { i as A, a as M, l as b } from "./chunks/components-BIhMGXjB.js";
-import { P as w, C as J, R as X, S as x, t as W, g as G } from "./chunks/site-state-CN4Kulgk.js";
+import { i as A, a as M, l as b } from "./chunks/components-DLjI_Xlm.js";
+import { P as w, C as J, R as X, S as x, t as W, g as G } from "./chunks/site-state-DS7eIMFg.js";
 import { Router as K } from "express";
 import a from "fs";
 import m from "joi";