openkbs 0.0.36 → 0.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openkbs",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "description": "OpenKBS - Command Line Interface",
   "main": "src/index.js",
   "scripts": {

package/scripts/deploy-templates.js

@@ -1,41 +1,21 @@
 #!/usr/bin/env node
 
-const fs = require('fs-extra');
+const { execSync } = require('child_process');
 const path = require('path');
-const { S3Client, PutObjectCommand } = require('@aws-sdk/client-s3');
 
-const s3Client = new S3Client({ region: 'us-east-1' });
 const BUCKET = 'openkbs-downloads';
 const TEMPLATES_DIR = path.join(__dirname, '../templates');
 
-async function uploadDirectory(localPath, s3Prefix) {
-    const items = await fs.readdir(localPath, { withFileTypes: true });
-    
-    for (const item of items) {
-        const itemPath = path.join(localPath, item.name);
-        const s3Key = `${s3Prefix}/${item.name}`;
-        
-        if (item.isDirectory()) {
-            await uploadDirectory(itemPath, s3Key);
-        } else {
-            const fileContent = await fs.readFile(itemPath);
-            await s3Client.send(new PutObjectCommand({
-                Bucket: BUCKET,
-                Key: s3Key,
-                Body: fileContent
-            }));
-            console.log(`Uploaded: ${s3Key}`);
-        }
-    }
-}
-
 async function deployTemplates() {
     try {
-        console.log('Deploying templates to S3...');
-        await uploadDirectory(TEMPLATES_DIR, 'templates');
-        console.log('Templates deployed successfully!');
+        console.log('Syncing templates to S3...');
+        
+        const syncCommand = `aws s3 sync "${TEMPLATES_DIR}" s3://${BUCKET}/templates --delete`;
+        execSync(syncCommand, { stdio: 'inherit' });
+        
+        console.log('Templates synced successfully!');
     } catch (error) {
-        console.error('Error deploying templates:', error);
+        console.error('Error syncing templates:', error);
         process.exit(1);
     }
 }

package/src/utils.js

@@ -1080,7 +1080,6 @@ async function downloadTemplatesFromS3(targetDir) {
         
         const fileContent = await streamToBuffer(response.Body);
         await fs.writeFile(localPath, fileContent);
-        console.log(relativePath);
     });
     
     // Wait for all downloads to complete

package/templates/.openkbs/knowledge/README.md

@@ -1,34 +1,57 @@
-# OpenKBS Development Guidelines
+# OpenKBS Agent Development Guidelines
+
+## MANDATORY FIRST STEP
+**READ EVERY SINGLE FILE IN THE EXAMPLES FOLDER**
+
+Read the content of ALL files in `.openkbs/knowledge/examples/` directory and ALL subdirectories (without the icon.png)
 
 ## Development Flow
 
-1. **Read existing code first:**
+1. **Read ALL example files first** to get familiar with OpenKBS framework for building AI agents
+2. **Read existing agent code:**
    - `./app/` folder (settings, instructions, etc.)
    - `./src/` folder (all Events and Frontend files)
+   - `./run_job.js` any files starting with "run"
+3. **Implement requested features using knowledge from examples**
+
+
+## **Critical** Rules (**IMPORTANT**)
+- Never skip reading examples
+- Study the complete working examples to understand OpenKBS patterns
+- Never guess framework methods, settings or variables — always reference the examples.
+- Think hard before the implementation
+
+## Development Guidelines
+- If develop new agent from scratch, implement the run_job.js script as start point to backend-to-backend integrations
+- To add npm dependency to backend handlers, add it to onRequest.json and onResponse.json
+- To add npm dependency to the frontend, add it to contentRender.json
+- Valid values for the _meta_actions key are [] or ["REQUEST_CHAT_MODEL"].
+- Add and use npm dependencies only if necessary, some of those shown in the examples are purely demonstrative
 
-2. **Assess implementation requirements:**
-   - **Minor changes only**: Simple modifications to existing code that don't require framework knowledge
-   - **Framework implementation needed**: New features, new event handlers, new frontend components, or placeholder app development
+### Backend
+The OpenKBS backend framework is for developing AI agents with custom tools, using Node.js. It integrates with chat services via `onRequest` and `onResponse` handlers for custom actions and service integration.
 
