@emu198x/zx-spectrum 0.1.0

package/README.md

@@ -0,0 +1,85 @@
+# @emu198x/zx-spectrum
+
+A cycle-accurate ZX Spectrum 48K for the browser. The same emulator core as the
+native Emu198x application, compiled to WebAssembly — its output is checked
+pixel-for-pixel against the native build on every change.
+
+The 48K ROM travels inside the package, so a page needs no firmware of its own.
+
+## Install
+
+```sh
+npm install @emu198x/zx-spectrum
+```
+
+## Use
+
+```js
+import init, { Spectrum } from '@emu198x/zx-spectrum';
+
+await init();
+const spectrum = await Spectrum.createBundled(document.querySelector('canvas'));
+
+let last = performance.now();
+function frame(now) {
+  spectrum.tick(now - last);
+  last = now;
+  requestAnimationFrame(frame);
+}
+requestAnimationFrame(frame);
+```
+
+Pass elapsed real time to `tick`, not one frame per callback. The Spectrum runs
+at 50.08 Hz and a display usually refreshes at 60 Hz or more; `tick` converts
+elapsed time into whole machine frames, so the machine runs at its own speed
+rather than the monitor's.
+
+The canvas drawing buffer is resized to the machine's picture (352×296) and the
+page controls the displayed size with CSS. Add `image-rendering: pixelated` or
+the browser will blur the pixels.
+
+## API
+
+| Method | Purpose |
+|---|---|
+| `Spectrum.createBundled(canvas)` | Build a 48K on the ROM in this package. |
+| `Spectrum.create(canvas, rom)` | Build a 48K on a ROM you supply. |
+| `tick(elapsedMs)` | Run elapsed real time and draw. Returns frames run. |
+| `loadSnapshot(bytes, format)` | Load a `.sna` or `.z80` snapshot. |
+| `load(slot, kind, bytes)` | Load media — for example a tape into `tape-1`. |
+| `keyDown(code)` / `keyUp(code)` | Feed a DOM `KeyboardEvent.code`. |
+| `setAudioEnabled(on)` | Start or stop audio. |
+| `configureAudio(rate, channels, capacity)` | Match the page's `AudioContext`. |
+| `audioDrain()` | Take buffered samples to feed a worklet. |
+| `frameRgba()` / `frameSize()` | The picture, for presenting it yourself. |
+| `mediaSlots()` | Slot names this machine accepts. |
+| `resize(width, height)` | Tell it the canvas changed size. |
+
+`createBundled` and `create` are async because the API keeps room for a GPU
+renderer, which needs an adapter.
+
+Keys are mapped from `KeyboardEvent.code`, the physical key, so a learner on an
+AZERTY or Dvorak layout presses the key that sits where the Spectrum's does.
+Shift reaches `CapsShift`; Control and Alt reach `SymbolShift`. Cursor keys
+expand to the chord the hardware actually uses — the Spectrum has no cursor
+keys, and `Up` is `CapsShift`+`7`.
+
+## ROM copyright
+
+Amstrad have kindly given their permission for the redistribution of their
+copyrighted material but retain that copyright.
+
+The permission is Cliff Lawson's, for Amstrad plc, on comp.sys.sinclair,
+31 August 1999:
+<https://web.archive.org/web/20180828125931/http://www.worldofspectrum.org/permits/amstrad-roms.txt>
+
+The ROM image is included unmodified, and no charge is made for it. The
+permission covers the Sinclair 48K and 128K ROMs and Amstrad's +2/+2A/+3
+machines. It does not extend to the ZX80, ZX81, Interface 1 or 2, Timex
+machines, or Spectrum clones.
+
+## Licence
+
+The emulator is licensed under the terms in the Emu198x repository. The ROM is
+copyright Amstrad plc and is redistributed under the permission above; it is
+not covered by that licence.

package/emu198x_spectrum_web.d.ts

