emeraldengine 2.2.1 → 3.0.0

package/src/EmeraldDB.js

@@ -0,0 +1,328 @@
+/**
+ * @class EmeraldDB
+ * @description Async game-save storage on IndexedDB — the big-world companion
+ * to `Storage` (localStorage). Same versioned-envelope semantics (`{v,t,data}`
+ * with a `.bak` backup and forward migration), but with no ~5MB quota and no
+ * JSON round-trip: values are structured-cloned, so large nested world state
+ * (tile grids, inventories, NPC state) saves fast and loads intact, including
+ * Maps, Sets, Dates, and typed arrays.
+ *
+ * All methods are async. The database opens lazily on first use; call
+ * `configure()` first if you want a custom database/store name.
+ *
+ * @example
+ * // Save / load a world with schema migration:
+ * await EmeraldDB.save("world", world, { version: 3 });
+ * const world = await EmeraldDB.load("world", {
+ *   version: 3,
+ *   fallback: makeNewWorld(),
+ *   migrate: (old, from) => upgradeWorld(old, from),
+ * });
+ *
+ * // Plain key/value (no envelope):
+ * await EmeraldDB.set("settings", { volume: 0.8 });
+ * const settings = await EmeraldDB.get("settings", {});
+ */
+class EmeraldDB {
+  /**
+   * @method isSupported
+   * @description Whether IndexedDB exists in this environment.
+   * @returns {boolean}
+   */
+  static isSupported() {
+    return typeof indexedDB !== "undefined" && indexedDB !== null;
+  }
+
+  /**
+   * @method configure
+   * @description Sets the database and object-store names. Call before the
+   * first read/write (once the database is open the names are fixed until
+   * `close()`).
+   * @param {Object} [options] - { name = "emerald-db", store = "kv" }
+   * @returns {EmeraldDB} - the class, for chaining
+   */
+  static configure(options = {}) {
+    if (options.name) EmeraldDB._name = options.name;
+    if (options.store) EmeraldDB._store = options.store;
+    return EmeraldDB;
+  }
+
+  /**
+   * @method _open
+   * @description Lazily opens (and creates) the database. Shared promise so
+   * concurrent calls open once.
+   * @private
+   */
+  static _open() {
+    if (EmeraldDB._db) return EmeraldDB._db;
+    if (!EmeraldDB.isSupported()) {
+      return Promise.reject(
+        new Error(
+          "[EmeraldDB] > IndexedDB is not available in this environment."
+        )
+      );
+    }
+    EmeraldDB._db = new Promise((resolve, reject) => {
+      const request = indexedDB.open(EmeraldDB._name, 1);
+      request.onupgradeneeded = () => {
+        const db = request.result;
+        if (!db.objectStoreNames.contains(EmeraldDB._store)) {
+          db.createObjectStore(EmeraldDB._store);
+        }
+      };
+      request.onsuccess = () => {
+        const db = request.result;
+        db.onversionchange = () => {
+          db.close();
+          EmeraldDB._db = null;
+        };
+        resolve(db);
+      };
+      request.onerror = () => {
+        EmeraldDB._db = null;
+        reject(
+          request.error || new Error("[EmeraldDB] > Failed to open database.")
+        );
+      };
+    });
+    return EmeraldDB._db;
+  }
+
+  /**
+   * @method _tx
+   * @description Runs `fn(store)` inside a transaction and resolves with its
+   * request's result when the transaction completes.
+   * @private
+   */
+  static async _tx(mode, fn) {
+    const db = await EmeraldDB._open();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(EmeraldDB._store, mode);
+      const store = tx.objectStore(EmeraldDB._store);
+      let result;
+      const request = fn(store);
+      if (request) {
+        request.onsuccess = () => {
+          result = request.result;
+        };
+      }
+      tx.oncomplete = () => resolve(result);
+      tx.onerror = () => reject(tx.error);
+      tx.onabort = () =>
+        reject(tx.error || new Error("[EmeraldDB] > Transaction aborted."));
+    });
+  }
+
+  /**
+   * @method set
+   * @description Stores a value under a key (structured clone — objects, Maps,
+   * Sets, typed arrays all survive).
+   * @param {string} key
+   * @param {*} value
+   * @returns {Promise<void>}
+   */
+  static async set(key, value) {
+    await EmeraldDB._tx("readwrite", (store) => store.put(value, key));
+  }
+
+  /**
+   * @method get
+   * @description Reads a value; resolves `fallback` when the key is missing.
+   * @param {string} key
+   * @param {*} [fallback=undefined]
+   * @returns {Promise<*>}
+   */
+  static async get(key, fallback = undefined) {
+    const value = await EmeraldDB._tx("readonly", (store) => store.get(key));
+    return value === undefined ? fallback : value;
+  }
+
+  /**
+   * @method remove
+   * @description Deletes a key.
+   * @returns {Promise<void>}
+   */
+  static async remove(key) {
+    await EmeraldDB._tx("readwrite", (store) => store.delete(key));
+  }
+
+  /**
+   * @method keys
+   * @description Lists every key in the store.
+   * @returns {Promise<string[]>}
+   */
+  static async keys() {
+    const keys = await EmeraldDB._tx("readonly", (store) => store.getAllKeys());
+    return keys || [];
+  }
+
+  /**
+   * @method clear
+   * @description Deletes everything in the store.
+   * @returns {Promise<void>}
+   */
+  static async clear() {
+    await EmeraldDB._tx("readwrite", (store) => store.clear());
+  }
+
+  /**
+   * @method save
+   * @description Writes a versioned save: the payload is wrapped in a
+   * `{ v, t, data }` envelope and the previous value (if any) is mirrored to
+   * `key + ".bak"` in the same transaction, so a torn write can always recover.
+   * @param {string} key
+   * @param {*} data - Any structured-cloneable value
+   * @param {Object} [options] - { version = 1, backup = true }
+   * @returns {Promise<void>}
+   */
+  static async save(key, data, options = {}) {
+    const version = options.version ?? 1;
+    const envelope = { v: version, t: Date.now(), data };
+    const backup = options.backup !== false;
+    const db = await EmeraldDB._open();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(EmeraldDB._store, "readwrite");
+      const store = tx.objectStore(EmeraldDB._store);
+      if (backup) {
+        const read = store.get(key);
+        read.onsuccess = () => {
+          if (read.result !== undefined) store.put(read.result, key + ".bak");
+          store.put(envelope, key);
+        };
+      } else {
+        store.put(envelope, key);
+      }
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error);
+      tx.onabort = () =>
+        reject(tx.error || new Error("[EmeraldDB] > Save aborted."));
+    });
+  }
+
+  /**
+   * @method load
+   * @description Reads a versioned save. Falls back to the `.bak` mirror when
+   * the primary is missing/invalid, migrates old versions forward via
+   * `migrate(data, fromVersion)`, and (by default) rewrites migrated data in
+   * the new format.
+   * @param {string} key
+   * @param {Object} [options] - { version = 1, fallback = null, migrate, rewrite = true }
+   * @returns {Promise<*>}
+   */
+  static async load(key, options = {}) {
+    let envelope = EmeraldDB._asEnvelope(await EmeraldDB.get(key));
+    if (!envelope) {
+      envelope = EmeraldDB._asEnvelope(await EmeraldDB.get(key + ".bak"));
+    }
+    const { data, migrated } = EmeraldDB._resolveEnvelope(envelope, options);
+    if (migrated && options.rewrite !== false) {
+      await EmeraldDB.save(key, data, { version: options.version ?? 1 });
+    }
+    return data;
+  }
+
+  /**
+   * @method hasSave
+   * @description Whether a versioned save (or its backup) exists.
+   * @returns {Promise<boolean>}
+   */
+  static async hasSave(key) {
+    if ((await EmeraldDB.get(key)) !== undefined) return true;
+    return (await EmeraldDB.get(key + ".bak")) !== undefined;
+  }
+
+  /**
+   * @method removeSave
+   * @description Deletes a versioned save AND its backup.
+   * @returns {Promise<void>}
+   */
+  static async removeSave(key) {
+    await EmeraldDB.remove(key);
+    await EmeraldDB.remove(key + ".bak");
+  }
+
+  /**
+   * @method importFromStorage
+   * @description Copies a save written by the localStorage `Storage` class
+   * into EmeraldDB (envelope preserved). Use once when upgrading an existing
+   * game to IndexedDB saves.
+   * @param {string} key
+   * @returns {Promise<boolean>} - true if something was imported
+   */
+  static async importFromStorage(key) {
+    if (typeof localStorage === "undefined") return false;
+    const raw = localStorage.getItem(key);
+    if (raw == null) return false;
+    let value;
+    try {
+      value = JSON.parse(raw);
+    } catch {
+      return false;
+    }
+    await EmeraldDB.set(key, value);
+    const bak = localStorage.getItem(key + ".bak");
+    if (bak != null) {
+      try {
+        await EmeraldDB.set(key + ".bak", JSON.parse(bak));
+      } catch {}
+    }
+    return true;
+  }
+
+  /**
+   * @method close
+   * @description Closes the database handle (reopens lazily on next use).
+   */
+  static async close() {
+    if (!EmeraldDB._db) return;
+    try {
+      const db = await EmeraldDB._db;
+      db.close();
+    } catch {}
+    EmeraldDB._db = null;
+  }
+
+  /**
+   * @method _asEnvelope
+   * @description Returns the value if it looks like a save envelope, else null.
+   * A plain (pre-versioning) object is wrapped as version 0 so it can migrate.
+   * @private
+   */
+  static _asEnvelope(value) {
+    if (value === undefined || value === null) return null;
+    if (
+      typeof value === "object" &&
+      typeof value.v === "number" &&
+      "data" in value
+    ) {
+      return value;
+    }
+    return { v: 0, t: 0, data: value };
+  }
+
+  /**
+   * @method _resolveEnvelope
+   * @description Pure envelope resolution shared by load(): applies fallback
+   * and forward migration. Exposed for tests.
+   * @private
+   */
+  static _resolveEnvelope(envelope, options = {}) {
+    const version = options.version ?? 1;
+    const fallback = options.fallback ?? null;
+    if (!envelope) return { data: fallback, migrated: false };
+    if (envelope.v === version) return { data: envelope.data, migrated: false };
+    if (typeof options.migrate === "function") {
+      return {
+        data: options.migrate(envelope.data, envelope.v),
+        migrated: true,
+      };
+    }
+    return { data: fallback, migrated: false };
+  }
+}
+
+EmeraldDB._name = "emerald-db";
+EmeraldDB._store = "kv";
+EmeraldDB._db = null;
+
+export default EmeraldDB;

