switch to esm

Author: lukasvice

generator.js

@@ -1,6 +1,6 @@
-const fs = require('fs')
-const path = require('path')
-const axios = require('axios')
+import fs from 'fs'
+import path from 'path'
+import axios from 'axios'
 
 const GOOGLE_FONTS_URL =
   'https://fonts.google.com/metadata/icons?key=material_symbols&incomplete=true'
@@ -41,7 +41,7 @@ function generatePropsFile() {
     }
     `
 
-  fs.writeFileSync(path.join(__dirname, 'src', 'types.ts'), typesFile)
+  fs.writeFileSync(path.join(import.meta.dirname, 'src', 'types.ts'), typesFile)
 }
 
 async function generateComponentsForAllFamilies(icon) {
@@ -64,7 +64,7 @@ async function generateComponent(icon, family, filled = false) {
     console.log(`Downloading ${name}`)
 
     await fs.writeFileSync(
-      path.join(__dirname, 'src', `${name}.tsx`),
+      path.join(import.meta.dirname, 'src', `${name}.tsx`),
       mapSVGToTemplate(name, svg),
     )
   } catch {

package.json

@@ -18,6 +18,7 @@
     "react"
   ],
   "private": false,
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },

tsconfig.json

@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
-    "module": "CommonJS",
-    "target": "ES5",
+    "module": "ES2020",
+    "target": "ES2020",
     "jsx": "react",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "esModuleInterop": true,
     "outDir": "./dist",
     "declaration": true,