@blocklet/pages-kit-inner-components 0.4.99 → 0.4.100

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

@@ -1,420 +0,0 @@
-import { jsx as C } from "react/jsx-runtime";
-import { Box as x, Alert as B, Tooltip as G } from "@mui/material";
-import q from "gradient-parser";
-import K from "tinycolor2";
-import { joinURL as j, withQuery as Q } from "ufo";
-import { createAxios as X } from "@blocklet/js-sdk";
-import Z from "lodash/isEmpty";
-import * as Y from "yaml";
-import H, { getYjsDoc as tt } from "@syncedstore/core";
-import { useSyncedStore as et } from "@syncedstore/react";
-import { useLocalStorageState as ot } from "ahooks";
-import { produce as b } from "immer";
-import nt from "js-cookie";
-import W from "lodash/debounce";
-import { customAlphabet as rt } from "nanoid";
-import { createContext as st, useState as E, useRef as it, useMemo as g, useCallback as U, useEffect as v, useContext as ct } from "react";
-import { useParams as at, useNavigate as dt } from "react-router-dom";
-import { IndexeddbPersistence as ut } from "y-indexeddb";
-import { WebsocketProvider as lt } from "y-websocket";
-import { UndoManager as ft } from "yjs";
-function mt() {
-  const { pathname: e } = window.location, o = e.match(/\/admin\/(maker|previewer)\/([^/]+)/), u = o == null ? void 0 : o[2], a = window.__PROJECT_ID__;
-  if (!u && !a)
-    throw new Error("Unable to get projectId from pathname");
-  return u || a;
-}
-function Gt(e) {
-  return `${e}:pages:version`;
-}
-function qt(e, o) {
-  return o === "yaml" ? Z(e) ? "" : Y.stringify(e, { indent: 2 }) : o === "json" ? JSON.parse(JSON.stringify(e || "{}")) : o === "array" ? JSON.parse(JSON.stringify(e || "[]")) : e;
-}
-function Kt({ error: e }) {
-  return /* @__PURE__ */ C(x, { children: /* @__PURE__ */ C(B, { severity: "error", children: e.message }) });
-}
-var R;
-const O = ((R = window.blocklet) == null ? void 0 : R.prefix) || "/", F = X({
-  timeout: 200 * 1e3
-}), pt = window.location.protocol === "https:" ? "wss" : "ws", Qt = (e) => j(`${pt}://${window.location.hostname}`, O, `api/${e}/ws/pages`), St = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-var M;
-(M = blocklet == null ? void 0 : blocklet.componentMountPoints.find((e) => e.did === St)) != null && M.mountPoint || j(O, "/image-bin");
-function Xt(e) {
-  return e && !/^(https?:\/\/|\/)/.test(e) ? window.location.origin + j(O, "uploads", e) : e;
-}
-const wt = window.innerWidth <= 750;
-function Zt(e, o, u) {
-  if (!e || /\.gif/.test(e)) return e;
-  const a = (wt ? o / 1.5 : o) * (u === "quality" ? 1.5 : 1);
-  return ht(e, { imageFilter: "resize", w: a, f: "webp" });
-}
-function ht(e, o) {
-  return !e || !o ? e : Q(e, o);
-}
-function Pt(e) {
-  if (e != null && e.trim())
-    try {
-      return q.parse(e), !0;
-    } catch {
-      return !1;
-    }
-  return !1;
-}
-function Yt(e) {
-  return typeof e != "string" ? !1 : !!(Pt(e) || K(e).isValid());
-}
-async function gt(e) {
-  return F.get(`/api/projects/${e}`).then((o) => o.data);
-}
-async function Ct(e) {
-  return F.post(`/api/projects/${e.id}/update`, e).then((o) => o.data);
-}
-const yt = 500, N = rt("abcdefghijklmnopqrstuvwxyz0123456789", 16), J = st(null);
-function Ht({
-  url: e,
-  name: o,
-  children: u,
-  waitingSynced: a
-}) {
-  const [l, d] = E(!1), S = V(), y = `${S}:MakerLocalState`, t = `${S}:${o}`, [r, n] = ot(y, {
-    defaultValue: {},
-    listenStorageChange: !0
-  }), s = it(r);
-  s.current = r;
-  const c = g(
-    () => H({
-      pages: {},
-      pageIds: [],
-      components: {},
-      supportedLocales: [],
-      config: {},
-      resources: {}
-    }),
-    []
-  ), i = g(() => tt(c), [c]);
-  g(() => new ut(t, i), [t, i]);
-  const w = g(
-    () => new lt(e, t, i, { params: { token: nt.get("login_token") } }),
-    [e, t, i]
-  ), P = g(
-    () => new ft(
-      [i.getArray("pageIds"), i.getMap("pages"), i.getArray("supportedLocales"), i.getMap("config")],
-      { doc: i }
-    ),
-    [i]
-  ), [I, k] = E(null), [A, L] = E(!1), [T, _] = E(void 0), $ = U(async () => {
-    if (S) {
-      L(!0);
-      try {
-        const f = await gt(S);
-        k(f);
-      } catch (f) {
-        console.error("Failed to fetch project:", f);
-      } finally {
-        L(!1);
-      }
-    }
-  }, [S]), D = U(
-    async (f, m) => {
-      var h;
-      if (_(void 0), !!S) {
-        m != null && m.optimisticUpdate && I && k((p) => ({
-          ...p,
-          ...f
-        }));
-        try {
-          const p = await Ct({
-            ...f
-          });
-          k(p);
-        } catch (p) {
-          console.error("Failed to update project:", p), m != null && m.optimisticUpdate && k(I), _((h = p == null ? void 0 : p.response) == null ? void 0 : h.data);
-        }
-      }
-    },
-    [S, I]
-  );
-  v(() => {
-    S && $();
-  }, [S, $]);
-  const z = g(
-    () => ({
-      doc: i,
-      state: c,
-      localState: r,
-      setLocalState: (f) => n(typeof f == "function" ? (m) => f(m ?? {}) : f),
-      undoManager: P,
-      projectState: {
-        project: I,
-        isLoadingProject: A,
-        error: T
-      },
-      updateProject: D
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      i,
-      c,
-      JSON.stringify(r),
-      // resolve the problem of react warning
-      n,
-      P,
-      I,
-      A,
-      D,
-      T
-    ]
-  );
-  return v(() => {
-    P.on("stack-item-added", ({ stackItem: f }) => {
-      const { currentPageId: m, currentLocale: h, pages: p } = s.current;
-      f.meta.set("localState", { currentPageId: m, currentLocale: h, pages: p });
-    }), P.on("stack-item-popped", ({ stackItem: f }) => {
-      const m = f.meta.get("localState");
-      m && n((h) => ({ ...h, ...m }));
-    });
-  }, [P, n]), v(() => {
-    w.awareness.setLocalState(r);
-  }, [w, r]), v(() => {
-    w.once("synced", () => d(!0));
-    const f = () => {
-      n((p) => ({
-        ...p,
-        networkStatus: void 0
-      }));
-    }, m = () => {
-      n((p) => ({
-        ...p,
-        networkStatus: "offline"
-      }));
-    }, h = W(({ status: p }) => {
-      p === "connected" ? f() : p === "disconnected" && m();
-    }, yt);
-    return w.on("status", h), window.addEventListener("online", f), window.addEventListener("offline", m), () => {
-      w.off("status", h), window.removeEventListener("online", f), window.removeEventListener("offline", m);
-    };
-  }, [w, n]), a && !l ? null : /* @__PURE__ */ C(J.Provider, { value: z, children: u });
-}
-const It = () => {
-  const e = ct(J);
-  if (!e)
-    throw new Error("Context is null");
-  const o = et(e.state), { setLocalState: u, localState: a } = e, l = dt(), d = V(), S = g(
-    () => ({
-      setCurrentSectionId: (t, r) => {
-        var n, s;
-        t === a.currentPageId && r === ((s = (n = a.pages) == null ? void 0 : n[t]) == null ? void 0 : s.currentSectionId) || (l(j("/admin/maker", d ?? "", "pages", t)), u(
-          (c) => b(c, (i) => {
-            var w;
-            i.currentPageId = t, i.currentComponentId = void 0, i.componentDebugProps = {}, r !== void 0 && (i.pages ?? (i.pages = {}), (w = i.pages)[t] ?? (w[t] = {}), i.pages[t].currentSectionId = r ?? void 0), r ? window.sessionStorage.setItem("iframe_show_id", `"${r}"`) : window.sessionStorage.removeItem("iframe_show_id");
-          })
-        ));
-      },
-      setCurrentComponentId: (t) => {
-        t !== a.currentComponentId && (l(j("/admin/maker", d ?? "", "components", t)), u(
-          (r) => b(r, (n) => {
-            n.currentComponentId = t, n.componentDebugProps = {};
-          })
-        ));
-      },
-      setComponentDebugProps: (() => {
-        const t = {}, r = W(() => {
-          u(
-            (n) => b(n, (s) => {
-              s.componentDebugProps = {
-                ...s == null ? void 0 : s.componentDebugProps,
-                ...t
-              }, Object.keys(t).forEach((c) => delete t[c]);
-            })
-          );
-        }, 5);
-        return (n) => {
-          Object.assign(t, n), r();
-        };
-      })()
-    }),
-    [u, l, d]
-  ), y = g(
-    () => ({
-      addPage: (t, r) => {
-        var c, i, w, P;
-        const n = (t == null ? void 0 : t.id) ?? N(), s = {
-          ...t,
-          id: n,
-          createdAt: (t == null ? void 0 : t.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          updatedAt: (t == null ? void 0 : t.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
-          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: (t == null ? void 0 : t.slug) ?? `/${n}`,
-          sections: (t == null ? void 0 : t.sections) ?? {},
-          sectionIds: (t == null ? void 0 : t.sectionIds) ?? [],
-          isPublic: (t == null ? void 0 : t.isPublic) ?? !0,
-          templateConfig: (t == null ? void 0 : t.templateConfig) ?? {
-            isTemplate: ((c = t == null ? void 0 : t.templateConfig) == null ? void 0 : c.isTemplate) ?? !0,
-            displayTemplateId: ((i = t == null ? void 0 : t.templateConfig) == null ? void 0 : i.displayTemplateId) ?? void 0,
-            dataSourceId: ((w = t == null ? void 0 : t.templateConfig) == null ? void 0 : w.dataSourceId) ?? void 0,
-            dataSourceParameters: ((P = t == null ? void 0 : t.templateConfig) == null ? void 0 : P.dataSourceParameters) ?? {}
-          }
-        };
-        return e.doc.transact(() => {
-          o.pages[s.id] = s, o.pageIds.splice(r ?? o.pageIds.length, 0, s.id);
-        }), s;
-      },
-      deletePage: (t) => {
-        const r = o.pageIds.indexOf(t);
-        r !== -1 && e.doc.transact(() => {
-          o.pageIds.splice(r, 1), delete o.pages[t];
-        });
-      },
-      movePage: (t, r) => {
-        const { pageIds: n } = o, s = n.indexOf(t);
-        s >= 0 && n.splice(r, 0, ...n.splice(s, 1));
-      },
-      addSection: (t, r, n) => {
-        const s = o.pages[t];
-        if (!s)
-          throw new Error(`Page ${t} is not exists`);
-        const c = {
-          ...r,
-          id: r.id ?? N(),
-          isTemplateSection: r.isTemplateSection ?? !0,
-          llmConfig: r.llmConfig ?? {}
-        };
-        return e.doc.transact(() => {
-          s.sections[c.id] = c, s.sectionIds.splice(n ?? s.sectionIds.length, 0, c.id);
-        }), c;
-      },
-      deleteSection: (t, r) => {
-        const n = o.pages[t];
-        if (!n)
-          throw new Error(`Page ${t} is not exists`);
-        const s = n.sectionIds.indexOf(r);
-        s !== -1 && e.doc.transact(() => {
-          n.sectionIds.splice(s, 1), delete n.sections[r];
-        });
-      },
-      toggleSectionVisibility: (t, r, n) => {
-        const s = o.pages[t];
-        if (!s)
-          throw new Error(`Page ${t} is not exists`);
-        const c = s.sections[r];
-        c && (c.visibility = n);
-      },
-      moveSection: (t, r, n) => {
-        const s = o.pages[t];
-        if (!s)
-          throw new Error(`Page ${t} is not exists`);
-        const { sectionIds: c } = s, i = c.indexOf(r);
-        i >= 0 && c.splice(n, 0, ...c.splice(i, 1));
-      }
-    }),
-    [o, e.doc]
-  );
-  return {
-    ...e,
-    state: o,
-    actions: y,
-    localActions: S,
-    get currentPage() {
-      const {
-        localState: { currentPageId: t }
-      } = e;
-      return t ? o.pages[t] : void 0;
-    },
-    get currentSection() {
-      var s, c, i;
-      const {
-        localState: { currentPageId: t, ...r }
-      } = e;
-      if (!t)
-        return;
-      const n = (c = (s = r.pages) == null ? void 0 : s[t]) == null ? void 0 : c.currentSectionId;
-      if (n)
-        return (i = o.pages[t]) == null ? void 0 : i.sections[n];
-    }
-  };
-}, V = () => {
-  const { projectId: e } = at();
-  return e ?? mt() ?? "";
-};
-function jt(e) {
-  var a, l;
-  const { resources: o } = e;
-  if (!o.components)
-    return {};
-  const u = {};
-  return (l = (a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.componentMountPoints) == null || l.forEach((d) => {
-    u[d.did] = d;
-  }), Object.fromEntries(
-    Object.entries(o.components).map(([d, { blockletId: S, component: y }]) => {
-      var t;
-      return [
-        d,
-        { data: y, blockletId: S, blockletTitle: ((t = u[S]) == null ? void 0 : t.title) || S }
-      ];
-    })
-  );
-}
-function kt(e) {
-  const { components: o } = e;
-  return o || {};
-}
-function Et(e) {
-  return {
-    ...jt(e),
-    ...kt(e)
-  };
-}
-const te = () => Et(It().state), vt = [
-  /\.\./,
-  // Directory traversal
-  /<[^>]*>/,
-  // HTML/XML tags
-  /%[0-9a-f]{2}/i,
-  // Percent encoding
-  /[<>'"%;{}()\\]/,
-  // Special characters
-  // eslint-disable-next-line no-control-regex
-  /\x00/,
-  // Null byte
-  /\n|\r|\t|\v|\f/,
-  // Control characters
-  /[^a-zA-Z0-9-_@/]/
-  // Disallow any characters except alphanumeric, dash, underscore and forward slash
-];
-function ee(e, o, u) {
-  const a = [];
-  {
-    let l;
-    o.slug ? o.slug.startsWith("/") ? o.slug !== "/" && o.slug.endsWith("/") ? l = e("maker.properties.pathCheckEndWithoutSlash") : /\/{2,}/.test(o.slug) ? l = e("maker.properties.pathCheckConsecutiveSlash") : /\s/.test(o.slug) ? l = e("maker.properties.pathCheckWhitespace") : vt.some((d) => d.test(o.slug)) ? l = e("maker.properties.pathCheckInvalid") : Object.values(u.pages).some((d) => (d == null ? void 0 : d.id) !== o.id && (d == null ? void 0 : d.slug) === o.slug) && (l = e("maker.properties.pathCheckAlreadyExist")) : l = e("maker.properties.pathCheckStartWithSlash") : l = e("maker.properties.pathCheckRequired"), l && a.push({ path: ["path"], message: l });
-  }
-  return a.length > 0 ? a : null;
-}
-function oe({ errors: e, ...o }) {
-  return e != null && e.length ? /* @__PURE__ */ C(
-    G,
-    {
-      ...o,
-      title: /* @__PURE__ */ C(x, { children: e.map((u, a) => /* @__PURE__ */ C(x, { children: u.message }, a)) })
-    }
-  ) : null;
-}
-export {
-  Kt as E,
-  oe as P,
-  Ht as S,
-  Zt as a,
-  Yt as b,
-  F as c,
-  mt as d,
-  Et as e,
-  Gt as f,
-  Xt as g,
-  It as h,
-  Pt as i,
-  te as j,
-  Qt as k,
-  ee as l,
-  N as n,
-  qt as t,
-  V as u
-};