fix&style: some litter fix of devbox plugin and web

extensions/ide/vscode/devbox/.gitignore

@@ -5,4 +5,5 @@ node_modules
 *.vsix
 
 .env
-!.vscode/
+!.vscode/
+resources/codicons/

extensions/ide/vscode/devbox/.vscode/launch.json

@@ -13,7 +13,7 @@
       "outFiles": ["${workspaceFolder}/dist/**/*.js"],
       "preLaunchTask": "${defaultBuildTask}",
       "env": {
-        "NODE_ENV": "development"
+        // "NODE_ENV": "development"
       }
     }
   ]

extensions/ide/vscode/devbox/l10n/bundle.l10n.zh-CN.json

@@ -0,0 +1,22 @@
+{
+  "Type": "数据库类型",
+  "Username": "用户名",
+  "Password": "密码",
+  "Host": "主机",
+  "Port": "端口",
+  "Copy Password": "复制密码",
+  "Copy Connection String": "复制连接串",
+  "Connection string copied to clipboard!": "连接串已复制到剪贴板！",
+  "Please select a region,RegionList are added by your each connection.": "请选择一个可用区，可用区来自于您的每个连接。",
+  "Only Devbox can be opened.": "只能打开 Devbox。",
+  "Are you sure to delete?": "确定删除Devbox？",
+  "This action will only delete the devbox ssh config in the local environment.": "此操作只会删除本地环境中的 Devbox SSH 配置。",
+  "Delete Devbox failed.": "删除 Devbox 失败。",
+  "Give us a feedback in our GitHub repository.": "在 GitHub 仓库反馈。",
+  "Give us a feedback in our help desk system.": "在工单系统反馈。",
+  "Protocol": "协议",
+  "Address": "地址",
+  "Open in Browser": "在浏览器中打开",
+  "Preview in Editor": "在编辑器中预览",
+  "Open Database Web Terminal": "打开数据库 Web 终端"
+}

extensions/ide/vscode/devbox/package.json

