attempt to fix icon path and other asset issues in dist build

Author: Ibrahim-Haizel

package-lock.json

@@ -45,8 +45,8 @@
     }
   },
   "peerDependencies": {
-    "svelte": "^5.0.0",
-    "@sveltejs/kit": "^2.0.0"
+    "@sveltejs/kit": "^2.0.0",
+    "svelte": "^5.0.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.3.0",
@@ -77,16 +77,17 @@
     "tsx": "^4.19.2",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.0.0",
-    "vite": "^5.0.11"
+    "vite": "^5.0.11",
+    "vite-plugin-static-copy": "^2.3.1"
   },
   "dependencies": {
-    "accessible-autocomplete": "^3.0.1",
     "@dwp/dwp-frontend": "^3.3.0",
     "@maptiler/sdk": "^3.0.1",
     "@ministryofjustice/frontend": "^4.0.1",
     "@moduk/frontend": "^2.0.23",
     "@monaco-editor/loader": "^1.4.0",
     "@types/dompurify": "^3.0.5",
+    "accessible-autocomplete": "^3.0.1",
     "csv-parser": "^3.0.0",
     "d3": "^7.9.0",
     "dompurify": "^3.2.5",

package.json

@@ -36,27 +36,33 @@ function findSvelteFiles(dir: string): string[] {
 const svelteFilesInComponents = findSvelteFiles(componentsDir);
 
 const exportedNames = new Set<string>(); // Keep track of names already exported
+const skippedFiles: string[] = []; // Track skipped files
 
 const exports = svelteFilesInComponents
   .map((filePath) => {
     const name = basename(filePath, ".svelte");
+    const fullImportPath = join("components", filePath).replace(/\\/g, "/");
 
     // Only export if the name hasn't been used yet
     if (!exportedNames.has(name)) {
       exportedNames.add(name); // Mark name as used
-      const importPath = join("components", filePath).replace(/\\\\/g, "/");
-      return `export { default as ${name} } from './${importPath}';`;
+      return `export { default as ${name} } from './${fullImportPath}';`;
     }
+    skippedFiles.push(fullImportPath); // Log skipped file path
     return null; // Skip duplicate
   })
   .filter((line): line is string => line !== null); // Remove null entries
 
-// Write the file only if there are no duplicates
+// Write the file
 writeFileSync(
   indexFile,
   `// this file is auto-generated — do not edit by hand\nimport "$lib/components_base.css";\n\n${exports.join("\n")}\n`,
 );
 
-console.log(
-  `Generated ${indexFile} with ${exports.length} unique exports from ./components. Duplicates were ignored.`,
-);
+let logMessage = `Generated ${indexFile} with ${exports.length} unique exports from ./components.`;
+
+if (skippedFiles.length > 0) {
+  logMessage += `\nSkipped ${skippedFiles.length} duplicate file(s):\n  - ${skippedFiles.join("\n  - ")}`;
+}
+
+console.log(logMessage);

scripts/generate-index.ts

@@ -1,5 +1,6 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
 
 export default defineConfig({
   plugins: [
@@ -13,6 +14,22 @@ export default defineConfig({
         return code;
       },
     },
+    viteStaticCopy({
+      targets: [
+        {
+          src: "static/assets/fonts",
+          dest: "assets", // dist/assets/fonts
+        },
+        {
+          src: "static/assets/images",
+          dest: "assets",// dist/assets/images
+        },
+        {
+          src: "static/assets/govuk_publishing_components",
+          dest: "assets", // dist/assets/govuk_publishing_components
+        },
+      ],
+    }),
   ],
   server: {
     fs: {