@blocklet/pages-kit-inner-components 0.1.8 → 0.4.22

package/lib/es/_chunks/components-CqR6z_0s.js

@@ -0,0 +1,454 @@
+import { getComponentMountPoint as v } from "@blocklet/pages-kit/builtin/utils";
+import { PreloadComponentScriptModule as b } from "@blocklet/pages-kit/types";
+import { componentUMDName as L, RenderNestedComponent as M, mergeComponent as U } from "@blocklet/pages-kit/utils/property";
+import { memoize as O, Sandbox as _, BuiltinModules as D } from "@blocklet/quickjs";
+import T from "@blocklet/sdk/lib/config";
+import { LRUCache as F } from "lru-cache";
+import B, { Headers as J } from "node-fetch";
+import { joinURL as y, getQuery as G, withQuery as K, parseURL as j, withHttps as Q } from "ufo";
+import W from "@blocklet/logger";
+import A from "vite-plugin-node-polyfills/shims/buffer";
+import { BuiltinModules as V } from "@blocklet/pages-kit/utils/builtin";
+import { createBuiltinModuleTransformer as H, isRelativeModule as I } from "@blocklet/pages-kit/utils/typescript/builtin-module-transformer";
+import { call as z } from "@blocklet/sdk/lib/component";
+import X from "autoprefixer";
+import * as Y from "esbuild";
+import Z from "postcss";
+import q from "tailwindcss";
+import d from "typescript";
+const h = W("pages-kit"), ee = async (t, { componentId: e }) => {
+  const o = `@tailwind components;
+@tailwind utilities;
+`, n = `.CustomComponent_${e}`;
+  return (await Z([
+    q({ content: [{ raw: t, extension: "tsx" }] }),
+    X({
+      overrideBrowserslist: ["> 1%", "last 2 versions"],
+      stats: {}
+    }),
+    (a) => {
+      a.walkRules((r) => {
+        r.selectors = r.selectors.map((c) => c.replace(/\.(.+)/g, `${n}.$1,${n} .$1`));
+      });
+    }
+    // FIXME: cssnano use browserslist, it is not working with the fs isolation
+    // cssnano({ preset: 'default' }),
+  ]).process(o)).css;
+}, te = async (t, { componentId: e }) => {
+  const o = await ee(t, { componentId: e });
+  return `export const __PagesKit_CSS__ = ${JSON.stringify(o)};
+
+${t}
+`;
+}, $ = O(
+  async (t, e) => {
+    let o = d.transpileModule(t, {
+      compilerOptions: {
+        jsx: d.JsxEmit.React,
+        target: d.ScriptTarget.ES2016,
+        module: d.ModuleKind.ESNext
+      },
+      transformers: {
+        before: [H(d)]
+      }
+    }).outputText;
+    if (e.tailwind && (o = await te(o, { componentId: e.componentId })), e.module === b.ESM) return o;
+    const n = d.transpileModule(o, {
+      compilerOptions: {
+        jsx: d.JsxEmit.React,
+        target: d.ScriptTarget.ES2016,
+        module: d.ModuleKind.CommonJS,
+        moduleResolution: d.ModuleResolutionKind.Node16
+      }
+    }).outputText;
+    return e.module === b.CJS ? n : ne(e.moduleName, n);
+  },
+  { keyGenerator: (t, e) => JSON.stringify(["transpileModule", t, e]) }
+), oe = async (t, e) => {
+  var r, c;
+  const n = (c = (r = (await Y.build({
+    entryPoints: ["index.tsx"],
+    external: Object.keys(V),
+    format: "esm",
+    target: "esnext",
+    bundle: !0,
+    write: !1,
+    plugins: [
+      {
+        name: "vfs",
+        setup(u) {
+          u.onResolve({ filter: /.*/ }, (s) => s.path === "index.tsx" ? { path: "index.tsx", namespace: "vfs" } : s.path === "./component" ? { path: "component.tsx", namespace: "vfs" } : I(s.path) ? { path: s.path, namespace: "vfs" } : null), u.onLoad({ filter: /.*/, namespace: "vfs" }, async (s) => {
+            if (s.path === "index.tsx")
+              return { contents: `export { ${e} } from './component'`, loader: "tsx" };
+            if (s.path === "component.tsx")
+              return { contents: t, loader: "tsx" };
+            if (I(s.path)) {
+              const l = s.path.split("/").pop(), f = y("chunks", l), { data: g } = await z({
+                name: "pages-kit",
+                method: "GET",
+                path: f
+              });
+              return { contents: g, loader: "js" };
+            }
+            return null;
+          });
+        }
+      }
+    ]
+  })).outputFiles) == null ? void 0 : r[0]) == null ? void 0 : c.contents;
+  if (!n) throw new Error("Failed to build server code");
+  const i = A.from(n).toString();
+  return d.transpileModule(i, {
+    compilerOptions: { module: d.ModuleKind.ESNext, target: d.ScriptTarget.ES2020 }
+  }).outputText;
+}, k = O(
+  async (t, e) => {
+    const o = await oe(t, e);
+    return new RegExp(`export\\s+\\{\\s+${e}\\s+\\}`, "m").test(o) ? o : void 0;
+  },
+  { keyGenerator: (t, e) => JSON.stringify(["extractExportValueSchema", t, e]) }
+), ne = (t, e) => {
+  const o = /\bawait\b/.test(e);
+  return `// GENERATED FILE. DO NOT EDIT.
+var ${t} = ${o ? "async" : ""} function () {
+
+  const exports = {};
+  let moduleExports = null;
+  
+  // add commonjs module compatibility layer
+  const module = { exports: moduleExports };
+  
+  // execute component code
+  ${e}
+  
+  // handle possible module.exports
+  if (module.exports && module.exports !== moduleExports) {
+    // if module.exports is used, use it first
+    return typeof module.exports === 'object' ? module.exports : { default: module.exports };
+  }
+  
+  // ensure a default export
+  if (!('default' in exports) && Object.keys(exports).length === 0) {
+    // module has no exports, return null to indicate invalid
+    return null;
+  }
+  
+  return exports;
+};
+`;
+}, w = new F({
+  max: 100
+}), re = 60 * 60, N = 60;
+function se(t) {
+  h.info("clear preload components cache", { cacheKey: t }), w.delete(t);
+}
+function je(t) {
+  for (const e of w.keys())
+    e.includes(t) && (h.info("clear preload components cache", { cacheKey: e }), se(e));
+}
+function ce({
+  mode: t,
+  instanceId: e,
+  componentId: o,
+  locale: n
+}) {
+  return ["getPreloadComponents", t, e, o, n].join("-");
+}
+async function Ie({
+  mode: t,
+  req: e,
+  state: o,
+  locale: n,
+  instances: i,
+  module: a
+}) {
+  const {
+    supportedLocales: r,
+    config: { defaultLocale: c }
+  } = o;
+  if (!c) return null;
+  const u = (await Promise.all(
+    i.map(async (p) => {
+      try {
+        const m = ce({
+          mode: t,
+          instanceId: p.id,
+          componentId: p.componentId,
+          locale: n
+        });
+        if (t !== "draft" && p.useCache && w.has(m))
+          return h.info(`get preload component from cache: ${m}`), w.get(m);
+        const x = C({ state: o, componentId: p.componentId });
+        if (!x) return null;
+        const S = await ie({
+          req: e,
+          state: o,
+          componentId: x.id,
+          locale: n,
+          defaultLocale: c,
+          properties: p.properties
+        });
+        if (!S) return null;
+        const P = { instanceId: p.id, preload: S };
+        if (t !== "draft" && p.useCache) {
+          let E = re;
+          p.cacheDuration && (E = p.cacheDuration), h.info(`set preload component to cache(${E}s): ${m}`), w.set(m, P, {
+            ttl: E * 1e3
+          });
+        }
+        return P;
+      } catch (m) {
+        return h.error("get preload component error", { instanceId: p.id, componentId: p.componentId }, { error: m }), null;
+      }
+    })
+  )).filter((p) => !!p), s = Object.values(
+    u.reduce((p, m) => ({ ...p, ...m.preload.components }), {})
+  );
+  async function l() {
+    const p = await Promise.all(
+      s.map(async (m) => {
+        const x = L({ componentId: m.component.id }), S = a === b.ESM ? {
+          module: a,
+          script: await $(m.script, {
+            componentId: m.component.id,
+            module: a,
+            tailwind: t !== "draft"
+          })
+        } : {
+          module: a,
+          script: await $(m.script, {
+            componentId: m.component.id,
+            module: a,
+            moduleName: x,
+            tailwind: t !== "draft"
+          }),
+          moduleName: x
+        };
+        return [m.component.id, { component: m.component, script: S }];
+      })
+    );
+    return Object.fromEntries(p);
+  }
+  const f = await l();
+  return {
+    config: { defaultLocale: c, supportedLocales: r },
+    components: f,
+    instances: u.map((p) => ({
+      id: p.instanceId,
+      componentId: p.preload.component.id,
+      locales: { [p.preload.locale]: { props: p.preload.props } }
+    }))
+  };
+}
+async function ie({
+  req: t,
+  state: e,
+  componentId: o,
+  locale: n,
+  defaultLocale: i,
+  properties: a
+}) {
+  const { supportedLocales: r } = e, c = C({ state: e, componentId: o });
+  if (!c) return null;
+  const u = r.some((l) => l.locale === n) ? n : i;
+  if (!u) return null;
+  const s = await R({ req: t, state: e, componentId: o, locale: u, defaultLocale: i, properties: a });
+  return s ? {
+    component: c,
+    ...s
+  } : null;
+}
+const ae = 20;
+async function R({
+  req: t,
+  depth: e = 0,
+  state: o,
+  componentId: n,
+  locale: i,
+  defaultLocale: a,
+  properties: r
+}) {
+  if (e > ae) throw new RangeError("max component depth exceeded");
+  const c = pe({ state: o, componentId: n, properties: r, locale: i });
+  if (!c) return null;
+  const { props: u } = c, s = {
+    locale: i || a,
+    components: { [c.component.id]: { component: c.component, script: c.script } },
+    props: { ...u }
+  };
+  try {
+    const l = await le({ ...c, req: t });
+    l != null && l.props && Object.assign(s.props, l.props);
+  } catch (l) {
+    h.error("preload data at server side error", { componentId: n, name: c.component.name }, { error: l });
+  }
+  return await Promise.all(
+    Object.entries(u).map(async ([l, f]) => {
+      if ((f == null ? void 0 : f.type) === M) {
+        const g = await R({
+          req: t,
+          depth: e + 1,
+          state: o,
+          componentId: f.componentId,
+          locale: i,
+          defaultLocale: a,
+          properties: f.properties
+        });
+        g && (Object.assign(s.components, g.components), Object.assign(s.props, {
+          [l]: {
+            type: M,
+            componentId: f.componentId,
+            props: g.props
+          }
+        }));
+      }
+    })
+  ), s;
+}
+function pe({
+  state: t,
+  componentId: e,
+  locale: o,
+  properties: n
+}) {
+  const i = C({ state: t, componentId: e });
+  if (!i) return null;
+  const a = U({
+    componentId: e,
+    getComponent: (r) => C({ state: t, componentId: r }),
+    locale: o,
+    defaultLocale: t.config.defaultLocale,
+    properties: n
+  });
+  return a ? { component: i, script: a.script, props: { locale: o, ...a.properties } } : null;
+}
+function C({ state: t, componentId: e }) {
+  var o, n, i;
+  return ((o = t.components[e]) == null ? void 0 : o.data) ?? ((i = (n = t.resources.components) == null ? void 0 : n[e]) == null ? void 0 : i.component);
+}
+function $e({ state: t, name: e }) {
+  var n, i;
+  const o = e.toLowerCase();
+  return ((n = Object.values(t.components).find((a) => {
+    var r;
+    return ((r = a.data.name) == null ? void 0 : r.toLowerCase()) === o;
+  })) == null ? void 0 : n.data) ?? ((i = t.resources.components && Object.values(t.resources.components).find((a) => {
+    var r;
+    return ((r = a.component.name) == null ? void 0 : r.toLowerCase()) === o;
+  })) == null ? void 0 : i.component);
+}
+async function le({
+  component: t,
+  script: e,
+  props: o,
+  req: n
+}) {
+  const i = await k(e, "getServerSideProps");
+  if (!i) return null;
+  const a = new Promise((r, c) => {
+    setTimeout(() => c(new Error("getServerSideProps timeout in promise race")), N * 1e3);
+  });
+  return Promise.race([
+    a,
+    _.callFunction({
+      code: `${i}
+
+export async function getServerSidePropsWrapper({ location, fetch, props}) {
+  globalThis.location = location
+  globalThis.fetch = fetch
+
+  return getServerSideProps(props);
+}
+`,
+      filename: `${t.name || t.id}.js`,
+      moduleLoader: (r) => {
+        if (r === "@blocklet/pages-kit/builtin/utils")
+          return `const { joinURL, withQuery, getQuery, getComponentMountPoint } = globalThis
+export { joinURL, withQuery, getQuery, getComponentMountPoint }
+`;
+        if (r === "@blocklet/pages-kit/builtin/dayjs")
+          return D.dayjs;
+      },
+      global: {
+        console: {
+          // NOTE: do not return logger.xxx result, it will cause memory leak
+          // eslint-disable-next-line prettier/prettier
+          log: (...r) => {
+            h.info(...r);
+          },
+          warn: (...r) => {
+            h.warn(...r);
+          },
+          error: (...r) => {
+            h.error(...r);
+          }
+        },
+        getComponentMountPoint: v,
+        joinURL: y,
+        withQuery: K,
+        getQuery: G
+      },
+      functionName: "getServerSidePropsWrapper",
+      args: [
+        {
+          // NOTE: IMPORTANT! place location and fetch (has side effect) at the args not global
+          // because the global is shared between all runtime and just init once
+          location: { href: y(Q(n.hostname), n.originalUrl) },
+          fetch: (r, { ...c } = {}) => {
+            const u = typeof r == "string" && r.startsWith("/") ? y(T.env.appUrl, r) : r;
+            if (typeof u == "string" && j(u).host === j(T.env.appUrl).host) {
+              const s = n.get("cookie");
+              if (s) {
+                const l = new J(c.headers);
+                l.set("cookie", s), c.headers = l;
+              }
+            }
+            return B(u, {
+              ...c,
+              timeout: N * 1e3
+            }).then((s) => ({
+              ok: s.ok,
+              status: s.status,
+              statusText: s.statusText,
+              headers: Object.fromEntries(s.headers.entries()),
+              json: () => s.json()
+            }));
+          },
+          props: o
+        }
+      ]
+    })
+  ]);
+}
+const Ne = O(
+  async (t, e, o) => {
+    const n = await k(t, e);
+    return n ? await _.callFunction({
+      code: `
+            ${n}
+
+            export function get${e}SchemaWrapper() {
+              return ${e};
+            }
+          `,
+      filename: `${o}.js`,
+      functionName: `get${e}SchemaWrapper`
+    }) : null;
+  },
+  {
+    keyGenerator: (t, e, o) => JSON.stringify(["getExportSchemaValueFromCode", t, e, o])
+  }
+);
+export {
+  re as C,
+  N as G,
+  Ie as a,
+  se as b,
+  je as c,
+  ce as d,
+  ie as e,
+  C as f,
+  Ne as g,
+  $e as h,
+  h as l
+};

