@blocklet/pages-kit-agents 0.5.45 → 0.5.48

package/lib/esm/skill-agents/parse-component-list-agent.d.ts

@@ -0,0 +1,100 @@
+import { FunctionAgent } from '@aigne/core';
+import { z } from 'zod';
+export declare const ComponentListSchema: z.ZodArray<z.ZodObject<{
+    id: z.ZodString;
+    name: z.ZodString;
+    component: z.ZodString;
+    description: z.ZodString;
+    rawData: z.ZodOptional<z.ZodAny>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    description: string;
+    id: string;
+    component: string;
+    rawData?: any;
+}, {
+    name: string;
+    description: string;
+    id: string;
+    component: string;
+    rawData?: any;
+}>, "many">;
+export declare const ComponentListOutputSchema: z.ZodObject<{
+    data: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        name: z.ZodString;
+        component: z.ZodString;
+        description: z.ZodString;
+        rawData: z.ZodOptional<z.ZodAny>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        description: string;
+        id: string;
+        component: string;
+        rawData?: any;
+    }, {
+        name: string;
+        description: string;
+        id: string;
+        component: string;
+        rawData?: any;
+    }>, "many">;
+    summary: z.ZodObject<{
+        total: z.ZodNumber;
+        basicComponents: z.ZodRecord<z.ZodString, z.ZodString>;
+        customComponents: z.ZodRecord<z.ZodString, z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        total: number;
+        basicComponents: Record<string, string>;
+        customComponents: Record<string, string>;
+    }, {
+        total: number;
+        basicComponents: Record<string, string>;
+        customComponents: Record<string, string>;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    data: {
+        name: string;
+        description: string;
+        id: string;
+        component: string;
+        rawData?: any;
+    }[];
+    summary: {
+        total: number;
+        basicComponents: Record<string, string>;
+        customComponents: Record<string, string>;
+    };
+}, {
+    data: {
+        name: string;
+        description: string;
+        id: string;
+        component: string;
+        rawData?: any;
+    }[];
+    summary: {
+        total: number;
+        basicComponents: Record<string, string>;
+        customComponents: Record<string, string>;
+    };
+}>;
+export declare const parseComponentListAgent: FunctionAgent<{
+    componentListDir?: string | undefined;
+}, {
+    componentListYaml: string;
+    componentList: {
+        data: {
+            name: string;
+            description: string;
+            id: string;
+            component: string;
+            rawData?: any;
+        }[];
+        summary: {
+            total: number;
+            basicComponents: Record<string, string>;
+            customComponents: Record<string, string>;
+        };
+    };
+}>;

package/lib/esm/skill-agents/parse-component-list-agent.js

