@blocklet/pages-kit-inner-components 0.4.159 → 0.5.0

package/lib/es/chunks/{publish-button-CxEaqAku.js → publish-button-DMmhToxU.js}

@@ -10,8 +10,8 @@ import { produce as Oe } from "immer";
 import ee from "lodash/difference";
 import { useState as T, useMemo as R, useCallback as j, forwardRef as Te, useImperativeHandle as je, useEffect as W, useRef as ve } from "react";
 import { useAsync as Re } from "react-use";
-import { L as Ee } from "./home-DOrhBil-.js";
-import { p as ze, g as Be } from "./array-BAy40Bak.js";
+import { L as Ee } from "./home-uXodXQ2c.js";
+import { p as ze, g as Be } from "./array-D52_0LRy.js";
 function Le(s) {
   const [y, w] = T(!1);
   return /* @__PURE__ */ t(

package/lib/es/home.js

@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/array-BAy40Bak.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-DOrhBil-.js";
+import "./chunks/array-D52_0LRy.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-uXodXQ2c.js";
 export {
   D as HomeView,
   R as PageRoutes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.4.159",
+  "version": "0.5.0",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -77,7 +77,7 @@
     "@blocklet/ai-kit": "^0.1.74",
     "@blocklet/ai-runtime": "^0.4.264",
     "@blocklet/code-editor": "^0.4.264",
-    "@blocklet/crawler": "^2.3.17",
+    "@blocklet/crawler": "^2.3.20",
     "@blocklet/embed": "^0.2.4",
     "@blocklet/js-sdk": "^1.16.42",
     "@blocklet/logger": "1.16.36",
@@ -86,7 +86,7 @@
     "@blocklet/studio-ui": "^0.4.264",
     "@blocklet/tracker": "^1.16.42",
     "@blocklet/ui-react": "^2.13.23",
-    "@blocklet/uploader": "^0.1.85",
+    "@blocklet/uploader": "^0.1.89",
     "@blocklet/uploader-server": "^0.1.97",
     "@emotion/cache": "^11.13.1",
     "@emotion/css": "^11.13.0",
@@ -205,8 +205,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.4.159",
-    "@blocklet/pages-kit-block-studio": "^0.4.159"
+    "@blocklet/pages-kit": "^0.5.0",
+    "@blocklet/pages-kit-block-studio": "^0.5.0"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/home-WKpO7IF-.js

@@ -1,38 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),E=require("./state-DytLDIZR.js"),X=require("@arcblock/ux/lib/Locale/context"),ce=require("@arcblock/ux/lib/Result"),le=require("@blocklet/pages-kit/builtin/page/header"),ue=require("@blocklet/pages-kit/contexts/color"),Y=require("@blocklet/pages-kit/utils/data-source"),de=require("@blocklet/pages-kit/utils/route"),pe=require("@blocklet/ui-react/lib/Header"),J=require("@emotion/css"),N=require("@emotion/react"),ge=require("@emotion/styled"),b=require("@mui/material"),G=require("ahooks"),me=require("isomorphic-dompurify"),fe=require("lodash/cloneDeep"),he=require("lodash/isEmpty"),xe=require("lodash/isEqual"),m=require("react"),je=require("react-helmet"),P=require("react-router-dom"),Z=require("react-use"),M=require("ufo"),I=require("./array-5NwrYcJ5.js"),W=require("@arcblock/ux/lib/Theme"),ye=require("@blocklet/ui-react/lib/Footer");require("webfontloader");const be=require("@arcblock/did-connect/lib/Session"),R=t=>t&&t.__esModule?t:{default:t},ee=R(ce),ve=R(pe),te=R(ge),we=R(me),V=R(fe),Pe=R(he),ne=R(xe),Se=R(ye),ke=W.styled(Se.default,{shouldForwardProp:t=>!!t})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function Re({meta:t,...o}){const s=W.useTheme();return e.jsx(ke,{...o,meta:t,theme:s||{}})}function oe(t){return e.jsx(b.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...t,children:e.jsx(b.CircularProgress,{size:30})})}function Ce(t){return e.jsx(qe,{...t})}const qe=W.styled(b.Box)`
-  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;
-`,_e=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;function Me({titleFontFamily:t,descriptionFontFamily:o}){var n;const s=b.useTheme(),r=(n=s==null?void 0:s.typography)==null?void 0:n.fontFamily;m.useEffect(()=>{},[t,o]);const c=`${r}, ${_e}`;return e.jsx(N.Global,{styles:N.css`
-        #app {
-          font-family: ${c};
-
-          .page-kit-section__title {
-            font-family: ${c};
-          }
-
-          .page-kit-section__description {
-            font-family: ${c};
-          }
-        }
-      `})}const{SessionProvider:Ue,SessionContext:Ee,SessionConsumer:Ae,withSession:Ne}=be.createAuthServiceSessionContext();function $(){return m.useContext(Ee)}function Ie(...t){var s;const{session:o}=$();return t.includes((s=o.user)==null?void 0:s.role)}function Be(...t){var r;const{session:o}=$(),s=Ie(...t);return((r=window.blocklet)==null?void 0:r.tenantMode)==="multiple"?!!o.user:s}function Te(){const[t]=P.useSearchParams(),{session:o}=$(),s=Be("owner","admin","pagesEditor","member"),r=m.useMemo(()=>{const n=t.get("mode");return I.STATE_MODES.includes(n)?n:"production"},[t]),c=r==="production"?r:o.user?s?r:"production":null;return c?e.jsx(se,{mode:c}):null}function se({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(A,{mode:t,state:o}):e.jsx(De,{mode:t,children:({state:s})=>e.jsx(A,{mode:t,state:s})})}return e.jsx(Le,{children:({state:o})=>e.jsx(A,{mode:t,state:o})})}const Le=m.lazy(()=>Promise.resolve().then(()=>require("./draft-data-QlwpWm4f.js")));function De({mode:t,children:o}){const s=document.querySelector('meta[property="pages:version"]'),r=s==null?void 0:s.content,c=E.useProjectId(),n=m.useMemo(()=>{if(r==="{{pagesPublishedAt}}"){const l=localStorage.getItem(E.getProjectPageVersionKey(c??""));return Number(l)?Number(l):new Date().getTime()}return Number(r)},[r]),{loading:g,value:a}=Z.useAsync(()=>I.getPages({mode:t,version:n}),[t,n]);return g?e.jsx(oe,{}):a?o({state:a}):null}function A({mode:t,state:o}){const{t:s,locale:r}=X.useLocaleContext(),[c]=P.useSearchParams(),n=c.get("hiddenBadge")==="true",g=c.get("showPublish")==="true",{pageIds:a,pages:l,routeIds:f,routes:u,supportedLocales:d,config:{defaultLocale:j},resources:v}=o,w=E.getAllComponents(o),y=m.useMemo(()=>d!=null&&d.some(p=>p.locale===r)?r:void 0,[r,d]),h=Object.values(u).find(p=>(p==null?void 0:p.path)==="/")?void 0:Object.values(l)[0],H=m.useMemo(()=>a.map(p=>{const i=l[p];return i&&{id:i.id,path:M.joinURL("/",y||"",i.slug,t!=="production"?`?mode=${t}`:"")}}).filter(I.nonNullable),[a,l,y,t]),C=([...p])=>(t!=="production"&&g&&p.unshift(e.jsx(m.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(Oe,{mode:"production",state:o})})),p);return e.jsxs(I.Provider,{value:{pages:H},children:[e.jsxs(P.Routes,{children:[h&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:M.joinURL("/",y||"",h.slug)})}),f==null?void 0:f.map(p=>{var B,T,L,S;const i=u==null?void 0:u[p];if(!i||!i.displayTemplateId)return null;const q=l[i.displayTemplateId];if(!q)return null;let _=[];if(i.params&&i.params.length>0){const x=de.generateParamCombinations({basePath:i.path,params:i.params,routeId:i.id,paramsOptions:i.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});_=x==null?void 0:x.map(k=>{var D,F,K,Q;const U=k.paramOptionIds.join("-");return e.jsx(P.Route,{path:M.joinURL(":projectIdOrSlug?",k.path),element:e.jsx(z,{mode:t,components:w,page:q,locale:y,defaultLocale:j,headerAddons:C,state:o,pageData:(Q=(K=(F=(D=i.dataSource)==null?void 0:D.pathDataMappings)==null?void 0:F[U])==null?void 0:K.dataCache)==null?void 0:Q[y||j||"en"]})},U)})}return _.push(e.jsx(P.Route,{path:M.joinURL(":projectIdOrSlug?",i.path),element:e.jsx(z,{mode:t,components:w,page:q,locale:y,defaultLocale:j,headerAddons:C,state:o,pageData:(S=(L=(T=(B=i.dataSource)==null?void 0:B.pathDataMappings)==null?void 0:T[i.id])==null?void 0:L.dataCache)==null?void 0:S[y||j||"en"]})},i.id)),_}),a.map(p=>{const i=l[p];return i?e.jsx(P.Route,{path:M.joinURL(":projectIdOrSlug?",i.slug),element:e.jsx(O,{mode:t,components:w,page:i,locale:y,defaultLocale:j,headerAddons:C})},i.id):null}),v.pages&&Object.values(v.pages).map(({blockletId:p,page:i})=>e.jsx(P.Route,{path:M.joinURL("/",`@${p}`,i.slug),element:e.jsx(O,{mode:t,components:w,page:i,locale:y,defaultLocale:j,headerAddons:C})},i.id)),e.jsx(P.Route,{path:"*",element:e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(ee.default,{status:404,extra:e.jsx(ie,{href:"/",children:s("common.back")})})})})]}),t!=="production"&&!n&&e.jsx(Ce,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Me,{})]})}function z({mode:t,pageData:o,components:s,page:r,locale:c,defaultLocale:n,headerAddons:g,state:a}){const l=G.useReactive({page:null});m.useEffect(()=>{const u=r||null;u?l.page=V.default(u):l.page=null},[r,l]);const f=m.useRef();return m.useEffect(()=>{ne.default(o,f.current)||o&&l.page&&(Y.setPageDataSource(l.page,a,c,o),f.current=V.default(o))},[l.page,o,c,a]),l.page?e.jsx(O,{mode:t,components:s,page:l.page,locale:c,defaultLocale:n,headerAddons:g}):null}function Fe({mode:t,state:o,path:s,pageData:r}){const{t:c,locale:n}=X.useLocaleContext(),{pages:g,supportedLocales:a,config:{defaultLocale:l},resources:f}=o,u=Object.values(g).find(h=>(h==null?void 0:h.slug)===s),d=Object.values(f.pages||{}).find(h=>h.page.slug===s),j=m.useMemo(()=>a!=null&&a.some(h=>h.locale===n)?n:void 0,[n,a]),v=G.useReactive({page:null});m.useEffect(()=>{const h=u||(d==null?void 0:d.page)||null;h?v.page=V.default(h):v.page=null},[u,d]);const w=m.useRef();if(m.useEffect(()=>{ne.default(r,w.current)||r&&v.page&&(Y.setPageDataSource(v.page,o,j,r),w.current=V.default(r))},[{}]),!u&&!(d!=null&&d.page))return e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(ee.default,{style:{background:"inherit"},status:404,extra:e.jsx(ie,{href:"/",children:c("common.back")})})});const y=E.getAllComponents(o);return v.page?e.jsx(O,{mode:t,components:y,page:v.page,locale:j,defaultLocale:l}):null}function O({mode:t,components:o,page:s,locale:r,defaultLocale:c,headerAddons:n}){var H,C,p,i,q,_,B,T,L;const g=ue.useColorConvert(),a=((H=s.locales)==null?void 0:H[r])??((C=s.locales)==null?void 0:C[c])??{},l=a.title||((p=window.blocklet)==null?void 0:p.appName),f=a.description||((i=window.blocklet)==null?void 0:i.appDescription),u=E.autoResizeImage(E.getImageAbsoluteUrl(a.image),540),{logo:d,brand:j,description:v,...w}=le.useHeaderState(),y=m.useMemo(()=>S=>{var k;let x=(n==null?void 0:n(S))??S;return x=((k=w.addons)==null?void 0:k.call(w,x))??x,x},[w.addons,n]),h=(q=a.header)!=null&&q.translucent?ae:re;return e.jsxs(I.PageProvider,{page:s,defaultLocale:c,currentLocale:r,children:[e.jsx(N.Global,{styles:N.css`
-          body {
-            background-color: ${g(!a.backgroundColor||a.backgroundColor==="transparent"?"background.default":a.backgroundColor)} !important;
-          }
-        `}),e.jsx(h,{hideNavMenu:!!((_=a.header)!=null&&_.hideNavMenus),translucentTextColor:(B=a.header)==null?void 0:B.translucentTextColor,...d?{logo:d}:{},...j?{brand:j}:{},...v?{description:v}:{},className:J.cx(((T=a.header)==null?void 0:T.sticky)&&"sticky","page-header"),maxWidth:!1,addons:y}),e.jsx(P.ScrollRestoration,{}),e.jsxs(je.Helmet,{children:[e.jsx("title",{children:l}),e.jsx("meta",{name:"og:title",content:l}),e.jsx("meta",{name:"og:description",content:f}),e.jsx("meta",{name:"og:image",content:u}),e.jsx("meta",{name:"twitter:image:src",content:u}),e.jsx("meta",{name:"twitter:image",content:u}),e.jsx("meta",{property:"twitter:description",content:f}),e.jsx("meta",{property:"twitter:title",content:l}),e.jsx("meta",{name:"description",content:f})]}),e.jsx(b.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:s.sectionIds.map(S=>{var D,F;const x=s.sections[S];if(!x||x.visibility==="hidden")return null;const k=(D=x.locales)==null?void 0:D[r],U=((F=x.locales)==null?void 0:F[c])??{};return e.jsx(I.BlockRenderer,{id:S,type:x.component,mode:t,section:x,config:{...Pe.default(k)?U:k,locale:r,dev:t==="draft"?{mode:t,components:o,defaultLocale:c}:{mode:t}}},S)})}),!((L=a.footer)!=null&&L.hidden)&&e.jsx(Re,{})]})}const Oe=m.lazy(()=>Promise.resolve().then(()=>require("./publish-button-ImPoBEP5.js"))),re=te.default(ve.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function He({logo:t}){const[o,s]=m.useState(),r=b.useMediaQuery(n=>n.breakpoints.down("sm")),{value:c}=Z.useAsync(()=>{var a,l;const n=new URL(r?((a=window==null?void 0:window.blocklet)==null?void 0:a.appLogo)||"/.well-known/service/blocklet/logo":((l=window==null?void 0:window.blocklet)==null?void 0:l.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);n.searchParams.delete("imageFilter"),n.searchParams.delete("f");const g=n.toString();return new Promise(f=>{fetch(g).then(u=>{const d=u.headers.get("content-type");d!=null&&d.includes("svg")&&u.text().then(j=>{s(j),f(null)}),f(u.url)})})},[r]);if(t)return t;if(o)return e.jsx(b.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:we.default.sanitize(o)}});if(c){const n=new URL(c);n.searchParams.set("imageFilter","convert"),n.searchParams.set("f","png"),n.searchParams.set("h","80");const g=n.toString();return e.jsx("img",{src:g,alt:"logo"})}return null}function ae({logo:t,translucentTextColor:o,...s}){const{top:r=0}=G.useScroll(()=>document.getElementById("app"))||{},c=b.useTheme();let n=Math.min(r/800,1),g="";return n>.1?(n=Math.max(n,.6),g=b.alpha(c.palette.text.primary,n)):g=o||"#EEEEEE",e.jsx(re,{logo:e.jsx(He,{logo:t}),...s,className:J.cx(n<=.7&&"reverse-color"),style:{backgroundColor:b.alpha(c.palette.background.default,n),"--logo-invert":n<=.7?1-n/6:1-n},sx:{backdropFilter:n>=.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:`${g} !important`}},"& .navmenu--horizontal":{bgcolor:"transparent !important"},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:g}}})}const ie=te.default(b.Button)``;exports.Home=Te;exports.HomeView=se;exports.Loading=oe;exports.PageRoutes=A;exports.PageView=O;exports.PageViewByPath=Fe;exports.PageViewWithDataSource=z;exports.TranslucentHeader=ae;