@multiplatform.one/markdown 6.0.0

package/dist/esm/Markdown.stories.mjs

@@ -0,0 +1,125 @@
+import { YStack } from "tamagui";
+import { Markdown } from "./Markdown.mjs";
+import { jsx } from "react/jsx-runtime";
+const meta = {
+  title: "Markdown/Markdown",
+  component: 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;
+const 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.
+`;
+const Main = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(YStack, {
+    maxWidth: 700,
+    padding: "$4",
+    children: /* @__PURE__ */jsx(Markdown, {
+      children: sampleMarkdown
+    })
+  })
+};
+const CodeBlock = {
+  render: () => /* @__PURE__ */jsx(YStack, {
+    maxWidth: 700,
+    padding: "$4",
+    children: /* @__PURE__ */jsx(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');
+});
+\`\`\``
+    })
+  })
+};
+const Simple = {
+  render: () => /* @__PURE__ */jsx(YStack, {
+    maxWidth: 700,
+    padding: "$4",
+    children: /* @__PURE__ */jsx(Markdown, {
+      children: `# Simple Example
+
+Just some **bold** and _italic_ text with a [link](https://example.com).`
+    })
+  })
+};
+export { CodeBlock, Main, Simple, Markdown_stories_default as default };
+//# sourceMappingURL=Markdown.stories.mjs.map