@@ -0,0 +1,192 @@
+import { FunctionAgent } from '@aigne/core';
+import fs from 'fs/promises';
+import yaml from 'js-yaml';
+import path from 'path';
+import { z } from 'zod';
+// Constants
+const MOCK_COMPONENTS_DIR = path.join(__dirname, '../mock-data/components');
+const BASIC_COMPONENT_LIST = [
+    {
+        id: 'section',
+        name: 'Section',
+        component: 'section',
+        description: '基础内容区块，支持标题、描述、图片和徽章展示，常用于Hero区域或产品介绍',
+    },
+    {
+        id: 'section-card-list',
+        name: 'Section Card List',
+        component: 'section-card-list',
+        description: '卡片列表组件，用于展示多个并列的信息卡片，适合特性介绍或服务展示',
+    },
+    {
+        id: 'toc',
+        name: 'Toc',
+        component: 'toc',
+        description: '目录组件，自动生成页面内容导航，支持锚点跳转',
+    },
+    {
+        id: 'iframe',
+        name: 'Embed',
+        component: 'iframe',
+        description: '嵌入组件，用于集成外部内容如视频、地图、第三方服务等',
+    },
+    {
+        id: 'layout-block',
+        name: 'Section Layout',
+        component: 'layout-block',
+        description: '布局容器组件，提供灵活的页面结构化布局，可嵌套其他组件',
+    },
+];
+// Zod schemas for validation
+const ComponentListItemSchema = z.object({
+    id: z.string(),
+    name: z.string(),
+    component: z.string(),
+    description: z.string(),
+    rawData: z.any().describe('Raw data from the component file').optional(),
+});
+export const ComponentListSchema = z.array(ComponentListItemSchema);
+export const ComponentListOutputSchema = z
+    .object({
+    data: ComponentListSchema,
+    summary: z.object({
+        total: z.number(),
+        basicComponents: z.record(z.string(), z.string()),
+        customComponents: z.record(z.string(), z.string()),
+    }),
+})
+    .describe('Component list in json format');
+/**
+ * Parse component data - customize this function for data processing
+ * @param rawData Raw component data from file
+ * @param filename Original filename
+ * @returns Processed component list item
+ */
+function processComponentData(rawData, filename) {
+    // Extract ID from filename (format: ComponentName.ID.yml/json)
+    const parts = filename.split('.');
+    const id = parts.length >= 2 ? parts[parts.length - 2] : parts[0];
+    const name = parts[0];
+    // Default processing - customize as needed
+    const processed = {
+        id: id || 'unknown-id',
+        name: rawData.name || name,
+        component: rawData.component || 'custom-component',
+        description: rawData.description || `${name} component`,
+        rawData,
+    };
+    // Add any custom processing logic here
+    return processed;
+}
+/**
+ * Read and parse component files from directory
+ * @param directory Target directory path
+ * @returns Array of parsed component files
+ */
+async function readComponentFiles(directory) {
+    try {
+        const files = await fs.readdir(directory);
+        const componentFiles = [];
+        for (const filename of files) {
+            const ext = path.extname(filename).toLowerCase();
+            // Only process .yml, .yaml, and .json files
+            if (!['.yml', '.yaml', '.json'].includes(ext)) {
+                // eslint-disable-next-line no-continue
+                continue;
+            }
+            const filePath = path.join(directory, filename);
+            const fileContent = await fs.readFile(filePath, 'utf-8');
+            let content;
+            // Parse based on file extension
+            if (ext === '.json') {
+                content = JSON.parse(fileContent);
+            }
+            else {
+                content = yaml.load(fileContent);
+            }
+            // Extract ID from filename
+            const fileParts = filename.split('.');
+            const id = fileParts.length >= 2 ? fileParts[fileParts.length - 2] : fileParts[0];
+            componentFiles.push({
+                filename,
+                content,
+                id: id || 'unknown-id',
+            });
+        }
+        return componentFiles;
+    }
+    catch (error) {
+        console.error('Error reading component files:', error);
+        throw error;
+    }
+}
+/**
+ * Generate component list from parsed files
+ * @param componentFiles Array of component files
+ * @returns Generated component list
+ */
+function generateComponentList(componentFiles) {
+    const components = [
+        // basic components
+        ...BASIC_COMPONENT_LIST,
+        // custom components
+        ...componentFiles.map((file) => processComponentData(file.content, file.filename)),
+    ];
+    // Categorize components
+    const basicComponentsSummary = {};
+    const customComponentsSummary = {};
+    components.forEach((comp) => {
+        if (comp.component === 'custom-component') {
+            customComponentsSummary[comp.name] = comp.description;
+        }
+        else {
+            basicComponentsSummary[comp.name] = comp.description;
+        }
+    });
+    return {
+        data: components,
+        summary: {
+            total: components.length,
+            basicComponents: basicComponentsSummary,
+            customComponents: customComponentsSummary,
+        },
+    };
+}
+export const parseComponentListAgent = FunctionAgent.from({
+    name: 'parse_component_list',
+    description: 'Parse component list from YAML/JSON files in specified directory and generate component list structure',
+    inputSchema: z.object({
+        componentListDir: z.string().optional().describe('Custom directory path to read components from'),
+    }),
+    outputSchema: z.object({
+        componentListYaml: z.string().describe('Component list in YAML format, without raw data'),
+        componentList: ComponentListOutputSchema,
+    }),
+    async process({ componentListDir }) {
+        const targetDir = componentListDir || MOCK_COMPONENTS_DIR;
+        try {
+            // Read component files
+            const componentFiles = await readComponentFiles(targetDir);
+            // Generate component list
+            const componentListData = generateComponentList(componentFiles);
+            const componentListDataWithoutRawData = componentListData.data.map((item) => {
+                const { rawData, ...rest } = item;
+                return rest;
+            });
+            // Convert to YAML
+            const componentListYaml = yaml.dump(componentListDataWithoutRawData, {
+                indent: 2,
+                lineWidth: -1,
+                noRefs: true,
+            });
+            return {
+                componentListYaml,
+                componentList: componentListData,
+            };
+        }
+        catch (error) {
+            console.error('Error parsing component list:', error);
+            throw error;
+        }
+    },
+});