chore: declare codicons as peer dep

.gitignore

@@ -1,3 +1,4 @@
+.DS_Store
 node_modules
 /lib/
 /test/

README.md

@@ -113,7 +113,9 @@ Displays the file size of the bundled library (dist/bundled.js) in bytes.
 
 ### icons
 
-Generates icon list for the documentation site
+Generates icon list for the documentation site. The output of this script should
+replace the `List of icons` section inside
+the `vscode-elements.github.io/src/content/docs/components/icon.mdx` so the docs stay in sync with the latest Codicon set.
 
 ### vscode-data
 

package.json

@@ -135,6 +135,9 @@
     "@lit/context": "^1.1.3",
     "lit": "^3.2.1"
   },
+  "peerDependencies": {
+    "@vscode/codicons": ">=0.0.40"
+  },
   "devDependencies": {
     "@awmottaz/prettier-plugin-void-html": "^2.0.0",
     "@bendera/wds-plugin-directory-index": "^0.5.0",

scripts/generateIconList.js

@@ -1,19 +1,22 @@
 import fs from 'fs';
+import prettier from 'prettier';
 
 fs.readFile(
   './node_modules/@vscode/codicons/src/template/mapping.json',
   'utf-8',
-  (err, data) => {
+  async (err, data) => {
     if (err) {
       throw err;
     }
 
     const iconMap = JSON.parse(data);
     const keys = Object.keys(iconMap).sort();
+    const raw = keys
+      .map((k) => `<vscode-icon name="${k}" title="${k}"></vscode-icon>`)
+      .join('\n');
+    const formatted = await prettier.format(raw, {parser: 'html'});
 
-    keys.forEach((k) => {
-      // eslint-disable-next-line no-undef
-      console.log(`<vscode-icon name="${k}" title="${k}"></vscode-icon>`);
-    });
+    // eslint-disable-next-line no-undef
+    console.log(formatted);
   }
 );