Find solution to vite build warning that some chunks are too large after minification

[klown]

Describe the bug

Whenever vite build is called to build the adaptive-palette client, it issues a warning:

(!) Some chunks are larger than 500 kB after minification.
...

To reproduce

Steps to reproduce the behavior:

1. Run npm start or npm run dev. They both call the build process.
2. Look for the warning:

(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

Expected behavior

No warning when building the adaptive-palette's client.

[klown]

A web search found one solution, Vite packing error: some chunks are larger than 500kb after minification.

The "Solution 2" section in that document shows a way of manually chunking the code in the node_modules directory. However, in the case of the adaptive-palette, the problem is with the src/client code. Adapting that solution and adding a chunking function to vite.config.ts had some interesting results. Here is how vite.config.ts was changed, specifically by adding a rollupOptions to its build section:

...
build: {
  sourcemap: true,
  target: "esnext",
  outDir: "dist/client",
  rollupOptions: {
    output: {
      manualChunks(id) {
        if (id.includes("src/client/")) {
          return id.toString().split("src/client/")[1].split("/")[0].toString();
        }
      }
    }
  }
...

When the build is logged, the size of each chunk is listed. It is immediately obvious that the problem is GlobalData.ts. Here is some of the log:

> build:client
> vite build

vite v5.4.2 building for production...
✓ 72 modules transformed.
dist/client/index.html                                               4.76 kB │ gzip:   1.19 kB
dist/client/assets/Palette-Di_VAvY_.css                              0.03 kB │ gzip:   0.05 kB
dist/client/assets/ActionBmwCodeCell-BCRNxm7x.css                    0.10 kB │ gzip:   0.11 kB
dist/client/assets/ActionBranchToPaletteCell-PlUXxGM_.css            0.11 kB │ gzip:   0.12 kB
dist/client/assets/ActionIndicatorCell-BiPLYIqe.css                  0.22 kB │ gzip:   0.13 kB
 ...
dist/client/assets/SvgUtils.ts-muBURgsP.js                         140.43 kB │ gzip:  39.09 kB │ map: 325.57 kB
dist/client/assets/GlobalData.ts-Cbc5mbmk.js                     1,061.48 kB │ gzip: 211.72 kB │ map:  31.02 kB

The largest item in global data is public/data/bliss_symbol_explanations.json, the BCI-AV data for the 6000+ authorized Bliss symbols. The raw json is 1.5 megabytes in size.

As a test, when the json is manually reduced to 660 kilobytes (by deleting a large chunk of the file), the build warning is no longer issued. The GlobalData.ts chunk is given as 469.21K.

A solution is to move the BCI-AV information into a data base so that it is not part of the client code.