@blocklet/pages-kit-core 0.0.1

package/lib/cjs/types/core.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/types/dataset.d.ts

@@ -0,0 +1,16 @@
+export interface PageMetadata {
+    id: string;
+    title?: string;
+    ogImage?: string;
+    description?: string;
+    slug: string;
+    [key: string]: any;
+}
+export interface DatasetStructure {
+    [pageId: string]: DatasetStructure;
+}
+export interface IDataset<T = any> {
+    get(key: string): Promise<T | null>;
+    set(key: string, value: T): Promise<T | null>;
+    clear(): Promise<void>;
+}

package/lib/cjs/types/dataset.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/types/env.d.ts

@@ -0,0 +1,6 @@
+export interface ImportMetaEnv {
+    readonly VITE_APP_TITLE: string;
+}
+export interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

package/lib/cjs/types/env.js

@@ -0,0 +1,3 @@
+"use strict";
+/// <reference types="vite/client" />
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './renderable';
+export * from './block';
+export * from './page';
+export * from './dataset';
+export * from './core';
+export * from './env';

package/lib/cjs/types/index.js

@@ -0,0 +1,22 @@
+"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("./renderable"), exports);
+__exportStar(require("./block"), exports);
+__exportStar(require("./page"), exports);
+__exportStar(require("./dataset"), exports);
+__exportStar(require("./core"), exports);
+__exportStar(require("./env"), exports);

package/lib/cjs/types/page.d.ts

@@ -0,0 +1,28 @@
+import { Block } from './block';
+import { Renderable } from './renderable';
+export interface PageBlocks extends Map<string, Block> {
+}
+export interface PageStructure {
+    [pageId: string]: PageBlocks;
+}
+export interface Page extends Renderable {
+    blocks?: PageBlocks;
+}
+export interface PageSection {
+    id: string;
+    component: string;
+    name?: string;
+    config?: Record<string, any>;
+    properties?: Record<string, any>;
+    code?: string;
+}
+export interface PageMeta {
+    backgroundColor?: string;
+}
+export interface PageData {
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    meta: PageMeta;
+    sections: PageSection[];
+}

package/lib/cjs/types/page.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/types/renderable.d.ts

@@ -0,0 +1,11 @@
+export interface CacheOptions {
+    key: string;
+    ttl?: number;
+}
+export interface RenderOptions {
+    locale?: string;
+    cacheOptions?: CacheOptions;
+}
+export interface Renderable<I = any, O = any> {
+    render(input: I, options?: RenderOptions): Promise<O>;
+}

package/lib/cjs/types/renderable.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/esm/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/esm/block.js

@@ -0,0 +1,64 @@
+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());
+    });
+};
+export 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 import(/* @vite-ignore */ url);
+                    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}`);
+            }
+        });
+    }
+}

package/lib/esm/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/esm/core.js

@@ -0,0 +1,39 @@
+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());
+    });
+};
+import { merge } from 'lodash';
+export 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 merge({}, this.options, renderOptions);
+    }
+}

package/lib/esm/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/esm/dataset.js

@@ -0,0 +1,30 @@
+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());
+    });
+};
+export 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 = {};
+        });
+    }
+}

package/lib/esm/index.d.ts

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

package/lib/esm/index.js

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

package/lib/esm/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/esm/page.js

@@ -0,0 +1,73 @@
+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());
+    });
+};
+import { Block } from './block';
+export 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(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}`);
+            }
+        });
+    }
+}

package/lib/esm/renderable.d.ts

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

package/lib/esm/renderable.js

@@ -0,0 +1,2 @@
+export class Renderable {
+}