@@ -0,0 +1,202 @@
+/* tslint:disable */
+/* eslint-disable */
+
+/**
+ * A ZX Spectrum attached to a canvas.
+ */
+export class Spectrum {
+    private constructor();
+    free(): void;
+    [Symbol.dispose](): void;
+    /**
+     * Takes the buffered audio for the page to feed its worklet.
+     */
+    audioDrain(): Float32Array;
+    /**
+     * Waits for the boot prompt, types `LOAD ""`, and starts the tape.
+     *
+     * The way a lesson runs a program a learner just assembled. Loading
+     * through the real ROM matters beyond authenticity: the firmware
+     * initialises the machine as it goes, so a program can call ROM routines
+     * afterwards. A snapshot built by an assembler cannot offer that, because
+     * nobody has yet written down what a booted 48K holds in RAM.
+     *
+     * Drives the ROM keyboard editor rather than patching the ROM or
+     * short-circuiting the loader, and is the same code path the native
+     * binary's `--autoload-tape` takes — including its two hard-won waits, for
+     * the editor prompt to be repainted before it is read, and for the 128K
+     * family's loader to be listening before the tape rolls.
+     *
+     * Returns the number of frames spent waiting for boot. Load a tape first.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if no tape is loaded, if the machine does
+     * not reach a boot prompt within `max_boot_frames`, or if the prompt
+     * never becomes ready for keyword entry.
+     */
+    autoload(max_boot_frames: number): number;
+    /**
+     * Matches the audio buffer to the page's `AudioContext`.
+     */
+    configureAudio(sample_rate: number, channels: number, capacity: number): void;
+    /**
+     * Builds a 48K attached to `canvas`, from ROM bytes the page supplies.
+     *
+     * Async even though nothing here awaits: restoring the GPU path (#1436)
+     * needs an adapter, and acquiring one is async. Shipping this synchronous
+     * would make that a breaking change for every consumer.
+     *
+     * The canvas's drawing buffer is resized to the machine's picture and the
+     * page keeps control of the displayed size through CSS. Pair it with
+     * `image-rendering: pixelated` or the browser will blur the pixels.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the ROM is not a valid 48K image or the
+     * canvas has no 2-D context.
+     */
+    static create(canvas: HTMLCanvasElement, rom: Uint8Array): Promise<Spectrum>;
+    /**
+     * Builds a 48K on the ROM embedded in this package.
+     *
+     * The ordinary entry point for a page: the firmware travels with the
+     * emulator, so a lesson embed needs no ROM of its own and no file
+     * picker in front of the first thing a learner sees.
+     *
+     * Present only in a build made with the `bundled-rom` feature, which is
+     * how the npm package is published. A build without it uses
+     * [`create`](Self::create) and supplies its own image.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the canvas has no 2-D context.
+     */
+    static createBundled(canvas: HTMLCanvasElement): Promise<Spectrum>;
+    /**
+     * The machine's picture as RGBA bytes, for a page that wants to present
+     * it itself.
+     */
+    frameRgba(): Uint8Array;
+    /**
+     * Width and height of the machine's picture, as `[width, height]`.
+     */
+    frameSize(): Uint32Array;
+    /**
+     * Presses a key, from a DOM `KeyboardEvent.code`.
+     *
+     * Returns `false` when the Spectrum has no such key, so the page can let
+     * the browser keep the keystroke instead of swallowing it.
+     */
+    keyDown(code: string): boolean;
+    /**
+     * Releases a key, from a DOM `KeyboardEvent.code`.
+     */
+    keyUp(code: string): boolean;
+    /**
+     * Loads a program into a media slot from bytes.
+     *
+     * `kind` is one of `tape`, `disk`, `snapshot`, `cartridge` or `program`.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error for an unknown slot or kind, or if the
+     * machine rejects the image.
+     */
+    load(slot: string, kind: string, bytes: Uint8Array): void;
+    /**
+     * Loads a portable snapshot — `.sna` or `.z80` — from bytes.
+     *
+     * This is how a lesson runs the program it ships: the curriculum's
+     * capture pipeline builds `.sna` files, and a snapshot is applied to the
+     * machine rather than mounted in a slot, so it does not go through
+     * [`load`](Self::load).
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error for an unknown format or bytes that do not
+     * parse.
+     */
+    loadSnapshot(bytes: Uint8Array, format: string): void;
+    /**
+     * The machine's media slots, for a page that wants to name one.
+     */
+    mediaSlots(): string[];
+    /**
+     * Starts or stops machine audio.
+     */
+    setAudioEnabled(enabled: boolean): void;
+    /**
+     * Runs the machine for `elapsed_ms` of real time and draws the result.
+     *
+     * Returns the number of machine frames that ran, which is often zero: a
+     * 60 Hz display driving a 50 Hz machine has nothing to do on roughly one
+     * callback in six.
+     *
+     * While a tape is playing the machine runs ahead of the clock instead,
+     * and the count is correspondingly larger. That is not a setting a page
+     * has to find: a tape takes as long to load as it did in 1982, and a
+     * reader waiting on a lesson has no reason to sit through it.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the machine fails or the canvas rejects
+     * the frame.
+     */
+    tick(elapsed_ms: number): number;
+}
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export interface InitOutput {
+    readonly memory: WebAssembly.Memory;
+    readonly __wbg_spectrum_free: (a: number, b: number) => void;
+    readonly spectrum_audioDrain: (a: number) => [number, number];
+    readonly spectrum_autoload: (a: number, b: number) => [number, number, number];
+    readonly spectrum_configureAudio: (a: number, b: number, c: number, d: number) => void;
+    readonly spectrum_create: (a: any, b: number, c: number) => any;
+    readonly spectrum_createBundled: (a: any) => any;
+    readonly spectrum_frameRgba: (a: number) => [number, number];
+    readonly spectrum_frameSize: (a: number) => [number, number];
+    readonly spectrum_keyDown: (a: number, b: number, c: number) => number;
+    readonly spectrum_keyUp: (a: number, b: number, c: number) => number;
+    readonly spectrum_load: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => [number, number];
+    readonly spectrum_loadSnapshot: (a: number, b: number, c: number, d: number, e: number) => [number, number];
+    readonly spectrum_mediaSlots: (a: number) => [number, number];
+    readonly spectrum_setAudioEnabled: (a: number, b: number) => void;
+    readonly spectrum_tick: (a: number, b: number) => [number, number, number];
+    readonly wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___wasm_bindgen_aa0ad12a6f6b153a___JsValue__core_f0fd674eaa06beef___result__Result_____wasm_bindgen_aa0ad12a6f6b153a___JsError___true_: (a: number, b: number, c: any) => [number, number];
+    readonly wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined_______true_: (a: number, b: number, c: any, d: any) => void;
+    readonly __wbindgen_exn_store: (a: number) => void;
+    readonly __externref_table_alloc: () => number;
+    readonly __wbindgen_externrefs: WebAssembly.Table;
+    readonly __wbindgen_destroy_closure: (a: number, b: number) => void;
+    readonly __wbindgen_free: (a: number, b: number, c: number) => void;
+    readonly __externref_table_dealloc: (a: number) => void;
+    readonly __wbindgen_malloc: (a: number, b: number) => number;
+    readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
+    readonly __externref_drop_slice: (a: number, b: number) => void;
+    readonly __wbindgen_start: () => void;
+}
+
+export type SyncInitInput = BufferSource | WebAssembly.Module;
+
+/**
+ * Instantiates the given `module`, which can either be bytes or
+ * a precompiled `WebAssembly.Module`.
+ *
+ * @param {{ module: SyncInitInput }} module - Passing `SyncInitInput` directly is deprecated.
+ *
+ * @returns {InitOutput}
+ */
+export function initSync(module: { module: SyncInitInput } | SyncInitInput): InitOutput;
+
+/**
+ * If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+ * for everything else, calls `WebAssembly.instantiate` directly.
+ *
+ * @param {{ module_or_path: InitInput | Promise<InitInput> }} module_or_path - Passing `InitInput` directly is deprecated.
+ *
+ * @returns {Promise<InitOutput>}
+ */
+export default function __wbg_init (module_or_path?: { module_or_path: InitInput | Promise<InitInput> } | InitInput | Promise<InitInput>): Promise<InitOutput>;