@@ -1,27 +1,28 @@
 {
   "name": "devbox-aio",
-  "displayName": "Devbox",
-  "description": "help code for cloud devbox in sailos/sealos",
-  "version": "1.1.9",
+  "displayName": "%displayName%",
+  "description": "%description%",
+  "version": "1.2.2024112203",
   "keywords": [
     "devbox",
     "remote development",
     "remote"
   ],
   "bugs": {
-    "url": "https://github.com/mlhiter/devbox/issues"
+    "url": "https://github.com/labring/sealos/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/mlhiter/devbox"
+    "url": "https://github.com/labring/sealos"
   },
-  "homepage": "https://github.com/mlhiter/devbox/blob/master/README.md",
+  "homepage": "https://github.com/labring/sealos/blob/main/extensions/ide/vscode/devbox/README.md",
   "publisher": "labring",
-  "license": "MIT",
+  "license": "Apache-2.0",
   "icon": "images/icon.png",
   "engines": {
     "vscode": "^1.91.0"
   },
+  "l10n": "./l10n",
   "categories": [
     "Other"
   ],
@@ -37,87 +38,71 @@
     "commands": [
       {
         "command": "devbox.connectRemoteSSH",
-        "title": "Devbox: Connect to Remote SSH"
+        "title": "%devbox.connectRemoteSSH.title%"
       },
       {
         "command": "devboxDashboard.refresh",
-        "title": "Refresh Devbox",
+        "title": "%devbox.refresh.title%",
         "icon": {
           "light": "images/light/refresh.svg",
           "dark": "images/dark/refresh.svg"
         }
       },
       {
         "command": "devboxDashboard.createDevbox",
-        "title": "Create Devbox",
+        "title": "%devbox.create.title%",
         "icon": {
           "light": "images/light/create.svg",
           "dark": "images/dark/create.svg"
         }
       },
       {
         "command": "devboxDashboard.openDevbox",
-        "title": "Open Devbox",
+        "title": "%devbox.open.title%",
         "icon": {
           "light": "images/light/open.svg",
           "dark": "images/dark/open.svg"
         }
       },
       {
         "command": "devboxDashboard.deleteDevbox",
-        "title": "Delete Devbox",
+        "title": "%devbox.delete.title%",
         "icon": {
           "light": "images/light/delete.svg",
           "dark": "images/dark/delete.svg"
         }
       },
       {
         "command": "devbox.openExternalLink",
-        "title": "Devbox:Open in Browser"
+        "title": "%devbox.openInBrowser.title%"
       },
       {
         "command": "devbox.copy",
-        "title": "Copy Connection String",
+        "title": "%devbox.copy.title%",
         "icon": {
           "light": "images/light/copy.svg",
           "dark": "images/dark/copy.svg"
         }
       },
       {
         "command": "devbox.refreshDatabase",
-        "title": "Refresh Database",
+        "title": "%devbox.refreshDatabase.title%",
         "icon": {
           "light": "images/light/refresh.svg",
           "dark": "images/dark/refresh.svg"
         }
       },
       {
         "command": "devbox.refreshNetwork",
-        "title": "Refresh Network",
+        "title": "%devbox.refreshNetwork.title%",
         "icon": {
           "light": "images/light/refresh.svg",
           "dark": "images/dark/refresh.svg"
         }
       },
-      {
-        "command": "devbox.openInIntegratedBrowser",
-        "title": "Open in Integrated Browser",
-        "icon": {
-          "light": "images/light/globe.svg",
-          "dark": "images/dark/globe.svg"
-        }
-      },
-      {
-        "command": "devbox.openInExternalBrowser",
-        "title": "Open in External Browser",
-        "icon": {
-          "light": "images/light/link-external.svg",
-          "dark": "images/dark/link-external.svg"
-        }
-      },
       {
         "command": "devbox.gotoDatabaseWebPage",
-        "title": "Goto Database Web Page",
+        "title": "%devbox.gotoDatabaseWebPage.title%",
         "icon": {
           "light": "images/light/link-external.svg",
           "dark": "images/dark/link-external.svg"
@@ -128,51 +113,55 @@
       "devboxListView": [
         {
           "id": "devboxDashboard",
-          "name": "My Projects"
+          "name": "%devbox.myProjects.title%"
         },
         {
           "id": "devboxFeedback",
-          "name": "Feedback"
+          "name": "%devbox.feedback.title%"
         }
       ],
       "networkView": [
         {
           "id": "networkView",
-          "name": "Network"
+          "name": "%devbox.network.title%",
+          "type": "webview",
+          "when": "remoteName == ssh-remote"
         }
       ],
       "dbView": [
         {
+          "type": "webview",
           "id": "dbView",
-          "name": "Database"
+          "name": "%devbox.database.title%",
+          "when": "remoteName == ssh-remote"
         }
       ]
     },
     "viewsContainers": {
       "activitybar": [
         {
           "id": "devboxListView",
-          "title": "Devbox",
+          "title": "%devbox.devbox.title%",
           "icon": "images/explorer.svg"
         }
       ],
       "panel": [
         {
           "id": "networkView",
-          "title": "Network",
+          "title": "%devbox.network.title%",
           "icon": "images/network.svg"
         },
         {
           "id": "dbView",
-          "title": "Database",
+          "title": "%devbox.database.title%",
           "icon": "images/database.svg"
         }
       ]
     },
     "viewsWelcome": [
       {
         "view": "devboxDashboard",
-        "contents": "View and manage your devboxes,Now you can create a new devbox."
+        "contents": "%devbox.welcome.title%"
       }
     ],
     "menus": {
@@ -213,21 +202,6 @@
           "command": "devboxDashboard.deleteDevbox",
           "when": "view == devboxDashboard && viewItem == devbox",
           "group": "inline@2"
-        },
-        {
-          "command": "devbox.copy",
-          "when": "view == dbView && viewItem == database",
-          "group": "inline"
-        },
-        {
-          "command": "devbox.openInIntegratedBrowser",
-          "when": "view == networkView && viewItem == network",
-          "group": "inline@1"
-        },
-        {
-          "command": "devbox.openInExternalBrowser",
-          "when": "view == networkView && viewItem == network",
-          "group": "inline@2"
         }
       ]
     }
@@ -238,11 +212,12 @@
   "scripts": {
     "vscode:prepublish": "npm run package",
     "compile": "webpack",
-    "watch": "webpack --watch",
-    "package": "webpack --mode production --devtool hidden-source-map",
+    "watch": "npm run copy-codicons && webpack --watch",
+    "package": "npm run copy-codicons && webpack --mode production --devtool hidden-source-map",
     "compile-tests": "tsc -p . --outDir out",
     "watch-tests": "tsc -p . -w --outDir out",
     "pretest": "npm run compile-tests && npm run compile && npm run lint",
+    "copy-codicons": "mkdir -p resources/codicons && cp -r node_modules/@vscode/codicons/dist/* resources/codicons/",
     "lint": "eslint src",
     "test": "vscode-test"
   },
@@ -261,6 +236,7 @@
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
+    "@vscode/codicons": "^0.0.36",
     "axios": "^1.7.5",
     "execa": "^9.5.1",
     "ssh-config": "^5.0.0"

extensions/ide/vscode/devbox/package.nls.json

@@ -0,0 +1,20 @@
+{
+  "displayName": "Devbox",
+  "description": "help code for cloud devbox in sailos/sealos",
+  "devbox.connectRemoteSSH.title": "Devbox: Connect to Remote SSH",
+  "devbox.refresh.title": "Devbox: Refresh",
+  "devbox.create.title": "Devbox: Create new Devbox",
+  "devbox.open.title": "Devbox: Open Devbox",
+  "devbox.delete.title": "Devbox: Delete Devbox",
+  "devbox.openInBrowser.title": "Devbox: Open in Browser",
+  "devbox.copy.title": "Devbox: Copy",
+  "devbox.refreshDatabase.title": "Devbox: Refresh Database",
+  "devbox.refreshNetwork.title": "Devbox: Refresh Network",
+  "devbox.gotoDatabaseWebPage.title": "Devbox: Open Database Web Page",
+  "devbox.myProjects.title": "My Devboxes",
+  "devbox.feedback.title": "Feedback",
+  "devbox.network.title": "Network",
+  "devbox.database.title": "Database",
+  "devbox.devbox.title": "Devbox",
+  "devbox.welcome.title": "No Devbox yet, please create a new devbox.\n [Create Devbox](command:devboxDashboard.createDevbox)\n To learn more about how to use Devbox, please visit [Devbox Documentation](https://sailos.io/docs/quick-start)."
+}

extensions/ide/vscode/devbox/package.nls.zh-CN.json

@@ -0,0 +1,20 @@
+{
+  "displayName": "Devbox",
+  "description": "用于 sailos/sealos 中云Devbox的辅助工具",
+  "devbox.connectRemoteSSH.title": "Devbox: 连接远程 SSH",
+  "devbox.refresh.title": "Devbox: 刷新",
+  "devbox.create.title": "Devbox: 创建",
+  "devbox.open.title": "Devbox: 打开",
+  "devbox.delete.title": "Devbox: 删除",
+  "devbox.openInBrowser.title": "Devbox: 在浏览器中打开",
+  "devbox.copy.title": "Devbox: 复制",
+  "devbox.refreshDatabase.title": "Devbox: 刷新数据库",
+  "devbox.refreshNetwork.title": "Devbox: 刷新网络",
+  "devbox.gotoDatabaseWebPage.title": "Devbox: 打开数据库网页",
+  "devbox.myProjects.title": "我的项目",
+  "devbox.feedback.title": "反馈",
+  "devbox.network.title": "网络",
+  "devbox.database.title": "数据库",
+  "devbox.devbox.title": "Devbox",
+  "devbox.welcome.title": "还没有Devbox，请创建一个新的Devbox。\n [创建Devbox](command:devboxDashboard.createDevbox)\n 要了解更多关于如何使用Devbox的信息，请访问[Devbox文档](https://sailos.io/docs/quick-start)。"
+}