@blocklet/pages-kit-inner-components 0.1.5 → 0.1.6

package/lib/cjs/project-html.js

@@ -0,0 +1,23 @@
+"use strict";const S=require("./_chunks/components-CGE2womb.js"),T=require("@blocklet/crawler/middlewares"),J=require("@blocklet/pages-kit/types"),G=require("@blocklet/pages-kit/utils/preload"),z=require("@blocklet/sdk/lib/component"),R=require("@blocklet/sdk/lib/config"),K=require("cheerio"),Q=require("express"),L=require("fs"),V=require("mustache"),A=require("path"),D=require("ufo"),U=e=>e&&e.__esModule?e:{default:e};function X(e){if(e&&e.__esModule)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const t=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(a,d,t.get?t:{enumerable:!0,get:()=>e[d]})}}return a.default=e,Object.freeze(a)}const i=U(R),q=X(K),Y=U(V),Z=["/assets/"],x=()=>[!0,"true"].includes(i.default.env.preferences.allowCrawler);function H(){x()?T.initCronCrawlBlocklet({time:"30 30 */12 * * *",options:{}}):T.cancelCronCrawlBlocklet()}H();i.default.events.on(i.default.Events.envUpdate,H);function F({app:e,viteDevServer:a,projectId:d,state:t}){let _;if(a){const n=L.readFileSync(A.resolve(process.cwd(),"./index.html"),"utf-8");e.use(async(y,E,P)=>{const b=y.originalUrl;_=await a.transformIndexHtml(b,n),P()})}else _=L.readFileSync(A.resolve(process.env.BLOCKLET_APP_DIR,"dist/index.html"),"utf-8");const k=Q.Router();k.use(T.initSEOMiddleware({autoReturnHtml:!1,allowCrawler:x})),k.get("/:path(*)?",async(n,y,E)=>{var O,$,M;if(Z.some(c=>n.path.startsWith(c))){E();return}const P=performance.now(),b=()=>Math.round(performance.now()-P),N="production";let r,m,C=_;if(n.path.startsWith("/pages")){const c=n.params.lang,h=n.cookies.nf_lang,g=new Set([...i.default.env.languages.map(u=>u.code)]);let p=(c&&g.has(c)?c:void 0)||(g.has(h)?h:void 0)||[...g][0];if((!p||!((O=t.supportedLocales)!=null&&O.find(u=>u.locale===p)))&&(p=((M=($=t.supportedLocales)==null?void 0:$[0])==null?void 0:M.locale)||""),p){const u=[];Object.values(t.pages).forEach(s=>{const v=Object.values((s==null?void 0:s.sections)??{}).filter(l=>{var w;return l.component==="custom-component"&&((w=l.config)==null?void 0:w.componentId)}).map(l=>{var w,I;return{id:l.id,componentId:l.config.componentId,useCache:l.config.useCache,cacheDuration:l.config.cacheDuration,properties:(I=(w=l.locales)==null?void 0:w[p])==null?void 0:I.properties}});u.push(...v)});const B=new Promise((s,v)=>{setTimeout(()=>{v(new Error("getPreloadComponents timeout in promise race, skip it"))},90*1e3)});try{await Promise.race([B,S.getPreloadComponents({mode:N,req:n,state:t,locale:p,instances:u,module:J.PreloadComponentScriptModule.UMD_FN}).then(s=>{s&&(m=G.injectPreloadComponents(s))})])}catch{S.logger.warn("getPreloadComponents timeout in promise race, skip inject html elements")}}}try{const c=(r==null?void 0:r.title)||i.default.env.appName,h=(r==null?void 0:r.description)||i.default.env.appDescription,g=D.withQuery(D.joinURL(i.default.env.appUrl,"/.well-known/service/blocklet/og.png"),{title:c,description:h});C=Y.default.render(_,{ogTitle:c,ogDescription:h,ogImage:ee(r==null?void 0:r.image)||g,pagesPublishedAt:(t==null?void 0:t.config.publishedAt)||new Date().getTime()})}catch{}const o=t==null?void 0:t.config.fontFamily,W=n.query.mode==="draft"||n.url.includes("preview"),f=q.load(C);f("head").find("#injected-head-elements").replaceWith(`
+        
+        ${o!=null&&o.title?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${o.title}&display=swap">`:""}
+        ${o!=null&&o.description&&(o==null?void 0:o.description)!==(o==null?void 0:o.title)?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${o.description}&display=swap">`:""}
+        <script>
+        window.__PROJECT_ID__ = "${d}"
+        window.__PAGE_STATE__ = ${JSON.stringify(t)}
+
+        document.querySelectorAll('link[rel="preload"][as="style"]').forEach(function (link) {
+          const l = document.createElement('link');
+          l.rel = 'stylesheet';
+          l.href = link.href;
+          document.head.appendChild(l);
+        });
+        <\/script>
+
+        ${W?`<script src="https://cdn.tailwindcss.com"><\/script>
+<script>
+  window.tailwind.config = {
+    darkMode: "class",
+  };
+<\/script>`:""}
+    `);const j=R.getBlockletJs();if(j&&f('script[src="__blocklet__.js"]').replaceWith(`<script>${j}<\/script>`),m!=null&&m.html&&f("head").find("#injected-html-elements").replaceWith(m.html),n.cachedHtml){const c=q.load(n.cachedHtml);f("body").html(c("body").html()||"")}C=f.html(),y.send(C),S.logger.info(`[html] render: ${n.path}, ${b()}ms`)}),e.use(k)}function ee(e){return z.getComponentMountPoint("image-bin"),e}module.exports=F;

package/lib/es/_chunks/{components-k4kCJg_V.js → components-2nieeR3G.js}

@@ -400,10 +400,10 @@ const Te = O(
 export {
   te as C,
   j as G,
-  oe as a,
-  ne as b,
+  Pe as a,
+  oe as b,
   Oe as c,
-  Pe as d,
+  ne as d,
   re as e,
   C as f,
   Te as g,

package/lib/es/_chunks/{site-state-CD7ipvhF.js → site-state-BxPgS4Do.js}

@@ -1,4 +1,4 @@
-import { l as D, c as Me, g as $e } from "./components-k4kCJg_V.js";
+import { l as D, c as Me, g as $e } from "./components-2nieeR3G.js";
 import { memoize as Be } from "@blocklet/quickjs";
 import { getComponentWebEndpoint as xe, getResources as Ve, call as Ge } from "@blocklet/sdk/lib/component";
 import h from "@blocklet/sdk/lib/config";

package/lib/es/components.js

@@ -6,7 +6,7 @@ import "@blocklet/sdk/lib/config";
 import "lru-cache";
 import "node-fetch";
 import "ufo";
-import { C as S, G as _, a as E, c as d, f as i, h as l, g as N, e as O, d as P, b as c } from "./_chunks/components-k4kCJg_V.js";
+import { C as S, G as _, b as E, c as d, f as i, h as l, g as N, e as O, a as P, d as c } from "./_chunks/components-2nieeR3G.js";
 export {
   S as CUSTOM_COMPONENT_CACHE_DURATION_IN_SECONDS,
   _ as GET_SERVER_SIDE_PROPS_TIMEOUT_IN_SECONDS,

package/lib/es/project-html.js

@@ -0,0 +1,148 @@
+import { a as W, l as L } from "./_chunks/components-2nieeR3G.js";
+import { initCronCrawlBlocklet as B, cancelCronCrawlBlocklet as J, initSEOMiddleware as N } from "@blocklet/crawler/middlewares";
+import { PreloadComponentScriptModule as G } from "@blocklet/pages-kit/types";
+import { injectPreloadComponents as K } from "@blocklet/pages-kit/utils/preload";
+import { getComponentMountPoint as Q } from "@blocklet/sdk/lib/component";
+import l, { getBlockletJs as z } from "@blocklet/sdk/lib/config";
+import * as A from "cheerio";
+import { Router as V } from "express";
+import { readFileSync as j } from "fs";
+import X from "mustache";
+import { resolve as D } from "path";
+import { withQuery as Y, joinURL as Z } from "ufo";
+const F = ["/assets/"], M = () => [!0, "true"].includes(l.env.preferences.allowCrawler);
+function O() {
+  M() ? B({
+    time: "30 30 */12 * * *",
+    options: {}
+  }) : J();
+}
+O();
+l.events.on(l.Events.envUpdate, O);
+function de({
+  app: p,
+  viteDevServer: y,
+  projectId: R,
+  state: t
+}) {
+  let g;
+  if (y) {
+    const o = j(D(process.cwd(), "./index.html"), "utf-8");
+    p.use(async (_, E, k) => {
+      const P = _.originalUrl;
+      g = await y.transformIndexHtml(P, o), k();
+    });
+  } else
+    g = j(D(process.env.BLOCKLET_APP_DIR, "dist/index.html"), "utf-8");
+  const C = V();
+  C.use(
+    N({
+      autoReturnHtml: !1,
+      allowCrawler: M
+    })
+  ), C.get("/:path(*)?", async (o, _, E) => {
+    var $, S, b;
+    if (F.some((n) => o.path.startsWith(n))) {
+      E();
+      return;
+    }
+    const k = performance.now(), P = () => Math.round(performance.now() - k), U = "production";
+    let r, m, w = g;
+    if (o.path.startsWith("/pages")) {
+      const n = o.params.lang, h = o.cookies.nf_lang, u = /* @__PURE__ */ new Set([...l.env.languages.map((a) => a.code)]);
+      let s = (n && u.has(n) ? n : void 0) || (u.has(h) ? h : void 0) || [...u][0];
+      if ((!s || !(($ = t.supportedLocales) != null && $.find((a) => a.locale === s))) && (s = ((b = (S = t.supportedLocales) == null ? void 0 : S[0]) == null ? void 0 : b.locale) || ""), s) {
+        const a = [];
+        Object.values(t.pages).forEach((i) => {
+          const v = Object.values((i == null ? void 0 : i.sections) ?? {}).filter(
+            (c) => {
+              var f;
+              return c.component === "custom-component" && ((f = c.config) == null ? void 0 : f.componentId);
+            }
+          ).map((c) => {
+            var f, I;
+            return {
+              id: c.id,
+              componentId: c.config.componentId,
+              useCache: c.config.useCache,
+              cacheDuration: c.config.cacheDuration,
+              properties: (I = (f = c.locales) == null ? void 0 : f[s]) == null ? void 0 : I.properties
+            };
+          });
+          a.push(...v);
+        });
+        const H = new Promise((i, v) => {
+          setTimeout(() => {
+            v(new Error("getPreloadComponents timeout in promise race, skip it"));
+          }, 90 * 1e3);
+        });
+        try {
+          await Promise.race([
+            H,
+            W({
+              mode: U,
+              req: o,
+              state: t,
+              locale: s,
+              instances: a,
+              module: G.UMD_FN
+            }).then((i) => {
+              i && (m = K(i));
+            })
+          ]);
+        } catch {
+          L.warn("getPreloadComponents timeout in promise race, skip inject html elements");
+        }
+      }
+    }
+    try {
+      const n = (r == null ? void 0 : r.title) || l.env.appName, h = (r == null ? void 0 : r.description) || l.env.appDescription, u = Y(Z(l.env.appUrl, "/.well-known/service/blocklet/og.png"), {
+        title: n,
+        description: h
+      });
+      w = X.render(g, {
+        ogTitle: n,
+        ogDescription: h,
+        ogImage: q(r == null ? void 0 : r.image) || u,
+        pagesPublishedAt: (t == null ? void 0 : t.config.publishedAt) || (/* @__PURE__ */ new Date()).getTime()
+      });
+    } catch {
+    }
+    const e = t == null ? void 0 : t.config.fontFamily, x = o.query.mode === "draft" || o.url.includes("preview"), d = A.load(w);
+    d("head").find("#injected-head-elements").replaceWith(`
+        
+        ${e != null && e.title ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${e.title}&display=swap">` : ""}
+        ${e != null && e.description && (e == null ? void 0 : e.description) !== (e == null ? void 0 : e.title) ? `<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${e.description}&display=swap">` : ""}
+        <script>
+        window.__PROJECT_ID__ = "${R}"
+        window.__PAGE_STATE__ = ${JSON.stringify(t)}
+
+        document.querySelectorAll('link[rel="preload"][as="style"]').forEach(function (link) {
+          const l = document.createElement('link');
+          l.rel = 'stylesheet';
+          l.href = link.href;
+          document.head.appendChild(l);
+        });
+        <\/script>
+
+        ${x ? `<script src="https://cdn.tailwindcss.com"><\/script>
+<script>
+  window.tailwind.config = {
+    darkMode: "class",
+  };
+<\/script>` : ""}
+    `);
+    const T = z();
+    if (T && d('script[src="__blocklet__.js"]').replaceWith(`<script>${T}<\/script>`), m != null && m.html && d("head").find("#injected-html-elements").replaceWith(m.html), o.cachedHtml) {
+      const n = A.load(o.cachedHtml);
+      d("body").html(n("body").html() || "");
+    }
+    w = d.html(), _.send(w), L.info(`[html] render: ${o.path}, ${P()}ms`);
+  }), p.use(C);
+}
+function q(p) {
+  return Q("image-bin"), p;
+}
+export {
+  de as default
+};

package/lib/es/resources.js

@@ -1,5 +1,5 @@
-import { P as S, i as b, g as M, C as J, R as X, S as x, t as W, a as G } from "./_chunks/site-state-CD7ipvhF.js";
-import { l as N } from "./_chunks/components-k4kCJg_V.js";
+import { P as S, i as b, g as M, C as J, R as X, S as x, t as W, a as G } from "./_chunks/site-state-BxPgS4Do.js";
+import { l as N } from "./_chunks/components-2nieeR3G.js";
 import { AsyncLocalStorage as K } from "async_hooks";
 import { Router as Y } from "express";
 import d from "fs";

package/lib/es/site-state.js

@@ -1,5 +1,5 @@
-import "./_chunks/components-k4kCJg_V.js";
-import { d as x, b as D, c as H, S as M, f as O, a as b, e as h, m as j, n as B, t as L, h as U } from "./_chunks/site-state-CD7ipvhF.js";
+import "./_chunks/components-2nieeR3G.js";
+import { d as x, b as D, c as H, S as M, f as O, a as b, e as h, m as j, n as B, t as L, h as U } from "./_chunks/site-state-BxPgS4Do.js";
 import "@blocklet/quickjs";
 import "@blocklet/sdk/lib/component";
 import "@blocklet/sdk/lib/config";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -47,6 +47,10 @@
     "./theme": {
       "import": "./lib/es/theme.js",
       "require": "./lib/cjs/theme.js"
+    },
+    "./project-html": {
+      "import": "./lib/es/project-html.js",
+      "require": "./lib/cjs/project-html.js"
     }
   },
   "files": [
@@ -199,7 +203,7 @@
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
     "@blocklet/pages-kit": "^0.4.16-beta.20250305-2",
-    "@blocklet/pages-kit-block-studio": "^0.1.31"
+    "@blocklet/pages-kit-block-studio": "^0.1.32"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",