package/lib/es/_chunks/{draft-data-CyvourYt.js → draft-data-B6NRV_eF.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { u as o, S as a, k as s, h as n } from "./state-C0vjPuun.js";
+import { u as o, S as a, k as s, h as n } from "./state-CVCmClC_.js";
 function d({ children: t }) {
   const r = o();
   return /* @__PURE__ */ e(a, { url: s(r ?? ""), name: "root", waitingSynced: !0, children: /* @__PURE__ */ e(i, { children: t }) });

package/lib/es/_chunks/{home-cM7dMWyx.js → home-C7rHVbsK.js}

@@ -1,20 +1,20 @@
 import { jsx as n, jsxs as _, Fragment as U } from "react/jsx-runtime";
-import { a as R, g as N, i as ae, b as ce, E as le, c as ct, d as lt, e as Et, u as de, f as me } from "./state-C0vjPuun.js";
-import { useLocaleContext as zt } from "@arcblock/ux/lib/Locale/context";
+import { a as R, g as N, i as ae, b as ce, E as le, c as ct, d as lt, e as Et, u as de, f as me } from "./state-CVCmClC_.js";
+import { useLocaleContext as zt } from "@blocklet/pages-kit/builtin/locale";
 import Wt from "@arcblock/ux/lib/Result";
 import { useHeaderState as ue } from "@blocklet/pages-kit/builtin/page/header";
 import pe from "@blocklet/ui-react/lib/Header";
 import { cx as k, css as nt } from "@emotion/css";
 import { Global as Lt, css as Ot } from "@emotion/react";
 import Ht from "@emotion/styled";
-import { Box as b, Tooltip as he, styled as At, Stack as dt, Typography as P, Container as fe, useTheme as ge, createTheme as xe, ThemeProvider as be, Card as ye, CircularProgress as Mt, Grid as vt, CardMedia as we, CardContent as ve, Button as ke } from "@mui/material";
+import { Box as b, Tooltip as he, styled as At, Stack as dt, Typography as P, Container as fe, useTheme as ge, createTheme as xe, ThemeProvider as be, Card as ye, CircularProgress as Mt, Grid as vt, CardMedia as we, CardContent as ve, Button as ke } from "@blocklet/pages-kit/builtin/mui/material";
 import { useLatest as _e, useReactive as $e } from "ahooks";
 import Se from "isomorphic-dompurify";
 import { omit as Ut, cloneDeep as kt, isEqual as Ce } from "lodash";
 import Ne from "lodash/isEmpty";
-import Ft, { forwardRef as Ie, useState as T, useCallback as mt, useRef as F, Fragment as Pe, isValidElement as Vt, useEffect as E, useMemo as j, createContext as je, useContext as Gt, lazy as Dt, Suspense as Be } from "react";
+import Ft, { forwardRef as Ie, useState as T, useCallback as mt, useRef as F, Fragment as Pe, isValidElement as Vt, useEffect as E, useMemo as j, createContext as je, useContext as Gt, lazy as Dt, Suspense as Be } from "@blocklet/pages-kit/builtin/react";
 import { Helmet as Re } from "react-helmet";
-import { Link as Te, NavLink as Ee, useNavigate as ze, useSearchParams as We, Routes as Le, Route as Y, Navigate as Oe, ScrollRestoration as He } from "react-router-dom";
+import { Link as Te, NavLink as Ee, useNavigate as ze, useSearchParams as We, Routes as Le, Route as Y, Navigate as Oe, ScrollRestoration as He } from "@blocklet/pages-kit/builtin/react-router-dom";
 import { useUpdate as Ae, useMount as Me, useWindowScroll as Ue, useAsync as qt } from "react-use";
 import { withoutTrailingSlash as tt, isRelative as Fe, parseURL as Ve, joinURL as Q } from "ufo";
 import "@mui/icons-material";
@@ -22,10 +22,10 @@ import { AIForm as _t, AIFormResult as $t } from "@blocklet/ai-runtime/component
 import { deepmerge as Ge } from "@mui/utils";
 import ut from "lodash/pick";
 import { ErrorBoundary as De } from "react-error-boundary";
-import { Icon as ot } from "@iconify/react";
-import qe from "react-markdown";
+import { Icon as ot } from "@blocklet/pages-kit/builtin/iconify/react";
+import qe from "@blocklet/pages-kit/builtin/async/react-markdown";
 import Je from "remark-gfm";
-import { LoadingButton as Ke } from "@mui/lab";
+import { LoadingButton as Ke } from "@blocklet/pages-kit/builtin/mui/lab";
 import { useTheme as pt, styled as $ } from "@arcblock/ux/lib/Theme";
 import Xe from "@arcblock/react-hooks/lib/useBrowser";
 import St from "@arcblock/ux/lib/Colors";
@@ -43,7 +43,7 @@ import { EmbedIframe as nn } from "@blocklet/embed/react";
 import { TwitterTimelineEmbed as on } from "react-twitter-embed";
 import rn from "@blocklet/ui-react/lib/Footer";
 import sn from "webfontloader";
-import { createAuthServiceSessionContext as an } from "@arcblock/did-connect/lib/Session";
+import { createAuthServiceSessionContext as an } from "@blocklet/pages-kit/builtin/session";
 function cn(t, e, o, r) {
   t.locales || (t.locales = {}), t.locales[o] = t.locales[o] || {}, t.locales[o].title = r.title ?? t.locales[o].title, t.locales[o].image = r.image ?? t.locales[o].image, t.locales[o].description = r.description ?? t.locales[o].description, Object.entries(r.sectionsData).forEach(([i, s]) => {
     var c, l, d, u;
@@ -124,7 +124,7 @@ function dn({
     }
   ) }) });
 }
