mirror of
https://github.com/TommyFang2077/dsh-desktop.git
synced 2026-08-17 09:06:36 +08:00
Add README, plugin citations, and multi-platform release CI.
Ship screenshots and third-party notices for the desktop shell, and package Windows, macOS, deb, rpm, and Flatpak from GitHub Releases. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Tommy
168
ui/inject/chrome.js
Normal file
168
ui/inject/chrome.js
Normal file
@@ -0,0 +1,168 @@
|
||||
(function () {
|
||||
if (window.__dshDesktopChrome) return;
|
||||
window.__dshDesktopChrome = true;
|
||||
|
||||
const css = `
|
||||
:root { --dsh-desktop-titlebar-h: 36px; }
|
||||
html.dsh-desktop-offset {
|
||||
box-sizing: border-box !important;
|
||||
padding-top: var(--dsh-desktop-titlebar-h);
|
||||
}
|
||||
#dsh-desktop-titlebar {
|
||||
position: fixed; top: 0; left: 0; right: 0; height: var(--dsh-desktop-titlebar-h);
|
||||
z-index: 2147483646; display: flex; align-items: center;
|
||||
padding: 0 12px; box-sizing: border-box;
|
||||
background: rgba(246, 246, 248, 0.72);
|
||||
-webkit-backdrop-filter: saturate(180%) blur(20px);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
border-bottom: 0.5px solid rgba(0, 0, 0, 0.06);
|
||||
user-select: none; -webkit-user-select: none;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#dsh-desktop-titlebar {
|
||||
background: rgba(28, 28, 30, 0.72);
|
||||
border-bottom-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
#dsh-desktop-titlebar .more { color: rgba(255,255,255,0.45); }
|
||||
#dsh-desktop-titlebar .menu {
|
||||
background: rgba(44, 44, 46, 0.96);
|
||||
box-shadow: 0 8px 28px rgba(0,0,0,0.45);
|
||||
}
|
||||
#dsh-desktop-titlebar .menu button { color: #f5f5f7; }
|
||||
#dsh-desktop-titlebar .menu button:hover { background: rgba(255,255,255,0.08); }
|
||||
}
|
||||
#dsh-desktop-titlebar .traffic {
|
||||
display: flex; gap: 8px; align-items: center; height: 100%;
|
||||
}
|
||||
#dsh-desktop-titlebar .tl {
|
||||
width: 12px; height: 12px; min-width: 12px; min-height: 12px;
|
||||
max-width: 12px; max-height: 12px; flex: none; overflow: hidden;
|
||||
box-sizing: border-box; border-radius: 50%; border: 0;
|
||||
padding: 0; margin: 0; display: grid; place-items: center; cursor: default;
|
||||
position: relative;
|
||||
}
|
||||
#dsh-desktop-titlebar .tl.close { background: #ff5f57; }
|
||||
#dsh-desktop-titlebar .tl.min { background: #febc2e; }
|
||||
#dsh-desktop-titlebar .tl.zoom { background: #28c840; }
|
||||
#dsh-desktop-titlebar .tl::after {
|
||||
content: ""; font-size: 9px; line-height: 1; font-weight: 700;
|
||||
color: rgba(0,0,0,0.55); opacity: 0;
|
||||
}
|
||||
#dsh-desktop-titlebar .traffic:hover .tl.close::after { content: "×"; opacity: 1; }
|
||||
#dsh-desktop-titlebar .traffic:hover .tl.min::after { content: "–"; opacity: 1; }
|
||||
#dsh-desktop-titlebar .traffic:hover .tl.zoom::after { content: "+"; opacity: 1; }
|
||||
#dsh-desktop-titlebar .drag { flex: 1; height: 100%; }
|
||||
#dsh-desktop-titlebar .more {
|
||||
appearance: none; border: 0; background: transparent;
|
||||
color: rgba(0,0,0,0.35); font-size: 15px; letter-spacing: 0.08em;
|
||||
width: 28px; height: 20px; border-radius: 6px; cursor: default;
|
||||
}
|
||||
#dsh-desktop-titlebar .more:hover { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.7); }
|
||||
#dsh-desktop-titlebar .menu {
|
||||
position: absolute; top: calc(var(--dsh-desktop-titlebar-h) + 2px); left: 8px; min-width: 168px;
|
||||
padding: 4px; border-radius: 10px;
|
||||
background: rgba(255,255,255,0.96);
|
||||
box-shadow: 0 8px 28px rgba(0,0,0,0.16);
|
||||
display: none; flex-direction: column;
|
||||
}
|
||||
#dsh-desktop-titlebar .menu.open { display: flex; }
|
||||
#dsh-desktop-titlebar .menu button {
|
||||
appearance: none; border: 0; background: transparent;
|
||||
text-align: left; padding: 7px 10px; border-radius: 6px;
|
||||
font: 13px/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
|
||||
color: #1d1d1f; cursor: default;
|
||||
}
|
||||
#dsh-desktop-titlebar .menu button:hover { background: rgba(0,0,0,0.05); }
|
||||
#dsh-desktop-titlebar .menu button:disabled { opacity: 0.35; }
|
||||
`;
|
||||
|
||||
function api() {
|
||||
return window.__TAURI__ || null;
|
||||
}
|
||||
|
||||
function inject() {
|
||||
if (document.getElementById("dsh-desktop-titlebar")) return;
|
||||
const style = document.createElement("style");
|
||||
style.textContent = css;
|
||||
document.documentElement.appendChild(style);
|
||||
|
||||
const bar = document.createElement("header");
|
||||
bar.id = "dsh-desktop-titlebar";
|
||||
bar.innerHTML =
|
||||
'<button class="more" type="button" aria-label="更多">•••</button>' +
|
||||
'<div class="menu">' +
|
||||
'<button type="button" data-cmd="restart">重新启动</button>' +
|
||||
'<button type="button" data-cmd="open_in_browser">在浏览器中打开</button>' +
|
||||
"</div>" +
|
||||
'<div class="drag" data-tauri-drag-region></div>' +
|
||||
'<div class="traffic">' +
|
||||
'<button class="tl min" data-win="minimize" aria-label="最小化"></button>' +
|
||||
'<button class="tl zoom" data-win="zoom" aria-label="缩放"></button>' +
|
||||
'<button class="tl close" data-win="close" aria-label="关闭"></button>' +
|
||||
"</div>";
|
||||
document.documentElement.appendChild(bar);
|
||||
if (/^(127\.0\.0\.1|localhost|\[::1\])$/.test(location.hostname)) {
|
||||
document.documentElement.classList.add("dsh-desktop-offset");
|
||||
}
|
||||
|
||||
const menu = bar.querySelector(".menu");
|
||||
const more = bar.querySelector(".more");
|
||||
more.addEventListener("click", function (e) {
|
||||
e.stopPropagation();
|
||||
menu.classList.toggle("open");
|
||||
});
|
||||
document.addEventListener("click", function () {
|
||||
menu.classList.remove("open");
|
||||
});
|
||||
|
||||
bar.addEventListener("dblclick", function (e) {
|
||||
if (e.target.closest(".tl, .more, .menu")) return;
|
||||
const t = api();
|
||||
if (t && t.window) t.window.getCurrentWindow().toggleMaximize();
|
||||
});
|
||||
|
||||
bar.addEventListener("click", function (e) {
|
||||
const t = api();
|
||||
const winBtn = e.target.closest("[data-win]");
|
||||
if (winBtn && t && t.window) {
|
||||
const w = t.window.getCurrentWindow();
|
||||
const act = winBtn.getAttribute("data-win");
|
||||
if (act === "close") w.close();
|
||||
else if (act === "minimize") w.minimize();
|
||||
else if (act === "zoom") w.toggleMaximize();
|
||||
return;
|
||||
}
|
||||
const cmd = e.target.closest("[data-cmd]");
|
||||
if (cmd && t && t.core) {
|
||||
menu.classList.remove("open");
|
||||
t.core.invoke(cmd.getAttribute("data-cmd"));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", inject);
|
||||
} else {
|
||||
inject();
|
||||
}
|
||||
|
||||
const harness = /^(127\.0\.0\.1|localhost|\[::1\])$/.test(location.hostname);
|
||||
if (harness && location.protocol.indexOf("http") === 0) {
|
||||
document.addEventListener("paste", async function (e) {
|
||||
const t = api();
|
||||
if (!t || !t.core) return;
|
||||
try {
|
||||
const items = e.clipboardData ? Array.from(e.clipboardData.items) : [];
|
||||
if (items.some(function (item) { return item.kind === "file" && item.getAsFile(); })) {
|
||||
return;
|
||||
}
|
||||
const files = await t.core.invoke("read_clipboard_images");
|
||||
if (files && files.length) {
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
if (window.__dshDesktopPasteFiles) window.__dshDesktopPasteFiles(files);
|
||||
}
|
||||
} catch (err) {}
|
||||
}, true);
|
||||
}
|
||||
})();
|
||||
35
ui/inject/hide-twins.js
Normal file
35
ui/inject/hide-twins.js
Normal file
@@ -0,0 +1,35 @@
|
||||
(function () {
|
||||
const SUFFIX = " (modlens vision)";
|
||||
function textOf(el) {
|
||||
return (el.textContent || "").replace(/\s+/g, " ").trim();
|
||||
}
|
||||
function hideTwins(root) {
|
||||
const nodes = root.querySelectorAll("button, [role='menuitem'], [role='option'], [role='group'], h1, h2, h3, h4, span, div, p");
|
||||
const visionBases = new Set();
|
||||
for (const el of nodes) {
|
||||
if (el.childElementCount > 3) continue;
|
||||
const t = textOf(el);
|
||||
if (t.endsWith(SUFFIX) && t.length > SUFFIX.length) {
|
||||
visionBases.add(t.slice(0, -SUFFIX.length));
|
||||
}
|
||||
}
|
||||
if (visionBases.size === 0) return;
|
||||
for (const el of nodes) {
|
||||
if (el.childElementCount > 3) continue;
|
||||
const t = textOf(el);
|
||||
if (!visionBases.has(t)) continue;
|
||||
const row = el.closest("[role='group'], [role='menuitem'], li, section") || el;
|
||||
if (row && row.style.display !== "none") row.style.display = "none";
|
||||
}
|
||||
}
|
||||
const run = function () {
|
||||
try { hideTwins(document.body); } catch (e) {}
|
||||
};
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", run);
|
||||
} else {
|
||||
run();
|
||||
}
|
||||
const obs = new MutationObserver(run);
|
||||
obs.observe(document.documentElement, { childList: true, subtree: true });
|
||||
})();
|
||||
45
ui/inject/ingest.js
Normal file
45
ui/inject/ingest.js
Normal file
@@ -0,0 +1,45 @@
|
||||
(function () {
|
||||
const IMAGE_PATH = /^(?:file:\/\/|(?:\/|\.{1,2}\/)).+\.(?:png|jpe?g|gif|webp|bmp|tiff?)$/i;
|
||||
function looksLikeImagePath(text) {
|
||||
const first = (text || "").trim().split(/\s+/, 1)[0] || "";
|
||||
return IMAGE_PATH.test(first);
|
||||
}
|
||||
document.addEventListener("paste", function (e) {
|
||||
try {
|
||||
const items = Array.from(e.clipboardData ? e.clipboardData.items : []);
|
||||
const files = items.filter(function (item) { return item.kind === "file"; })
|
||||
.map(function (item) { return item.getAsFile(); })
|
||||
.filter(Boolean);
|
||||
if (files.length > 0) return;
|
||||
const text = e.clipboardData ? (e.clipboardData.getData("text/plain") || "") : "";
|
||||
const uris = e.clipboardData ? (e.clipboardData.getData("text/uri-list") || "") : "";
|
||||
if (looksLikeImagePath(text) || looksLikeImagePath(uris)) {
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
}
|
||||
} catch (err) {}
|
||||
}, true);
|
||||
|
||||
window.__dshDesktopPasteFiles = function (items) {
|
||||
try {
|
||||
const dt = new DataTransfer();
|
||||
for (const item of items) {
|
||||
const bin = atob(item.b64);
|
||||
const bytes = new Uint8Array(bin.length);
|
||||
for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
|
||||
dt.items.add(new File([bytes], item.name, { type: item.type }));
|
||||
}
|
||||
const drop = new DragEvent("drop", {
|
||||
bubbles: true,
|
||||
cancelable: true,
|
||||
dataTransfer: dt
|
||||
});
|
||||
try {
|
||||
Object.defineProperty(drop, "dataTransfer", { value: dt, configurable: true });
|
||||
} catch (e) {}
|
||||
document.dispatchEvent(drop);
|
||||
} catch (err) {
|
||||
console.error("dsh-desktop paste image failed", err);
|
||||
}
|
||||
};
|
||||
})();
|
||||
Reference in New Issue
Block a user