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

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

@@ -1,418 +0,0 @@
-import { jsx as P } 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 I, 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: t } = window.location, o = t.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(t) {
-  return `${t}:pages:version`;
-}
-function qt(t, o) {
-  return o === "yaml" ? Z(t) ? "" : Y.stringify(t, { indent: 2 }) : o === "json" ? JSON.parse(JSON.stringify(t || "{}")) : o === "array" ? JSON.parse(JSON.stringify(t || "[]")) : t;
-}
-function Kt({ error: t }) {
-  return /* @__PURE__ */ P(x, { children: /* @__PURE__ */ P(B, { severity: "error", children: t.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 = (t) => I(`${pt}://${window.location.hostname}`, O, `api/${t}/ws/pages`), St = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
-var M;
-(M = blocklet == null ? void 0 : blocklet.componentMountPoints.find((t) => t.did === St)) != null && M.mountPoint || I(O, "/image-bin");
-function Xt(t) {
-  return t && !/^(https?:\/\/|\/)/.test(t) ? window.location.origin + I(O, "uploads", t) : t;
-}
-const wt = window.innerWidth <= 750;
-function Zt(t, o, u) {
-  if (!t || /\.gif/.test(t)) return t;
-  const a = (wt ? o / 1.5 : o) * (u === "quality" ? 1.5 : 1);
-  return ht(t, { imageFilter: "resize", w: a, f: "webp" });
-}
-function ht(t, o) {
-  return !t || !o ? t : Q(t, o);
-}
-function gt(t) {
-  if (t != null && t.trim())
-    try {
-      return q.parse(t), !0;
-    } catch {
-      return !1;
-    }
-  return !1;
-}
-function Yt(t) {
-  return typeof t != "string" ? !1 : !!(gt(t) || K(t).isValid());
-}
-async function Pt(t) {
-  return F.get(`/api/projects/${t}`).then((o) => o.data);
-}
-async function yt(t) {
-  return F.post(`/api/projects/${t.id}/update`, t).then((o) => o.data);
-}
-const jt = 500, N = rt("abcdefghijklmnopqrstuvwxyz0123456789", 16), J = st(null);
-function Ht({
-  url: t,
-  name: o,
-  children: u,
-  waitingSynced: a
-}) {
-  const [l, d] = E(!1), S = V(), y = `${S}:MakerLocalState`, e = `${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(e, i), [e, i]);
-  const w = g(
-    () => new lt(t, e, i, { params: { token: nt.get("login_token") } }),
-    [t, e, i]
-  ), j = g(
-    () => new ft(
-      [i.getArray("pageIds"), i.getMap("pages"), i.getArray("supportedLocales"), i.getMap("config")],
-      { doc: i }
-    ),
-    [i]
-  ), [k, C] = E(null), [A, L] = E(!1), [_, $] = E(void 0), D = U(async () => {
-    if (S) {
-      L(!0);
-      try {
-        const f = await Pt(S);
-        C(f);
-      } catch (f) {
-        console.error("Failed to fetch project:", f);
-      } finally {
-        L(!1);
-      }
-    }
-  }, [S]), T = U(
-    async (f, m) => {
-      var h;
-      if ($(void 0), !!S) {
-        m != null && m.optimisticUpdate && k && C((p) => ({
-          ...p,
-          ...f
-        }));
-        try {
-          const p = await yt({
-            ...f
-          });
-          C(p);
-        } catch (p) {
-          console.error("Failed to update project:", p), m != null && m.optimisticUpdate && C(k), $((h = p == null ? void 0 : p.response) == null ? void 0 : h.data);
-        }
-      }
-    },
-    [S, k]
-  );
-  v(() => {
-    S && D();
-  }, [S, D]);
-  const z = g(
-    () => ({
-      doc: i,
-      state: c,
-      localState: r,
-      setLocalState: (f) => n(typeof f == "function" ? (m) => f(m ?? {}) : f),
-      undoManager: j,
-      projectState: {
-        project: k,
-        isLoadingProject: A,
-        error: _
-      },
-      updateProject: T
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      i,
-      c,
-      JSON.stringify(r),
-      // resolve the problem of react warning
-      n,
-      j,
-      k,
-      A,
-      T,
-      _
-    ]
-  );
-  return v(() => {
-    j.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 });
-    }), j.on("stack-item-popped", ({ stackItem: f }) => {
-      const m = f.meta.get("localState");
-      m && n((h) => ({ ...h, ...m }));
-    });
-  }, [j, 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();
-    }, jt);
-    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__ */ P(J.Provider, { value: z, children: u });
-}
-const kt = () => {
-  const t = ct(J);
-  if (!t)
-    throw new Error("Context is null");
-  const o = et(t.state), { setLocalState: u, localState: a } = t, l = dt(), d = V(), S = 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", d ?? "", "pages", e)), u(
-          (c) => b(c, (i) => {
-            var w;
-            i.currentPageId = e, i.currentComponentId = void 0, i.componentDebugProps = {}, r !== void 0 && (i.pages ?? (i.pages = {}), (w = i.pages)[e] ?? (w[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", d ?? "", "components", e)), u(
-          (r) => b(r, (n) => {
-            n.currentComponentId = e, n.componentDebugProps = {};
-          })
-        ));
-      },
-      setComponentDebugProps: (() => {
-        const e = {}, r = W(() => {
-          u(
-            (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();
-        };
-      })()
-    }),
-    [u, l, d]
-  ), y = g(
-    () => ({
-      addPage: (e, r) => {
-        const n = (e == null ? void 0 : e.id) ?? N(), 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,
-          templateConfig: (e == null ? void 0 : e.templateConfig) ?? {
-            isTemplate: !1,
-            displayTemplateId: void 0,
-            dataSourceId: void 0,
-            dataSourceParameters: {}
-          }
-        };
-        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 ?? N(),
-          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: y,
-    localActions: S,
-    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];
-    }
-  };
-}, V = () => {
-  const { projectId: t } = at();
-  return t ?? mt();
-};
-function It(t) {
-  var a, l;
-  const { resources: o } = t;
-  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 e;
-      return [
-        d,
-        { data: y, blockletId: S, blockletTitle: ((e = u[S]) == null ? void 0 : e.title) || S }
-      ];
-    })
-  );
-}
-function Ct(t) {
-  const { components: o } = t;
-  return o || {};
-}
-function Et(t) {
-  return {
-    ...It(t),
-    ...Ct(t)
-  };
-}
-const te = () => Et(kt().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(t, o, u) {
-  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") : vt.some((d) => d.test(o.slug)) ? l = t("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 = 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 oe({ errors: t, ...o }) {
-  return t != null && t.length ? /* @__PURE__ */ P(
-    G,
-    {
-      ...o,
-      title: /* @__PURE__ */ P(x, { children: t.map((u, a) => /* @__PURE__ */ P(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,
-  kt as h,
-  gt as i,
-  te as j,
-  Qt as k,
-  ee as l,
-  N as n,
-  qt as t,
-  V as u
-};