feat: add bundlesize plugin

Author: hamidyfine

.gitignore

@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+bundlemeta.json

lingui.config.js

@@ -3,6 +3,7 @@ import { defineConfig } from '@lingui/cli';
 export default defineConfig({
     catalogs: [
         {
+            exclude: ['src/components/trans/trans.tsx'],
             include: ['src'],
             path: '<rootDir>/src/locales/{locale}/messages',
         },

package.json

@@ -97,7 +97,8 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.5"
+    "vite": "^6.0.5",
+    "vite-plugin-bundlesize": "^0.1.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

src/locales/en/messages.po

@@ -16,19 +16,19 @@ msgstr ""
 #. js-lingui-explicit-id
 #: src/App.tsx:16
 #: src/App.tsx:19
-msgid "tgb"
-msgstr "Edit <0>src/App.tsx</0> and save to test HMR"
+#~ msgid "tgb"
+#~ msgstr "Edit <0>src/App.tsx</0> and save to test HMR"
 
 #. js-lingui-explicit-id
 #: src/App.tsx:25
 #: src/App.tsx:31
-msgid "test"
-msgstr "New Trans to test watcher!"
+#~ msgid "test"
+#~ msgstr "New Trans to test watcher!"
 
 #: src/App.tsx:28
-msgid "Another New Trans to test watcher!"
-msgstr "Another New Trans to test watcher!"
+#~ msgid "Another New Trans to test watcher!"
+#~ msgstr "Another New Trans to test watcher!"
 
 #: src/App.tsx:25
-msgid "New Trans to test watcher!"
-msgstr "New Trans to test watcher!"
+#~ msgid "New Trans to test watcher!"
+#~ msgstr "New Trans to test watcher!"

vite.config.ts

@@ -2,13 +2,34 @@ import { lingui } from '@lingui/vite-plugin';
 import react from '@vitejs/plugin-react-swc';
 import path from 'path';
 import { defineConfig } from 'vite';
+import bundlesize from 'vite-plugin-bundlesize';
 
 // https://vite.dev/config/
 export default defineConfig({
+    build: {
+        sourcemap: 'hidden',
+        target: 'esnext',
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler',
+            },
+        },
+    },
     plugins: [
         react({
             plugins: [['@lingui/swc-plugin', {}]],
         }),
+        bundlesize({
+            limits: [
+                {
+                    limit: Infinity,
+                    name: '**/*',
+                },
+            ],
+            stats: 'all',
+        }),
         lingui(),
     ],
     resolve: {

yarn.lock

@@ -8644,6 +8644,15 @@ varint@^6.0.0:
   resolved "https://registry.yarnpkg.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0"
   integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==
 
+vite-plugin-bundlesize@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-bundlesize/-/vite-plugin-bundlesize-0.1.0.tgz#2c3c6bfa908d1a43ae6f428826af07abbaa558f7"
+  integrity sha512-aaoVAijpSg7yFzveOX+KWul6QPk0YmuugGacSA4bnpErxoyXHAkGi02AEzx1qyt5AKMN8LG7bDLsYLW8mq2QUQ==
+  dependencies:
+    picomatch "^4.0.2"
+    strip-ansi "^7.1.0"
+    vlq "^2.0.4"
+
 vite@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/vite/-/vite-6.0.5.tgz#1d0fbdb3ffe61e944089abeddb7d2c509420acfd"
@@ -8655,6 +8664,11 @@ vite@^6.0.5:
   optionalDependencies:
     fsevents "~2.3.3"
 
+vlq@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-2.0.4.tgz#6057b85729245b9829e3cc7755f95b228d4fe041"
+  integrity sha512-aodjPa2wPQFkra1G8CzJBTHXhgk3EVSwxSWXNPr1fgdFLUb8kvLV1iEb6rFgasIsjP82HWI6dsb5Io26DDnasA==
+
 vscode-json-languageservice@^4.1.6:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-4.2.1.tgz#94b6f471ece193bf4a1ef37f6ab5cce86d50a8b4"