r-markdown-cli 0.1.0 → 0.1.2

package/dist/cli.js

@@ -832,28 +832,68 @@ body[data-rmd-theme] {
 
 .rmd-timeline-horizontal ol {
   display: flex;
+  flex-wrap: nowrap;
   overflow-x: auto;
-  gap: 20px;
-  padding-bottom: 10px;
+  overflow-y: hidden;
+  gap: 24px;
+  padding-bottom: 12px;
+  /* Treat the ol as a horizontal scroll viewport with explicit snap so
+     each @item lines up nicely when the user scrolls. */
+  scroll-snap-type: x proximity;
+  scrollbar-width: thin;
 }
 
 .rmd-timeline-horizontal .rmd-timeline-item {
-  flex: 0 0 auto;
-  min-width: 200px;
+  /* Cap each item to a predictable width so a single overflowing item
+     can't squeeze siblings out of the visible viewport. Long prose
+     wraps inside the box; the user scrolls horizontally to see the
+     next item. */
+  flex: 0 0 240px;
+  width: 240px;
+  max-width: 240px;
   position: relative;
   padding-top: 28px;
+  scroll-snap-align: start;
+  /* Prevent runaway content (long URLs, code, CJK without spaces) from
+     widening the flex item beyond its declared basis. */
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
-.rmd-timeline-horizontal ol::before {
+.rmd-timeline-horizontal .rmd-timeline-content {
+  /* Belt-and-suspenders: cap inner content too, in case authors nest
+     wide blocks (chart, table) inside a timeline item. */
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+
+.rmd-timeline-horizontal .rmd-timeline-content pre,
+.rmd-timeline-horizontal .rmd-timeline-content img,
+.rmd-timeline-horizontal .rmd-timeline-content table {
+  max-width: 100%;
+}
+
+/* The connector line is drawn per-item (::after) so that it scrolls with
+   the items inside the overflow:auto container. The previous ol::before
+   approach anchored the line to the visible viewport, which made the
+   line stay put while items scrolled past \u2014 broken for any timeline
+   wider than the viewport. */
+.rmd-timeline-horizontal .rmd-timeline-item::after {
   position: absolute;
   top: 5px;
-  left: 0;
-  right: 0;
+  left: 6px;
+  /* Extend across the 24px gap to meet the next item's dot. */
+  right: calc(-24px + 6px);
   height: 2px;
   background: var(--rmd-color-line);
   content: "";
 }
 
+.rmd-timeline-horizontal .rmd-timeline-item:last-child::after {
+  display: none;
+}
+
 .rmd-timeline-horizontal .rmd-timeline-item::before {
   position: absolute;
   top: 0;
@@ -5219,22 +5259,20 @@ function parseTimeline(block2, parseChildren) {
   const { attrs } = parseAttrs(block2.attrText);
   const unknownAttrs = pickUnknownAttrs(attrs, ["direction"]);
   const items = [];
+  const warnings = [];
   let current = null;
+  let hasOrphanContent = false;
   for (const line of block2.content.split(/\r?\n/)) {
-    const match2 = line.match(/^@\s+(.*?)(?:\s+\[(.*?)\])?\s*$/);
+    const match2 = line.match(/^\s*@\s+(.+?)\s*$/);
     if (match2) {
       if (current) {
         items.push(current);
       }
-      const time = match2[1];
-      const attrStr = match2[2] ? `[${match2[2]}]` : "";
-      const itemAttrs = {};
-      let titleMatch = attrStr.match(/title="([^"]*)"/);
-      let statusMatch = attrStr.match(/status="([^"]*)"/);
+      const { time, title, status } = parseTimelineHeader(match2[1]);
       current = {
         time,
-        title: titleMatch ? titleMatch[1] : null,
-        status: ["success", "warning", "danger", "pending"].includes(statusMatch?.[1]) ? statusMatch[1] : "default",
+        title,
+        status,
         source: ""
       };
       continue;
@@ -5242,12 +5280,20 @@ function parseTimeline(block2, parseChildren) {
     if (current) {
       current.source += `${line}
 `;
+    } else if (line.trim().length > 0) {
+      hasOrphanContent = true;
     }
   }
   if (current) {
     items.push(current);
   }
-  return withOptionalFields({
+  if (hasOrphanContent) {
+    warnings.push("timeline-content-before-first-item");
+  }
+  if (items.length === 0) {
+    warnings.push("timeline-empty-items");
+  }
+  return withOptionalFields(withWarnings({
     type: "timeline",
     direction: attrs.direction === "horizontal" ? "horizontal" : "vertical",
     items: items.map((item) => ({
@@ -5256,19 +5302,41 @@ function parseTimeline(block2, parseChildren) {
       status: item.status,
       children: parseChildren(item.source.trim())
     }))
-  }, { unknownAttrs });
+  }, warnings), { unknownAttrs });
+}
+function parseTimelineHeader(headerText) {
+  const bracketRe = /\s*\[([^\]]*)\]\s*$/;
+  const pairRe = /([a-zA-Z_][a-zA-Z0-9_-]*)\s*=\s*"([^"]*)"/g;
+  const collected = {};
+  let remainder = headerText;
+  while (true) {
+    const m = remainder.match(bracketRe);
+    if (!m) break;
+    for (const pair of m[1].matchAll(pairRe)) {
+      collected[pair[1]] = pair[2];
+    }
+    remainder = remainder.slice(0, m.index);
+  }
+  const status = ["success", "warning", "danger", "pending"].includes(collected.status) ? collected.status : "default";
+  return {
+    time: remainder.trim(),
+    title: typeof collected.title === "string" ? collected.title : null,
+    status
+  };
 }
 function parseKanban(block2, parseChildren) {
   const columns = [];
+  const warnings = [];
   let current = null;
+  let hasOrphanContent = false;
   for (const line of block2.content.split(/\r?\n/)) {
-    const match2 = line.match(/^@\s+(.*?)\s*$/);
+    const match2 = line.match(/^\s*@\s+(.+?)\s*$/);
     if (match2) {
       if (current) {
         columns.push(current);
       }
       current = {
-        title: match2[1],
+        title: match2[1].trim(),
         source: ""
       };
       continue;
@@ -5276,18 +5344,26 @@ function parseKanban(block2, parseChildren) {
     if (current) {
       current.source += `${line}
 `;
+    } else if (line.trim().length > 0) {
+      hasOrphanContent = true;
     }
   }
   if (current) {
     columns.push(current);
   }
-  return {
+  if (hasOrphanContent) {
+    warnings.push("kanban-content-before-first-column");
+  }
+  if (columns.length === 0) {
+    warnings.push("kanban-empty-columns");
+  }
+  return withWarnings({
     type: "kanban",
     columns: columns.map((col) => ({
       title: col.title,
       children: parseChildren(col.source.trim())
     }))
-  };
+  }, warnings);
 }
 function parseDetails(block2, parseChildren) {
   const { attrs } = parseAttrs(block2.attrText);
@@ -11975,7 +12051,7 @@ async function createPreviewServer(file, options = {}) {
 
 // packages/cli/src/index.js
 var USAGE = `
-Rich Markdown (rmd) CLI v0.2.0
+Rich Markdown (rmd) CLI v0.1.2
 
 Usage:
   rmd <command> [options]
@@ -12045,7 +12121,7 @@ async function main(argv = process.argv.slice(2), io = defaultIo()) {
       return 0;
     }
     if (command === "--version" || command === "-v") {
-      io.stdout(`rmd v0.2.0
+      io.stdout(`rmd v0.1.2
 `);
       return 0;
     }
@@ -12131,8 +12207,9 @@ function parseInitArgs(args) {
 function resolveSkillSource(platform) {
   const __dirname2 = dirname2(fileURLToPath2(import.meta.url));
   const candidates = [
-    resolve2(__dirname2, "../assets/skills", platform),
-    resolve2(__dirname2, "../../../skills", platform)
+    resolve2(__dirname2, "../skills", platform),
+    resolve2(__dirname2, "../../../skills", platform),
+    resolve2(__dirname2, "../assets/skills", platform)
   ];
   return candidates.find((candidate) => existsSync(candidate));
 }