-const mn = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), un = At((t) => /* @__PURE__ */ n(
+const mn = Ft.lazy(() => import("@blocklet/pages-kit/builtin/async/react-syntax-highlighter").then((t) => ({ default: t.Prism }))), un = At((t) => /* @__PURE__ */ n(
   qe,
   {
     ...t,
@@ -2046,7 +2046,7 @@ function jo({ mode: t }) {
   }
   return /* @__PURE__ */ n(Bo, { children: ({ state: e }) => /* @__PURE__ */ n(et, { mode: t, state: e }) });
 }
-const Bo = Dt(() => import("./draft-data-CyvourYt.js"));
+const Bo = Dt(() => import("./draft-data-B6NRV_eF.js"));
 function Ro({
   mode: t,
   children: e
@@ -2262,7 +2262,7 @@ function at({
     !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ n(wo, {})
   ] });
 }
-const To = Dt(() => import("./publish-button-D1FdjYsc.js")), re = Ht(pe)`
+const To = Dt(() => import("./publish-button-C44FGAGB.js")), re = Ht(pe)`
   &.sticky {
     position: sticky;
     top: 0;

package/lib/es/_chunks/{publish-button-D1FdjYsc.js → publish-button-C44FGAGB.js}

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as p, Fragment as H } from "react/jsx-runtime";
-import { u as R, l as J, f as q, P as G } from "./state-C0vjPuun.js";
-import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
+import { u as R, l as J, f as q, P as G } from "./state-CVCmClC_.js";
+import { useLocaleContext as V } from "@blocklet/pages-kit/builtin/locale";
 import I from "@arcblock/ux/lib/Toast";
 import { Warning as F, Sync as Q, VisibilityOff as U } from "@mui/icons-material";
-import { LoadingButton as K } from "@mui/lab";
-import { createSvgIcon as X, Dialog as Y, DialogTitle as Z, Box as E, IconButton as _, DialogContent as $, DialogActions as ee, Button as re, Alert as ie, List as te, ListItem as S, ListItemButton as O, ListItemIcon as z, Checkbox as W, ListItemText as C, Tooltip as M, Chip as ne } from "@mui/material";
-import { produce as oe } from "immer";
+import { LoadingButton as K } from "@blocklet/pages-kit/builtin/mui/lab";
+import { createSvgIcon as X, Dialog as Y, DialogTitle as Z, Box as E, IconButton as _, DialogContent as $, DialogActions as ee, Button as re, Alert as ie, List as te, ListItem as S, ListItemButton as O, ListItemIcon as z, Checkbox as W, ListItemText as C, Tooltip as M, Chip as ne } from "@blocklet/pages-kit/builtin/mui/material";
+import { produce as oe } from "@blocklet/pages-kit/builtin/immer";
 import N from "lodash/difference";
-import { useState as D, useMemo as j, useCallback as L, forwardRef as se, useImperativeHandle as le, useEffect as ce } from "react";
+import { useState as D, useMemo as j, useCallback as L, forwardRef as se, useImperativeHandle as le, useEffect as ce } from "@blocklet/pages-kit/builtin/react";
 import { useAsync as ae } from "react-use";
-import { p as de, g as ue, L as me } from "./home-cM7dMWyx.js";
+import { p as de, g as ue, L as me } from "./home-C7rHVbsK.js";
 function ge(r) {
   const [a, y] = D(!1);
   return /* @__PURE__ */ e(