-3. **For framework implementation:**
-   - Read all source code in `.openkbs/knowledge/examples/`
-   - Study complete working applications to understand OpenKBS patterns
-   - Never guess framework methods or variables - always reference examples
+#### Backend Handlers
+The framework's core uses `onRequest` and `onResponse` handlers as middleware for message tool call parsing and execution.
+- **`onResponse` Handler:** Activated after the LLM generates a message, enabling command extraction, and action execution.
+- **`onRequest` Handler:** Triggered on user message to allow the user to execute action
 
-## When Examples Are Required
+#### NPM Dependencies for onRequest.js or onResponse.js Backend Handlers
+1. If a file imports an NPM dependency and is then imported by onRequest.js or onResponse.js, this dependency must be defined in the handler's corresponding json file
+Example: If actions.js imports mysql2 and onResponse.js imports actions.js, then mysql2 must be in onResponse.json:
+{
+   "dependencies": {
+      "mysql2": "^3.14.2"
+   }
+}
 
-- New OpenKBS application development (placeholder app)
-- Adding new event handlers (onRequest, onResponse, etc.)
-- Creating new frontend components
-- Implementing OpenKBS-specific functionality
-- Any framework-related implementation
+Similarly, we need to create onRequest.json for onRequest.js as each handler have separate Node.js build with separate dependencies
 
-## When Examples May Not Be Needed
 
-- Simple text changes to existing files
-- Minor bug fixes in existing code
-- Configuration adjustments that don't involve framework methods
+### Frontend Overview
+The OpenKBS frontend framework, built with React and MUI, offers a flexible platform for custom chat interfaces. Developers can customize chat appearance and behavior via the `contentRender` module.
 
-## Critical Rule
+#### contentRender
+The `contentRender.js` file is central to frontend customization, exporting key functions for interface adjustments.
+- **`onRenderChatMessage(params)`:** function called every time a chat message is rendered.
 
-**When in doubt, read the examples.** They contain all necessary framework knowledge for proper OpenKBS implementation.

package/templates/.openkbs/knowledge/examples/{ai-copywriter → ai-copywriter-agent}/app/instructions.txt

@@ -7,7 +7,7 @@ Job:
 - If you see additional instructions in PROCESS_PRODUCT, execute them.
 - When you have obtained all the necessary information, output JOB_COMPLETED response.
 
-Guidelines:
+Important Guidelines:
 - use webpageToText command to read websites content in details
 - Always output one command per response and wait for the response before continuing
 - If an API call fails, so that you can't extract a required data, retry with different website or search query

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/app/settings.json

@@ -0,0 +1,6 @@
+{
+  "chatVendor": "anthropic",
+  "kbDescription": "An autonomous AI powerhouse for content generation",
+  "kbTitle": "Copywriter",
+  "model": "claude-3-5-haiku-20241022"
+}

package/templates/.openkbs/knowledge/examples/{ai-copywriter/run_agent.js → ai-copywriter-agent/run_job.js}

@@ -1,3 +1,5 @@
+// Start new agent job via API call to openkbs cloud service
+
 const https = require('https');
 const fs = require('fs');
 const readline = require('readline');
@@ -7,7 +9,9 @@ const settings = JSON.parse(fs.readFileSync('app/settings.json', 'utf8'));
 const secretsPath = path.join('.openkbs', 'secrets.json');
 let apiKey;
 
-const message = `PROCESS_PRODUCT:
+const message = `Today's Date: ${new Date().toLocaleDateString()}
+
+PROCESS_PRODUCT:
     Product Name: iPhone 14 Pro Max
     Product Code: MQ9X3RX/A
     ID: 97649
@@ -20,7 +24,6 @@ if (!settings.kbId) {
     return;
 }
 
