make multi-entry

packages/icons/package.json

@@ -5,27 +5,60 @@
     "dist",
     "svg"
   ],
-  "main": "dist/icons.js",
-  "module": "dist/icons.mjs",
-  "types": "dist/types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "import": "./index.esm.js",
-      "import": "./dist/icons.mjs",
+      "require": "./index.js"
-      "require": "./dist/icons.js"
     },
-    "./*.svg": {
+    "./12": {
-      "import": "./svg/*.svg"
+      "types": "./dist/12/index.d.ts",
+      "import": "./dist/12/index.es.js",
+      "require": "./dist/12/index.cjs.js"
+    },
+    "./16": {
+      "types": "./dist/16/index.d.ts",
+      "import": "./dist/16/index.es.js",
+      "require": "./dist/16/index.cjs.js"
+    },
+    "./20": {
+      "types": "./dist/20/index.d.ts",
+      "import": "./dist/20/index.es.js",
+      "require": "./dist/20/index.cjs.js"
+    },
+    "./social": {
+      "types": "./dist/social/index.d.ts",
+      "import": "./dist/social/index.es.js",
+      "require": "./dist/social/index.cjs.js"
+    },
+    "./reactions": {
+      "types": "./dist/reactions/index.d.ts",
+      "import": "./dist/reactions/index.es.js",
+      "require": "./dist/reactions/index.cjs.js"
+    },
+    "./12/*.svg": {
+      "import": "./svg/12/*.svg"
+    },
+    "./16/*.svg": {
+      "import": "./svg/16/*.svg"
+    },
+    "./20/*.svg": {
+      "import": "./svg/20/*.svg"
+    },
+    "./social/*.svg": {
+      "import": "./svg/social/*.svg"
+    },
+    "./reactions/*.svg": {
+      "import": "./svg/reactions/*.svg"
     }
   },
   "scripts": {
-    "sync": "vite-node scripts/sync.ts && yarn generate",
+    "sync": "vite-node scripts/sync.ts && prettier --parser=html --write 'svg/**/*.svg'",
-    "generate": "rimraf src && svgr svg --out-dir src",
+    "generate": "rimraf src && svgr svg --out-dir src && yarn lint:fix && yarn format",
     "dev": "vite build --watch --mode development",
     "build": "vite build",
     "postbuild": "yarn build:types",
-    "build:types": "tsc --noEmit false --emitDeclarationOnly",
+    "build:types": "tsc src/**/index.ts --emitDeclarationOnly --declaration --jsx react-jsx --skipLibCheck --declarationDir ./dist",
     "#test": "vitest",
     "typecheck": "tsc",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
@@ -34,27 +67,22 @@
     "clean": "rimraf dist node_modules .turbo",
     "prepack": "yarn build"
   },
-  "dependencies": {
-    "@tamagui/core": "1.74.21",
-    "@tamagui/web": "1.74.21",
-    "tamagui": "1.74.21"
-  },
   "peerDependencies": {
     "react": "^16.x || ^17.x || ^18.x",
-    "react-dom": "*",
+    "react-dom": "*"
-    "react-native-svg": ">=12"
   },
   "devDependencies": {
-    "@clack/prompts": "^0.6.3",
+    "@clack/prompts": "^0.7.0",
-    "@svgr/cli": "^6.5.1",
-    "@svgr/core": "^7.0.0",
-    "@svgr/plugin-prettier": "^7.0.0",
-    "@svgr/plugin-svgo": "^7.0.0",
-    "@types/fs-extra": "^11.0.1",
     "@status-im/eslint-config": "*",
+    "@svgr/cli": "^8.1.0",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/fs-extra": "^11.0.1",
     "figma-api": "^1.11.0",
     "fs-extra": "^11.1.1",
     "svgo": "^3.0.2",
+    "p-map": "^7.0.2",
     "vite": "^4.1.4",
     "vite-node": "^0.29.7"
   },

packages/icons/vite.config.ts

@@ -6,7 +6,6 @@ import { defineConfig } from 'vite'
 import pkg from './package.json'
 
 const external = [
-  '@tamagui/core', // used for types
   // ...Object.keys(pkg.dependencies || {}),
   ...Object.keys(pkg.peerDependencies || {}),
 ].map(name => new RegExp(`^${name}(/.*)?`))
@@ -16,8 +15,15 @@ export default defineConfig(({ mode }) => {
     build: {
       target: 'es2020',
       lib: {
-        entry: 'index.ts',
+        entry: {
+          '12': 'src/12/index.ts',
+          '16': 'src/16/index.ts',
+          '20': 'src/20/index.ts',
+          social: 'src/social/index.ts',
+          reactions: 'src/reactions/index.ts',
+        },
         formats: ['es', 'cjs'],
+        fileName: (format, entryName) => `${entryName}/index.${format}.js`,
       },
       sourcemap: true,
       emptyOutDir: mode === 'production',