vantage-md 0.1.3 → 0.5.4

package/dist/styles.css

@@ -19,4 +19,244 @@
   background: rgb(59 130 246 / 0.16);
 }
 
+/* src/styles/directives.css */
+:root {
+  --vantage-tone-note-accent: #2563eb;
+  --vantage-tone-note-wash: rgb(37 99 235 / 0.06);
+  --vantage-tone-note-chip: rgb(37 99 235 / 0.12);
+  --vantage-tone-note-ink: #1d4ed8;
+  --vantage-tone-tip-accent: #15803d;
+  --vantage-tone-tip-wash: rgb(22 163 74 / 0.06);
+  --vantage-tone-tip-chip: rgb(22 163 74 / 0.12);
+  --vantage-tone-tip-ink: #15803d;
+  --vantage-tone-important-accent: #7c3aed;
+  --vantage-tone-important-wash: rgb(124 58 237 / 0.06);
+  --vantage-tone-important-chip: rgb(124 58 237 / 0.12);
+  --vantage-tone-important-ink: #6d28d9;
+  --vantage-tone-warning-accent: #b45309;
+  --vantage-tone-warning-wash: rgb(245 158 11 / 0.07);
+  --vantage-tone-warning-chip: rgb(245 158 11 / 0.14);
+  --vantage-tone-warning-ink: #b45309;
+  --vantage-tone-caution-accent: #dc2626;
+  --vantage-tone-caution-wash: rgb(220 38 38 / 0.06);
+  --vantage-tone-caution-chip: rgb(220 38 38 / 0.12);
+  --vantage-tone-caution-ink: #b91c1c;
+  --vantage-tone-muted-accent: #94a3b8;
+  --vantage-tone-muted-wash: rgb(100 116 139 / 0.06);
+  --vantage-tone-muted-chip: rgb(100 116 139 / 0.12);
+  --vantage-tone-muted-ink: #475569;
+  --vantage-tone-rule-width: 3px;
+  --vantage-tone-rule-offset: 0.75rem;
+  --vantage-tone-run-bleed: 2.5rem;
+}
+.dark {
+  --vantage-tone-note-accent: #60a5fa;
+  --vantage-tone-note-wash: rgb(96 165 250 / 0.1);
+  --vantage-tone-note-chip: rgb(59 130 246 / 0.22);
+  --vantage-tone-note-ink: #93c5fd;
+  --vantage-tone-tip-accent: #4ade80;
+  --vantage-tone-tip-wash: rgb(74 222 128 / 0.1);
+  --vantage-tone-tip-chip: rgb(34 197 94 / 0.22);
+  --vantage-tone-tip-ink: #86efac;
+  --vantage-tone-important-accent: #a78bfa;
+  --vantage-tone-important-wash: rgb(167 139 250 / 0.1);
+  --vantage-tone-important-chip: rgb(139 92 246 / 0.22);
+  --vantage-tone-important-ink: #c4b5fd;
+  --vantage-tone-warning-accent: #fbbf24;
+  --vantage-tone-warning-wash: rgb(245 158 11 / 0.1);
+  --vantage-tone-warning-chip: rgb(245 158 11 / 0.18);
+  --vantage-tone-warning-ink: #fcd34d;
+  --vantage-tone-caution-accent: #f87171;
+  --vantage-tone-caution-wash: rgb(248 113 113 / 0.1);
+  --vantage-tone-caution-chip: rgb(239 68 68 / 0.2);
+  --vantage-tone-caution-ink: #fca5a5;
+  --vantage-tone-muted-accent: #64748b;
+  --vantage-tone-muted-wash: rgb(148 163 184 / 0.08);
+  --vantage-tone-muted-chip: rgb(148 163 184 / 0.22);
+  --vantage-tone-muted-ink: #cbd5e1;
+}
+[data-vantage-tone=note] {
+  --vantage-tone-accent: var(--vantage-tone-note-accent);
+  --vantage-tone-wash: var(--vantage-tone-note-wash);
+  --vantage-tone-chip: var(--vantage-tone-note-chip);
+  --vantage-tone-ink: var(--vantage-tone-note-ink);
+}
+[data-vantage-tone=tip] {
+  --vantage-tone-accent: var(--vantage-tone-tip-accent);
+  --vantage-tone-wash: var(--vantage-tone-tip-wash);
+  --vantage-tone-chip: var(--vantage-tone-tip-chip);
+  --vantage-tone-ink: var(--vantage-tone-tip-ink);
+}
+[data-vantage-tone=important] {
+  --vantage-tone-accent: var(--vantage-tone-important-accent);
+  --vantage-tone-wash: var(--vantage-tone-important-wash);
+  --vantage-tone-chip: var(--vantage-tone-important-chip);
+  --vantage-tone-ink: var(--vantage-tone-important-ink);
+}
+[data-vantage-tone=warning] {
+  --vantage-tone-accent: var(--vantage-tone-warning-accent);
+  --vantage-tone-wash: var(--vantage-tone-warning-wash);
+  --vantage-tone-chip: var(--vantage-tone-warning-chip);
+  --vantage-tone-ink: var(--vantage-tone-warning-ink);
+}
+[data-vantage-tone=caution] {
+  --vantage-tone-accent: var(--vantage-tone-caution-accent);
+  --vantage-tone-wash: var(--vantage-tone-caution-wash);
+  --vantage-tone-chip: var(--vantage-tone-caution-chip);
+  --vantage-tone-ink: var(--vantage-tone-caution-ink);
+}
+[data-vantage-tone=muted] {
+  --vantage-tone-accent: var(--vantage-tone-muted-accent);
+  --vantage-tone-wash: var(--vantage-tone-muted-wash);
+  --vantage-tone-chip: var(--vantage-tone-muted-chip);
+  --vantage-tone-ink: var(--vantage-tone-muted-ink);
+}
+[data-vantage-tone] {
+  position: relative;
+}
+[data-vantage-tone]::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: calc(var(--vantage-tone-heading-gutter, 0em) - var(--vantage-tone-rule-offset));
+  width: var(--vantage-tone-rule-width);
+  border-radius: var(--vantage-tone-rule-width);
+  background-color: var(--vantage-tone-accent);
+  pointer-events: none;
+}
+[data-vantage-tone]:is([data-vantage-run=middle], [data-vantage-run=end])::before {
+  top: calc(-1 * var(--vantage-tone-run-bleed));
+}
+[data-vantage-tone]:is(pre, hr) {
+  overflow: visible;
+}
+pre[data-vantage-tone] > code {
+  display: block;
+  overflow-x: auto;
+}
+hr[data-vantage-tone]:is([data-vantage-run=middle], [data-vantage-run=end])::before {
+  top: -3.5em;
+}
+hr[data-vantage-tone]:is([data-vantage-run=start], [data-vantage-run=middle])::before {
+  bottom: -3.5em;
+}
+[data-vantage-tone]:where([data-vantage-run=only]) {
+  background-color: var(--vantage-tone-wash);
+  border-radius: 4px;
+}
+[data-vantage-emphasis=strong] {
+  --vantage-tone-rule-width: 4px;
+}
+[data-vantage-emphasis=strong]:not(:is(h1, h2, h3, h4, h5, h6, pre, table)) {
+  font-weight: 500;
+}
+[data-vantage-emphasis=quiet] {
+  --vantage-tone-rule-width: 2px;
+  opacity: 0.72;
+}
+.vantage-chip,
+[data-vantage-badge]::after {
+  display: inline-block;
+  padding: 1px 8px;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: var(--vantage-chip-size, 11px);
+  font-weight: 600;
+  line-height: 1.6;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  vertical-align: 0.12em;
+  color: var(--vantage-chip-ink, var(--vantage-tone-muted-ink));
+  background-color: var(--vantage-chip-wash, var(--vantage-tone-muted-chip));
+}
+[data-vantage-badge]::after {
+  content: attr(data-vantage-badge);
+  margin-left: 0.5em;
+  font-weight: 600;
+  --vantage-chip-size: clamp(10px, 0.5em, 12px);
+}
+[data-vantage-badge=wip]::after,
+.vantage-chip--note {
+  --vantage-chip-ink: var(--vantage-tone-note-ink);
+  --vantage-chip-wash: var(--vantage-tone-note-chip);
+}
+[data-vantage-badge=done]::after,
+.vantage-chip--tip {
+  --vantage-chip-ink: var(--vantage-tone-tip-ink);
+  --vantage-chip-wash: var(--vantage-tone-tip-chip);
+}
+[data-vantage-badge=stale]::after,
+.vantage-chip--warning {
+  --vantage-chip-ink: var(--vantage-tone-warning-ink);
+  --vantage-chip-wash: var(--vantage-tone-warning-chip);
+}
+[data-vantage-badge=blocked]::after,
+.vantage-chip--caution {
+  --vantage-chip-ink: var(--vantage-tone-caution-ink);
+  --vantage-chip-wash: var(--vantage-tone-caution-chip);
+}
+[data-vantage-badge=draft]::after,
+.vantage-chip--muted {
+  --vantage-chip-ink: var(--vantage-tone-muted-ink);
+  --vantage-chip-wash: var(--vantage-tone-muted-chip);
+}
+.vantage-chip--important {
+  --vantage-chip-ink: var(--vantage-tone-important-ink);
+  --vantage-chip-wash: var(--vantage-tone-important-chip);
+}
+.vantage-chrome {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+@media not print {
+  [data-vantage-collapse-ready] [data-vantage-collapsed=true][data-vantage-collapse-armed] {
+    display: none;
+  }
+}
+.vantage-collapse-caret {
+  display: inline-block;
+  width: 1em;
+  margin: 0 0.15em 0 0;
+  padding: 0;
+  border: 0;
+  background-color: transparent;
+  color: var(--vantage-tone-muted-accent);
+  font-size: 0.7em;
+  line-height: 1;
+  vertical-align: 0.15em;
+  cursor: pointer;
+  transition: transform 0.15s;
+}
+.vantage-collapse-caret::before {
+  content: "\25be";
+}
+[data-vantage-collapse-toggle] .vantage-collapse-caret[aria-expanded=false] {
+  transform: rotate(-90deg);
+}
+@media print {
+  [data-vantage-tone]::before {
+    background-color: #57606a;
+  }
+  [data-vantage-tone]:where([data-vantage-run=only]) {
+    background-color: transparent;
+  }
+  [data-vantage-emphasis=quiet] {
+    opacity: 1;
+  }
+  .vantage-chip,
+  [data-vantage-badge]::after {
+    padding: 0 6px;
+    border: 1px solid #57606a;
+    background-color: transparent;
+    color: #1a1a1a;
+  }
+  .vantage-collapse-caret {
+    display: none;
+  }
+}
+
 /* src/styles/index.css */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vantage-md",
-  "version": "0.1.3",
+  "version": "0.5.4",
   "description": "Markdown rendering pipeline with GitHub-style line anchors, mermaid diagrams, KaTeX math, and syntax highlighting",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -37,7 +37,10 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "lint": "eslint . --max-warnings 0",
+    "format": "prettier --write 'src/**/*.{ts,tsx}' '*.{ts,js,json}'",
+    "format:check": "prettier --check 'src/**/*.{ts,tsx}' '*.{ts,js,json}'"
   },
   "keywords": [
     "markdown",
@@ -50,7 +53,7 @@
     "syntax-highlighting",
     "gfm"
   ],
-  "license": "MIT",
+  "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mschulkind-oss/vantage",
@@ -73,7 +76,7 @@
     }
   },
   "dependencies": {
-    "katex": "^0.16.33",
+    "katex": "^0.18.0",
     "rehype-highlight": "^7.0.2",
     "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
@@ -84,21 +87,28 @@
     "remark-math": "^6.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.0.0",
-    "smol-toml": "^1.6.1",
+    "smol-toml": "^1.7.0",
     "unified": "^11.0.0",
+    "unist-util-visit": "^5.1.0",
     "yaml": "^2.8.2"
   },
   "optionalDependencies": {
-    "mermaid": "^11.12.2"
+    "mermaid": "^11.16.0"
   },
   "devDependencies": {
-    "@types/hast": "^3.0.0",
+    "@eslint/js": "^10.0.1",
+    "@types/hast": "^3.0.5",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
+    "eslint": "^10.7.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^16.5.0",
+    "prettier": "^3.8.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-markdown": "^10.1.0",
     "tsup": "^8.0.0",
-    "typescript": "~5.9.3"
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.63.0"
   }
 }