safe-mdx 1.5.0 → 1.7.0

package/package.json

@@ -1,12 +1,18 @@
 {
   "name": "safe-mdx",
-  "version": "1.5.0",
-  "private": false,
-  "description": "Render MDX in React without eval",
-  "repository": "https://github.com/holocron-hq/safe-mdx",
+  "version": "1.7.0",
+  "description": "Render MDX in React without eval, works in Cloudflare Workers and Vercel Edge",
   "type": "module",
+  "main": "./dist/safe-mdx.js",
   "types": "./dist/safe-mdx.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/holocron-hq/safe-mdx"
+  },
+  "homepage": "https://github.com/holocron-hq/safe-mdx",
+  "bugs": "https://github.com/holocron-hq/safe-mdx/issues",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": "./dist/safe-mdx.d.ts",
       "default": "./dist/safe-mdx.js"
@@ -24,15 +30,29 @@
       "browser": "./dist/html/domparser-browser.js",
       "default": "./dist/html/domparser.js"
     },
-    "./src/*": "./src/*.tsx",
-    "./package.json": "./package.json"
+    "./src": {
+      "types": "./src/safe-mdx.tsx",
+      "default": "./src/safe-mdx.tsx"
+    },
+    "./src/*": {
+      "types": "./src/*.tsx",
+      "default": "./src/*.tsx"
+    }
   },
   "files": [
     "dist",
     "src"
   ],
   "keywords": [
-    "mdx"
+    "mdx",
+    "react",
+    "server-components",
+    "rsc",
+    "safe",
+    "no-eval",
+    "cloudflare-workers",
+    "edge",
+    "markdown"
   ],
   "author": "remorses <beats.by.morse@gmail.com>",
   "license": "MIT",
@@ -59,6 +79,7 @@
     "@changesets/cli": "^2.28.1",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.1.11",
+    "@types/escodegen": "^0.0.10",
     "@types/estree-jsx": "^1.0.5",
     "@types/mdast": "^4.0.0",
     "@types/node": "^22.15.17",
@@ -68,12 +89,14 @@
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-v8": "^1.6.0",
     "dedent": "^1.5.1",
+    "escodegen": "^2.1.0",
     "importmap-vite-plugin": "^0.0.0",
     "mdast-util-mdx-jsx": "^3.2.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
+    "rimraf": "^6.0.1",
     "tailwindcss": "^4.1.11",
     "typescript": "5.8.3",
     "vite": "^6.2.6",

package/src/esm-parser.test.ts

@@ -1,7 +1,7 @@
 import { expect, test, describe } from 'vitest'
