Updating the WesBos extensions script and updating my extensions.

get-extensions.js

@@ -5,17 +5,48 @@ To get a list of extensions:
 2. type in `@enabled`
 3. Open VS Code dev toosls `Help` → `Toggle Developer Tools`
 4. Paste the code from [get-extensions.js](./get-extensions.js) into the console
-5. It will be in your clipboard, so just paste into `vs-code-extensions-i-use.md`
+5. You have 10 seconds to scroll your extension list to gather them all. This is weird, but VS code uses virtual scrolling so they are only added to the dom when visible.
+5. run copy(markdown), and paste into `vs-code-extensions-i-use.md`
 
 */
 
-function getExtensions() {
+async function getExtensions() {
-  const extensions = $$('.extensions-list .monaco-list-row').map(function(row) {
+  // VS Code uses Virtual scrolling, so we need to get them all
+  // I cannot find where in memory, or how to query a list of @enabled
+  // This is janky AF dont judge me
+
+  // zoom out
+  vscode.webFrame.setZoomLevel(-10);
+  const seconds = 5;
+  console.log(`You have ${seconds} seconds to scroll your list up and down as much as possible!`);
+  const allExtensions = [];
+
+  const interval = setInterval(function() {
+    allExtensions.push(...getVisibleExtensions());
+    console.log('KEEP SCROLLING!');
+  }, 300);
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      console.log('PHEW DONE!');
+      clearInterval(interval);
+      vscode.webFrame.setZoomLevel(-1);
+      console.log(allExtensions.length, 'captured');
+      const unique = uniqueBy(allExtensions, 'id');
+      console.log(unique.length, 'unique');
+      resolve(unique)
+    }, seconds * 1000);
+  });
+
+}
+
+function getVisibleExtensions() {
+  const extensions = Array.from(document.querySelectorAll('.extensions-list .monaco-list-row')).map(function (row) {
     let icon = row.querySelector('.icon').src;
     const title = row.querySelector('span.name').textContent;
     const description = row.querySelector('.description').textContent;
     const id = row.dataset.extensionId;
-    if(icon.startsWith('vscode-file')) {
+    if (icon.startsWith('vscode-file')) {
       icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`;
     }
 
@@ -47,6 +78,22 @@ ${rows.join(`\n`)}
   return markdownTable;
 }
 
-const extensions = getExtensions();
+function uniqueBy(arr, key) {
+  let seen = new Set()
+
+  return arr.filter(it => {
+    let val = it[key]
+    if (seen.has(val)) {
+      return false
+    } else {
+      seen.add(val)
+      return true
+    }
+  })
+}
+
+
+const extensions = await getExtensions();
+console.info(extensions.length, 'Found!');
 const markdown = makeMarkdownTable(extensions);
-copy(markdown);
+console.info('please run copy(markdown) to get the markdown in your clipboard')

vs-code-extensions-i-use.md

@@ -1,7 +1,7 @@
 Here are a list of all the extensions I use. This is an ever-changing setup!
 
 | ××××××                                                                                                                                                                                                                                                                                                                    |                                                                                                                                                                                                                                              |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"><img width="100" src="https://open-vsx.org/vscode/asset/formulahendry/auto-rename-tag/0.1.10/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Auto Rename Tag">                                   | <h3><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag">Auto Rename Tag</a></h3>Auto rename paired HTML/XML tag                                                                                      |
 | <a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"><img width="100" src="https://open-vsx.org/vscode/asset/aaron-bond/better-comments/3.0.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Better Comments">                                          | <h3><a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments">Better Comments</a></h3>Improve your code commenting by annotating with alert, informational, TODOs, and more!                                  |
 | <a href="https://marketplace.visualstudio.com/items?itemName=coenraads.bracket-pair-colorizer-2"><img width="100" src="https://open-vsx.org/vscode/asset/CoenraadS/bracket-pair-colorizer-2/0.1.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Bracket Pair Colorizer 2">                 | <h3><a href="https://marketplace.visualstudio.com/items?itemName=coenraads.bracket-pair-colorizer-2">Bracket Pair Colorizer 2</a></h3>A customizable extension for colorizing matching brackets                                              |
@@ -16,8 +16,15 @@ Here are a list of all the extensions I use. This is an ever-changing setup!
 | <a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest"><img width="100" src="https://open-vsx.org/vscode/asset/Orta/vscode-jest/4.2.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Jest">                                                                         | <h3><a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest">Jest</a></h3>Use Facebook's Jest With Pleasure.                                                                                                           |
 | <a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Level Up Theme Official">                                                                                         | <h3><a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup">Level Up Theme Official</a></h3>➕ Official theme of Level Up Tutorials ➕                                                                  |
 | <a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme"><img width="100" src="https://open-vsx.org/vscode/asset/PKief/material-icon-theme/4.23.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Material Icon Theme">                                       | <h3><a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme">Material Icon Theme</a></h3>Material Design Icons for Visual Studio Code                                                                         |
-| <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense"><img width="100" src="https://open-vsx.org/vscode/asset/christian-kohler/npm-intellisense/1.4.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="npm Intellisense">            | <h3><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense">npm Intellisense</a></h3>Visual Studio Code plugin that autocompletes npm modules in import statements                                   |
+| <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense"><img width="100" src="https://open-vsx.org/vscode/asset/christian-kohler/npm-intellisense/1.4.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="npm Intellisense">                           | <h3><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense">npm Intellisense</a></h3>Visual Studio Code plugin that autocompletes npm modules in import statements                                   |
 | <a href="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser"><img width="100" src="https://open-vsx.org/vscode/asset/techer/open-in-browser/2.0.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="open in browser">                                                  | <h3><a href="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser">open in browser</a></h3>This allows you to open the current file in your default browser or application.                                            |
 | <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense"><img width="100" src="https://open-vsx.org/vscode/asset/christian-kohler/path-intellisense/2.8.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Path Intellisense">                        | <h3><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense">Path Intellisense</a></h3>Visual Studio Code plugin that autocompletes filenames                                                        |
 | <a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss"><img width="100" src="https://open-vsx.org/vscode/asset/vunguyentuan/vscode-postcss/2.0.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="PostCSS Intellisense and Highlighting">                  | <h3><a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss">PostCSS Intellisense and Highlighting</a></h3>Syntax highlighting and intellisense for PostCSS                                                 |
 | <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/esbenp/prettier-vscode/9.10.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Prettier - Code formatter">                                       | <h3><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode">Prettier - Code formatter</a></h3>Code formatter using prettier                                                                                     |
+| <a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets"><img width="100" src="https://open-vsx.org/vscode/asset/fivethree/vscode-svelte-snippets/0.5.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Svelte 3 Snippets">                            | <h3><a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets">Svelte 3 Snippets</a></h3>Svelte 3 Snippets for VS Code                                                                                   |
+| <a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/svelte/svelte-vscode/106.4.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Svelte for VS Code">                                                 | <h3><a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode">Svelte for VS Code</a></h3>Svelte language support for VS Code                                                                                        |
+| <a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/RobbOwen/synthwave-vscode/0.1.15/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="SynthWave '84">                                             | <h3><a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode">SynthWave '84</a></h3>A Synthwave-inspired colour theme to satisfy your neon dreams                                                              |
+| <a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree"><img width="100" src="https://open-vsx.org/vscode/asset/Gruntfuggly/todo-tree/0.0.215/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Todo Tree">                                                        | <h3><a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree">Todo Tree</a></h3>Show TODO, FIXME, etc. comment tags in a tree view                                                                                 |
+| <a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons"><img width="100" src="https://open-vsx.org/vscode/asset/vscode-icons-team/vscode-icons/12.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="vscode-icons">                                    | <h3><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons">vscode-icons</a></h3>Icons for Visual Studio Code                                                                                           |
+| <a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components"><img width="100" src="https://open-vsx.org/vscode/asset/styled-components/vscode-styled-components/1.7.5/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="vscode-styled-components"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components">vscode-styled-components</a></h3>Syntax highlighting for styled-components                                                      |
+| <a href="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Wrap Console Log Simple">                                                                               | <h3><a href="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple">Wrap Console Log Simple</a></h3>Wrap to console.log(or any function name) by word or selection                                    |