@blocklet/pages-kit-inner-components 0.5.27 → 0.5.29

package/lib/cjs/project-html.js

@@ -1,7 +1,7 @@
-"use strict";const z=require("@arcblock/did-auth-storage-nedb"),D=require("@blocklet/sdk/lib/config"),G=require("@blocklet/sdk/lib/service/auth"),K=require("@blocklet/sdk/lib/wallet"),Q=require("@blocklet/sdk/lib/wallet-authenticator"),V=require("@blocklet/sdk/lib/wallet-handler"),P=require("path"),S=require("./chunks/site-state-JgP3yURe.js"),A=require("@blocklet/crawler/middlewares"),X=require("@blocklet/pages-kit/types"),Y=require("@blocklet/pages-kit/utils/common"),Z=require("@blocklet/pages-kit/utils/preload"),F=require("@blocklet/sdk/lib/component"),ee=require("cheerio/slim"),te=require("express"),E=require("fs"),oe=require("lodash/get"),ne=require("mustache"),I=require("ufo"),u=o=>o&&o.__esModule?o:{default:o};function le(o){if(o&&o.__esModule)return o;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const re=u(z),i=u(D),ce=u(G),se=u(K),ae=u(Q),ie=u(V),ue=u(P),L=le(ee),de=u(oe),pe=u(ne),fe=(o={})=>{const t={data:new Map,timers:new Map,set:(e,a,_=o.ttl||36e5)=>{o.max&&t.data.size>=o.max&&t.delete(t.data.keys().next().value),t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.set(e,setTimeout(()=>t.delete(e),_)),t.data.set(e,a)},get:e=>t.data.get(e),has:e=>t.data.has(e),delete:e=>(t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.delete(e),t.data.delete(e)),clear:()=>{t.data.clear();for(const e of t.timers.values())clearTimeout(e);t.timers.clear()}};return t},O=fe({max:1,ttl:1e3*30});se.default();const he=new ae.default;new ie.default({authenticator:he,tokenStorage:new re.default({dbPath:ue.default.join(i.default.env.dataDir,"auth.db")})});const me=new ce.default,ge=async()=>{try{const o=O.get("blockletInfo");if(o)return o;const{blocklet:t}=await me.getBlocklet();return O.set("blockletInfo",t),t}catch{return null}},we=["/assets/"],U=()=>[!0,"true"].includes(i.default.env.preferences.allowCrawler);function B(){U()?A.initCronCrawlBlocklet({time:"0 0 */12 * * *",options:{}}):A.cancelCronCrawlBlocklet()}B();i.default.events.on(i.default.Events.envUpdate,B);function _e({app:o,viteDevServer:t,state:e}){let a;if(t){const n=E.readFileSync(P.resolve(process.cwd(),"./index.html"),"utf-8");o.use(async(b,v,T)=>{const q=b.originalUrl;a=await t.transformIndexHtml(q,n),T()})}else a=E.readFileSync(P.resolve(process.env.BLOCKLET_APP_DIR,"dist/index.html"),"utf-8");const _=te.Router();_.use((n,b,v)=>{if(n.headers["x-unique-record"]==="dial_http"){S.logger.info("[html] dial http request, return 200 status code"),b.status(200).send("ok");return}v()},A.initSEOMiddleware({autoReturnHtml:!0,allowCrawler:U})),_.get("/:path(*)?",async(n,b,v)=>{var M,$,W;if(we.some(c=>{var p;return(p=n.path)==null?void 0:p.startsWith(c)})){v();return}const T=performance.now(),q=()=>Math.round(performance.now()-T),H="production";let r,h,C=a;if(n.path.startsWith("/pages")){const c=n.params.lang,p=n.cookies.nf_lang,k=new Set([...i.default.env.languages.map(w=>w.code)]);let g=(c&&k.has(c)?c:void 0)||(k.has(p)?p:void 0)||[...k][0];if((!g||!((M=e.supportedLocales)!=null&&M.find(w=>w.locale===g)))&&(g=((W=($=e.supportedLocales)==null?void 0:$[0])==null?void 0:W.locale)||""),g){const w=[];Object.values(e.pages).forEach(s=>{const J=Object.values((s==null?void 0:s.sections)??{}).filter(f=>{var y;return f.component==="custom-component"&&((y=f.config)==null?void 0:y.componentId)}).map(f=>{var y,x;return{id:f.id,componentId:f.config.componentId,useCache:f.config.useCache,cacheDuration:f.config.cacheDuration,properties:(x=(y=f.locales)==null?void 0:y[g])==null?void 0:x.properties}});w.push(...J)});const N=new Promise(s=>{setTimeout(()=>{s({})},90*1e3)});try{await Promise.race([N,S.getPreloadComponents({mode:H,req:n,state:e,locale:g,instances:w,module:X.PreloadComponentScriptModule.UMD_FN}).then(s=>{s&&(h=Z.injectPreloadComponents(s))})])}catch(s){S.logger.warn("getPreloadComponents timeout in promise race, skip inject html elements",s)}}}try{const c=(r==null?void 0:r.title)||i.default.env.appName,p=(r==null?void 0:r.description)||i.default.env.appDescription,k=I.withQuery(I.joinURL(i.default.env.appUrl,"/.well-known/service/blocklet/og.png"),{title:c,description:p});C=pe.default.render(a,{ogTitle:c,ogDescription:p,ogImage:be(r==null?void 0:r.image)||k,pagesPublishedAt:(e==null?void 0:e.config.publishedAt)||new Date().getTime()})}catch{}const l=e==null?void 0:e.config.fontFamily,R=n.query.mode==="draft"||n.url.includes("preview"),m=L.load(C);let d=r==null?void 0:r.backgroundColor;if(d&&Y.isMuiColorKey(d)){const c=await ge();d=de.default(c,`settings.theme.light.palette.${d}`,d)}m("head").find("#injected-head-elements").replaceWith(`
-        ${d?`<meta name="theme-color" content="${d}" /><style>html,body,#app {background-color: ${d};}</style>`:""}
-        ${l!=null&&l.title?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${l.title}&display=swap">`:""}
-        ${l!=null&&l.description&&(l==null?void 0:l.description)!==(l==null?void 0:l.title)?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${l.description}&display=swap">`:""}
+"use strict";const B=require("@arcblock/did-auth-storage-nedb"),O=require("@blocklet/sdk/lib/config"),H=require("@blocklet/sdk/lib/service/auth"),R=require("@blocklet/sdk/lib/wallet"),z=require("@blocklet/sdk/lib/wallet-authenticator"),J=require("@blocklet/sdk/lib/wallet-handler"),P=require("path"),C=require("./chunks/site-state-JgP3yURe.js"),G=require("@arcblock/crawler-middleware"),Y=require("@blocklet/pages-kit/types"),Q=require("@blocklet/pages-kit/utils/common"),V=require("@blocklet/pages-kit/utils/preload"),X=require("@blocklet/sdk/lib/component"),Z=require("cheerio/slim"),F=require("express"),x=require("fs"),ee=require("lodash/get"),te=require("mustache"),I=require("ufo"),d=n=>n&&n.__esModule?n:{default:n};function ne(n){if(n&&n.__esModule)return n;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const oe=d(B),s=d(O),ce=d(H),le=d(R),re=d(z),se=d(J),ae=d(P),W=ne(Z),ie=d(ee),de=d(te),ue=(n={})=>{const t={data:new Map,timers:new Map,set:(e,i,h=n.ttl||36e5)=>{n.max&&t.data.size>=n.max&&t.delete(t.data.keys().next().value),t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.set(e,setTimeout(()=>t.delete(e),h)),t.data.set(e,i)},get:e=>t.data.get(e),has:e=>t.data.has(e),delete:e=>(t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.delete(e),t.data.delete(e)),clear:()=>{t.data.clear();for(const e of t.timers.values())clearTimeout(e);t.timers.clear()}};return t},L=ue({max:1,ttl:1e3*30});le.default();const pe=new re.default;new se.default({authenticator:pe,tokenStorage:new oe.default({dbPath:ae.default.join(s.default.env.dataDir,"auth.db")})});const fe=new ce.default,he=async()=>{try{const n=L.get("blockletInfo");if(n)return n;const{blocklet:t}=await fe.getBlocklet();return L.set("blockletInfo",t),t}catch{return null}},me=["/assets/"];function ge({app:n,viteDevServer:t,state:e}){let i;if(t){const o=x.readFileSync(P.resolve(process.cwd(),"./index.html"),"utf-8");n.use(async(b,v,T)=>{const A=b.originalUrl;i=await t.transformIndexHtml(A,o),T()})}else i=x.readFileSync(P.resolve(process.env.BLOCKLET_APP_DIR,"dist/index.html"),"utf-8");const h=F.Router();h.use((o,b,v)=>{if(o.headers["x-unique-record"]==="dial_http"){C.logger.info("[html] dial http request, return 200 status code"),b.status(200).send("ok");return}v()}),s.default.env.preferences.snapkitEnabled&&s.default.env.preferences.snapkitEndpoint&&s.default.env.SNAP_KIT_ACCESS_KEY&&h.use(G.createSnapshotMiddleware({endpoint:s.default.env.preferences.snapkitEndpoint,accessKey:s.default.env.SNAP_KIT_ACCESS_KEY,cacheMax:s.default.env.preferences.snapkitCacheSize||100})),h.get("/:path(*)?",async(o,b,v)=>{var E,M,j;if(me.some(r=>{var p;return(p=o.path)==null?void 0:p.startsWith(r)})){v();return}const T=performance.now(),A=()=>Math.round(performance.now()-T),D="production";let l,m,k=i;if(o.path.startsWith("/pages")){const r=o.params.lang,p=o.cookies.nf_lang,S=new Set([...s.default.env.languages.map(w=>w.code)]);let _=(r&&S.has(r)?r:void 0)||(S.has(p)?p:void 0)||[...S][0];if((!_||!((E=e.supportedLocales)!=null&&E.find(w=>w.locale===_)))&&(_=((j=(M=e.supportedLocales)==null?void 0:M[0])==null?void 0:j.locale)||""),_){const w=[];Object.values(e.pages).forEach(a=>{const N=Object.values((a==null?void 0:a.sections)??{}).filter(f=>{var y;return f.component==="custom-component"&&((y=f.config)==null?void 0:y.componentId)}).map(f=>{var y,$;return{id:f.id,componentId:f.config.componentId,useCache:f.config.useCache,cacheDuration:f.config.cacheDuration,properties:($=(y=f.locales)==null?void 0:y[_])==null?void 0:$.properties}});w.push(...N)});const K=new Promise(a=>{setTimeout(()=>{a({})},90*1e3)});try{await Promise.race([K,C.getPreloadComponents({mode:D,req:o,state:e,locale:_,instances:w,module:Y.PreloadComponentScriptModule.UMD_FN}).then(a=>{a&&(m=V.injectPreloadComponents(a))})])}catch(a){C.logger.warn("getPreloadComponents timeout in promise race, skip inject html elements",a)}}}try{const r=(l==null?void 0:l.title)||s.default.env.appName,p=(l==null?void 0:l.description)||s.default.env.appDescription,S=I.withQuery(I.joinURL(s.default.env.appUrl,"/.well-known/service/blocklet/og.png"),{title:r,description:p});k=de.default.render(i,{ogTitle:r,ogDescription:p,ogImage:_e(l==null?void 0:l.image)||S,pagesPublishedAt:(e==null?void 0:e.config.publishedAt)||new Date().getTime()})}catch{}const c=e==null?void 0:e.config.fontFamily,U=o.query.mode==="draft"||o.url.includes("preview"),g=W.load(k);let u=l==null?void 0:l.backgroundColor;if(u&&Q.isMuiColorKey(u)){const r=await he();u=ie.default(r,`settings.theme.light.palette.${u}`,u)}g("head").find("#injected-head-elements").replaceWith(`
+        ${u?`<meta name="theme-color" content="${u}" /><style>html,body,#app {background-color: ${u};}</style>`:""}
+        ${c!=null&&c.title?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${c.title}&display=swap">`:""}
+        ${c!=null&&c.description&&(c==null?void 0:c.description)!==(c==null?void 0:c.title)?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${c.description}&display=swap">`:""}
         <script>
 
         window.__PAGE_STATE__ = ${JSON.stringify(e,null,0)}
@@ -14,10 +14,10 @@
         });
         <\/script>
 
-        ${R?`<script src="https://cdn.tailwindcss.com"><\/script>
+        ${U?`<script src="https://cdn.tailwindcss.com"><\/script>
 <script>
   window.tailwind.config = {
     darkMode: "class",
   };
 <\/script>`:""}
-    `);const j=D.getBlockletJs();if(j&&m('script[src="__blocklet__.js"]').replaceWith(`<script>${j}<\/script>`),h!=null&&h.html&&m("head").find("#injected-html-elements").replaceWith(h.html),n.cachedHtml){const c=L.load(n.cachedHtml);m("body").html(c("body").html()||"")}C=m.html(),b.send(C),S.logger.info(`[html] render: ${n.path}, ${q()}ms`),m.root().children().remove(),C=null,r=null,h=null}),o.use(_)}function be(o){const t=F.getComponentMountPoint("image-bin");return t&&o&&!/^(https?:\/\/|\/)/.test(o)?i.default.env.appUrl+I.joinURL(t,"uploads",o):o}module.exports=_e;
+    `);const q=O.getBlockletJs();if(q&&g('script[src="__blocklet__.js"]').replaceWith(`<script>${q}<\/script>`),m!=null&&m.html&&g("head").find("#injected-html-elements").replaceWith(m.html),o.cachedHtml){const r=W.load(o.cachedHtml);g("body").html(r("body").html()||"")}k=g.html(),b.send(k),C.logger.info(`[html] render: ${o.path}, ${A()}ms`),g.root().children().remove(),k=null,l=null,m=null}),n.use(h)}function _e(n){const t=X.getComponentMountPoint("image-bin");return t&&n&&!/^(https?:\/\/|\/)/.test(n)?s.default.env.appUrl+I.joinURL(t,"uploads",n):n}module.exports=ge;

package/lib/es/project-html.js

@@ -1,30 +1,30 @@
 import N from "@arcblock/did-auth-storage-nedb";
-import s, { getBlockletJs as J } from "@blocklet/sdk/lib/config";
-import G from "@blocklet/sdk/lib/service/auth";
-import K from "@blocklet/sdk/lib/wallet";
-import z from "@blocklet/sdk/lib/wallet-authenticator";
-import Q from "@blocklet/sdk/lib/wallet-handler";
-import V, { resolve as x } from "path";
-import { l as I, g as X } from "./chunks/site-state-BB9-Tm4i.js";
-import { initCronCrawlBlocklet as Y, cancelCronCrawlBlocklet as Z, initSEOMiddleware as q } from "@blocklet/crawler/middlewares";
-import { PreloadComponentScriptModule as F } from "@blocklet/pages-kit/types";
-import { isMuiColorKey as ee } from "@blocklet/pages-kit/utils/common";
-import { injectPreloadComponents as te } from "@blocklet/pages-kit/utils/preload";
-import { getComponentMountPoint as oe } from "@blocklet/sdk/lib/component";
-import * as L from "cheerio/slim";
-import { Router as re } from "express";
-import { readFileSync as M } from "fs";
-import ne from "lodash/get";
-import le from "mustache";
-import { withQuery as ie, joinURL as W } from "ufo";
-const ce = (o = {}) => {
+import i, { getBlockletJs as H } from "@blocklet/sdk/lib/config";
+import O from "@blocklet/sdk/lib/service/auth";
+import R from "@blocklet/sdk/lib/wallet";
+import J from "@blocklet/sdk/lib/wallet-authenticator";
+import z from "@blocklet/sdk/lib/wallet-handler";
+import G, { resolve as x } from "path";
+import { l as T, g as Y } from "./chunks/site-state-BB9-Tm4i.js";
+import { createSnapshotMiddleware as Q } from "@arcblock/crawler-middleware";
+import { PreloadComponentScriptModule as V } from "@blocklet/pages-kit/types";
+import { isMuiColorKey as X } from "@blocklet/pages-kit/utils/common";
+import { injectPreloadComponents as Z } from "@blocklet/pages-kit/utils/preload";
+import { getComponentMountPoint as q } from "@blocklet/sdk/lib/component";
+import * as M from "cheerio/slim";
+import { Router as F } from "express";
+import { readFileSync as L } from "fs";
+import ee from "lodash/get";
+import te from "mustache";
+import { withQuery as oe, joinURL as W } from "ufo";
+const ne = (o = {}) => {
   const t = {
     data: /* @__PURE__ */ new Map(),
     timers: /* @__PURE__ */ new Map(),
-    set: (e, d, w = o.ttl || 36e5) => {
+    set: (e, d, h = o.ttl || 36e5) => {
       o.max && t.data.size >= o.max && t.delete(t.data.keys().next().value), t.timers.has(e) && clearTimeout(t.timers.get(e)), t.timers.set(
         e,
-        setTimeout(() => t.delete(e), w)
+        setTimeout(() => t.delete(e), h)
       ), t.data.set(e, d);
     },
     get: (e) => t.data.get(e),
@@ -38,39 +38,31 @@ const ce = (o = {}) => {
     }
   };
   return t;
-}, j = ce({
+}, j = ne({
   max: 1,
   ttl: 1e3 * 30
   // 30 seconds
 });
-K();
-const se = new z();
-new Q({
-  authenticator: se,
+R();
+const re = new J();
+new z({
+  authenticator: re,
   tokenStorage: new N({
-    dbPath: V.join(s.env.dataDir, "auth.db")
+    dbPath: G.join(i.env.dataDir, "auth.db")
   })
 });
-const ae = new G(), me = async () => {
+const ce = new O(), se = async () => {
   try {
     const o = j.get("blockletInfo");
     if (o)
       return o;
-    const { blocklet: t } = await ae.getBlocklet();
+    const { blocklet: t } = await ce.getBlocklet();
     return j.set("blockletInfo", t), t;
   } catch {
     return null;
   }
-}, pe = ["/assets/"], B = () => [!0, "true"].includes(s.env.preferences.allowCrawler);
-function U() {
-  B() ? Y({
-    time: "0 0 */12 * * *",
-    options: {}
-  }) : Z();
-}
-U();
-s.events.on(s.Events.envUpdate, U);
-function Le({
+}, ie = ["/assets/"];
+function Pe({
   app: o,
   viteDevServer: t,
   // projectId,
@@ -78,112 +70,112 @@ function Le({
 }) {
   let d;
   if (t) {
-    const r = M(x(process.cwd(), "./index.html"), "utf-8");
-    o.use(async (C, y, T) => {
-      const _ = C.originalUrl;
-      d = await t.transformIndexHtml(_, r), T();
+    const n = L(x(process.cwd(), "./index.html"), "utf-8");
+    o.use(async (k, _, y) => {
+      const C = k.originalUrl;
+      d = await t.transformIndexHtml(C, n), y();
     });
   } else
-    d = M(x(process.env.BLOCKLET_APP_DIR, "dist/index.html"), "utf-8");
-  const w = re();
-  w.use(
-    (r, C, y) => {
-      if (r.headers["x-unique-record"] === "dial_http") {
-        I.info("[html] dial http request, return 200 status code"), C.status(200).send("ok");
-        return;
-      }
-      y();
-    },
-    q({
-      autoReturnHtml: !0,
-      allowCrawler: B
+    d = L(x(process.env.BLOCKLET_APP_DIR, "dist/index.html"), "utf-8");
+  const h = F();
+  h.use((n, k, _) => {
+    if (n.headers["x-unique-record"] === "dial_http") {
+      T.info("[html] dial http request, return 200 status code"), k.status(200).send("ok");
+      return;
+    }
+    _();
+  }), i.env.preferences.snapkitEnabled && i.env.preferences.snapkitEndpoint && i.env.SNAP_KIT_ACCESS_KEY && h.use(
+    Q({
+      endpoint: i.env.preferences.snapkitEndpoint,
+      accessKey: i.env.SNAP_KIT_ACCESS_KEY,
+      cacheMax: i.env.preferences.snapkitCacheSize || 100
     })
-  ), w.get("/:path(*)?", async (r, C, y) => {
-    var $, P, A;
-    if (pe.some((i) => {
-      var m;
-      return (m = r.path) == null ? void 0 : m.startsWith(i);
+  ), h.get("/:path(*)?", async (n, k, _) => {
+    var E, P, A;
+    if (ie.some((s) => {
+      var p;
+      return (p = n.path) == null ? void 0 : p.startsWith(s);
     })) {
-      y();
+      _();
       return;
     }
-    const T = performance.now(), _ = () => Math.round(performance.now() - T), D = "production";
-    let l, u, k = d;
-    if (r.path.startsWith("/pages")) {
-      const i = r.params.lang, m = r.cookies.nf_lang, b = /* @__PURE__ */ new Set([...s.env.languages.map((g) => g.code)]);
-      let f = (i && b.has(i) ? i : void 0) || (b.has(m) ? m : void 0) || [...b][0];
-      if ((!f || !(($ = e.supportedLocales) != null && $.find((g) => g.locale === f))) && (f = ((A = (P = e.supportedLocales) == null ? void 0 : P[0]) == null ? void 0 : A.locale) || ""), f) {
-        const g = [];
-        Object.values(e.pages).forEach((c) => {
-          const R = Object.values((c == null ? void 0 : c.sections) ?? {}).filter(
-            (p) => {
-              var v;
-              return p.component === "custom-component" && ((v = p.config) == null ? void 0 : v.componentId);
+    const y = performance.now(), C = () => Math.round(performance.now() - y), D = "production";
+    let c, u, b = d;
+    if (n.path.startsWith("/pages")) {
+      const s = n.params.lang, p = n.cookies.nf_lang, v = /* @__PURE__ */ new Set([...i.env.languages.map((w) => w.code)]);
+      let g = (s && v.has(s) ? s : void 0) || (v.has(p) ? p : void 0) || [...v][0];
+      if ((!g || !((E = e.supportedLocales) != null && E.find((w) => w.locale === g))) && (g = ((A = (P = e.supportedLocales) == null ? void 0 : P[0]) == null ? void 0 : A.locale) || ""), g) {
+        const w = [];
+        Object.values(e.pages).forEach((l) => {
+          const B = Object.values((l == null ? void 0 : l.sections) ?? {}).filter(
+            (m) => {
+              var S;
+              return m.component === "custom-component" && ((S = m.config) == null ? void 0 : S.componentId);
             }
-          ).map((p) => {
-            var v, E;
+          ).map((m) => {
+            var S, $;
             return {
-              id: p.id,
-              componentId: p.config.componentId,
-              useCache: p.config.useCache,
-              cacheDuration: p.config.cacheDuration,
-              properties: (E = (v = p.locales) == null ? void 0 : v[f]) == null ? void 0 : E.properties
+              id: m.id,
+              componentId: m.config.componentId,
+              useCache: m.config.useCache,
+              cacheDuration: m.config.cacheDuration,
+              properties: ($ = (S = m.locales) == null ? void 0 : S[g]) == null ? void 0 : $.properties
             };
           });
-          g.push(...R);
+          w.push(...B);
         });
-        const O = new Promise((c) => {
+        const U = new Promise((l) => {
           setTimeout(() => {
-            c({});
+            l({});
           }, 90 * 1e3);
         });
         try {
           await Promise.race([
-            O,
-            X({
+            U,
+            Y({
               mode: D,
-              req: r,
+              req: n,
               state: e,
-              locale: f,
-              instances: g,
-              module: F.UMD_FN
-            }).then((c) => {
-              c && (u = te(c));
+              locale: g,
+              instances: w,
+              module: V.UMD_FN
+            }).then((l) => {
+              l && (u = Z(l));
             })
           ]);
-        } catch (c) {
-          I.warn("getPreloadComponents timeout in promise race, skip inject html elements", c);
+        } catch (l) {
+          T.warn("getPreloadComponents timeout in promise race, skip inject html elements", l);
         }
       }
     }
     try {
-      const i = (l == null ? void 0 : l.title) || s.env.appName, m = (l == null ? void 0 : l.description) || s.env.appDescription, b = ie(W(s.env.appUrl, "/.well-known/service/blocklet/og.png"), {
-        title: i,
-        description: m
+      const s = (c == null ? void 0 : c.title) || i.env.appName, p = (c == null ? void 0 : c.description) || i.env.appDescription, v = oe(W(i.env.appUrl, "/.well-known/service/blocklet/og.png"), {
+        title: s,
+        description: p
       });
-      k = le.render(d, {
-        ogTitle: i,
-        ogDescription: m,
-        ogImage: de(l == null ? void 0 : l.image) || b,
+      b = te.render(d, {
+        ogTitle: s,
+        ogDescription: p,
+        ogImage: le(c == null ? void 0 : c.image) || v,
         pagesPublishedAt: (e == null ? void 0 : e.config.publishedAt) || (/* @__PURE__ */ new Date()).getTime()
       });
     } catch {
     }
-    const n = e == null ? void 0 : e.config.fontFamily, H = r.query.mode === "draft" || r.url.includes("preview"), h = L.load(k);
-    let a = l == null ? void 0 : l.backgroundColor;
-    if (a && ee(a)) {
-      const i = await me();
-      a = ne(
-        i,
+    const r = e == null ? void 0 : e.config.fontFamily, K = n.query.mode === "draft" || n.url.includes("preview"), f = M.load(b);
+    let a = c == null ? void 0 : c.backgroundColor;
+    if (a && X(a)) {
+      const s = await se();
+      a = ee(
+        s,
         // 目前 dark 和 light 还是前端行为，后端通过 从 light 中获取
         `settings.theme.light.palette.${a}`,
         a
       );
     }
-    h("head").find("#injected-head-elements").replaceWith(`
+    f("head").find("#injected-head-elements").replaceWith(`
         ${a ? `<meta name="theme-color" content="${a}" /><style>html,body,#app {background-color: ${a};}</style>` : ""}
-        ${n != null && n.title ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${n.title}&display=swap">` : ""}
-        ${n != null && n.description && (n == null ? void 0 : n.description) !== (n == null ? void 0 : n.title) ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${n.description}&display=swap">` : ""}
+        ${r != null && r.title ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${r.title}&display=swap">` : ""}
+        ${r != null && r.description && (r == null ? void 0 : r.description) !== (r == null ? void 0 : r.title) ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${r.description}&display=swap">` : ""}
         <script>
 
         window.__PAGE_STATE__ = ${JSON.stringify(e, null, 0)}
@@ -196,25 +188,25 @@ function Le({
         });
         <\/script>
 
-        ${H ? `<script src="https://cdn.tailwindcss.com"><\/script>
+        ${K ? `<script src="https://cdn.tailwindcss.com"><\/script>
 <script>
   window.tailwind.config = {
     darkMode: "class",
   };
 <\/script>` : ""}
     `);
-    const S = J();
-    if (S && h('script[src="__blocklet__.js"]').replaceWith(`<script>${S}<\/script>`), u != null && u.html && h("head").find("#injected-html-elements").replaceWith(u.html), r.cachedHtml) {
-      const i = L.load(r.cachedHtml);
-      h("body").html(i("body").html() || "");
+    const I = H();
+    if (I && f('script[src="__blocklet__.js"]').replaceWith(`<script>${I}<\/script>`), u != null && u.html && f("head").find("#injected-html-elements").replaceWith(u.html), n.cachedHtml) {
+      const s = M.load(n.cachedHtml);
+      f("body").html(s("body").html() || "");
     }
-    k = h.html(), C.send(k), I.info(`[html] render: ${r.path}, ${_()}ms`), h.root().children().remove(), k = null, l = null, u = null;
-  }), o.use(w);
+    b = f.html(), k.send(b), T.info(`[html] render: ${n.path}, ${C()}ms`), f.root().children().remove(), b = null, c = null, u = null;
+  }), o.use(h);
 }
-function de(o) {
-  const t = oe("image-bin");
-  return t && o && !/^(https?:\/\/|\/)/.test(o) ? s.env.appUrl + W(t, "uploads", o) : o;
+function le(o) {
+  const t = q("image-bin");
+  return t && o && !/^(https?:\/\/|\/)/.test(o) ? i.env.appUrl + W(t, "uploads", o) : o;
 }
 export {
-  Le as default
+  Pe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.5.27",
+  "version": "0.5.29",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -77,7 +77,6 @@
     "@blocklet/ai-kit": "^0.1.78",
     "@blocklet/ai-runtime": "^0.4.271",
     "@blocklet/code-editor": "^0.4.271",
-    "@blocklet/crawler": "^2.3.54",
     "@blocklet/embed": "^0.2.4",
     "@blocklet/js-sdk": "^1.16.43",
     "@blocklet/logger": "1.16.36",
@@ -205,8 +204,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.5.27",
-    "@blocklet/pages-kit-block-studio": "^0.5.27"
+    "@blocklet/pages-kit": "^0.5.29",
+    "@blocklet/pages-kit-block-studio": "^0.5.29"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",