rubyboy 1.6.0 → 1.7.1

data/docs/styles.css

@@ -1,245 +0,0 @@
-body {
-  background-color: #f0d0ce;
-  display: flex;
-  margin: 0;
-  font-family: 'Helvetica', 'Arial', sans-serif;
-  flex-direction: column;
-  min-height: 100vh;
-  overflow-x: hidden;
-}
-
-.main-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20px;
-  flex-grow: 1;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.gameboy {
-  background-color: #cc342d;
-  border-radius: 10px 10px 70px 10px;
-  padding: 25px 20px 40px;
-  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  max-width: 380px;
-  justify-content: flex-start;
-  margin-bottom: 20px;
-}
-
-.screen-container {
-  background-color: #f0d0ce;
-  border-radius: 10px;
-  padding: 20px;
-  margin-bottom: 80px;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-#canvas {
-  background-color: #881e1a;
-  display: block;
-  width: 100%;
-  height: auto;
-}
-
-.controls {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-bottom: 60px;
-}
-
-.d-pad {
-  width: 100px;
-  height: 100px;
-  position: relative;
-  background-color: #881e1a;
-  border-radius: 50%;
-}
-
-.d-pad-button {
-  position: absolute;
-  background-color: #550e0c;
-  border: none;
-  cursor: pointer;
-}
-
-#d-pad-left, #d-pad-right {
-  width: 30px;
-  height: 30px;
-  top: 35px;
-}
-
-#d-pad-left {
-  left: 5px;
-}
-
-#d-pad-right {
-  right: 5px;
-}
-
-#d-pad-up, #d-pad-down {
-  width: 30px;
-  height: 30px;
-  left: 35px;
-}
-
-#d-pad-up {
-  top: 5px;
-}
-
-#d-pad-down {
-  bottom: 5px;
-}
-
-.buttons {
-  background-color: #881e1a;
-  border-radius: 50%;
-  width: 100px;
-  height: 100px;
-  position: relative;
-}
-
-.action-button {
-  position: absolute;
-  background-color: #ff6b66;
-  border: none;
-  border-radius: 50%;
-  width: 35px;
-  height: 35px;
-  cursor: pointer;
-  color: #881e1a;
-}
-
-#button-a {
-  top: 15px;
-  right: 15px;
-}
-
-#button-b {
-  bottom: 15px;
-  left: 15px;
-}
-
-.start-select {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 50px;
-}
-
-.start-select button {
-  background-color: #881e1a;
-  border: none;
-  width: 50px;
-  height: 15px;
-  margin: 0 15px;
-  transform: rotate(-25deg);
-  cursor: pointer;
-}
-
-.control-panel {
-  width: 100%;
-  max-width: 500px;
-  background-color: #ffffff;
-  border-radius: 10px;
-  padding: 20px;
-  box-shadow: 0 0 10px rgba(0,0,0,0.1);
-  box-sizing: border-box;
-}
-
-.control-panel section {
-  margin-bottom: 20px;
-}
-
-.rom-upload-button {
-  display: inline-block;
-  padding: 10px 20px;
-  background-color: #cc342d;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  font-family: Arial, sans-serif;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  margin-top: 10px;
-  margin-left: 0;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: center;
-}
-
-.rom-upload-button.disabled {
-  background-color: #cccccc;
-  color: #666666;
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-
-.rom-upload-button input[type="file"] {
-  display: none;
-}
-
-.rom-select-box {
-  width: 100%;
-  margin-bottom: 10px;
-}
-
-.footer {
-  background-color: #cc342d;
-  color: white;
-  text-align: center;
-  width: 100%;
-  box-sizing: border-box;
-  margin-top: 20px;
-}
-
-kbd {
-  background-color: #eee;
-  border-radius: 3px;
-  border: 1px solid #b4b4b4;
-  box-shadow:
-    0 1px 1px rgba(0, 0, 0, 0.2),
-    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
-  color: #333;
-  display: inline-block;
-  font-size: 0.85em;
-  line-height: 1;
-  padding: 2px 4px;
-  white-space: nowrap;
-  font-family: Courier;
-}
-
-@media (min-width: 900px) {
-  .main-content {
-    flex-direction: row;
-    justify-content: center;
-    align-items: flex-start;
-    padding: 50px;
-  }
-
-  .gameboy {
-    margin-right: 50px;
-    margin-bottom: 0;
-  }
-
-  .control-panel {
-    flex: 1;
-  }
-
-  .rom-upload-button {
-    width: auto;
-    margin-left: 20px;
-    margin-top: 0;
-  }
-
-  .rom-select-box {
-    width: auto;
-    margin-bottom: 0;
-  }
-}

data/docs/worker.js

@@ -1,115 +0,0 @@
-import { DefaultRubyVM } from 'https://cdn.jsdelivr.net/npm/@ruby/wasm-wasi@2.7.1/dist/browser/+esm';
-import { File } from 'https://cdn.jsdelivr.net/npm/@bjorn3/browser_wasi_shim@0.3.0/+esm';
-
-const DIRECTION_KEY_MASKS = {
-  'KeyD': 0b0001, // Right
-  'KeyA': 0b0010, // Left
-  'KeyW': 0b0100, // Up
-  'KeyS': 0b1000  // Down
-};
-
-const ACTION_KEY_MASKS = {
-  'KeyK': 0b0001, // A
-  'KeyJ': 0b0010, // B
-  'KeyU': 0b0100, // Select
-  'KeyI': 0b1000  // Start
-};
-
-class Rubyboy {
-  constructor() {
-    this.wasmUrl = 'https://proxy.sacckey.dev/rubyboy.wasm';
-
-    this.directionKey = 0b1111;
-    this.actionKey = 0b1111;
-  }
-
-  async init() {
-    let response = await fetch('./rubyboy.wasm');
-    if (!response.ok) {
-      response = await fetch(this.wasmUrl);
-    }
-
-    const module = await WebAssembly.compileStreaming(response)
-    const { vm, wasi } = await DefaultRubyVM(module);
-    vm.eval(`
-      require 'js'
-      require_relative 'lib/executor'
-
-      $executor = Executor.new
-    `);
-
-    this.vm = vm;
-    this.rootDir = wasi.fds[3].dir
-  }
-
-  sendPixelData() {
-    this.vm.eval(`$executor.exec(${this.directionKey}, ${this.actionKey})`);
-
-    const file = this.rootDir.contents.get('video.data');
-    const bytes = file.data;
-
-    postMessage({ type: 'pixelData', data: bytes.buffer }, [bytes.buffer]);
-  }
-
-  emulationLoop() {
-    this.sendPixelData();
-    setTimeout(this.emulationLoop.bind(this), 0);
-  }
-}
-
-const rubyboy = new Rubyboy();
-
-self.addEventListener('message', async (event) => {
-  if (event.data.type === 'initRubyboy') {
-    try {
-      await rubyboy.init();
-      postMessage({ type: 'initialized', message: 'ok' });
-    } catch (error) {
-      postMessage({ type: 'error', message: error.message });
-    }
-  }
-
-  if (event.data.type === 'startRubyboy') {
-    try {
-      rubyboy.emulationLoop();
-    } catch (error) {
-      postMessage({ type: 'error', message: error.message });
-    }
-  }
-
-  if (event.data.type === 'keydown' || event.data.type === 'keyup') {
-    const code = event.data.code;
-    const directionKeyMask = DIRECTION_KEY_MASKS[code];
-    const actionKeyMask = ACTION_KEY_MASKS[code];
-
-    if (directionKeyMask) {
-      if (event.data.type === 'keydown') {
-        rubyboy.directionKey &= ~directionKeyMask;
-      } else {
-        rubyboy.directionKey |= directionKeyMask;
-      }
-    }
-
-    if (actionKeyMask) {
-      if (event.data.type === 'keydown') {
-        rubyboy.actionKey &= ~actionKeyMask;
-      } else {
-        rubyboy.actionKey |= actionKeyMask;
-      }
-    }
-  }
-
-  if (event.data.type === 'loadROM') {
-    const romFile = new File(new Uint8Array(event.data.data));
-    rubyboy.rootDir.contents.set('rom.data', romFile);
-    rubyboy.vm.eval(`
-      $executor.read_rom_from_virtual_fs
-    `);
-  }
-
-  if (event.data.type === 'loadPreInstalledRom') {
-    rubyboy.vm.eval(`
-      $executor.read_pre_installed_rom("${event.data.romName}")
-    `);
-  }
-});

data/exe/rubyboy-wasm

@@ -1,26 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-case ARGV[0]
-when 'build'
-  command = %w[build --ruby-version 3.4 -o ./docs/ruby-js.wasm]
-when 'pack'
-  command = %w[pack ./docs/ruby-js.wasm --dir ./lib::/lib -o ./docs/rubyboy.wasm]
-else
-  puts "Invalid argument. Use 'build' or 'pack'."
-  exit 1
-end
-
-ENV['BUNDLE_ONLY'] = 'wasm'
-
-require 'bundler/setup'
-require 'ruby_wasm'
-require 'ruby_wasm/cli'
-
-# Exclude all gems except the 'js' gem for packaging
-definition = Bundler.definition
-excluded_gems = definition.resolve.materialize(definition.requested_dependencies).map(&:name)
-excluded_gems -= %w[js]
-RubyWasm::Packager::EXCLUDED_GEMS.concat(excluded_gems)
-
-RubyWasm::CLI.new(stdout: $stdout, stderr: $stderr).run(command)