Minor updates (microsoft#147)

Description of changes A collection of minor updates including: - Update all samples to use latest version of the toolkit - Update all sample extension README screenshots - Fix out-of-date configs in the update-toolkit-package.js script - Remove unused categories field from package.json - Update vscode engine to ^1.75.0 in all samples - Remove activationEvent field (no longer needed in vscode engine ^1.75.0 - Remove CSS that was applying too much spacing to hello world framework samples
rtetley · May 11, 2023 · b3ebbd8 · b3ebbd8
1 parent edaead8
commit b3ebbd8
Show file tree

Hide file tree

Showing 68 changed files with 114 additions and 220 deletions.
diff --git a/default/component-gallery/README.md b/default/component-gallery/README.md
@@ -2,7 +2,7 @@
 
 This sample extension demonstrates every component in the Webview UI Toolkit for Visual Studio Code.
 
-![A screenshot of the sample extension.](./assets/component-gallery-screenshot.png)
+![A screenshot of the sample extension.](./assets/component-gallery.png)
 
 ## Run The Sample
 

diff --git a/default/component-gallery/assets/component-gallery-screenshot.png b/default/component-gallery/assets/component-gallery-screenshot.png
diff --git a/default/component-gallery/assets/component-gallery.png b/default/component-gallery/assets/component-gallery.png
diff --git a/default/component-gallery/package-lock.json b/default/component-gallery/package-lock.json
diff --git a/default/component-gallery/package.json b/default/component-gallery/package.json
@@ -4,14 +4,8 @@
   "description": "A sample extension to show off all components in the Webview UI Toolkit for Visual Studio Code.",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.74.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onCommand:component-gallery.showGallery"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "commands": [
@@ -43,6 +37,6 @@
     "typescript": "^4.8.4"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.1"
+    "@vscode/webview-ui-toolkit": "^1.2.2"
   }
 }
diff --git a/default/hello-world-webpack/README.md b/default/hello-world-webpack/README.md
@@ -2,7 +2,7 @@
 
 This is a version of the Hello World sample extension that uses Webpack instead of esbuild.
 
-![A screenshot of the sample extension.](./assets/hello-world-screenshot.png)
+![A screenshot of the sample extension.](./assets/hello-world.png)
 
 ## Run The Sample
 

diff --git a/default/hello-world-webpack/assets/hello-world-screenshot.png b/default/hello-world-webpack/assets/hello-world-screenshot.png
diff --git a/default/hello-world-webpack/assets/hello-world.png b/default/hello-world-webpack/assets/hello-world.png
diff --git a/default/hello-world-webpack/package-lock.json b/default/hello-world-webpack/package-lock.json
diff --git a/default/hello-world-webpack/package.json b/default/hello-world-webpack/package.json
@@ -4,14 +4,8 @@
   "description": "A hello world sample extension to show off the Webview UI Toolkit for Visual Studio Code.",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.74.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onCommand:hello-world.showHelloWorld"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "commands": [
@@ -44,6 +38,6 @@
     "webpack-cli": "^4.10.0"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.1"
+    "@vscode/webview-ui-toolkit": "^1.2.2"
   }
 }
diff --git a/default/hello-world/README.md b/default/hello-world/README.md
@@ -2,7 +2,7 @@
 
 This is the sample extension that goes along with the Webview UI Toolkit [Getting Started Guide](https://github.com/microsoft/vscode-webview-toolkit/blob/main/docs/getting-started.md).
 
-![A screenshot of the sample extension.](./assets/hello-world-screenshot.png)
+![A screenshot of the sample extension.](./assets/hello-world.png)
 
 ## Run The Sample
 

diff --git a/default/hello-world/assets/hello-world-screenshot.png b/default/hello-world/assets/hello-world-screenshot.png
diff --git a/default/hello-world/assets/hello-world.png b/default/hello-world/assets/hello-world.png
diff --git a/default/hello-world/package-lock.json b/default/hello-world/package-lock.json
diff --git a/default/hello-world/package.json b/default/hello-world/package.json
@@ -4,14 +4,8 @@
   "description": "A hello world sample extension to show off the Webview UI Toolkit for Visual Studio Code.",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.74.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onCommand:hello-world.showHelloWorld"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "commands": [
@@ -42,6 +36,6 @@
     "typescript": "^4.8.4"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.1"
+    "@vscode/webview-ui-toolkit": "^1.2.2"
   }
 }
