From 0ca6fd248ad1379d6f723e3b3524e4699af186bb Mon Sep 17 00:00:00 2001
From: smitJiwani <smitjiwani44@gmail.com>
Date: Wed, 27 Dec 2023 19:42:45 +0530
Subject: [PATCH 01/13] feat: added png, jpg and other media files. Added
 parser for asset/resourse or asset/inline. Added MiniCssExtractPlugin.

---
 client/package.json                           |  1 +
 .../packages/excalidraw/webpack.dev.config.js |  4 +++
 .../excalidraw/webpack.prod.config.js         | 28 +++++++++++++++++--
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/client/package.json b/client/package.json
index 727a088736..5f1b13564e 100644
--- a/client/package.json
+++ b/client/package.json
@@ -89,6 +89,7 @@
     "jest-canvas-mock": "^2.4.0",
     "lint-staged": "^12.3.7",
     "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^2.7.6",
     "node-sass": "^7.0.3",
     "pepjs": "^0.5.3",
     "prettier": "^2.6.2",
diff --git a/client/src/packages/excalidraw/webpack.dev.config.js b/client/src/packages/excalidraw/webpack.dev.config.js
index 9e8180f5f3..4a45b3a663 100644
--- a/client/src/packages/excalidraw/webpack.dev.config.js
+++ b/client/src/packages/excalidraw/webpack.dev.config.js
@@ -59,6 +59,10 @@ module.exports = {
         test: /\.(woff|woff2|eot|ttf|otf)$/,
         type: "asset/resource",
       },
+      {
+        test: /\.(png|svg|jpg|jpeg|gif)$/i,
+        type: "asset/resource",
+      },
     ],
   },
   optimization: {
diff --git a/client/src/packages/excalidraw/webpack.prod.config.js b/client/src/packages/excalidraw/webpack.prod.config.js
index 0450d36fab..119a06cfca 100644
--- a/client/src/packages/excalidraw/webpack.prod.config.js
+++ b/client/src/packages/excalidraw/webpack.prod.config.js
@@ -5,6 +5,7 @@ const BundleAnalyzerPlugin =
 const autoprefixer = require("autoprefixer");
 const webpack = require("webpack");
 const { parseEnvVariables } = require("./env");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
   mode: "production",
@@ -29,7 +30,9 @@ module.exports = {
         test: /\.(sa|sc|c)ss$/,
         exclude: /node_modules/,
         use: [
-          "style-loader",
+          MiniCssExtractPlugin.loader,
+          //mini-css-extract-plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS.
+          //smaller bundle size
           {
             loader: "css-loader",
           },
@@ -71,9 +74,26 @@ module.exports = {
           },
         ],
       },
+      // Rule for PNG, JPEG, and other media files
+      {
+        test: /\.(png|jpe?g|gif|svg|ico|webp)$/i,
+        type: "asset",
+        // the parser object allows you to specify 8kb as the maximum size
+        // if the file is greater than 8kb, it will emit a separate file(asset/resourse) else it will be inlined(asset/inline)
+        parser: {
+          dataUrlCondition: {
+            maxSize: 8 * 1024, // 8kb
+          },
+        },
+      },
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/,
-        type: "asset/resource",
+        type: "asset",
+        parser: {
+          dataUrlCondition: {
+            maxSize: 8 * 1024, // 8kb
+          },
+        },
       },
     ],
   },
@@ -101,6 +121,10 @@ module.exports = {
         path.resolve(__dirname, "../../../.env.production"),
       ),
     }),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+      chunkFilename: "excalidraw-assets/[name]-[contenthash].css",
