@vxrn/mdx 1.2.29 → 1.2.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/mdx",
-  "version": "1.2.29",
+  "version": "1.2.31",
   "type": "commonjs",
   "exports": {
     "./package.json": "./package.json",
@@ -9,7 +9,7 @@
       "// 👋 note - import === require here, mdx-bundler is cjs only must await import() this package": "./",
       "import": "./dist/index.js",
       "require": "./dist/index.js",
-      "default": "./dist/index.native.js"
+      "default": "./dist/index.js"
     }
   },
   "main": "dist/index.js",
@@ -27,6 +27,12 @@
     "lint:fix": "biome check --write src",
     "watch": "yarn build --watch"
   },
+  "tamagui-build": {
+    "bundleExternal": [
+      "mdx-bundler",
+      "@mdx-js/mdx"
+    ]
+  },
   "dependencies": {
     "compare-versions": "^4.1.3",
     "esbuild-wasm": "^0.25.11",
@@ -47,7 +53,7 @@
     "unist-util-visit": "^2.0.3"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.139.2"
+    "@tamagui/build": "^1.140.2"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -2,4 +2,6 @@ export { getAllFrontmatter } from './getAllFrontmatter'
 export { getMDX } from './getMDX'
 export { getAllVersionsFromPath, getMDXBySlug } from './getMDXBySlug'
 export { createCodeHighlighter } from './highlightCode'
+export { rehypeHeroTemplate } from './rehypeHeroTemplate'
 export type { Frontmatter } from './types'
+export type { RehypeHeroTemplateOptions } from './rehypeHeroTemplate'

package/src/rehypeHeroTemplate.ts

@@ -0,0 +1,39 @@
+import { createRequire } from 'node:module'
+import fs from 'node:fs'
+import path from 'node:path'
+import visit from 'unist-util-visit'
+
+export type RehypeHeroTemplateOptions = {
+  demosPackage?: string // package name to resolve (e.g. '@tamagui/demos')
+  demosPath?: string // or direct path to demos directory
+}
+
+export const rehypeHeroTemplate = (options: RehypeHeroTemplateOptions = {}) => {
+  let demosRoot: string
+
+  if (options.demosPath) {
+    demosRoot = options.demosPath
+  } else if (options.demosPackage) {
+    // @ts-ignore
+    const requireFn = typeof require === 'undefined' ? createRequire(import.meta.url) : require
+    const resolved = requireFn.resolve(options.demosPackage)
+    demosRoot = path.join(resolved, '..', '..', '..')
+  } else {
+    throw new Error('rehypeHeroTemplate requires either demosPackage or demosPath option')
+  }
+
+  return (tree: any) => {
+    visit(tree, 'element', (node: any) => {
+      if (node.tagName !== 'code' || !node.properties.template) return
+      const templateName = node.properties.template
+      if (!templateName) return
+      const templatePath = path.join(demosRoot, 'src', `${templateName}Demo.tsx`)
+      try {
+        const source = fs.readFileSync(templatePath, 'utf8')
+        node.children[0].value = source
+      } catch (err: any) {
+        console.warn(`Error setting template`, err.message)
+      }
+    })
+  }
+}

package/types/index.d.ts

@@ -2,5 +2,7 @@ export { getAllFrontmatter } from './getAllFrontmatter';
 export { getMDX } from './getMDX';
 export { getAllVersionsFromPath, getMDXBySlug } from './getMDXBySlug';
 export { createCodeHighlighter } from './highlightCode';
+export { rehypeHeroTemplate } from './rehypeHeroTemplate';
 export type { Frontmatter } from './types';
+export type { RehypeHeroTemplateOptions } from './rehypeHeroTemplate';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA"}

package/types/rehypeHeroTemplate.d.ts

@@ -0,0 +1,6 @@
+export type RehypeHeroTemplateOptions = {
+    demosPackage?: string;
+    demosPath?: string;
+};
+export declare const rehypeHeroTemplate: (options?: RehypeHeroTemplateOptions) => (tree: any) => void;
+//# sourceMappingURL=rehypeHeroTemplate.d.ts.map

package/types/rehypeHeroTemplate.d.ts.map

@@ -0,0 +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"}