@blocklet/pages-kit-inner-components 0.6.18 → 0.6.20

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

@@ -1,569 +0,0 @@
-import { jsx as W } from "react/jsx-runtime";
-import { joinURL as b, withQuery as K } from "ufo";
-import { createAxios as V } from "@blocklet/js-sdk";
-import z from "lodash/isEmpty";
-import * as Q from "yaml";
-import { useLocaleContext as X } from "@arcblock/ux/lib/Locale/context";
-import { nextId as O } from "@blocklet/pages-kit/utils/common";
-import { getPageTemplateModel as q } from "@blocklet/pages-kit/utils/page-model";
-import "@mui/material";
-import Y, { getYjsDoc as Z } from "@syncedstore/core";
-import { useSyncedStore as H } from "@syncedstore/react";
-import { useLocalStorageState as ee } from "ahooks";
-import { produce as v } from "immer";
-import T from "lodash/cloneDeep";
-import J from "lodash/debounce";
-import { createContext as te, useState as L, useRef as oe, useMemo as I, useCallback as M, useEffect as x, useContext as ne } from "react";
-import { useParams as re, useNavigate as se } from "react-router-dom";
-import { IndexeddbPersistence as ce } from "y-indexeddb";
-import { WebsocketProvider as ae } from "y-websocket";
-import { UndoManager as ie } from "yjs";
-import "@blocklet/pages-kit/types";
-function de() {
-  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 Ue(o) {
-  return `${o}:pages:version`;
-}
-function Fe(o, r) {
-  return r === "yaml" ? z(o) ? "" : Q.stringify(o, { indent: 2 }) : r === "json" ? JSON.parse(JSON.stringify(o || {})) : r === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
-}
-const k = window.blocklet?.prefix || "/", G = V({
-  timeout: 200 * 1e3
-}), le = window.location.protocol === "https:" ? "wss" : "ws", We = (o) => b(`${le}://${window.location.hostname}`, k, `api/${o}/ws/pages`), ue = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-blocklet?.componentMountPoints.find((o) => o.did === ue)?.mountPoint || b(k, "/image-bin");
-function Ke(o) {
-  return o && !/^(https?:\/\/|\/)/.test(o) ? window.location.origin + b(k, "uploads", o) : o;
-}
-const pe = window.innerWidth <= 750;
-function Ve(o, r, l) {
-  if (!o || /\.gif/.test(o)) return o;
-  const p = (pe ? r / 1.5 : r) * (l === "quality" ? 1.5 : 1);
-  return me(o, { imageFilter: "resize", w: p, f: "webp" });
-}
-function me(o, r) {
-  return !o || !r ? o : K(o, r);
-}
-async function fe(o) {
-  return G.get(`/api/projects/${o}`).then((r) => r.data);
-}
-async function ge(o) {
-  return G.post(`/api/projects/${o.id}/update`, o).then((r) => r.data);
-}
-const Se = 500, B = te(null);
-function ze({
-  url: o,
-  name: r,
-  children: l,
-  waitingSynced: p
-}) {
-  const [w, h] = L(!1), { locale: m } = X(), P = U(), E = `${P}:MakerLocalState`, e = `${P}:${r}`, [t, s] = ee(E, {
-    defaultValue: {},
-    listenStorageChange: !0
-  }), n = oe(t);
-  n.current = t;
-  const i = I(
-    () => Y({
-      dataSourceIds: [],
-      dataSources: {},
-      pages: {},
-      pageIds: [],
-      routes: {},
-      routeIds: [],
-      components: {},
-      supportedLocales: [],
-      config: {},
-      resources: {}
-    }),
-    []
-  ), c = I(() => Z(i), [i]);
-  I(() => new ce(e, c), [e, c]);
-  const a = I(
-    () => new ae(o, e, c, {
-      params: {},
-      resyncInterval: 5 * 60 * 1e3
-    }),
-    [o, e, c]
-  ), d = M(() => {
-    a && (a.disconnect(), a.connect());
-  }, [a]), f = I(
-    () => new ie(
-      [
-        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] = L(null), [N, A] = L(!1), [R, _] = L(void 0), $ = M(async () => {
-    if (P) {
-      A(!0);
-      try {
-        const u = await fe(P);
-        j(u);
-      } catch (u) {
-        console.error("Failed to fetch project:", u);
-      } finally {
-        A(!1);
-      }
-    }
-  }, [P]), D = M(
-    async (u, g) => {
-      if (_(void 0), !!P) {
-        g?.optimisticUpdate && C && j((S) => ({
-          ...S,
-          ...u
-        }));
-        try {
-          const S = await ge({
-            ...u
-          });
-          j(S);
-        } catch (S) {
-          console.error("Failed to update project:", S), g?.optimisticUpdate && j(C), _(S?.response?.data);
-        }
-      }
-    },
-    [P, C]
-  );
-  x(() => {
-    P && $();
-  }, [P, $]);
-  const F = 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: N,
-        error: R
-      },
-      updateProject: D,
-      forceSync: d
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      c,
-      i,
-      JSON.stringify(t),
-      // resolve the problem of react warning
-      s,
-      f,
-      C,
-      N,
-      D,
-      R,
-      m,
-      d
-    ]
-  );
-  return x(() => {
-    f.on("stack-item-added", ({ stackItem: u }) => {
-      const { currentPageId: g, currentLocale: S, pages: y } = n.current;
-      u.meta.set("localState", { currentPageId: g, currentLocale: S, pages: y });
-    }), f.on("stack-item-popped", ({ stackItem: u }) => {
-      const g = u.meta.get("localState");
-      g && s((S) => ({ ...S, ...g }));
-    });
-  }, [f, s]), x(() => {
-    a.awareness.setLocalState(t);
-  }, [a, t]), x(() => {
-    a.once("synced", () => h(!0));
-    const u = () => {
-      s((y) => ({
-        ...y,
-        networkStatus: void 0
-      }));
-    }, g = () => {
-      s((y) => ({
-        ...y,
-        networkStatus: "offline"
-      }));
-    }, S = J(({ status: y }) => {
-      y === "connected" ? u() : y === "disconnected" && g();
-    }, Se);
-    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__ */ W(B.Provider, { value: F, children: l });
-}
-const Pe = () => {
-  const o = ne(B);
-  if (!o)
-    throw new Error("Context is null");
-  const r = H(o.state), { setLocalState: l, localState: p } = o, w = se(), h = U(), 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 q(e, !1);
-      }
-    }),
-    [JSON.stringify(p), r]
-  ), P = I(
-    () => ({
-      setCurrentSectionId: (e, t) => {
-        e === p.currentPageId && t === p.pages?.[e]?.currentSectionId || (w(b("/admin/maker", h ?? "", "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", h ?? "", "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 = J(() => {
-          l(
-            (n) => v(n, (i) => {
-              i.customComponentPreviewerProperties ??= {}, i.customComponentPreviewerProperties[t] = {
-                ...i.customComponentPreviewerProperties[t],
-                ...T(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, h, 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 = T(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 = he(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
-  };
-}, U = () => {
-  const { projectId: o } = re();
-  return o ?? de() ?? "";
-}, Qe = () => window.__PROJECT_SLUG__ ?? "";
-function we(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: h }]) => [
-      p,
-      { data: h, blockletId: w, blockletTitle: l[w]?.title || w }
-    ])
-  );
-}
-function Ie(o) {
-  const { components: r } = o;
-  return r || {};
-}
-function ye(o) {
-  return {
-    ...we(o),
-    ...Ie(o)
-  };
-}
-const Xe = () => ye(Pe().state);
-function he(o) {
-  const r = JSON.parse(JSON.stringify(o)), l = O();
-  return {
-    ...r,
-    id: l
-  };
-}
-export {
-  ze as S,
-  Pe as a,
-  Ue as b,
-  ye as c,
-  Qe as d,
-  Ve as e,
-  Ke as f,
-  We as g,
-  Xe as h,
-  G as i,
-  Ie as j,
-  we as k,
-  de as l,
-  Fe as t,
-  U as u
-};