feat: mGBA as package

- an initial test to see how this will work out
thenick775 · Oct 3, 2024 · 6892703 · 6892703
1 parent 1ced7ee
commit 6892703
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 103 deletions.
diff --git a/gbajs3/package-lock.json b/gbajs3/package-lock.json
diff --git a/gbajs3/package.json b/gbajs3/package.json
@@ -17,6 +17,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^6.0.2",
     "@mui/x-tree-view": "^7.0.0",
+    "@thenick775/mgba-wasm": "^1.0.9",
     "@uidotdev/usehooks": "^2.4.1",
     "jwt-decode": "^4.0.0",
     "nanoid": "^5.0.7",

diff --git a/gbajs3/src/emulator/mgba/mgba-emulator.tsx b/gbajs3/src/emulator/mgba/mgba-emulator.tsx
@@ -2,7 +2,7 @@ import type {
   coreCallbacks,
   filePaths,
   mGBAEmulator as mGBAEmulatorTypeDef
-} from './wasm/mgba.js';
+} from '@thenick775/mgba-wasm';
 
 interface FsNode extends FS.FSNode {
   mode: number;

diff --git a/gbajs3/src/emulator/mgba/wasm/mgba.d.ts b/gbajs3/src/emulator/mgba/wasm/mgba.d.ts
diff --git a/gbajs3/src/emulator/mgba/wasm/mgba.js b/gbajs3/src/emulator/mgba/wasm/mgba.js
diff --git a/gbajs3/src/emulator/mgba/wasm/mgba.wasm b/gbajs3/src/emulator/mgba/wasm/mgba.wasm
diff --git a/gbajs3/src/hooks/use-emulator.tsx b/gbajs3/src/hooks/use-emulator.tsx
@@ -1,10 +1,10 @@
+import mGBA from '@thenick775/mgba-wasm';
 import { useEffect, useState } from 'react';
 
 import {
   mGBAEmulator,
   type GBAEmulator
 } from '../emulator/mgba/mgba-emulator.tsx';
-import mGBA from '../emulator/mgba/wasm/mgba.js';
 
 export const useEmulator = (canvas: HTMLCanvasElement | null) => {
   const [emulator, setEmulator] = useState<GBAEmulator | null>(null);

diff --git a/gbajs3/vite.config.ts b/gbajs3/vite.config.ts
@@ -87,6 +87,9 @@ export default defineConfig({
     }),
     visualizer({ gzipSize: true })
   ],
+  optimizeDeps: {
+    exclude: ['@thenick775/mgba-wasm']
+  },
   build: {
     rollupOptions: {
       output: {
@@ -98,6 +101,11 @@ export default defineConfig({
               return vendorPrefix + '_@mui';
             }
 
+            if (id.indexOf('@thenick775/mgba-wasm') > -1) {
+              // vendor mGBA
+              return vendorPrefix + '_mgba-wasm';
+            }
+
             if (
               id.indexOf('react-joyride') > -1 ||
               id.indexOf('react-floater') > -1 ||