update doc

Author: frankie-zeng

.vitepress/config.mts

@@ -32,14 +32,97 @@ export default withMermaid({
   description: 'A powerful automotive ECU development tool',
   head: [
     ['link', { rel: 'icon', type: 'image/png', href: 'https://ecubus.oss-cn-chengdu.aliyuncs.com/img/logo256.png' }],
+   
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:locale', content: 'en' }],
     ['meta', { property: 'og:title', content: 'EcuBus-Pro | A powerful automotive ECU development tool' }],
     ['meta', { property: 'og:site_name', content: 'EcuBus-Pro' }],
     ['meta', { property: 'og:image', content: 'https://ecubus.oss-cn-chengdu.aliyuncs.com/img/logo256.png' }],
     ['meta', { property: 'og:url', content: 'https://app.whyengineer.com' }],
     ['meta', { name: 'google-site-verification', content: '8p_3SCSQGHvWlpmik3zhY902wyQ0QwxQsHaBJocrxfA' }],
+    ['script', {},
+      `
+      window.__rum = {
+    pid: 'fx08lzooek@df6c2cc04f6d757',
+    endpoint: 'https://fx08lzooek-default-cn.rum.aliyuncs.com',
+    // 设置环境信息，参考值：'prod' | 'gray' | 'pre' | 'daily' | 'local'
+    env: 'prod', 
+    // 设置路由模式， 参考值：'history' | 'hash'
+    spaMode: 'history',
+    collectors: {
+     
+      perf: false,
+   
+      webVitals: false,
+     
+      api: false,
+   
+      staticResource: true,
+  
+      jsError: false,
+      
+      consoleError: false,
+     
+      action: true,
+    },
+    // 链路追踪配置开关，默认关闭
+    tracing: true,
+  };
+      `
+    ],
+    ['script', { src: 'https://sdk.rum.aliyuncs.com/v2/browser-sdk.js', crossorigin: 'anonymous' }],
+    ['script', { src: 'https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/viewerjs/1.10.4/viewer.min.js'}],
+    ['link', { rel: 'stylesheet', href: 'https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/viewerjs/1.10.4/viewer.min.css' }],
+    ['script', {},
+      `
+     
+      // 初始化图片查看器
+      function initImageViewer() {
+        
+        const container = document.querySelector('.content-container');
+        if (!container) return;
+       
+      
+        container.addEventListener('click', function(e) {
+          if (e.target.tagName === 'IMG') {
+            e.preventDefault();
+            
+            const images = Array.from(document.querySelectorAll('.content-container img'));
+            const currentIndex = images.indexOf(e.target);
+            
+            const viewerContainer = document.createElement('div');
+            viewerContainer.style.display = 'none';
+            document.body.appendChild(viewerContainer);
+            
+            images.forEach(img => viewerContainer.appendChild(img.cloneNode(true)));
+            
+            const viewer = new Viewer(viewerContainer, {
+              zoomRatio: 0.1,
+              hidden: function() {
+                viewer.destroy();
+                document.body.removeChild(viewerContainer);
+              }
+            });
+            
+            viewer.show();
+            viewer.view(currentIndex);
+          }
+        });
+      }
+
+      // 等待 VitePress 加载完成
+      window.addEventListener('load', () => {
+        // 初始化
+        initImageViewer();
+
+        
+      });
+
+      `
+    ],
+
   ],
+
   lastUpdated: true,
 
   themeConfig: {
@@ -80,7 +163,7 @@ export default withMermaid({
           { text: 'Graph', link: '/docs/um/graph/graph.md' },
           { text: 'CLI', link: '/docs/um/cli' },
           {
-            text: 'Script', link: '/docs/um/script', items: [   
+            text: 'Script', link: '/docs/um/script', items: [
               { text: 'Use External Package', link: '/docs/um/scriptExternal' },
             ]
           },
@@ -96,7 +179,7 @@ export default withMermaid({
         text: 'Example',
 
         items: [
-         
+
           {
             text: 'CAN', items: [
               { text: 'CAN Basic', link: '/examples/can/readme', },

.vitepress/rum.js

@@ -0,0 +1,26 @@
+window.__rum = {
+    pid: 'fx08lzooek@df6c2cc04f6d757',
+    endpoint: 'https://fx08lzooek-default-cn.rum.aliyuncs.com',
+    // 设置环境信息，参考值：'prod' | 'gray' | 'pre' | 'daily' | 'local'
+    env: 'prod', 
+    // 设置路由模式， 参考值：'history' | 'hash'
+    spaMode: 'history',
+    collectors: {
+      // 页面性能指标监听开关，默认开启
+      perf: false,
+      // WebVitals指标监听开关，默认开启
+      webVitals: false,
+      // Ajax监听开关，默认开启
+      api: false,
+      // 静态资源开关，默认开启
+      staticResource: true,
+      // JS错误监听开关，默认开启
+      jsError: false,
+      // 控制台错误监听开关，默认开启
+      consoleError: false,
+      // 用户行为监听开关，默认开启
+      action: true,
+    },
+    // 链路追踪配置开关，默认关闭
+    tracing: true,
+  };

.vscode/settings.json

@@ -3,7 +3,7 @@
     "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "[javascript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "[json]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

README.md

@@ -101,41 +101,5 @@ We welcome contributions! Please review our [contribution guidelines](./.github/
 ## License
 Apache-2.0
 
----
-
-<script setup>
-  import 'viewerjs/dist/viewer.css';
-import Viewer from 'viewerjs';
-import { onMounted,onUnmounted} from 'vue';
-onMounted(() => {
-  const images = document.querySelectorAll('img[alt="base1"]');
-  
-   const viewerContainer = document.createElement('div');
-   //setup attribute id for viewerContainer
-    viewerContainer.setAttribute('id', 'viewerContainer');
-
-
-  viewerContainer.style.display = 'none';
-  document.body.appendChild(viewerContainer);
-  //css pointer
-  images.forEach(img => img.style.cursor = 'pointer');
-  images.forEach(img => viewerContainer.appendChild(img.cloneNode(true)));
-  const viewer = new Viewer(viewerContainer, {
-    inline: false,
-    zoomRatio: 0.1,
-  });
-  images.forEach((img, index) => {
-    img.addEventListener('click', () => {
-      viewer.view(index);
-    });
-  });
-});
-onUnmounted(() => {
-  const viewerContainer = document.getElementById('viewerContainer');
-  if (viewerContainer) {
-    viewerContainer.remove();
-  }
-});
-</script>