@fluentui/react-icons-font-subsetting-webpack-plugin 2.0.318 → 2.0.319

package/README.md

@@ -31,26 +31,28 @@ Atomic imports provide better tree-shaking and faster build times for applicatio
 
 ```js
 // webpack.config.js
-const {default: FluentUIReactIconsFontSubsettingPlugin} = require('@fluentui/react-icons-font-subsetting-webpack-plugin');
+const {
+  default: FluentUIReactIconsFontSubsettingPlugin,
+} = require('@fluentui/react-icons-font-subsetting-webpack-plugin');
 
 module.exports = {
-    module: {
-        rules: [
-            // Treat the font files as webpack assets
-            {
-                test: /\.(ttf|woff2?)$/,
-                type: 'asset',
-            }
-        ]
-    },
-    resolve: {
-        // Include 'fluentIconFont' to use the font implementation of the Fluent icons
-        conditionNames: ['fluentIconFont', 'import']
-    },
-    plugins: [
-        // Include this plugin
-        new FluentUIReactIconsFontSubsettingPlugin(),
+  module: {
+    rules: [
+      // Treat the font files as webpack assets
+      {
+        test: /\.(ttf|woff2?)$/,
+        type: 'asset',
+      },
     ],
+  },
+  resolve: {
+    // Include 'fluentIconFont' to use the font implementation of the Fluent icons
+    conditionNames: ['fluentIconFont', 'import'],
+  },
+  plugins: [
+    // Include this plugin
+    new FluentUIReactIconsFontSubsettingPlugin(),
+  ],
 };
 ```
 
@@ -58,21 +60,23 @@ module.exports = {
 
 ```js
 // webpack.config.js
-const {default: FluentUIReactIconsFontSubsettingPlugin} = require('@fluentui/react-icons-font-subsetting-webpack-plugin');
+const {
+  default: FluentUIReactIconsFontSubsettingPlugin,
+} = require('@fluentui/react-icons-font-subsetting-webpack-plugin');
 
 module.exports = {
-    module: {
-        rules: [
-            // Treat the font files as webpack assets
-            {
-                test: /\.(ttf|woff2?)$/,
-                type: 'asset',
-            }
-        ]
-    },
-    plugins: [
-        // Include this plugin
-        new FluentUIReactIconsFontSubsettingPlugin(),
+  module: {
+    rules: [
+      // Treat the font files as webpack assets
+      {
+        test: /\.(ttf|woff2?)$/,
+        type: 'asset',
+      },
     ],
+  },
+  plugins: [
+    // Include this plugin
+    new FluentUIReactIconsFontSubsettingPlugin(),
+  ],
 };
-```
+```

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from "webpack";
+import * as webpack from 'webpack';
 export default class FluentUIReactIconsFontSubsettingPlugin implements webpack.WebpackPluginInstance {
     /**
      * Entry point for the Webpack plugin that registers hooks to perform font subsetting for `@fluentui/react-icons`.

package/lib/index.js

@@ -30,18 +30,14 @@ const webpack = __importStar(require("webpack"));
 const subset_font_1 = __importDefault(require("subset-font"));
 const path_1 = require("path");
 const promises_1 = require("fs/promises");
-const PLUGIN_NAME = "FluentUIReactIconsFontSubsettingPlugin";
+const PLUGIN_NAME = 'FluentUIReactIconsFontSubsettingPlugin';
 const FONT_FILES_BASE_NAMES = [
-    "FluentSystemIcons-Filled",
-    "FluentSystemIcons-Resizable",
-    "FluentSystemIcons-Regular",
-    "FluentSystemIcons-Light"
-];
-const FONT_EXTENSIONS = [
-    '.ttf',
-    '.woff',
-    '.woff2'
+    'FluentSystemIcons-Filled',
+    'FluentSystemIcons-Resizable',
+    'FluentSystemIcons-Regular',
+    'FluentSystemIcons-Light',
 ];
+const FONT_EXTENSIONS = ['.ttf', '.woff', '.woff2'];
 /**
  *  Match both chunk files and atomic font imports:
  *  - lib/fonts/sizedIcons/chunk-0.js (chunk-based)
@@ -108,7 +104,7 @@ async function optimizeFontAsset(codepointMap, usedExports, compilation, assetNa
         }
     }
     let source = compilation.assets[assetName].source();
-    if (typeof source === "string") {
+    if (typeof source === 'string') {
         source = Buffer.from(source);
     }
     compilation.assets[assetName] = new webpack.sources.RawSource(await (0, subset_font_1.default)(source, subsetText, {
@@ -117,12 +113,12 @@ async function optimizeFontAsset(codepointMap, usedExports, compilation, assetNa
 }
 function getTargetFormat(assetName) {
     switch ((0, path_1.extname)(assetName)) {
-        case ".woff":
-            return "woff";
-        case ".woff2":
-            return "woff2";
+        case '.woff':
+            return 'woff';
+        case '.woff2':
+            return 'woff2';
         default:
-            return "sfnt";
+            return 'sfnt';
     }
 }
 function isNormalModule(m) {
@@ -144,8 +140,11 @@ function isFluentUIReactFontChunk(m) {
 }
 async function getFontAssetsAndCodepoints(pkgLibPath, compilation) {
     const utilsFontsFolder = (0, path_1.resolve)(pkgLibPath, 'utils/fonts');
-    const codepoints = Object.fromEntries(await Promise.all(FONT_FILES_BASE_NAMES.map(async (fontBaseName) => [fontBaseName, JSON.parse(await (0, promises_1.readFile)((0, path_1.resolve)(utilsFontsFolder, `${fontBaseName}.json`), 'utf8'))])));
-    const fontPaths = new Map(FONT_FILES_BASE_NAMES.flatMap(fontBaseName => FONT_EXTENSIONS.map(ext => [(0, path_1.resolve)(utilsFontsFolder, `${fontBaseName}${ext}`), codepoints[fontBaseName]])));
+    const codepoints = Object.fromEntries(await Promise.all(FONT_FILES_BASE_NAMES.map(async (fontBaseName) => [
+        fontBaseName,
+        JSON.parse(await (0, promises_1.readFile)((0, path_1.resolve)(utilsFontsFolder, `${fontBaseName}.json`), 'utf8')),
+    ])));
+    const fontPaths = new Map(FONT_FILES_BASE_NAMES.flatMap((fontBaseName) => FONT_EXTENSIONS.map((ext) => [(0, path_1.resolve)(utilsFontsFolder, `${fontBaseName}${ext}`), codepoints[fontBaseName]])));
     const result = [];
     for (const m of compilation.modules) {
         if (isNormalModule(m) && fontPaths.has(m.resource)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-font-subsetting-webpack-plugin",
-  "version": "2.0.318",
+  "version": "2.0.319",
   "description": "Webpack plugin to subset the icon fonts used by @fluentui/react-icons based on which icons are used.",
   "main": "lib/index.js",
   "scripts": {