@kolbo/mcp 1.30.9 → 1.30.10
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.
- package/package.json +1 -1
- package/src/apps/bridge.js +5 -1
- package/src/apps/html.js +1 -1
- package/src/apps/theme.js +3 -1
package/package.json
CHANGED
package/src/apps/bridge.js
CHANGED
|
@@ -106,8 +106,12 @@ const BRIDGE_JS = `
|
|
|
106
106
|
clearTimeout(sizeTimer);
|
|
107
107
|
sizeTimer = setTimeout(notifySize, delay || 120);
|
|
108
108
|
}
|
|
109
|
+
// With ResizeObserver present, attribute churn (class/style toggles) that
|
|
110
|
+
// actually changes layout is caught by RO on the card — observing attributes
|
|
111
|
+
// here would just re-fire on EVERY class/style write. Only watch attributes
|
|
112
|
+
// as a fallback when RO is unavailable.
|
|
109
113
|
new MutationObserver(function () { queueSize(120); })
|
|
110
|
-
.observe(document.documentElement, { childList: true, subtree: true, attributes:
|
|
114
|
+
.observe(document.documentElement, { childList: true, subtree: true, attributes: !window.ResizeObserver });
|
|
111
115
|
// DOM mutations don't fire when an <img>/<video> finishes loading and reflows
|
|
112
116
|
// the card — without this the host keeps the pre-image height and the card
|
|
113
117
|
// gets an inner scrollbar. ResizeObserver catches every layout change.
|
package/src/apps/html.js
CHANGED
|
@@ -17,7 +17,7 @@ function widgetPage({ title, body, script }) {
|
|
|
17
17
|
<title>${title}</title>
|
|
18
18
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
19
19
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
20
|
-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
20
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
|
|
21
21
|
<style>${KOLBO_CSS}</style>
|
|
22
22
|
</head>
|
|
23
23
|
<body>
|
package/src/apps/theme.js
CHANGED
|
@@ -131,7 +131,9 @@ body {
|
|
|
131
131
|
position: absolute; top: 10px; left: 10px; z-index: 2;
|
|
132
132
|
display: inline-flex; align-items: center; gap: 6px;
|
|
133
133
|
padding: 4px 10px; border-radius: 999px;
|
|
134
|
-
background: rgba(0, 0, 0, 0.65); backdrop-filter: blur
|
|
134
|
+
background: rgba(0, 0, 0, 0.65); /* no backdrop-filter: nested blur over the
|
|
135
|
+
animating k-sweep skeleton forced per-frame backdrop re-sampling on phones;
|
|
136
|
+
0.65 black over the shimmer reads identically without it */
|
|
135
137
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
|
136
138
|
font-size: 11px; font-weight: 600; color: #fff;
|
|
137
139
|
}
|