@supersoniks/concorde 4.9.98-visual-stack.0 → 4.9.98-visual-stack.2

package/dist/js/core/components/functional/interactive/keyboard.js

@@ -0,0 +1,183 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { dispatch } from "./registry";
+const tagName = "sonic-keyboard";
+/**
+ * Source d’actions clavier → store (`target`).
+ * Opt-in `@supersoniks/concorde/interactive`.
+ */
+let SonicKeyboard = class SonicKeyboard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.target = "";
+        this.keymap = {};
+        /** `document` | `focus` */
+        this.scope = "document";
+        /** `{ "left": [delayMs, intervalMs] }` */
+        this.repeat = {};
+        this.keyup = false;
+        this.dispatchEventFlag = false;
+        this.held = new Map();
+        this.onVis = () => {
+            if (document.hidden)
+                this.releaseAll();
+        };
+        this.onKeyDown = (ev) => {
+            const e = ev;
+            if (e.repeat)
+                return; // handled via our DAS/ARR
+            if (this.isEditableTarget(e.target))
+                return;
+            const code = e.code || e.key;
+            const mapped = this.keymap?.[code] ?? this.keymap?.[e.key];
+            if (!mapped)
+                return;
+            e.preventDefault();
+            const action = this.toAction(mapped);
+            this.emit(action);
+            const rep = this.repeat?.[action.type];
+            if (rep) {
+                const [delay, interval] = rep;
+                const entry = {
+                    type: action.type,
+                    payload: action.payload,
+                    timer: window.setTimeout(() => {
+                        this.emit({ type: action.type, payload: action.payload });
+                        entry.interval = window.setInterval(() => {
+                            this.emit({ type: action.type, payload: action.payload });
+                        }, Math.max(16, interval));
+                    }, Math.max(0, delay)),
+                };
+                this.held.set(code, entry);
+            }
+            else {
+                this.held.set(code, { type: action.type, payload: action.payload });
+            }
+        };
+        this.onKeyUp = (ev) => {
+            const e = ev;
+            const code = e.code || e.key;
+            const held = this.held.get(code);
+            if (held) {
+                if (held.timer)
+                    clearTimeout(held.timer);
+                if (held.interval)
+                    clearInterval(held.interval);
+                this.held.delete(code);
+                if (this.keyup) {
+                    this.emit({ type: `${held.type}:up`, payload: held.payload });
+                }
+            }
+        };
+        this.releaseAll = () => {
+            for (const [, held] of this.held) {
+                if (held.timer)
+                    clearTimeout(held.timer);
+                if (held.interval)
+                    clearInterval(held.interval);
+            }
+            this.held.clear();
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.scope === "focus") {
+            if (!this.hasAttribute("tabindex"))
+                this.tabIndex = 0;
+        }
+        this.bindTarget().addEventListener("keydown", this.onKeyDown);
+        this.bindTarget().addEventListener("keyup", this.onKeyUp);
+        window.addEventListener("blur", this.releaseAll);
+        document.addEventListener("visibilitychange", this.onVis);
+    }
+    disconnectedCallback() {
+        this.bindTarget().removeEventListener("keydown", this.onKeyDown);
+        this.bindTarget().removeEventListener("keyup", this.onKeyUp);
+        window.removeEventListener("blur", this.releaseAll);
+        document.removeEventListener("visibilitychange", this.onVis);
+        this.releaseAll();
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        if (changed.has("scope")) {
+            // rebind would need disconnect/connect; keep simple: focus ring attrs
+            if (this.scope === "focus" && !this.hasAttribute("tabindex"))
+                this.tabIndex = 0;
+        }
+    }
+    bindTarget() {
+        return this.scope === "focus" ? this : window;
+    }
+    isEditableTarget(t) {
+        if (!(t instanceof HTMLElement))
+            return false;
+        const tag = t.tagName;
+        if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT")
+            return true;
+        if (t.isContentEditable)
+            return true;
+        return Boolean(t.closest("input,textarea,select,[contenteditable=true]"));
+    }
+    toAction(mapped) {
+        if (typeof mapped === "string")
+            return { type: mapped };
+        return { type: mapped.type, payload: mapped.payload };
+    }
+    emit(action) {
+        if (this.target)
+            dispatch(this.target, action);
+        if (this.dispatchEventFlag) {
+            this.dispatchEvent(new CustomEvent("sonic-action", {
+                detail: action,
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    render() {
+        return this.scope === "focus" ? html `<slot></slot>` : html ``;
+    }
+};
+SonicKeyboard.styles = css `
+    :host {
+      display: contents;
+    }
+    :host([scope="focus"]) {
+      display: block;
+      outline: none;
+    }
+    :host([scope="focus"]:focus) {
+      outline: 2px solid var(--sc-primary, #3b82f6);
+      outline-offset: 2px;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], SonicKeyboard.prototype, "target", void 0);
+__decorate([
+    property({ type: Object })
+], SonicKeyboard.prototype, "keymap", void 0);
+__decorate([
+    property({ type: String })
+], SonicKeyboard.prototype, "scope", void 0);
+__decorate([
+    property({ type: Object })
+], SonicKeyboard.prototype, "repeat", void 0);
+__decorate([
+    property({ type: Boolean })
+], SonicKeyboard.prototype, "keyup", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "dispatch-event" })
+], SonicKeyboard.prototype, "dispatchEventFlag", void 0);
+SonicKeyboard = __decorate([
+    customElement(tagName)
+], SonicKeyboard);
+export { SonicKeyboard };
+export default SonicKeyboard;
+//# sourceMappingURL=keyboard.js.map

package/dist/js/core/components/functional/interactive/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/interactive/keyboard.ts"],"names":[],"mappings":"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"}

package/dist/js/core/components/functional/interactive/matrix.js

@@ -0,0 +1,201 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+const tagName = "sonic-matrix";
+function pathGet(obj, path) {
+    if (!path)
+        return obj;
+    let cur = obj;
+    for (const p of path.split(".").filter(Boolean)) {
+        if (cur == null)
+            return undefined;
+        cur = cur[p];
+    }
+    return cur;
+}
+/**
+ * Rendu canvas d’une grille 2D (number[][] ou flat + cols) depuis dataProvider.
+ */
+let SonicMatrix = class SonicMatrix extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        /** Clé vers la matrice dans le DP. */
+        this.key = "grid";
+        this.cols = 0;
+        this.palette = {
+            "0": "transparent",
+            "1": "#00f0f0",
+            "2": "#0000f0",
+            "3": "#f0a000",
+            "4": "#f0f000",
+            "5": "#00f000",
+            "6": "#a000f0",
+            "7": "#f00000",
+        };
+        /** Taille cellule px, ou `auto`. */
+        this.cell = "24";
+        this.gap = 1;
+        this.radius = 2;
+        /** Clé couche fantôme optionnelle. */
+        this.ghostKey = "";
+        this.labelKey = "";
+        this.lastSig = "";
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute("role", "img");
+    }
+    updated() {
+        this.draw();
+    }
+    readGrid() {
+        const props = this.props;
+        const raw = props ? pathGet(props, this.key) : undefined;
+        if (Array.isArray(raw) && Array.isArray(raw[0])) {
+            return raw;
+        }
+        if (Array.isArray(raw) && this.cols > 0) {
+            const flat = raw;
+            const out = [];
+            for (let i = 0; i < flat.length; i += this.cols) {
+                out.push(flat.slice(i, i + this.cols).map((n) => Number(n) || 0));
+            }
+            return out;
+        }
+        return [];
+    }
+    readGhost() {
+        if (!this.ghostKey)
+            return null;
+        const props = this.props;
+        const raw = props ? pathGet(props, this.ghostKey) : undefined;
+        if (Array.isArray(raw) && Array.isArray(raw[0]))
+            return raw;
+        return null;
+    }
+    colorFor(v, ghost = false) {
+        const c = this.palette?.[String(v)] ?? this.palette?.[v] ?? "#888";
+        if (!ghost)
+            return c;
+        if (c === "transparent")
+            return c;
+        return c.startsWith("var(") ? c : `${c}66`;
+    }
+    draw() {
+        const grid = this.readGrid();
+        const ghost = this.readGhost();
+        const h = grid.length;
+        const w = h ? grid[0].length : 0;
+        if (!w || !h || !this.canvas)
+            return;
+        const sig = JSON.stringify({ grid, ghost, palette: this.palette, cell: this.cell, gap: this.gap });
+        if (sig === this.lastSig)
+            return;
+        this.lastSig = sig;
+        const hostW = this.clientWidth || w * 24;
+        const cellPx = this.cell === "auto" ? Math.max(1, Math.floor(hostW / w)) : Math.max(1, Number(this.cell) || 24);
+        const gap = Math.max(0, this.gap);
+        const dpr = Math.min(2, window.devicePixelRatio || 1);
+        const cssW = w * cellPx;
+        const cssH = h * cellPx;
+        this.canvas.width = Math.floor(cssW * dpr);
+        this.canvas.height = Math.floor(cssH * dpr);
+        this.canvas.style.width = `${cssW}px`;
+        this.canvas.style.height = `${cssH}px`;
+        const ctx = this.canvas.getContext("2d");
+        if (!ctx)
+            return;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        ctx.clearRect(0, 0, cssW, cssH);
+        const paint = (mat, ghostLayer) => {
+            for (let y = 0; y < mat.length; y++) {
+                const row = mat[y];
+                for (let x = 0; x < row.length; x++) {
+                    const v = Number(row[x]) || 0;
+                    if (!v && !ghostLayer)
+                        continue;
+                    if (!v)
+                        continue;
+                    ctx.fillStyle = this.colorFor(v, ghostLayer);
+                    const px = x * cellPx + gap;
+                    const py = y * cellPx + gap;
+                    const s = cellPx - gap * 2;
+                    if (this.radius > 0) {
+                        const r = Math.min(this.radius, s / 2);
+                        ctx.beginPath();
+                        ctx.roundRect(px, py, s, s, r);
+                        ctx.fill();
+                    }
+                    else {
+                        ctx.fillRect(px, py, s, s);
+                    }
+                }
+            }
+        };
+        if (ghost)
+            paint(ghost, true);
+        paint(grid, false);
+        if (this.labelKey) {
+            const props = this.props;
+            const label = props ? pathGet(props, this.labelKey) : undefined;
+            if (label != null)
+                this.setAttribute("aria-label", String(label));
+        }
+    }
+    render() {
+        return html `<canvas></canvas>`;
+    }
+};
+SonicMatrix.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      line-height: 0;
+    }
+    canvas {
+      display: block;
+      width: 100%;
+      height: auto;
+      image-rendering: pixelated;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], SonicMatrix.prototype, "key", void 0);
+__decorate([
+    property({ type: Number })
+], SonicMatrix.prototype, "cols", void 0);
+__decorate([
+    property({ type: Object })
+], SonicMatrix.prototype, "palette", void 0);
+__decorate([
+    property({ type: String })
+], SonicMatrix.prototype, "cell", void 0);
+__decorate([
+    property({ type: Number })
+], SonicMatrix.prototype, "gap", void 0);
+__decorate([
+    property({ type: Number })
+], SonicMatrix.prototype, "radius", void 0);
+__decorate([
+    property({ type: String, attribute: "ghost-key" })
+], SonicMatrix.prototype, "ghostKey", void 0);
+__decorate([
+    property({ type: String, attribute: "label-key" })
+], SonicMatrix.prototype, "labelKey", void 0);
+__decorate([
+    query("canvas")
+], SonicMatrix.prototype, "canvas", void 0);
+SonicMatrix = __decorate([
+    customElement(tagName)
+], SonicMatrix);
+export { SonicMatrix };
+export default SonicMatrix;
+//# sourceMappingURL=matrix.js.map

package/dist/js/core/components/functional/interactive/matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/interactive/matrix.ts"],"names":[],"mappings":"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"}

package/dist/js/core/components/functional/interactive/registry.js

@@ -0,0 +1,28 @@
+/**
+ * Registre global des sonic-store + dispatch typé.
+ * Utilisé par keyboard / gamepad / gesture / action / ticker.
+ */
+const stores = new Map();
+export function registerStore(handle) {
+    stores.set(handle.id, handle);
+}
+export function unregisterStore(id) {
+    stores.delete(id);
+}
+export function getStore(id) {
+    return stores.get(id);
+}
+/** Dispatch une action vers un store enregistré. No-op si absent. */
+export function dispatch(storeId, action) {
+    const store = stores.get(storeId);
+    if (!store)
+        return;
+    store.dispatch({
+        ...action,
+        t: action.t ?? performance.now(),
+    });
+}
+export function listStoreIds() {
+    return [...stores.keys()];
+}
+//# sourceMappingURL=registry.js.map

package/dist/js/core/components/functional/interactive/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/interactive/registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAgBH,MAAM,MAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;AAE9C,MAAM,UAAU,aAAa,CAAC,MAAmB;IAC/C,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAU;IACxC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,OAAO,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACxB,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,QAAQ,CAAC,OAAe,EAAE,MAA0B;IAClE,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,KAAK,CAAC,QAAQ,CAAC;QACb,GAAG,MAAM;QACT,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,GAAG,EAAE;KACjC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC5B,CAAC"}