refactor(icons): port to ES module, formating.

Add changeset to trigger release

.changeset/eighty-terms-grab.md

@@ -0,0 +1,5 @@
+---
+'@itk-viewer/icons': patch
+---
+
+Add @itk-viewer/icons package.

packages/icons/README.md

@@ -25,7 +25,6 @@ revision `f6b4fa13c8`, before they were extracted.
 
 ## Icon Renderings
 
-
 <table>
   <tr>
     <th>annotationsIconDataUri</th>

packages/icons/README.md.in

@@ -25,4 +25,3 @@ revision `f6b4fa13c8`, before they were extracted.
 
 ## Icon Renderings
 
-

packages/icons/build.mjs

@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import glob from 'glob';
+import svgToMiniDataURI from 'mini-svg-data-uri';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+try {
+  fs.mkdirSync('dist');
+} catch (err) {
+  if (err.code !== 'EEXIST') throw err;
+}
+
+const svgFiles = glob.sync(path.join('src', '*.svg'));
+const icons = new Map();
+svgFiles.forEach((svgFile) => {
+  const contents = fs.readFileSync(svgFile, { encoding: 'utf8', flag: 'r' });
+  const optimizedSVGDataURI = svgToMiniDataURI(contents);
+  const moduleContents = `const optimizedSVGDataUri = "${optimizedSVGDataURI}"
+
+export default optimizedSVGDataUri
+`;
+  const basename = path.basename(svgFile, '.svg');
+  icons.set(`${basename}IconDataUri`, {
+    modulePath: `./${basename}.svg.uri.js`,
+    svgFile,
+  });
+  fs.writeFileSync(path.join('dist', `${basename}.svg.uri.js`), moduleContents);
+});
+
+const indexFile = path.join('dist', 'index.js');
+const indexFD = fs.openSync(indexFile, 'w');
+for (const [varName, { modulePath }] of icons) {
+  fs.writeSync(
+    indexFD,
+    `export { default as ${varName} } from "${modulePath}"\n`,
+  );
+}
+fs.closeSync(indexFD);
+
+const readmeContents = fs.readFileSync(path.join(__dirname, 'README.md.in'), {
+  encoding: 'utf8',
+  flag: 'r',
+});
+const readmeFD = fs.openSync(path.join(__dirname, 'README.md'), 'w');
+fs.writeSync(readmeFD, readmeContents);
+
+fs.writeSync(readmeFD, '<table>\n');
+for (const [varName, { svgFile }] of icons) {
+  fs.writeSync(readmeFD, '  <tr>\n');
+  fs.writeSync(readmeFD, `    <th>${varName}</th>\n`);
+  fs.writeSync(
+    readmeFD,
+    `    <th><img src="${svgFile}" width="40" alt="${varName}"/></th>\n`,
+  );
+  fs.writeSync(readmeFD, '  </tr>\n');
+}
+fs.writeSync(readmeFD, '</table>\n');

packages/icons/package.json

@@ -4,7 +4,7 @@
   "description": "UI icons for itk-viewer",
   "module": "dist/index.js",
   "scripts": {
-    "build": "node build.js",
+    "build": "node build.mjs",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {