@blocklet/pages-kit 0.2.319 → 0.2.320

package/lib/esm/builtin/async/ai-runtime/runtime-components/SimpleOutput/index.js

@@ -28,14 +28,10 @@ export default function SimpleOutput() {
     if (!(outputs === null || outputs === void 0 ? void 0 : outputs.length))
         return null;
     return (_jsx(Stack, { gap: 2, children: outputs.map((output) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             const value = output.name === RuntimeOutputVariable.text
                 ? (_a = message.result) === null || _a === void 0 ? void 0 : _a.content
                 : (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e[output.name];
-            return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: {
-                    output,
-                    outputValue: value,
-                    writing: output.name === RuntimeOutputVariable.text && message.loading,
-                } }, output.id));
+            return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_f = output === null || output === void 0 ? void 0 : output.appearance) === null || _f === void 0 ? void 0 : _f.componentProps) || {})) }, output.id));
         }) }));
 }

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

@@ -0,0 +1,36 @@
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { getComponentMountPoint, joinURL } from '../../builtin/utils';
+export default function BlockletReactComponentRenderer(_a) {
+    var props = __rest(_a, []);
+    const url = 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 joinURL(window.location.origin, getComponentMountPoint(did), path);
+    }, [props.properties]);
+    if (!url) {
+        throw new Error('Missing required properties `blockletDid` or `componentPath`');
+    }
+    const C = loadComponent(url);
+    return _jsx(C, Object.assign({}, props.props));
+}
+const COMPONENTS_CACHE = {};
+function loadComponent(url) {
+    var _a;
+    (_a = COMPONENTS_CACHE[url]) !== null && _a !== void 0 ? _a : (COMPONENTS_CACHE[url] = React.lazy(() => import(url)));
+    return COMPONENTS_CACHE[url];
+}

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

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Alert, Box } from '@mui/material';
 import { ErrorBoundary } from 'react-error-boundary';
 import { RenderNestedComponent } from '../../utils/property';
+import BlockletReactComponentRenderer from './BlockletReactComponentRenderer';
 import { DevProvider, useDev } from './DevProvider';
 import { useComponent } from './state';
 export * from './state';
@@ -21,8 +22,12 @@ export default function CustomComponentRenderer(_a) {
     var _b;
     var { dev } = _a, props = __rest(_a, ["dev"]);
     const inheritedDev = useDev();
-    return (_jsx(ErrorBoundary, { fallbackRender: ErrorView, resetKeys: [Date.now()], children: _jsx(DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: _jsx(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId })) }) }));
+    const BuiltinComponent = BuiltinComponents[props.componentId];
+    return (_jsx(ErrorBoundary, { fallbackRender: ErrorView, resetKeys: [Date.now()], children: _jsx(DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? (_jsx(BuiltinComponent, Object.assign({}, props))) : (_jsx(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId }))) }) }));
 }
+const BuiltinComponents = {
+    'blocklet-react-component': BlockletReactComponentRenderer,
+};
 function ErrorView({ error }) {
     return (_jsx(Box, { children: _jsx(Alert, { severity: "error", children: error.message }) }));
 }