upload webpage that used to embed devstar webpage

2024-10-01 11:58:55 +08:00
parent f854fb3599
commit 535ede85ee
2 changed files with 72 additions and 1 deletions
--- a/src/home.ts
+++ b/src/home.ts
@@ -5,7 +5,7 @@ import {fetch} from './utils'
 export default class DSHome {
  private context: vscode.ExtensionContext;
  private remoteContainer: RemoteContainer;
-  static defaultUrl = 'http://localhost:8080/tmp/index.html';
+  static defaultUrl = 'http://localhost:8080/test/index.html';

  constructor(context: vscode.ExtensionContext) {
    this.context = context;
--- a/test/index.html
+++ b/test/index.html
@@ -0,0 +1,71 @@
+<?php
+header("Access-Control-Allow-Origin: *");
+header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method");
+header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
+header("Allow: GET, POST, OPTIONS, PUT, DELETE");
+?>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DevStar Home</title>
+</head>
+
+<body>
+    <iframe src="http://localhost:8080/test/embedded.html" 
+    width="100%" 
+    height="50%"
+    frameborder="0"
+    style="border: 0; left: 0; right: 0; bottom: 0; top: 0; position:absolute;">
+    </iframe>
+
+    <!-- <iframe src="http://www.devstar.cn" 
+    width="100%" 
+    height="100%"
+    frameborder="0"
+    style="border: 0; left: 0; right: 0; bottom: 0; top: 0; position:absolute;">
+    </iframe> -->
+    <script>
+        const vscode = acquireVsCodeApi();
+
+        function firstOpenRemoteFolder() {
+            vscode.postMessage({ command: 'firstOpenRemoteFolder', host: host, username: username, password: password, port: port, path: path });
+        }
+
+        function openRemoteFolder() {
+            vscode.postMessage({ command: 'openRemoteFolder', host: host, path: path });
+        }
+
+        function firstOpenRemoteFolderWithData(host, username, password, port, path) {
+            vscode.postMessage({ command: 'firstOpenRemoteFolder', host: host, username: username, password: password, port: port, path: path });
+        }
+
+        function openRemoteFolderWithData(host, path) {
+            vscode.postMessage({ command: 'openRemoteFolder', host: host, path: path });
+        }
+
+        // 监听子页面的消息
+        window.addEventListener('message', (event) => {
+            // 出于安全考虑，检查 event.origin 是否是你预期的源
+            // if (event.origin !== "http://expected-origin.com") {
+            //     return;
+            // }
+        
+            try {
+                const data = JSON.parse(event.data);
+                if (data.action === 'firstOpenRemoteFolder') {
+                    console.log('Received message:', data);
+                    firstOpenRemoteFolderWithData(data.host, data.username, data.password, data.port, data.path);
+                } else if (data.action === 'openRemoteFolder') {
+                    console.log('Received message:', data);
+                    openRemoteFolderWithData(data.host, data.path);
+                }
+            } catch (error) {
+                console.error('Error parsing message:', error);
+            }
+        });
+    </script>
+</body>
+</html>