package/src/FPSCounter.js

@@ -1,43 +1,43 @@
-/**
- * @class FPSCounter
- * @description Represents a FPS counter
- */
-class FPSCounter {
-  constructor() {
-    this.lastFrameTime = performance.now();
-    this.frameCount = 0;
-    this.fps = 0;
-    this.fpsElement = document.createElement("div");
-    this.fpsElement.style.position = "absolute";
-    this.fpsElement.style.top = "10px";
-    this.fpsElement.style.left = "10px";
-    this.fpsElement.style.color = "white";
-    this.fpsElement.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
-    this.fpsElement.style.padding = "5px";
-    this.fpsElement.style.fontFamily = "Arial";
-    this.fpsElement.style.fontSize = "14px";
-    document.body.appendChild(this.fpsElement);
-    this.accumulatedTime = 0;
-  }
-
-  /**
-   * @method update
-   * @description Updates the FPS counter
-   */
-  update() {
-    const now = performance.now();
-    const delta = now - this.lastFrameTime;
-    this.lastFrameTime = now;
-    this.accumulatedTime += delta;
-    this.frameCount++;
-
-    if (this.accumulatedTime >= 1000) {
-      this.fps = this.frameCount;
-      this.frameCount = 0;
-      this.accumulatedTime = 0;
-      this.fpsElement.textContent = `FPS: ${this.fps}`;
-    }
-  }
-}
-
-export default FPSCounter;
+/**
+ * @class FPSCounter
+ * @description Represents a FPS counter
+ */
+class FPSCounter {
+  constructor() {
+    this.lastFrameTime = performance.now();
+    this.frameCount = 0;
+    this.fps = 0;
+    this.fpsElement = document.createElement("div");
+    this.fpsElement.style.position = "absolute";
+    this.fpsElement.style.top = "10px";
+    this.fpsElement.style.left = "10px";
+    this.fpsElement.style.color = "white";
+    this.fpsElement.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
+    this.fpsElement.style.padding = "5px";
+    this.fpsElement.style.fontFamily = "Arial";
+    this.fpsElement.style.fontSize = "14px";
+    document.body.appendChild(this.fpsElement);
+    this.accumulatedTime = 0;
+  }
+
+  /**
+   * @method update
+   * @description Updates the FPS counter
+   */
+  update() {
+    const now = performance.now();
+    const delta = now - this.lastFrameTime;
+    this.lastFrameTime = now;
+    this.accumulatedTime += delta;
+    this.frameCount++;
+
+    if (this.accumulatedTime >= 1000) {
+      this.fps = this.frameCount;
+      this.frameCount = 0;
+      this.accumulatedTime = 0;
+      this.fpsElement.textContent = `FPS: ${this.fps}`;
+    }
+  }
+}
+
+export default FPSCounter;