package/emu198x_spectrum_web.js

@@ -0,0 +1,719 @@
+/* @ts-self-types="./emu198x_spectrum_web.d.ts" */
+
+/**
+ * A ZX Spectrum attached to a canvas.
+ */
+export class Spectrum {
+    static __wrap(ptr) {
+        const obj = Object.create(Spectrum.prototype);
+        obj.__wbg_ptr = ptr;
+        SpectrumFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        SpectrumFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_spectrum_free(ptr, 0);
+    }
+    /**
+     * Takes the buffered audio for the page to feed its worklet.
+     * @returns {Float32Array}
+     */
+    audioDrain() {
+        const ret = wasm.spectrum_audioDrain(this.__wbg_ptr);
+        var v1 = getArrayF32FromWasm0(ret[0], ret[1]).slice();
+        wasm.__wbindgen_free(ret[0], ret[1] * 4, 4);
+        return v1;
+    }
+    /**
+     * Waits for the boot prompt, types `LOAD ""`, and starts the tape.
+     *
+     * The way a lesson runs a program a learner just assembled. Loading
+     * through the real ROM matters beyond authenticity: the firmware
+     * initialises the machine as it goes, so a program can call ROM routines
+     * afterwards. A snapshot built by an assembler cannot offer that, because
+     * nobody has yet written down what a booted 48K holds in RAM.
+     *
+     * Drives the ROM keyboard editor rather than patching the ROM or
+     * short-circuiting the loader, and is the same code path the native
+     * binary's `--autoload-tape` takes — including its two hard-won waits, for
+     * the editor prompt to be repainted before it is read, and for the 128K
+     * family's loader to be listening before the tape rolls.
+     *
+     * Returns the number of frames spent waiting for boot. Load a tape first.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if no tape is loaded, if the machine does
+     * not reach a boot prompt within `max_boot_frames`, or if the prompt
+     * never becomes ready for keyword entry.
+     * @param {number} max_boot_frames
+     * @returns {number}
+     */
+    autoload(max_boot_frames) {
+        const ret = wasm.spectrum_autoload(this.__wbg_ptr, max_boot_frames);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return ret[0] >>> 0;
+    }
+    /**
+     * Matches the audio buffer to the page's `AudioContext`.
+     * @param {number} sample_rate
+     * @param {number} channels
+     * @param {number} capacity
+     */
+    configureAudio(sample_rate, channels, capacity) {
+        wasm.spectrum_configureAudio(this.__wbg_ptr, sample_rate, channels, capacity);
+    }
+    /**
+     * Builds a 48K attached to `canvas`, from ROM bytes the page supplies.
+     *
+     * Async even though nothing here awaits: restoring the GPU path (#1436)
+     * needs an adapter, and acquiring one is async. Shipping this synchronous
+     * would make that a breaking change for every consumer.
+     *
+     * The canvas's drawing buffer is resized to the machine's picture and the
+     * page keeps control of the displayed size through CSS. Pair it with
+     * `image-rendering: pixelated` or the browser will blur the pixels.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the ROM is not a valid 48K image or the
+     * canvas has no 2-D context.
+     * @param {HTMLCanvasElement} canvas
+     * @param {Uint8Array} rom
+     * @returns {Promise<Spectrum>}
+     */
+    static create(canvas, rom) {
+        const ptr0 = passArray8ToWasm0(rom, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.spectrum_create(canvas, ptr0, len0);
+        return ret;
+    }
+    /**
+     * Builds a 48K on the ROM embedded in this package.
+     *
+     * The ordinary entry point for a page: the firmware travels with the
+     * emulator, so a lesson embed needs no ROM of its own and no file
+     * picker in front of the first thing a learner sees.
+     *
+     * Present only in a build made with the `bundled-rom` feature, which is
+     * how the npm package is published. A build without it uses
+     * [`create`](Self::create) and supplies its own image.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the canvas has no 2-D context.
+     * @param {HTMLCanvasElement} canvas
+     * @returns {Promise<Spectrum>}
+     */
+    static createBundled(canvas) {
+        const ret = wasm.spectrum_createBundled(canvas);
+        return ret;
+    }
+    /**
+     * The machine's picture as RGBA bytes, for a page that wants to present
+     * it itself.
+     * @returns {Uint8Array}
+     */
+    frameRgba() {
+        const ret = wasm.spectrum_frameRgba(this.__wbg_ptr);
+        var v1 = getArrayU8FromWasm0(ret[0], ret[1]).slice();
+        wasm.__wbindgen_free(ret[0], ret[1] * 1, 1);
+        return v1;
+    }
+    /**
+     * Width and height of the machine's picture, as `[width, height]`.
+     * @returns {Uint32Array}
+     */
+    frameSize() {
+        const ret = wasm.spectrum_frameSize(this.__wbg_ptr);
+        var v1 = getArrayU32FromWasm0(ret[0], ret[1]).slice();
+        wasm.__wbindgen_free(ret[0], ret[1] * 4, 4);
+        return v1;
+    }
+    /**
+     * Presses a key, from a DOM `KeyboardEvent.code`.
+     *
+     * Returns `false` when the Spectrum has no such key, so the page can let
+     * the browser keep the keystroke instead of swallowing it.
+     * @param {string} code
+     * @returns {boolean}
+     */
+    keyDown(code) {
+        const ptr0 = passStringToWasm0(code, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.spectrum_keyDown(this.__wbg_ptr, ptr0, len0);
+        return ret !== 0;
+    }
+    /**
+     * Releases a key, from a DOM `KeyboardEvent.code`.
+     * @param {string} code
+     * @returns {boolean}
+     */
+    keyUp(code) {
+        const ptr0 = passStringToWasm0(code, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.spectrum_keyUp(this.__wbg_ptr, ptr0, len0);
+        return ret !== 0;
+    }
+    /**
+     * Loads a program into a media slot from bytes.
+     *
+     * `kind` is one of `tape`, `disk`, `snapshot`, `cartridge` or `program`.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error for an unknown slot or kind, or if the
+     * machine rejects the image.
+     * @param {string} slot
+     * @param {string} kind
+     * @param {Uint8Array} bytes
+     */
+    load(slot, kind, bytes) {
+        const ptr0 = passStringToWasm0(slot, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ptr1 = passStringToWasm0(kind, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        const ptr2 = passArray8ToWasm0(bytes, wasm.__wbindgen_malloc);
+        const len2 = WASM_VECTOR_LEN;
+        const ret = wasm.spectrum_load(this.__wbg_ptr, ptr0, len0, ptr1, len1, ptr2, len2);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * Loads a portable snapshot — `.sna` or `.z80` — from bytes.
+     *
+     * This is how a lesson runs the program it ships: the curriculum's
+     * capture pipeline builds `.sna` files, and a snapshot is applied to the
+     * machine rather than mounted in a slot, so it does not go through
+     * [`load`](Self::load).
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error for an unknown format or bytes that do not
+     * parse.
+     * @param {Uint8Array} bytes
+     * @param {string} format
+     */
+    loadSnapshot(bytes, format) {
+        const ptr0 = passArray8ToWasm0(bytes, wasm.__wbindgen_malloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ptr1 = passStringToWasm0(format, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        const ret = wasm.spectrum_loadSnapshot(this.__wbg_ptr, ptr0, len0, ptr1, len1);
+        if (ret[1]) {
+            throw takeFromExternrefTable0(ret[0]);
+        }
+    }
+    /**
+     * The machine's media slots, for a page that wants to name one.
+     * @returns {string[]}
+     */
+    mediaSlots() {
+        const ret = wasm.spectrum_mediaSlots(this.__wbg_ptr);
+        var v1 = getArrayJsValueFromWasm0(ret[0], ret[1]);
+        wasm.__wbindgen_free(ret[0], ret[1] * 4, 4);
+        return v1;
+    }
+    /**
+     * Starts or stops machine audio.
+     * @param {boolean} enabled
+     */
+    setAudioEnabled(enabled) {
+        wasm.spectrum_setAudioEnabled(this.__wbg_ptr, enabled);
+    }
+    /**
+     * Runs the machine for `elapsed_ms` of real time and draws the result.
+     *
+     * Returns the number of machine frames that ran, which is often zero: a
+     * 60 Hz display driving a 50 Hz machine has nothing to do on roughly one
+     * callback in six.
+     *
+     * While a tape is playing the machine runs ahead of the clock instead,
+     * and the count is correspondingly larger. That is not a setting a page
+     * has to find: a tape takes as long to load as it did in 1982, and a
+     * reader waiting on a lesson has no reason to sit through it.
+     *
+     * # Errors
+     *
+     * Returns a JavaScript error if the machine fails or the canvas rejects
+     * the frame.
+     * @param {number} elapsed_ms
+     * @returns {number}
+     */
+    tick(elapsed_ms) {
+        const ret = wasm.spectrum_tick(this.__wbg_ptr, elapsed_ms);
+        if (ret[2]) {
+            throw takeFromExternrefTable0(ret[1]);
+        }
+        return ret[0] >>> 0;
+    }
+}
+if (Symbol.dispose) Spectrum.prototype[Symbol.dispose] = Spectrum.prototype.free;
+function __wbg_get_imports() {
+    const import0 = {
+        __proto__: null,
+        __wbg_Error_408e67f47ca7b58b: function(arg0, arg1) {
+            const ret = Error(getStringFromWasm0(arg0, arg1));
+            return ret;
+        },
+        __wbg___wbindgen_is_function_5e4570eb24ffa122: function(arg0) {
+            const ret = typeof(arg0) === 'function';
+            return ret;
+        },
+        __wbg___wbindgen_is_undefined_6cff064c44e0d823: function(arg0) {
+            const ret = arg0 === undefined;
+            return ret;
+        },
+        __wbg___wbindgen_throw_bb96b2010945f0bc: function(arg0, arg1) {
+            throw new Error(getStringFromWasm0(arg0, arg1));
+        },
+        __wbg__wbg_cb_unref_be22cc64ae6946a0: function(arg0) {
+            arg0._wbg_cb_unref();
+        },
+        __wbg_call_35dba3c747ad7521: function() { return handleError(function (arg0, arg1, arg2) {
+            const ret = arg0.call(arg1, arg2);
+            return ret;
+        }, arguments); },
+        __wbg_getContext_71c33f14b63da593: function() { return handleError(function (arg0, arg1, arg2) {
+            const ret = arg0.getContext(getStringFromWasm0(arg1, arg2));
+            return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+        }, arguments); },
+        __wbg_height_e56f6fb197710e09: function(arg0) {
+            const ret = arg0.height;
+            return ret;
+        },
+        __wbg_instanceof_CanvasRenderingContext2d_d23139c3ef7651a3: function(arg0) {
+            let result;
+            try {
+                result = arg0 instanceof CanvasRenderingContext2D;
+            } catch (_) {
+                result = false;
+            }
+            const ret = result;
+            return ret;
+        },
+        __wbg_new_typed_cceaf62d8d95e9f2: function(arg0, arg1) {
+            try {
+                var state0 = {a: arg0, b: arg1};
+                var cb0 = (arg0, arg1) => {
+                    const a = state0.a;
+                    state0.a = 0;
+                    try {
+                        return wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined_______true_(a, state0.b, arg0, arg1);
+                    } finally {
+                        state0.a = a;
+                    }
+                };
+                const ret = new Promise(cb0);
+                return ret;
+            } finally {
+                state0.a = 0;
+            }
+        },
+        __wbg_new_with_u8_clamped_array_and_sh_d9a3bf9abac17f51: function() { return handleError(function (arg0, arg1, arg2, arg3) {
+            const ret = new ImageData(getClampedArrayU8FromWasm0(arg0, arg1), arg2 >>> 0, arg3 >>> 0);
+            return ret;
+        }, arguments); },
+        __wbg_putImageData_17fd10517d5503a3: function() { return handleError(function (arg0, arg1, arg2, arg3) {
+            arg0.putImageData(arg1, arg2, arg3);
+        }, arguments); },
+        __wbg_queueMicrotask_ac694eae12e92dfb: function(arg0) {
+            queueMicrotask(arg0);
+        },
+        __wbg_queueMicrotask_be5fe34a8f4cad4d: function(arg0) {
+            const ret = arg0.queueMicrotask;
+            return ret;
+        },
+        __wbg_resolve_020f95d838c6ef25: function(arg0) {
+            const ret = Promise.resolve(arg0);
+            return ret;
+        },
+        __wbg_set_height_d72f2b76484a44de: function(arg0, arg1) {
+            arg0.height = arg1 >>> 0;
+        },
+        __wbg_set_width_36ef6630b22fc519: function(arg0, arg1) {
+            arg0.width = arg1 >>> 0;
+        },
+        __wbg_spectrum_new: function(arg0) {
+            const ret = Spectrum.__wrap(arg0);
+            return ret;
+        },
+        __wbg_static_accessor_GLOBAL_THIS_466428f93b4eaa76: function() {
+            const ret = typeof globalThis === 'undefined' ? null : globalThis;
+            return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+        },
+        __wbg_static_accessor_GLOBAL_c7aea38d4de089bc: function() {
+            const ret = typeof global === 'undefined' ? null : global;
+            return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+        },
+        __wbg_static_accessor_SELF_42d4fae05e59267a: function() {
+            const ret = typeof self === 'undefined' ? null : self;
+            return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+        },
+        __wbg_static_accessor_WINDOW_e0db14a0eba6a812: function() {
+            const ret = typeof window === 'undefined' ? null : window;
+            return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
+        },
+        __wbg_then_7026b513a94278a8: function(arg0, arg1) {
+            const ret = arg0.then(arg1);
+            return ret;
+        },
+        __wbg_width_1952934caca67137: function(arg0) {
+            const ret = arg0.width;
+            return ret;
+        },
+        __wbindgen_cast_0000000000000001: function(arg0, arg1) {
+            // Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [Externref], shim_idx: 21, ret: Result(Unit), inner_ret: Some(Result(Unit)) }, mutable: true }) -> Externref`.
+            const ret = makeMutClosure(arg0, arg1, wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___wasm_bindgen_aa0ad12a6f6b153a___JsValue__core_f0fd674eaa06beef___result__Result_____wasm_bindgen_aa0ad12a6f6b153a___JsError___true_);
+            return ret;
+        },
+        __wbindgen_cast_0000000000000002: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(String) -> Externref`.
+            const ret = getStringFromWasm0(arg0, arg1);
+            return ret;
+        },
+        __wbindgen_init_externref_table: function() {
+            const table = wasm.__wbindgen_externrefs;
+            const offset = table.grow(4);
+            table.set(0, undefined);
+            table.set(offset + 0, undefined);
+            table.set(offset + 1, null);
+            table.set(offset + 2, true);
+            table.set(offset + 3, false);
+        },
+    };
+    return {
+        __proto__: null,
+        "./emu198x_spectrum_web_bg.js": import0,
+    };
+}
+
+function wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___wasm_bindgen_aa0ad12a6f6b153a___JsValue__core_f0fd674eaa06beef___result__Result_____wasm_bindgen_aa0ad12a6f6b153a___JsError___true_(arg0, arg1, arg2) {
+    const ret = wasm.wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___wasm_bindgen_aa0ad12a6f6b153a___JsValue__core_f0fd674eaa06beef___result__Result_____wasm_bindgen_aa0ad12a6f6b153a___JsError___true_(arg0, arg1, arg2);
+    if (ret[1]) {
+        throw takeFromExternrefTable0(ret[0]);
+    }
+}
+
+function wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined_______true_(arg0, arg1, arg2, arg3) {
+    wasm.wasm_bindgen_aa0ad12a6f6b153a___convert__closures_____invoke___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined___js_sys_33d4c80ea43e39ff___Function_fn_wasm_bindgen_aa0ad12a6f6b153a___JsValue_____wasm_bindgen_aa0ad12a6f6b153a___sys__Undefined_______true_(arg0, arg1, arg2, arg3);
+}
+
+const SpectrumFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_spectrum_free(ptr, 1));
+
+function addToExternrefTable0(obj) {
+    const idx = wasm.__externref_table_alloc();
+    wasm.__wbindgen_externrefs.set(idx, obj);
+    return idx;
+}
+
+const CLOSURE_DTORS = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(state => wasm.__wbindgen_destroy_closure(state.a, state.b));
+
+function getArrayF32FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getFloat32ArrayMemory0().subarray(ptr / 4, ptr / 4 + len);
+}
+
+function getArrayJsValueFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    const mem = getDataViewMemory0();
+    const result = [];
+    for (let i = ptr; i < ptr + 4 * len; i += 4) {
+        result.push(wasm.__wbindgen_externrefs.get(mem.getUint32(i, true)));
+    }
+    wasm.__externref_drop_slice(ptr, len);
+    return result;
+}
+
+function getArrayU32FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint32ArrayMemory0().subarray(ptr / 4, ptr / 4 + len);
+}
+
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+function getClampedArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ClampedArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+let cachedDataViewMemory0 = null;
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+let cachedFloat32ArrayMemory0 = null;
+function getFloat32ArrayMemory0() {
+    if (cachedFloat32ArrayMemory0 === null || cachedFloat32ArrayMemory0.byteLength === 0) {
+        cachedFloat32ArrayMemory0 = new Float32Array(wasm.memory.buffer);
+    }
+    return cachedFloat32ArrayMemory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+    return decodeText(ptr >>> 0, len);
+}
+
+let cachedUint32ArrayMemory0 = null;
+function getUint32ArrayMemory0() {
+    if (cachedUint32ArrayMemory0 === null || cachedUint32ArrayMemory0.byteLength === 0) {
+        cachedUint32ArrayMemory0 = new Uint32Array(wasm.memory.buffer);
+    }
+    return cachedUint32ArrayMemory0;
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+let cachedUint8ClampedArrayMemory0 = null;
+function getUint8ClampedArrayMemory0() {
+    if (cachedUint8ClampedArrayMemory0 === null || cachedUint8ClampedArrayMemory0.byteLength === 0) {
+        cachedUint8ClampedArrayMemory0 = new Uint8ClampedArray(wasm.memory.buffer);
+    }
+    return cachedUint8ClampedArrayMemory0;
+}
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        const idx = addToExternrefTable0(e);
+        wasm.__wbindgen_exn_store(idx);
+    }
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function makeMutClosure(arg0, arg1, f) {
+    const state = { a: arg0, b: arg1, cnt: 1 };
+    const real = (...args) => {
+
+        // First up with a closure we increment the internal reference
+        // count. This ensures that the Rust closure environment won't
+        // be deallocated while we're invoking it.
+        state.cnt++;
+        const a = state.a;
+        state.a = 0;
+        try {
+            return f(a, state.b, ...args);
+        } finally {
+            state.a = a;
+            real._wbg_cb_unref();
+        }
+    };
+    real._wbg_cb_unref = () => {
+        if (--state.cnt === 0) {
+            wasm.__wbindgen_destroy_closure(state.a, state.b);
+            state.a = 0;
+            CLOSURE_DTORS.unregister(state);
+        }
+    };
+    CLOSURE_DTORS.register(real, state, state);
+    return real;
+}
+
+function passArray8ToWasm0(arg, malloc) {
+    const ptr = malloc(arg.length * 1, 1) >>> 0;
+    getUint8ArrayMemory0().set(arg, ptr / 1);
+    WASM_VECTOR_LEN = arg.length;
+    return ptr;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+function takeFromExternrefTable0(idx) {
+    const value = wasm.__wbindgen_externrefs.get(idx);
+    wasm.__externref_table_dealloc(idx);
+    return value;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    };
+}
+
+let WASM_VECTOR_LEN = 0;
+
+let wasmModule, wasmInstance, wasm;
+function __wbg_finalize_init(instance, module) {
+    wasmInstance = instance;
+    wasm = instance.exports;
+    wasmModule = module;
+    cachedDataViewMemory0 = null;
+    cachedFloat32ArrayMemory0 = null;
+    cachedUint32ArrayMemory0 = null;
+    cachedUint8ArrayMemory0 = null;
+    cachedUint8ClampedArrayMemory0 = null;
+    wasm.__wbindgen_start();
+    return wasm;
+}
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (!module.ok) {
+            throw new Error(`failed to fetch Wasm: ${module.status} ${module.statusText} fetching '${module.url}'`);
+        }
+
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+            } catch (e) {
+                const validResponse = expectedResponseType(module.type);
+
+                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else { throw e; }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+        } else {
+            return instance;
+        }
+    }
+
+    function expectedResponseType(type) {
+        switch (type) {
+            case 'basic': case 'cors': case 'default': return true;
+        }
+        return false;
+    }
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module !== undefined) {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+    const instance = new WebAssembly.Instance(module, imports);
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module_or_path !== undefined) {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+    if (module_or_path === undefined) {
+        module_or_path = new URL('emu198x_spectrum_web_bg.wasm', import.meta.url);
+    }
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync, __wbg_init as default };

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@emu198x/zx-spectrum",
+  "type": "module",
+  "description": "ZX Spectrum in the browser, published to npm as @emu198x/zx-spectrum",
+  "version": "0.1.0",
+  "license": "SEE LICENSE IN README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/emu198x/emu198x"
+  },
+  "files": [
+    "emu198x_spectrum_web_bg.wasm",
+    "emu198x_spectrum_web.js",
+    "emu198x_spectrum_web.d.ts",
+    "README.md"
+  ],
+  "main": "emu198x_spectrum_web.js",
+  "types": "emu198x_spectrum_web.d.ts",
+  "sideEffects": [
+    "./snippets/*"
+  ]
+}