Merge branch 'main' into changeset-release/main

Author: jamieomaguire

.changeset/dirty-games-chew.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-cookie-banner": minor
+---
+
+[Changed] - Updated vite config to bundle everything in the cdn dist file

packages/components/pie-cookie-banner/cdn.vite.config.js

@@ -1,48 +1,43 @@
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import { visualizer } from 'rollup-plugin-visualizer';
-
 import { deepmerge } from 'deepmerge-ts';
 
 // https://vitejs.dev/config/
 const sharedConfig = ({ build = {}, plugins = [], ...rest }) => defineConfig({
-    build: deepmerge({
-        lib: {
-            entry: {
-                index: 'src/index.ts',
+    build: deepmerge(
+        {
+            lib: {
+                entry: 'src/index.ts',
+                formats: ['iife'], // 'iife' bundles everything into one file
+                name: 'PieCookieBanner', // Global variable for the component
+                fileName: () => 'index.js',
             },
-            formats: ['es'],
-        },
-        rollupOptions: {
-            external: (id) => {
-                if (['react', '@lit/react'].includes(id)) {
-                    return true;
-                }
-                return false;
+            rollupOptions: {
+                external: [], // Ensure everything is bundled
+                output: {
+                    globals: {}, // Define globals if you really want something external
+                },
             },
+            outDir: 'cdn_dist',
+            minify: 'terser', // Ensures smaller output
         },
-        outDir: 'cdn_dist',
-    }, build),
-    test: {
-        dir: '.',
-        environment: 'jsdom',
-        globals: true,
-        include: [
-            './src/__tests__/**/*.{spec,test}.{js,ts}',
-            './test/unit/**/*.{spec,test}.{js,ts}',
+        build,
+    ),
+    plugins: deepmerge(
+        [
+            dts({
+                insertTypesEntry: true,
+                outputDir: 'cdn_dist',
+                rollupTypes: true,
+            }),
+            visualizer({
+                gzipSize: true,
+                brotliSize: true,
+            }),
         ],
-        exclude: ['**/node_modules/**'],
-    },
-    plugins: deepmerge([dts({
-        insertTypesEntry: true,
-        outputDir: 'cdn_dist',
-        rollupTypes: true,
-    }),
-    visualizer({
-        gzipSize: true,
-        brotliSize: true,
-    })], plugins),
-
+        plugins,
+    ),
     ...rest,
 });