package/src/GLUtils.js

@@ -1,67 +1,60 @@
-// Initializing a shader program
-
-function initShaderProgram(gl, vShader, fShader) {
-  const vertexShader = loadShader(gl, gl.VERTEX_SHADER, vShader);
-  const fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fShader);
-
-  // Create the shader program
-  const shaderProgram = gl.createProgram();
-  gl.attachShader(shaderProgram, vertexShader);
-  gl.attachShader(shaderProgram, fragmentShader);
-  gl.linkProgram(shaderProgram);
-
-  // Error handling
-  if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-    alert(
-      `[GLUtils.js] > Unable to initialize the shader program: ${gl.getProgramInfoLog(
-        shaderProgram
-      )}`
-    );
-    return null;
-  }
-  return shaderProgram;
-}
-
-// Loading a shader
-
-function loadShader(gl, type, source) {
-  const shader = gl.createShader(type);
-
-  // Send the source to the shader object
-  gl.shaderSource(shader, source);
-
-  // Compile the shader program
-  gl.compileShader(shader);
-
-  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-    alert(
-      `[GLUtils.js] An error occurred compiling the shaders: ${gl.getShaderInfoLog(
-        shader
-      )}`
-    );
-    gl.deleteShader(shader);
-    return null;
-  }
-
-  return shader;
-}
-
-const initVertexBuffer = (gl, vertices) => {
-  const floatArray = new Float32Array(vertices);
-  const buffer = gl.createBuffer();
-  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
-  buffer._bufferSize = floatArray.byteLength;
-  return buffer;
-};
-
-function initInstancedBuffer(gl, data, itemSize) {
-  const buffer = gl.createBuffer();
-  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-  gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
-  buffer.itemSize = itemSize;
-  buffer.numItems = data.length / itemSize;
-  return buffer;
-}
-
-export { initShaderProgram, loadShader, initVertexBuffer, initInstancedBuffer };
+function initShaderProgram(gl, vShader, fShader) {
+  const vertexShader = loadShader(gl, gl.VERTEX_SHADER, vShader);
+  const fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fShader);
+
+  const shaderProgram = gl.createProgram();
+  gl.attachShader(shaderProgram, vertexShader);
+  gl.attachShader(shaderProgram, fragmentShader);
+  gl.linkProgram(shaderProgram);
+
+  if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
+    alert(
+      `[GLUtils.js] > Unable to initialize the shader program: ${gl.getProgramInfoLog(
+        shaderProgram
+      )}`
+    );
+    return null;
+  }
+  return shaderProgram;
+}
+
+function loadShader(gl, type, source) {
+  const shader = gl.createShader(type);
+
+  gl.shaderSource(shader, source);
+
+  gl.compileShader(shader);
+
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    alert(
+      `[GLUtils.js] An error occurred compiling the shaders: ${gl.getShaderInfoLog(
+        shader
+      )}`
+    );
+    gl.deleteShader(shader);
+    return null;
+  }
+
+  return shader;
+}
+
+const initVertexBuffer = (gl, vertices) => {
+  const floatArray = new Float32Array(vertices);
+  const buffer = gl.createBuffer();
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+  gl.bufferData(gl.ARRAY_BUFFER, floatArray, gl.STATIC_DRAW);
+  buffer._bufferSize = floatArray.byteLength;
+  buffer._src = floatArray;
+  return buffer;
+};
+
+function initInstancedBuffer(gl, data, itemSize) {
+  const buffer = gl.createBuffer();
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+  gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
+  buffer.itemSize = itemSize;
+  buffer.numItems = data.length / itemSize;
+  return buffer;
+}
+
+export { initShaderProgram, loadShader, initVertexBuffer, initInstancedBuffer };

