@guinetik/gcanvas 1.0.0

package/src/logger/debugtab.js

@@ -0,0 +1,138 @@
+
+export class DebugTab {
+  static instance;
+
+  static getInstance() {
+    if (!DebugTab.instance) DebugTab.instance = new DebugTab();
+    return DebugTab.instance;
+  }
+
+  constructor() {
+    this.createTab();
+  }
+
+  createTab() {
+    this.tab = document.createElement("div");
+    Object.assign(this.tab.style, {
+      position: "fixed",
+      bottom: "0",
+      left: "0",
+      right: "0",
+      height: "30px",
+      backgroundColor: "#333",
+      color: "#fff",
+      padding: "5px",
+      cursor: "pointer",
+      fontFamily: "monospace",
+      zIndex: "10000",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+    });
+
+    this.tab.innerText = "Console";
+
+    const buttonContainer = document.createElement("div");
+
+    const createButton = (text, action) => {
+      const btn = document.createElement("button");
+      btn.innerText = text;
+      Object.assign(btn.style, {
+        marginLeft: "5px",
+        padding: "2px 5px",
+        fontFamily: "monospace",
+        cursor: "pointer",
+      });
+      btn.onclick = action;
+      return btn;
+    };
+
+    this.paused = false;
+    this.scrollLock = true;
+
+    buttonContainer.appendChild(
+      createButton("Clear", () => (this.consoleArea.value = ""))
+    );
+    buttonContainer.appendChild(
+      createButton("Pause", () => (this.paused = !this.paused))
+    );
+    buttonContainer.appendChild(
+      createButton("Scroll Lock", () => (this.scrollLock = !this.scrollLock))
+    );
+
+    this.tab.appendChild(buttonContainer);
+    document.body.appendChild(this.tab);
+
+    this.consoleArea = document.createElement("textarea");
+    Object.assign(this.consoleArea.style, {
+      position: "fixed",
+      bottom: "30px",
+      left: "0",
+      right: "0",
+      height: "200px",
+      display: "none",
+      backgroundColor: "#111",
+      color: "#0f0",
+      fontFamily: "monospace",
+      zIndex: "9999",
+      padding: "10px",
+      resize: "none",
+    });
+    this.consoleArea.readOnly = true;
+    document.body.appendChild(this.consoleArea);
+
+    this.tab.onclick = (e) => {
+      if (e.target === this.tab) {
+        this.consoleArea.style.display =
+          this.consoleArea.style.display === "none" ? "block" : "none";
+      }
+    };
+  }
+
+  appendMessage(level, message, ...args) {
+    if (this.paused) return;
+    const fullMessage = `[${level.toUpperCase()}] ${message} ${args.join(
+      " "
+    )}\n`;
+    this.consoleArea.value += fullMessage;
+    if (this.scrollLock) {
+      this.consoleArea.scrollTop = this.consoleArea.scrollHeight;
+    }
+  }
+
+  log(message, ...args) {
+    this.appendMessage("log", message, ...args);
+  }
+
+  warn(message, ...args) {
+    this.appendMessage("warn", message, ...args);
+  }
+
+  error(message, ...args) {
+    this.appendMessage("error", message, ...args);
+  }
+
+  table(data) {
+    const formatted = JSON.stringify(data, null, 2);
+    this.appendMessage("table", formatted);
+  }
+
+  groupCollapsed(label) {
+    this.appendMessage("group", `Group Start: ${label}`);
+  }
+
+  groupEnd() {
+    this.appendMessage("group", "Group End");
+  }
+
+  time(label) {
+    this[`time_${label}`] = performance.now();
+  }
+
+  timeEnd(label) {
+    const endTime = performance.now();
+    const startTime = this[`time_${label}`];
+    const duration = (endTime - startTime).toFixed(2);
+    this.appendMessage("time", `${label}: ${duration} ms`);
+  }
+}

package/src/logger/index.js

@@ -0,0 +1,3 @@
+export { Logger } from "./logger.js";
+export { Loggable } from "./loggable.js";
+export { DebugTab } from "./debugtab.js";

package/src/logger/loggable.js

@@ -0,0 +1,47 @@
+import { Logger } from "./logger";
+
+export class Loggable {
+  constructor(options = {}) {
+    this.name = options.name || this.constructor.name;
+    this._logger = this.getLogger(options);
+    //    console.log("Loggable constructor", options);
+  }
+
+  get logger() {
+    if (this._logger == null) {
+      return this.getLogger();
+    }
+    return this._logger;
+  }
+
+  /**
+   * Logs the object's render state (debug only).
+   * @param {string} [msg]
+   */
+  trace(msg = "render") {
+    this.logger.log(
+      this.name == null ? this.constructor.name : this.name,
+      msg,
+      "x",
+      this.x,
+      "y",
+      this.y,
+      "w",
+      this.width,
+      "h",
+      this.height,
+      "opacity",
+      this._opacity,
+      "visible",
+      this._visible,
+      "active",
+      this._active,
+      "debug",
+      this.debug
+    );
+  }
+
+  getLogger(options) {
+    return Logger.getLogger(options.name || this.constructor.name);
+  }
+}

