@multiplatform.one/markdown 6.0.0

package/dist/jsx/Markdown.stories.native.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Markdown_stories_exports = {};
+__export(Markdown_stories_exports, {
+  CodeBlock: () => CodeBlock,
+  Main: () => Main,
+  Simple: () => Simple,
+  default: () => Markdown_stories_default
+});
+module.exports = __toCommonJS(Markdown_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_Markdown = require("./Markdown.native.js");
+var meta = {
+  title: "Markdown/Markdown",
+  component: import_Markdown.Markdown,
+  parameters: {
+    status: {
+      type: "beta"
+    },
+    docs: {
+      description: {
+        component: "Cross-platform markdown renderer with Shiki syntax highlighting. Supports GFM (tables, strikethrough, task lists)."
+      }
+    }
+  }
+};
+var Markdown_stories_default = meta;
+var sampleMarkdown = `# Hello World
+
+This is **bold**, _italic_, and ~~strikethrough~~ text.
+
+## Features
+
+- Markdown parsing with remark
+- GFM support (tables, task lists)
+- Shiki syntax highlighting
+- Cross-platform (web + native)
+
+### Task Lists
+
+- [x] Completed task
+- [ ] Incomplete task
+- [ ] Another task
+
+## Code Blocks
+
+Inline \`code\` looks like this.
+
+\`\`\`typescript
+interface User {
+  id: string;
+  name: string;
+  email: string;
+}
+
+function greet(user: User): string {
+  return \`Hello, \${user.name}!\`;
+}
+\`\`\`
+
+\`\`\`python
+def fibonacci(n: int) -> int:
+    if n <= 1:
+        return n
+    return fibonacci(n - 1) + fibonacci(n - 2)
+
+print(fibonacci(10))
+\`\`\`
+
+## Blockquotes
+
+> This is a blockquote.
+> It can span multiple lines.
+
+## Tables
+
+| Feature | Web | Native |
+|---------|-----|--------|
+| Markdown | Yes | Yes |
+| Syntax Highlighting | Yes | Yes |
+| Tables | Yes | Yes |
+| HTML | Yes | No |
+
+## Links and Images
+
+[Visit GitHub](https://github.com)
+
+---
+
+That's a horizontal rule above.
+`;
+var Main = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Markdown.Markdown, {
+        children: sampleMarkdown
+      })
+    });
+  }
+};
+var CodeBlock = {
+  render: function render2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Markdown.Markdown, {
+        children: `\`\`\`javascript
+const express = require('express');
+const app = express();
+
+app.get('/', (req, res) => {
+  res.json({ message: 'Hello World!' });
+});
+
+app.listen(3000, () => {
+  console.log('Server running on port 3000');
+});
+\`\`\``
+      })
+    });
+  }
+};
+var Simple = {
+  render: function render3() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Markdown.Markdown, {
+        children: `# Simple Example
+
+Just some **bold** and _italic_ text with a [link](https://example.com).`
+      })
+    });
+  }
+};
+//# sourceMappingURL=Markdown.stories.native.js.map

package/dist/jsx/Markdown.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Markdown_stories_exports","CodeBlock","Main","Simple","default","Markdown_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_Markdown","meta","title","component","Markdown","parameters","status","type","docs","description","sampleMarkdown"],"sources":["../../src/Markdown.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AAwFnB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAtFN,IAAAC,iBAAoC,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAClCC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACPC,QAAA,GAAWA,CAAAC,MAAA,EAAAC,GAAA;EACX,SAAAC,IAAY,IAAAD,GAAA,EACVZ,SAAQ,CAAEW,MAAM,EAAAE,IAAA,EAAO;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACjB,IAAAC,WACJ,GAAAA,CAAaC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACX,WACEA,IAAA,wBAAAA,IAAA;IAAA,KACJ,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACF,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACFnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACF;EAEA,OAAOE,EAAA;AAGP;AAAuB,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,wBAAA;AAAAhB,QAAA,CAAAgB,wBAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAA,CAAAG,wBAAA;AAAA,IAAAQ,kBAAA,GAAAC,OAAA;AAAA,IAAAC,cAAA,GAAAD,OAAA;AAAA,IAAAE,eAAA,GAAAF,OAAA;AAAA,IAAAG,IAAA;EAAAC,KAAA;EAAAC,SAAA,EAAAH,eAAA,CAAAI,QAAA;EAAAC,UAAA;IAAAC,MAAA;MAAAC,IAAA;IAAA;IAAAC,IAAA;MAAAC,WAAA;QAAAN,SAAA;MAAA;IAAA;EAAA;AAAA;AAAA,IAAAT,wBAAA,GAAAO,IAAA;AAAA,IAAAS,cAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEhB;AAAoB;AACnB;AAMR;AAEO;AAAyB;AAIvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeT;AAEO;AAAsB;AAIpB;AAAA;AAMT","ignoreList":[]}

