@blocklet/pages-kit-inner-components 0.6.1 → 0.6.3

package/lib/es/chunks/state-BdNIIXJP.js

@@ -0,0 +1,502 @@
+import { jsx as W } from "react/jsx-runtime";
+import { joinURL as R } from "ufo";
+import { c as B, d as F } from "./home-VWWdvIPQ.js";
+import { useLocaleContext as K } from "@arcblock/ux/lib/Locale/context";
+import { nextId as x } from "@blocklet/pages-kit/utils/common";
+import { getPageTemplateModel as V } from "@blocklet/pages-kit/utils/page-model";
+import "@mui/material";
+import Y, { getYjsDoc as q } from "@syncedstore/core";
+import { useSyncedStore as z } from "@syncedstore/react";
+import { useLocalStorageState as H } from "ahooks";
+import { produce as v } from "immer";
+import T from "lodash/cloneDeep";
+import G from "lodash/debounce";
+import { useState as O, useRef as Q, useMemo as P, useCallback as M, useEffect as j, createContext as X, useContext as Z } from "react";
+import { useParams as ee, useNavigate as te } from "react-router-dom";
+import { IndexeddbPersistence as oe } from "y-indexeddb";
+import { WebsocketProvider as re } from "y-websocket";
+import { UndoManager as ne } from "yjs";
+import "@blocklet/pages-kit/types";
+async function ce(i) {
+  return B.get(`/api/projects/${i}`).then((c) => c.data);
+}
+async function se(i) {
+  return B.post(`/api/projects/${i.id}/update`, i).then((c) => c.data);
+}
+const ae = 500, J = X(null);
+function be({
+  url: i,
+  name: c,
+  children: S,
+  waitingSynced: w
+}) {
+  const [y, h] = O(!1), { locale: u } = K(), f = _(), b = `${f}:MakerLocalState`, e = `${f}:${c}`, [t, r] = H(b, {
+    defaultValue: {},
+    listenStorageChange: !0
+  }), o = Q(t);
+  o.current = t;
+  const a = P(
+    () => Y({
+      dataSourceIds: [],
+      dataSources: {},
+      pages: {},
+      pageIds: [],
+      routes: {},
+      routeIds: [],
+      components: {},
+      supportedLocales: [],
+      config: {},
+      resources: {}
+    }),
+    []
+  ), n = P(() => q(a), [a]);
+  P(() => new oe(e, n), [e, n]);
+  const s = P(
+    () => new re(i, e, n, {
+      params: {},
+      resyncInterval: 5 * 60 * 1e3
+    }),
+    [i, e, n]
+  ), d = M(() => {
+    s && (s.disconnect(), s.connect());
+  }, [s]), p = P(
+    () => new ne(
+      [
+        n.getArray("pageIds"),
+        n.getMap("pages"),
+        n.getArray("supportedLocales"),
+        n.getMap("config"),
+        n.getMap("dataSources"),
+        n.getArray("dataSourceIds"),
+        n.getArray("routeIds"),
+        n.getMap("routes")
+      ],
+      { doc: n }
+    ),
+    [n]
+  ), [C, L] = O(null), [E, N] = O(!1), [k, A] = O(void 0), $ = M(async () => {
+    if (f) {
+      N(!0);
+      try {
+        const l = await ce(f);
+        L(l);
+      } catch (l) {
+        console.error("Failed to fetch project:", l);
+      } finally {
+        N(!1);
+      }
+    }
+  }, [f]), D = M(
+    async (l, g) => {
+      if (A(void 0), !!f) {
+        g?.optimisticUpdate && C && L((m) => ({
+          ...m,
+          ...l
+        }));
+        try {
+          const m = await se({
+            ...l
+          });
+          L(m);
+        } catch (m) {
+          console.error("Failed to update project:", m), g?.optimisticUpdate && L(C), A(m?.response?.data);
+        }
+      }
+    },
+    [f, C]
+  );
+  j(() => {
+    f && $();
+  }, [f, $]);
+  const U = P(
+    () => ({
+      doc: n,
+      state: a,
+      localState: {
+        ...t,
+        // always use the locale from the context
+        currentLocale: u
+      },
+      setLocalState: (l) => r(typeof l == "function" ? (g) => l(g ?? {}) : l),
+      undoManager: p,
+      projectState: {
+        project: C,
+        isLoadingProject: E,
+        error: k
+      },
+      updateProject: D,
+      forceSync: d
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      n,
+      a,
+      JSON.stringify(t),
+      // resolve the problem of react warning
+      r,
+      p,
+      C,
+      E,
+      D,
+      k,
+      u,
+      d
+    ]
+  );
+  return j(() => {
+    p.on("stack-item-added", ({ stackItem: l }) => {
+      const { currentPageId: g, currentLocale: m, pages: I } = o.current;
+      l.meta.set("localState", { currentPageId: g, currentLocale: m, pages: I });
+    }), p.on("stack-item-popped", ({ stackItem: l }) => {
+      const g = l.meta.get("localState");
+      g && r((m) => ({ ...m, ...g }));
+    });
+  }, [p, r]), j(() => {
+    s.awareness.setLocalState(t);
+  }, [s, t]), j(() => {
+    s.once("synced", () => h(!0));
+    const l = () => {
+      r((I) => ({
+        ...I,
+        networkStatus: void 0
+      }));
+    }, g = () => {
+      r((I) => ({
+        ...I,
+        networkStatus: "offline"
+      }));
+    }, m = G(({ status: I }) => {
+      I === "connected" ? l() : I === "disconnected" && g();
+    }, ae);
+    return s.on("status", m), window.addEventListener("online", l), window.addEventListener("offline", g), () => {
+      s.off("status", m), window.removeEventListener("online", l), window.removeEventListener("offline", g);
+    };
+  }, [s, r]), w && !y ? null : /* @__PURE__ */ W(J.Provider, { value: U, children: S });
+}
+const Me = () => {
+  const i = Z(J);
+  if (!i)
+    throw new Error("Context is null");
+  const c = z(i.state), { setLocalState: S, localState: w } = i, y = te(), h = _(), u = P(
+    () => ({
+      get currentPage() {
+        const {
+          localState: { currentPageId: e }
+        } = i;
+        return e ? c.pages[e] : void 0;
+      },
+      get currentSection() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = i;
+        if (!e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (r)
+          return c.pages[e]?.sections[r] ?? this.currentPageModel?.getComponentById(r)?.model;
+      },
+      get currentSectionProperties() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = i;
+        if (!e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (!r)
+          return;
+        const o = c.pages[e]?.dataSource?.[r];
+        if (!o)
+          return;
+        const { currentLocale: a } = this.currentLocaleMap;
+        return a ? o[a] : void 0;
+      },
+      get currentSectionPropertiesWithFallback() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = i;
+        if (!e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (!r)
+          return;
+        const o = c.pages[e]?.dataSource?.[r];
+        if (!o)
+          return;
+        const { currentLocale: a, defaultLocale: n, fallbackLocale: s } = this.currentLocaleMap;
+        if (a && o[a])
+          return o[a];
+        if (n && o[n])
+          return o[n];
+        if (s && o[s])
+          return o[s];
+      },
+      get currentLocaleMap() {
+        const {
+          localState: { currentLocale: e },
+          state: {
+            supportedLocales: t,
+            config: { defaultLocale: r }
+          }
+        } = i;
+        return {
+          currentLocale: e,
+          defaultLocale: r,
+          fallbackLocale: t?.[0]?.locale ?? "en"
+        };
+      },
+      get currentRoute() {
+        const {
+          localState: { currentRouteId: e }
+        } = i;
+        return e ? c.routes?.[e] : void 0;
+      },
+      get currentPageModel() {
+        const e = this.currentPage ?? null;
+        if (e)
+          return V(e, !1);
+      }
+    }),
+    [JSON.stringify(w), c]
+  ), f = P(
+    () => ({
+      setCurrentSectionId: (e, t) => {
+        e === w.currentPageId && t === w.pages?.[e]?.currentSectionId || (y(R("/admin/maker", h ?? "", "pages", e)), S(
+          (r) => v(r, (o) => {
+            o.currentPageId = e, o.currentComponentId = void 0, t !== void 0 && (o.pages ??= {}, o.pages[e] ??= {}, o.pages[e].currentSectionId = t ?? void 0), t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
+          })
+        ));
+      },
+      setCurrentComponentId: (e) => {
+        e !== w.currentComponentId && (y(R("/admin/maker", h ?? "", "components", e)), S(
+          (t) => v(t, (r) => {
+            r.currentComponentId = e;
+          })
+        ));
+      },
+      setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
+        S(
+          (r) => v(r, (o) => {
+            o.currentRouteId = e, o.currentDynamicParams = t;
+          })
+        );
+      },
+      // 本地缓存组件调试参数，避免用户切换组件后，需要重新输入
+      setCustomComponentPreviewerProperties: (() => {
+        const e = {};
+        let t = "";
+        const r = G(() => {
+          S(
+            (o) => v(o, (a) => {
+              a.customComponentPreviewerProperties ??= {}, a.customComponentPreviewerProperties[t] = {
+                ...a.customComponentPreviewerProperties[t],
+                ...T(e[t])
+              }, delete e[t];
+            })
+          );
+        }, 5);
+        return (o, a) => {
+          const n = e[o] ?? {};
+          Object.assign(n, a), e[o] = n, t = o, r();
+        };
+      })(),
+      setRouteGenerateProcess: (e) => {
+        S(
+          (t) => v(t, (r) => {
+            e ? r.routeGenerateProcess = {
+              ...r.routeGenerateProcess,
+              ...e
+            } : r.routeGenerateProcess = {};
+          })
+        );
+      },
+      resetRouteGenerateProcess: () => {
+        S(
+          (e) => v(e, (t) => {
+            t.routeGenerateProcess = {
+              progress: "complete"
+            };
+          })
+        );
+      }
+    }),
+    [S, y, h, u]
+  ), b = P(
+    () => ({
+      addPage: (e, t) => {
+        const r = e?.id ?? x(), o = {
+          ...e,
+          id: r,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          slug: e?.slug ?? `/${r}`,
+          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 i.doc.transact(() => {
+          c.pages[o.id] = o, c.pageIds.splice(t ?? c.pageIds.length, 0, o.id);
+        }), o;
+      },
+      addRoute: (e, t) => {
+        const r = e?.id ?? x(), o = {
+          ...e,
+          id: r,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          path: e?.path ?? `/${r}`,
+          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 i.doc.transact(() => {
+          c.routes ??= {}, c.routeIds ??= [], c.routes[o.id] = o, c.routeIds.splice(t ?? c.routeIds.length, 0, o.id);
+        }), o;
+      },
+      deleteRoute: (e) => {
+        if (!e)
+          return;
+        const t = c.routeIds?.indexOf(e);
+        t !== void 0 && t !== -1 && i.doc.transact(() => {
+          c.routeIds?.splice(t, 1), delete c.routes?.[e];
+        });
+      },
+      deletePage: (e) => {
+        const t = c.pageIds.indexOf(e);
+        t !== -1 && i.doc.transact(() => {
+          c.pageIds.splice(t, 1), delete c.pages[e];
+        });
+      },
+      movePage: (e, t) => {
+        const { pageIds: r } = c, o = r.indexOf(e);
+        o >= 0 && r.splice(t, 0, ...r.splice(o, 1));
+      },
+      addSection: (e, t, r, o) => {
+        const a = c.pages[e];
+        if (!a)
+          throw new Error(`Page ${e} is not exists`);
+        const n = {
+          ...t,
+          id: t.id ?? x(),
+          isTemplateSection: t.isTemplateSection ?? !0,
+          llmConfig: t.llmConfig ?? {}
+        }, s = T(n.locales);
+        return delete n.locales, i.doc.transact(() => {
+          if (o && o.component === "layout-block") {
+            const d = u.currentPageModel?.getComponentById(o.id);
+            d && (d.model.sections ??= {}, d.model.sections[n.id] = n, d.model.sectionIds ??= [], d.model.sectionIds.push(n.id));
+          } else
+            a.sections[n.id] = n, a.sectionIds.splice(r ?? a.sectionIds.length, 0, n.id);
+          s && (a.dataSource ??= {}, a.dataSource[n.id] = s);
+        }), n;
+      },
+      deleteSection: (e, t) => {
+        const r = c.pages[e];
+        if (!r)
+          throw new Error(`Page ${e} is not exists`);
+        i.doc.transact(() => {
+          const o = [], a = u.currentPageModel?.getComponentById(t), n = a?.parent;
+          if (a && (o.push(a.model.id, ...a.all().map((s) => s.model.id)), n?.model.component === "layout-block")) {
+            const s = n.model.sectionIds?.indexOf(t);
+            s !== void 0 && s !== -1 && (n.model.sectionIds?.splice(s, 1), delete n.model.sections?.[t]), n.model.config?.gridSettings && Object.keys(n.model.config.gridSettings).forEach((d) => {
+              try {
+                delete n.model.config.gridSettings[d]?.[t];
+              } catch {
+              }
+            }), n.model.config?.backgroundSectionId === t && (n.model.config.backgroundSectionId = void 0);
+          }
+          o.forEach((s) => {
+            const d = r.sectionIds.indexOf(s);
+            d !== -1 && r.sectionIds.splice(d, 1), r.sections[s] && delete r.sections[s], r.dataSource?.[s] && delete r.dataSource?.[s];
+          });
+        });
+      },
+      lockSection: (e, t) => {
+        if (!c.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const o = u.currentPageModel?.getComponentById(t)?.model;
+        o && (o.locked = !o.locked);
+      },
+      toggleSectionVisibility: (e, t, r) => {
+        if (!c.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const a = u.currentPageModel?.getComponentById(t)?.model;
+        a && (a.visibility = r);
+      },
+      moveSection: (e, t, r, o) => {
+        if (!c.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        if (o && o !== t) {
+          const n = u.currentPageModel?.getComponentById(t), s = u.currentPageModel?.getComponentById(o), d = n?.parent, p = s?.parent;
+          p && d && p?.model?.id === d?.model?.id ? i.doc.transact(() => {
+            d.model.sectionIds.splice(n.getIndex(), 1), d.model.sectionIds.splice(s.getIndex(), 0, t);
+          }) : p && d && p?.model?.id !== d?.model?.id && t !== o && !n?.model?.sectionIds?.includes(o) && i.doc.transact(() => {
+            p.model.sections[t] = JSON.parse(JSON.stringify(n.model)), p.model.sectionIds.splice(s.getIndex(), 0, t), d.model.sectionIds.splice(n.getIndex(), 1), delete d.model.sections[t];
+          });
+        }
+      },
+      copySection: (e, t) => {
+        if (!c.pages[e])
+          throw new Error(`Page ${e} is not exists`);
+        const o = u.currentPageModel?.getComponentById(t);
+        if (!o?.model)
+          throw new Error(`Section ${t} is not exists`);
+        const a = JSON.parse(JSON.stringify(o.model)), n = ie(a), s = n.id, d = o?.parent;
+        return d && (d.model.sections[s] = n, d.model.sectionIds.push(s), f.setCurrentSectionId(e, s), u.currentPage?.dataSource?.[t] && (u.currentPage.dataSource[s] = JSON.parse(
+          JSON.stringify(u.currentPage.dataSource[t])
+        ))), n;
+      },
+      addDataSource: (e) => {
+        const t = e.id ?? x(), r = {
+          ...e ?? {},
+          id: t,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        return i.doc.transact(() => {
+          c.dataSourceIds ??= [], c.dataSources ??= {}, c.dataSourceIds.push(t), c.dataSources[t] = r;
+        }), c.dataSources[t];
+      },
+      deleteDataSource: (e) => {
+        const t = c.dataSourceIds.indexOf(e);
+        t !== -1 && i.doc.transact(() => {
+          c.dataSourceIds.splice(t, 1), delete c.dataSources[e];
+        });
+      }
+    }),
+    [c, i.doc, u]
+  );
+  return {
+    ...i,
+    state: c,
+    actions: b,
+    localActions: f,
+    ...u
+  };
+}, _ = () => {
+  const { projectId: i } = ee();
+  return i ?? F() ?? "";
+};
+function ie(i) {
+  const c = JSON.parse(JSON.stringify(i)), S = x();
+  return {
+    ...c,
+    id: S
+  };
+}
+export {
+  be as S,
+  Me as a,
+  _ as u
+};

package/lib/es/home.js

@@ -1,35 +1,10 @@
-import "react/jsx-runtime";
-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";
-import "@blocklet/pages-kit/utils/route";
 import "@blocklet/ui-react/lib/Header";
-import "@emotion/css";
-import "@emotion/react";
 import "@mui/material";
-import "ahooks";
-import "isomorphic-dompurify";
-import "lodash/cloneDeep";
-import "lodash/isEmpty";
-import "lodash/isEqual";
 import "react";
-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/session-C72Dq8zg.js";
+import { e as f } from "./chunks/home-VWWdvIPQ.js";
+import "react/jsx-runtime";
 export {
-  R as HomeView,
-  S as PageRoutes,
-  W as PageView,
-  j as PageViewByPath,
-  k as PageViewWithDataSource,
-  q as TranslucentHeader,
-  v as default
+  f as default
 };