@blocklet/pages-kit 0.2.319 → 0.2.321

package/lib/cjs/builtin/async/ai-runtime/runtime-components/V0/contexts/V0Runtime.js

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useV0RuntimeContext = exports.V0RuntimeProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
 const react_1 = require("react");
 const context = (0, react_1.createContext)(undefined);
 let cancelAutoScrollTimer;
 function V0RuntimeProvider({ children }) {
     const [currentMessageTaskId, setCurrentMessageTaskId] = (0, react_1.useState)();
     const [propertiesValueMap, setPropertiesValueMap] = (0, react_1.useState)({});
+    const isMobile = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
     const state = (0, react_1.useMemo)(() => ({
         setCurrentMessageTaskId: (taskId) => {
             setCurrentMessageTaskId(taskId);
@@ -40,7 +42,8 @@ function V0RuntimeProvider({ children }) {
         setPropertiesValueMap: (valueMap) => {
             setPropertiesValueMap(Object.assign(Object.assign({}, propertiesValueMap), valueMap));
         },
-    }), [setCurrentMessageTaskId, currentMessageTaskId, propertiesValueMap, setPropertiesValueMap]);
+        isMobile,
+    }), [setCurrentMessageTaskId, currentMessageTaskId, propertiesValueMap, setPropertiesValueMap, isMobile]);
     return (0, jsx_runtime_1.jsx)(context.Provider, { value: state, children: children });
 }
 exports.V0RuntimeProvider = V0RuntimeProvider;

package/lib/cjs/builtin/iconify/react.js

@@ -1,5 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-var react_1 = require("@iconify/react");
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return react_1.Icon; } });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@iconify/react");
+const material_1 = require("@mui/material");
+function Icon(props) {
+    return (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: react_1.Icon }, props));
+}
+exports.Icon = Icon;
+exports.default = Icon;

package/lib/cjs/components/CustomComponentRenderer/BlockletReactComponentRenderer.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../builtin/utils");
+function BlockletReactComponentRenderer(_a) {
+    var props = __rest(_a, []);
+    const url = (0, react_1.useMemo)(() => {
+        var _a, _b, _c, _d;
+        const did = (_b = (_a = props.properties) === null || _a === void 0 ? void 0 : _a.blockletDid) === null || _b === void 0 ? void 0 : _b.value;
+        const path = (_d = (_c = props.properties) === null || _c === void 0 ? void 0 : _c.componentPath) === null || _d === void 0 ? void 0 : _d.value;
+        if (!did || !path)
+            return null;
+        return (0, utils_1.joinURL)(window.location.origin, (0, utils_1.getComponentMountPoint)(did), path);
+    }, [props.properties]);
+    if (!url) {
+        throw new Error('Missing required properties `blockletDid` or `componentPath`');
+    }
+    const C = loadComponent(url);
+    return (0, jsx_runtime_1.jsx)(C, Object.assign({}, props.props));
+}
+exports.default = BlockletReactComponentRenderer;
+const COMPONENTS_CACHE = {};
+function loadComponent(url) {
+    var _a;
+    (_a = COMPONENTS_CACHE[url]) !== null && _a !== void 0 ? _a : (COMPONENTS_CACHE[url] = react_1.default.lazy(() => Promise.resolve(`${url}`).then(s => __importStar(require(s)))));
+    return COMPONENTS_CACHE[url];
+}

package/lib/cjs/components/CustomComponentRenderer/index.js

@@ -24,11 +24,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_error_boundary_1 = require("react-error-boundary");
 const property_1 = require("../../utils/property");
+const BlockletReactComponentRenderer_1 = __importDefault(require("./BlockletReactComponentRenderer"));
 const DevProvider_1 = require("./DevProvider");
 const state_1 = require("./state");
 __exportStar(require("./state"), exports);
@@ -37,9 +41,13 @@ function CustomComponentRenderer(_a) {
     var _b;
     var { dev } = _a, props = __rest(_a, ["dev"]);
     const inheritedDev = (0, DevProvider_1.useDev)();
-    return ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { fallbackRender: ErrorView, resetKeys: [Date.now()], children: (0, jsx_runtime_1.jsx)(DevProvider_1.DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: (0, jsx_runtime_1.jsx)(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId })) }) }));
+    const BuiltinComponent = BuiltinComponents[props.componentId];
+    return ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { fallbackRender: ErrorView, resetKeys: [Date.now()], children: (0, jsx_runtime_1.jsx)(DevProvider_1.DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? ((0, jsx_runtime_1.jsx)(BuiltinComponent, Object.assign({}, props))) : ((0, jsx_runtime_1.jsx)(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId }))) }) }));
 }
 exports.default = CustomComponentRenderer;
+const BuiltinComponents = {
+    'blocklet-react-component': BlockletReactComponentRenderer_1.default,
+};
 function ErrorView({ error }) {
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error.message }) }));
 }

package/lib/cjs/components/CustomComponentRenderer/state.js

@@ -42,8 +42,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transpileAndLoadScript = exports.useComponent = exports.customComponentStates = void 0;
+const set_1 = __importDefault(require("lodash/set"));
 const react_1 = require("react");
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
@@ -203,6 +207,16 @@ function useTranspileComponent({ componentId, locale, properties, dev: { default
                 if (typeof (m === null || m === void 0 ? void 0 : m.PROPERTIES_SCHEMA) === 'object' && (m === null || m === void 0 ? void 0 : m.PROPERTIES_SCHEMA.length)) {
                     propertiesFromCode = {};
                     m.PROPERTIES_SCHEMA.forEach((data, index) => {
+                        var _a, _b, _c;
+                        // @ts-ignore
+                        (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.blocklet) === null || _a === void 0 ? void 0 : _a.languages) === null || _b === void 0 ? void 0 : _b.forEach) === null || _c === void 0 ? void 0 : _c.call(_b, (item) => {
+                            var _a, _b;
+                            const { code: localKey } = item;
+                            if (!((_a = data === null || data === void 0 ? void 0 : data.locales) === null || _a === void 0 ? void 0 : _a[localKey])) {
+                                // fallback to en
+                                (0, set_1.default)(data, `locales.${localKey}`, (_b = data.locales) === null || _b === void 0 ? void 0 : _b.en);
+                            }
+                        });
                         propertiesFromCode[data.id] = {
                             index,
                             data,