@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.22

package/lib/data-source/__tests__/data-block/data-block-demos/collection-form-get-and-update.mjs

@@ -0,0 +1,197 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__ahooksjs_use_url_state__ from "@ahooksjs/use-url-state";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__createApp_mjs__ from "./createApp.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "@ahooksjs/use-url-state"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "./createApp.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-block/data-block-demos/collection-form-get-and-update.tsx?__rslib_entry__
+
+
+
+
+
+
+const DemoForm = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.withDynamicSchemaProps)((props)=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Form, {
+        labelCol: {
+            span: 8
+        },
+        wrapperCol: {
+            span: 16
+        },
+        style: {
+            maxWidth: 600
+        },
+        autoComplete: "off",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                label: "Username",
+                name: "username",
+                rules: [
+                    {
+                        required: true,
+                        message: 'Please input your username!'
+                    }
+                ],
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {})
+            }),
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                label: "Age",
+                name: "age",
+                rules: [
+                    {
+                        required: true,
+                        message: 'Please input your age!'
+                    }
+                ],
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.InputNumber, {})
+            }),
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                wrapperCol: {
+                    offset: 8,
+                    span: 16
+                },
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                    type: "primary",
+                    htmlType: "submit",
+                    children: "Submit"
+                })
+            })
+        ]
+    });
+});
+function useDemoFormProps() {
+    const data = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useCollectionRecordData)();
+    const resource = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useDataBlockResource)();
+    const [form] = __WEBPACK_EXTERNAL_MODULE_antd__.Form.useForm();
+    (0,__WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        form.setFieldsValue(data);
+    }, [
+        data,
+        form
+    ]);
+    const onFinish = async (values)=>{
+        console.log('values', values);
+        await resource.update({
+            filterByTk: data.id,
+            values
+        });
+        __WEBPACK_EXTERNAL_MODULE_antd__.notification.success({
+            message: 'Save successfully!'
+        });
+    };
+    return {
+        initialValues: data,
+        preserve: true,
+        onFinish,
+        form
+    };
+}
+const useBlockDecoratorProps = ()=>{
+    const [state] = (0,__WEBPACK_EXTERNAL_MODULE__ahooksjs_use_url_state__["default"])({
+        id: '1'
+    });
+    return {
+        filterByTk: state.id
+    };
+};
+const collection = 'users';
+const action = 'get';
+const schema = {
+    type: 'void',
+    name: 'root',
+    'x-decorator': 'DataBlockProvider',
+    'x-use-decorator-props': 'useBlockDecoratorProps',
+    'x-decorator-props': {
+        collection: collection,
+        action: action
+    },
+    'x-component': 'CardItem',
+    properties: {
+        demo: {
+            type: 'object',
+            'x-component': 'DemoForm',
+            'x-use-component-props': 'useDemoFormProps'
+        }
+    }
+};
+const Demo = ()=>{
+    const [state, setState] = (0,__WEBPACK_EXTERNAL_MODULE__ahooksjs_use_url_state__["default"])({
+        id: '1'
+    });
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
+                defaultValue: state.id,
+                options: [
+                    {
+                        key: 1,
+                        value: '1',
+                        label: 'Bamboo'
+                    },
+                    {
+                        key: 2,
+                        value: '2',
+                        label: 'Mary'
+                    }
+                ],
+                onChange: (v)=>{
+                    setState({
+                        id: v
+                    });
+                }
+            }),
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+                schema: schema
+            })
+        ]
+    });
+};
+const mocks = {
+    ["".concat(collection, ":").concat(action)]: function(config) {
+        const { filterByTk } = config.params;
+        return {
+            data: Number(filterByTk) === 1 ? {
+                id: 1,
+                username: 'Bamboo',
+                age: 18
+            } : {
+                id: 2,
+                username: 'Mary',
+                age: 25
+            }
+        };
+    },
+    ["".concat(collection, ":update")]: function(config) {
+        console.log('config.data', config.data);
+        return {
+            data: 'ok'
+        };
+    }
+};
+const Root = (0,__WEBPACK_EXTERNAL_MODULE__createApp_mjs__.createApp)(Demo, {
+    components: {
+        DemoForm
+    },
+    scopes: {
+        useDemoFormProps,
+        useBlockDecoratorProps
+    }
+}, mocks);
+/* ESM default export */ const collection_form_get_and_update_rslib_entry_ = (Root);
+
+export { collection_form_get_and_update_rslib_entry_ as default };

