@blocklet/pages-kit 0.2.214 → 0.2.216

package/lib/esm/builtin/mui/material.js

@@ -0,0 +1,13 @@
+export { Autocomplete } from '@mui/material';
+export { Box } from '@mui/material';
+export { Button } from '@mui/material';
+export { ClickAwayListener } from '@mui/material';
+export { Dialog } from '@mui/material';
+export { DialogActions } from '@mui/material';
+export { DialogContent } from '@mui/material';
+export { DialogTitle } from '@mui/material';
+export { Paper } from '@mui/material';
+export { Popper } from '@mui/material';
+export { Stack } from '@mui/material';
+export { Switch } from '@mui/material';
+export { TextField } from '@mui/material';

package/lib/esm/builtin/react-hook-form.js

@@ -0,0 +1 @@
+export * from 'react-hook-form';

package/lib/esm/builtin/react.js

@@ -0,0 +1 @@
+export { Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, startTransition, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version, } from 'react';

package/lib/esm/builtin/utils.js

@@ -0,0 +1 @@
+export { joinURL, withQuery } from 'ufo';

package/lib/esm/builtin/zustand/middleware/immer.js

@@ -0,0 +1 @@
+export * from 'zustand/middleware/immer';

package/lib/esm/builtin/zustand.js

@@ -0,0 +1 @@
+export * from 'zustand';

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

@@ -19,49 +19,57 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon as IconifyIcon } from '@iconify/react';
-import { Alert, Box, Button, Stack } from '@mui/material';
-import React, { useEffect, useState } from 'react';
+import '../../utils/inject-global-components';
+import { Alert, Box } from '@mui/material';
+import { pick } from 'lodash';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import { joinURL, withQuery } from 'ufo';
 import { PreloadComponentsStateGlobalVariableName } from '../../types/preload';
-import { assignNullableFields, mergeComponent, parsePropertyValue } from '../../utils/property';
-// inject global variables for web-component renderer
-const win = window;
-win.joinURL = joinURL;
-win.withQuery = withQuery;
-win.React = React;
-win.Box = Box;
-win.Stack = Stack;
-win.Button = Button;
-win.IconifyIcon = IconifyIcon;
+import { RenderNestedComponent, mergeComponent } from '../../utils/property';
+import { createBuiltinModuleTransformer } from '../../utils/typescript/builtin-module-transformer';
+const MAXIMUM_RENDER_STACK_SIZE = 50;
 export default function CustomComponentRenderer(_a) {
+    var _b;
     var props = __rest(_a, []);
-    return (_jsx(ErrorBoundary, { fallbackRender: E, children: _jsx(Renderer, Object.assign({}, props)) }));
+    return (_jsx(ErrorBoundary, { fallbackRender: E, resetKeys: [Date.now()], children: _jsx(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId })) }));
+}
+function ComponentRenderer(_a) {
+    var { renderCount = 0 } = _a, props = __rest(_a, ["renderCount"]);
+    if (renderCount > MAXIMUM_RENDER_STACK_SIZE) {
+        throw new Error('Maximum render stack size exceeded');
+    }
+    return _jsx(Renderer, Object.assign({ renderCount: renderCount + 1 }, props));
 }
 function Renderer(props) {
-    const component = loadComponent(props);
+    const component = useComponent(props);
     if (!component)
         return null;
     const { Component, AsyncComponent, properties } = component;
+    const componentProps = Object.fromEntries(Object.entries(Object.assign(Object.assign({}, properties), props.props)).map(([key, val]) => {
+        return [
+            key,
+            (val === null || val === void 0 ? void 0 : val.type) === RenderNestedComponent ? (_jsx(ComponentRenderer, Object.assign({}, pick(props, 'components', 'locale', 'defaultLocale'), { instanceId: key, renderCount: props.renderCount, componentId: val.componentId, properties: val.properties, props: val.props }))) : (val),
+        ];
+    }));
     if (Component) {
-        return _jsx(Component, Object.assign({}, properties));
+        return _jsx(Component, Object.assign({}, componentProps));
     }
     if (AsyncComponent) {
-        return _jsx(AsyncComponentRenderer, { AsyncComponent: AsyncComponent, properties: properties });
+        return _jsx(AsyncComponentRenderer, Object.assign({ AsyncComponent: AsyncComponent }, componentProps));
     }
     return null;
 }
