@blocklet/pages-kit-inner-components 0.5.30 → 0.5.31

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

@@ -1,483 +0,0 @@
-import { jsx as k } from "react/jsx-runtime";
-import { Box as z, Alert as K } from "@mui/material";
-import { joinURL as b, withQuery as q } from "ufo";
-import { createAxios as Q } from "@blocklet/js-sdk";
-import X from "lodash/isEmpty";
-import * as Y from "yaml";
-import { useLocaleContext as Z } from "@arcblock/ux/lib/Locale/context";
-import H, { getYjsDoc as ee } from "@syncedstore/core";
-import { useSyncedStore as te } from "@syncedstore/react";
-import { useLocalStorageState as ne } from "ahooks";
-import { produce as v } from "immer";
-import N from "lodash/debounce";
-import { customAlphabet as oe } from "nanoid";
-import { createContext as re, useState as E, useRef as se, useMemo as g, useCallback as L, useEffect as O, useContext as ce } from "react";
-import { useParams as ie, useNavigate as ae } from "react-router-dom";
-import { IndexeddbPersistence as de } from "y-indexeddb";
-import { WebsocketProvider as le } from "y-websocket";
-import { UndoManager as ue } from "yjs";
-import "@blocklet/pages-kit/types";
-const Je = (n) => {
-  const t = blocklet == null ? void 0 : blocklet.componentMountPoints.find((d) => d.name === n);
-  return t ? t.mountPoint : "/";
-};
-function me() {
-  const { pathname: n } = window.location, t = n.match(/\/admin\/(maker|previewer)\/([^/]+)/), d = t == null ? void 0 : t[2], f = window.__PROJECT_ID__;
-  if (!d && !f)
-    throw new Error("Unable to get projectId from pathname");
-  return d || f;
-}
-function Be(n) {
-  return `${n}:pages:version`;
-}
-function Ve(n, t) {
-  return t === "yaml" ? X(n) ? "" : Y.stringify(n, { indent: 2 }) : t === "json" ? JSON.parse(JSON.stringify(n || {})) : t === "array" ? JSON.parse(JSON.stringify(n || [])) : n;
-}
-function We({ error: n }) {
-  return /* @__PURE__ */ k(z, { children: /* @__PURE__ */ k(K, { severity: "error", children: n.message }) });
-}
-var U;
-const _ = ((U = window.blocklet) == null ? void 0 : U.prefix) || "/", J = Q({
-  timeout: 200 * 1e3
-}), fe = window.location.protocol === "https:" ? "wss" : "ws", ze = (n) => b(`${fe}://${window.location.hostname}`, _, `api/${n}/ws/pages`), Se = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-var F;
-(F = blocklet == null ? void 0 : blocklet.componentMountPoints.find((n) => n.did === Se)) != null && F.mountPoint || b(_, "/image-bin");
-function Ke(n) {
-  return n && !/^(https?:\/\/|\/)/.test(n) ? window.location.origin + b(_, "uploads", n) : n;
-}
-const pe = window.innerWidth <= 750;
-function qe(n, t, d) {
-  if (!n || /\.gif/.test(n)) return n;
-  const f = (pe ? t / 1.5 : t) * (d === "quality" ? 1.5 : 1);
-  return we(n, { imageFilter: "resize", w: f, f: "webp" });
-}
-function we(n, t) {
-  return !n || !t ? n : q(n, t);
-}
-async function Pe(n) {
-  return J.get(`/api/projects/${n}`).then((t) => t.data);
-}
-async function Ie(n) {
-  return J.post(`/api/projects/${n.id}/update`, n).then((t) => t.data);
-}
-const ye = 500, A = oe("abcdefghijklmnopqrstuvwxyz0123456789", 16), B = re(null);
-function Qe({
-  url: n,
-  name: t,
-  children: d,
-  waitingSynced: f
-}) {
-  const [I, w] = E(!1), { locale: y } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [s, r] = ne(e, {
-    defaultValue: {},
-    listenStorageChange: !0
-  }), c = se(s);
-  c.current = s;
-  const i = g(
-    () => H({
-      dataSourceIds: [],
-      dataSources: {},
-      pages: {},
-      pageIds: [],
-      routes: {},
-      routeIds: [],
-      components: {},
-      supportedLocales: [],
-      config: {},
-      resources: {}
-    }),
-    []
-  ), a = g(() => ee(i), [i]);
-  g(() => new de(o, a), [o, a]);
-  const p = g(
-    () => new le(n, o, a, {
-      params: {},
-      resyncInterval: 5 * 60 * 1e3
-    }),
-    [n, o, a]
-  ), C = L(() => {
-    p && (p.disconnect(), p.connect());
-  }, [p]), h = g(
-    () => new ue(
-      [
-        a.getArray("pageIds"),
-        a.getMap("pages"),
-        a.getArray("supportedLocales"),
-        a.getMap("config"),
-        a.getMap("dataSources"),
-        a.getArray("dataSourceIds"),
-        a.getArray("routeIds"),
-        a.getMap("routes")
-      ],
-      { doc: a }
-    ),
-    [a]
-  ), [j, x] = E(null), [R, D] = E(!1), [$, T] = E(void 0), G = L(async () => {
-    if (S) {
-      D(!0);
-      try {
-        const l = await Pe(S);
-        x(l);
-      } catch (l) {
-        console.error("Failed to fetch project:", l);
-      } finally {
-        D(!1);
-      }
-    }
-  }, [S]), M = L(
-    async (l, u) => {
-      var P;
-      if (T(void 0), !!S) {
-        u != null && u.optimisticUpdate && j && x((m) => ({
-          ...m,
-          ...l
-        }));
-        try {
-          const m = await Ie({
-            ...l
-          });
-          x(m);
-        } catch (m) {
-          console.error("Failed to update project:", m), u != null && u.optimisticUpdate && x(j), T((P = m == null ? void 0 : m.response) == null ? void 0 : P.data);
-        }
-      }
-    },
-    [S, j]
-  );
-  O(() => {
-    S && G();
-  }, [S, G]);
-  const W = g(
-    () => ({
-      doc: a,
-      state: i,
-      localState: {
-        ...s,
-        // always use the locale from the context
-        currentLocale: y
-      },
-      setLocalState: (l) => r(typeof l == "function" ? (u) => l(u ?? {}) : l),
-      undoManager: h,
-      projectState: {
-        project: j,
-        isLoadingProject: R,
-        error: $
-      },
-      updateProject: M,
-      forceSync: C
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      a,
-      i,
-      JSON.stringify(s),
-      // resolve the problem of react warning
-      r,
-      h,
-      j,
-      R,
-      M,
-      $,
-      y,
-      C
-    ]
-  );
-  return O(() => {
-    h.on("stack-item-added", ({ stackItem: l }) => {
-      const { currentPageId: u, currentLocale: P, pages: m } = c.current;
-      l.meta.set("localState", { currentPageId: u, currentLocale: P, pages: m });
-    }), h.on("stack-item-popped", ({ stackItem: l }) => {
-      const u = l.meta.get("localState");
-      u && r((P) => ({ ...P, ...u }));
-    });
-  }, [h, r]), O(() => {
-    p.awareness.setLocalState(s);
-  }, [p, s]), O(() => {
-    p.once("synced", () => w(!0));
-    const l = () => {
-      r((m) => ({
-        ...m,
-        networkStatus: void 0
-      }));
-    }, u = () => {
-      r((m) => ({
-        ...m,
-        networkStatus: "offline"
-      }));
-    }, P = N(({ status: m }) => {
-      m === "connected" ? l() : m === "disconnected" && u();
-    }, ye);
-    return p.on("status", P), window.addEventListener("online", l), window.addEventListener("offline", u), () => {
-      p.off("status", P), window.removeEventListener("online", l), window.removeEventListener("offline", u);
-    };
-  }, [p, r]), f && !I ? null : /* @__PURE__ */ k(B.Provider, { value: W, children: d });
-}
-const he = () => {
-  const n = ce(B);
-  if (!n)
-    throw new Error("Context is null");
-  const t = te(n.state), { setLocalState: d, localState: f } = n, I = ae(), w = V(), y = g(
-    () => ({
-      setCurrentSectionId: (e, o) => {
-        var s, r;
-        e === f.currentPageId && o === ((r = (s = f.pages) == null ? void 0 : s[e]) == null ? void 0 : r.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), d(
-          (c) => v(c, (i) => {
-            var a;
-            i.currentPageId = e, i.currentComponentId = void 0, i.customComponentPreviewerProperties = {}, o !== void 0 && (i.pages ?? (i.pages = {}), (a = i.pages)[e] ?? (a[e] = {}), i.pages[e].currentSectionId = o ?? void 0), o ? window.sessionStorage.setItem("iframe_show_id", `"${o}"`) : window.sessionStorage.removeItem("iframe_show_id");
-          })
-        ));
-      },
-      setCurrentComponentId: (e) => {
-        e !== f.currentComponentId && (I(b("/admin/maker", w ?? "", "components", e)), d(
-          (o) => v(o, (s) => {
-            s.currentComponentId = e, s.customComponentPreviewerProperties = {};
-          })
-        ));
-      },
-      setCurrentRouteId: ({ routeId: e, dynamicParams: o }) => {
-        d(
-          (s) => v(s, (r) => {
-            r.currentRouteId = e, r.currentDynamicParams = o;
-          })
-        );
-      },
-      setCustomComponentPreviewerProperties: (() => {
-        const e = {}, o = N(() => {
-          d(
-            (s) => v(s, (r) => {
-              r.customComponentPreviewerProperties = {
-                ...r == null ? void 0 : r.customComponentPreviewerProperties,
-                ...e
-              }, Object.keys(e).forEach((c) => delete e[c]);
-            })
-          );
-        }, 5);
-        return (s) => {
-          Object.assign(e, s), o();
-        };
-      })(),
-      setRouteGenerateProcess: (e) => {
-        d(
-          (o) => v(o, (s) => {
-            e ? s.routeGenerateProcess = {
-              ...s.routeGenerateProcess,
-              ...e
-            } : s.routeGenerateProcess = {};
-          })
-        );
-      },
-      resetRouteGenerateProcess: () => {
-        d(
-          (e) => v(e, (o) => {
-            o.routeGenerateProcess = {
-              progress: "complete"
-            };
-          })
-        );
-      }
-    }),
-    [d, I, w]
-  ), S = g(
-    () => ({
-      addPage: (e, o) => {
-        var c, i, a, p, C, h;
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
-          ...e,
-          id: s,
-          createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: (e == null ? void 0 : e.slug) ?? `/${s}`,
-          sections: (e == null ? void 0 : e.sections) ?? {},
-          sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
-          isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
-          templateConfig: (e == null ? void 0 : e.templateConfig) ?? {
-            isTemplate: ((c = e == null ? void 0 : e.templateConfig) == null ? void 0 : c.isTemplate) ?? !0,
-            displayTemplateId: ((i = e == null ? void 0 : e.templateConfig) == null ? void 0 : i.displayTemplateId) ?? void 0,
-            dataSourceIds: ((a = e == null ? void 0 : e.templateConfig) == null ? void 0 : a.dataSourceIds) ?? void 0,
-            dataSourceParameters: ((p = e == null ? void 0 : e.templateConfig) == null ? void 0 : p.dataSourceParameters) ?? {},
-            enabledGenerate: ((C = e == null ? void 0 : e.templateConfig) == null ? void 0 : C.enabledGenerate) ?? !1,
-            agentId: ((h = e == null ? void 0 : e.templateConfig) == null ? void 0 : h.agentId) ?? void 0
-          }
-        };
-        return n.doc.transact(() => {
-          t.pages[r.id] = r, t.pageIds.splice(o ?? t.pageIds.length, 0, r.id);
-        }), r;
-      },
-      addRoute: (e, o) => {
-        const s = (e == null ? void 0 : e.id) ?? A(), r = {
-          ...e,
-          id: s,
-          createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          path: (e == null ? void 0 : e.path) ?? `/${s}`,
-          handler: (e == null ? void 0 : e.handler) ?? "Pages Kit",
-          isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
-          params: (e == null ? void 0 : e.params) ?? [],
-          enabledGenerate: (e == null ? void 0 : e.enabledGenerate) ?? !1,
-          displayTemplateId: (e == null ? void 0 : e.displayTemplateId) ?? void 0,
-          dataSource: (e == null ? void 0 : e.dataSource) ?? {}
-        };
-        return n.doc.transact(() => {
-          t.routes ?? (t.routes = {}), t.routeIds ?? (t.routeIds = []), t.routes[r.id] = r, t.routeIds.splice(o ?? t.routeIds.length, 0, r.id);
-        }), r;
-      },
-      deleteRoute: (e) => {
-        var s;
-        if (!e)
-          return;
-        const o = (s = t.routeIds) == null ? void 0 : s.indexOf(e);
-        o !== void 0 && o !== -1 && n.doc.transact(() => {
-          var r, c;
-          (r = t.routeIds) == null || r.splice(o, 1), (c = t.routes) == null || delete c[e];
-        });
-      },
-      deletePage: (e) => {
-        const o = t.pageIds.indexOf(e);
-        o !== -1 && n.doc.transact(() => {
-          t.pageIds.splice(o, 1), delete t.pages[e];
-        });
-      },
-      movePage: (e, o) => {
-        const { pageIds: s } = t, r = s.indexOf(e);
-        r >= 0 && s.splice(o, 0, ...s.splice(r, 1));
-      },
-      addSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
-          throw new Error(`Page ${e} is not exists`);
-        const c = {
-          ...o,
-          id: o.id ?? A(),
-          isTemplateSection: o.isTemplateSection ?? !0,
-          llmConfig: o.llmConfig ?? {}
-        };
-        return n.doc.transact(() => {
-          r.sections[c.id] = c, r.sectionIds.splice(s ?? r.sectionIds.length, 0, c.id);
-        }), c;
-      },
-      deleteSection: (e, o) => {
-        const s = t.pages[e];
-        if (!s)
-          throw new Error(`Page ${e} is not exists`);
-        const r = s.sectionIds.indexOf(o);
-        r !== -1 && n.doc.transact(() => {
-          s.sectionIds.splice(r, 1), delete s.sections[o];
-        });
-      },
-      toggleSectionVisibility: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
-          throw new Error(`Page ${e} is not exists`);
-        const c = r.sections[o];
-        c && (c.visibility = s);
-      },
-      moveSection: (e, o, s) => {
-        const r = t.pages[e];
-        if (!r)
-          throw new Error(`Page ${e} is not exists`);
-        const { sectionIds: c } = r, i = c.indexOf(o);
-        i >= 0 && c.splice(s, 0, ...c.splice(i, 1));
-      },
-      addDataSource: (e) => {
-        const o = e.id ?? A(), s = {
-          ...e ?? {},
-          id: o,
-          createdAt: (/* @__PURE__ */ new Date()).toISOString()
-        };
-        return n.doc.transact(() => {
-          t.dataSourceIds ?? (t.dataSourceIds = []), t.dataSources ?? (t.dataSources = {}), t.dataSourceIds.push(o), t.dataSources[o] = s;
-        }), t.dataSources[o];
-      },
-      deleteDataSource: (e) => {
-        const o = t.dataSourceIds.indexOf(e);
-        o !== -1 && n.doc.transact(() => {
-          t.dataSourceIds.splice(o, 1), delete t.dataSources[e];
-        });
-      }
-    }),
-    [t, n.doc]
-  );
-  return {
-    ...n,
-    state: t,
-    actions: S,
-    localActions: y,
-    get currentPage() {
-      const {
-        localState: { currentPageId: e }
-      } = n;
-      return e ? t.pages[e] : void 0;
-    },
-    get currentSection() {
-      var r, c, i;
-      const {
-        localState: { currentPageId: e, ...o }
-      } = n;
-      if (!e)
-        return;
-      const s = (c = (r = o.pages) == null ? void 0 : r[e]) == null ? void 0 : c.currentSectionId;
-      if (s)
-        return (i = t.pages[e]) == null ? void 0 : i.sections[s];
-    },
-    get currentRoute() {
-      var o;
-      const {
-        localState: { currentRouteId: e }
-      } = n;
-      return e ? (o = t.routes) == null ? void 0 : o[e] : void 0;
-    }
-  };
-}, V = () => {
-  const { projectId: n } = ie();
-  return n ?? me() ?? "";
-}, Xe = () => window.__PROJECT_SLUG__ ?? "";
-function ge(n) {
-  var f, I;
-  const { resources: t } = n;
-  if (!t.components)
-    return {};
-  const d = {};
-  return (I = (f = window == null ? void 0 : window.blocklet) == null ? void 0 : f.componentMountPoints) == null || I.forEach((w) => {
-    d[w.did] = w;
-  }), Object.fromEntries(
-    Object.entries(t.components).map(([w, { blockletId: y, component: S }]) => {
-      var e;
-      return [
-        w,
-        { data: S, blockletId: y, blockletTitle: ((e = d[y]) == null ? void 0 : e.title) || y }
-      ];
-    })
-  );
-}
-function ve(n) {
-  const { components: t } = n;
-  return t || {};
-}
-function Ce(n) {
-  return {
-    ...ge(n),
-    ...ve(n)
-  };
-}
-const Ye = () => Ce(he().state);
-export {
-  We as E,
-  Qe as S,
-  ze as a,
-  he as b,
-  Be as c,
-  Ce as d,
-  Xe as e,
-  qe as f,
-  Ke as g,
-  Ye as h,
-  J as i,
-  Je as j,
-  ve as k,
-  ge as l,
-  me as m,
-  A as n,
-  Ve as t,
-  V as u
-};