@huawei-ide/codearts 0.0.8 → 1.0.0

package/README.md

@@ -9,14 +9,14 @@
 2. 引入 @huawei-ide/codearts  
    `const ide = require('@huawei-ide/codearts');`
 
-3. 预加载IDE  
-   其中id参数为挂载节点id,返回Promise：  
-   `ide.preload(id: string).then(() => {});`
+3. 预加载IDE, 返回Promise：     
+   `await ide.preload();`
 
 4. 展示IDE  
-   `ide.show({width：string,height: string});`
+   其中id参数为挂载节点id, 返回Promise：
+   `ide.show(id: string, {width：string,height: string}).then(() => {});`
 
-5. 打开文件  
+5. 打开文件，默认可编辑    
    参数content为文件内容，类型为string，path是工程内文件的唯一路径，例如'src', 'src/tool', name为带后缀的文件名：
    ```
    ide.openFile({
@@ -26,5 +26,14 @@
     });
    ```
 
-6. 销毁IDE  
-   `ide.dispose();`
+6. 设置文件是否为预览(只读)状态    
+   `ide.setPreview(preview: boolean)`  
+   
+7. 获取当前文件最新内容，返回Promise：  
+   `await ide.getContent();`
+
+8. 设置Token：  
+   `ide.setToken();`   
+   
+9.  销毁IDE     
+   `ide.dispose();`

package/index.js

@@ -1,32 +1,60 @@
-var iframe = document.createElement('iframe');
+const hcOrigin = 'https://res.hc-cdn.com';
+const iframe = document.createElement('iframe');
 iframe.id = 'codeartside';
-iframe.src = 'https://res.hc-cdn.com/codearts-core-web-static/1.0.14/resources/server/gitcode.html';
+iframe.src = hcOrigin + '/codearts-core-web-static/1.0.16/resources/server/gitcode.html';
 iframe.width = '1px';
 iframe.height = '1px';
 iframe.style.opacity = 0;
 iframe.style.zIndex = -1;
 
-export function preload(id) {
-    var targetNode = document.getElementById(id);
-    targetNode.appendChild(iframe);
+function ideLoading() {
     return new Promise((resolve) => {
-        window.addEventListener('message', function(event) {
-			console.log('-gitcode--receive message---', event.data);
+        function handleMessage(event) {
+            console.log('-gitcode--receive message---', event.data);
+            if (event.origin !== hcOrigin) {
+                return;
+            }
             if (event.data === 'ide-loaded') {
-                console.log('====Message received from iframe:', event.data);
                 resolve();
+                window.removeEventListener('message', handleMessage);
+            }
+        }
+        window.addEventListener('message', handleMessage);
+    });
+}
+
+function ideContent() {
+    return new Promise((resolve) => {
+        function handleMessage(event) {
+            const { type, data } = event.data;
+            console.log('-gitcode--receive message---', event.data);
+            if (event.origin !== hcOrigin) {
+                return;
+            }
+            if (type === 'ide-content') {
+                resolve(data);
+                window.removeEventListener('message', handleMessage);
             }
-        });
+        }
+        window.addEventListener('message', handleMessage);
     });
 }
 
+export function preload() {
+    document.body.appendChild(iframe);
+    return ideLoading();
+}
+
 // style: { width: string, height: string }
-export function show(style) {
+export function show(id, style) {
+    var targetNode = document.getElementById(id);
+    targetNode.appendChild(iframe);
     const {width, height} = style;
     iframe.width = width; 
     iframe.height = height; 
     iframe.style.opacity = 1;
     iframe.style.zIndex = 1;
+    return ideLoading();
 }
 
 // file: { content: string, path: string, name: string }
@@ -39,9 +67,33 @@ export function openFile(file) {
 }
 
 export function dispose() {
-    iframe.parentNode.removeChild(iframe);
+    iframe.remove();
+}
+
+export function setPreview(preview) {
+    const message = {
+        type: 'setPreview',
+        data: preview
+    };
+    postMessage(message);
+}
+
+export function getContent() {
+    const message = {
+        type: 'getContent'
+    };
+    postMessage(message);
+    return ideContent();
+}
+
+export function setToken(token) {
+    const message = {
+        type: 'setToken',
+        data: token
+    };
+    postMessage(message);
 }
 
 function postMessage(message) {
-    iframe.contentWindow.postMessage(message, '*');
+    iframe.contentWindow.postMessage(message, hcOrigin);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huawei-ide/codearts",
-  "version": "0.0.8",
+  "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {