@tomjs/vite-plugin-vscode 3.1.1 → 3.2.1

package/README.md

@@ -236,10 +236,12 @@ The `recommended` option is used to set the default configuration and behavior,
 Inject [@tomjs/vscode-extension-webview](https://github.com/tomjs/vscode-extension-webview) into vscode extension code and web client code, so that `webview` can support `HMR` during the development stage.
 
 - vite serve
-  - extension: Inject `import __getWebviewHtml__ from '@tomjs/vscode-extension-webview';` above the file that calls the `__getWebviewHtml__` method
-  - web: Add `<script>` tag to index.html and inject `@tomjs/vscode-extension-webview/client` code
+  - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode/webview';` at the top of the file that calls the `__getWebviewHtml__` method
+  - web: Add `<script>` tag to index.html and inject `@tomjs/vite-plugin-vscode/client` code
 - vite build
-  - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` above the file that calls the `__getWebviewHtml__` method If is string, will set inject method name. Default is `__getWebviewHtml__`.
+  - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` at the top of the file that calls the `__getWebviewHtml__` method
+
+If is string, will set inject method name. Default is `__getWebviewHtml__`.
 
 #### devtools
 

package/README.zh_CN.md

@@ -241,10 +241,12 @@ const value = await acquireVsCodeApi().getState();
 在 vscode 扩展代码和 web 客户端代码中注入 [@tomjs/vscode-extension-webview](https://github.com/tomjs/vscode-extension-webview)，使 `webview` 在开发阶段能够支持 `HMR`。
 
 - vite serve
-  - extension: 在调用 `__getWebviewHtml__` 方法的文件上方注入 `import __getWebviewHtml__ from '@tomjs/vscode-extension-webview';`
+  - extension: 在调用 `__getWebviewHtml__` 方法的文件顶部注入 `import __getWebviewHtml__ from '@tomjs/vscode-extension-webview';`
   - web: 在 index.html 中添加 `<script>` 标签，注入 `@tomjs/vscode-extension-webview/client` 代码
 - vite build
-  - extension: 在调用 `__getWebviewHtml__` 方法的文件上方注入 `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` 如果为字符串，则设置注入方法名，默认为 `__getWebviewHtml__`。
+  - extension: 在调用 `__getWebviewHtml__` 方法的文件顶部注入 `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';`
+
+如果为字符串，则设置注入方法名，默认为 `__getWebviewHtml__`。
 
 #### devtools
 

package/dist/client.global.js

@@ -72,6 +72,31 @@
         }
         patchInitData(data);
       });
+      var KEYBOARD_EVENT_TYPE = "[vscode:client]:commands";
+      var isMac = navigator.userAgent.indexOf("Macintosh") >= 0;
+      document.addEventListener("keydown", (e) => {
+        console.log(e);
+        const { metaKey, shiftKey, ctrlKey, altKey, key } = e;
+        if (key === "F1") {
+          window.parent.postMessage({ type: KEYBOARD_EVENT_TYPE, data: "F1" }, "*");
+        } else if (isMac && metaKey && !altKey && !ctrlKey) {
+          if (shiftKey) {
+            if (key === "z") {
+              document.execCommand("redo");
+            }
+          } else if (key === "a") {
+            document.execCommand("selectAll");
+          } else if (key === "c") {
+            document.execCommand("copy");
+          } else if (key === "v") {
+            document.execCommand("paste");
+          } else if (key === "x") {
+            document.execCommand("cut");
+          } else if (key === "z") {
+            document.execCommand("undo");
+          }
+        }
+      });
     }
   });
   require_client();

package/dist/index.d.mts

