Generate icons list for build (#1050)

.build/build-icons.mjs

@@ -95,3 +95,20 @@ export const buildJsIcons = ({
   fs.writeFileSync(path.resolve(DIST_DIR, `./src/aliases.ts`), aliasesStr || `export {};`, 'utf-8')
 }
 
+export const buildIconsList = (name) => {
+  const DIST_DIR = path.resolve(PACKAGES_DIR, name);
+  const allIcons = getAllIcons(false, true)
+
+  let index = []
+  Object.entries(allIcons).forEach(([type, icons]) => {
+    icons.forEach((icon, i) => {
+      process.stdout.write(`Building \`${name}\` ${type} ${i}/${icons.length}: ${icon.name.padEnd(42)}\r`)
+
+      const iconName = `${icon.name}${type !== 'outline' ? `-${type}` : ''}`
+
+      index.push(iconName)
+    })
+  })
+
+  fs.writeFileSync(path.resolve(DIST_DIR, `./src/icons-list.ts`), `export default ${JSON.stringify(index, null, 2)};`, 'utf-8')
+}

packages/icons-preact/.gitignore

@@ -1 +1,2 @@
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-preact/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 
 const componentTemplate = ({
   type,
@@ -27,3 +27,5 @@ buildJsIcons({
   indexFile: 'index.ts',
   extension: 'ts'
 })
+
+buildIconsList('icons-preact')

packages/icons-preact/src/tabler-icons-preact.ts

@@ -1,5 +1,6 @@
 export * from './icons/index';
 export * as icons from './icons/index';
+export * as iconsList from './icons-list';
 export * from './aliases';
 
 export { default as createReactComponent } from './createPreactComponent';

packages/icons-react-native/.gitignore

@@ -1 +1,2 @@
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-react-native/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 
 const componentTemplate = ({
   type,
@@ -27,3 +27,5 @@ buildJsIcons({
   pascalCase: true,
   extension: 'ts'
 })
+
+buildIconsList('icons-react-native')

packages/icons-react-native/src/tabler-icons-react-native.ts

@@ -1,5 +1,6 @@
 export * from './icons/index';
 export * as icons from './icons/index';
+export * as iconsList from './icons-list';
 export * from './aliases';
 export { default as createReactComponent } from './createReactNativeComponent';
 

packages/icons-react/.gitignore

@@ -1 +1,2 @@
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-react/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 
 const componentTemplate = ({
   type,
@@ -27,3 +27,5 @@ buildJsIcons({
   pascalCase: true,
   extension: 'ts'
 })
+
+buildIconsList('icons-react')

packages/icons-react/src/tabler-icons-react.ts

@@ -1,5 +1,6 @@
 export * from './icons/index';
 export * as icons from './icons/index';
+export * as iconsList from './icons-list';
 export * from './aliases';
 export { default as createReactComponent } from './createReactComponent';
 

packages/icons-solidjs/.gitignore

@@ -1 +1,2 @@
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-solidjs/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 
 const componentTemplate = ({
   type,
@@ -27,3 +27,5 @@ buildJsIcons({
   extension: 'ts',
   indexFile: 'index.ts'
 })
+
+buildIconsList('icons-solidjs')

packages/icons-solidjs/src/tabler-icons-solidjs.ts

@@ -1,5 +1,6 @@
 export * from './icons/index';
 export * as icons from './icons/index';
+export * as iconsList from './icons-list';
 export * from './aliases';
 
 export { default as createSolidComponent } from './createSolidComponent';

packages/icons-svelte/.gitignore

@@ -1,3 +1,4 @@
 src/icons/*.svelte
 .svelte-kit
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-svelte/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 import { readFileSync, writeFileSync } from 'fs'
 import { getAllIcons, toPascalCase } from '../../.build/helpers.mjs'
 
@@ -72,3 +72,4 @@ buildJsIcons({
 })
 
 updatePackageJson()
+buildIconsList('icons-svelte')

packages/icons-svelte/src/tabler-icons-svelte.ts

@@ -1,5 +1,6 @@
 export * from "./icons/index.js";
 export * as icons from "./icons/index.js";
+export * as iconsList from './icons-list';
 export * from "./aliases.js";
 export { default as defaultAttributes } from './defaultAttributes'
 

packages/icons-vue/.gitignore

@@ -1 +1,2 @@
-src/aliases.ts
+src/aliases.ts
+src/icons-list.ts

packages/icons-vue/build.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { buildJsIcons } from '../../.build/build-icons.mjs'
+import { buildJsIcons, buildIconsList } from '../../.build/build-icons.mjs'
 
 const componentTemplate = ({
   type,
@@ -26,3 +26,5 @@ buildJsIcons({
   extension: 'ts',
   indexFile: 'index.ts',
 })
+
+buildIconsList('icons-vue')

packages/icons-vue/src/tabler-icons-vue.ts

@@ -1,5 +1,6 @@
 export * from './icons/index';
 export * as icons from './icons/index';
+export * as iconsList from './icons-list';
 export * from './aliases';
 
 export { default as createVueComponent } from './createVueComponent';