package/lib/data-source/__tests__/data-block/data-block-demos/collection-form-record-and-update.mjs

@@ -0,0 +1,160 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__createApp_mjs__ from "./createApp.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "./createApp.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-block/data-block-demos/collection-form-record-and-update.tsx?__rslib_entry__
+
+
+
+
+
+const DemoForm = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.withDynamicSchemaProps)((props)=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Form, {
+        labelCol: {
+            span: 8
+        },
+        wrapperCol: {
+            span: 16
+        },
+        style: {
+            maxWidth: 600
+        },
+        autoComplete: "off",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                label: "Username",
+                name: "username",
+                rules: [
+                    {
+                        required: true,
+                        message: 'Please input your username!'
+                    }
+                ],
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {})
+            }),
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                label: "Age",
+                name: "age",
+                rules: [
+                    {
+                        required: true,
+                        message: 'Please input your age!'
+                    }
+                ],
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.InputNumber, {})
+            }),
+            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Form.Item, {
+                wrapperCol: {
+                    offset: 8,
+                    span: 16
+                },
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                    type: "primary",
+                    htmlType: "submit",
+                    children: "Submit"
+                })
+            })
+        ]
+    });
+});
+function useDemoFormProps() {
+    const data = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useCollectionRecordData)();
+    const resource = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useDataBlockResource)();
+    const [form] = __WEBPACK_EXTERNAL_MODULE_antd__.Form.useForm();
+    (0,__WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        form.setFieldsValue(data);
+    }, [
+        data,
+        form
+    ]);
+    const onFinish = async (values)=>{
+        console.log('values', values);
+        await resource.update({
+            filterByTk: data.id,
+            values
+        });
+        __WEBPACK_EXTERNAL_MODULE_antd__.notification.success({
+            message: 'Save successfully!'
+        });
+    };
+    return {
+        initialValues: data,
+        preserve: true,
+        onFinish,
+        form
+    };
+}
+const useFormBlockDecoratorProps = ()=>{
+    const record = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useCollectionRecordData)();
+    return {
+        record
+    };
+};
+const collection = 'users';
+const action = 'get';
+const schema = {
+    type: 'void',
+    name: 'root',
+    'x-decorator': 'DataBlockProvider',
+    'x-use-decorator-props': 'useFormBlockDecoratorProps',
+    'x-decorator-props': {
+        collection: collection,
+        action: action
+    },
+    'x-component': 'CardItem',
+    properties: {
+        demo: {
+            type: 'object',
+            'x-component': 'DemoForm',
+            'x-use-component-props': 'useDemoFormProps'
+        }
+    }
+};
+const recordData = {
+    id: 1,
+    username: 'Bamboo',
+    age: 18
+};
+const Demo = ()=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.CollectionRecordProvider, {
+            record: recordData,
+            children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+                schema: schema
+            })
+        })
+    });
+};
+const mocks = {
+    ["".concat(collection, ":update")]: function(config) {
+        console.log('config.data', config.data);
+        return {
+            data: 'ok'
+        };
+    }
+};
+const Root = (0,__WEBPACK_EXTERNAL_MODULE__createApp_mjs__.createApp)(Demo, {
+    components: {
+        DemoForm
+    },
+    scopes: {
+        useDemoFormProps,
+        useFormBlockDecoratorProps
+    }
+}, mocks);
+/* ESM default export */ const collection_form_record_and_update_rslib_entry_ = (Root);
+
+export { collection_form_record_and_update_rslib_entry_ as default };

package/lib/data-source/__tests__/data-block/data-block-demos/collection-table-list.mjs

