From acc9f90260ab83e8a1f924304ad48e3ce2dcfeb3 Mon Sep 17 00:00:00 2001 From: Raykosan <71210053+Raykosan@users.noreply.github.com> Date: Sun, 21 Jun 2026 23:02:46 +0300 Subject: [PATCH] Modification of the RS Color Picker node --- web/rs_colorpicker.js | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/web/rs_colorpicker.js b/web/rs_colorpicker.js index 682a622..7cd5bd7 100644 --- a/web/rs_colorpicker.js +++ b/web/rs_colorpicker.js @@ -1,4 +1,3 @@ -console.log("[SPLINE 🦊] rs_colorpicker.js LOADED!"); import { app } from "../../scripts/app.js"; const NODE_CLASS = "RSColorPicker"; @@ -79,7 +78,6 @@ class CanvasEyedropper { this._onMouseMove = this._onMouseMove.bind(this); this._onClick = this._onClick.bind(this); this._onKeyDown = this._onKeyDown.bind(this); - console.log("[SPLINE 🦊] CanvasEyedropper initialized"); } _createMagnifier() { @@ -111,7 +109,6 @@ class CanvasEyedropper { document.addEventListener('mousemove', this._onMouseMove); document.addEventListener('click', this._onClick, true); document.addEventListener('keydown', this._onKeyDown); - console.log("[SPLINE 🦊] Eyedropper started"); } stop() { @@ -125,7 +122,6 @@ class CanvasEyedropper { cancelAnimationFrame(this.rafId); this.rafId = null; } - console.log("[SPLINE ] Eyedropper stopped"); } _getColorAt(x, y) { @@ -167,7 +163,6 @@ class CanvasEyedropper { const pixel = ctx.getImageData(Math.floor(px), Math.floor(py), 1, 1).data; return { r: pixel[0], g: pixel[1], b: pixel[2], a: pixel[3] }; } catch (e) { - console.warn("[SPLINE ] CORS error:", e.message); return null; } } @@ -221,16 +216,12 @@ class CanvasEyedropper { if (color) { const hex = rgbToHex(color.r, color.g, color.b); - console.log("[SPLINE ] Color picked:", hex); if (this.onPick) this.onPick(hex); - } else { - console.log("[SPLINE 🦊] No color found, cancelled"); } } _onKeyDown(e) { if (e.key === 'Escape') { - console.log("[SPLINE 🦊] Eyedropper cancelled"); this.stop(); } } @@ -265,7 +256,6 @@ app.registerExtension({ const root = mkEl("div", "display:flex;flex-direction:column;gap:4px;padding:3px;overflow:hidden;"); - // Label для основных цветов const basicLabel = mkEl("div", "color:#999;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px;padding-left:2px;", { textContent: "Basic Colors" }); @@ -294,7 +284,6 @@ app.registerExtension({ const hexInput = mkEl("input", "width:10ch;padding:4px 6px;background:#1e1e1e;color:#ccc;border:1px solid #444;border-radius:4px;font-family:monospace;font-size:12px;flex-shrink:0;box-sizing:border-box;", { value: initialColor.toUpperCase() }); - // Иконка палитры вместо кисти const eyedropperBtn = mkEl("button", "width:36px;height:36px;border-radius:4px;border:2px solid #444;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:14px;flex-shrink:0;transition:all 0.1s;", { innerHTML: ``, title: "Color Palette" @@ -335,7 +324,6 @@ app.registerExtension({ topRow.append(swatch, colorInput, hexInput, eyedropperBtn); - // Label для истории const recentLabel = mkEl("div", "color:#999;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px;padding-left:2px;margin-top:5px;", { textContent: "Recent Colors" }); @@ -358,7 +346,6 @@ app.registerExtension({ }; updateHistory(); - // Новый порядок: basicLabel → presetsRow → topRow → recentLabel → historyRow root.append(basicLabel, presetsRow, topRow, recentLabel, historyRow); const syncOutputs = (color) => {