feat(pie-cookie-banner): DSW-2679 cDN build output

Author: jamieomaguire

.changeset/tidy-dolls-confess.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-cookie-banner": patch
+---
+
+[Added] - CDN dist output containing all cookie-banner and dependency code for uses where consumers cannot use npm/yarn or build tools.

packages/components/pie-cookie-banner/.eslintignore

@@ -1,4 +1,5 @@
 .turbo
+cdn_dist
 dist
 node_modules
 lit-browsers-report

packages/components/pie-cookie-banner/.gitignore

@@ -0,0 +1 @@
+cdn_dist

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

@@ -0,0 +1,49 @@
+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',
+            },
+            formats: ['es'],
+        },
+        rollupOptions: {
+            external: (id) => {
+                if (['react', '@lit/react'].includes(id)) {
+                    return true;
+                }
+                return false;
+            },
+        },
+        outDir: 'cdn_dist',
+    }, build),
+    test: {
+        dir: '.',
+        environment: 'jsdom',
+        globals: true,
+        include: [
+            './src/__tests__/**/*.{spec,test}.{js,ts}',
+            './test/unit/**/*.{spec,test}.{js,ts}',
+        ],
+        exclude: ['**/node_modules/**'],
+    },
+    plugins: deepmerge([dts({
+        insertTypesEntry: true,
+        outputDir: 'cdn_dist',
+        rollupTypes: true,
+    }),
+    visualizer({
+        gzipSize: true,
+        brotliSize: true,
+    })], plugins),
+
+    ...rest,
+});
+
+export default sharedConfig;

packages/components/pie-cookie-banner/package.json

@@ -17,7 +17,8 @@
     "componentStatus": "stable"
   },
   "scripts": {
-    "build": "run -T vite build",
+    "build": "run -T vite build && yarn build:cdn",
+    "build:cdn": "run -T vite build --config './cdn.vite.confg.js'",
     "build:react-wrapper": "npx build-react-wrapper",
     "create:manifest": "yarn cem analyze --litelement",
     "lint:scripts": "run -T eslint .",