+    }),
   ],
   externals: {
     react: {

From 0cd652949e52466bd4b7dca08765a8fd2d3999e1 Mon Sep 17 00:00:00 2001
From: smitJiwani <smitjiwani44@gmail.com>
Date: Thu, 28 Dec 2023 15:36:58 +0530
Subject: [PATCH 02/13] feat: added png, jpg and other media files. Added
 parser for asset/resourse or asset/inline. Added MiniCssExtractPlugin. v2

---
 client/webpack.config.js | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/client/webpack.config.js b/client/webpack.config.js
index ffc5e5d64c..647c4e5def 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -1,6 +1,7 @@
 import path from "path";
 import webpack from "webpack";
 import CopyPlugin from "copy-webpack-plugin";
+import miniCssExtractPlugin from "mini-css-extract-plugin";
 
 const isEnvDevelopment = process.env.NODE_ENV !== "production";
 const isEnvProduction = process.env.NODE_ENV === "production";
@@ -31,7 +32,7 @@ export default {
         test: /\.scss$/,
         use: [
           // Adds the styles to the DOM by injecting a <style> tag
-          "style-loader",
+          isEnvDevelopment ? "style-loader" : miniCssExtractPlugin.loader,
           // Translates CSS into CommonJS
           "css-loader",
           // Compiles Sass to CSS
@@ -52,6 +53,27 @@ export default {
         exclude: /node_modules/,
         use: "babel-loader",
       },
+      // Rule for media files
+      {
+        test: /\.(png|jpe?g|gif|svg)$/i,
+        type: "asset",
+        parser: {
+          dataUrlCondition: {
+            maxSize: 8 * 1024, // 8kb
+          },
+        },
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        type: "asset",
+        // parser will be used for files that exceed the specified limit (in bytes)
+        // asset/inline default otherwise, asset/resource is used
+        parser: {
+          dataUrlCondition: {
+            maxSize: 8 * 1024, // 8kb
+          },
+        },
+      },
     ],
   },
   plugins: [
@@ -73,6 +95,11 @@ export default {
     new webpack.ProvidePlugin({
       process: "process/browser",
     }),
+    isEnvProduction &&
+    new miniCssExtractPlugin({
+      filename: "[name].css",
+      chunkFilename: "[id].css",
+    }), // this will extract css to a separate file
   ].filter(Boolean),
   devServer: {
     static: {

From a9e796b2246c7bc0405e4c51e2685ba0257ec542 Mon Sep 17 00:00:00 2001
From: smitJiwani <smitjiwani44@gmail.com>
Date: Thu, 28 Dec 2023 15:43:31 +0530
Subject: [PATCH 03/13] comment updated

---
 client/webpack.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/webpack.config.js b/client/webpack.config.js
index 647c4e5def..ccc089dd1c 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -99,7 +99,7 @@ export default {
     new miniCssExtractPlugin({
       filename: "[name].css",
       chunkFilename: "[id].css",
-    }), // this will extract css to a separate file
+    }), // this will extract css to a separate file during production build
   ].filter(Boolean),
   devServer: {
     static: {

From 6536461ded357bee2f6864ee551ade09c2e9d8f8 Mon Sep 17 00:00:00 2001
From: smitJiwani <smitjiwani44@gmail.com>
Date: Thu, 28 Dec 2023 15:56:10 +0530
Subject: [PATCH 04/13] This reverts commit
 0ca6fd248ad1379d6f723e3b3524e4699af186bb.

---
 client/package.json                           |  1 -
 .../packages/excalidraw/webpack.dev.config.js |  4 ---
 .../excalidraw/webpack.prod.config.js         | 28 ++-----------------
 3 files changed, 2 insertions(+), 31 deletions(-)

diff --git a/client/package.json b/client/package.json
index 5f1b13564e..727a088736 100644
--- a/client/package.json
+++ b/client/package.json
@@ -89,7 +89,6 @@
     "jest-canvas-mock": "^2.4.0",
     "lint-staged": "^12.3.7",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.7.6",
     "node-sass": "^7.0.3",
     "pepjs": "^0.5.3",
     "prettier": "^2.6.2",
diff --git a/client/src/packages/excalidraw/webpack.dev.config.js b/client/src/packages/excalidraw/webpack.dev.config.js
index 4a45b3a663..9e8180f5f3 100644
--- a/client/src/packages/excalidraw/webpack.dev.config.js
+++ b/client/src/packages/excalidraw/webpack.dev.config.js
@@ -59,10 +59,6 @@ module.exports = {
         test: /\.(woff|woff2|eot|ttf|otf)$/,
         type: "asset/resource",
       },
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: "asset/resource",
-      },
     ],
   },
   optimization: {
diff --git a/client/src/packages/excalidraw/webpack.prod.config.js b/client/src/packages/excalidraw/webpack.prod.config.js
index 119a06cfca..0450d36fab 100644
--- a/client/src/packages/excalidraw/webpack.prod.config.js
+++ b/client/src/packages/excalidraw/webpack.prod.config.js
@@ -5,7 +5,6 @@ const BundleAnalyzerPlugin =
 const autoprefixer = require("autoprefixer");
 const webpack = require("webpack");
 const { parseEnvVariables } = require("./env");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
   mode: "production",
@@ -30,9 +29,7 @@ module.exports = {
         test: /\.(sa|sc|c)ss$/,
         exclude: /node_modules/,
         use: [
-          MiniCssExtractPlugin.loader,
-          //mini-css-extract-plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS.
-          //smaller bundle size
+          "style-loader",
           {
             loader: "css-loader",
           },
@@ -74,26 +71,9 @@ module.exports = {
           },
         ],
       },
-      // Rule for PNG, JPEG, and other media files
-      {
-        test: /\.(png|jpe?g|gif|svg|ico|webp)$/i,
-        type: "asset",
-        // the parser object allows you to specify 8kb as the maximum size
-        // if the file is greater than 8kb, it will emit a separate file(asset/resourse) else it will be inlined(asset/inline)
-        parser: {
-          dataUrlCondition: {
-            maxSize: 8 * 1024, // 8kb
-          },
-        },
-      },
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/,
-        type: "asset",
-        parser: {
-          dataUrlCondition: {
-            maxSize: 8 * 1024, // 8kb
-          },
-        },
+        type: "asset/resource",
       },
     ],
   },