@@ -54,16 +54,17 @@ interface PluginOptions {
      */
     recommended?: boolean;
     /**
-     * Inject [@tomjs/vscode-extension-webview](https://github.com/tomjs/vscode-extension-webview) into vscode extension code and web client code, so that webview can support HMR during the development stage.
+     * Inject code into vscode extension code and web client code, so that webview can support HMR during the development stage.
      *
      * - vite serve
-     *    - extension: Inject `import __getWebviewHtml__ from '@tomjs/vscode-extension-webview';` above the file that calls the `__getWebviewHtml__` method
-     *    - web: Add `<script>` tag to index.html and inject `@tomjs/vscode-extension-webview/client` code
+     *   - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode/webview';` at the top of the file that calls the `__getWebviewHtml__` method
+     *   - web: Add `<script>` tag to index.html and inject `@tomjs/vite-plugin-vscode/client` code
      * - vite build
-     *    - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` above the file that calls the `__getWebviewHtml__` method
+     *   - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` at the top of the file that calls the `__getWebviewHtml__` method
      *
      * If is string, will set inject method name. Default is '__getWebviewHtml__'.
      *
+     *
      * @example
      * extension file
      * ```ts

package/dist/index.d.ts

@@ -54,16 +54,17 @@ interface PluginOptions {
      */
     recommended?: boolean;
     /**
-     * Inject [@tomjs/vscode-extension-webview](https://github.com/tomjs/vscode-extension-webview) into vscode extension code and web client code, so that webview can support HMR during the development stage.
+     * Inject code into vscode extension code and web client code, so that webview can support HMR during the development stage.
      *
      * - vite serve
-     *    - extension: Inject `import __getWebviewHtml__ from '@tomjs/vscode-extension-webview';` above the file that calls the `__getWebviewHtml__` method
-     *    - web: Add `<script>` tag to index.html and inject `@tomjs/vscode-extension-webview/client` code
+     *   - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode/webview';` at the top of the file that calls the `__getWebviewHtml__` method
+     *   - web: Add `<script>` tag to index.html and inject `@tomjs/vite-plugin-vscode/client` code
      * - vite build
-     *    - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` above the file that calls the `__getWebviewHtml__` method
+     *   - extension: Inject `import __getWebviewHtml__ from '@tomjs/vite-plugin-vscode-inject';` at the top of the file that calls the `__getWebviewHtml__` method
      *
      * If is string, will set inject method name. Default is '__getWebviewHtml__'.
      *
+     *
      * @example
      * extension file
      * ```ts

package/dist/webview.d.mts

@@ -8,6 +8,6 @@ interface WebviewHtmlDevOptions {
  *
  * @param options serverUrl string or object options
  */
-declare function getHtml(options: string | WebviewHtmlDevOptions): string;
+declare function getWebviewHtml(options: string | WebviewHtmlDevOptions): string;
 
-export { WebviewHtmlDevOptions, getHtml as default, getHtml };
+export { WebviewHtmlDevOptions, getWebviewHtml as default, getWebviewHtml };

package/dist/webview.d.ts

@@ -8,6 +8,6 @@ interface WebviewHtmlDevOptions {
  *
  * @param options serverUrl string or object options
  */
-declare function getHtml(options: string | WebviewHtmlDevOptions): string;
+declare function getWebviewHtml(options: string | WebviewHtmlDevOptions): string;
 
-export { WebviewHtmlDevOptions, getHtml as default, getHtml };
+export { WebviewHtmlDevOptions, getWebviewHtml as default, getWebviewHtml };

package/dist/webview.js

@@ -102,6 +102,16 @@ var template_default = `<!doctype html>
           console.log(TAG + ' received:', e.data);
           if (type === '[vscode:client]:postMessage') {
             getApi().postMessage(data);
+          } else if (type === '[vscode:client]:commands') {
+            if (data === 'F1') {
+              window.dispatchEvent(
+                new KeyboardEvent('keydown', {
+                  key: 'F1',
+                  keyCode: 112,
+                  code: 'F1',
+                }),
+              );
+            }
           }
         }
       }
@@ -179,7 +189,7 @@ var template_default = `<!doctype html>
 `;
 
 // src/webview/webview.ts
-function getHtml(options) {
+function getWebviewHtml(options) {
   const opts = {
     serverUrl: ""
   };
@@ -190,8 +200,8 @@ function getHtml(options) {
   }
   return template_default.replace(new RegExp("{{serverUrl}}", "g"), opts.serverUrl);
 }
-var webview_default = getHtml;
+var webview_default = getWebviewHtml;
 
 
 
-exports.default = webview_default; exports.getHtml = getHtml;
+exports.default = webview_default; exports.getWebviewHtml = getWebviewHtml;

package/dist/webview.mjs

@@ -102,6 +102,16 @@ var template_default = `<!doctype html>
           console.log(TAG + ' received:', e.data);
           if (type === '[vscode:client]:postMessage') {
             getApi().postMessage(data);
+          } else if (type === '[vscode:client]:commands') {
+            if (data === 'F1') {
+              window.dispatchEvent(
+                new KeyboardEvent('keydown', {
+                  key: 'F1',
+                  keyCode: 112,
+                  code: 'F1',
+                }),
+              );
+            }
           }
         }
       }
@@ -179,7 +189,7 @@ var template_default = `<!doctype html>
 `;
 
 // src/webview/webview.ts
-function getHtml(options) {
+function getWebviewHtml(options) {
   const opts = {
     serverUrl: ""
   };
@@ -190,8 +200,8 @@ function getHtml(options) {
   }
   return template_default.replace(new RegExp("{{serverUrl}}", "g"), opts.serverUrl);
 }
-var webview_default = getHtml;
+var webview_default = getWebviewHtml;
 export {
   webview_default as default,
-  getHtml
+  getWebviewHtml
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomjs/vite-plugin-vscode",
-  "version": "3.1.1",
+  "version": "3.2.1",
   "description": "Use vue/react to develop 'vscode extension webview', supporting esm/cjs",
   "keywords": [
     "vite",
@@ -100,7 +100,7 @@
     "build": "pnpm clean && tsup",
     "clean": "rimraf ./dist",
     "lint": "run-s lint:eslint lint:stylelint lint:prettier",
-    "lint:eslint": "eslint \"{src,scripts,examples}/**/*.ts\" *.{js,cjs,ts} --fix --cache",
+    "lint:eslint": "eslint \"{src,scripts,examples}/**/*.ts\" *.{cjs,ts} --fix --cache",
     "lint:stylelint": "stylelint \"examples/**/*.{css,scss,less,vue,html}\" --fix --cache",
     "lint:prettier": "prettier --write ."
   }