@justeattakeaway/pie-webc-core 0.20.0 → 0.21.0

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
-vite v4.5.2 building for production...
+vite v4.5.3 building for production...
 transforming...
 ✓ 14 modules transformed.
 rendering chunks...
 computing gzip size...
 dist/index.js  2.66 kB │ gzip: 1.20 kB
-✓ built in 149ms
+✓ built in 253ms

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.21.0
+
+### Minor Changes
+
+- [Added] - Bundle visualiser that runs during build for webc icons, webc core and our components ([#1391](https://github.com/justeattakeaway/pie/pull/1391)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
 ## 0.20.0
 
 ### Minor Changes

package/README.md

@@ -16,6 +16,7 @@
 4. [Dependencies](#dependencies)
 5. [Contributing](#contributing)
 6. [Testing](#testing)
+7. [Bundling](#bundling)
 
 ## Introduction
 
@@ -72,3 +73,6 @@ We write browser tests for functionality that requires a browser environment to
 
 ### Naming and running tests
 Currently, for writing unit tests we simply name the file `**/*.spec.ts`. To write browser tests, we name the file `**/*.browser.spec.ts`. This allows us to run all unit tests using `yarn test --filter=pie-webc-core` and all browser tests using `yarn test:browsers --filter=pie-webc-core`.
+
+## Bundling
+When we build the package, we run a plugin for Rollup named `rollup-plugin-visualizer`. This generates a file named `stats.html` in the root of the package. This file can be viewed in the browser to visualise the bundled Javascript and better understand what contributes to the size of the final build output.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-webc-core",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "PIE design system base classes, mixins and utilities for web components",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,7 @@
     "lit": "3.1.2"
   },
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.14.0"
+    "@justeattakeaway/pie-components-config": "0.15.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/vite.config.js

@@ -1,4 +1,5 @@
 import { defineConfig } from 'vite';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 export default defineConfig({
     build: {
@@ -22,4 +23,10 @@ export default defineConfig({
             '**/node_modules/**/*'
         ],
     },
+    plugins: [
+        visualizer({
+            gzipSize: true,
+            brotliSize: true,
+        })
+    ],
 });