diff --git a/default/notepad/README.md b/default/notepad/README.md
@@ -2,7 +2,7 @@
 
 This sample extension showcases the toolkit in the context of a simple notepad experience that leverages the [TreeView API](https://code.visualstudio.com/api/extension-guides/tree-view) and [Webview API](https://code.visualstudio.com/api/extension-guides/webview).
 
-![A screenshot of the sample extension.](./assets/notepad-screenshot.png)
+![A screenshot of the sample extension.](./assets/notepad.png)
 
 ## Run The Sample
 

diff --git a/default/notepad/assets/notepad-screenshot.png b/default/notepad/assets/notepad-screenshot.png
diff --git a/default/notepad/assets/notepad.png b/default/notepad/assets/notepad.png
diff --git a/default/notepad/package-lock.json b/default/notepad/package-lock.json
diff --git a/default/notepad/package.json b/default/notepad/package.json
@@ -4,14 +4,8 @@
   "description": "A sample extension that showcases the Webview UI Toolkit for VS Code alongside the VS Code TreeView and Webview API",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.74.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onView:notepad.notesList"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "commands": [
@@ -89,7 +83,7 @@
     "typescript": "^4.8.4"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.1",
+    "@vscode/webview-ui-toolkit": "^1.2.2",
     "uuid": "^9.0.0"
   }
 }
diff --git a/default/weather-webview/README.md b/default/weather-webview/README.md
@@ -2,7 +2,7 @@
 
 This sample extension demonstrates the Webview UI Toolkit for Visual Studio Code being used within a Webview View.
 
-![A screenshot of the sample extension.](./assets/weather-webview-screenshot.png)
+![A screenshot of the sample extension.](./assets/weather-webview.png)
 
 ## Run The Sample
 

diff --git a/default/weather-webview/assets/weather-webview-screenshot.png b/default/weather-webview/assets/weather-webview-screenshot.png
diff --git a/default/weather-webview/assets/weather-webview.png b/default/weather-webview/assets/weather-webview.png
diff --git a/default/weather-webview/package-lock.json b/default/weather-webview/package-lock.json
diff --git a/default/weather-webview/package.json b/default/weather-webview/package.json
@@ -4,14 +4,8 @@
   "description": "A sample extension to show off the Webview UI Toolkit for Visual Studio Code being used in a webview view.",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.74.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onView:weather.weatherView"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "views": {
@@ -46,7 +40,7 @@
     "typescript": "^4.8.4"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.1",
+    "@vscode/webview-ui-toolkit": "^1.2.2",
     "weather-js": "^2.0.0"
   }
 }
diff --git a/frameworks/hello-world-angular/README.md b/frameworks/hello-world-angular/README.md
@@ -2,7 +2,7 @@
 
 This is an implementation of the default [Hello World](https://github.com/microsoft/vscode-webview-ui-toolkit-samples/tree/main/default/hello-world) sample extension that demonstrates how to set up and use a [Angular](https://angular.io/) + [Webview UI Toolkit](https://github.com/microsoft/vscode-webview-ui-toolkit) webview extension.
 
-![A screenshot of the sample extension.](./assets/hello-world-screenshot.png)
+![A screenshot of the sample extension.](./assets/hello-world.png)
 
 ## Documentation
 

diff --git a/frameworks/hello-world-angular/assets/hello-world-screenshot.png b/frameworks/hello-world-angular/assets/hello-world-screenshot.png
diff --git a/frameworks/hello-world-angular/assets/hello-world.png b/frameworks/hello-world-angular/assets/hello-world.png
diff --git a/frameworks/hello-world-angular/package.json b/frameworks/hello-world-angular/package.json
@@ -4,14 +4,8 @@
   "description": "A hello world sample extension to demonstrate using Angular with the Webview UI Toolkit for VS Code.",
   "version": "0.0.1",
   "engines": {
-    "vscode": "^1.46.0"
+    "vscode": "^1.75.0"
   },
-  "categories": [
-    "Other"
-  ],
-  "activationEvents": [
-    "onCommand:hello-world.showHelloWorld"
-  ],
   "main": "./out/extension.js",
   "contributes": {
     "commands": [