@blocklet/pages-kit-inner-components 0.6.2 → 0.6.4

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

@@ -1,502 +0,0 @@
-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
-};