@blocklet/pages-kit-inner-components 0.4.33 → 0.4.35

package/lib/es/_chunks/state-CVCmClC_.js

@@ -1,407 +0,0 @@
-import { jsx as P } from "react/jsx-runtime";
-import { Box as x, Alert as V, Tooltip as q } from "@blocklet/pages-kit/builtin/mui/material";
-import K from "gradient-parser";
-import J from "tinycolor2";
-import { joinURL as I, withQuery as Q } from "ufo";
-import { createAxios as X } from "@blocklet/js-sdk";
-import Z, { getYjsDoc as Y } from "@syncedstore/core";
-import { useSyncedStore as H } from "@syncedstore/react";
-import { useLocalStorageState as ee } from "ahooks";
-import { produce as b } from "@blocklet/pages-kit/builtin/immer";
-import te from "js-cookie";
-import F from "lodash/debounce";
-import { customAlphabet as oe } from "nanoid";
-import { createContext as ne, useState as C, useRef as re, useMemo as g, useCallback as U, useEffect as E, useContext as se } from "@blocklet/pages-kit/builtin/react";
-import { useParams as ie, useNavigate as ce } from "@blocklet/pages-kit/builtin/react-router-dom";
-import { IndexeddbPersistence as ae } from "y-indexeddb";
-import { WebsocketProvider as ue } from "y-websocket";
-import { UndoManager as de } from "yjs";
-function le() {
-  const { pathname: t } = window.location, o = t.match(/\/admin\/(maker|previewer)\/([^/]+)/), d = o == null ? void 0 : o[2], a = window.__PROJECT_ID__;
-  if (!d && !a)
-    throw new Error("Unable to get projectId from pathname");
-  return d || a;
-}
-function Be(t) {
-  return `${t}:pages:version`;
-}
-function Ge({ error: t }) {
-  return /* @__PURE__ */ P(x, { children: /* @__PURE__ */ P(V, { severity: "error", children: t.message }) });
-}
-var M;
-const A = ((M = window.blocklet) == null ? void 0 : M.prefix) || "/", N = X({
-  timeout: 200 * 1e3
-}), fe = window.location.protocol === "https:" ? "wss" : "ws", Ve = (t) => I(`${fe}://${window.location.hostname}`, A, `api/${t}/ws/pages`), me = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-var W;
-(W = blocklet == null ? void 0 : blocklet.componentMountPoints.find((t) => t.did === me)) != null && W.mountPoint || I(A, "/image-bin");
-function qe(t) {
-  return t && !/^(https?:\/\/|\/)/.test(t) ? window.location.origin + I(A, "uploads", t) : t;
-}
-const pe = window.innerWidth <= 750;
-function Ke(t, o, d) {
-  if (!t || /\.gif/.test(t)) return t;
-  const a = (pe ? o / 1.5 : o) * (d === "quality" ? 1.5 : 1);
-  return we(t, { imageFilter: "resize", w: a, f: "webp" });
-}
-function we(t, o) {
-  return !t || !o ? t : Q(t, o);
-}
-function he(t) {
-  if (t != null && t.trim())
-    try {
-      return K.parse(t), !0;
-    } catch {
-      return !1;
-    }
-  return !1;
-}
-function Je(t) {
-  return typeof t != "string" ? !1 : !!(he(t) || J(t).isValid());
-}
-async function Se(t) {
-  return N.get(`/api/projects/${t}`).then((o) => o.data);
-}
-async function ge(t) {
-  return N.post(`/api/projects/${t.id}/update`, t).then((o) => o.data);
-}
-const Pe = 500, R = oe("abcdefghijklmnopqrstuvwxyz0123456789", 16), z = ne(null);
-function Qe({
-  url: t,
-  name: o,
-  children: d,
-  waitingSynced: a
-}) {
-  const [l, u] = C(!1), w = B(), k = `${w}:MakerLocalState`, e = `${w}:${o}`, [r, n] = ee(k, {
-    defaultValue: {},
-    listenStorageChange: !0
-  }), s = re(r);
-  s.current = r;
-  const c = g(
-    () => Z({
-      pages: {},
-      pageIds: [],
-      components: {},
-      supportedLocales: [],
-      config: {},
-      resources: {}
-    }),
-    []
-  ), i = g(() => Y(c), [c]);
-  g(() => new ae(e, i), [e, i]);
-  const h = g(
-    () => new ue(t, e, i, { params: { token: te.get("login_token") } }),
-    [t, e, i]
-  ), j = g(
-    () => new de(
-      [i.getArray("pageIds"), i.getMap("pages"), i.getArray("supportedLocales"), i.getMap("config")],
-      { doc: i }
-    ),
-    [i]
-  ), [v, y] = C(null), [L, O] = C(!1), [_, $] = C(void 0), D = U(async () => {
-    if (w) {
-      O(!0);
-      try {
-        const f = await Se(w);
-        y(f);
-      } catch (f) {
-        console.error("Failed to fetch project:", f);
-      } finally {
-        O(!1);
-      }
-    }
-  }, [w]), T = U(
-    async (f, m) => {
-      var S;
-      if ($(void 0), !!w) {
-        m != null && m.optimisticUpdate && v && y((p) => ({
-          ...p,
-          ...f
-        }));
-        try {
-          const p = await ge({
-            ...f
-          });
-          y(p);
-        } catch (p) {
-          console.error("Failed to update project:", p), m != null && m.optimisticUpdate && y(v), $((S = p == null ? void 0 : p.response) == null ? void 0 : S.data);
-        }
-      }
-    },
-    [w, v]
-  );
-  E(() => {
-    w && D();
-  }, [w, D]);
-  const G = g(
-    () => ({
-      doc: i,
-      state: c,
-      localState: r,
-      setLocalState: (f) => n(typeof f == "function" ? (m) => f(m ?? {}) : f),
-      undoManager: j,
-      projectState: {
-        project: v,
-        isLoadingProject: L,
-        error: _
-      },
-      updateProject: T
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      i,
-      c,
-      JSON.stringify(r),
-      // resolve the problem of react warning
-      n,
-      j,
-      v,
-      L,
-      T,
-      _
-    ]
-  );
-  return E(() => {
-    j.on("stack-item-added", ({ stackItem: f }) => {
-      const { currentPageId: m, currentLocale: S, pages: p } = s.current;
-      f.meta.set("localState", { currentPageId: m, currentLocale: S, pages: p });
-    }), j.on("stack-item-popped", ({ stackItem: f }) => {
-      const m = f.meta.get("localState");
-      m && n((S) => ({ ...S, ...m }));
-    });
-  }, [j, n]), E(() => {
-    h.awareness.setLocalState(r);
-  }, [h, r]), E(() => {
-    h.once("synced", () => u(!0));
-    const f = () => {
-      n((p) => ({
-        ...p,
-        networkStatus: void 0
-      }));
-    }, m = () => {
-      n((p) => ({
-        ...p,
-        networkStatus: "offline"
-      }));
-    }, S = F(({ status: p }) => {
-      p === "connected" ? f() : p === "disconnected" && m();
-    }, Pe);
-    return h.on("status", S), window.addEventListener("online", f), window.addEventListener("offline", m), () => {
-      h.off("status", S), window.removeEventListener("online", f), window.removeEventListener("offline", m);
-    };
-  }, [h, n]), a && !l ? null : /* @__PURE__ */ P(z.Provider, { value: G, children: d });
-}
-const ke = () => {
-  const t = se(z);
-  if (!t)
-    throw new Error("Context is null");
-  const o = H(t.state), { setLocalState: d, localState: a } = t, l = ce(), u = B(), w = g(
-    () => ({
-      setCurrentSectionId: (e, r) => {
-        var n, s;
-        e === a.currentPageId && r === ((s = (n = a.pages) == null ? void 0 : n[e]) == null ? void 0 : s.currentSectionId) || (l(I("/admin/maker", u ?? "", "pages", e)), d(
-          (c) => b(c, (i) => {
-            var h;
-            i.currentPageId = e, i.currentComponentId = void 0, i.componentDebugProps = {}, r !== void 0 && (i.pages ?? (i.pages = {}), (h = i.pages)[e] ?? (h[e] = {}), i.pages[e].currentSectionId = r ?? void 0), r ? window.sessionStorage.setItem("iframe_show_id", `"${r}"`) : window.sessionStorage.removeItem("iframe_show_id");
-          })
-        ));
-      },
-      setCurrentComponentId: (e) => {
-        e !== a.currentComponentId && (l(I("/admin/maker", u ?? "", "components", e)), d(
-          (r) => b(r, (n) => {
-            n.currentComponentId = e, n.componentDebugProps = {};
-          })
-        ));
-      },
-      setComponentDebugProps: (() => {
-        const e = {}, r = F(() => {
-          d(
-            (n) => b(n, (s) => {
-              s.componentDebugProps = {
-                ...s == null ? void 0 : s.componentDebugProps,
-                ...e
-              }, Object.keys(e).forEach((c) => delete e[c]);
-            })
-          );
-        }, 5);
-        return (n) => {
-          Object.assign(e, n), r();
-        };
-      })()
-    }),
-    [d, l, u]
-  ), k = g(
-    () => ({
-      addPage: (e, r) => {
-        const n = (e == null ? void 0 : e.id) ?? R(), s = {
-          ...e,
-          id: n,
-          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) ?? `/${n}`,
-          sections: (e == null ? void 0 : e.sections) ?? {},
-          sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
-          isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
-          isTemplate: (e == null ? void 0 : e.isTemplate) ?? !1
-        };
-        return t.doc.transact(() => {
-          o.pages[s.id] = s, o.pageIds.splice(r ?? o.pageIds.length, 0, s.id);
-        }), s;
-      },
-      deletePage: (e) => {
-        const r = o.pageIds.indexOf(e);
-        r !== -1 && t.doc.transact(() => {
-          o.pageIds.splice(r, 1), delete o.pages[e];
-        });
-      },
-      movePage: (e, r) => {
-        const { pageIds: n } = o, s = n.indexOf(e);
-        s >= 0 && n.splice(r, 0, ...n.splice(s, 1));
-      },
-      addSection: (e, r, n) => {
-        const s = o.pages[e];
-        if (!s)
-          throw new Error(`Page ${e} is not exists`);
-        const c = {
-          ...r,
-          id: r.id ?? R(),
-          isTemplateSection: r.isTemplateSection ?? !1
-        };
-        return t.doc.transact(() => {
-          s.sections[c.id] = c, s.sectionIds.splice(n ?? s.sectionIds.length, 0, c.id);
-        }), c;
-      },
-      deleteSection: (e, r) => {
-        const n = o.pages[e];
-        if (!n)
-          throw new Error(`Page ${e} is not exists`);
-        const s = n.sectionIds.indexOf(r);
-        s !== -1 && t.doc.transact(() => {
-          n.sectionIds.splice(s, 1), delete n.sections[r];
-        });
-      },
-      toggleSectionVisibility: (e, r, n) => {
-        const s = o.pages[e];
-        if (!s)
-          throw new Error(`Page ${e} is not exists`);
-        const c = s.sections[r];
-        c && (c.visibility = n);
-      },
-      moveSection: (e, r, n) => {
-        const s = o.pages[e];
-        if (!s)
-          throw new Error(`Page ${e} is not exists`);
-        const { sectionIds: c } = s, i = c.indexOf(r);
-        i >= 0 && c.splice(n, 0, ...c.splice(i, 1));
-      }
-    }),
-    [o, t.doc]
-  );
-  return {
-    ...t,
-    state: o,
-    actions: k,
-    localActions: w,
-    get currentPage() {
-      const {
-        localState: { currentPageId: e }
-      } = t;
-      return e ? o.pages[e] : void 0;
-    },
-    get currentSection() {
-      var s, c, i;
-      const {
-        localState: { currentPageId: e, ...r }
-      } = t;
-      if (!e)
-        return;
-      const n = (c = (s = r.pages) == null ? void 0 : s[e]) == null ? void 0 : c.currentSectionId;
-      if (n)
-        return (i = o.pages[e]) == null ? void 0 : i.sections[n];
-    }
-  };
-}, B = () => {
-  const { projectId: t } = ie();
-  return t ?? le();
-};
-function je(t) {
-  var a, l;
-  const { resources: o } = t;
-  if (!o.components)
-    return {};
-  const d = {};
-  return (l = (a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.componentMountPoints) == null || l.forEach((u) => {
-    d[u.did] = u;
-  }), Object.fromEntries(
-    Object.entries(o.components).map(([u, { blockletId: w, component: k }]) => {
-      var e;
-      return [
-        u,
-        { data: k, blockletId: w, blockletTitle: ((e = d[w]) == null ? void 0 : e.title) || w }
-      ];
-    })
-  );
-}
-function ve(t) {
-  const { components: o } = t;
-  return o || {};
-}
-function Ie(t) {
-  return {
-    ...je(t),
-    ...ve(t)
-  };
-}
-const Xe = () => Ie(ke().state), ye = [
-  /\.\./,
-  // 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 Ze(t, o, d) {
-  const a = [];
-  {
-    let l;
-    o.slug ? o.slug.startsWith("/") ? o.slug !== "/" && o.slug.endsWith("/") ? l = t("maker.properties.pathCheckEndWithoutSlash") : /\/{2,}/.test(o.slug) ? l = t("maker.properties.pathCheckConsecutiveSlash") : /\s/.test(o.slug) ? l = t("maker.properties.pathCheckWhitespace") : ye.some((u) => u.test(o.slug)) ? l = t("maker.properties.pathCheckInvalid") : Object.values(d.pages).some((u) => (u == null ? void 0 : u.id) !== o.id && (u == null ? void 0 : u.slug) === o.slug) && (l = t("maker.properties.pathCheckAlreadyExist")) : l = t("maker.properties.pathCheckStartWithSlash") : l = t("maker.properties.pathCheckRequired"), l && a.push({ path: ["path"], message: l });
-  }
-  return a.length > 0 ? a : null;
-}
-function Ye({ errors: t, ...o }) {
-  return t != null && t.length ? /* @__PURE__ */ P(
-    q,
-    {
-      ...o,
-      title: /* @__PURE__ */ P(x, { children: t.map((d, a) => /* @__PURE__ */ P(x, { children: d.message }, a)) })
-    }
-  ) : null;
-}
-export {
-  Ge as E,
-  Ye as P,
-  Qe as S,
-  Ke as a,
-  Je as b,
-  N as c,
-  le as d,
-  Ie as e,
-  Be as f,
-  qe as g,
-  ke as h,
-  he as i,
-  Xe as j,
-  Ve as k,
-  Ze as l,
-  R as n,
-  B as u
-};