fix: import.meta.resolve error (#276)

* fix: import.meta.resolve error

* feat: remove copy file plugin

Author: AykutSarac

copy-elk-storybook.js

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "vite build --mode library",
     "build:watch": "vite build --watch --mode library",
-    "build-storybook": "storybook build && node copy-elk-storybook.js",
+    "build-storybook": "storybook build",
     "prettier": "prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'",
     "lint": "eslint --ext js,ts,tsx",
     "lint:fix": "eslint --ext js,ts,tsx --fix src",
@@ -63,7 +63,8 @@
     "react-fast-compare": "^3.2.2",
     "react-use-gesture": "^8.0.1",
     "reakeys": "^2.0.5",
-    "undoo": "^0.5.0"
+    "undoo": "^0.5.0",
+    "web-worker": "^1.5.0"
   },
   "peerDependencies": {
     "react": ">=16",
@@ -110,8 +111,7 @@
     "vite-plugin-dts": "^3.3.1",
     "vite-plugin-svgr": "^3.2.0",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^0.33.0",
-    "web-worker": "^1.5.0"
+    "vitest": "^0.33.0"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [

package-lock.json

@@ -336,15 +336,12 @@ const getElk = async () => {
     return elkInstance;
   } else {
     const ELKModule = await import('elkjs/lib/elk-api');
-    let workerPath = await import.meta.resolve('./elk-worker.min.js');
-    if (import.meta.env.DEV) {
-      workerPath = '/node_modules/elkjs/lib/elk-worker.min.js';
-    }
 
     elkInstance = new ELKModule.default({
       algorithms: ['layered'],
       workerFactory: () => {
-        return new Worker(workerPath);
+        const workerUrl = new URL('elkjs/lib/elk-worker.min.js', import.meta.url).href;
+        return new Worker(workerUrl);
       }
     });
 

package.json

@@ -9,26 +9,6 @@ import { resolve } from 'path';
 import external from 'rollup-plugin-peer-deps-external';
 import dts from 'vite-plugin-dts';
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
-import fs from 'fs';
-
-// Custom plugin to copy elk-worker.min.js to the output directory
-const copyElkWorker = () => {
-  return {
-    name: 'copy-elk-worker',
-    closeBundle() {
-      const sourceFile = 'node_modules/elkjs/lib/elk-worker.min.js';
-      const targetFile = 'dist/elk-worker.min.js';
-
-      if (fs.existsSync(sourceFile)) {
-        const content = fs.readFileSync(sourceFile);
-        fs.writeFileSync(targetFile, content);
-        console.log('Successfully copied elk-worker.min.js to dist directory');
-      } else {
-        console.error('Error: Could not find elk-worker.min.js in node_modules');
-      }
-    }
-  };
-};
 
 export default defineConfig(({ mode }) =>
   mode === 'library'
@@ -44,8 +24,7 @@ export default defineConfig(({ mode }) =>
         }),
         checker({
           typescript: true
-        }),
-        copyElkWorker()
+        })
       ],
       test: {
         globals: true,