@cfbender/cesium 0.6.2 → 0.7.0

package/src/render/blocks/renderers/prose.ts

@@ -4,10 +4,16 @@
 import type { ProseBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
+import { anchorAttr } from "../render.ts";
 import { renderMarkdown } from "../markdown.ts";
 
-export function renderProse(block: ProseBlock, _ctx: RenderCtx): string {
-  return renderMarkdown(block.markdown);
+export function renderProse(block: ProseBlock, ctx: RenderCtx): string {
+  const markdown = renderMarkdown(block.markdown);
+  const anchor = anchorAttr(ctx);
+  if (anchor === "") return markdown;
+  // Inject the anchor attribute into the outermost element's opening tag.
+  // renderMarkdown produces HTML starting with a tag like <p>, <ul>, <ol>, <blockquote>, <hr>.
+  return markdown.replace(/^(<\w+)/, `$1${anchor}`);
 }
 
 export const meta: BlockMeta = {

package/src/render/blocks/renderers/raw-html.ts

@@ -4,11 +4,17 @@
 import type { RawHtmlBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
+import { anchorAttr } from "../render.ts";
 import { scrub } from "../../scrub.ts";
 
-export function renderRawHtml(block: RawHtmlBlock, _ctx: RenderCtx): string {
+export function renderRawHtml(block: RawHtmlBlock, ctx: RenderCtx): string {
   const scrubResult = scrub(block.html);
-  return scrubResult.html;
+  const html = scrubResult.html;
+  const anchor = anchorAttr(ctx);
+  if (anchor === "") return html;
+  // Inject anchor into the outermost element's opening tag.
+  // The scrubbed payload starts with an element tag (e.g. <div, <p, <table, etc.).
+  return html.replace(/^(<\w+)/, `$1${anchor}`);
 }
 
 export const meta: BlockMeta = {

package/src/render/blocks/renderers/risk-table.ts

@@ -4,9 +4,10 @@
 import type { RiskTableBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
+import { anchorAttr } from "../render.ts";
 import { escapeHtml } from "../escape.ts";
 
-export function renderRiskTable(block: RiskTableBlock, _ctx: RenderCtx): string {
+export function renderRiskTable(block: RiskTableBlock, ctx: RenderCtx): string {
   const headerRow =
     "  <thead>\n    <tr>\n" +
     "      <th>Risk</th>\n      <th>Likelihood</th>\n      <th>Impact</th>\n      <th>Mitigation</th>\n" +
@@ -26,7 +27,7 @@ export function renderRiskTable(block: RiskTableBlock, _ctx: RenderCtx): string
     .join("\n");
 
   return (
-    `<table class="risk-table">\n` +
+    `<table class="risk-table"${anchorAttr(ctx)}>\n` +
     `${headerRow}\n` +
     `  <tbody>\n${bodyRows}\n  </tbody>\n` +
     `</table>`

package/src/render/blocks/renderers/section.ts

@@ -4,7 +4,7 @@
 import type { SectionBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
-import { renderBlock } from "../render.ts";
+import { renderBlock, anchorAttr } from "../render.ts";
 import { escapeHtml } from "../escape.ts";
 
 export async function renderSection(block: SectionBlock, ctx: RenderCtx): Promise<string> {
@@ -30,11 +30,13 @@ export async function renderSection(block: SectionBlock, ctx: RenderCtx): Promis
   // Render children with incremented depth.
   // Non-section children are grouped into <div class="card"> wrappers for visual polish.
   // Nested section children are emitted at top level (they carry their own card structure).
+  // anchor: null — child blocks do not get their own block-N anchors; only the section is anchored.
   const childCtx: RenderCtx = {
     sectionCounter: ctx.sectionCounter,
     depth: ctx.depth + 1,
     path: `${ctx.path}.children`,
     highlightTheme: ctx.highlightTheme,
+    anchor: null,
   };
 
   let buffer: string[] = [];
@@ -65,7 +67,7 @@ export async function renderSection(block: SectionBlock, ctx: RenderCtx): Promis
     parts.push(`  <div class="card">\n${buffer.join("\n")}\n  </div>`);
   }
 
-  return `<section>\n${parts.join("\n")}\n</section>`;
+  return `<section${anchorAttr(ctx)}>\n${parts.join("\n")}\n</section>`;
 }
 
 export const meta: BlockMeta = {

package/src/render/blocks/renderers/timeline.ts

@@ -4,9 +4,10 @@
 import type { TimelineBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
+import { anchorAttr } from "../render.ts";
 import { escapeHtml } from "../escape.ts";
 
-export function renderTimeline(block: TimelineBlock, _ctx: RenderCtx): string {
+export function renderTimeline(block: TimelineBlock, ctx: RenderCtx): string {
   const items = block.items
     .map((item) => {
       const dateHtml =
@@ -22,7 +23,7 @@ export function renderTimeline(block: TimelineBlock, _ctx: RenderCtx): string {
     })
     .join("\n");
 
-  return `<ul class="timeline">\n${items}\n</ul>`;
+  return `<ul class="timeline"${anchorAttr(ctx)}>\n${items}\n</ul>`;
 }
 
 export const meta: BlockMeta = {

package/src/render/blocks/renderers/tldr.ts

@@ -4,10 +4,11 @@
 import type { TldrBlock } from "../types.ts";
 import type { BlockMeta } from "../types.ts";
 import type { RenderCtx } from "../render.ts";
+import { anchorAttr } from "../render.ts";
 import { renderMarkdown } from "../markdown.ts";
 
-export function renderTldr(block: TldrBlock, _ctx: RenderCtx): string {
-  return `<aside class="tldr">\n${renderMarkdown(block.markdown)}\n</aside>`;
+export function renderTldr(block: TldrBlock, ctx: RenderCtx): string {
+  return `<aside class="tldr"${anchorAttr(ctx)}>\n${renderMarkdown(block.markdown)}\n</aside>`;
 }
 
 export const meta: BlockMeta = {