@blocklet/pages-kit-inner-components 0.5.56 → 0.6.0

package/lib/es/chunks/state-0gvZF3k2.js

@@ -0,0 +1,573 @@
+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 { 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 { 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 "@blocklet/pages-kit/types";
+function ue() {
+  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) {
+  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 Ke({ error: o }) {
+  return /* @__PURE__ */ k(V, { children: /* @__PURE__ */ k(K, { severity: "error", children: o.message }) });
+}
+const N = window.blocklet?.prefix || "/", B = Q({
+  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;
+}
+const fe = window.innerWidth <= 750;
+function Xe(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" });
+}
+function ge(o, r) {
+  return !o || !r ? o : z(o, r);
+}
+async function Se(o) {
+  return B.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);
+}
+const we = 500, U = ne(null);
+function qe({
+  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, {
+    defaultValue: {},
+    listenStorageChange: !0
+  }), n = re(t);
+  n.current = t;
+  const i = I(
+    () => H({
+      dataSourceIds: [],
+      dataSources: {},
+      pages: {},
+      pageIds: [],
+      routes: {},
+      routeIds: [],
+      components: {},
+      supportedLocales: [],
+      config: {},
+      resources: {}
+    }),
+    []
+  ), c = I(() => ee(i), [i]);
+  I(() => new ie(e, c), [e, c]);
+  const a = I(
+    () => new de(o, e, c, {
+      params: {},
+      resyncInterval: 5 * 60 * 1e3
+    }),
+    [o, e, c]
+  ), d = M(() => {
+    a && (a.disconnect(), a.connect());
+  }, [a]), f = I(
+    () => new le(
+      [
+        c.getArray("pageIds"),
+        c.getMap("pages"),
+        c.getArray("supportedLocales"),
+        c.getMap("config"),
+        c.getMap("dataSources"),
+        c.getArray("dataSourceIds"),
+        c.getArray("routeIds"),
+        c.getMap("routes")
+      ],
+      { doc: c }
+    ),
+    [c]
+  ), [C, j] = x(null), [A, R] = x(!1), [_, $] = x(void 0), D = M(async () => {
+    if (P) {
+      R(!0);
+      try {
+        const u = await Se(P);
+        j(u);
+      } catch (u) {
+        console.error("Failed to fetch project:", u);
+      } finally {
+        R(!1);
+      }
+    }
+  }, [P]), T = M(
+    async (u, g) => {
+      if ($(void 0), !!P) {
+        g?.optimisticUpdate && C && j((S) => ({
+          ...S,
+          ...u
+        }));
+        try {
+          const S = await Pe({
+            ...u
+          });
+          j(S);
+        } catch (S) {
+          console.error("Failed to update project:", S), g?.optimisticUpdate && j(C), $(S?.response?.data);
+        }
+      }
+    },
+    [P, C]
+  );
+  L(() => {
+    P && D();
+  }, [P, D]);
+  const W = I(
+    () => ({
+      doc: c,
+      state: i,
+      localState: {
+        ...t,
+        // always use the locale from the context
+        currentLocale: m
+      },
+      setLocalState: (u) => s(typeof u == "function" ? (g) => u(g ?? {}) : u),
+      undoManager: f,
+      projectState: {
+        project: C,
+        isLoadingProject: A,
+        error: _
+      },
+      updateProject: T,
+      forceSync: d
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      c,
+      i,
+      JSON.stringify(t),
+      // resolve the problem of react warning
+      s,
+      f,
+      C,
+      A,
+      T,
+      _,
+      m,
+      d
+    ]
+  );
+  return L(() => {
+    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 });
+    }), f.on("stack-item-popped", ({ stackItem: u }) => {
+      const g = u.meta.get("localState");
+      g && s((S) => ({ ...S, ...g }));
+    });
+  }, [f, s]), L(() => {
+    a.awareness.setLocalState(t);
+  }, [a, t]), L(() => {
+    a.once("synced", () => y(!0));
+    const u = () => {
+      s((h) => ({
+        ...h,
+        networkStatus: void 0
+      }));
+    }, g = () => {
+      s((h) => ({
+        ...h,
+        networkStatus: "offline"
+      }));
+    }, S = G(({ status: h }) => {
+      h === "connected" ? u() : h === "disconnected" && g();
+    }, we);
+    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 });
+}
+const Ie = () => {
+  const o = se(U);
+  if (!o)
+    throw new Error("Context is null");
+  const r = te(o.state), { setLocalState: l, localState: p } = o, w = ae(), y = F(), m = I(
+    () => ({
+      get currentPage() {
+        const {
+          localState: { currentPageId: e }
+        } = o;
+        return e ? r.pages[e] : void 0;
+      },
+      get currentSection() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (s)
+          return r.pages[e]?.sections[s] ?? this.currentPageModel?.getComponentById(s)?.model;
+      },
+      get currentSectionProperties() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (!s)
+          return;
+        const n = r.pages[e]?.dataSource?.[s];
+        if (!n)
+          return;
+        const { currentLocale: i } = this.currentLocaleMap;
+        return i ? n[i] : void 0;
+      },
+      get currentSectionPropertiesWithFallback() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o;
+        if (!e)
+          return;
+        const s = t.pages?.[e]?.currentSectionId;
+        if (!s)
+          return;
+        const n = r.pages[e]?.dataSource?.[s];
+        if (!n)
+          return;
+        const { currentLocale: i, defaultLocale: c, fallbackLocale: a } = this.currentLocaleMap;
+        if (i && n[i])
+          return n[i];
+        if (c && n[c])
+          return n[c];
+        if (a && n[a])
+          return n[a];
+      },
+      get currentLocaleMap() {
+        const {
+          localState: { currentLocale: e },
+          state: {
+            supportedLocales: t,
+            config: { defaultLocale: s }
+          }
+        } = o;
+        return {
+          currentLocale: e,
+          defaultLocale: s,
+          fallbackLocale: t?.[0]?.locale ?? "en"
+        };
+      },
+      get currentRoute() {
+        const {
+          localState: { currentRouteId: e }
+        } = o;
+        return e ? r.routes?.[e] : void 0;
+      },
+      get currentPageModel() {
+        const e = this.currentPage ?? null;
+        if (e)
+          return Z(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(
+          (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(
+          (t) => v(t, (s) => {
+            s.currentComponentId = e;
+          })
+        ));
+      },
+      setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
+        l(
+          (s) => v(s, (n) => {
+            n.currentRouteId = e, n.currentDynamicParams = t;
+          })
+        );
+      },
+      // 本地缓存组件调试参数，避免用户切换组件后，需要重新输入
+      setCustomComponentPreviewerProperties: (() => {
+        const e = {};
+        let t = "";
+        const s = G(() => {
+          l(
+            (n) => v(n, (i) => {
+              i.customComponentPreviewerProperties ??= {}, i.customComponentPreviewerProperties[t] = {
+                ...i.customComponentPreviewerProperties[t],
+                ...J(e[t])
+              }, delete e[t];
+            })
+          );
+        }, 5);
+        return (n, i) => {
+          const c = e[n] ?? {};
+          Object.assign(c, i), e[n] = c, t = n, s();
+        };
+      })(),
+      setRouteGenerateProcess: (e) => {
+        l(
+          (t) => v(t, (s) => {
+            e ? s.routeGenerateProcess = {
+              ...s.routeGenerateProcess,
+              ...e
+            } : s.routeGenerateProcess = {};
+          })
+        );
+      },
+      resetRouteGenerateProcess: () => {
+        l(
+          (e) => v(e, (t) => {
+            t.routeGenerateProcess = {
+              progress: "complete"
+            };
+          })
+        );
+      }
+    }),
+    [l, w, y, m]
+  ), E = I(
+    () => ({
+      addPage: (e, t) => {
+        const s = e?.id ?? O(), n = {
+          ...e,
+          id: s,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          slug: e?.slug ?? `/${s}`,
+          sections: e?.sections ?? {},
+          sectionIds: e?.sectionIds ?? [],
+          isPublic: e?.isPublic ?? !0,
+          templateConfig: e?.templateConfig ?? {
+            isTemplate: e?.templateConfig?.isTemplate ?? !0,
+            displayTemplateId: e?.templateConfig?.displayTemplateId ?? void 0,
+            dataSourceIds: e?.templateConfig?.dataSourceIds ?? void 0,
+            dataSourceParameters: e?.templateConfig?.dataSourceParameters ?? {},
+            enabledGenerate: e?.templateConfig?.enabledGenerate ?? !1,
+            agentId: e?.templateConfig?.agentId ?? void 0
+          }
+        };
+        return o.doc.transact(() => {
+          r.pages[n.id] = n, r.pageIds.splice(t ?? r.pageIds.length, 0, n.id);
+        }), n;
+      },
+      addRoute: (e, t) => {
+        const s = e?.id ?? O(), n = {
+          ...e,
+          id: s,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          path: e?.path ?? `/${s}`,
+          handler: e?.handler ?? "Pages Kit",
+          isPublic: e?.isPublic ?? !0,
+          params: e?.params ?? [],
+          enabledGenerate: e?.enabledGenerate ?? !1,
+          displayTemplateId: e?.displayTemplateId ?? void 0,
+          dataSource: e?.dataSource ?? {}
+        };
+        return o.doc.transact(() => {
+          r.routes ??= {}, r.routeIds ??= [], r.routes[n.id] = n, r.routeIds.splice(t ?? r.routeIds.length, 0, n.id);
+        }), n;
+      },
+      deleteRoute: (e) => {
+        if (!e)
+          return;
+        const t = r.routeIds?.indexOf(e);
+        t !== void 0 && t !== -1 && o.doc.transact(() => {
+          r.routeIds?.splice(t, 1), delete r.routes?.[e];
+        });
+      },
+      deletePage: (e) => {
+        const t = r.pageIds.indexOf(e);
+        t !== -1 && o.doc.transact(() => {
+          r.pageIds.splice(t, 1), delete r.pages[e];
+        });
+      },
+      movePage: (e, t) => {
+        const { pageIds: s } = r, n = s.indexOf(e);
+        n >= 0 && s.splice(t, 0, ...s.splice(n, 1));
+      },
+      addSection: (e, t, s, n) => {
+        const i = r.pages[e];
+        if (!i)
+          throw new Error(`Page ${e} is not exists`);
+        const c = {
+          ...t,
+          id: t.id ?? O(),
+          isTemplateSection: t.isTemplateSection ?? !0,
+          llmConfig: t.llmConfig ?? {}
+        }, a = J(c.locales);
+        return delete c.locales, o.doc.transact(() => {
+          if (n && n.component === "layout-block") {
+            const d = m.currentPageModel?.getComponentById(n.id);
+            d && (d.model.sections ??= {}, d.model.sections[c.id] = c, d.model.sectionIds ??= [], d.model.sectionIds.push(c.id));
+          } else
+            i.sections[c.id] = c, i.sectionIds.splice(s ?? i.sectionIds.length, 0, c.id);
+          a && (i.dataSource ??= {}, i.dataSource[c.id] = a);
+        }), c;
+      },
+      deleteSection: (e, t) => {
+        const s = r.pages[e];
+        if (!s)
+          throw new Error(`Page ${e} is not exists`);
+        o.doc.transact(() => {
+          const n = [], i = m.currentPageModel?.getComponentById(t), c = i?.parent;
+          if (i && (n.push(i.model.id, ...i.all().map((a) => a.model.id)), c?.model.component === "layout-block")) {
+            const a = c.model.sectionIds?.indexOf(t);
+            a !== void 0 && a !== -1 && (c.model.sectionIds?.splice(a, 1), delete c.model.sections?.[t]), c.model.config?.gridSettings && Object.keys(c.model.config.gridSettings).forEach((d) => {
+              try {
+                delete c.model.config.gridSettings[d]?.[t];
+              } catch {
+              }
+            }), c.model.config?.backgroundSectionId === t && (c.model.config.backgroundSectionId = void 0);
+          }
+          n.forEach((a) => {
+            const d = s.sectionIds.indexOf(a);
+            d !== -1 && s.sectionIds.splice(d, 1), s.sections[a] && delete s.sections[a], s.dataSource?.[a] && delete s.dataSource?.[a];
+          });
+        });
+      },
+      lockSection: (e, t) => {
+        if (!r.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const n = m.currentPageModel?.getComponentById(t)?.model;
+        n && (n.locked = !n.locked);
+      },
+      toggleSectionVisibility: (e, t, s) => {
+        if (!r.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const i = m.currentPageModel?.getComponentById(t)?.model;
+        i && (i.visibility = s);
+      },
+      moveSection: (e, t, s, n) => {
+        if (!r.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        if (n && n !== t) {
+          const c = m.currentPageModel?.getComponentById(t), a = m.currentPageModel?.getComponentById(n), d = c?.parent, f = a?.parent;
+          f && d && f?.model?.id === d?.model?.id ? o.doc.transact(() => {
+            d.model.sectionIds.splice(c.getIndex(), 1), d.model.sectionIds.splice(a.getIndex(), 0, t);
+          }) : f && d && f?.model?.id !== d?.model?.id && t !== n && !c?.model?.sectionIds?.includes(n) && o.doc.transact(() => {
+            f.model.sections[t] = JSON.parse(JSON.stringify(c.model)), f.model.sectionIds.splice(a.getIndex(), 0, t), d.model.sectionIds.splice(c.getIndex(), 1), delete d.model.sections[t];
+          });
+        }
+      },
+      copySection: (e, t) => {
+        if (!r.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        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;
+        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;
+      },
+      addDataSource: (e) => {
+        const t = e.id ?? O(), s = {
+          ...e ?? {},
+          id: t,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        return o.doc.transact(() => {
+          r.dataSourceIds ??= [], r.dataSources ??= {}, r.dataSourceIds.push(t), r.dataSources[t] = s;
+        }), r.dataSources[t];
+      },
+      deleteDataSource: (e) => {
+        const t = r.dataSourceIds.indexOf(e);
+        t !== -1 && o.doc.transact(() => {
+          r.dataSourceIds.splice(t, 1), delete r.dataSources[e];
+        });
+      }
+    }),
+    [r, o.doc, m]
+  );
+  return {
+    ...o,
+    state: r,
+    actions: E,
+    localActions: P,
+    ...m
+  };
+}, F = () => {
+  const { projectId: o } = ce();
+  return o ?? ue() ?? "";
+}, Ye = () => window.__PROJECT_SLUG__ ?? "";
+function he(o) {
+  const { resources: r } = o;
+  if (!r.components)
+    return {};
+  const l = {};
+  return window?.blocklet?.componentMountPoints?.forEach((p) => {
+    l[p.did] = p;
+  }), Object.fromEntries(
+    Object.entries(r.components).map(([p, { blockletId: w, component: y }]) => [
+      p,
+      { data: y, blockletId: w, blockletTitle: l[w]?.title || w }
+    ])
+  );
+}
+function ye(o) {
+  const { components: r } = o;
+  return r || {};
+}
+function ve(o) {
+  return {
+    ...he(o),
+    ...ye(o)
+  };
+}
+const Ze = () => ve(Ie().state);
+function Ce(o) {
+  const r = JSON.parse(JSON.stringify(o)), l = O();
+  return {
+    ...r,
+    id: l
+  };
+}
+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
+};

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-D-moj9fA.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-W2H7XCSQ.js";
 export {
   _ as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
   E as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,

package/lib/es/home.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import "./chunks/state-l--dTdHq.js";
+import "./chunks/state-0gvZF3k2.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
+import "@arcblock/ux/lib/Theme";
 import "@blocklet/pages-kit/builtin/page/header";
 import "@blocklet/pages-kit/contexts/color";
 import "@blocklet/pages-kit/utils/data-source";
@@ -9,7 +10,6 @@ import "@blocklet/pages-kit/utils/route";
 import "@blocklet/ui-react/lib/Header";
 import "@emotion/css";
 import "@emotion/react";
-import "@emotion/styled";
 import "@mui/material";
 import "ahooks";
 import "isomorphic-dompurify";
@@ -21,9 +21,9 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/array-c6HYTLze.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-PDsc59QG.js";
-import "./chunks/session-CVblGhSp.js";
+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/session-C72Dq8zg.js";
 export {
   R as HomeView,
   S as PageRoutes,