mdmaid-desk 0.1.0

package/dist/web-styles.js

@@ -0,0 +1,249 @@
+export const WEB_STYLES = `
+@font-face {
+  font-family: "Departure Mono";
+  src: url("/assets/departure-mono.woff2") format("woff2");
+  font-display: swap;
+}
+
+:root {
+  color-scheme: light;
+  --bg: #f4f1e8;
+  --surface: #fffdf5;
+  --surface-2: #ebe7dc;
+  --ink: #161612;
+  --muted: #6f6c63;
+  --line: #c8c3b7;
+  --accent: #ff5a36;
+  --accent-soft: #ffe0d7;
+  --reading: #3569e8;
+  --done: #27825c;
+  --shadow: 5px 5px 0 #161612;
+  font-family: "Departure Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --bg: #151512;
+  --surface: #1f1f1a;
+  --surface-2: #2a2923;
+  --ink: #f6f1e5;
+  --muted: #aaa69a;
+  --line: #4a4840;
+  --accent: #ff7758;
+  --accent-soft: #4a261e;
+  --reading: #7ca0ff;
+  --done: #69c69a;
+  --shadow: 5px 5px 0 #000;
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background:
+    linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),
+    linear-gradient(color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),
+    var(--bg);
+  background-size: 24px 24px;
+  color: var(--ink);
+}
+
+button, input { font: inherit; }
+button { color: inherit; }
+[hidden] { display: none !important; }
+
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 62px;
+  padding: 10px 18px;
+  border-bottom: 2px solid var(--ink);
+  background: color-mix(in srgb, var(--surface) 94%, transparent);
+  backdrop-filter: blur(12px);
+}
+
+.brand { display: flex; align-items: baseline; gap: 12px; }
+.brand strong { font-size: 17px; letter-spacing: -.04em; }
+.brand span, .eyebrow {
+  color: var(--muted);
+  font-size: 10px;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+
+.top-actions { display: flex; gap: 9px; align-items: center; }
+.live { font-size: 10px; color: var(--done); text-transform: uppercase; }
+.live.offline { color: var(--accent); }
+
+.icon-button, .action, .status-filter, .project-button, .document-card {
+  border: 1px solid var(--ink);
+  background: var(--surface);
+  cursor: pointer;
+}
+.icon-button, .action { padding: 8px 11px; }
+.icon-button:hover, .action:hover { background: var(--ink); color: var(--surface); }
+
+.workspace {
+  display: grid;
+  grid-template-columns: 230px minmax(0, 1fr);
+  min-height: calc(100vh - 62px);
+}
+
+.sidebar {
+  border-right: 2px solid var(--ink);
+  background: color-mix(in srgb, var(--surface) 92%, transparent);
+  padding: 24px 14px;
+}
+
+.sidebar h2, .queue-header h1 {
+  margin: 0;
+  font-size: 11px;
+  letter-spacing: .12em;
+  text-transform: uppercase;
+}
+
+.project-nav { display: grid; gap: 7px; margin-top: 14px; }
+.project-button {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: 10px;
+  text-align: left;
+  border-color: transparent;
+  background: transparent;
+}
+.project-button:hover { border-color: var(--line); background: var(--surface-2); }
+.project-button.active { border-color: var(--ink); background: var(--ink); color: var(--surface); }
+.count { opacity: .68; font-variant-numeric: tabular-nums; }
+
+.shortcut-card {
+  margin-top: 30px;
+  padding: 12px;
+  border: 1px dashed var(--line);
+  color: var(--muted);
+  font-size: 10px;
+  line-height: 1.8;
+}
+kbd { border: 1px solid var(--line); padding: 1px 4px; background: var(--surface); color: var(--ink); }
+
+.main { min-width: 0; padding: 28px clamp(16px, 4vw, 60px) 60px; }
+.queue-header { display: grid; gap: 18px; margin-bottom: 22px; }
+.queue-title-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
+.queue-title-row h1 { font-size: clamp(20px, 4vw, 36px); letter-spacing: -.06em; text-transform: none; }
+.queue-title-row p { margin: 0; color: var(--muted); font-size: 11px; }
+
+.controls { display: flex; flex-wrap: wrap; gap: 9px; }
+.search {
+  min-width: min(340px, 100%);
+  flex: 1;
+  border: 1px solid var(--ink);
+  background: var(--surface);
+  color: var(--ink);
+  padding: 11px 12px;
+  outline: none;
+}
+.search:focus { box-shadow: 3px 3px 0 var(--accent); }
+.status-filters { display: flex; gap: 6px; flex-wrap: wrap; }
+.status-filter { padding: 9px 10px; font-size: 10px; text-transform: uppercase; }
+.status-filter.active { background: var(--ink); color: var(--surface); }
+
+.document-queue {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(310px, 100%), 1fr));
+  gap: 16px;
+}
+
+.document-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 13px;
+  min-height: 184px;
+  padding: 16px;
+  text-align: left;
+  box-shadow: var(--shadow);
+  transition: transform .12s, box-shadow .12s;
+}
+.document-card:hover, .document-card:focus-visible {
+  transform: translate(-2px, -2px);
+  box-shadow: 8px 8px 0 var(--ink);
+  outline: none;
+}
+.document-card::before {
+  content: "";
+  position: absolute;
+  top: -1px; left: -1px; bottom: -1px;
+  width: 6px;
+  background: var(--accent);
+}
+.document-card.status-reading::before { background: var(--reading); }
+.document-card.status-done::before { background: var(--done); }
+.card-topline { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 9px; text-transform: uppercase; }
+.status-label { color: var(--accent); }
+.status-reading .status-label { color: var(--reading); }
+.status-done .status-label { color: var(--done); }
+.document-card strong { font-size: 17px; line-height: 1.35; }
+.card-detail { color: var(--muted); font-size: 10px; line-height: 1.6; }
+.tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }
+.tag { padding: 3px 6px; background: var(--surface-2); font-size: 9px; color: var(--muted); }
+
+.empty {
+  border: 1px dashed var(--line);
+  padding: 48px 20px;
+  text-align: center;
+  color: var(--muted);
+}
+
+.reader { max-width: 1060px; margin: 0 auto; }
+.reader-toolbar {
+  position: sticky;
+  top: 74px;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  gap: 14px;
+  padding: 10px;
+  border: 1px solid var(--ink);
+  background: var(--surface);
+  box-shadow: 3px 3px 0 var(--ink);
+}
+.reader-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: end; }
+.reader-heading { margin: 34px 0 20px; }
+.reader-heading h1 { margin: 0 0 10px; font-size: clamp(25px, 5vw, 48px); line-height: 1.12; letter-spacing: -.07em; }
+.reader-heading p { color: var(--muted); font-size: 10px; text-transform: uppercase; }
+
+.reader-content {
+  overflow-wrap: anywhere;
+  border: 1px solid var(--ink);
+  background: var(--surface);
+  padding: clamp(20px, 5vw, 64px);
+  box-shadow: var(--shadow);
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 15px;
+  line-height: 1.7;
+}
+.reader-content h1, .reader-content h2, .reader-content h3 { font-family: "Departure Mono", monospace; line-height: 1.25; }
+.reader-content h2 { margin-top: 2.3em; border-bottom: 1px dashed var(--line); padding-bottom: .35em; }
+.reader-content pre { overflow: auto; padding: 16px; background: var(--surface-2); border-left: 4px solid var(--accent); }
+.reader-content code { font-family: "Departure Mono", monospace; font-size: .88em; }
+.reader-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
+.reader-content th, .reader-content td { border: 1px solid var(--line); padding: 8px 10px; }
+.reader-content img, .reader-content svg { max-width: 100%; height: auto; }
+.reader-content a { color: var(--reading); text-decoration-thickness: 1px; }
+.mermaid { overflow-x: auto; padding: 20px 0; text-align: center; }
+
+@media (max-width: 760px) {
+  .workspace { grid-template-columns: 1fr; }
+  .sidebar { border-right: 0; border-bottom: 2px solid var(--ink); }
+  .project-nav { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
+  .shortcut-card { display: none; }
+  .queue-title-row { align-items: start; flex-direction: column; }
+  .reader-toolbar { top: 68px; flex-direction: column; }
+}
+`;
+//# sourceMappingURL=web-styles.js.map

