Use another hack to get dagre to work

Author: twwd

package.json

@@ -71,6 +71,7 @@
 		"@carbon/type": "^11.53.0",
 		"@cyclonedx/cyclonedx-library": "^9.4.1",
 		"@dagrejs/dagre": "^2.0.3",
+		"@dagrejs/graphlib": "^2",
 		"@ibm/plex": "^6.4.1",
 		"carbon-components-svelte": "^0.99.3",
 		"carbon-icons-svelte": "^13.8.0",

pnpm-lock.yaml

@@ -2,55 +2,22 @@ import devtoolsJson from 'vite-plugin-devtools-json';
 import { defineConfig } from 'vitest/config';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { optimizeCss } from 'carbon-preprocess-svelte';
-
-import fs from 'fs';
-import type { Plugin, UserConfig } from 'vite';
+import type { Plugin } from 'vite';
 
 /**
- * Vite plugin to fix @dagrejs/dagre's dynamic require of @dagrejs/graphlib.
- * From https://github.com/dagrejs/dagre/issues/492#issuecomment-3831937463
- *
- * Uses esbuild's onLoad hook during pre-bundling to inject the graphlib import
- * and replace dynamic require calls before the code is bundled.
- *
- * See: https://github.com/dagrejs/dagre/issues/492
+ * HACK: Fixes issue with the CJS reference to @dagrejs/graphlib in @dagrejs/dagre@^2.
+ * https://github.com/dagrejs/dagre/issues/492#issuecomment-3853652764
  */
 function dagreGraphlibPlugin(): Plugin {
 	return {
-		name: 'dagre-graphlib-fix',
-		config(): Omit<UserConfig, 'plugins'> {
-			return {
-				optimizeDeps: {
-					esbuildOptions: {
-						plugins: [
-							{
-								name: 'dagre-graphlib-esbuild',
-								setup(build) {
-									// Intercept the dagre ESM file during pre-bundling
-									build.onLoad({ filter: /dagre\.esm\.js$/ }, async (args) => {
-										let contents = await fs.promises.readFile(args.path, 'utf8');
-
-										// Add graphlib import at the top
-										const graphlibImport = `import * as __graphlib__ from '@dagrejs/graphlib';\n`;
-										contents = graphlibImport + contents;
-
-										// Replace all dynamic require patterns
-										contents = contents.replace(
-											/g\(\s*["']@dagrejs\/graphlib["']\s*\)/g,
-											'__graphlib__'
-										);
-
-										return {
-											contents,
-											loader: 'js' as const
-										};
-									});
-								}
-							}
-						]
-					}
-				}
-			};
+		name: 'dagre-graphlib-plugin',
+		enforce: 'pre',
+		transform(code, id) {
+			if (!id.includes('dagrejs') || id.includes('graphlib')) return;
+			const modifiedCode = `
+        import * as __graphlib__ from '@dagrejs/graphlib';
+        ${code.replace(/g\(\s*["']@dagrejs\/graphlib["']\s*\)/g, '__graphlib__')}`;
+			return { code: modifiedCode, map: null };
 		}
 	};
 }
@@ -76,5 +43,8 @@ export default defineConfig({
 				}
 			}
 		]
+	},
+	optimizeDeps: {
+		include: ['@dagrejs/dagre > @dagrejs/graphlib']
 	}
 });