-function AsyncComponentRenderer({ AsyncComponent, properties, }) {
-    const [{ Component, error, key }, setState] = useState({});
+function AsyncComponentRenderer(_a) {
+    var { AsyncComponent } = _a, props = __rest(_a, ["AsyncComponent"]);
+    const [{ Component, error }, setState] = useState({});
     useEffect(() => {
-        AsyncComponent.then((m) => setState({ Component: m.default, key: Date.now() })).catch((error) => setState({ error, key: Date.now() }));
+        AsyncComponent.then((m) => setState({ Component: m.default, key: Date.now() })).catch((error) => setState({ error }));
     }, [AsyncComponent]);
     if (error) {
         return _jsx(Alert, { severity: "error", children: error.stack });
     }
     if (Component) {
-        return (_jsx(ErrorBoundary, { fallbackRender: E, resetKeys: [key], children: _jsx(Component, Object.assign({}, properties)) }));
+        return _jsx(Component, Object.assign({}, props));
     }
     return null;
 }
@@ -69,20 +77,26 @@ function E({ error }) {
     return (_jsx(Box, { children: _jsx(Alert, { severity: "error", children: error.message }) }));
 }
 const PRELOAD_COMPONENTS_STATE = window[PreloadComponentsStateGlobalVariableName];
-function loadComponent({ componentId, components, locale, defaultLocale, properties: parameters, }) {
-    var _a, _b, _c, _d, _e;
-    const preload = PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.components[componentId];
-    if (preload) {
-        const properties = Object.fromEntries(Object.entries(parameters !== null && parameters !== void 0 ? parameters : {}).map(([id, { value }]) => {
-            var _a, _b;
-            const property = (_b = (_a = preload.component.properties) === null || _a === void 0 ? void 0 : _a[id]) === null || _b === void 0 ? void 0 : _b.data;
-            if (!property)
-                return [];
-            return [property.key, parsePropertyValue(property.type, value)];
-        }));
+function useComponent({ instanceId, componentId, components, locale, defaultLocale, properties: parameters, props, }) {
+    const scriptRef = useRef({});
+    const preloadComponent = useMemo(() => {
+        const preload = PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.components[componentId];
+        if (preload) {
+            const mod = window[preload.preloadComponentModuleName];
+            if (typeof mod === 'function') {
+                return { component: preload.component, Component: mod() };
+            }
+        }
+        return null;
+    }, [componentId]);
+    const preloadState = useMemo(() => {
+        var _a;
+        return (_a = PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.props[instanceId]) === null || _a === void 0 ? void 0 : _a[locale];
+    }, [instanceId, locale]);
+    if ((props || preloadState) && preloadComponent) {
         return {
-            Component: window[preload.preloadComponentModuleName],
-            properties: assignNullableFields(properties, (_c = (_b = (_a = preload.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.properties) !== null && _c !== void 0 ? _c : (_e = (_d = preload.locales) === null || _d === void 0 ? void 0 : _d[PRELOAD_COMPONENTS_STATE.config.defaultLocale]) === null || _e === void 0 ? void 0 : _e.properties),
+            Component: preloadComponent.Component,
+            properties: preloadState,
         };
     }
     const component = mergeComponent({
@@ -94,16 +108,23 @@ function loadComponent({ componentId, components, locale, defaultLocale, propert
     });
     if (!component)
         return null;
+    if (scriptRef.current.script !== component.script) {
+        scriptRef.current.script = component.script;
+        scriptRef.current.module = transpileAndLoadScript(component.script);
+    }
     return {
-        AsyncComponent: transpileAndLoadScript(component.script),
+        AsyncComponent: scriptRef.current.module,
         properties: component.properties,
     };
 }
-function transpileAndLoadScript(script) {
+export function transpileAndLoadScript(script) {
     return __awaiter(this, void 0, void 0, function* () {
         const ts = yield import('typescript');
         const compiled = ts.transpileModule(script, {
-            compilerOptions: { jsx: ts.JsxEmit.React, module: ts.ModuleKind.ESNext },
+            compilerOptions: { jsx: ts.JsxEmit.React, module: ts.ModuleKind.ESNext, target: ts.ScriptTarget.ES2016 },
+            transformers: {
+                before: [createBuiltinModuleTransformer(ts)],
+            },
         }).outputText;
         const url = URL.createObjectURL(new Blob([compiled], { type: 'application/javascript' }));
         return import(/* @vite-ignore */ url);

package/lib/esm/types/builtin.js

@@ -0,0 +1 @@
+export const BuiltinModulesGlobalVariableName = '__PAGES_KIT_BUILTIN_MODULES__';

package/lib/esm/utils/inject-global-components.js

@@ -0,0 +1,28 @@
+import * as builtinIconifyReact from '../builtin/iconify/react';
+import * as builtinMuiLab from '../builtin/mui/lab';
+import * as builtinMuiMaterial from '../builtin/mui/material';
+import * as builtinReact from '../builtin/react';
+import * as builtinReactHookForm from '../builtin/react-hook-form';
+import * as builtinUtils from '../builtin/utils';
+import * as builtinZustand from '../builtin/zustand';
+import * as builtinZustandMiddlewareImmer from '../builtin/zustand/middleware/immer';
+import { BuiltinModulesGlobalVariableName } from '../types/builtin';
+function injectGlobalComponents() {
+    const win = window;
+    win[BuiltinModulesGlobalVariableName] = {
+        modules: {
+            '@blocklet/pages-kit/builtin/utils': builtinUtils,
+            '@blocklet/pages-kit/builtin/react': builtinReact,
+            '@blocklet/pages-kit/builtin/mui/material': builtinMuiMaterial,
+            '@blocklet/pages-kit/builtin/mui/lab': builtinMuiLab,
+            '@blocklet/pages-kit/builtin/react-hook-form': builtinReactHookForm,
+            '@blocklet/pages-kit/builtin/iconify/react': builtinIconifyReact,
+            '@blocklet/pages-kit/builtin/zustand': builtinZustand,
+            '@blocklet/pages-kit/builtin/zustand/middleware/immer': builtinZustandMiddlewareImmer,
+        },
+        require(module) {
+            return win[BuiltinModulesGlobalVariableName].modules[module];
+        },
+    };
+}
+injectGlobalComponents();

package/lib/esm/utils/preload.js

@@ -1,24 +1,29 @@
 import { PreloadComponentsStateGlobalVariableName } from '../types';
-export function injectPreloadComponents({ config, components }) {
+export function injectPreloadComponents(...input) {
+    const list = input.flat();
+    const first = list[0];
+    if (!first)
+        return null;
+    const data = list.reduce((res, i) => {
+        Object.assign(res.config, i.config);
+        Object.assign(res.components, i.components);
+        Object.assign(res.props, i.props);
+        return res;
+    }, Object.assign({}, first));
     const injectState = {
-        config,
-        components: Object.fromEntries(components.map(({ script, component, locales }) => [
-            component.id,
-            {
-                preloadComponentModuleName: script.umd.moduleName,
-                component,
-                locales,
-            },
+        config: data.config,
+        components: Object.fromEntries(Object.entries(data.components).map(([componentId, { script, component }]) => [
+            componentId,
+            { preloadComponentModuleName: script.umd.moduleName, component },
         ])),
+        props: data.props,
     };
-    if (!components.length)
-        return undefined;
     return {
         html: `\
-${components
-            .map((i) => `\
+${Object.values(data.components)
+            .map(({ script }) => `\
 <script>
-${i.script.umd.script}
+${script.umd.script}
 </script>
 `)
             .join('\n')}

package/lib/esm/utils/property.js

@@ -12,14 +12,14 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
         const property = (_b = (_a = component === null || component === void 0 ? void 0 : component.properties) === null || _a === void 0 ? void 0 : _a[id]) === null || _b === void 0 ? void 0 : _b.data;
         if (!property)
             return [];
-        return [property.key, parsePropertyValue(property.type, value)];
+        return [property.key, parsePropertyValue(property, value, { locale, defaultLocale })];
     }));
     while (component) {
         assignNullableFields(properties, Object.fromEntries(Object.values((_a = component.properties) !== null && _a !== void 0 ? _a : {}).map(({ data }) => {
             var _a, _b, _c, _d, _e;
             return [
                 data.key,
-                parsePropertyValue(data.type, (_c = (_b = (_a = data.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.defaultValue) !== null && _c !== void 0 ? _c : (_e = (_d = data.locales) === null || _d === void 0 ? void 0 : _d[defaultLocale]) === null || _e === void 0 ? void 0 : _e.defaultValue),
+                parsePropertyValue(data, (_c = (_b = (_a = data.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.defaultValue) !== null && _c !== void 0 ? _c : (_e = (_d = data.locales) === null || _d === void 0 ? void 0 : _d[defaultLocale]) === null || _e === void 0 ? void 0 : _e.defaultValue, { locale, defaultLocale }),
             ];
         })));
         if (((_b = component.renderer) === null || _b === void 0 ? void 0 : _b.type) === 'react-component') {
@@ -30,7 +30,7 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
             script = (_e = component.renderer) === null || _e === void 0 ? void 0 : _e.script;
             break;
         }
-        if (((_f = component.renderer) === null || _f === void 0 ? void 0 : _f.type) === 'custom-component' && component.renderer.componentId) {
+        if (((_f = component.renderer) === null || _f === void 0 ? void 0 : _f.type) === 'component' && component.renderer.componentId) {
             const { componentId } = component.renderer;
             const next = getComponent(componentId);
             const nextParameters = component.renderer.properties;
@@ -39,7 +39,7 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
                 const locales = (_a = nextParameters === null || nextParameters === void 0 ? void 0 : nextParameters[id]) === null || _a === void 0 ? void 0 : _a.locales;
                 return [
                     data.key,
-                    parsePropertyValue(data.type, (_h = (_e = (_c = (_b = locales === null || locales === void 0 ? void 0 : locales[locale]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : (_d = locales === null || locales === void 0 ? void 0 : locales[defaultLocale]) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : (_g = (_f = data.locales) === null || _f === void 0 ? void 0 : _f[locale]) === null || _g === void 0 ? void 0 : _g.defaultValue) !== null && _h !== void 0 ? _h : (_k = (_j = data.locales) === null || _j === void 0 ? void 0 : _j[defaultLocale]) === null || _k === void 0 ? void 0 : _k.defaultValue),
+                    parsePropertyValue(data, (_h = (_e = (_c = (_b = locales === null || locales === void 0 ? void 0 : locales[locale]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : (_d = locales === null || locales === void 0 ? void 0 : locales[defaultLocale]) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : (_g = (_f = data.locales) === null || _f === void 0 ? void 0 : _f[locale]) === null || _g === void 0 ? void 0 : _g.defaultValue) !== null && _h !== void 0 ? _h : (_k = (_j = data.locales) === null || _j === void 0 ? void 0 : _j[defaultLocale]) === null || _k === void 0 ? void 0 : _k.defaultValue, { locale, defaultLocale }),
                 ];
             })));
             component = next;
@@ -52,8 +52,10 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
         return null;
     return { script, properties };
 }
-export function parsePropertyValue(type, value) {
-    if (type === 'json') {
+export const RenderNestedComponent = '__RENDER_NESTED_COMPONENT__';
+export function parsePropertyValue(property, value, { locale, defaultLocale }) {
+    var _a, _b, _c, _d, _e;
+    if (property.type === 'json') {
         if (!value)
             return undefined;
         try {
@@ -64,6 +66,17 @@ export function parsePropertyValue(type, value) {
             return undefined;
         }
     }
+    if (property.type === 'component') {
+        const componentId = (value === null || value === void 0 ? void 0 : value.componentId) || property.componentId;
+        if (typeof componentId !== 'string')
+            return undefined;
+        const { locales } = property;
+        return {
+            type: RenderNestedComponent,
+            componentId,
+            properties: Object.assign(Object.assign({}, ((_c = (_b = (_a = locales === null || locales === void 0 ? void 0 : locales[locale]) === null || _a === void 0 ? void 0 : _a.defaultValue) === null || _b === void 0 ? void 0 : _b.properties) !== null && _c !== void 0 ? _c : (_e = (_d = locales === null || locales === void 0 ? void 0 : locales[defaultLocale]) === null || _d === void 0 ? void 0 : _d.defaultValue) === null || _e === void 0 ? void 0 : _e.properties)), value === null || value === void 0 ? void 0 : value.properties),
+        };
+    }
     return value;
 }
 export function assignNullableFields(properties, newProperties) {

package/lib/esm/utils/typescript/builtin-module-transformer.js

@@ -0,0 +1,51 @@
+import { BuiltinModulesGlobalVariableName } from '../../types/builtin';
+export const createBuiltinModuleTransformer = (ts) => (context) => (file) => {
+    const { factory } = context;
+    const builtins = [];
+    const statements = file.statements.filter((s) => {
+        var _a, _b, _c;
+        if (ts.isImportDeclaration(s) &&
+            ts.isStringLiteral(s.moduleSpecifier) &&
+            s.moduleSpecifier.text.startsWith('@blocklet/pages-kit/builtin/')) {
+            const builtin = {
+                moduleName: s.moduleSpecifier.text,
+                name: (_b = (_a = s.importClause) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.text,
+                members: [],
+            };
+            const namedBindings = (_c = s.importClause) === null || _c === void 0 ? void 0 : _c.namedBindings;
+            if (namedBindings) {
+                if (ts.isNamespaceImport(namedBindings)) {
+                    builtin.name = namedBindings.name.text;
+                }
+                namedBindings.forEachChild((node) => {
+                    var _a;
+                    if (ts.isImportSpecifier(node)) {
+                        builtin.members.push({ name: node.name.text, propertyName: (_a = node.propertyName) === null || _a === void 0 ? void 0 : _a.text });
+                    }
+                });
+            }
+            if (builtin.name || builtin.members.length) {
+                builtins.push(builtin);
+            }
+            return false;
+        }
+        return true;
+    });
+    statements.unshift(...builtins.flatMap((builtin) => {
+        const mod = factory.createCallExpression(factory.createPropertyAccessExpression(factory.createIdentifier(BuiltinModulesGlobalVariableName), 'require'), undefined, [factory.createStringLiteral(builtin.moduleName)]);
+        return [
+            builtin.name
+                ? factory.createVariableStatement([], factory.createVariableDeclarationList([
+                    factory.createVariableDeclaration(factory.createIdentifier(builtin.name), undefined, undefined, mod),
+                ], ts.NodeFlags.Const))
+                : undefined,
+            ...builtin.members.map((member) => {
+                var _a;
+                return factory.createVariableStatement([], factory.createVariableDeclarationList([
+                    factory.createVariableDeclaration(factory.createIdentifier(member.name), undefined, undefined, factory.createPropertyAccessExpression(mod, (_a = member.propertyName) !== null && _a !== void 0 ? _a : member.name)),
+                ], ts.NodeFlags.Const));
+            }),
+        ].filter((i) => !!i);
+    }));
+    return factory.updateSourceFile(file, statements);
+};

package/lib/types/api/call.d.ts

@@ -1,2 +1,2 @@
 import { PreloadComponentQuery, PreloadComponentsResult } from '../types';
-export declare function preloadComponents({ mode, name, id }: PreloadComponentQuery): Promise<PreloadComponentsResult>;
+export declare function preloadComponents({ mode, name, id, locale, }: PreloadComponentQuery): Promise<PreloadComponentsResult>;

package/lib/types/api/pages-kit.d.ts

@@ -1,2 +1,2 @@
 import { PreloadComponentQuery, PreloadComponentsResult } from '../types';
-export declare function preloadComponents({ mode, name, id }: PreloadComponentQuery): Promise<PreloadComponentsResult>;
+export declare function preloadComponents({ mode, name, id, locale, }: PreloadComponentQuery): Promise<PreloadComponentsResult>;

package/lib/types/builtin/iconify/react.d.ts

@@ -0,0 +1 @@
+export { Icon } from '@iconify/react';

package/lib/types/builtin/mui/lab.d.ts

@@ -0,0 +1 @@
+export { LoadingButton } from '@mui/lab';

package/lib/types/builtin/mui/material.d.ts

@@ -0,0 +1,13 @@
+export { Autocomplete } from '@mui/material';
+export { Box } from '@mui/material';
+export { Button } from '@mui/material';
+export { ClickAwayListener } from '@mui/material';
+export { Dialog } from '@mui/material';
+export { DialogActions } from '@mui/material';
+export { DialogContent } from '@mui/material';
+export { DialogTitle } from '@mui/material';
+export { Paper } from '@mui/material';
+export { Popper } from '@mui/material';
+export { Stack } from '@mui/material';
+export { Switch } from '@mui/material';
+export { TextField } from '@mui/material';

package/lib/types/builtin/react-hook-form.d.ts

@@ -0,0 +1 @@
+export * from 'react-hook-form';

package/lib/types/builtin/react.d.ts

@@ -0,0 +1 @@
+export { Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, startTransition, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version, } from 'react';

package/lib/types/builtin/utils.d.ts

@@ -0,0 +1 @@
+export { joinURL, withQuery } from 'ufo';

package/lib/types/builtin/zustand/middleware/immer.d.ts

@@ -0,0 +1 @@
+export * from 'zustand/middleware/immer';

package/lib/types/builtin/zustand.d.ts

@@ -0,0 +1 @@
+export * from 'zustand';

package/lib/types/components/CustomComponentRenderer/index.d.ts

@@ -1,11 +1,19 @@
+import '../../utils/inject-global-components';
 import { CustomComponent } from '../../types/core';
 export interface CustomComponentRendererProps {
+    instanceId?: string;
     componentId: string;
     locale?: string;
     defaultLocale?: string;
     components?: CustomComponent[];
     properties?: {
+        [key: string]: {
+            value: any;
+        };
+    };
+    props?: {
         [key: string]: any;
     };
 }
 export default function CustomComponentRenderer({ ...props }: CustomComponentRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function transpileAndLoadScript(script: string): Promise<any>;

package/lib/types/types/api.d.ts

@@ -1,28 +1,31 @@
 import { CustomComponent } from './core';
 import { StateMode } from './state';
 export interface PreloadComponentQuery {
+    locale?: string;
     mode?: StateMode;
     name?: string[] | string;
     id?: string[] | string;
 }
 export interface PreloadComponentsResult {
     config: {
-        defaultLocale?: string;
+        defaultLocale: string;
     };
     components: {
-        component: CustomComponent;
-        script: {
-            umd: {
-                script: string;
-                moduleName: string;
+        [componentId: string]: {
+            component: CustomComponent;
+            script: {
+                umd: {
+                    script: string;
+                    moduleName: string;
+                };
             };
         };
-        locales: {
+    };
+    props: {
+        [instanceId: string]: {
             [locale: string]: {
-                properties: {
-                    [key: string]: any;
-                };
+                [key: string]: any;
             };
         };
-    }[];
+    };
 }

package/lib/types/types/builtin.d.ts

@@ -0,0 +1 @@
+export declare const BuiltinModulesGlobalVariableName = "__PAGES_KIT_BUILTIN_MODULES__";

package/lib/types/types/core.d.ts

@@ -10,7 +10,7 @@ export type CustomComponent = {
         type: 'react-component';
         script?: string;
     } | {
-        type: 'custom-component';
+        type: 'component';
         componentId?: string;
         properties?: {
             [id: string]: {
@@ -25,18 +25,45 @@ export type CustomComponent = {
     properties?: {
         [id: string]: {
             index: number;
-            data: {
-                id: string;
-                key?: string;
-                type?: 'string' | 'number' | 'boolean' | 'json' | 'custom-component' | 'url';
-                multiline?: boolean;
-                locales?: {
-                    [locale: string]: {
-                        name?: string;
-                        defaultValue?: any;
+            data: CustomComponentCommonProperty | CustomComponentCustomProperty | CustomComponentStringProperty | CustomComponentComponentProperty;
+        };
+    };
+};
+export interface CustomComponentPropertyBase {
+    id: string;
+    key?: string;
+    locales?: {
+        [locale: string]: {
+            name?: string;
+            defaultValue?: any;
+        };
+    };
+}
+export interface CustomComponentCommonProperty extends CustomComponentPropertyBase {
+    type: 'number' | 'boolean' | 'json' | 'url';
+}
+export interface CustomComponentCustomProperty extends CustomComponentPropertyBase {
+    type: 'custom';
+    componentId?: string;
+}
+export interface CustomComponentStringProperty extends CustomComponentPropertyBase {
+    type?: 'string';
+    multiline?: boolean;
+}
+export interface CustomComponentComponentProperty extends CustomComponentPropertyBase {
+    type: 'component';
+    componentId?: string;
+    locales?: {
+        [locale: string]: {
+            name?: undefined;
+            defaultValue?: {
+                componentId?: string;
+                properties: {
+                    [id: string]: {
+                        value: any;
                     };
                 };
             };
         };
     };
-};
+}

package/lib/types/types/preload.d.ts

@@ -3,19 +3,19 @@ export declare const PreloadComponentsStateGlobalVariableName = "__PAGES_KIT_PRE
 export interface PreloadComponent {
     preloadComponentModuleName: string;
     component: CustomComponent;
-    locales?: {
-        [locale: string]: {
-            properties?: {
-                [key: string]: any;
-            };
-        };
-    };
 }
 export interface PreloadComponentsState {
     config: {
         defaultLocale?: string;
     };
     components: {
-        [id: string]: PreloadComponent;
+        [componentId: string]: PreloadComponent;
+    };
+    props: {
+        [instanceId: string]: {
+            [locale: string]: {
+                [key: string]: any;
+            };
+        };
     };
 }

package/lib/types/utils/inject-global-components.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/utils/preload.d.ts

@@ -1,4 +1,4 @@
 import { PreloadComponentsResult } from '../types';
-export declare function injectPreloadComponents({ config, components }: PreloadComponentsResult): {
+export declare function injectPreloadComponents(...input: PreloadComponentsResult[] | PreloadComponentsResult[][]): {
     html: string;
-} | undefined;
+} | null;

package/lib/types/utils/property.d.ts

@@ -18,5 +18,9 @@ export declare function mergeComponent({ componentId, getComponent, locale, defa
         [key: string]: any;
     };
 } | null;
-export declare function parsePropertyValue(type: NonNullable<CustomComponent['properties']>[string]['data']['type'], value: any): any;
+export declare const RenderNestedComponent = "__RENDER_NESTED_COMPONENT__";
+export declare function parsePropertyValue(property: NonNullable<CustomComponent['properties']>[string]['data'], value: any, { locale, defaultLocale }: {
+    locale?: string;
+    defaultLocale?: string;
+}): any;
 export declare function assignNullableFields(properties: any, newProperties: any): any;

package/lib/types/utils/typescript/builtin-module-transformer.d.ts

@@ -0,0 +1,2 @@
+import { SourceFile, TransformerFactory } from 'typescript';
+export declare const createBuiltinModuleTransformer: (ts: typeof import('typescript')) => TransformerFactory<SourceFile>;