@canopy-iiif/app 0.12.0 → 0.12.2

package/lib/build/mdx.js

@@ -81,6 +81,21 @@ function parseFrontmatter(src) {
   return {data, content};
 }
 
+function isRoadmapEntry(frontmatterData) {
+  if (!frontmatterData || typeof frontmatterData !== "object") return false;
+  if (!Object.prototype.hasOwnProperty.call(frontmatterData, "roadmap")) return false;
+  const raw = frontmatterData.roadmap;
+  if (typeof raw === "boolean") return raw;
+  if (typeof raw === "number") return raw !== 0;
+  if (typeof raw === "string") {
+    const normalized = raw.trim().toLowerCase();
+    if (!normalized) return false;
+    if (["false", "0", "no", "off", "none"].includes(normalized)) return false;
+    return true;
+  }
+  return !!raw;
+}
+
 // ESM-only in v3; load dynamically from CJS
 let MDXProviderCached = null;
 async function getMdxProvider() {
@@ -1159,6 +1174,7 @@ module.exports = {
   extractMarkdownSummary,
   isReservedFile,
   parseFrontmatter,
+  isRoadmapEntry,
   compileMdxFile,
   compileMdxToComponent,
   loadCustomLayout,

package/lib/build/pages.js

@@ -77,8 +77,9 @@ function mapContentPathToOutput(filePath) {
   return path.join(OUT_DIR, outRel);
 }
 
-async function renderContentMdxToHtml(filePath, outPath, extraProps = {}) {
-  const source = await fsp.readFile(filePath, 'utf8');
+async function renderContentMdxToHtml(filePath, outPath, extraProps = {}, sourceOverride = null) {
+  const sourceRaw = sourceOverride != null ? sourceOverride : await fsp.readFile(filePath, 'utf8');
+  const source = typeof sourceRaw === 'string' ? sourceRaw : String(sourceRaw || '');
   const title = mdx.extractTitle(source);
   const relContentPath = path.relative(CONTENT_DIR, filePath);
   const normalizedRel = navigation.normalizeRelativePath(relContentPath);
@@ -259,12 +260,27 @@ async function processContentEntry(absPath, pagesMetadata = []) {
   if (/\.mdx$/i.test(absPath)) {
     if (mdx.isReservedFile(absPath)) return;
     const outPath = mapContentPathToOutput(absPath);
-    ensureDirSync(path.dirname(outPath));
     try {
+      const source = await fsp.readFile(absPath, 'utf8');
+      const frontmatter = typeof mdx.parseFrontmatter === 'function'
+        ? mdx.parseFrontmatter(source)
+        : { data: null };
+      const frontmatterData = frontmatter && isPlainObject(frontmatter.data) ? frontmatter.data : null;
+      const isRoadmap = frontmatterData && typeof mdx.isRoadmapEntry === 'function'
+        ? mdx.isRoadmapEntry(frontmatterData)
+        : false;
+      if (isRoadmap) {
+        try { await fsp.rm(outPath, { force: true }); } catch (_) {}
+        try {
+          log(`• Skipped roadmap page ${path.relative(process.cwd(), absPath)}\n`, 'yellow', { dim: true });
+        } catch (_) {}
+        return;
+      }
+      ensureDirSync(path.dirname(outPath));
       try { log(`• Processing MDX ${absPath}\n`, 'blue'); } catch (_) {}
       const base = path.basename(absPath);
       const extra = base.toLowerCase() === 'sitemap.mdx' ? { pages: pagesMetadata } : {};
-      const html = await renderContentMdxToHtml(absPath, outPath, extra);
+      const html = await renderContentMdxToHtml(absPath, outPath, extra, source);
       await fsp.writeFile(outPath, html || '', 'utf8');
       try { log(`✓ Built ${path.relative(process.cwd(), outPath)}\n`, 'green'); } catch (_) {}
     } catch (err) {

package/lib/components/navigation.js

@@ -88,6 +88,20 @@ function collectPagesSync() {
       } catch (_) {
         raw = "";
       }
+      let frontmatterData = null;
+      if (raw && typeof mdx.parseFrontmatter === "function") {
+        try {
+          const parsed = mdx.parseFrontmatter(raw);
+          if (parsed && parsed.data && typeof parsed.data === "object") {
+            frontmatterData = parsed.data;
+          }
+        } catch (_) {
+          frontmatterData = null;
+        }
+      }
+      const isRoadmap = frontmatterData && typeof mdx.isRoadmapEntry === "function"
+        ? mdx.isRoadmapEntry(frontmatterData)
+        : false;
       const {
         slug,
         segments: slugSegments,
@@ -114,6 +128,7 @@ function collectPagesSync() {
         fallbackTitle,
         sortKey: pageSortKey(normalizedRel),
         topSegment: slugSegments[0] || firstSegment || "",
+        isRoadmap,
       };
       pages.push(page);
     }
@@ -138,6 +153,7 @@ function createNode(slug) {
     sortKey: slug || name,
     sourcePage: null,
     children: [],
+    isRoadmap: false,
   };
 }
 
@@ -173,6 +189,7 @@ function getNavigationCache() {
       node.relativePath = page.relativePath;
       node.sortKey = page.sortKey || node.sortKey;
       node.hasContent = true;
+      node.isRoadmap = !!page.isRoadmap;
     }
   }
 
@@ -240,6 +257,7 @@ function cloneNode(node, currentSlug) {
     hasContent: node.hasContent,
     relativePath: node.relativePath,
     children,
+    isRoadmap: !!node.isRoadmap,
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/dist/server.mjs

@@ -717,7 +717,8 @@ function Hero({
 import React10 from "react";
 import navigationHelpers from "@canopy-iiif/app/lib/components/navigation.js";
 function resolveRelativeCandidate(page, current) {
-  if (page && typeof page.relativePath === "string" && page.relativePath) return page.relativePath;
+  if (page && typeof page.relativePath === "string" && page.relativePath)
+    return page.relativePath;
   if (page && typeof page.slug === "string" && page.slug) return page.slug;
   if (typeof current === "string" && current) return current;
   return "";
@@ -731,32 +732,33 @@ function renderNodes(nodes, parentKey = "node") {
     const showChildren = hasChildren && (node.isExpanded || node.depth === 0);
     const depth = typeof node.depth === "number" ? Math.max(0, node.depth) : 0;
     const depthClass = `depth-${Math.min(depth, 5)}`;
-    const classes = [
-      "canopy-sub-navigation__link",
-      depthClass
-    ];
-    if (!node.href) classes.push("is-label");
+    const isRoadmap = !!node.isRoadmap;
+    const isInteractive = !!(node.href && !isRoadmap);
+    const classes = ["canopy-sub-navigation__link", depthClass];
+    if (!node.href && !isRoadmap) classes.push("is-label");
+    if (isRoadmap) classes.push("is-disabled");
     if (node.isActive) classes.push("is-active");
     const linkClass = classes.join(" ");
-    const Tag = node.href ? "a" : "span";
-    return /* @__PURE__ */ React10.createElement(
-      "li",
+    const Tag = isInteractive ? "a" : "span";
+    const badge = isRoadmap ? /* @__PURE__ */ React10.createElement("span", { className: "canopy-sub-navigation__badge" }, "Beta") : null;
+    return /* @__PURE__ */ React10.createElement("li", { key, className: "canopy-sub-navigation__item", "data-depth": depth }, /* @__PURE__ */ React10.createElement(
+      Tag,
       {
-        key,
-        className: "canopy-sub-navigation__item",
-        "data-depth": depth
+        className: linkClass,
+        href: isInteractive ? node.href : void 0,
+        "aria-current": node.isActive ? "page" : void 0,
+        tabIndex: isInteractive ? void 0 : -1
       },
-      /* @__PURE__ */ React10.createElement(
-        Tag,
-        {
-          className: linkClass,
-          href: node.href || void 0,
-          "aria-current": node.isActive ? "page" : void 0
-        },
-        node.title || node.slug
-      ),
-      showChildren ? /* @__PURE__ */ React10.createElement("ul", { className: "canopy-sub-navigation__list canopy-sub-navigation__list--nested", role: "list" }, renderNodes(node.children, key)) : null
-    );
+      node.title || node.slug,
+      badge
+    ), showChildren ? /* @__PURE__ */ React10.createElement(
+      "ul",
+      {
+        className: "canopy-sub-navigation__list canopy-sub-navigation__list--nested",
+        role: "list"
+      },
+      renderNodes(node.children, key)
+    ) : null);
   });
 }
 function SubNavigation({
@@ -775,7 +777,8 @@ function SubNavigation({
   const effectiveNavigation = navigationProp || contextNavigation;
   const effectivePage = page || contextPage;
   const resolvedNavigation = React10.useMemo(() => {
-    if (effectiveNavigation && effectiveNavigation.root) return effectiveNavigation;
+    if (effectiveNavigation && effectiveNavigation.root)
+      return effectiveNavigation;
     const candidate = resolveRelativeCandidate(effectivePage, current);
     if (!candidate) return effectiveNavigation || null;
     const helpers2 = navigationHelpers && navigationHelpers.buildNavigationForFile ? navigationHelpers : null;
@@ -798,7 +801,16 @@ function SubNavigation({
   if (!Object.prototype.hasOwnProperty.call(inlineStyle, "--sub-nav-indent")) {
     inlineStyle["--sub-nav-indent"] = "0.85rem";
   }
-  return /* @__PURE__ */ React10.createElement("nav", { className: combinedClassName, style: inlineStyle, "aria-label": navLabel }, finalHeading ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-sub-navigation__heading" }, finalHeading) : null, /* @__PURE__ */ React10.createElement("ul", { className: "canopy-sub-navigation__list", role: "list" }, renderNodes([rootNode], rootNode.slug || "root")));
+  return /* @__PURE__ */ React10.createElement(
+    "nav",
+    {
+      className: combinedClassName,
+      style: inlineStyle,
+      "aria-label": navLabel
+    },
+    finalHeading ? /* @__PURE__ */ React10.createElement("div", { className: "canopy-sub-navigation__heading" }, finalHeading) : null,
+    /* @__PURE__ */ React10.createElement("ul", { className: "canopy-sub-navigation__list", role: "list" }, renderNodes([rootNode], rootNode.slug || "root"))
+  );
 }
 
 // ui/src/layout/Layout.jsx
@@ -2437,6 +2449,7 @@ function DocsCodeBlock(props = {}) {
     display: "inline"
   };
   const showFilename = Boolean(filename);
+  const showHeader = showFilename || enableCopy;
   const { style: preStyleOverride, className: preClassName, ...preRest } = rest;
   const mergedPreStyle = Object.assign({}, preStyle, preStyleOverride || {});
   const lineElements = lines.map((line, index) => {
@@ -2453,7 +2466,7 @@ function DocsCodeBlock(props = {}) {
   return React30.createElement(
     "div",
     { style: containerStyle },
-    React30.createElement(
+    showHeader ? React30.createElement(
       "div",
       { style: headerStyle },
       React30.createElement("span", null, showFilename ? filename : null),
@@ -2475,7 +2488,7 @@ function DocsCodeBlock(props = {}) {
         },
         copied ? "Copied" : "Copy"
       ) : null
-    ),
+    ) : null,
     React30.createElement(
       "pre",
       { ...preRest, className: preClassName, style: mergedPreStyle },