package/dist/jsx/Mdx/index.mjs

@@ -0,0 +1,33 @@
+import { useMDXComponents } from "@mdx-js/react";
+import { useCompileAndEvaluateMdx } from "../hooks/index.mjs";
+import { mdxComponents } from "../mdxComponents.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+const logger = console;
+function MDX({
+  children,
+  debug,
+  ...props
+}) {
+  const components = useMDXComponents();
+  const {
+    Component,
+    code,
+    frontmatter
+  } = useCompileAndEvaluateMdx(children);
+  if (!Component) return /* @__PURE__ */jsx(Fragment, {});
+  if (debug) {
+    logger.debug("MDX", {
+      frontmatter
+    });
+    logger.debug(code);
+  }
+  return /* @__PURE__ */jsx(Component, {
+    components: {
+      ...mdxComponents,
+      ...components,
+      ...props.components
+    }
+  });
+}
+export { MDX };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/Mdx/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMDXComponents","useCompileAndEvaluateMdx","mdxComponents","Fragment","jsx","logger","console","MDX","children","debug","props","components","Component","code","frontmatter"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAGjC,SAASC,wBAAA,QAAgC;AACzC,SAASC,aAAA,QAAqB;AAaL,SAAAC,QAAA,EAAAC,GAAA;AALzB,MAAMC,MAAA,GAASC,OAAA;AAER,SAASC,IAAI;EAAEC,QAAA;EAAUC,KAAA;EAAO,GAAGC;AAAM,GAAa;EAC3D,MAAMC,UAAA,GAAaX,gBAAA,CAAiB;EACpC,MAAM;IAAEY,SAAA;IAAWC,IAAA;IAAMC;EAAY,IAAIb,wBAAA,CAAyBO,QAAQ;EAC1E,IAAI,CAACI,SAAA,EAAW,OAAO,eAAAR,GAAA,CAAAD,QAAA,IAAI;EAC3B,IAAIM,KAAA,EAAO;IACTJ,MAAA,CAAOI,KAAA,CAAM,OAAO;MAAEK;IAAY,CAAC;IACnCT,MAAA,CAAOI,KAAA,CAAMI,IAAI;EACnB;EACA,OACE,eAAAT,GAAA,CAACQ,SAAA;IACCD,UAAA,EAAY;MACV,GAAGT,aAAA;MACH,GAAGS,UAAA;MACH,GAAGD,KAAA,CAAMC;IACX;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/Mdx/index.native.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Mdx_exports = {};
+__export(Mdx_exports, {
+  MDX: () => MDX
+});
+module.exports = __toCommonJS(Mdx_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@mdx-js/react");
+var import_hooks = require("../hooks/index.native.js");
+var import_mdxComponents = require("../mdxComponents.native.js");
+var logger = console;
+function MDX(param) {
+  var {
+    children,
+    debug,
+    ...props
+  } = param;
+  var components = (0, import_react.useMDXComponents)();
+  var {
+    Component,
+    code,
+    frontmatter
+  } = (0, import_hooks.useCompileAndEvaluateMdx)(children);
+  if (!Component) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  if (debug) {
+    logger.debug("MDX", {
+      frontmatter
+    });
+    logger.debug(code);
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+    components: {
+      ...import_mdxComponents.mdxComponents,
+      ...components,
+      ...props.components
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/Mdx/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Mdx_exports","MDX","module","exports","import_jsx_runtime","require"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAGT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAA;AACT,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAA;AAaL,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AALzB,IAAAC,YAAe,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAER,IAAAC,QAAS,GAAMA,CAAAC,MAAA,EAAAC,GAAU,KAAO;EACrC,SAAMC,IAAA,IAAAD,GAAa,EACnBZ,SAAQ,CAAAW,MAAA,EAAWE,IAAA,EAAM;IAAAC,GAAA,EAAAF,GAAA,CAAYC,IAAI;IAAAE,UAAA;EAAA;AACzC;AACA,IAAAC,WAAW,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACT,IAAAF,IAAA,IAAO,OAAMA,IAAO,KAAE,QAAY,IAAC,OAAAA,IAAA;IACnC,SAAOG,GAAA,IAAMhB,iBAAI,CAAAa,IAAA,GACnB,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAC,OAAAE,EAAA;AAAA;AACa,IAAAM,YACP,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,WACA;AAAAhB,QACH,CAAAgB,WAAS;EAAAC,GAAA,EACXA,CAAA,KAAAA;AAAA;AAAAC,MACF,CAAAC,OAAA,GAAAN,YAAA,CAAAG,WAAA;AAEJ,IAAAI,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/jsx/Mdx/mdx.spec.mjs

@@ -0,0 +1,140 @@
+import { screen } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { YStack } from "tamagui";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { useCompileAndEvaluateMdx } from "../hooks/index.mjs";
+import { MDX } from "./index.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+const DummyComponent = ({
+  components
+}) => {
+  return /* @__PURE__ */jsx(YStack, {
+    "data-testid": "dummy",
+    children: JSON.stringify(components)
+  });
+};
+vi.mock("../hooks", () => ({
+  useCompileAndEvaluateMdx: vi.fn()
+}));
+vi.mock("@mdx-js/react", () => ({
+  useMDXComponents: () => ({
+    hookKey: "hookValue"
+  })
+}));
+vi.mock("../mdxComponents", () => ({
+  mdxComponents: {
+    mdxKey: "mdxValue"
+  }
+}));
+describe("MDX component", () => {
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+  it("renders an empty fragment if no component is returned from the hook", () => {
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: null,
+      code: "some code",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    renderWithProviders(/* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsx(MDX, {
+        children: "hello"
+      })
+    }));
+    const mdxContent = screen.queryByText("hello");
+    expect(mdxContent).toBeNull();
+  });
+  it("renders the evaluated MDX component and passes the merged components prop", () => {
+    const TestDummyComponent = ({
+      components
+    }) => {
+      const componentKeys2 = Object.keys(components || {});
+      return /* @__PURE__ */jsx(YStack, {
+        "data-testid": "dummy",
+        children: componentKeys2.join(",")
+      });
+    };
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: TestDummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: true
+      }
+    });
+    const additionalComponents = {
+      p: ({
+        children
+      }) => /* @__PURE__ */jsx("div", {
+        "data-testid": "custom-p",
+        children
+      })
+    };
+    renderWithProviders(/* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsx(MDX, {
+        children: "hello",
+        components: additionalComponents
+      })
+    }));
+    const dummyDiv = screen.getByTestId("dummy");
+    const componentKeys = dummyDiv.textContent?.split(",") || [];
+    expect(componentKeys).toContain("mdxKey");
+    expect(componentKeys).toContain("hookKey");
+    expect(componentKeys).toContain("p");
+  });
+  it("calls debug logging when the debug prop is provided", () => {
+    const debugSpy = vi.spyOn(console, "debug").mockImplementation(() => {});
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    renderWithProviders(/* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsx(MDX, {
+        children: "hello",
+        debug: true
+      })
+    }));
+    expect(debugSpy).toHaveBeenCalledWith("MDX", {
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    expect(debugSpy).toHaveBeenCalledWith("compiledCode");
+    debugSpy.mockRestore();
+  });
+  it("does not call debug logging when the debug prop is false", () => {
+    const debugSpy = vi.spyOn(console, "debug").mockImplementation(() => {});
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    renderWithProviders(/* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsx(MDX, {
+        children: "hello",
+        debug: false
+      })
+    }));
+    expect(debugSpy).not.toHaveBeenCalled();
+    debugSpy.mockRestore();
+  });
+  it("does not throw an error when an empty children string is provided", () => {
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "",
+      frontmatter: {}
+    });
+    expect(() => renderWithProviders(/* @__PURE__ */jsx(Fragment, {
+      children: /* @__PURE__ */jsx(MDX, {
+        children: "hello"
+      })
+    }))).not.toThrow();
+  });
+});
+//# sourceMappingURL=mdx.spec.mjs.map

