@blocklet/pages-kit-inner-components 0.4.126 → 0.4.128

package/lib/cjs/chunks/state-oc52fQ0j.js

@@ -1 +0,0 @@
-"use strict";const _=require("react/jsx-runtime"),D=require("@mui/material"),C=require("ufo"),Z=require("@blocklet/js-sdk"),H=require("lodash/isEmpty"),ee=require("yaml"),te=require("@arcblock/ux/lib/Locale/context"),V=require("@syncedstore/core"),ne=require("@syncedstore/react"),oe=require("ahooks"),x=require("immer"),re=require("js-cookie"),se=require("lodash/debounce"),ce=require("nanoid"),d=require("react"),W=require("react-router-dom"),ie=require("y-indexeddb"),ae=require("y-websocket"),de=require("yjs");require("@blocklet/pages-kit/types");const O=t=>t&&t.__esModule?t:{default:t};function le(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const S=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,S.get?S:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const ue=O(H),fe=le(ee),me=O(V),Se=O(re),G=O(se),we=t=>{const n=blocklet==null?void 0:blocklet.componentMountPoints.find(i=>i.name===t);return n?n.mountPoint:"/"};function z(){const{pathname:t}=window.location,n=t.match(/\/admin\/(maker|previewer)\/([^/]+)/),i=n==null?void 0:n[2],S=window.__PROJECT_ID__;if(!i&&!S)throw new Error("Unable to get projectId from pathname");return i||S}function pe(t){return`${t}:pages:version`}function Pe(t,n){return n==="yaml"?ue.default(t)?"":fe.stringify(t,{indent:2}):n==="json"?JSON.parse(JSON.stringify(t||{})):n==="array"?JSON.parse(JSON.stringify(t||[])):t}function Ie({error:t}){return _.jsx(D.Box,{children:_.jsx(D.Alert,{severity:"error",children:t.message})})}var F;const k=((F=window.blocklet)==null?void 0:F.prefix)||"/",L=Z.createAxios({timeout:200*1e3}),ge=window.location.protocol==="https:"?"wss":"ws",je=t=>C.joinURL(`${ge}://${window.location.hostname}`,k,`api/${t}/ws/pages`),ye="z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";var N;(N=blocklet==null?void 0:blocklet.componentMountPoints.find(t=>t.did===ye))!=null&&N.mountPoint||C.joinURL(k,"/image-bin");function Ce(t){return t&&!/^(https?:\/\/|\/)/.test(t)?window.location.origin+C.joinURL(k,"uploads",t):t}const be=window.innerWidth<=750;function he(t,n,i){if(!t||/\.gif/.test(t))return t;const S=(be?n/1.5:n)*(i==="quality"?1.5:1);return ve(t,{imageFilter:"resize",w:S,f:"webp"})}function ve(t,n){return!t||!n?t:C.withQuery(t,n)}async function xe(t){return L.get(`/api/projects/${t}`).then(n=>n.data)}async function Ee(t){return L.post(`/api/projects/${t.id}/update`,t).then(n=>n.data)}const Oe=500,E=ce.customAlphabet("abcdefghijklmnopqrstuvwxyz0123456789",16),J=d.createContext(null);function _e({url:t,name:n,children:i,waitingSynced:S}){const[g,P]=d.useState(!1),{locale:j}=te.useLocaleContext(),w=A(),e=`${w}:MakerLocalState`,r=`${w}:${n}`,[s,o]=oe.useLocalStorageState(e,{defaultValue:{},listenStorageChange:!0}),c=d.useRef(s);c.current=s;const a=d.useMemo(()=>me.default({pages:{},pageIds:[],routes:{},routeIds:[],components:{},supportedLocales:[],config:{},resources:{}}),[]),l=d.useMemo(()=>V.getYjsDoc(a),[a]);d.useMemo(()=>new ie.IndexeddbPersistence(r,l),[r,l]);const p=d.useMemo(()=>new ae.WebsocketProvider(t,r,l,{params:{token:Se.default.get("login_token")},resyncInterval:5*60*1e3}),[t,r,l]),b=d.useCallback(()=>{p&&(p.disconnect(),p.connect())},[p]),y=d.useMemo(()=>new de.UndoManager([l.getArray("pageIds"),l.getMap("pages"),l.getArray("supportedLocales"),l.getMap("config")],{doc:l}),[l]),[h,v]=d.useState(null),[R,M]=d.useState(!1),[q,U]=d.useState(void 0),$=d.useCallback(async()=>{if(w){M(!0);try{const u=await xe(w);v(u)}catch(u){console.error("Failed to fetch project:",u)}finally{M(!1)}}},[w]),T=d.useCallback(async(u,f)=>{var I;if(U(void 0),!!w){f!=null&&f.optimisticUpdate&&h&&v(m=>({...m,...u}));try{const m=await Ee({...u});v(m)}catch(m){console.error("Failed to update project:",m),f!=null&&f.optimisticUpdate&&v(h),U((I=m==null?void 0:m.response)==null?void 0:I.data)}}},[w,h]);d.useEffect(()=>{w&&$()},[w,$]);const Y=d.useMemo(()=>({doc:l,state:a,localState:{...s,currentLocale:j},setLocalState:u=>o(typeof u=="function"?f=>u(f??{}):u),undoManager:y,projectState:{project:h,isLoadingProject:R,error:q},updateProject:T,forceSync:b}),[l,a,JSON.stringify(s),o,y,h,R,T,q,j,b]);return d.useEffect(()=>{y.on("stack-item-added",({stackItem:u})=>{const{currentPageId:f,currentLocale:I,pages:m}=c.current;u.meta.set("localState",{currentPageId:f,currentLocale:I,pages:m})}),y.on("stack-item-popped",({stackItem:u})=>{const f=u.meta.get("localState");f&&o(I=>({...I,...f}))})},[y,o]),d.useEffect(()=>{p.awareness.setLocalState(s)},[p,s]),d.useEffect(()=>{p.once("synced",()=>P(!0));const u=()=>{o(m=>({...m,networkStatus:void 0}))},f=()=>{o(m=>({...m,networkStatus:"offline"}))},I=G.default(({status:m})=>{m==="connected"?u():m==="disconnected"&&f()},Oe);return p.on("status",I),window.addEventListener("online",u),window.addEventListener("offline",f),()=>{p.off("status",I),window.removeEventListener("online",u),window.removeEventListener("offline",f)}},[p,o]),S&&!g?null:_.jsx(J.Provider,{value:Y,children:i})}const B=()=>{const t=d.useContext(J);if(!t)throw new Error("Context is null");const n=ne.useSyncedStore(t.state),{setLocalState:i,localState:S}=t,g=W.useNavigate(),P=A(),j=d.useMemo(()=>({setCurrentSectionId:(e,r)=>{var s,o;e===S.currentPageId&&r===((o=(s=S.pages)==null?void 0:s[e])==null?void 0:o.currentSectionId)||(g(C.joinURL("/admin/maker",P??"","pages",e)),i(c=>x.produce(c,a=>{var l;a.currentPageId=e,a.currentComponentId=void 0,a.customComponentPreviewerProperties={},r!==void 0&&(a.pages??(a.pages={}),(l=a.pages)[e]??(l[e]={}),a.pages[e].currentSectionId=r??void 0),r?window.sessionStorage.setItem("iframe_show_id",`"${r}"`):window.sessionStorage.removeItem("iframe_show_id")})))},setCurrentComponentId:e=>{e!==S.currentComponentId&&(g(C.joinURL("/admin/maker",P??"","components",e)),i(r=>x.produce(r,s=>{s.currentComponentId=e,s.customComponentPreviewerProperties={}})))},setCurrentRouteId:e=>{i(r=>x.produce(r,s=>{s.currentRouteId=e}))},setCustomComponentPreviewerProperties:(()=>{const e={},r=G.default(()=>{i(s=>x.produce(s,o=>{o.customComponentPreviewerProperties={...o==null?void 0:o.customComponentPreviewerProperties,...e},Object.keys(e).forEach(c=>delete e[c])}))},5);return s=>{Object.assign(e,s),r()}})()}),[i,g,P]),w=d.useMemo(()=>({addPage:(e,r)=>{var c,a,l,p,b,y;const s=(e==null?void 0:e.id)??E(),o={...e,id:s,createdAt:(e==null?void 0:e.createdAt)??new Date().toISOString(),updatedAt:(e==null?void 0:e.updatedAt)??new Date().toISOString(),publishedAt: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:((c=e==null?void 0:e.templateConfig)==null?void 0:c.isTemplate)??!0,displayTemplateId:((a=e==null?void 0:e.templateConfig)==null?void 0:a.displayTemplateId)??void 0,dataSourceIds:((l=e==null?void 0:e.templateConfig)==null?void 0:l.dataSourceIds)??void 0,dataSourceParameters:((p=e==null?void 0:e.templateConfig)==null?void 0:p.dataSourceParameters)??{},enabledGenerate:((b=e==null?void 0:e.templateConfig)==null?void 0:b.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)??E(),o={...e,id:s,createdAt:(e==null?void 0:e.createdAt)??new Date().toISOString(),updatedAt:(e==null?void 0:e.updatedAt)??new Date().toISOString(),publishedAt: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,c;(o=n.routeIds)==null||o.splice(r,1),(c=n.routes)==null||delete c[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 c={...r,id:r.id??E(),isTemplateSection:r.isTemplateSection??!0,llmConfig:r.llmConfig??{}};return t.doc.transact(()=>{o.sections[c.id]=c,o.sectionIds.splice(s??o.sectionIds.length,0,c.id)}),c},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 c=o.sections[r];c&&(c.visibility=s)},moveSection:(e,r,s)=>{const o=n.pages[e];if(!o)throw new Error(`Page ${e} is not exists`);const{sectionIds:c}=o,a=c.indexOf(r);a>=0&&c.splice(s,0,...c.splice(a,1))}}),[n,t.doc]);return{...t,state:n,actions:w,localActions:j,get currentPage(){const{localState:{currentPageId:e}}=t;return e?n.pages[e]:void 0},get currentSection(){var o,c,a;const{localState:{currentPageId:e,...r}}=t;if(!e)return;const s=(c=(o=r.pages)==null?void 0:o[e])==null?void 0:c.currentSectionId;if(s)return(a=n.pages[e])==null?void 0:a.sections[s]},get currentRoute(){var r;const{localState:{currentRouteId:e}}=t;return e?(r=n.routes)==null?void 0:r[e]:void 0}}},A=()=>{const{projectId:t}=W.useParams();return t??z()??""};function K(t){var S,g;const{resources:n}=t;if(!n.components)return{};const i={};return(g=(S=window==null?void 0:window.blocklet)==null?void 0:S.componentMountPoints)==null||g.forEach(P=>{i[P.did]=P}),Object.fromEntries(Object.entries(n.components).map(([P,{blockletId:j,component:w}])=>{var e;return[P,{data:w,blockletId:j,blockletTitle:((e=i[j])==null?void 0:e.title)||j}]}))}function Q(t){const{components:n}=t;return n||{}}function X(t){return{...K(t),...Q(t)}}const ke=()=>X(B().state);exports.ErrorView=Ie;exports.StoreProvider=_e;exports.api=L;exports.autoResizeImage=he;exports.getAllComponents=X;exports.getCustomComponents=Q;exports.getImageAbsoluteUrl=Ce;exports.getMountPoint=we;exports.getProjectIdFromPathnameOrWindow=z;exports.getProjectPageVersionKey=pe;exports.getResourceComponents=K;exports.getWssURL=je;exports.nextId=E;exports.transformValue=Pe;exports.useAllComponents=ke;exports.useProjectId=A;exports.useStore=B;

package/lib/es/chunks/home-CSX7cAwr.js

@@ -1,507 +0,0 @@
-import { jsx as t, jsxs as O } from "react/jsx-runtime";
-import { d as G, e as ce, g as le, u as ue, c as me } from "./state-DCRhzAYq.js";
-import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
-import q from "@arcblock/ux/lib/Result";
-import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as de } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as J } from "@blocklet/pages-kit/utils/data-source";
-import ge from "@blocklet/ui-react/lib/Header";
-import { cx as K } from "@emotion/css";
-import { Global as Q, css as X } from "@emotion/react";
-import Y from "@emotion/styled";
-import { Box as B, CircularProgress as fe, useTheme as he, Button as be, Stack as ye, useMediaQuery as ve } from "@mui/material";
-import { useReactive as Z, useScroll as we } from "ahooks";
-import Se from "isomorphic-dompurify";
-import _ from "lodash/cloneDeep";
-import ke from "lodash/isEmpty";
-import F from "lodash/isEqual";
-import { useEffect as $, useContext as Pe, lazy as ee, useMemo as P, useRef as te, Suspense as xe, useState as Ce } from "react";
-import { Helmet as Re } from "react-helmet";
-import { useSearchParams as oe, Routes as Ee, Route as T, Navigate as Me, ScrollRestoration as Ie } from "react-router-dom";
-import { useAsync as ne } from "react-use";
-import { joinURL as j } from "ufo";
-import { S as Te, n as je, P as $e, a as Be, B as Ne, g as Oe } from "./array-CUVFSUuJ.js";
-import { styled as re, useTheme as _e } from "@arcblock/ux/lib/Theme";
-import Ae from "@blocklet/ui-react/lib/Footer";
-import He from "webfontloader";
-import { createAuthServiceSessionContext as De } from "@arcblock/did-connect/lib/Session";
-const Le = re(Ae, { shouldForwardProp: (e) => !!e })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function Ue({ meta: e, ...o }) {
-  const n = _e();
-  return /* @__PURE__ */ t(Le, { ...o, meta: e, theme: n || {} });
-}
-function Ve(e) {
-  return /* @__PURE__ */ t(B, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ t(fe, { size: 30 }) });
-}
-function ze(e) {
-  return /* @__PURE__ */ t(Ge, { ...e });
-}
-const Ge = re(B)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`, We = (e) => new Promise((o, n) => {
-  (e == null ? void 0 : e.length) > 0 ? He.load({
-    google: {
-      families: e
-    },
-    fontactive: () => {
-      o("success");
-    },
-    fontinactive: () => {
-      n(new Error("load font fail"));
-    }
-  }) : o("success");
-}), H = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, z = {};
-function qe({
-  titleFontFamily: e,
-  descriptionFontFamily: o
-}) {
-  var r;
-  const n = he(), s = (r = n == null ? void 0 : n.typography) == null ? void 0 : r.fontFamily, i = async (l) => {
-    if (l && !document.querySelectorAll(`link[href*="${l}" i]`).length)
-      try {
-        z[l] || (await We([l]), z[l] = !0);
-      } catch (a) {
-        console.error(a);
-      }
-  };
-  return $(() => {
-    e && i(e), o && i(o);
-  }, [e, o]), /* @__PURE__ */ t(
-    Q,
-    {
-      styles: X`
-        #app {
-          font-family: ${JSON.stringify(s)}, ${H};
-
-          .page-kit-section__title {
-            font-family: ${JSON.stringify(e ?? s)}, ${H};
-          }
-
-          .page-kit-section__description {
-            font-family: ${JSON.stringify(o ?? s)}, ${H};
-          }
-        }
-      `
-    }
-  );
-}
-const { SessionProvider: Tt, SessionContext: Je, SessionConsumer: jt, withSession: $t } = De();
-function L() {
-  return Pe(Je);
-}
-function Ke(...e) {
-  var n;
-  const { session: o } = L();
-  return e.includes((n = o.user) == null ? void 0 : n.role);
-}
-function Qe(...e) {
-  var s;
-  const { session: o } = L(), n = Ke(...e);
-  return ((s = window.blocklet) == null ? void 0 : s.tenantMode) === "multiple" ? !!o.user : n;
-}
-function Bt() {
-  const [e] = oe(), { session: o } = L(), n = Qe("owner", "admin", "pagesEditor", "member"), s = P(() => {
-    const r = e.get("mode");
-    return Te.includes(r) ? r : "production";
-  }, [e]), i = s === "production" ? s : o.user ? n ? s : "production" : null;
-  return i ? /* @__PURE__ */ t(Xe, { mode: i }) : null;
-}
-function Xe({ mode: e }) {
-  if (e !== "draft") {
-    const o = window.__PAGE_STATE__;
-    return o ? /* @__PURE__ */ t(D, { mode: e, state: o }) : /* @__PURE__ */ t(Ze, { mode: e, children: ({ state: n }) => /* @__PURE__ */ t(D, { mode: e, state: n }) });
-  }
-  return /* @__PURE__ */ t(Ye, { children: ({ state: o }) => /* @__PURE__ */ t(D, { mode: e, state: o }) });
-}
-const Ye = ee(() => import("./draft-data-CWtmeHdw.js"));
-function Ze({
-  mode: e,
-  children: o
-}) {
-  const n = document.querySelector('meta[property="pages:version"]'), s = n == null ? void 0 : n.content, i = ue(), r = P(() => {
-    if (s === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(me(i ?? ""));
-      return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(s);
-  }, [s]), { loading: l, value: a } = ne(() => Oe({ mode: e, version: r }), [e, r]);
-  return l ? /* @__PURE__ */ t(Ve, {}) : a ? o({ state: a }) : null;
-}
-function D({ mode: e, state: o }) {
-  const { t: n, locale: s } = W(), [i] = oe(), r = i.get("hiddenBadge") === "true", l = i.get("showPublish") === "true", {
-    pageIds: a,
-    pages: c,
-    routeIds: g,
-    routes: d,
-    supportedLocales: m,
-    config: { defaultLocale: h },
-    resources: b
-  } = o, y = G(o), v = P(
-    () => m != null && m.some((p) => p.locale === s) ? s : void 0,
-    [s, m]
-  ), f = Object.values(c).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(c)[0], N = P(
-    () => a.map((p) => {
-      const u = c[p];
-      return u && {
-        id: u.id,
-        path: j("/", v || "", u.slug, e !== "production" ? `?mode=${e}` : "")
-      };
-    }).filter(je),
-    [a, c, v, e]
-  ), S = ([...p]) => (e !== "production" && l && p.unshift(
-    /* @__PURE__ */ t(xe, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(et, { mode: "production", state: o }) })
-  ), p);
-  return /* @__PURE__ */ O($e, { value: { pages: N }, children: [
-    /* @__PURE__ */ O(Ee, { children: [
-      f && /* @__PURE__ */ t(T, { index: !0, element: /* @__PURE__ */ t(Me, { to: j("/", v || "", f.slug) }) }),
-      g == null ? void 0 : g.map((p) => {
-        var C, R, E, M;
-        const u = d == null ? void 0 : d[p];
-        if (!u || !u.displayTemplateId) return null;
-        const x = c[u.displayTemplateId];
-        return x ? /* @__PURE__ */ t(
-          T,
-          {
-            path: j(":projectIdOrSlug?", u.path),
-            element: /* @__PURE__ */ t(
-              Fe,
-              {
-                mode: e,
-                components: y,
-                page: x,
-                locale: v,
-                defaultLocale: h,
-                headerAddons: S,
-                state: o,
-                pageData: (M = (E = (R = (C = u.dataSource) == null ? void 0 : C.pathDataMappings) == null ? void 0 : R[u.id]) == null ? void 0 : E.dataCache) == null ? void 0 : M[v || h || "en"]
-              }
-            )
-          },
-          u.id
-        ) : null;
-      }),
-      a.map((p) => {
-        const u = c[p];
-        return u ? /* @__PURE__ */ t(
-          T,
-          {
-            path: j(":projectIdOrSlug?", u.slug),
-            element: /* @__PURE__ */ t(
-              A,
-              {
-                mode: e,
-                components: y,
-                page: u,
-                locale: v,
-                defaultLocale: h,
-                headerAddons: S
-              }
-            )
-          },
-          u.id
-        ) : null;
-      }),
-      b.pages && Object.values(b.pages).map(({ blockletId: p, page: u }) => /* @__PURE__ */ t(
-        T,
-        {
-          path: j("/", `@${p}`, u.slug),
-          element: /* @__PURE__ */ t(
-            A,
-            {
-              mode: e,
-              components: y,
-              page: u,
-              locale: v,
-              defaultLocale: h,
-              headerAddons: S
-            }
-          )
-        },
-        u.id
-      )),
-      /* @__PURE__ */ t(
-        T,
-        {
-          path: "*",
-          element: /* @__PURE__ */ t(B, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(q, { status: 404, extra: /* @__PURE__ */ t(ie, { href: "/", children: n("common.back") }) }) })
-        }
-      )
-    ] }),
-    e !== "production" && !r && /* @__PURE__ */ t(ze, { sx: { bgcolor: "info.light" }, children: e }),
-    /* @__PURE__ */ t(qe, {})
-  ] });
-}
-function Fe({
-  mode: e,
-  pageData: o,
-  components: n,
-  page: s,
-  locale: i,
-  defaultLocale: r,
-  headerAddons: l,
-  state: a
-}) {
-  const c = Z({
-    page: null
-  });
-  $(() => {
-    const d = s || null;
-    d ? c.page = _(d) : c.page = null;
-  }, [s, c]);
-  const g = te();
-  return $(() => {
-    F(o, g.current) || o && c.page && (J(c.page, a, i, o), g.current = _(o));
-  }, [c.page, o, i, a]), c.page ? /* @__PURE__ */ t(
-    A,
-    {
-      mode: e,
-      components: n,
-      page: c.page,
-      locale: i,
-      defaultLocale: r,
-      headerAddons: l
-    }
-  ) : null;
-}
-function Nt({
-  mode: e,
-  state: o,
-  path: n,
-  pageData: s
-}) {
-  const { t: i, locale: r } = W(), {
-    pages: l,
-    supportedLocales: a,
-    config: { defaultLocale: c },
-    resources: g
-  } = o, d = Object.values(l).find((f) => (f == null ? void 0 : f.slug) === n), m = Object.values(g.pages || {}).find((f) => f.page.slug === n), h = P(
-    () => a != null && a.some((f) => f.locale === r) ? r : void 0,
-    [r, a]
-  ), b = Z({
-    page: null
-  });
-  $(() => {
-    const f = d || (m == null ? void 0 : m.page) || null;
-    f ? b.page = _(f) : b.page = null;
-  }, [d, m]);
-  const y = te();
-  if ($(() => {
-    F(s, y.current) || s && b.page && (J(b.page, o, h, s), y.current = _(s));
-  }, [{}]), !d && !(m != null && m.page))
-    return /* @__PURE__ */ t(B, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(q, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ t(ie, { href: "/", children: i("common.back") }) }) });
-  const v = G(o);
-  return b.page ? /* @__PURE__ */ t(
-    A,
-    {
-      mode: e,
-      components: v,
-      page: b.page,
-      locale: h,
-      defaultLocale: c
-    }
-  ) : null;
-}
-function A({
-  mode: e,
-  components: o,
-  page: n,
-  locale: s,
-  defaultLocale: i,
-  headerAddons: r
-}) {
-  var N, S, p, u, x, C, R, E, M;
-  const l = de(), a = ((N = n.locales) == null ? void 0 : N[s]) ?? ((S = n.locales) == null ? void 0 : S[i]) ?? {}, c = a.title || ((p = window.blocklet) == null ? void 0 : p.appName), g = a.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), d = ce(le(a.image), 540), { logo: m, brand: h, description: b, ...y } = pe(), v = P(
-    () => (k) => {
-      var I;
-      let w = (r == null ? void 0 : r(k)) ?? k;
-      return w = ((I = y.addons) == null ? void 0 : I.call(y, w)) ?? w, w;
-    },
-    [y.addons, r]
-  ), f = (x = a.header) != null && x.translucent ? ot : se;
-  return /* @__PURE__ */ O(Be, { page: n, defaultLocale: i, currentLocale: s, children: [
-    /* @__PURE__ */ t(
-      Q,
-      {
-        styles: X`
-          body {
-            background-color: ${l(
-          !a.backgroundColor || a.backgroundColor === "transparent" ? "background.default" : a.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ t(
-      f,
-      {
-        hideNavMenu: !!((C = a.header) != null && C.hideNavMenus),
-        translucentTextColor: (R = a.header) == null ? void 0 : R.translucentTextColor,
-        ...m ? { logo: m } : {},
-        ...h ? { brand: h } : {},
-        ...b ? { description: b } : {},
-        className: K(((E = a.header) == null ? void 0 : E.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: v
-      }
-    ),
-    /* @__PURE__ */ t(Ie, {}),
-    /* @__PURE__ */ O(Re, { children: [
-      /* @__PURE__ */ t("title", { children: c }),
-      /* @__PURE__ */ t("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ t("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ t("meta", { name: "og:image", content: d }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image:src", content: d }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image", content: d }),
-      /* @__PURE__ */ t("meta", { property: "twitter:description", content: g }),
-      /* @__PURE__ */ t("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ t("meta", { name: "description", content: g })
-    ] }),
-    /* @__PURE__ */ t(
-      ye,
-      {
-        flexGrow: 1,
-        className: "PageView-root",
-        sx: {
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: n.sectionIds.map((k) => {
-          var U, V;
-          const w = n.sections[k];
-          if (!w || w.visibility === "hidden") return null;
-          const I = (U = w.locales) == null ? void 0 : U[s], ae = ((V = w.locales) == null ? void 0 : V[i]) ?? {};
-          return /* @__PURE__ */ t(
-            Ne,
-            {
-              id: k,
-              type: w.component,
-              mode: e,
-              section: w,
-              config: {
-                ...ke(I) ? ae : I,
-                locale: s,
-                dev: e === "draft" ? {
-                  mode: e,
-                  components: o,
-                  defaultLocale: i
-                } : { mode: e }
-              }
-            },
-            k
-          );
-        })
-      }
-    ),
-    !((M = a.footer) != null && M.hidden) && /* @__PURE__ */ t(Ue, {})
-  ] });
-}
-const et = ee(() => import("./publish-button-B2tZwJP0.js")), se = Y(ge)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function tt({ logo: e }) {
-  const [o, n] = Ce(), s = ve((r) => r.breakpoints.down("sm")), { value: i } = ne(() => {
-    var a, c;
-    const r = new URL(
-      s ? ((a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.appLogo) || "/.well-known/service/blocklet/logo" : ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
-      window.location.origin
-    );
-    r.searchParams.delete("imageFilter"), r.searchParams.delete("f");
-    const l = r.toString();
-    return new Promise((g) => {
-      fetch(l).then((d) => {
-        const m = d.headers.get("content-type");
-        m != null && m.includes("svg") && d.text().then((h) => {
-          n(h), g(null);
-        }), g(d.url);
-      });
-    });
-  }, [s]);
-  if (e)
-    return e;
-  if (o)
-    return /* @__PURE__ */ t(B, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(o) } });
-  if (i) {
-    const r = new URL(i);
-    r.searchParams.set("imageFilter", "convert"), r.searchParams.set("f", "png"), r.searchParams.set("h", "80");
-    const l = r.toString();
-    return /* @__PURE__ */ t("img", { src: l, alt: "logo" });
-  }
-  return null;
-}
-function ot({
-  logo: e,
-  translucentTextColor: o,
-  ...n
-}) {
-  const { top: s = 0 } = we(() => document.getElementById("app")) || {};
-  let i = Math.min(s / 800, 1), r = "";
-  if (i > 0.1) {
-    i = Math.max(i, 0.6);
-    const l = Math.round(255 * Math.min(1 - i, 0.2));
-    r = `rgb(${l}, ${l}, ${l})`;
-  } else
-    r = o || "#EEEEEE";
-  return /* @__PURE__ */ t(
-    se,
-    {
-      logo: /* @__PURE__ */ t(tt, { logo: e }),
-      ...n,
-      className: K(i <= 0.7 && "reverse-color"),
-      style: {
-        backgroundColor: `rgba(255,255,255,${i})`,
-        // @ts-ignore
-        "--logo-invert": i <= 0.7 ? 1 - i / 6 : 1 - i
-      },
-      sx: {
-        backdropFilter: i >= 0.6 ? "blur(10px)" : "blur(0px)",
-        transition: "all 0.3s ease",
-        position: "fixed !important",
-        left: 0,
-        top: 0,
-        right: 0,
-        bgcolor: "transparent",
-        "&.reverse-color": {
-          ".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button": {
-            color: `${r} !important`
-          }
-        },
-        ".header-logo > div": {
-          filter: "invert(var(--logo-invert))"
-        },
-        ".header-logo": {
-          color: r
-        }
-      }
-    }
-  );
-}
-const ie = Y(be)``;
-export {
-  Bt as H,
-  Ve as L,
-  D as P,
-  ot as T,
-  Xe as a,
-  Fe as b,
-  Nt as c,
-  A as d
-};