package/dist/esm/Markdown.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","Markdown","jsx","meta","title","component","parameters","status","type","docs","description","Markdown_stories_default","sampleMarkdown","Main","name","render","maxWidth","padding","children","CodeBlock","Simple"],"sources":["../../src/Markdown.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,QAAgB;AAwFnB,SAAAC,GAAA;AAtFN,MAAMC,IAAA,GAA8B;EAClCC,KAAA,EAAO;EACPC,SAAA,EAAWJ,QAAA;EACXK,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAO;IACvBC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXL,SAAA,EACE;MACJ;IACF;EACF;AACF;AAEA,IAAOM,wBAAA,GAAQR,IAAA;AAGf,MAAMS,cAAA,GAAiB;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;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,MAAMC,IAAA,GAAc;EACzBC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAb,GAAA,CAACF,MAAA;IAAOgB,QAAA,EAAU;IAAKC,OAAA,EAAQ;IAC7BC,QAAA,iBAAAhB,GAAA,CAACD,QAAA;MAAUiB,QAAA,EAAAN;IAAA,CAAe;EAAA,CAC5B;AAEJ;AAEO,MAAMO,SAAA,GAAmB;EAC9BJ,MAAA,EAAQA,CAAA,KACN,eAAAb,GAAA,CAACF,MAAA;IAAOgB,QAAA,EAAU;IAAKC,OAAA,EAAQ;IAC7BC,QAAA,iBAAAhB,GAAA,CAACD,QAAA;MACEiB,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAAA,CAYH;EAAA,CACF;AAEJ;AAEO,MAAME,MAAA,GAAgB;EAC3BL,MAAA,EAAQA,CAAA,KACN,eAAAb,GAAA,CAACF,MAAA;IAAOgB,QAAA,EAAU;IAAKC,OAAA,EAAQ;IAC7BC,QAAA,iBAAAhB,GAAA,CAACD,QAAA;MACEiB,QAAA;AAAA;AAAA;IAAA,CAGH;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { YStack } from "tamagui";
+import { Markdown } from "./Markdown.native.js";
+var meta = {
+  title: "Markdown/Markdown",
+  component: 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__ */_jsx(YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */_jsx(Markdown, {
+        children: sampleMarkdown
+      })
+    });
+  }
+};
+var CodeBlock = {
+  render: function render2() {
+    return /* @__PURE__ */_jsx(YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */_jsx(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__ */_jsx(YStack, {
+      maxWidth: 700,
+      padding: "$4",
+      children: /* @__PURE__ */_jsx(Markdown, {
+        children: `# Simple Example
+
+Just some **bold** and _italic_ text with a [link](https://example.com).`
+      })
+    });
+  }
+};
+export { CodeBlock, Main, Simple, Markdown_stories_default as default };
+//# sourceMappingURL=Markdown.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","YStack","Markdown","meta","title","component","parameters","status","type","docs","description","Markdown_stories_default","sampleMarkdown","Main","name","render","maxWidth","padding","children","CodeBlock","render2"],"sources":["../../src/Markdown.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,iBAAgB;AAwFnB,SAAAC,QAAA;AAtFN,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,SAAA,EAAWH,QAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACF;EAEA;AAGA;AAAuB,IAAAM,wBAAA,GAAAR,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;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,IACNC,IAAA,GAAQ;EAKVC,IAAA;EAEOC,MAAM,WAAmBA,OAAA;IAC9B,OAAQ,eACNf,IAAA,CAAAC,MAAC;MAEIe,QAAA;MAAAC,OAAA;MAAAC,QAAA,iBAAAlB,IAAA,CAAAE,QAAA;QAAAgB,QAAA,EAAAN;MAAA;IAAA;EAAA;AAAA;AAAA,IAAAO,SAAA;EAAAJ,MAAA,WAAAK,QAAA;IAAA,OAYH,eACFpB,IAAA,CAAAC,MAAA;MAEJe,QAAA;MAEaC,OAAA,EAAgB;MAC3BC,QAAQ,EACN,eAAAlB,IAAC,CAAAE,QAAA,EAAO;QAEHgB,QAAA;AAAA;AAMT","ignoreList":[]}

package/dist/esm/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/esm/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/esm/Mdx/index.native.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMDXComponents } from "@mdx-js/react";
+import { useCompileAndEvaluateMdx } from "../hooks/index.native.js";
+import { mdxComponents } from "../mdxComponents.native.js";
+var logger = console;
+function MDX(param) {
+  var {
+    children,
+    debug,
+    ...props
+  } = param;
+  var components = useMDXComponents();
+  var {
+    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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useMDXComponents","useCompileAndEvaluateMdx","mdxComponents","logger","console","MDX","param","children","debug","props","components","Component","code","frontmatter"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAwBC,SAAA;AAGjC,SAASC,gBAAA,uBAAgC;AACzC,SAASC,wBAAqB;AAaL,SAAAC,aAAA;AALzB,IAAAC,MAAM,GAAAC,OAAS;AAER,SAASC,IAAIC,KAAE;EACpB;IAAMC,QAAA;IAAAC,KAAa;IAAA,GAAAC;EAAA,IAAiBH,KAAA;EACpC,IAAAI,UAAQ,GAAAV,gBAAiB;EACzB,IAAI;IAACW,SAAW;IAAAC,IAAA;IAAOC;EAAA,IAAAZ,wBAAI,CAAAM,QAAA;EAC3B,IAAI,CAAAI,SAAO,wBAAAd,IAAA,CAAAE,SAAA;EACT,IAAAS,KAAO;IACPL,MAAA,CAAOK,KAAA,CAAM,KAAI;MACnBK;IACA;IACGV,MAAA,CAAAK,KAAA,CAAAI,IAAA;EAAA;EAAA,OACC,eAAYf,IAAA,CAAAc,SAAA;IAAAD,UACP;MAAA,GACHR,aAAG;MAAA,GACHQ,UAAS;MACX,GAAAD,KAAA,CAAAC;IAAA;EACF;AAEJ","ignoreList":[]}

package/dist/esm/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/esm/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/esm/Mdx/mdx.spec.native.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+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.native.js";
+import { MDX } from "./index.native.js";
+var DummyComponent = function DummyComponent2(param) {
+  var {
+    components
+  } = param;
+  return /* @__PURE__ */_jsx(YStack, {
+    "data-testid": "dummy",
+    children: JSON.stringify(components)
+  });
+};
+vi.mock("../hooks", function () {
+  return {
+    useCompileAndEvaluateMdx: vi.fn()
+  };
+});
+vi.mock("@mdx-js/react", function () {
+  return {
+    useMDXComponents: function useMDXComponents() {
+      return {
+        hookKey: "hookValue"
+      };
+    }
+  };
+});
+vi.mock("../mdxComponents", function () {
+  return {
+    mdxComponents: {
+      mdxKey: "mdxValue"
+    }
+  };
+});
+describe("MDX component", function () {
+  afterEach(function () {
+    vi.clearAllMocks();
+  });
+  it("renders an empty fragment if no component is returned from the hook", function () {
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: null,
+      code: "some code",
+      frontmatter: {
+        test: "frontmatter"
+      }
+    });
+    renderWithProviders(/* @__PURE__ */_jsx(_Fragment, {
+      children: /* @__PURE__ */_jsx(MDX, {
+        children: "hello"
+      })
+    }));
+    var mdxContent = screen.queryByText("hello");
+    expect(mdxContent).toBeNull();
+  });
+  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__ */_jsx(YStack, {
+        "data-testid": "dummy",
+        children: componentKeys2.join(",")
+      });
+    };
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: TestDummyComponent,
+      code: "compiledCode",
+      frontmatter: {
+        test: true
+      }
+    });
+    var additionalComponents = {
+      p: function p(param) {
+        var {
+          children
+        } = param;
+        return /* @__PURE__ */_jsx("div", {
+          "data-testid": "custom-p",
+          children
+        });
+      }
+    };
+    renderWithProviders(/* @__PURE__ */_jsx(_Fragment, {
+      children: /* @__PURE__ */_jsx(MDX, {
+        children: "hello",
+        components: additionalComponents
+      })
+    }));
+    var dummyDiv = screen.getByTestId("dummy");
+    var componentKeys = ((_dummyDiv_textContent = dummyDiv.textContent) === null || _dummyDiv_textContent === void 0 ? void 0 : _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", function () {
+    var debugSpy = vi.spyOn(console, "debug").mockImplementation(function () {});
+    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", function () {
+    var debugSpy = vi.spyOn(console, "debug").mockImplementation(function () {});
+    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", function () {
+    useCompileAndEvaluateMdx.mockReturnValue({
+      Component: DummyComponent,
+      code: "",
+      frontmatter: {}
+    });
+    expect(function () {
+      return renderWithProviders(/* @__PURE__ */_jsx(_Fragment, {
+        children: /* @__PURE__ */_jsx(MDX, {
+          children: "hello"
+        })
+      }));
+    }).not.toThrow();
+  });
+});
+//# sourceMappingURL=mdx.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","screen","renderWithProviders","YStack","afterEach","describe","expect","it","vi","useCompileAndEvaluateMdx","MDX","DummyComponent","DummyComponent2","param","components","children","JSON","stringify","mock","fn","useMDXComponents","hookKey","mdxComponents","mdxKey","clearAllMocks","mockReturnValue","Component","code","frontmatter","test","mdxContent","queryByText","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":[]}