-import { parseEsmImports, extractComponentInfo } from './esm-parser.js'
-import { mdxParse, extractImports, resolveModulePath } from './parse.js'
-import type { SafeMdxError } from './safe-mdx.js'
+import { parseEsmImports, extractComponentInfo } from './esm-parser.ts'
+import { mdxParse, extractImports, resolveModulePath } from './parse.ts'
+import type { SafeMdxError } from './safe-mdx.tsx'
 
 describe('parseEsmImports', () => {
     test('parses default imports from HTTPS URLs', () => {

package/src/esm-parser.ts

@@ -1,4 +1,4 @@
-import type { SafeMdxError } from './safe-mdx.js'
+import type { SafeMdxError } from './safe-mdx.tsx'
 
 export interface ParsedImport {
     componentName: string
@@ -83,9 +83,9 @@ export function parseEsmImports(
  * Extracts component info from an import map entry
  */
 export function extractComponentInfo(importInfo: string): { importUrl: string; componentName: string } {
-    const [importUrl, componentName] = importInfo.includes('#') 
-        ? importInfo.split('#') 
-        : [importInfo, 'default']
+    const parts = importInfo.split('#')
+    const importUrl = parts[0] ?? importInfo
+    const componentName = importInfo.includes('#') ? (parts[1] ?? 'default') : 'default'
     
     return { importUrl, componentName }
 }

package/src/html/html-and-md.test.ts

@@ -55,7 +55,7 @@ async function htmlToMdxString({
                     parent &&
                     typeof index === 'number'
                 ) {
-                    const htmlValue = node.value as string
+                    const htmlValue = node.value
 
                     // Parse HTML to MDX AST with processor for markdown parsing
                     const mdxNodes = parseHtmlToMdxAst({
@@ -77,7 +77,7 @@ async function htmlToMdxString({
 
                     // Replace the HTML node with the MDX nodes
                     if (mdxNodes.length === 1) {
-                        parent.children[index] = mdxNodes[0]
+                        parent.children[index] = mdxNodes[0]!
                     } else if (mdxNodes.length > 1) {
                         parent.children.splice(index, 1, ...mdxNodes)
                     } else {

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

@@ -5,14 +5,14 @@ import {
     parseHtmlToMdxAst,
     htmlToMdxAst,
     remarkMdxJsxNormalize,
-} from './html-to-mdx-ast.js'
+} from './html-to-mdx-ast.ts'
 import { unified } from 'unified'
 import remarkMdx from 'remark-mdx'
 import remarkStringify from 'remark-stringify'
 import remarkParse from 'remark-parse'
 import type { RootContent } from 'mdast'
-import { mdxParse } from '../parse.js'
-import { MdastToJsx } from '../safe-mdx.js'
+import { mdxParse } from '../parse.ts'
+import { MdastToJsx } from '../safe-mdx.tsx'
 
 // Default components for testing
 const components = {

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

@@ -6,9 +6,9 @@ import type {
 } from 'mdast-util-mdx-jsx'
 import type { Processor } from 'unified'
 import { unified } from 'unified'
-import { convertAttributeNameToJSX } from './convert-attributes.js'
-import { parseHTML } from './domparser.js'
-import { remarkMdxJsxNormalize } from './remark-mdx-jsx-normalize.js'
+import { convertAttributeNameToJSX } from './convert-attributes.ts'
+import { parseHTML } from './domparser.ts'
+import { remarkMdxJsxNormalize } from './remark-mdx-jsx-normalize.ts'
 
 // Re-export the normalize plugin
 export { remarkMdxJsxNormalize }
@@ -77,7 +77,7 @@ function deindent(text: string): string {
     for (const line of lines) {
         if (line.trim()) {
             const match = line.match(/^(\s*)/)
-            if (match) {
+            if (match?.[1] != null) {
                 minIndent = Math.min(minIndent, match[1].length)
             }
         }

package/src/parse.ts

@@ -5,7 +5,7 @@ import { Root, RootContent } from 'mdast'
 import { remark } from 'remark'
 import remarkGfm from 'remark-gfm'
 import remarkMdx from 'remark-mdx'
-import { parseHtmlToMdxAst, remarkMdxJsxNormalize } from './html/html-to-mdx-ast.js'
+import { parseHtmlToMdxAst, remarkMdxJsxNormalize } from './html/html-to-mdx-ast.ts'
 
 export { parseHtmlToMdxAst, remarkMdxJsxNormalize }
 
@@ -95,6 +95,7 @@ export function remarkMarkAndUnravel() {
 
                 while (++offset < children.length) {
                     const child = children[offset]
+                    if (!child) continue
 
                     if (
                         child.type === 'mdxJsxTextElement' ||
@@ -122,6 +123,7 @@ export function remarkMarkAndUnravel() {
 
                     while (++offset < children.length) {
                         const child = children[offset]
+                        if (!child) continue
 
                         if (child.type === 'mdxJsxTextElement') {
                             // @ts-expect-error: mutate because it is faster; content model is fine.

package/src/safe-mdx.bench.tsx

@@ -1,6 +1,6 @@
 import { bench, describe } from 'vitest'
-import { mdxParse } from './parse.js'
-import { MdastToJsx } from './safe-mdx.js'
+import { mdxParse } from './parse.ts'
+import { MdastToJsx } from './safe-mdx.tsx'
 
 let longMdxContent = await fetch(
     'https://raw.githubusercontent.com/colinhacks/zod/0a49fa39348b7c72b19ddedc3b0f879bd395304b/packages/docs/content/packages/v3.mdx',