@vxrn/mdx 1.2.47 → 1.2.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/mdx",
-  "version": "1.2.47",
+  "version": "1.2.49",
   "type": "commonjs",
   "exports": {
     "./package.json": "./package.json",
@@ -48,12 +48,13 @@
     "rehype-autolink-headings": "^6.1.1",
     "rehype-parse": "^8.0.4",
     "rehype-slug": "^5.0.1",
+    "remark-gfm": "^4.0.1",
     "shiki": "1.3.0",
     "unified": "^10.1.2",
     "unist-util-visit": "^2.0.3"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.142.0"
+    "@tamagui/build": "^1.144.0"
   },
   "publishConfig": {
     "access": "public"

package/src/getAllFrontmatter.tsx

@@ -13,7 +13,9 @@ export const getAllFrontmatter = (fromPath: string): Frontmatter[] => {
     .map((filePath) => {
       const source = fs.readFileSync(path.join(filePath), 'utf8')
       const { data, content } = matter(source)
-      const slug = filePath.replace(`${fromPath.replaceAll('\\', '/')}/`, '').replace('.mdx', '')
+      const slug = filePath
+        .replace(`${fromPath.replaceAll('\\', '/')}/`, '')
+        .replace('.mdx', '')
       return {
         ...data,
         slug,
@@ -21,5 +23,8 @@ export const getAllFrontmatter = (fromPath: string): Frontmatter[] => {
         readingTime: readingTime(content),
       } as Frontmatter
     })
-    .sort((a, b) => Number(new Date(b.publishedAt || '')) - Number(new Date(a.publishedAt || '')))
+    .sort(
+      (a, b) =>
+        Number(new Date(b.publishedAt || '')) - Number(new Date(a.publishedAt || ''))
+    )
 }

package/src/getMDX.ts

@@ -2,6 +2,7 @@ import { bundleMDX } from 'mdx-bundler'
 import readingTime from 'reading-time'
 import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import rehypeSlug from 'rehype-slug'
+import remarkGfm from 'remark-gfm'
 import { getHeadings } from './getHeadings'
 import { rehypeHighlightCode } from './rehypeHighlightCode'
 import rehypeMetaAttribute from './rehypeMetaAttribute'
@@ -11,6 +12,7 @@ export async function getMDX(source: string, extraPlugins?: UnifiedPlugin) {
   const { frontmatter, code } = await bundleMDX({
     source,
     mdxOptions(options) {
+      options.remarkPlugins = [...(options.remarkPlugins ?? []), remarkGfm]
       const plugins = [
         ...(extraPlugins || []),
         ...(options.rehypePlugins ?? []),

package/src/highlightCode.tsx

@@ -7,7 +7,11 @@ import tsx from 'refractor/lang/tsx.js'
 import { rehypeHighlightLine } from './rehypeLine'
 import { rehypeHighlightWord } from './rehypeWord'
 
-let highlighter: (source: string, language: 'tsx' | 'css' | string, line?: string) => string
+let highlighter: (
+  source: string,
+  language: 'tsx' | 'css' | string,
+  line?: string
+) => string
 
 export function createCodeHighlighter() {
   if (highlighter) return highlighter

package/src/rehypeHeroTemplate.ts

@@ -15,7 +15,8 @@ export const rehypeHeroTemplate = (options: RehypeHeroTemplateOptions = {}) => {
     demosRoot = options.demosPath
   } else if (options.demosPackage) {
     // @ts-ignore
-    const requireFn = typeof require === 'undefined' ? createRequire(import.meta.url) : require
+    const requireFn =
+      typeof require === 'undefined' ? createRequire(import.meta.url) : require
     const resolved = requireFn.resolve(options.demosPackage)
     demosRoot = path.join(resolved, '..', '..', '..')
   } else {

package/src/rehypeLine.tsx

@@ -75,7 +75,8 @@ const wrapLines = function wrapLines(ast: any[], linesToHighlight) {
       properties: {
         dataLine: line,
         className: 'highlight-line',
-        dataHighlighted: linesToHighlight.includes(line) || highlightAll ? 'true' : 'false',
+        dataHighlighted:
+          linesToHighlight.includes(line) || highlightAll ? 'true' : 'false',
       },
       children,
       lineNumber: line,

package/src/rehypeWord.tsx

@@ -7,7 +7,12 @@ const CALLOUT = /__(.*?)__/g
 
 export const rehypeHighlightWord = (code) => {
   const html = toHtml(code)
-  const result = html.replace(CALLOUT, (_, text) => `<span class="highlight-word">${text}</span>`)
-  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(result)
+  const result = html.replace(
+    CALLOUT,
+    (_, text) => `<span class="highlight-word">${text}</span>`
+  )
+  const hast = unified()
+    .use(parse, { emitParseErrors: true, fragment: true })
+    .parse(result)
   return hast['children']
 }

package/types/getAllFrontmatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getAllFrontmatter.d.ts","sourceRoot":"","sources":["../src/getAllFrontmatter.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,WAAW,EAe/D,CAAA"}
+{"version":3,"file":"getAllFrontmatter.d.ts","sourceRoot":"","sources":["../src/getAllFrontmatter.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,WAAW,EAoB/D,CAAA"}

package/types/getMDX.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMDX.d.ts","sourceRoot":"","sources":["../src/getMDX.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzD,wBAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,aAAa;iBAsBhE,WAAW;;GAGnB"}
+{"version":3,"file":"getMDX.d.ts","sourceRoot":"","sources":["../src/getMDX.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzD,wBAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,aAAa;iBAuBhE,WAAW;;GAGnB"}

package/types/highlightCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlightCode.d.ts","sourceRoot":"","sources":["../src/highlightCode.tsx"],"names":[],"mappings":"AAWA,wBAAgB,qBAAqB,aAFX,MAAM,YAAY,KAAK,GAAG,KAAK,GAAG,MAAM,SAAS,MAAM,KAAK,MAAM,CAiB3F"}
+{"version":3,"file":"highlightCode.d.ts","sourceRoot":"","sources":["../src/highlightCode.tsx"],"names":[],"mappings":"AAeA,wBAAgB,qBAAqB,aAL3B,MAAM,YACJ,KAAK,GAAG,KAAK,GAAG,MAAM,SACzB,MAAM,KACV,MAAM,CAiBV"}

package/types/rehypeHeroTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeHeroTemplate.d.ts","sourceRoot":"","sources":["../src/rehypeHeroTemplate.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAS,yBAA8B,MAchE,MAAM,GAAG,SAclB,CAAA"}
+{"version":3,"file":"rehypeHeroTemplate.d.ts","sourceRoot":"","sources":["../src/rehypeHeroTemplate.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAS,yBAA8B,MAehE,MAAM,GAAG,SAclB,CAAA"}

package/types/rehypeLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeLine.d.ts","sourceRoot":"","sources":["../src/rehypeLine.tsx"],"names":[],"mappings":"AA2GA,wBAAgB,mBAAmB,CAAC,GAAG,KAAA,EAAE,KAAK,KAAA,OAI7C"}
+{"version":3,"file":"rehypeLine.d.ts","sourceRoot":"","sources":["../src/rehypeLine.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,mBAAmB,CAAC,GAAG,KAAA,EAAE,KAAK,KAAA,OAI7C"}

package/types/rehypeWord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeWord.d.ts","sourceRoot":"","sources":["../src/rehypeWord.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB,GAAI,SAAI,iCAKvC,CAAA"}
+{"version":3,"file":"rehypeWord.d.ts","sourceRoot":"","sources":["../src/rehypeWord.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB,GAAI,SAAI,iCAUvC,CAAA"}