spec-up-t 1.6.0-beta.7 → 1.6.0-beta.9

package/assets/css/terms-and-definitions.css

@@ -364,35 +364,18 @@ dl.terms-and-definitions-list span.term-external {
 /* ====== TERM REFERENCE STYLING ====== */
 /* Inline term references (clickable links to definitions) */
 .term-reference {
-  padding: 3px 3px 3px 1.5em;
-  background-color: var(--term-reference-bg);
-  border-radius: 0.25rem;
-  position: relative;
   text-decoration: none;
-  box-shadow: inset 0 0 0 1px var(--term-reference-border);
   transition: box-shadow 0.3s ease-in-out;
-  display: inline-block;
-  line-height: 1.4;
+  border-bottom: 1px dashed var(--term-reference-border);
+  padding: 0 1px;
+  margin-left: 0.1rem;
+  margin-right: 0.1em;
 }
 
 .term-reference:hover {
   box-shadow: inset 0 0 0 3px var(--term-reference-border);
 }
 
-/* Arrow icon for all term references using SVG data URI */
-.term-reference::after {
-  content: "";
-  position: absolute;
-  top: 0.45rem;
-  left: 0.3rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-box-arrow-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 0.8rem;
-  height: 0.8rem;
-}
-
 /* Remove arrow for term references that are dt elements or inside dt elements */
 dt.term-reference::after,
 dt .term-reference::after {

package/assets/css/theme-vars.css

@@ -34,7 +34,7 @@ Example of how to use these variables in your CSS:
     /* Warning/error text */
     --term-reference-bg: rgba(234, 245, 251, 0.1);
     /* Light blue background for term references - more transparent */
-    --term-reference-border: #ddf0fb;
+    --term-reference-border: #a3dafb;
     /* Light blue border for term references */
     --table-border: #ddd;
     /* Light gray border for tables */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spec-up-t",
-  "version": "1.6.0-beta.7",
+  "version": "1.6.0-beta.9",
   "description": "Technical specification drafting tool that generates rich specification documents from markdown. Forked from https://github.com/decentralized-identity/spec-up by Daniel Buchner (https://github.com/csuwildcat)",
   "main": "./index",
   "repository": {

package/src/pipeline/rendering/render-spec-document.js

@@ -86,8 +86,50 @@ async function render(spec, assets, sharedVars, config, template, assetsGlobal,
 
     md[spec.katex ? "enable" : "disable"](['math_block', 'math_inline']);
 
-    // `render` is the rendered HTML
-    let renderedHtml = md.render(doc);
+    // Suppress markdown-it-attrs table errors during rendering
+    // 
+    // Background: markdown-it-attrs can throw "Cannot read properties of null (reading 'colsnum')" 
+    // errors when processing malformed tables. These errors are:
+    // 1. Non-blocking: The rendering continues and index.html is generated successfully
+    // 2. Caught proactively: The markdown-tables healthcheck detects these issues
+    // 3. Noisy: They clutter the console output without providing actionable information
+    //
+    // Solution: Intercept console.error during md.render() to suppress only these specific
+    // table-related errors while allowing all other errors to pass through normally.
+    const originalConsoleError = console.error;
+    let suppressNext = false;
+    console.error = (...args) => {
+      const message = args[0]?.toString() || '';
+      
+      // Check if this is the first console.error call with the error message
+      if (message.includes('markdown-it-attrs: Error in pattern') && 
+          message.includes('tables') && 
+          message.includes('colsnum')) {
+        // Suppress this error and the next stack trace
+        suppressNext = true;
+        return;
+      }
+      
+      // Check if this is the stack trace following the suppressed error
+      if (suppressNext) {
+        suppressNext = false;
+        // Also suppress if this looks like a stack trace for colsnum error
+        if (message.includes('colsnum') || message.includes('at Object.transform')) {
+          return;
+        }
+      }
+      
+      // Let all other errors through
+      originalConsoleError.apply(console, args);
+    };
+
+    try {
+      // `render` is the rendered HTML
+      renderedHtml = md.render(doc);
+    } finally {
+      // Always restore console.error
+      console.error = originalConsoleError;
+    }
 
     // Apply the fix for broken definition list structures
     renderedHtml = fixDefinitionListStructure(renderedHtml);