@threadcrumbs/common 0.1.4 → 0.1.5

package/ui/theme.css

@@ -0,0 +1,104 @@
+:root {
+  --bg: #14161b;
+  --pane: #1b1e25;
+  --raise: #272a33;
+  --sunk: #111318;
+  --line: rgba(255, 255, 255, 0.17);
+  --line2: rgba(255, 255, 255, 0.1);
+  --text: #e6e4df;
+  --text2: #c6c5cc;
+  --text3: #9f9ea8;
+  --accent: #c96442;
+  --accent-text: #e3865f;
+  --on-accent: #ffffff;
+  --focus: #e3865f;
+  --primary: #252833;
+  --on-primary: #f2f0ec;
+
+  --lamp: #f4cf50;
+  --lamp-ink: #f4cf50;
+  --lamp-wash: #2c2510;
+  --sign: #f4cf50;
+  --sign-ink: #15191d;
+  --knock: #101117;
+  --work: #79c2f4;
+  --wait: #a784eb;
+  --done: #9be6bd;
+  --err: #f87d7c;
+  --idle: #81878d;
+  --warn: #ffb56e;
+  --work-plate: #12293a;
+  --wait-plate: #241f3d;
+  --done-plate: #14301f;
+  --err-plate: #3a1d1b;
+  --idle-plate: #1a1c25;
+  --err-wash: #3a1d1b;
+
+  --add: #9be6bd;
+  --del: #f87d7c;
+  --add-bg: #14301f;
+  --del-bg: #3a1d1b;
+
+  --c0: #2a2d38;
+  --c1: #5cacf7;
+  --c2: #3cd0bc;
+  --c3: #b9a6ff;
+  --c4: #ff8fc8;
+  --chart: #7ccbff;
+  --chart-fill: rgba(124, 203, 255, 0.13);
+  --inst: #b9b8c0;
+  --inst-soft: #b9b8c0;
+  --dial: #101727;
+  --dial-track: #2f4466;
+  --needle: #eef8ff;
+  --needle-glow: rgba(127, 207, 255, 0.55);
+  --hub: #e8ecf2;
+
+  --shadow: 0 12px 40px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4);
+  --scrim: rgba(0, 0, 0, 0.55);
+
+  --fs-1: 12px;
+  --fs-2: 12.5px;
+  --fs-3: 13px;
+  --fs-4: 13.5px;
+  --fs-5: 14px;
+  --fs-6: 14.5px;
+  --fs-7: 15px;
+  --fs-8: 15.5px;
+  --fs-9: 16px;
+  --fs-10: 17px;
+  --fs-11: 21.5px;
+  --fs-12: 28px;
+  --lh-tight: 1.24;
+  --lh-ui: 1.42;
+  --lh-body: 1.5;
+
+  --sp-1: 2px;
+  --sp-2: 4px;
+  --sp-3: 6px;
+  --sp-4: 8px;
+  --sp-5: 10px;
+  --sp-6: 12px;
+  --sp-7: 16px;
+  --sp-8: 24px;
+  --gl: max(16px, env(safe-area-inset-left, 0px));
+  --gr: max(16px, env(safe-area-inset-right, 0px));
+
+  --r-1: 2px;
+  --r-2: 4px;
+  --r-3: 6px;
+  --r-4: 8px;
+  --r-round: 999px;
+
+  --sans: 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --cond: 'Inter Tight Variable', 'Inter Variable', system-ui, sans-serif;
+  --mono: 'JetBrains Mono Variable', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+
+  font-size-adjust: 0.51;
+  color-scheme: dark;
+}
+:root *,
+:root *::before,
+:root *::after {
+  font-size-adjust: 0.51 !important;
+}

package/ui/where.css

@@ -0,0 +1,43 @@
+.w {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+}
+.w > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.w .ico {
+  color: var(--text3);
+}
+.w-folder {
+  color: var(--text);
+  font-weight: 500;
+}
+.hmark {
+  display: inline-grid;
+  place-items: center;
+  width: 20px;
+  height: 18px;
+  border: 1px solid var(--line);
+  border-radius: var(--r-2);
+  color: var(--text2);
+  font: 600 var(--fs-1) / 1.04 var(--mono);
+}
+.eff .eb-on {
+  fill: var(--text2);
+}
+.eff .eb-off {
+  fill: var(--line);
+}
+.tk {
+  display: inline-flex;
+  vertical-align: -2px;
+  margin-right: 6px;
+  color: var(--text3);
+}
+.tk .ico {
+  width: 14px;
+  height: 14px;
+}

package/ui/where.mjs

@@ -0,0 +1,24 @@
+import { esc } from './html.mjs'
+import { ICO } from './icons.mjs'
+
+export function repoName(name, org) {
+  const scoped = /^@([^/]+)\/(.+)$/.exec(name || '')
+  return scoped && org && scoped[1].toLowerCase() === String(org).toLowerCase() ? scoped[2] : name
+}
+
+export function whereHTML(s) {
+  const org = s.org ? `<span class="w w-org" title="${esc(`Organization ${s.org}`)}">${ICO('org')}<span>${esc(s.org)}</span></span>` : ''
+  return `${org}<span class="w w-folder" title="${esc(s.projectPath || s.project || '')}">${ICO('folder')}<span>${esc(repoName(s.project, s.org) || 'unknown')}</span></span>`
+}
+
+export function whereFullHTML(s) {
+  const chip = (icon, text) => `<span class="w">${ICO(icon)}<span>${esc(text)}</span></span>`
+  return [
+    s.org && chip('org', s.org),
+    `<span class="w w-folder">${ICO('folder')}<span>${esc(repoName(s.project, s.org) || 'unknown')}</span></span>`,
+    s.worktree && chip('worktree', s.worktree),
+    s.gitBranch && chip('branch', s.gitBranch),
+  ]
+    .filter(Boolean)
+    .join('')
+}