@manybitsbyte/nesplayer-svelte 0.8.0 → 0.9.0

package/README.md

@@ -13,8 +13,24 @@ npm install @manybitsbyte/nesplayer-svelte
 ```svelte
 <script>
   import { Screen } from '@manybitsbyte/nesplayer-svelte';
+</script>
+
+<Screen style="width: 512px; height: 480px;" />
+```
+
+That's it. The built-in controls overlay includes a file picker — hover the right edge of the player and click the disk icon to load a `.nes` ROM.
 
-  let romBytes = $state(null);   // Uint8Array of a .nes file
+The component fills its container. Set width/height on the element or a wrapping div. The canvas maintains the correct NES aspect ratio (8:7 pixel, ~1.167:1) and letter-boxes within the available space.
+
+### Loading a ROM programmatically
+
+If you want to serve ROMs from your own UI (a game library, a URL fetch, etc.), pass the bytes via the `rom` prop:
+
+```svelte
+<script>
+  import { Screen } from '@manybitsbyte/nesplayer-svelte';
+
+  let romBytes = $state(null);
 
   async function loadRom() {
     const res = await fetch('/roms/game.nes');
@@ -22,13 +38,10 @@ npm install @manybitsbyte/nesplayer-svelte
   }
 </script>
 
-<button onclick={loadRom}>Load ROM</button>
-
+<button onclick={loadRom}>Load game</button>
 <Screen rom={romBytes} romName="game" style="width: 512px; height: 480px;" />
 ```
 
-The component fills its container. Set width/height on the element or a wrapping div. The canvas maintains the correct NES aspect ratio (8:7 pixel, ~1.167:1) and letter-boxes within the available space.
-
 ## Props
 
 | Prop | Type | Default | Bindable | Description |

package/dist/version.d.ts

@@ -1 +1 @@
-export const version: "0.8.0";
+export const version: "0.9.0";

package/dist/version.js

@@ -1 +1 @@
-export const version = '0.8.0';
+export const version = '0.9.0';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@manybitsbyte/nesplayer-svelte",
-	"version": "0.8.0",
+	"version": "0.9.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",