🏆

Author: jpzwarte

.gitignore

@@ -61,6 +61,7 @@ packages/components/**/*.d.ts
 packages/components/**/*.d.ts.map
 packages/components/**/*.js
 packages/components/**/*.js.map
+!packages/components/eslint.config.js
 packages/locales/**/*.d.ts
 packages/locales/**/*.d.ts.map
 packages/locales/**/*.js
@@ -69,6 +70,7 @@ packages/themes/**/*.d.ts
 packages/themes/**/*.d.ts.map
 packages/themes/**/*.js
 packages/themes/**/*.js.map
+!packages/themes/eslint.config.js
 website/build
 website/dist
 

package.json

@@ -149,7 +149,8 @@
       "output": [
         "packages/themes/**/*.{css,json,scss}",
         "!packages/themes/*/fonts.css",
-        "!packages/themes/*/{package,tsconfig}.json"
+        "!packages/themes/*/{package,tsconfig}.json",
+        "!packages/themes/tsconfig.json"
       ]
     },
     "build:types": {

packages/themes/eslint.config.js

@@ -0,0 +1,23 @@
+import config from '../../eslint.config.js';
+
+/**
+ * NOTE: All paths are relative to where eslint is run from,
+ * in our case the root of the monorepo.
+ */
+export default [
+  {
+    ignores: [
+      'packages/themes/**/*.js',
+      'packages/themes/**/*.d.ts',
+      'packages/themes/core**/*'
+    ]
+  },
+  ...config,
+  {
+    languageOptions: {
+      parserOptions: {
+        project: 'packages/components/tsconfig.json'
+      }
+    }
+  }
+];

packages/themes/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "rootDir": "."
+  },
+  "include": ["**/*.ts"]
+}

scripts/build-icons.js

@@ -8,22 +8,23 @@ import { fasl } from '@fortawesome/sharp-light-svg-icons';
 import { fasr } from '@fortawesome/sharp-regular-svg-icons';
 import { fass } from '@fortawesome/sharp-solid-svg-icons';
 import { exec } from 'child_process';
-import { ESLint } from 'eslint';
+import pkg from 'eslint/use-at-your-own-risk';
 import fg from 'fast-glob';
 import { promises as fs, existsSync } from 'fs';
 import { basename, join } from 'path';
 import figmaIconPages from './figma-icon-pages.json' assert { type: 'json' };
 
 library.add(fas, far, fal, fat, fad, fass, fasr, fasl);
 
+const { FlatESLint } = pkg
+
 const cwd = new URL('.', import.meta.url).pathname,
-  eslint = new ESLint({ fix: true });
+  eslint = new FlatESLint({ fix: true });
 
 const {
   default: { icon: coreIcons }
 } = await import('../packages/tokens/src/core.json', { assert: { type: 'json' } });
 
-
 const getFormattedIcons = (icons, collection) => {
   return Object.entries(icons).reduce((acc, cur) => {
     if (cur[0] === collection) {
@@ -138,8 +139,8 @@ const buildIcons = async theme => {
     sortedIcons = Object.fromEntries(Object.entries({ ...icons, ...coreCustomIcons, ...iconsCustom }).sort()),
     source = `export const icons = ${JSON.stringify(sortedIcons)};`,
     results = await eslint.lintText(source, { filePath });
-  
-  await ESLint.outputFixes(results);
+
+  await FlatESLint.outputFixes(results);
 
   await fs.writeFile(filePath, results[0].output);
 };