@trusty-squire/mcp 0.7.10 → 0.7.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,6 +30,14 @@
30
30
  #dot.ok { background: #3fb950; }
31
31
  #dot.err { background: #f85149; }
32
32
  #screen { flex: 1; position: relative; background: #0f1115; min-height: 0; }
33
+ /* TEMPORARY diagnostic overlay — prints live viewport + screen +
34
+ canvas dimensions so we can see what the user's phone actually
35
+ computes. Remove once mobile-fit is closed out. */
36
+ #diag { position: fixed; left: 8px; bottom: 8px;
37
+ background: rgba(0,0,0,0.75); color: #4ade80;
38
+ font: 11px/1.3 ui-monospace, monospace;
39
+ padding: 6px 8px; border-radius: 6px; z-index: 30;
40
+ pointer-events: none; white-space: pre; }
33
41
  /* Overlay siblings of #screen — `position: fixed` against the
34
42
  viewport, NOT positioned inside #screen. RFB appends a <canvas>
35
43
  child to #screen at connect time, and that canvas can cover any
@@ -86,6 +94,7 @@
86
94
  autocorrect="off" autocapitalize="off" spellcheck="false"
87
95
  aria-hidden="true" tabindex="-1" />
88
96
  <button id="kb" type="button" aria-label="Show keyboard">⌨</button>
97
+ <div id="diag">init…</div>
89
98
  <script type="module">
90
99
  import RFB from "./core/rfb.js";
91
100
 
@@ -119,7 +128,27 @@
119
128
  rfb.addEventListener("connect", () => {
120
129
  dot.className = "ok";
121
130
  msg.style.display = "none";
131
+ renderDiag();
122
132
  });
133
+
134
+ // Live debug overlay — see #diag in the CSS for context.
135
+ const diag = document.getElementById("diag");
136
+ function renderDiag() {
137
+ const sr = screen.getBoundingClientRect();
138
+ const c = screen.querySelector("canvas");
139
+ const cr = c ? c.getBoundingClientRect() : null;
140
+ diag.textContent =
141
+ `vp ${innerWidth}x${innerHeight} dpr ${devicePixelRatio}\n` +
142
+ `screen ${Math.round(sr.width)}x${Math.round(sr.height)}\n` +
143
+ (c
144
+ ? `cv attr ${c.width}x${c.height} ` +
145
+ `css ${Math.round(cr.width)}x${Math.round(cr.height)}\n` +
146
+ `cv style "${c.style.width}" "${c.style.height}"`
147
+ : "cv (none yet)");
148
+ }
149
+ window.addEventListener("resize", renderDiag);
150
+ setTimeout(renderDiag, 200);
151
+ setTimeout(renderDiag, 2000);
123
152
  rfb.addEventListener("disconnect", () => {
124
153
  dot.className = "err";
125
154
  msg.style.display = "";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trusty-squire/mcp",
3
- "version": "0.7.10",
3
+ "version": "0.7.11",
4
4
  "mcpName": "io.github.Trusty-Squire/mcp",
5
5
  "type": "module",
6
6
  "description": "Local MCP server vibe coding agents install. Thin relay to the Trusty Squire API, with the bundled universal signup bot.",