package/src/Instance.js

@@ -26,7 +26,6 @@ class Instance {
     this.parent = null;
     this.frame = frame;
 
-    // Animation properties
     this.isAnimating = false;
     this.animationFrames = [];
     this.currentAnimationIndex = 0;
@@ -35,8 +34,45 @@ class Instance {
     this.playOnce = false;
     this.originalFrame = frame;
 
-    // Components
     this.components = [];
+
+    /** @private */
+    this._tint = null;
+  }
+
+  /**
+   * @method setColor
+   * @description Sets this instance's tint. Accepts a Color (0..255 channels) or
+   * raw 0..1 components. Multiplies the texture/base color in the shader.
+   * @param {Color|number} colorOrR - A Color instance, or the red channel
+   * @param {number} [g]
+   * @param {number} [b]
+   * @param {number} [a]
+   */
+  setColor(colorOrR, g, b, a = 1) {
+    if (colorOrR && typeof colorOrR === "object") {
+      this._tint = [
+        (colorOrR.r ?? 255) / 255,
+        (colorOrR.g ?? 255) / 255,
+        (colorOrR.b ?? 255) / 255,
+        (colorOrR.a ?? 255) / 255,
+      ];
+    } else {
+      this._tint = [colorOrR, g, b, a];
+    }
+  }
+
+  /**
+   * @method setTexCoords
+   * @description Gives this instance an explicit UV quad (8 floats, one vec2
+   * per corner in the same order as getFrameTexCoords) instead of the shared
+   * frame grid. Lets one InstancedTexture batch tiles from an atlas with
+   * margins/spacing or per-instance flips. Pass null to go back to `frame`.
+   * @param {number[]|Float32Array|null} uv8 - 8 UV floats, or null to clear
+   */
+  setTexCoords(uv8) {
+    /** @private */
+    this._regionUV = uv8 ? Array.from(uv8) : null;
   }
 
   /**
@@ -131,15 +167,15 @@ class Instance {
         if (this.playOnce) {
           this.stopAnimation();
         } else {
-          this.currentAnimationIndex = 0; // Loop animation
+          this.currentAnimationIndex = 0;
         }
       }
 
       this.lastFrameTime = currentTime;
-      return true; // Frame changed
+      return true;
     }
 
-    return false; // No frame change
+    return false;
   }
 
   /**