@@ -121,10 +101,6 @@ module.exports = {
         path.resolve(__dirname, "../../../.env.production"),
       ),
     }),
-    new MiniCssExtractPlugin({
-      filename: "[name].css",
-      chunkFilename: "excalidraw-assets/[name]-[contenthash].css",
-    }),
   ],
   externals: {
     react: {

From 275cef510214b3d2282119dadd8cce6f06949518 Mon Sep 17 00:00:00 2001
From: smitJiwani <smitjiwani44@gmail.com>
Date: Sat, 30 Dec 2023 17:14:28 +0530
Subject: [PATCH 05/13] chore: Build:prod command added to the package file

---
 client/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/package.json b/client/package.json
index 727a088736..cb247828ab 100644
--- a/client/package.json
+++ b/client/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "webpack serve",
     "build": "webpack --mode development",
+    "build:prod": "webpack --mode production",
     "build:excalidraw": "node scripts/build.js"
   },
   "dependencies": {

From 3e1cfb4db49dfa08c1db28f5ce90241c97f8e966 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Sun, 7 Jan 2024 12:48:10 +0530
Subject: [PATCH 06/13] removed excalidraw-assets as it is not being created in
 dist folder...

---
 client/src/scene/export.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/scene/export.ts b/client/src/scene/export.ts
index f31ba601dd..ea25a46102 100644
--- a/client/src/scene/export.ts
+++ b/client/src/scene/export.ts
@@ -138,7 +138,7 @@ export const exportToSvg = async (
     if (assetPath?.startsWith("/")) {
       assetPath = assetPath.replace("/", `${window.location.origin}/`);
     }
-    assetPath = `${assetPath}/dist/excalidraw-assets/`;
+    assetPath = `${assetPath}/dist/`;
   }
   svgRoot.innerHTML = `
   ${SVG_EXPORT_TAG}

From 1a04aa583af8f03a4927d2f317cc57bcb82569ad Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Sun, 7 Jan 2024 13:33:31 +0530
Subject: [PATCH 07/13] some change to test

---
 client/src/css/styles.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/css/styles.scss b/client/src/css/styles.scss
index 8dafbfbdfa..bfd5fdd486 100644
--- a/client/src/css/styles.scss
+++ b/client/src/css/styles.scss
@@ -8,7 +8,7 @@
 }
 
 .excalidraw {
-  --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
+  --ui-font: Virgil, Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
     Roboto, Helvetica, Arial, sans-serif;
   font-family: var(--ui-font);
 

From a5197eafcff6ec4dca2576d8b0724d077a97a339 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Sun, 7 Jan 2024 13:59:07 +0530
Subject: [PATCH 08/13] Keep these assets under 'ignored/dir'

---
 client/webpack.config.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/webpack.config.js b/client/webpack.config.js
index ccc089dd1c..31b23d29de 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -15,7 +15,9 @@ export default {
   output: {
     path: path.resolve(process.cwd(), "dist"),
     filename: "bundle.js",
-    clean: true,
+    clean: {
+      keep: /ignored\/dir\//, // Keep these assets under 'ignored/dir'.
+    },
   },
   resolve: {
     fallback: {
@@ -66,8 +68,6 @@ export default {
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/i,
         type: "asset",
-        // parser will be used for files that exceed the specified limit (in bytes)
-        // asset/inline default otherwise, asset/resource is used
         parser: {
           dataUrlCondition: {
             maxSize: 8 * 1024, // 8kb

From 2f0cb956015d7697698a2884e02c5c5ce35f7ca7 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Sun, 7 Jan 2024 14:10:33 +0530
Subject: [PATCH 09/13] put fonts in a folder and similarly changed webpack

---
 client/public/fonts.css                            |  12 ++++++------
 client/public/{ => fonts}/Assistant-Bold.woff2     | Bin
 client/public/{ => fonts}/Assistant-Medium.woff2   | Bin
 client/public/{ => fonts}/Assistant-Regular.woff2  | Bin
 client/public/{ => fonts}/Assistant-SemiBold.woff2 | Bin
 client/public/{ => fonts}/Cascadia.ttf             | Bin
 client/public/{ => fonts}/Cascadia.woff2           | Bin
 client/public/{ => fonts}/FG_Virgil.ttf            | Bin
 client/public/{ => fonts}/FG_Virgil.woff2          | Bin
 client/public/{ => fonts}/Virgil.woff2             | Bin
 client/webpack.config.js                           |   3 +++
 11 files changed, 9 insertions(+), 6 deletions(-)
 rename client/public/{ => fonts}/Assistant-Bold.woff2 (100%)
 rename client/public/{ => fonts}/Assistant-Medium.woff2 (100%)
 rename client/public/{ => fonts}/Assistant-Regular.woff2 (100%)
 rename client/public/{ => fonts}/Assistant-SemiBold.woff2 (100%)
 rename client/public/{ => fonts}/Cascadia.ttf (100%)
 rename client/public/{ => fonts}/Cascadia.woff2 (100%)
 rename client/public/{ => fonts}/FG_Virgil.ttf (100%)
 rename client/public/{ => fonts}/FG_Virgil.woff2 (100%)
 rename client/public/{ => fonts}/Virgil.woff2 (100%)

diff --git a/client/public/fonts.css b/client/public/fonts.css
index 166afd8dd5..245cda805f 100644
--- a/client/public/fonts.css
+++ b/client/public/fonts.css
@@ -1,38 +1,38 @@
 /* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */
 @font-face {
   font-family: "Virgil";
-  src: url("Virgil.woff2");
+  src: url("./fonts/Virgil.woff2");
   font-display: swap;
 }
 
 /* https://github.com/microsoft/cascadia-code */
 @font-face {
   font-family: "Cascadia";
-  src: url("Cascadia.woff2");
+  src: url("./fonts/Cascadia.woff2");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Assistant";
-  src: url("Assistant-Regular.woff2");
+  src: url("./fonts/Assistant-Regular.woff2");
   font-display: swap;
   font-weight: 400;
 }
 @font-face {
   font-family: "Assistant";
-  src: url("Assistant-Medium.woff2");
+  src: url("./fonts/Assistant-Medium.woff2");
   font-display: swap;
   font-weight: 500;
 }
 @font-face {
   font-family: "Assistant";
-  src: url("Assistant-SemiBold.woff2");
+  src: url("./fonts/Assistant-SemiBold.woff2");
   font-display: swap;
   font-weight: 600;
 }
 @font-face {
   font-family: "Assistant";
-  src: url("Assistant-Bold.woff2");
+  src: url("./fonts/Assistant-Bold.woff2");
   font-display: swap;
   font-weight: 700;
 }
diff --git a/client/public/Assistant-Bold.woff2 b/client/public/fonts/Assistant-Bold.woff2
similarity index 100%
rename from client/public/Assistant-Bold.woff2
rename to client/public/fonts/Assistant-Bold.woff2
diff --git a/client/public/Assistant-Medium.woff2 b/client/public/fonts/Assistant-Medium.woff2
similarity index 100%
rename from client/public/Assistant-Medium.woff2
rename to client/public/fonts/Assistant-Medium.woff2
diff --git a/client/public/Assistant-Regular.woff2 b/client/public/fonts/Assistant-Regular.woff2
similarity index 100%
rename from client/public/Assistant-Regular.woff2
rename to client/public/fonts/Assistant-Regular.woff2
diff --git a/client/public/Assistant-SemiBold.woff2 b/client/public/fonts/Assistant-SemiBold.woff2
similarity index 100%
rename from client/public/Assistant-SemiBold.woff2
rename to client/public/fonts/Assistant-SemiBold.woff2
diff --git a/client/public/Cascadia.ttf b/client/public/fonts/Cascadia.ttf
similarity index 100%
rename from client/public/Cascadia.ttf
rename to client/public/fonts/Cascadia.ttf
diff --git a/client/public/Cascadia.woff2 b/client/public/fonts/Cascadia.woff2
similarity index 100%
rename from client/public/Cascadia.woff2
rename to client/public/fonts/Cascadia.woff2
diff --git a/client/public/FG_Virgil.ttf b/client/public/fonts/FG_Virgil.ttf
similarity index 100%
rename from client/public/FG_Virgil.ttf
rename to client/public/fonts/FG_Virgil.ttf
diff --git a/client/public/FG_Virgil.woff2 b/client/public/fonts/FG_Virgil.woff2
similarity index 100%
rename from client/public/FG_Virgil.woff2
rename to client/public/fonts/FG_Virgil.woff2
diff --git a/client/public/Virgil.woff2 b/client/public/fonts/Virgil.woff2
similarity index 100%
rename from client/public/Virgil.woff2
rename to client/public/fonts/Virgil.woff2
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 31b23d29de..8f4cffee05 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -68,6 +68,9 @@ export default {
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/i,
         type: "asset",
+        generator: {
+          filename: "fonts/[name][ext]",
+        },
         parser: {
           dataUrlCondition: {
             maxSize: 8 * 1024, // 8kb

From 920a202d99aebb41d2c10635d15f9f538b2692d8 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Sun, 7 Jan 2024 14:30:40 +0530
Subject: [PATCH 10/13] some more changes

---
 client/src/components/ExportDialog.scss | 1 +
 client/src/element/Hyperlink.tsx        | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/ExportDialog.scss b/client/src/components/ExportDialog.scss
index 3cb31c4843..5242657c87 100644
--- a/client/src/components/ExportDialog.scss
+++ b/client/src/components/ExportDialog.scss
@@ -81,6 +81,7 @@
         margin: 1em auto;
         align-items: flex-start;
         flex-direction: column;
+        font-family: Virgil;
 
         .TextInput {
           width: auto;
diff --git a/client/src/element/Hyperlink.tsx b/client/src/element/Hyperlink.tsx
index f435ebb590..c5d7da149f 100644
--- a/client/src/element/Hyperlink.tsx
+++ b/client/src/element/Hyperlink.tsx
@@ -23,7 +23,7 @@ import clsx from "clsx";
 import { KEYS } from "../keys";
 import { DEFAULT_LINK_SIZE } from "../renderer/renderElement";
 import { rotate } from "../math";
-import { EVENT, HYPERLINK_TOOLTIP_DELAY, MIME_TYPES } from "../constants";
+import { EVENT, FONT_FAMILY, HYPERLINK_TOOLTIP_DELAY, MIME_TYPES } from "../constants";
 import { Bounds } from "./bounds";
 import { getTooltipDiv, updateTooltipPosition } from "../components/Tooltip";
 import { getSelectedElements } from "../scene";
@@ -143,6 +143,7 @@ export const Hyperlink = ({
         left: `${x}px`,
         width: CONTAINER_WIDTH,
         padding: CONTAINER_PADDING,
+        font: `${FONT_FAMILY}`,
       }}
     >
       {isEditing ? (

From a45fd8639b9187182553ef80b381c5e63bef3966 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Wed, 10 Jan 2024 14:24:34 +0530
Subject: [PATCH 11/13] This need to be figured out, One solution that could
 work is all of the could be kept as asset resource and should be imported as
 the same, need to read upm more of the documentation(commit for my reference0

---
 client/src/data/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/data/index.ts b/client/src/data/index.ts
index 20ba75ebe5..68bc560acf 100644
--- a/client/src/data/index.ts
+++ b/client/src/data/index.ts
@@ -79,6 +79,7 @@ export const exportCanvas = async (
     tempCanvas.remove();
     if (appState.exportEmbedScene) {
       blob = await (
+        //here right pth from the webpack is not being imported, so export isnt working
         await import(/* webpackChunkName: "image" */ "./image")
       ).encodePngMetadata({
         blob,
@@ -104,7 +105,7 @@ export const exportCanvas = async (
         throw error;
       }
       // TypeError *probably* suggests ClipboardItem not defined, which
-      // people on Firefox can enable through a flag, so let's tell them.
+      // people on Firefox can enable through a flag, so let's tell them. 
       if (isFirefox && error.name === "TypeError") {
         throw new Error(
           `${t("alerts.couldNotCopyToClipboard")}\n\n${t(

From fb27e9e102bb6b29e5a00922e4ae3ae6ed6baf19 Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Wed, 10 Jan 2024 14:52:45 +0530
Subject: [PATCH 12/13] Bundle Analyzer plugin added -this will give us a chart
 of what is there in the bundles with a graph

---
 client/package.json      | 1 +
 client/webpack.config.js | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/client/package.json b/client/package.json
index cb247828ab..16713bfb7a 100644
--- a/client/package.json
+++ b/client/package.json
@@ -99,6 +99,7 @@
     "ts-loader": "^9.4.4",
     "typescript": "^4.9.4",
     "webpack": "^5.88.1",
+    "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "webpack-plugin": "^1.0.5"
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 8f4cffee05..6ed957ddea 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -2,6 +2,8 @@ import path from "path";
 import webpack from "webpack";
 import CopyPlugin from "copy-webpack-plugin";
 import miniCssExtractPlugin from "mini-css-extract-plugin";
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
 
 const isEnvDevelopment = process.env.NODE_ENV !== "production";
 const isEnvProduction = process.env.NODE_ENV === "production";
@@ -80,6 +82,9 @@ export default {
     ],
   },
   plugins: [
+    new BundleAnalyzerPlugin({
+      generateStatsFile: true,
+    }),
     new CopyPlugin({
       patterns: [{ from: "public" }],
     }),

From 9c016283d24a66a40d1329cc7b148f0df279d41b Mon Sep 17 00:00:00 2001
From: smit jiwani <smitjiwani44@gmail.com>
Date: Thu, 11 Jan 2024 14:23:12 +0530
Subject: [PATCH 13/13] some more changes

---
 client/public/fonts.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/public/fonts.css b/client/public/fonts.css
index 245cda805f..c787cc24d5 100644
--- a/client/public/fonts.css
+++ b/client/public/fonts.css
@@ -1,20 +1,20 @@
 /* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */
 @font-face {
   font-family: "Virgil";
-  src: url("./fonts/Virgil.woff2");
+  src: url("./fonts/Virgil.woff2")format("woff2"), url("./fonts/FG_Virgil.ttf")format("truetype");
   font-display: swap;
 }
 
 /* https://github.com/microsoft/cascadia-code */
 @font-face {
   font-family: "Cascadia";
-  src: url("./fonts/Cascadia.woff2");
+  src: url("./fonts/Cascadia.woff2")format("woff2"), url("./fonts/Cascadia.ttf")format("truetype");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Assistant";
-  src: url("./fonts/Assistant-Regular.woff2");
+  src: url("./fonts/Assistant-Regular.woff2")format("woff2");
   font-display: swap;
   font-weight: 400;
 }