@blocklet/pages-kit-core 0.0.1

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2018-2020 ArcBlock
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/lib/cjs/block.d.ts

@@ -0,0 +1,11 @@
+import { Block as BlockType } from '@types';
+import { ReactElement } from 'react';
+import { Renderable, RenderOptions } from './types/renderable';
+export declare class Block implements BlockType, Renderable<Record<string, any>, ReactElement | null> {
+    code?: string | undefined;
+    private ESM_IMPORT_REGEX;
+    private ESM_KEYWORDS;
+    constructor(code?: string | undefined);
+    setData(code: string): void;
+    render(input?: Record<string, any>, _options?: RenderOptions): Promise<ReactElement | null>;
+}

package/lib/cjs/block.js

@@ -0,0 +1,91 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Block = void 0;
+class Block {
+    constructor(code) {
+        this.code = code;
+        // 预编译正则表达式
+        this.ESM_IMPORT_REGEX = /import\s+\w+\s+from/;
+        this.ESM_KEYWORDS = ['export {', 'export default', 'import {', 'import *'];
+    }
+    setData(code) {
+        this.code = code;
+    }
+    render(input, _options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if (!this.code) {
+                return null;
+            }
+            try {
+                const isESM = this.ESM_KEYWORDS.some((keyword) => { var _a; return (_a = this.code) === null || _a === void 0 ? void 0 : _a.includes(keyword); }) ||
+                    this.ESM_IMPORT_REGEX.test(this.code || '');
+                if (!isESM) {
+                    // UMD 格式处理
+                    if (!((_a = this.code) === null || _a === void 0 ? void 0 : _a.includes('function(')) && !((_b = this.code) === null || _b === void 0 ? void 0 : _b.includes('function ('))) {
+                        throw new Error('Invalid code format: UMD wrapper not found');
+                    }
+                    if (!this.code.includes('Component')) {
+                        throw new Error('Invalid UMD format: Component export not found');
+                    }
+                    const Component = new Function(`${this.code}; return Component;`)();
+                    if (typeof Component !== 'function') {
+                        throw new Error('Invalid UMD format: Component is not a function');
+                    }
+                    return Component(Object.assign({}, input));
+                }
+                // ESM 格式处理
+                const blob = new Blob([this.code], { type: 'application/javascript' });
+                const url = URL.createObjectURL(blob);
+                try {
+                    const module = yield Promise.resolve(`${url}`).then(s => __importStar(require(s)));
+                    const Component = module.default;
+                    if (typeof Component !== 'function') {
+                        throw new Error('Invalid ESM format: default export is not a function');
+                    }
+                    return Component(Object.assign({}, input));
+                }
+                finally {
+                    URL.revokeObjectURL(url);
+                }
+            }
+            catch (error) {
+                console.error('Failed to render block:', error);
+                throw new Error(`Failed to execute code: ${error.message}`);
+            }
+        });
+    }
+}
+exports.Block = Block;

package/lib/cjs/core.d.ts

@@ -0,0 +1,12 @@
+import { Block, CoreConstructor, CoreOptions, ICore, Page } from '@types';
+import { Dataset } from './dataset';
+export declare class Core<B extends Block = Block, D extends Dataset = Dataset, P extends Page = Page> implements ICore<B, D, P> {
+    readonly blocks: Map<string, B>;
+    readonly datasets: Map<string, D>;
+    readonly pages: Map<string, P>;
+    readonly options: CoreOptions;
+    constructor({ blocks, datasets, pages, options, }?: CoreConstructor<B, D, P>);
+    readonly block: Block;
+    readonly page: Page;
+    private mergeRenderOptions;
+}

package/lib/cjs/core.js

@@ -0,0 +1,43 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Core = void 0;
+const lodash_1 = require("lodash");
+class Core {
+    constructor({ blocks = new Map(), datasets = new Map(), pages = new Map(), options = {}, } = {}) {
+        this.block = {
+            render: (_input, _options) => __awaiter(this, void 0, void 0, function* () {
+                const options = this.mergeRenderOptions(_options);
+                // eslint-disable-next-line no-console
+                console.log('options', options);
+                // Implementation here
+                return Promise.resolve();
+            }),
+        };
+        this.page = {
+            render: (_input, _options) => __awaiter(this, void 0, void 0, function* () {
+                const options = this.mergeRenderOptions(_options);
+                // eslint-disable-next-line no-console
+                console.log('options', options);
+                // Implementation here
+                return Promise.resolve();
+            }),
+        };
+        this.blocks = blocks;
+        this.datasets = datasets;
+        this.pages = pages;
+        this.options = options;
+    }
+    mergeRenderOptions(renderOptions) {
+        return (0, lodash_1.merge)({}, this.options, renderOptions);
+    }
+}
+exports.Core = Core;

