gopeak 2.3.6 → 2.3.8

package/build/visualizer/events.js

@@ -526,10 +526,10 @@ export function buildCategoryList() {
         const item = document.createElement('div');
         item.className = 'cat-item' + (activeCategories.has(cat.id) ? '' : ' inactive');
         item.dataset.catId = cat.id;
-        item.innerHTML = `
-      <div class="cat-dot" style="background:${cat.color}"></div>
-      <span class="cat-label">${cat.label}</span>
-      <span class="cat-count">${cat.count}</span>
+        item.innerHTML = `
+      <div class="cat-dot" style="background:${cat.color}"></div>
+      <span class="cat-label">${cat.label}</span>
+      <span class="cat-count">${cat.count}</span>
     `;
         item.addEventListener('click', () => {
             toggleCategory(cat.id);
@@ -756,21 +756,21 @@ function startInlineRename(screenX, screenY, node, scenePath) {
     input.id = 'inline-rename-input';
     input.type = 'text';
     input.value = node.name;
-    input.style.cssText = `
-    position: fixed;
-    left: ${screenX - 50}px;
-    top: ${screenY - 12}px;
-    width: 120px;
-    padding: 4px 8px;
-    font-size: 12px;
-    font-family: -apple-system, system-ui, sans-serif;
-    font-weight: 600;
-    background: #0f1014;
-    border: 2px solid #7aa2f7;
-    border-radius: 4px;
-    color: #f0f0f5;
-    z-index: 1000;
-    outline: none;
+    input.style.cssText = `
+    position: fixed;
+    left: ${screenX - 50}px;
+    top: ${screenY - 12}px;
+    width: 120px;
+    padding: 4px 8px;
+    font-size: 12px;
+    font-family: -apple-system, system-ui, sans-serif;
+    font-weight: 600;
+    background: #0f1014;
+    border: 2px solid #7aa2f7;
+    border-radius: 4px;
+    color: #f0f0f5;
+    z-index: 1000;
+    outline: none;
   `;
     document.body.appendChild(input);
     input.focus();

package/build/visualizer/panel.js

@@ -318,24 +318,24 @@ window.toggleFunc = function (fi) {
     if (!f.body)
         return;
     const editorId = `code-editor-${fi}`;
-    viewer.innerHTML = `
-    <div class="func-viewer-header">
-      <span><span class="func-title">${esc(f.name)}</span> · <span id="line-count-${fi}">${f.body.split('\n').length}</span> lines</span>
-      <button class="func-viewer-close" onclick="toggleFunc(${fi})">&times;</button>
-    </div>
-    <div class="func-viewer-code">
-      <div class="code-editor-container" id="${editorId}">
-        <div class="code-editor-highlight" id="highlight-${fi}"></div>
-        <textarea class="code-editor-textarea" id="textarea-${fi}" spellcheck="false"></textarea>
-      </div>
-    </div>
-    <div class="func-viewer-footer">
-      <span class="status" id="status-${fi}">Modified</span>
-      <span style="display:flex;gap:8px;align-items:center">
-        <span style="opacity:0.6">Ctrl+S to save</span>
-        <button class="save-btn" id="save-btn-${fi}" onclick="saveFunction(${fi})">Save</button>
-      </span>
-    </div>
+    viewer.innerHTML = `
+    <div class="func-viewer-header">
+      <span><span class="func-title">${esc(f.name)}</span> · <span id="line-count-${fi}">${f.body.split('\n').length}</span> lines</span>
+      <button class="func-viewer-close" onclick="toggleFunc(${fi})">&times;</button>
+    </div>
+    <div class="func-viewer-code">
+      <div class="code-editor-container" id="${editorId}">
+        <div class="code-editor-highlight" id="highlight-${fi}"></div>
+        <textarea class="code-editor-textarea" id="textarea-${fi}" spellcheck="false"></textarea>
+      </div>
+    </div>
+    <div class="func-viewer-footer">
+      <span class="status" id="status-${fi}">Modified</span>
+      <span style="display:flex;gap:8px;align-items:center">
+        <span style="opacity:0.6">Ctrl+S to save</span>
+        <button class="save-btn" id="save-btn-${fi}" onclick="saveFunction(${fi})">Save</button>
+      </span>
+    </div>
   `;
     const textarea = document.getElementById(`textarea-${fi}`);
     const highlight = document.getElementById(`highlight-${fi}`);
@@ -848,9 +848,9 @@ function renderPropertyRow(prop, scenePath, nodePath) {
     switch (type) {
         case 1: { // TYPE_BOOL
             const boolChecked = value === true ? 'checked' : '';
-            html += `<label class="toggle-switch">
-        <input type="checkbox" ${boolChecked} data-prop="${esc(name)}" data-type="${type}">
-        <span class="toggle-slider"></span>
+            html += `<label class="toggle-switch">
+        <input type="checkbox" ${boolChecked} data-prop="${esc(name)}" data-type="${type}">
+        <span class="toggle-slider"></span>
       </label>`;
             break;
         }
@@ -925,18 +925,18 @@ function renderRangeSlider(name, type, value, hintString, isInt) {
     const min = parseFloat(parts[0]) || 0;
     const max = parseFloat(parts[1]) || 100;
     const step = parts[2] ? parseFloat(parts[2]) : (isInt ? 1 : 0.01);
-    return `<div class="range-input-group">
-    <input type="range" class="property-range" value="${value ?? min}" min="${min}" max="${max}" step="${step}" data-prop="${esc(name)}" data-type="${type}">
-    <input type="number" class="property-input range-number" value="${value ?? min}" min="${min}" max="${max}" step="${step}" data-prop="${esc(name)}" data-type="${type}">
+    return `<div class="range-input-group">
+    <input type="range" class="property-range" value="${value ?? min}" min="${min}" max="${max}" step="${step}" data-prop="${esc(name)}" data-type="${type}">
+    <input type="number" class="property-input range-number" value="${value ?? min}" min="${min}" max="${max}" step="${step}" data-prop="${esc(name)}" data-type="${type}">
   </div>`;
 }
 function renderVector2Input(name, type, value, isInt = false) {
     const x = value?.x ?? 0;
     const y = value?.y ?? 0;
     const step = isInt ? '1' : '0.01';
-    return `<div class="vector-input-group" data-prop="${esc(name)}" data-type="${type}">
-    <label>x</label><input type="number" class="property-input vec-x" value="${x}" step="${step}" data-component="x">
-    <label>y</label><input type="number" class="property-input vec-y" value="${y}" step="${step}" data-component="y">
+    return `<div class="vector-input-group" data-prop="${esc(name)}" data-type="${type}">
+    <label>x</label><input type="number" class="property-input vec-x" value="${x}" step="${step}" data-component="x">
+    <label>y</label><input type="number" class="property-input vec-y" value="${y}" step="${step}" data-component="y">
   </div>`;
 }
 function renderVector3Input(name, type, value, isInt = false) {
@@ -944,10 +944,10 @@ function renderVector3Input(name, type, value, isInt = false) {
     const y = value?.y ?? 0;
     const z = value?.z ?? 0;
     const step = isInt ? '1' : '0.01';
-    return `<div class="vector-input-group vec3" data-prop="${esc(name)}" data-type="${type}">
-    <label>x</label><input type="number" class="property-input vec-x" value="${x}" step="${step}" data-component="x">
-    <label>y</label><input type="number" class="property-input vec-y" value="${y}" step="${step}" data-component="y">
-    <label>z</label><input type="number" class="property-input vec-z" value="${z}" step="${step}" data-component="z">
+    return `<div class="vector-input-group vec3" data-prop="${esc(name)}" data-type="${type}">
+    <label>x</label><input type="number" class="property-input vec-x" value="${x}" step="${step}" data-component="x">
+    <label>y</label><input type="number" class="property-input vec-y" value="${y}" step="${step}" data-component="y">
+    <label>z</label><input type="number" class="property-input vec-z" value="${z}" step="${step}" data-component="z">
   </div>`;
 }
 function renderColorInput(name, type, value) {
@@ -956,9 +956,9 @@ function renderColorInput(name, type, value) {
     const b = Math.round((value?.b ?? 1) * 255);
     const a = value?.a ?? 1;
     const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-    return `<div class="color-input-group" data-prop="${esc(name)}" data-type="${type}">
-    <input type="color" class="property-color" value="${hex}" data-prop="${esc(name)}">
-    <input type="number" class="property-input color-alpha" value="${a}" min="0" max="1" step="0.01" placeholder="α" data-component="a">
+    return `<div class="color-input-group" data-prop="${esc(name)}" data-type="${type}">
+    <input type="color" class="property-color" value="${hex}" data-prop="${esc(name)}">
+    <input type="number" class="property-input color-alpha" value="${a}" min="0" max="1" step="0.01" placeholder="α" data-component="a">
   </div>`;
 }
 function initPropertyEditing(scenePath, nodePath) {

package/build/visualizer/usages.js

@@ -59,20 +59,20 @@ function renderUsagePanel() {
         listEl.innerHTML = currentUsages.map((u, i) => {
             const highlightedCode = highlightUsageInCode(u.code, itemName);
             const fileName = u.file.split('/').pop().replace('.gd', '');
-            return `
-        <div class="ufp-item"
-             data-usage-index="${i}"
-             data-file="${u.file}"
-             data-line="${u.line}"
-             data-func="${u.funcName || ''}"
-             onclick="navigateToUsage(this)">
-          <div class="ufp-loc">
-            <span class="ufp-func">${u.funcName || 'unknown'}</span>
-            <span class="ufp-line">line ${u.line}</span>
-          </div>
-          <div class="ufp-code">${highlightedCode}</div>
-          <div class="ufp-file">${fileName}.gd</div>
-        </div>
+            return `
+        <div class="ufp-item"
+             data-usage-index="${i}"
+             data-file="${u.file}"
+             data-line="${u.line}"
+             data-func="${u.funcName || ''}"
+             onclick="navigateToUsage(this)">
+          <div class="ufp-loc">
+            <span class="ufp-func">${u.funcName || 'unknown'}</span>
+            <span class="ufp-line">line ${u.line}</span>
+          </div>
+          <div class="ufp-code">${highlightedCode}</div>
+          <div class="ufp-file">${fileName}.gd</div>
+        </div>
       `;
         }).join('');
         deleteBtn.textContent = 'Delete Anyway';

package/build/visualizer-server.js

@@ -8,17 +8,17 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 let wss = null;
 let currentProjectPath = null;
 let currentBridge = null;
-const DEFAULT_VISUALIZER_HTML = `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Godot MCP Visualizer</title>
-  </head>
-  <body>
-    <h1>Godot MCP Visualizer</h1>
-    <p>Run the map_project tool to load visualization data.</p>
-  </body>
+const DEFAULT_VISUALIZER_HTML = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Godot MCP Visualizer</title>
+  </head>
+  <body>
+    <h1>Godot MCP Visualizer</h1>
+    <p>Run the map_project tool to load visualization data.</p>
+  </body>
 </html>`;
 const handleVisualizerConnectionRef = (socket) => {
     handleVisualizerConnection(socket);