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

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

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

package/lib/es/home.js

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
-import "./chunks/state-JDvNqLu1.js";
-import { a as h, P as x, c as y, b as B, T as R, H as j } from "./chunks/home-DQvcjT5p.js";
+import "./chunks/state-DsXKwImw.js";
+import { a as y, P as B, c as R, b as j, T as k, H as q } from "./chunks/home-BBfstt15.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@blocklet/pages-kit/builtin/page/header";
+import "@blocklet/pages-kit/contexts/color";
 import "@blocklet/ui-react/lib/Header";
 import "@emotion/css";
 import "@emotion/react";
@@ -19,11 +20,12 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
+import "./chunks/array-C85JziT_.js";
 export {
-  h as HomeView,
-  x as PageRoutes,
-  y as PageView,
-  B as PageViewByPath,
-  R as TranslucentHeader,
-  j as default
+  y as HomeView,
+  B as PageRoutes,
+  R as PageView,
+  j as PageViewByPath,
+  k as TranslucentHeader,
+  q as default
 };