@wasm-gaming/engine-specs 0.2.3 → 0.2.5

package/demo/demo.sdk.js

@@ -21,7 +21,7 @@ export function createDummySdk() {
 				mountPath: "/bios.bin",
 				required: false,
 				accept: [".bin", ".rom", ".sys"],
-				description: "Optional system BIOS firmware file.",
+				description: "System BIOS firmware file.",
 			},
 		],
 		input: "keyboard-default",
@@ -206,3 +206,6 @@ export function createDummySdk() {
 		},
 	};
 }
+
+export const sdk = createDummySdk();
+export default sdk;

package/demo/index.html

@@ -9,6 +9,63 @@
   <body>
     <main></main>
 
-    <script type="module" src="./demo.js"></script>
+    <script type="module">
+      import demo from './demo.js'
+      import sdk from './demo.sdk.js'
+
+      demo
+        .init({
+          messages: {
+            title: 'WASM Gaming Engine Demo',
+            dropRomPrompt: 'Drop ROM File',
+            launchButton: 'Launch Engine',
+            escMenuTitle: 'Settings',
+            escMenuResume: 'Resume',
+            escMenuReset: 'Reset game',
+            escMenuRestoreDefaults: 'Restore defaults',
+            escMenuExit: 'Exit to Launcher',
+          },
+          bios: false, // 'required' | 'optional' | false
+          escMenu: {
+            enabled: true,
+          },
+        })
+        .on('rom:save', ({ file }) => {
+          console.log('[Demo] ROM loaded:', file?.name)
+        })
+        .on('bios:save', ({ file }) => {
+          console.log('[Demo] BIOS loaded:', file?.name)
+        })
+        .on('launch', async (e) => {
+          const assets = {}
+
+          // if rom loaded
+          if (demo.hasFile('rom')) {
+            assets.rom = await demo.loadToMEMFS('rom')
+          }
+
+          // if bios required and loaded
+          if (demo.hasFile('bios')) {
+            assets.bios = await demo.loadToMEMFS('bios')
+          }
+
+          const instance = await sdk.load({
+            attachTo: e.attachTo,
+            assets,
+            options: {
+              fileName: e.fileName,
+              byteLength: e.byteLength,
+            },
+            onEvent(event) {
+              if (event.type === 'error') {
+                console.error(event.error)
+              }
+            },
+          })
+
+          instance.start()
+          return instance
+        })
+    </script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wasm-gaming/engine-specs",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "The wasm-gaming engine contract: the single shared interface every WASM game/emulator engine and the host app conform to. TypeScript types + JSON Schema + a Zod runtime validator.",
   "type": "module",
   "types": "./dist/index.d.ts",

package/demo/components/file-info.html

@@ -1,66 +0,0 @@
-<h2>{{ fileName }}</h2>
-<dl>
-  <div class="row">
-    <dt>Size</dt>
-    <dd>{{ size }}</dd>
-  </div>
-  <div :each="checksum in checksums" class="row">
-    <dt>{{ checksum.label }}</dt>
-    <dd>{{ checksum.value }}</dd>
-  </div>
-</dl>
-
-<style>
-  :host {
-    position: absolute;
-    top: 4rem;
-    left: 2rem;
-    max-width: min(600px, calc(100vw - 2rem));
-    border: 1px solid var(--demo-file-info-border, rgba(255, 255, 255, 0.8));
-    border-radius: var(--demo-panel-radius, 12px);
-    background: var(--demo-file-info-bg, rgba(255, 255, 255, 0.7));
-    backdrop-filter: blur(var(--demo-file-info-blur, 10px));
-    padding: 1.2rem;
-    font-size: 0.9rem;
-  }
-
-  h2 {
-    margin: 0 0 0.8rem;
-    font-size: 1.1rem;
-    font-weight: 600;
-    word-break: break-all;
-    color: var(--demo-text, var(--text, #0f172a));
-    letter-spacing: 0.05em;
-    border-bottom: 1px solid var(--demo-panel-border, rgba(255, 255, 255, 0.6));
-    padding-bottom: 0.4rem;
-  }
-
-  dl {
-    margin: 0;
-    display: grid;
-    gap: 0.5rem;
-  }
-
-  .row {
-    display: grid;
-    grid-template-columns: 4.4rem 1fr;
-    gap: 0.8rem;
-    align-items: baseline;
-  }
-
-  dt {
-    color: var(--demo-text, var(--text, #0f172a));
-    opacity: 0.7;
-    font-size: 0.8rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
-
-  dd {
-    margin: 0;
-    font-family: var(--demo-font-mono, var(--font-mono, monospace));
-    word-break: break-all;
-    user-select: all;
-    color: var(--demo-text, var(--text, #0f172a));
-  }
-</style>