@@ -0,0 +1,114 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__createApp_mjs__ from "./createApp.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "./createApp.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-block/data-block-demos/collection-table-list.tsx?__rslib_entry__
+
+
+
+
+
+const schema = {
+    type: 'void',
+    name: 'root',
+    'x-decorator': 'DataBlockProvider',
+    'x-decorator-props': {
+        collection: 'users',
+        action: 'list'
+    },
+    'x-component': 'CardItem',
+    properties: {
+        demo: {
+            type: 'array',
+            'x-component': 'MyTable',
+            'x-use-component-props': 'useTableProps'
+        }
+    }
+};
+const MyTable = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.withDynamicSchemaProps)(__WEBPACK_EXTERNAL_MODULE_antd__.Table);
+function useTableProps() {
+    const { data, loading } = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_client__.useDataBlockRequest)();
+    return {
+        loading,
+        dataSource: (data === null || data === void 0 ? void 0 : data.data) || [],
+        columns: [
+            {
+                title: 'UserName',
+                dataIndex: 'username'
+            },
+            {
+                title: 'NickName',
+                dataIndex: 'nickname'
+            },
+            {
+                title: 'Email',
+                dataIndex: 'email'
+            }
+        ]
+    };
+}
+const Demo = ()=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+        schema: schema
+    });
+};
+const mocks = {
+    'users:list': {
+        data: [
+            {
+                id: '1',
+                username: 'jack',
+                nickname: 'Jack Ma',
+                email: 'test@gmail.com'
+            },
+            {
+                id: '2',
+                username: 'jim',
+                nickname: 'Jim Green'
+            },
+            {
+                id: '3',
+                username: 'tom',
+                nickname: 'Tom Cat',
+                email: 'tom@gmail.com'
+            }
+        ]
+    },
+    'roles:list': {
+        data: [
+            {
+                name: 'root',
+                title: 'Root',
+                description: 'Root'
+            },
+            {
+                name: 'admin',
+                title: 'Admin',
+                description: 'Admin description'
+            }
+        ]
+    }
+};
+const App = (0,__WEBPACK_EXTERNAL_MODULE__createApp_mjs__.createApp)(Demo, {
+    components: {
+        MyTable
+    },
+    scopes: {
+        useTableProps
+    }
+}, mocks);
+/* ESM default export */ const collection_table_list_rslib_entry_ = (App);
+
+export { collection_table_list_rslib_entry_ as default };

package/lib/data-source/__tests__/data-block/data-block-demos/createApp.mjs

