Initial SPC Export Setup and Build

Author: Fergus Bisset

config/tsconfig.json

@@ -8,6 +8,8 @@
 			"DOM.Iterable"
 		],
 		"module": "ESNext",
+		/* Disambiguate the project root for TS when resolving self-package exports */
+		"rootDir": "..",
 		"skipLibCheck": true,
 		/* Bundler mode */
 		"moduleResolution": "bundler",

config/vite.spc.config.ts

@@ -0,0 +1,56 @@
+import { defineConfig, Plugin } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+import dts from 'vite-plugin-dts';
+
+// Ignore SCSS during JS lib build (CSS is handled by existing CSS pipelines if/when needed)
+const ignoreScssPlugin = (): Plugin => ({
+  name: 'spc-ignore-scss',
+  load(id) {
+    if (id.endsWith('.scss')) return { code: '' };
+  }
+});
+
+export default defineConfig({
+  plugins: [
+    ignoreScssPlugin(),
+    react({ jsxRuntime: 'classic' }),
+    dts({
+      entryRoot: resolve(__dirname, '../packages/nhs-fdp-spc/src'),
+      outDir: resolve(__dirname, '../packages/nhs-fdp-spc/dist'),
+      tsconfigPath: resolve(__dirname, '../tsconfig.build.json'),
+      copyDtsFiles: true
+    })
+  ],
+  resolve: {
+    alias: {
+      '@ds': resolve(__dirname, '../src')
+    }
+  },
+  build: {
+    lib: {
+      entry: {
+        index: resolve(__dirname, '../packages/nhs-fdp-spc/src/index.ts'),
+        engine: resolve(__dirname, '../packages/nhs-fdp-spc/src/engine/index.ts'),
+        icons: resolve(__dirname, '../packages/nhs-fdp-spc/src/icons/index.ts')
+      },
+      formats: ['es'],
+      fileName: (_format, entryName) => {
+        if (entryName === 'index') return 'index.esm.js';
+        return `${entryName}/index.js`;
+      }
+    },
+    rollupOptions: {
+      external: [
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime'
+      ]
+    },
+    sourcemap: true,
+    copyPublicDir: false,
+    outDir: resolve(__dirname, '../packages/nhs-fdp-spc/dist'),
+    emptyOutDir: true
+  }
+});

config/vite.spc.css.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// Build a single CSS bundle for SPC package by aggregating root SPC styles
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, '../packages/nhs-fdp-spc/src/styles/spc.scss'),
+      formats: ['es'],
+      fileName: () => 'spc'
+    },
+    rollupOptions: {
+      output: {
+        assetFileNames: (assetInfo) => {
+          if (assetInfo.name && assetInfo.name.endsWith('.css')) {
+            return 'spc.css';
+          }
+          return assetInfo.name || '[name]';
+        }
+      }
+    },
+    sourcemap: true,
+    copyPublicDir: false,
+    outDir: resolve(__dirname, '../packages/nhs-fdp-spc/dist'),
+    emptyOutDir: false,
+    cssCodeSplit: false,
+    minify: false
+  }
+});