@udx/md2html 1.4.0 → 1.4.2

package/index.js

@@ -289,11 +289,13 @@ async function buildHtml(srcDir, outputFile) {
     }
     
     // Process all mathematical formulas in the content (before image processing)
-    // This pattern matches: $formula$ for inline math
-    const inlineMathPattern = /\$(.*?)\$/g;
+    // This pattern matches: $formula$ for inline math, but NOT across newlines or table cells
+    // The [^\n$|] ensures we don't match across lines, other dollar signs, or table cell separators
+    const inlineMathPattern = /\$([^\n$|]+?)\$/g;
     combinedMarkdown = combinedMarkdown.replace(inlineMathPattern, (match, formula) => {
-      // Skip if it's likely a currency symbol
-      if (/^\s*\d+(\.\d+)?\s*$/.test(formula)) {
+      // Skip if it's likely a currency value (numbers with optional commas, decimals, K/M suffixes)
+      // Also skip if it starts with a number (likely currency like $22,945)
+      if (/^\s*[\d,]+(\.\d+)?[KMB]?\s*$/.test(formula) || /^\d/.test(formula.trim())) {
         return match;
       }
       return `\\(${formula}\\)`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udx/md2html",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Magazine-quality Markdown to HTML converter with professional styling",
   "main": "index.js",
   "type": "module",

package/static/chapter-navigation.css

@@ -1,10 +1,11 @@
 /* Chapter Navigation Styles */
 :root {
-  --chapter-nav-width: 220px;
+  --chapter-nav-width: 264px;
   --chapter-nav-text-color: #1a1a1a;
   --chapter-nav-text-faded: rgba(51, 51, 51, 0.65);
   --chapter-nav-active-color: #991b1b;
   --chapter-text-size: 0.85rem;
+  --content-gap: 80px;
 }
 
 /* Container for the floating navigation */
@@ -190,13 +191,15 @@
 }
 
 /* Add padding to the content to prevent floating nav from overlapping */
-/* Content is centered in the remaining space to the right of the sidebar */
+/* Content fills the space to the right of the sidebar, article centers within it */
 .chapter-content {
-  /* Leave space for sidebar on the left - push content further right */
-  margin-left: calc(var(--chapter-nav-width) + 120px);
-  /* Add margin on the right for balance */
-  margin-right: 80px;
-  /* Remove padding-left since we're using margin */
+  /* Position content to start right after the sidebar */
+  margin-left: var(--chapter-nav-width);
+  margin-right: 0;
+  /* Override Tailwind container max-width so content fills available space */
+  max-width: none !important;
+  width: auto !important;
+  /* Remove horizontal padding - let the article's mx-auto handle centering */
   padding-left: 0;
   padding-right: 0;
 }
@@ -204,8 +207,8 @@
 /* Responsive adjustments */
 @media (max-width: 1024px) {
   .chapter-content {
-    margin-left: calc(var(--chapter-nav-width) + 60px);
-    margin-right: 40px;
+    margin-left: var(--chapter-nav-width);
+    margin-right: 0;
   }
 }
 

package/static/scripts.js

@@ -63,30 +63,6 @@ document.addEventListener('DOMContentLoaded', (event) => {
     el.style.boxShadow = 'none';
   });
   
-  // Format tabular data with scaling operations
-  document.querySelectorAll('p').forEach(p => {
-    const text = p.textContent.trim();
-    if (text.includes('IT/SRE for every') || text.includes('DevOps Engineer for every')) {
-      // Find the paragraph containing the scaling information
-      const container = document.createElement('div');
-      container.className = 'scaling-table';
-      
-      // Parse the content and create a grid layout
-      const content = p.textContent.trim();
-      const parts = content.split(',').map(part => part.trim());
-      
-      parts.forEach(part => {
-        const itemDiv = document.createElement('div');
-        itemDiv.textContent = part;
-        itemDiv.className = 'scaling-item';
-        container.appendChild(itemDiv);
-      });
-      
-      // Replace the paragraph with the grid container
-      p.parentNode.replaceChild(container, p);
-    }
-  });
-  
   // Process quote attributions with em dash
   document.querySelectorAll('blockquote + p').forEach(p => {
     const text = p.textContent || '';

package/static/styles.css

@@ -57,10 +57,10 @@ body {
 
 .content-container {
   width: 100%;
-  max-width: 768px;
+  max-width: 800px;
   margin: 0 auto;
   padding: 2rem;
-  font-size: 18px !important;
+  font-size: 20px !important;
   /* Magazine-style container */
 }
 
@@ -73,7 +73,7 @@ html:not(:has(details[open])) {
 .prose p {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
-  font-size: 18px !important;
+  font-size: 20px !important;
   line-height: 1.6 !important;
 }
 
@@ -98,7 +98,7 @@ html:not(:has(details[open])) {
 }
 
 .prose li {
-  font-size: 18px !important;
+  font-size: 20px !important;
   margin-bottom: 0.5em !important;
   line-height: 1.6 !important;
   position: relative !important;

package/static/themes/legal.css

@@ -3,8 +3,8 @@
 
 body {
   font-family: "Times New Roman", Times, Georgia, serif;
-  font-size: 12pt;
-  line-height: 1.5;
+  font-size: 11pt;
+  line-height: 1.4;
 }
 
 .content-container {
@@ -12,55 +12,62 @@ body {
   padding: 1in;
 }
 
+@media print {
+  .content-container {
+    padding: 1.25in !important;
+    max-width: 6in !important;
+  }
+}
+
 /* Formal heading styles */
 .prose h1, h1 {
-  font-size: 18pt !important;
+  font-size: 16pt !important;
   font-weight: bold !important;
   text-align: center !important;
-  margin-bottom: 24pt !important;
+  margin-bottom: 20pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 .prose h2, h2 {
-  font-size: 14pt !important;
+  font-size: 13pt !important;
   font-weight: bold !important;
-  margin-top: 18pt !important;
-  margin-bottom: 12pt !important;
+  margin-top: 16pt !important;
+  margin-bottom: 10pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 .prose h3, h3 {
-  font-size: 12pt !important;
+  font-size: 11pt !important;
   font-weight: bold !important;
-  margin-top: 12pt !important;
+  margin-top: 10pt !important;
   margin-bottom: 6pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 .prose h4, h4, .prose h5, h5, .prose h6, h6 {
-  font-size: 12pt !important;
+  font-size: 11pt !important;
   font-weight: bold !important;
   font-style: italic !important;
-  margin-top: 12pt !important;
-  margin-bottom: 6pt !important;
+  margin-top: 10pt !important;
+  margin-bottom: 5pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 .prose p, p {
-  font-size: 12pt !important;
+  font-size: 11pt !important;
   text-align: justify !important;
-  margin-bottom: 12pt !important;
+  margin-bottom: 10pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 .prose li {
-  font-size: 12pt !important;
+  font-size: 11pt !important;
   font-family: "Times New Roman", Times, Georgia, serif !important;
 }
 
 /* Table styling for government documents */
 .prose table {
-  font-size: 10pt !important;
+  font-size: 9pt !important;
   border-collapse: collapse !important;
 }
 
@@ -121,7 +128,9 @@ figure img {
 /* Print-optimized styling */
 @media print {
   body {
-    font-size: 12pt !important;
+    font-size: 11pt !important;
+    margin: 0 !important;
+    padding: 0 !important;
   }
   
   .chapter-navigation, .mobile-chapter-nav {
@@ -130,5 +139,11 @@ figure img {
   
   .chapter-content {
     padding-left: 0 !important;
+    margin: 0 !important;
+  }
+  
+  /* Ensure no content bleeds to edges */
+  * {
+    box-sizing: border-box !important;
   }
 }