@@ -0,0 +1,66 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE_axios_mock_adapter__ from "axios-mock-adapter";
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "axios-mock-adapter"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/collections.json
+var collections_namespaceObject = JSON.parse('[{"key":"h7b9i8khc3q","name":"users","inherit":false,"hidden":false,"description":null,"category":[],"namespace":"users.users","duplicator":{"dumpable":"optional","with":"rolesUsers"},"sortable":"sort","model":"UserModel","createdBy":true,"updatedBy":true,"logging":true,"from":"db2cm","title":"{{t(\\"Users\\")}}","rawTitle":"{{t(\\"Users\\")}}","fields":[{"uiSchema":{"type":"number","title":"{{t(\\"ID\\")}}","x-component":"InputNumber","x-read-pretty":true,"rawTitle":"{{t(\\"ID\\")}}"},"key":"ffp1f2sula0","name":"id","type":"bigInt","interface":"id","description":null,"collectionName":"users","parentKey":null,"reverseKey":null,"autoIncrement":true,"primaryKey":true,"allowNull":false},{"uiSchema":{"type":"string","title":"{{t(\\"Nickname\\")}}","x-component":"Input","rawTitle":"{{t(\\"Nickname\\")}}"},"key":"vrv7yjue90g","name":"nickname","type":"string","interface":"input","description":null,"collectionName":"users","parentKey":null,"reverseKey":null},{"uiSchema":{"type":"string","title":"{{t(\\"Username\\")}}","x-component":"Input","x-validator":{"username":true},"required":true,"rawTitle":"{{t(\\"Username\\")}}"},"key":"2ccs6evyrub","name":"username","type":"string","interface":"input","description":null,"collectionName":"users","parentKey":null,"reverseKey":null,"unique":true},{"uiSchema":{"type":"string","title":"{{t(\\"Email\\")}}","x-component":"Input","x-validator":"email","required":true,"rawTitle":"{{t(\\"Email\\")}}"},"key":"rrskwjl5wt1","name":"email","type":"string","interface":"email","description":null,"collectionName":"users","parentKey":null,"reverseKey":null,"unique":true},{"key":"t09bauwm0wb","name":"roles","type":"belongsToMany","interface":"m2m","description":null,"collectionName":"users","parentKey":null,"reverseKey":null,"target":"roles","foreignKey":"userId","otherKey":"roleName","onDelete":"CASCADE","sourceKey":"id","targetKey":"name","through":"rolesUsers","uiSchema":{"type":"array","title":"{{t(\\"Roles\\")}}","x-component":"AssociationField","x-component-props":{"multiple":true,"fieldNames":{"label":"title","value":"name"}}}},{"key":"1pz0art9mt7","name":"f_n2fu6hvprct","type":"string","interface":"select","description":null,"collectionName":"t_vwpds9fs4xs","parentKey":null,"reverseKey":null,"uiSchema":{"enum":[{"value":"test1","label":"test1"},{"value":"test2","label":"test2"}],"type":"string","x-component":"Select","title":"test"}}]},{"key":"pqnenvqrzxr","name":"roles","inherit":false,"hidden":false,"description":null,"category":[],"namespace":"acl.acl","duplicator":{"dumpable":"required","with":"uiSchemas"},"autoGenId":false,"model":"RoleModel","filterTargetKey":"name","sortable":true,"from":"db2cm","title":"{{t(\\"Roles\\")}}","rawTitle":"{{t(\\"Roles\\")}}","fields":[{"uiSchema":{"type":"string","title":"{{t(\\"Role UID\\")}}","x-component":"Input","rawTitle":"{{t(\\"Role UID\\")}}"},"key":"jbz9m80bxmp","name":"name","type":"uid","interface":"input","description":null,"collectionName":"roles","parentKey":null,"reverseKey":null,"prefix":"r_","primaryKey":true},{"uiSchema":{"type":"string","title":"{{t(\\"Role name\\")}}","x-component":"Input","rawTitle":"{{t(\\"Role name\\")}}"},"key":"faywtz4sf3u","name":"title","type":"string","interface":"input","description":null,"collectionName":"roles","parentKey":null,"reverseKey":null,"unique":true,"translation":true},{"key":"1enkovm9sye","name":"description","type":"string","interface":null,"description":null,"collectionName":"roles","parentKey":null,"reverseKey":null}]}]')
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-block/data-block-demos/createApp.tsx?__rslib_entry__
+
+
+
+function createApp(Demo) {
+    let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, mocks = arguments.length > 2 ? arguments[2] : void 0;
+    class MyPlugin extends __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Plugin {
+        async load() {
+            this.app.dataSourceManager.addDataSource(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.LocalDataSource, {
+                key: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.DEFAULT_DATA_SOURCE_KEY,
+                displayName: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.DEFAULT_DATA_SOURCE_TITLE,
+                collections: collections_namespaceObject
+            });
+        }
+    }
+    const app = new __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Application({
+        apiClient: {
+            baseURL: 'http://localhost:8000'
+        },
+        providers: [
+            Demo
+        ],
+        ...options,
+        components: {
+            ...options.components,
+            DataBlockProvider: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.DataBlockProvider,
+            CardItem: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.CardItem
+        },
+        plugins: [
+            __WEBPACK_EXTERNAL_MODULE__tachybase_client__.CollectionPlugin,
+            MyPlugin
+        ],
+        designable: true
+    });
+    const mock = new __WEBPACK_EXTERNAL_MODULE_axios_mock_adapter__["default"](app.apiClient.axios);
+    Object.entries(mocks).forEach((param)=>{
+        let [url, data] = param;
+        mock.onGet(url).reply(async (config)=>{
+            const res = typeof data === 'function' ? data(config) : data;
+            return [
+                200,
+                res
+            ];
+        });
+        mock.onPost(url).reply(async (config)=>{
+            const res = typeof data === 'function' ? data(config) : data;
+            return [
+                200,
+                res
+            ];
+        });
+    });
+    const Root = app.getRootComponent();
+    return Root;
+}
+
+export { createApp };

package/lib/data-source/__tests__/data-source/CollectionDataSourceProvider.test.mjs