package/src/logger/logger.js

@@ -0,0 +1,113 @@
+// Logger.js
+export class Logger {
+  static ERROR = 1;
+  static WARN = 2;
+  static INFO = 3;
+  static DEBUG = 4;
+
+  static globalLevel = Logger.ERROR;
+  static enabledClasses = new Set();
+  static output = console;
+  static enabled = true;
+
+  static disableAll() {
+    Logger.enabledClasses = new Set();
+    Logger.globalLevel = 0;
+  }
+
+  static disable() {
+    Logger.enabled = false;
+  }
+
+  static enable() {
+    Logger.enabled = true;
+  }
+
+  static setLevel(level) {
+    Logger.globalLevel = level;
+  }
+
+  static enableFor(className) {
+    Logger.enabledClasses.add(className);
+  }
+
+  static disableFor(className) {
+    Logger.enabledClasses.delete(className);
+  }
+
+  static setOutput(outputInstance) {
+    Logger.output = outputInstance;
+  }
+
+  constructor(className) {
+    this.className = className;
+  }
+
+  static loggerz = [];
+
+  static getLogger(className) {
+    if (!Logger.loggerz[className]) {
+      Logger.loggerz[className] = new Logger(className);
+    }
+    return Logger.loggerz[className];
+  }
+
+  _log(level, method, ...args) {
+    if (
+      Logger.enabled &&
+      (Logger.globalLevel >= level || Logger.enabledClasses.has(this.className))
+    ) {
+      Logger.output[method](`[${this.className}]`, ...args);
+    }
+  }
+
+  log(...args) {
+    this._log(Logger.INFO, "log", ...args);
+  }
+
+  warn(...args) {
+    this._log(Logger.WARN, "warn", ...args);
+  }
+
+  error(...args) {
+    this._log(Logger.ERROR, "error", ...args);
+  }
+
+  debug(...args) {
+    this._log(Logger.DEBUG, "log", ...args);
+  }
+
+  table(...args) {
+    this._log(Logger.INFO, "table", ...args);
+  }
+
+  groupCollapsed(label) {
+    if (Logger.enabled) {
+      Logger.output.groupCollapsed(`[${this.className}] ${label}`);
+    }
+  }
+
+  groupEnd() {
+    if (Logger.enabled) {
+      Logger.output.groupEnd();
+    }
+  }
+
+  time(label) {
+    if (Logger.enabled) {
+      Logger.output.time(`[${this.className}] ${label}`);
+    }
+  }
+
+  timeEnd(label) {
+    if (Logger.enabled) {
+      Logger.output.timeEnd(`[${this.className}] ${label}`);
+    }
+  }
+
+  clear() {
+    Logger.output.clear();
+  }
+}
+
+

package/src/math/complex.js

@@ -0,0 +1,37 @@
+export class Complex {
+  constructor(real, imag = 0) {
+    this.real = real;
+    this.imag = imag;
+  }
+  
+  static fromPolar(r, theta) {
+    return new Complex(r * Math.cos(theta), r * Math.sin(theta));
+  }
+  
+  add(other) {
+    return new Complex(this.real + other.real, this.imag + other.imag);
+  }
+  
+  subtract(other) {
+    return new Complex(this.real - other.real, this.imag - other.imag);
+  }
+  
+  multiply(other) {
+    return new Complex(
+      this.real * other.real - this.imag * other.imag,
+      this.real * other.imag + this.imag * other.real
+    );
+  }
+  
+  divide(scalar) {
+    return new Complex(this.real / scalar, this.imag / scalar);
+  }
+  
+  scale(scalar) {
+    return new Complex(this.real * scalar, this.imag * scalar);
+  }
+  
+  abs() {
+    return Math.sqrt(this.real * this.real + this.imag * this.imag);
+  }
+}

package/src/math/constants.js

@@ -0,0 +1 @@
+export const PI = 3.14159265358979323846264338327950288419716939937510582097494459230781640628620899862803482534211706798214808651328230664709384460955058223172535940812848111745028410270193644622948966593344612847564823378678316527120190914564856692346034861045432664821339360726024914127372458700660631558817488152092096282925409171536436789259036001133053054882046652138414695194151160943305727036575959195309218611738193261179310511854807446237996274956735188575272489122793818301194912