package/lib/cjs/dataset.d.ts

@@ -0,0 +1,8 @@
+import { DatasetStructure, IDataset } from '@types';
+export declare class Dataset implements IDataset<DatasetStructure> {
+    private store;
+    constructor(initialData?: DatasetStructure);
+    get(key: string): Promise<DatasetStructure | null>;
+    set(key: string, value: DatasetStructure): Promise<DatasetStructure | null>;
+    clear(): Promise<void>;
+}

package/lib/cjs/dataset.js

@@ -0,0 +1,34 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dataset = void 0;
+class Dataset {
+    constructor(initialData = {}) {
+        this.store = initialData;
+    }
+    get(key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.store[key] || null;
+        });
+    }
+    set(key, value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.store[key] = value;
+            return this.store[key];
+        });
+    }
+    clear() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.store = {};
+        });
+    }
+}
+exports.Dataset = Dataset;

package/lib/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './core';
+export * from './dataset';

package/lib/cjs/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./core"), exports);
+__exportStar(require("./dataset"), exports);

package/lib/cjs/page.d.ts

@@ -0,0 +1,11 @@
+import { Page as PageType, PageData, PageBlocks, RenderOptions } from '@types';
+import { ReactElement } from 'react';
+export declare class Page implements PageType {
+    private data?;
+    blocks: PageBlocks;
+    constructor(data?: PageData);
+    private initBlocks;
+    private createPageElement;
+    setData(data: PageData): void;
+    render(input?: Record<string, any>, options?: RenderOptions): Promise<ReactElement | null>;
+}

package/lib/cjs/page.js

@@ -0,0 +1,77 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = void 0;
+const block_1 = require("./block");
+class Page {
+    constructor(data) {
+        this.blocks = new Map();
+        this.data = data;
+        if (data) {
+            this.initBlocks(data.sections);
+        }
+    }
+    initBlocks(sections) {
+        sections.forEach((section) => {
+            if (section.code) {
+                const block = new block_1.Block(section.code);
+                this.blocks.set(section.id, block);
+            }
+        });
+    }
+    createPageElement(props, children) {
+        // 这里实现页面容器组件的创建逻辑
+        return {
+            type: 'div',
+            props: Object.assign(Object.assign({}, props), { children }),
+        };
+    }
+    setData(data) {
+        this.data = data;
+        this.blocks.clear();
+        this.initBlocks(data.sections);
+    }
+    render(input, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.data) {
+                return null;
+            }
+            try {
+                // 1. 处理页面级别的配置
+                const pageProps = Object.assign({ id: this.data.id, backgroundColor: this.data.meta.backgroundColor }, input);
+                // @FIXME: 这个 map 应该是不需要的
+                // 使用 Block 实例渲染 sections
+                const sections = yield Promise.all(this.data.sections.map((section) => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        const block = this.blocks.get(section.id);
+                        if (!block) {
+                            throw new Error(`Block not found for section ${section.id}`);
+                        }
+                        // 合并配置传入 Block
+                        const sectionProps = Object.assign(Object.assign({ key: section.id, id: section.id }, section.config), section.properties);
+                        return block.render(sectionProps, options);
+                    }
+                    catch (error) {
+                        console.error(`Failed to render section ${section.id}:`, error);
+                        return null;
+                    }
+                })));
+                // 3. 返回页面组件
+                return this.createPageElement(pageProps, sections.filter(Boolean));
+            }
+            catch (error) {
+                console.error('Failed to render page:', error);
+                throw new Error(`Failed to render page: ${error.message}`);
+            }
+        });
+    }
+}
+exports.Page = Page;

package/lib/cjs/renderable.d.ts

@@ -0,0 +1,6 @@
+export declare abstract class Renderable {
+    abstract render(): {
+        type: string;
+        props: Record<string, any>;
+    };
+}

package/lib/cjs/renderable.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Renderable = void 0;
+class Renderable {
+}
+exports.Renderable = Renderable;