Merge pull request #24 from ovineio/feat-amisAi

feat: #20 添加 JSON 直接输出预览+编辑+支持 JS 代码

Author: jinmingpang

index.html

@@ -5,13 +5,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link type="image/x-icon" rel="shortcut icon" href="/amis-logo.png">
     <link rel="stylesheet" href="/node_modules/@fortawesome/fontawesome-free/css/all.css" />
+    <!-- 将样式从 npm 包中抽离为独立文件，因为：chat msg框预览 amis 样式冲突，使用 shadowDom 了 -->
+    <link rel="stylesheet" href="/amis/cxd.css" />
+    <link rel="stylesheet" href="/amis/helper.css" />
+    <link rel="stylesheet" href="/amis/iconfont.css" />
     <link
       rel="stylesheet"
       href="/node_modules/@fortawesome/fontawesome-free/css/v4-shims.css"
     />
     <link rel="stylesheet" href="https://g.alicdn.com/code/npm/@ali/chatui-sdk/6.6.2/ChatSDK.css" />
     <title>Amis Playground</title>
     <script>
+      // TODO：支持配置 enableAMISDebug
       window.enableAMISDebug = true;
       var _hmt = _hmt || [];
       (function() {
@@ -32,6 +37,6 @@
     <script type="module" src="/src/main.tsx"></script>
     <!--TODO: 将 react 从 chatSdk 剥离出来 使用 pure.js （） -->
     <script src="https://g.alicdn.com/code/npm/@ali/chatui-sdk/6.6.2/ChatSDK.js"></script>
-    <script src="https://g.alicdn.com/chatui/icons/2.0.2/index.js"></script>
+    <script async src="https://g.alicdn.com/chatui/icons/2.0.2/index.js"></script>
   </body>
 </html>

package.json

@@ -58,7 +58,9 @@
     "allotment": "^1.19.3",
     "amis": "6.11.0",
     "amis-core": "6.11.0",
+    "amis-editor": "6.11.0",
     "amis-ui": "6.11.0",
+    "amis-widget": "3.2.2",
     "axios": "1.7.9",
     "classnames": "^2.3.2",
     "copy-to-clipboard": "3.3.1",
@@ -123,6 +125,7 @@
     "stylis": "^4.1.1",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
+    "vite-plugin-externals": "^0.6.2",
     "vite-plugin-monaco-editor": "^1.1.0",
     "vite-plugin-svgr": "^4.3.0"
   },