@clidey/dory 0.16.0 → 0.18.0

package/k8s/Dockerfile

@@ -7,7 +7,7 @@ RUN apk add --no-cache git
 
 COPY ./k8s/config/nginx-default.conf /app/k8s/config/nginx-default.conf
 
-RUN npm install -g @clidey/dory@0.15.0
+RUN npm install -g @clidey/dory@0.18.0
 EXPOSE 3000
 
 CMD ["dory", "preview"]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@clidey/dory",
   "private": false,
-  "version": "0.16.0",
+  "version": "0.18.0",
   "type": "module",
   "description": "A CLI tool for building and previewing documentation sites",
   "keywords": [

package/src/plugins/sanitize.ts

@@ -100,21 +100,46 @@ export function preprocessMdxTags() {
           // Otherwise, leave as-is for proper JSX parsing
           return match;
         }
-        
+        // For unknown components, always treat as text (wrap in backticks)
         // If already inside backticks, do not wrap again
-        // Find the start of the line up to the match
         const before = processed.slice(0, offset);
-        // Count the number of backticks before this tag
         const backtickMatches = before.match(/`+/g);
-        // If the number of backticks is odd, we're inside a backtick span
         const insideBackticks = backtickMatches ? backtickMatches.reduce((acc, s) => acc + s.length, 0) % 2 === 1 : false;
         if (insideBackticks) {
           return match;
         }
-        // Otherwise, wrap in backticks to prevent JSX parsing
         return `\`<${tag}>\``;
       });
 
+      // This regex finds all <tag> and </tag> occurrences
+      processed = processed.replace(/<\/?([a-z][a-z0-9]*)>/gi, (match, tag, offset) => {
+        // If inside a code block, do not touch
+        if (isInsideCodeBlock(processed, offset)) {
+          return match;
+        }
+        
+        // If known component, check if it has a closing tag (only for opening tags)
+        if (KNOWN_COMPONENTS.includes(tag)) {
+          // Only check for matching closing tag for opening tags
+          if (!match.startsWith('</')) {
+            if (!hasMatchingClosingTag(processed, tag, offset)) {
+              return `\`${match}\``;
+            }
+          }
+          // Otherwise, leave as-is for proper JSX parsing
+          return match;
+        }
+        // For unknown components, always treat as text (wrap in backticks)
+        // If already inside backticks, do not wrap again
+        const before = processed.slice(0, offset);
+        const backtickMatches = before.match(/`+/g);
+        const insideBackticks = backtickMatches ? backtickMatches.reduce((acc, s) => acc + s.length, 0) % 2 === 1 : false;
+        if (insideBackticks) {
+          return match;
+        }
+        return `\`${match}\``;
+      });
+
       return {
         code: processed,
         map: null,