go back to bundling worker

Author: saulshanabrook

.github/workflows/publish.yml

@@ -44,8 +44,7 @@ jobs:
         id: deployment
         uses: actions/deploy-pages@v4
       # Publish all dist at top level so that esm.sh can find web worker...
-      - run: mv dist/* .
-      - run: npm publish --provenance --access public
+      - run: npm publish --provenance --access public package.tgz
         if: startsWith(github.ref, 'refs/tags/')
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "egraph-visualizer",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/saulshanabrook/egraph-visualizer.git"
@@ -42,6 +42,9 @@
     "typescript-eslint": "^8.0.1",
     "vite": "^5.4.1"
   },
-  "main": "dom.js",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/dom.js",
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/Visualizer.tsx

@@ -8,7 +8,8 @@ import { ErrorBoundary } from "react-error-boundary";
 import type { EdgeChange, EdgeProps, EdgeTypes, NodeChange, NodeProps } from "@xyflow/react";
 
 import ELK, { ElkExtendedEdge, ElkNode } from "elkjs/lib/elk-api";
-import ELKWorker from "elkjs/lib/elk-worker?worker";
+// Make worker inline because if its external cannot be loaded from esm.sh due to CORS
+import ELKWorker from "elkjs/lib/elk-worker?worker&inline";
 
 import { createContext, memo, startTransition, Suspense, use, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import {

vite.config.ts

@@ -7,7 +7,6 @@ export default defineConfig({
   plugins: [react()],
   base: "./",
   build: {
-    assetsInlineLimit: (path) => !path.includes("elk-worker"),
     lib: {
       entry: [resolve(__dirname, "src/anywidget.tsx"), resolve(__dirname, "src/dom.tsx")],
       formats: ["es"],