@michaeltangseng/schemaai 0.0.1

package/tests/schemaai-react-demo/src/App.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import SchemaAIRenderer from '../../../src/renderer/Renderer';
+// 如需测试通过 npm 包名导入（@michaeltangseng/schemaai），
+// 请在发布到 npm 并在独立项目中安装后再切换为包名导入。
+
+// 简单的 NodeSchema 示例（类型用 any，避免直接依赖主工程的类型声明）
+const demoSchema: any = {
+  id: 'root',
+  type: 'Container',
+  props: {
+    title: 'Hello schemaAI',
+  },
+  style: {
+    padding: '16px',
+    backgroundColor: '#f9fafb',
+    border: '1px solid #e5e7eb',
+    borderRadius: '8px',
+  },
+  children: [
+    {
+      id: 'text-1',
+      type: 'PluginText',
+      props: {
+        text: '这是通过 schema 渲染出来的文本。',
+      },
+      style: {
+        fontSize: '14px',
+        color: '#374151',
+        marginTop: '8px',
+      },
+      children: [],
+    },
+  ],
+};
+
+export const App: React.FC = () => {
+  return (
+    <div style={{ padding: 24 }}>
+      <h1>schemaAI React Demo</h1>
+      <p>下面是使用 schemaAI Renderer 渲染的一个最小 NodeSchema 示例：</p>
+      <div style={{ marginTop: 16 }}>
+        <SchemaAIRenderer schema={demoSchema} />
+      </div>
+    </div>
+  );
+};
+

package/tests/schemaai-react-demo/src/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { App } from './App';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+

package/tests/schemaai-react-demo/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}
+

package/tests/schemaai-react-demo/vite.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc';
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 4173
+  }
+});
+

package/tsconfig.build.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "declaration": true,
+    "declarationMap": true,
+    "emitDeclarationOnly": false,
+    "rootDir": "src",
+    "module": "ESNext",
+    "target": "ESNext",
+    "moduleResolution": "Node",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true
+  },
+  "include": ["src"],
+  "exclude": [
+    "src/core/EditorStore.tsx"
+  ]
+}
+
+