package/dist/web-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-styles.js","sourceRoot":"","sources":["../src/web-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuPzB,CAAC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "mdmaid-desk",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Persistent local document inbox and reading workspace for Markdown artifacts",
+  "keywords": [
+    "markdown",
+    "mermaid",
+    "document-inbox",
+    "reader",
+    "tui",
+    "cli"
+  ],
+  "author": "Oleksandr Besan",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OleksandrBesan/mdmaid.desk"
+  },
+  "homepage": "https://github.com/OleksandrBesan/mdmaid.desk#readme",
+  "bugs": {
+    "url": "https://github.com/OleksandrBesan/mdmaid.desk/issues"
+  },
+  "files": [
+    "dist",
+    "!dist/*.test.*"
+  ],
+  "bin": {
+    "mdmaid-desk": "dist/cli.js"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "npm run build && node --test dist/*.test.js",
+    "test:coverage": "npm run build && node --test --experimental-test-coverage dist/*.test.js",
+    "check": "npm run test",
+    "package:smoke": "npm run build && node scripts/package-smoke.mjs",
+    "prepublishOnly": "npm run check && npm run package:smoke"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "@types/better-sqlite3": "^9.6.0",
+    "@types/node": "^24.1.0",
+    "@types/sanitize-html": "^2.16.1",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {
+    "better-sqlite3": "^12.11.1",
+    "chalk": "^5.6.2",
+    "mdmaid": "^0.1.16",
+    "sanitize-html": "^2.17.6",
+    "slice-ansi": "^7.1.2",
+    "string-width": "^7.2.0"
+  }
+}