Working on configuration webview

6 years ago · cc1eef5dff
parent 4c96f7ed21
commit cc1eef5dff
5 changed files with 68 additions and 1 deletions
--- a/package.json
+++ b/package.json
@ -19,7 +19,9 @@
        "onCommand:sshfs.reconnect",
        "onCommand:sshfs.disconnect",
        "onCommand:sshfs.configure",
-        "onCommand:sshfs.delete"
+        "onCommand:sshfs.delete",
        "onCommand:sshfs.reload",
        "onCommand:sshfs.settings"
    ],
    "main": "./out/extension.js",
    "author": {
@ -76,6 +78,11 @@
                "command": "sshfs.reload",
                "title": "Reload configurations",
                "category": "SSH FS"
            },
            {
                "command": "sshfs.settings",
                "title": "Open settings and edit configurations",
                "category": "SSH FS"
            }
        ],
        "menus": {
@ -106,6 +113,14 @@
                    "command": "sshfs.delete",
                    "group": "SSH FS@6",
                    "when": "view == 'DISABLED'"
                },
                {
                    "command": "sshfs.reload",
                    "group": "SSH FS@7"
                },
                {
                    "command": "sshfs.settings",
                    "group": "SSH FS@8"
                }
            ],
            "view/item/context": [
--- a/resources/settings.html
+++ b/resources/settings.html
@ -0,0 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cat Coding</title>
 </head>
 <body>
    <script src="$ROOT/settings.js"></script>
 </body>
 </html>
--- a/resources/settings.js
+++ b/resources/settings.js
@ -0,0 +1,4 @@
 const body = document.body;
 body.append('ABC');
 console.log('ok');
--- a/src/extension.ts
+++ b/src/extension.ts
@ -4,6 +4,7 @@ import { invalidConfigName, loadConfigs } from './config';
 import { FileSystemConfig } from './fileSystemConfig';
 import * as Logging from './logging';
 import { Manager } from './manager';
 import * as settings from './settings';
 function generateDetail(config: FileSystemConfig): string | undefined {
  const { username, host, putty } = config;
@ -66,5 +67,7 @@ export function activate(context: vscode.ExtensionContext) {
  registerCommand('sshfs.reload', loadConfigs);
  registerCommand('sshfs.settings', () => settings.open(context.extensionPath));
  vscode.window.createTreeView('sshfs-configs', { treeDataProvider: manager });
 }
--- a/src/settings.ts
+++ b/src/settings.ts
@ -0,0 +1,31 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import * as vscode from 'vscode';
 import { loadConfigs } from './config';
 let webviewPanel: vscode.WebviewPanel | undefined;
 export function open(extensionPath: string) {
  if (!webviewPanel) {
    webviewPanel = vscode.window.createWebviewPanel('sshfs-settings', 'SSH-FS Settings', vscode.ViewColumn.One, { enableScripts: true });
    webviewPanel.onDidDispose(() => webviewPanel = undefined);
    webviewPanel.webview.onDidReceiveMessage(handleMessage);
    const content = fs.readFileSync(path.resolve(extensionPath, 'resources/settings.html')).toString();
    webviewPanel.webview.html = content.replace(/\$ROOT/g, vscode.Uri.file(path.join(extensionPath, 'resources')).with({ scheme: 'vscode-resource' }).toString());
  }
  webviewPanel.reveal();
 }
 interface RequestDataMessage {
  type: 'requestData';
 }
 type Message = { type: 'requestData' } | RequestDataMessage;
 async function handleMessage(message: Message): Promise<any> {
  switch (message.type) {
    case 'requestData': {
      return webviewPanel!.webview.postMessage(await loadConfigs());
    }
  }
 }