@blocklet/pages-kit-inner-components 0.4.141 → 0.4.143

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

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

package/lib/es/chunks-map.json

@@ -0,0 +1 @@
+{}

package/lib/es/components.js

@@ -0,0 +1,22 @@
+import "@blocklet/pages-kit/builtin/utils";
+import "@blocklet/pages-kit/types";
+import "@blocklet/pages-kit/utils/property";
+import "@blocklet/quickjs";
+import "@blocklet/sdk/lib/config";
+import "lru-cache";
+import "node-fetch";
+import "ufo";
+import "crypto";
+import { c as _, G as E, d as i, e as d, j as l, k as N, m as O, h as P, g as c, f as g } from "./chunks/site-state-BvVjkzSF.js";
+export {
+  _ as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
+  E as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,
+  i as clearPreloadComponentsCache,
+  d as clearPreloadComponentsCacheByMode,
+  l as getComponentFromState,
+  N as getComponentFromStateByName,
+  O as getExportSchemaValueFromCode,
+  P as getPreloadComponent,
+  c as getPreloadComponents,
+  g as getPreloadComponentsCacheKey
+};

package/lib/es/home.js

@@ -0,0 +1,34 @@
+import "react/jsx-runtime";
+import "./chunks/state-DGyH1TW3.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/pages-kit/utils/data-source";
+import "@blocklet/pages-kit/utils/route";
+import "@blocklet/ui-react/lib/Header";
+import "@emotion/css";
+import "@emotion/react";
+import "@emotion/styled";
+import "@mui/material";
+import "ahooks";
+import "isomorphic-dompurify";
+import "lodash/cloneDeep";
+import "lodash/isEmpty";
+import "lodash/isEqual";
+import "react";
+import "react-helmet";
+import "react-router-dom";
+import "react-use";
+import "ufo";
+import "./chunks/array-BfSgATE1.js";
+import { a as D, P as R, d as S, c as W, b as j, T as k, H as q } from "./chunks/home-DCFkaVAX.js";
+export {
+  D as HomeView,
+  R as PageRoutes,
+  S as PageView,
+  W as PageViewByPath,
+  j as PageViewWithDataSource,
+  k as TranslucentHeader,
+  q as default
+};