-// Function to read the API key from secrets.json
 function getApiKey() {
     if (fs.existsSync(secretsPath)) {
         const secrets = JSON.parse(fs.readFileSync(secretsPath, 'utf8'));
@@ -108,7 +111,8 @@ function pollForMessages(chatId, app) {
             const messages = JSON.parse(jsonString)[0].data.messages;
             for (const message of messages) {
                 if (message.role === 'system' && /{"type"\s*:\s*"(JOB_COMPLETED|JOB_FAILED)".*?}/s.test(message.content)) {
-                    console.log(JSON.parse(message.content).data[0]);
+                    // return the final response found in the data results array generated by the backendHandler
+                    console.log(JSON.parse(message.content)?.data?.find(item => item.type === 'JOB_COMPLETED' || item.type === 'JOB_FAILED'));
                     clearInterval(interval);
                     return;
                 }

package/templates/.openkbs/knowledge/examples/{ai-copywriter → ai-copywriter-agent}/src/Events/actions.js

@@ -32,37 +32,33 @@ export const getActions = () => [
 
 
     [/[\s\S]*"type"\s*:\s*"JOB_FAILED"[\s\S]*/, async (match, event) => {
-        const json = extractJSONFromText(match[0]);
-        if (json && json.type === "JOB_FAILED") {
+        const parsedData = extractJSONFromText(match[0]);
+        if (parsedData && parsedData.type === "JOB_FAILED") {
             await openkbs.chats({
                 action: "updateChat",
-                title: await openkbs.encrypt(json.reason),
+                title: await openkbs.encrypt(parsedData.reason),
                 chatIcon: '🔴',
                 chatId: event?.payload?.chatId
             })
+            return parsedData;
         }
     }],
 
-    [/\/?googleSearch\("(.*?)"(?:,\s*(\d+))?\)/, async (match) => {
+    [/\/?googleSearch\("(.*?)"\)/, async (match) => {
         const q = match[1];
-        const limit = match[2] ? parseInt(match[2]) : 5;
-
         try {
             const response = await openkbs.googleSearch(q, {});
             const data = response?.map(({ title, link, snippet, pagemap }) => ({
                 title, link, snippet, image: pagemap?.metatags?.[0]?.["og:image"]
-            })).slice(0, limit);
-
-            if(!data?.length) return { data: { error: "No results found" } };
+            }));
             return { data };
         } catch (e) {
             return { error: e.message };
         }
     }],
 
-    [/\/?youtubeSearch\("(.*?)"(?:,\s*(\d+))?\)/, async (match) => {
+    [/\/?youtubeSearch\("(.*?)"\)/, async (match) => {
         const q = match[1];
-        const limit = match[2] ? parseInt(match[2]) : 5;
         try {
             const response = await openkbs.googleSearch(q + ' site:youtube.com', { videoOnly: true });
             const data = response?.map(({ title, link, snippet, pagemap }) => ({
@@ -72,19 +68,15 @@ export const getActions = () => [
                 thumbnail: pagemap?.videoobject?.[0]?.thumbnailurl || pagemap?.metatags?.[0]?.["og:image"],
                 duration: pagemap?.videoobject?.[0]?.duration,
                 channel: pagemap?.metatags?.[0]?.["og:site_name"],
-            })).filter(item => item.link.includes('youtu')).slice(0, limit);
-
-            if(!data?.length) return { data: { error: "No YouTube videos found" } };
+            })).filter(item => item.link.includes('youtu'));
             return { data };
         } catch (e) {
             return { error: e.message };
         }
     }],
 
-    [/\/?googleImageSearch\("(.*?)"(?:,\s*(\d+))?\)/, async (match) => {
+    [/\/?googleImageSearch\("(.*?)"\)/, async (match) => {
         const q = match[1];
-        const limit = match[2] ? parseInt(match[2]) : 10;
-
         try {
             const response = await openkbs.googleSearch(q, { searchType: 'image' });
             const data = response?.map(({ title, link, snippet, pagemap }) => {
@@ -96,11 +88,8 @@ export const getActions = () => [
                     snippet,
                     image: thumbnail
                 };
-            })?.slice(0, limit);
-
-            if (!data?.length) return { data: { error: "No image results found" } };
+            });
             return { data };
-
         } catch (e) {
             return { error: e.message };
         }

package/templates/.openkbs/knowledge/examples/{ai-copywriter/src/Events/onResponse.js → ai-copywriter-agent/src/Events/handler.js}

@@ -1,30 +1,26 @@
 import {getActions} from './actions.js';
 
-export const handler = async (event) => {
+export const backendHandler = async (event) => {
     const maxSelfInvokeMessagesCount = 60;
-    const lastMessage = event.payload.messages[event.payload.messages.length - 1].content;
-    
-    // Check if this is a JOB_COMPLETED or JOB_FAILED event
-    const isJobCompleted = /"type"\s*:\s*"JOB_COMPLETED"/.test(lastMessage);
-    const isJobFailed = /"type"\s*:\s*"JOB_FAILED"/.test(lastMessage);
-
+    const lastMessage = event.payload.messages[event.payload.messages.length - 1];
     const actions = getActions();
 
     const matchingActions = actions.reduce((acc, [regex, action]) => {
-        const matches = [...lastMessage.matchAll(new RegExp(regex, 'g'))];
+        const matches = [...lastMessage.content.matchAll(new RegExp(regex, 'g'))];
         matches.forEach(match => {
             acc.push(action(match, event));
         });
         return acc;
     }, []);
 
-    const isJobFinished = isJobCompleted || isJobFailed;
+    const isJobFinished = /"JOB_COMPLETED"|"JOB_FAILED"/.test(lastMessage.content);
 
     const meta = {
         _meta_actions:
             (
+                // disable post-response interactions if limit is exceeded or final job response
                 event?.payload?.messages?.length > maxSelfInvokeMessagesCount ||
-                isJobFinished && (matchingActions.length === 1 || lastMessage.role === 'system')
+                isJobFinished && lastMessage.role === 'system'
             )
                 ? []
                 : ["REQUEST_CHAT_MODEL"]

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/src/Events/onRequest.js

@@ -0,0 +1,3 @@
+import {backendHandler} from './handler';
+
+export const handler = async (event) => backendHandler(event)

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/src/Events/onRequest.json

@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "mysql2": "^3.11.4"
+    }
+}

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/src/Events/onResponse.js

@@ -0,0 +1,3 @@
+import {backendHandler} from './handler';
+
+export const handler = async (event) => backendHandler(event)

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/src/Events/onResponse.json

@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "mysql2": "^3.11.4"
+    }
+}

package/templates/.openkbs/knowledge/examples/ai-copywriter-agent/src/Frontend/contentRender.js

@@ -0,0 +1,64 @@
+import React, { useEffect } from "react";
+import JsonView from '@uiw/react-json-view';
+import { Chip } from '@mui/material';
+
+const extractJSONFromText = (text) => {
+    let braceCount = 0, startIndex = text.indexOf('{');
+    if (startIndex === -1) return null;
+
+    for (let i = startIndex; i < text.length; i++) {
+        if (text[i] === '{') braceCount++;
+        if (text[i] === '}' && --braceCount === 0) {
+            try {
+                return JSON.parse(text.slice(startIndex, i + 1));
+            } catch {
+                return null;
+            }
+        }
+    }
+    return null;
+}
+
+const parseCommands = (text) => {
+    return text.match(/\/\w+\("([^"]+)"\)/g) || [];
+}
+
+// do NOT useState() directly in this function, it is not a React component
+const onRenderChatMessage = async (params) => {
+    const { content } = params.messages[params.msgIndex];
+    const JSONData = extractJSONFromText(content);
+    const commands = parseCommands(content);
+    
+    if (JSONData?.type === 'JOB_COMPLETED') {
+        return <JsonView value={JSONData} />
+    }
+    
+    if (commands.length > 0) {
+        return commands.map((cmd, i) => (
+            <Chip key={i} label={cmd} size="small" />
+        ));
+    }
+
+    // return undefined to use default message render
+};
+
+const Header = ({ setRenderSettings }) => {
+    useEffect(() => {
+        setRenderSettings({
+            inputLabelsQuickSend: true,
+            disableBalanceView: false,
+            disableSentLabel: false,
+            disableChatAvatar: false,
+            disableChatModelsSelect: false,
+            disableContextItems: false,
+            disableCopyButton: false,
+            disableEmojiButton: false,
+            disableTextToSpeechButton: false,
+            disableMobileLeftButton: false,
+        });
+    }, [setRenderSettings]);
+}
+
+const exports = { onRenderChatMessage, Header };
+window.contentRender = exports;
+export default exports;

package/templates/.openkbs/knowledge/examples/{ai-copywriter → ai-copywriter-agent}/src/Frontend/contentRender.json

@@ -5,6 +5,7 @@
     "@mui/material": "^5.16.1 (fixed)",
     "@mui/icons-material": "^5.16.1 (fixed)",
     "@emotion/react": "^11.10.6 (fixed)",
-    "@emotion/styled": "^11.10.6 (fixed)"
+    "@emotion/styled": "^11.10.6 (fixed)",
+    "@uiw/react-json-view": "^2.0.0-alpha.33"
   }
 }

package/templates/.openkbs/knowledge/metadata.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.0.1"
+  "version": "0.0.8"
 }

package/templates/CLAUDE.md

@@ -1,15 +1,19 @@
 # Claude Code Instructions
 
-## Initial Setup
-1. First, update the knowledge base to ensure you have the latest information:
+## MANDATORY FIRST STEPS
+**CRITICAL**: Before taking ANY action, implementing ANY feature, or answering ANY question about this project:
+
+1. **FIRST**: Update the knowledge base:
    ```bash
    openkbs update knowledge
    ```
 
-2. Then read the project contribution guidelines:
+2. **IMMEDIATELY AFTER**: Read the knowledge base README:
    ```bash
-   # Read the knowledge base README for detailed instructions
+   # THIS MUST BE YOUR SECOND ACTION - READ THIS FILE FOR MORE INSTRUCTIONS
    .openkbs/knowledge/README.md
    ```
 
-This file contains comprehensive instructions on how to contribute to this OpenKBS project.
+**DO NOT PROCEED WITHOUT COMPLETING BOTH STEPS IN ORDER**
+
+`.openkbs/knowledge/README.md` contains comprehensive instructions on how to implement openkbs agents

package/templates/app/instructions.txt

@@ -1,10 +1 @@
-You are an AI assistant, assist users with their inquiries and tasks efficiently.
-
-Here are some APIs you can use to assist users:
-
-/googleSearch("query")
-Description: """
-Get results from Google Search API.
-"""
-$InputLabel = """Let me Search in Google!"""
-$InputValue = """Search in google for the latest news"""
+You are an AI assistant, assist users with their inquiries and tasks efficiently.

package/templates/app/settings.json

@@ -1,8 +1,8 @@
 {
-  "chatVendor": "openai",
+  "chatVendor": "anthropic",
   "kbDescription": "{{{openkbsAppName}}}",
   "kbTitle": "{{{openkbsAppName}}}",
-  "model": "gpt-4o",
+  "model": "claude-sonnet-4-20250514",
   "inputTools": [
     "imageToText",
     "speechToText"

package/templates/src/Events/actions.js

@@ -1,18 +1,16 @@
-export const getActions = (meta) => [
-    [/\/?googleSearch\("(.*)"\)/, async (match) => {
+// This boilerplate code is a starting point for development.
+export const getActions = () => [
+    [/\/?googleSearch\("(.*?)"\)/, async (match) => {
         const q = match[1];
         try {
-            const noSecrets = '{{secrets.googlesearch_api_key}}'.includes('secrets.googlesearch_api_key');
-            const params = { q, ...(noSecrets ? {} : { key: '{{secrets.googlesearch_api_key}}', cx: '{{secrets.googlesearch_engine_id}}' }) };
-            const response = noSecrets
-                ? await openkbs.googleSearch(params.q, params)
-                : (await axios.get('https://www.googleapis.com/customsearch/v1', { params }))?.data?.items;
+            const response = await openkbs.googleSearch(q, {});
             const data = response?.map(({ title, link, snippet, pagemap }) => ({
                 title, link, snippet, image: pagemap?.metatags?.[0]?.["og:image"]
             }));
-            return { data, ...meta };
+            return { data };
         } catch (e) {
-            return { error: e.response.data, ...meta };
+            return { error: e.message };
         }
-    }]
+    }],
+    // add more actions here
 ];

package/templates/src/Events/handler.js

@@ -0,0 +1,49 @@
+import {getActions} from './actions.js';
+
+export const backendHandler = async (event) => {
+    const maxSelfInvokeMessagesCount = 60;
+    const lastMessage = event.payload.messages[event.payload.messages.length - 1];
+    const actions = getActions();
+
+    const matchingActions = actions.reduce((acc, [regex, action]) => {
+        const matches = [...lastMessage.content.matchAll(new RegExp(regex, 'g'))];
+        matches.forEach(match => {
+            acc.push(action(match, event));
+        });
+        return acc;
+    }, []);
+
+    const meta = {
+        _meta_actions:
+            event?.payload?.messages?.length > maxSelfInvokeMessagesCount
+                ? [] // Ends the chat
+                : ["REQUEST_CHAT_MODEL"] // Triggers the LLM to react after the response
+    }
+
+    if (matchingActions.length > 0) {
+        try {
+            const results = await Promise.all(matchingActions);
+
+            if (results?.[0]?.data?.some?.(o => o?.type === 'image_url')) {
+                return {
+                    ...results[0],
+                    ...meta
+                };
+            }
+
+            return {
+                type: 'RESPONSE',
+                data: results,
+                ...meta
+            };
+        } catch (error) {
+            return {
+                type: 'ERROR',
+                error: error.message,
+                ...meta
+            };
+        }
+    }
+
+    return { type: 'CONTINUE' };
+};

package/templates/src/Events/onRequest.js

@@ -1,14 +1,3 @@
-import {getActions} from './actions.js';
+import {backendHandler} from './handler';
 
-
-export const handler = async (event) => {
-    const actions = getActions({});
-
-    for (let [regex, action] of actions) {
-        const lastMessage = event.payload.messages[event.payload.messages.length - 1].content;        
-        const match = lastMessage?.match(regex);        
-        if (match) return await action(match);            
-    }
-
-    return { type: 'CONTINUE' }
-};
+export const handler = async (event) => backendHandler(event)

package/templates/src/Events/onRequest.json

@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+
+    }
+}

package/templates/src/Events/onResponse.js

@@ -1,13 +1,3 @@
-import {getActions} from './actions.js';
+import {backendHandler} from './handler';
 
-export const handler = async (event) => {
-    const actions = getActions({_meta_actions: ["REQUEST_CHAT_MODEL"]});
-
-    for (let [regex, action] of actions) {
-        const lastMessage = event.payload.messages[event.payload.messages.length - 1].content;        
-        const match = lastMessage?.match(regex);        
-        if (match) return await action(match);            
-    }
-
-    return { type: 'CONTINUE' }
-};
+export const handler = async (event) => backendHandler(event)

package/templates/{.openkbs/knowledge/examples/ai-copywriter/src → src}/Events/onResponse.json

@@ -1,4 +1,5 @@
 {
     "dependencies": {
+
     }
 }

package/templates/.openkbs/knowledge/examples/ai-copywriter/app/settings.json

@@ -1,13 +0,0 @@
-{
-  "chatVendor": "anthropic",
-  "kbDescription": "An autonomous AI powerhouse for content generation",
-  "kbTitle": "Copywriter",
-  "model": "claude-3-5-haiku-20241022",
-  "inputTools": [
-    "imageToText"
-  ],
-  "embeddingModel": "none",
-  "embeddingDimension": "none",
-  "searchEngine": "IndexedDB",
-  "itemTypes": {}
-}

package/templates/.openkbs/knowledge/examples/ai-copywriter/src/Frontend/contentRender.js

@@ -1,26 +0,0 @@
-import React, { useEffect } from "react";
-
-const onRenderChatMessage = async (params) => {
-    return;
-};
-
-const Header = ({ setRenderSettings }) => {
-    useEffect(() => {
-        setRenderSettings({
-            inputLabelsQuickSend: true,
-            disableBalanceView: false,
-            disableSentLabel: false,
-            disableChatAvatar: false,
-            disableChatModelsSelect: false,
-            disableContextItems: false,
-            disableCopyButton: false,
-            disableEmojiButton: false,
-            disableTextToSpeechButton: false,
-            disableMobileLeftButton: false,
-        });
-    }, [setRenderSettings]);
-}
-
-const exports = { onRenderChatMessage, Header };
-window.contentRender = exports;
-export default exports;