safe-mdx 1.3.8 → 1.3.10

package/src/html/html-to-mdx-ast.ts

@@ -67,10 +67,11 @@ function defaultConvertAttributeValue({
     return value
 }
 
+
 // Remove common indentation from multi-line text while preserving relative indentation
 function deindent(text: string): string {
     const lines = text.split('\n')
-    
+
     // Find minimum indentation (excluding empty lines)
     let minIndent = Infinity
     for (const line of lines) {
@@ -81,12 +82,12 @@ function deindent(text: string): string {
             }
         }
     }
-    
+
     // If no indentation found, return as is
     if (minIndent === 0 || minIndent === Infinity) {
         return text
     }
-    
+
     // Remove common indentation from each line, preserving relative indentation
     return lines
         .map(line => line.slice(minIndent))
@@ -197,24 +198,24 @@ function htmlNodeToMdxAst(
 
     if (isTextNode(node)) {
         let textValue = node.textContent || ''
-        
+
         // Skip whitespace-only nodes between elements
         if (!textValue.trim()) {
             const prevSibling = node.previousSibling
             const nextSibling = node.nextSibling
-            
+
             // If between elements and contains newlines, it's likely formatting
-            if (textValue.includes('\n') && 
+            if (textValue.includes('\n') &&
                 ((prevSibling && isElementNode(prevSibling)) ||
                  (nextSibling && isElementNode(nextSibling)))) {
                 return []
             }
             // Otherwise preserve the whitespace (could be intentional space)
         }
-        
+
         // Always deindent text content
         textValue = deindent(textValue).trim()
-        
+
         // Skip empty text after processing
         if (!textValue) {
             return []

package/src/safe-mdx.test.tsx

@@ -2529,17 +2529,17 @@ test('component props schema validation with zod', () => {
         "errors": [
           {
             "line": 5,
-            "message": "Invalid props for component "Heading" at "level": Number must be less than or equal to 6",
+            "message": "Invalid props for component "Heading" at "level": Too big: expected number to be <=6",
             "schemaPath": "level",
           },
           {
             "line": 7,
-            "message": "Invalid props for component "Cards" at "count": Number must be greater than 0",
+            "message": "Invalid props for component "Cards" at "count": Too small: expected number to be >0",
             "schemaPath": "count",
           },
           {
             "line": 9,
-            "message": "Invalid props for component "Cards" at "count": Expected number, received string",
+            "message": "Invalid props for component "Cards" at "count": Invalid input: expected number, received string",
             "schemaPath": "count",
           },
         ],
@@ -2748,12 +2748,12 @@ test('validation error includes schema path', () => {
         "errors": [
           {
             "line": 1,
-            "message": "Invalid props for component "Heading" at "user.age": Number must be greater than or equal to 0",
+            "message": "Invalid props for component "Heading" at "user.age": Too small: expected number to be >=0",
             "schemaPath": "user.age",
           },
           {
             "line": 1,
-            "message": "Invalid props for component "Heading" at "settings.theme": Invalid enum value. Expected 'light' | 'dark', received 'invalid'",
+            "message": "Invalid props for component "Heading" at "settings.theme": Invalid option: expected one of "light"|"dark"",
             "schemaPath": "settings.theme",
           },
         ],

package/src/safe-mdx.tsx

@@ -7,7 +7,7 @@ import type { Node, Parent, Root, RootContent } from 'mdast'
 import type { MdxJsxFlowElement, MdxJsxTextElement } from 'mdast-util-mdx-jsx'
 
 import { Fragment, ReactNode } from 'react'
-import { DynamicEsmComponent } from './dynamic-esm-component.js'
+import { DynamicEsmComponent } from 'safe-mdx/client'
 import { extractComponentInfo, parseEsmImports } from './esm-parser.js'
 import { htmlToMdxAst } from './html/html-to-mdx-ast.js'
 import { validHtmlElements, nativeTags } from './html/valid-html-elements.js'
@@ -54,7 +54,7 @@ export const SafeMdxRenderer = React.memo(function SafeMdxRenderer({
 }: {
     components?: ComponentsMap
     markdown?: string
-    mdast: MyRootContent
+    mdast?: MyRootContent
     renderNode?: RenderNode
     componentPropsSchema?: ComponentPropsSchema
     createElement?: CreateElementFunction
@@ -240,7 +240,6 @@ export class MdastToJsx {
                     // Handle ESM imported component
                     const { importUrl, componentName } =
                         extractComponentInfo(esmImportInfo)
-
                     Component = DynamicEsmComponent
                     let attrsList = this.getJsxAttrs(node, (err) => {
                         this.errors.push(err)