@@ -0,0 +1,56 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__ from "@tachybase/test/client";
+import * as __WEBPACK_EXTERNAL_MODULE__components_DataSourceApplicationProvider_mjs__ from "../../components/DataSourceApplicationProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_DataSourceProvider_mjs__ from "../../data-source/DataSourceProvider.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "@tachybase/test/client"
+
+;// CONCATENATED MODULE: external "../../components/DataSourceApplicationProvider.mjs"
+
+;// CONCATENATED MODULE: external "../../data-source/DataSourceProvider.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-source/CollectionDataSourceProvider.test.tsx?__rslib_entry__
+
+
+
+
+
+
+describe('CollectionDataSourceProvider', ()=>{
+    test('should work', ()=>{
+        const app = new __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Application({
+            dataSourceManager: {
+                dataSources: [
+                    {
+                        key: 'a',
+                        displayName: 'a'
+                    }
+                ]
+            }
+        });
+        const Demo = ()=>{
+            const name = (0,__WEBPACK_EXTERNAL_MODULE__data_source_DataSourceProvider_mjs__.useDataSourceKey)();
+            return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                "data-testid": "content",
+                children: name
+            });
+        };
+        (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_DataSourceApplicationProvider_mjs__.DataSourceApplicationProvider, {
+            dataSourceManager: app.dataSourceManager,
+            children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__data_source_DataSourceProvider_mjs__.DataSourceProvider, {
+                dataSource: 'a',
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Demo, {})
+            })
+        }));
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByTestId('content')).toHaveTextContent('a');
+    });
+});
+

package/lib/data-source/__tests__/data-source/DataSource.test.mjs

@@ -0,0 +1,81 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: ./packages/client/src/data-source/__tests__/data-source/DataSource.test.ts?__rslib_entry__
+
+describe('DataSource', ()=>{
+    let dataSource;
+    let app;
+    const collections = [
+        {
+            name: 'a'
+        }
+    ];
+    const newDisplayName = 'new display name';
+    const dataSourceOptions = {
+        key: 'test',
+        displayName: 'Test Data Source',
+        status: 'loading'
+    };
+    beforeEach(()=>{
+        app = new __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Application({});
+        class TestDataSource extends __WEBPACK_EXTERNAL_MODULE__tachybase_client__.DataSource {
+            async getDataSource() {
+                return {
+                    displayName: newDisplayName,
+                    collections: collections
+                };
+            }
+        }
+        app.dataSourceManager.addDataSource(TestDataSource, dataSourceOptions);
+        dataSource = app.dataSourceManager.getDataSource('test');
+    });
+    it('initializes with the correct options', ()=>{
+        expect(dataSource.getOptions()).toEqual(dataSourceOptions);
+        expect(dataSource.app).toBe(app);
+        expect(dataSource.key).toBe(dataSourceOptions.key);
+        expect(dataSource.displayName).toBe(dataSourceOptions.displayName);
+        expect(dataSource.key).toBe(dataSourceOptions.key);
+        expect(dataSource.status).toBe(dataSourceOptions.status);
+        expect(dataSource.errorMessage).toBe(dataSourceOptions.errorMessage);
+        expect(dataSource.collections).toEqual([]);
+    });
+    it('getOption() returns the correct value', ()=>{
+        expect(dataSource.getOption('displayName')).toBe(dataSourceOptions.displayName);
+    });
+    it('sets new options correctly', ()=>{
+        dataSource.setOptions({
+            displayName: 'New Display Name'
+        });
+        expect(dataSource.displayName).toBe('New Display Name');
+    });
+    it('can add and call reload callbacks', async ()=>{
+        const callback = vitest.fn();
+        dataSource.addReloadCallback(callback);
+        await dataSource.reload();
+        expect(callback).toHaveBeenCalled();
+    });
+    it('does not add the same reload callback twice', ()=>{
+        const callback = vitest.fn();
+        dataSource.addReloadCallback(callback);
+        dataSource.addReloadCallback(callback);
+        expect(dataSource['reloadCallbacks'].length).toBe(1);
+    });
+    it('can remove reload callbacks', ()=>{
+        const callback = vitest.fn();
+        dataSource.addReloadCallback(callback);
+        dataSource.removeReloadCallback(callback);
+        expect(dataSource['reloadCallbacks'].length).toBe(0);
+    });
+    it('updates collections and calls callbacks on reload', async ()=>{
+        const callback = vitest.fn();
+        dataSource.addReloadCallback(callback);
+        await dataSource.reload();
+        expect(dataSource.collections.length).toBe(collections.length);
+        expect(dataSource.displayName).toBe(newDisplayName);
+        expect(callback).toHaveBeenCalledWith(collections);
+        expect(dataSource.collectionManager.getCollection('a')).toBeTruthy();
+    });
+});
+