claude BotandClaude Opus 5.5
707962d5e4
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
226 lines
12 KiB
HTML
226 lines
12 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Searchgit</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%236366f1'/%3E%3Ccircle cx='14' cy='14' r='6' fill='none' stroke='white' stroke-width='3'/%3E%3Cpath d='m19 19 5 5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script>
|
|
// Apply the saved theme and language before first paint to avoid a flash.
|
|
try {
|
|
var t = localStorage.getItem('searchgit.theme');
|
|
if (t === 'light' || t === 'dark') document.documentElement.dataset.theme = t;
|
|
var l = localStorage.getItem('searchgit.lang');
|
|
if (l) document.documentElement.lang = l;
|
|
} catch (e) {}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div class="brand">
|
|
<svg viewBox="0 0 32 32" aria-hidden="true"><rect width="32" height="32" rx="8"/><circle cx="14" cy="14" r="6"/><path d="m19 19 5 5"/></svg>
|
|
<span>Searchgit</span>
|
|
</div>
|
|
|
|
<form id="searchForm" class="search" role="search">
|
|
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
|
|
<input id="q" type="search" autocomplete="off" spellcheck="false" data-i18n-aria="searchAria" data-i18n-ph="searchPh">
|
|
<select id="in" class="chip-select" data-i18n-aria="inAria">
|
|
<option value="" data-i18n="inAll">Everywhere</option>
|
|
<option value="name" data-i18n="inName">Name</option>
|
|
<option value="description" data-i18n="inDesc">Description</option>
|
|
<option value="readme" data-i18n="inReadme">README</option>
|
|
</select>
|
|
</form>
|
|
|
|
<div class="actions">
|
|
<button id="settingsBtn" class="icon-btn" type="button" data-i18n-title="settings" data-i18n-aria="settings">
|
|
<!-- Gear icon (Lucide "settings", ISC license) -->
|
|
<svg viewBox="0 0 24 24"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
|
|
</button>
|
|
<button id="themeBtn" class="icon-btn" type="button" data-i18n-title="theme" data-i18n-aria="theme">
|
|
<svg class="sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
|
|
<svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
|
|
</button>
|
|
</div>
|
|
<div class="progress" aria-hidden="true"></div>
|
|
</header>
|
|
|
|
<section class="filters">
|
|
<select id="language" data-i18n-aria="languageAria"><option value="" data-i18n="langAll">All languages</option></select>
|
|
<select id="stars" data-i18n-aria="starsAria">
|
|
<option value="" data-i18n="starsAll">Any stars</option>
|
|
<option value="10">★ ≥ 10</option>
|
|
<option value="100">★ ≥ 100</option>
|
|
<option value="1000">★ ≥ 1k</option>
|
|
<option value="10000">★ ≥ 10k</option>
|
|
</select>
|
|
<select id="pushed" data-i18n-aria="pushedAria">
|
|
<option value="" data-i18n="pushedAll">Any activity</option>
|
|
<option value="1m" data-i18n="pushed1m">Pushed < 1 month</option>
|
|
<option value="6m" data-i18n="pushed6m">Pushed < 6 months</option>
|
|
<option value="1y" data-i18n="pushed1y">Pushed < 1 year</option>
|
|
<option value="2y" data-i18n="pushed2y">Pushed < 2 years</option>
|
|
</select>
|
|
<select id="created" data-i18n-aria="createdAria">
|
|
<option value="" data-i18n="createdAll">Any creation date</option>
|
|
<option value="1m" data-i18n="created1m">Created < 1 month</option>
|
|
<option value="1y" data-i18n="created1y">Created < 1 year</option>
|
|
<option value="5y" data-i18n="created5y">Created < 5 years</option>
|
|
</select>
|
|
<select id="license" data-i18n-aria="licenseAria">
|
|
<option value="" data-i18n="licenseAll">Any license</option>
|
|
<option value="mit">MIT</option>
|
|
<option value="apache-2.0">Apache 2.0</option>
|
|
<option value="gpl-3.0">GPL 3.0</option>
|
|
<option value="agpl-3.0">AGPL 3.0</option>
|
|
<option value="lgpl-3.0">LGPL 3.0</option>
|
|
<option value="mpl-2.0">MPL 2.0</option>
|
|
<option value="bsd-3-clause">BSD 3-Clause</option>
|
|
<option value="bsd-2-clause">BSD 2-Clause</option>
|
|
<option value="isc">ISC</option>
|
|
<option value="unlicense">Unlicense</option>
|
|
</select>
|
|
<input id="topic" class="filter-input" type="text" autocomplete="off" spellcheck="false" data-i18n-ph="topicPh" data-i18n-aria="topicAria">
|
|
<div class="toggles">
|
|
<button id="goodfirst" class="toggle" type="button" aria-pressed="false" data-i18n="goodFirst" data-i18n-title="goodFirstTitle">Good first issues</button>
|
|
<button id="forks" class="toggle" type="button" aria-pressed="false" data-i18n="withForks" data-i18n-title="withForksTitle">Forks</button>
|
|
<button id="archived" class="toggle" type="button" aria-pressed="false" data-i18n="withArchived" data-i18n-title="withArchivedTitle">Archived</button>
|
|
</div>
|
|
<button id="resetBtn" class="link-btn" type="button" data-i18n="reset" hidden>Reset</button>
|
|
<div class="end">
|
|
<span id="count" class="muted"></span>
|
|
<select id="sort" data-i18n-aria="sortAria">
|
|
<option value="" data-i18n="sortBest">Best match</option>
|
|
<option value="stars" data-i18n="sortStars">Most stars</option>
|
|
<option value="forks" data-i18n="sortForks">Most forks</option>
|
|
<option value="updated" data-i18n="sortUpdated">Recently updated</option>
|
|
<option value="help-wanted-issues" data-i18n="sortHelp">Help wanted issues</option>
|
|
</select>
|
|
<button id="exportBtn" class="btn tool" type="button" data-i18n-title="exportTitle">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3v12M7 10l5 5 5-5M4 17v3h16v-3"/></svg>
|
|
<span class="lbl">CSV</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="error" class="error-banner" hidden></div>
|
|
|
|
<main id="list" class="list"></main>
|
|
<div id="more" class="more" hidden>
|
|
<button id="moreBtn" class="btn" type="button" data-i18n="more">Load more</button>
|
|
</div>
|
|
<div id="empty" class="empty" hidden>
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
|
|
<p><strong data-i18n="emptyTitle">No matching repositories.</strong></p>
|
|
<p class="muted" data-i18n="emptyHint">Loosen a filter or change the search words.</p>
|
|
</div>
|
|
|
|
<footer class="status">
|
|
<span id="conn" class="conn"></span>
|
|
<a id="ghQuery" class="gh-query" target="_blank" rel="noopener" hidden></a>
|
|
</footer>
|
|
|
|
<dialog id="settingsDlg" class="settings" aria-labelledby="settingsTitle">
|
|
<div class="dlg">
|
|
<header>
|
|
<h2 id="settingsTitle" data-i18n="settings">Settings</h2>
|
|
<button id="closeSettings" class="icon-btn" type="button" data-i18n-aria="close">
|
|
<svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6 6 18"/></svg>
|
|
</button>
|
|
</header>
|
|
|
|
<div class="set-body">
|
|
<nav id="setNav" class="set-nav" role="tablist" aria-orientation="vertical">
|
|
<button type="button" role="tab" data-tab="locale">
|
|
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></svg>
|
|
<span data-i18n="tabLocale">Localization</span>
|
|
</button>
|
|
<button type="button" role="tab" data-tab="interface">
|
|
<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></svg>
|
|
<span data-i18n="tabInterface">Interface</span>
|
|
</button>
|
|
<button type="button" role="tab" data-tab="github">
|
|
<svg viewBox="0 0 24 24"><circle cx="6" cy="6" r="2.5"/><circle cx="6" cy="18" r="2.5"/><circle cx="18" cy="8" r="2.5"/><path d="M6 8.5v7M18 10.5c0 4-6 3-11 5.5"/></svg>
|
|
<span>GitHub</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<div class="set-panels">
|
|
<!-- Localization -->
|
|
<div class="set-panel" role="tabpanel" data-panel="locale">
|
|
<section class="set-section">
|
|
<h3 data-i18n="language">Language</h3>
|
|
<div id="langSwitch" class="seg" role="radiogroup" data-i18n-aria="language">
|
|
<button type="button" role="radio" data-lang="en">English</button>
|
|
<button type="button" role="radio" data-lang="fr">Français</button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Interface -->
|
|
<div class="set-panel" role="tabpanel" data-panel="interface" hidden>
|
|
<section class="set-section">
|
|
<h3 data-i18n="themeTitle">Theme</h3>
|
|
<div id="themeSwitch" class="seg" role="radiogroup" data-i18n-aria="themeTitle">
|
|
<button type="button" role="radio" data-theme-opt="system" data-i18n="themeSystem">System</button>
|
|
<button type="button" role="radio" data-theme-opt="light" data-i18n="themeLight">Light</button>
|
|
<button type="button" role="radio" data-theme-opt="dark" data-i18n="themeDark">Dark</button>
|
|
</div>
|
|
<p class="muted small hint" data-i18n="themeHelp"></p>
|
|
</section>
|
|
<section class="set-section">
|
|
<h3 data-i18n="listTitle">Result list</h3>
|
|
<div class="field-grid">
|
|
<span class="lbl" data-i18n="density">Density</span>
|
|
<div id="densitySwitch" class="seg" role="radiogroup" data-i18n-aria="density">
|
|
<button type="button" role="radio" data-density="compact" data-i18n="compact">Compact</button>
|
|
<button type="button" role="radio" data-density="comfortable" data-i18n="comfortable">Comfortable</button>
|
|
</div>
|
|
<span class="lbl" data-i18n="perPage">Results per page</span>
|
|
<div id="perPageSwitch" class="seg" role="radiogroup" data-i18n-aria="perPage">
|
|
<button type="button" role="radio" data-per-page="30">30</button>
|
|
<button type="button" role="radio" data-per-page="50">50</button>
|
|
<button type="button" role="radio" data-per-page="100">100</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- GitHub -->
|
|
<div class="set-panel" role="tabpanel" data-panel="github" hidden>
|
|
<section class="set-section">
|
|
<h3 data-i18n="tokenTitle">Access token</h3>
|
|
<p id="tokenStatus" class="state-line"></p>
|
|
<p class="muted small" data-i18n="tokenHelp"></p>
|
|
</section>
|
|
<section class="set-section">
|
|
<h3 data-i18n="quotaTitle">Search quota</h3>
|
|
<p id="quotaStatus" class="state-line"></p>
|
|
<p class="muted small" data-i18n="quotaHelp"></p>
|
|
</section>
|
|
<section class="set-section">
|
|
<h3 data-i18n="syntaxTitle">Search syntax</h3>
|
|
<p class="muted small" data-i18n="syntaxHelp"></p>
|
|
<ul class="syntax">
|
|
<li><code>user:torvalds</code> <span data-i18n="synUser"></span></li>
|
|
<li><code>org:golang</code> <span data-i18n="synOrg"></span></li>
|
|
<li><code>topic:cli topic:tui</code> <span data-i18n="synTopics"></span></li>
|
|
<li><code>"log viewer"</code> <span data-i18n="synPhrase"></span></li>
|
|
<li><code>NOT electron</code> <span data-i18n="synNot"></span></li>
|
|
<li><code>size:<5000</code> <span data-i18n="synSize"></span></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<div id="toast" class="toast" hidden></div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|