package/dist/jsx/Mdx/mdx.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["screen","renderWithProviders","YStack","afterEach","describe","expect","it","vi","useCompileAndEvaluateMdx","MDX","Fragment","jsx","DummyComponent","components","children","JSON","stringify","mock","fn","useMDXComponents","hookKey","mdxComponents","mdxKey","clearAllMocks","mockReturnValue","Component","code","frontmatter","test","mdxContent","queryByText","toBeNull","TestDummyComponent","componentKeys2","Object","keys","join","additionalComponents","p","dummyDiv","getByTestId","componentKeys","textContent","split","toContain","debugSpy","spyOn","console","mockImplementation","debug","toHaveBeenCalledWith","mockRestore","not","toHaveBeenCalled","toThrow"],"sources":["../../../src/Mdx/mdx.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Mdx/mdx.spec.native.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_hooks = require("../hooks/index.native.js");
+var import_index = require("./index.native.js");
+var DummyComponent = function DummyComponent2(param) {
+  var {
+    components
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    "data-testid": "dummy",
+    children: JSON.stringify(components)
+  });
+};
+import_vitest.vi.mock("../hooks", function () {
+  return {
+    useCompileAndEvaluateMdx: import_vitest.vi.fn()
+  };
+});
+import_vitest.vi.mock("@mdx-js/react", function () {
+  return {
+    useMDXComponents: function useMDXComponents() {
+      return {
+        hookKey: "hookValue"
+      };
+    }
+  };
+});
+import_vitest.vi.mock("../mdxComponents", function () {
+  return {
+    mdxComponents: {
+      mdxKey: "mdxValue"
+    }
+  };
+});
+(0, import_vitest.describe)("MDX component", function () {
+  (0, import_vitest.afterEach)(function () {
+    import_vitest.vi.clearAllMocks();
+  });
+  (0, import_vitest.it)("renders an empty fragment if no component is returned from the hook", function () {
+    import_hooks.useCompileAndEvaluateMdx.mockReturnValue({
+      Component: null,
+      code: "some code",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDX, {
+        children: "hello"
+      })
+    }));
+    var mdxContent = import_react.screen.queryByText("hello");
+    (0, import_vitest.expect)(mdxContent).toBeNull();
+  });
+  (0, import_vitest.it)("renders the evaluated MDX component and passes the merged components prop", function () {
+    var _dummyDiv_textContent;
+    var TestDummyComponent = function TestDummyComponent2(param) {
+      var {
+        components
+      } = param;
+      var componentKeys2 = Object.keys(components || {});
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        "data-testid": "dummy",
+        children: componentKeys2.join(",")
+      });
+    };
+    import_hooks.useCompileAndEvaluateMdx.mockReturnValue({
+      Component: TestDummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: true
+      }
+    });
+    var additionalComponents = {
+      p: function p(param) {
+        var {
+          children
+        } = param;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+          "data-testid": "custom-p",
+          children
+        });
+      }
+    };
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDX, {
+        children: "hello",
+        components: additionalComponents
+      })
+    }));
+    var dummyDiv = import_react.screen.getByTestId("dummy");
+    var componentKeys = ((_dummyDiv_textContent = dummyDiv.textContent) === null || _dummyDiv_textContent === void 0 ? void 0 : _dummyDiv_textContent.split(",")) || [];
+    (0, import_vitest.expect)(componentKeys).toContain("mdxKey");
+    (0, import_vitest.expect)(componentKeys).toContain("hookKey");
+    (0, import_vitest.expect)(componentKeys).toContain("p");
+  });
+  (0, import_vitest.it)("calls debug logging when the debug prop is provided", function () {
+    var debugSpy = import_vitest.vi.spyOn(console, "debug").mockImplementation(function () {});
+    import_hooks.useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDX, {
+        children: "hello",
+        debug: true
+      })
+    }));
+    (0, import_vitest.expect)(debugSpy).toHaveBeenCalledWith("MDX", {
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    (0, import_vitest.expect)(debugSpy).toHaveBeenCalledWith("compiledCode");
+    debugSpy.mockRestore();
+  });
+  (0, import_vitest.it)("does not call debug logging when the debug prop is false", function () {
+    var debugSpy = import_vitest.vi.spyOn(console, "debug").mockImplementation(function () {});
+    import_hooks.useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDX, {
+        children: "hello",
+        debug: false
+      })
+    }));
+    (0, import_vitest.expect)(debugSpy).not.toHaveBeenCalled();
+    debugSpy.mockRestore();
+  });
+  (0, import_vitest.it)("does not throw an error when an empty children string is provided", function () {
+    import_hooks.useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "",
+      frontmatter: {}
+    });
+    (0, import_vitest.expect)(function () {
+      return (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDX, {
+          children: "hello"
+        })
+      }));
+    }).not.toThrow();
+  });
+});
+//# sourceMappingURL=mdx.spec.native.js.map

package/dist/jsx/Mdx/mdx.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react","import_test_utils","import_tamagui","import_vitest","import_hooks","import_index","DummyComponent","DummyComponent2","param","components","jsx","YStack","children","JSON","stringify","vi","mock","useCompileAndEvaluateMdx","fn","useMDXComponents","hookKey","mdxComponents","mdxKey","describe","afterEach","clearAllMocks","it","mockReturnValue","Component","code","frontmatter","test","renderWithProviders","Fragment","MDX","mdxContent","screen","queryByText","expect","toBeNull","_dummyDiv_textContent","TestDummyComponent","TestDummyComponent2","componentKeys2","Object","keys","join","additionalComponents","p","dummyDiv","getByTestId","componentKeys","textContent","split","toContain","debugSpy","spyOn","console","mockImplementation"],"sources":["../../../src/Mdx/mdx.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}