draft: feat(jsx): base for supporting more runtimes

[muningis]

What:
Support JSX runtimes other than react.

Why:
Allow this to be used with other JSX runtimes supported by mdxjs (https://mdxjs.com/docs/getting-started/#jsx) but not limited to. For example, this can work quite fine with https://hono.dev/ too, eventhough it's not mentioned here (thanks to a fact, that Hono is compatible with React's API)

How:
Adjust bundleMDX to accept jsxConfig (which fallbacks to react).
getMDXComponent will have to be adjusted too, still looking for an approach which would have least breaking changes. Second paramter globals could be used for that, as such:

const { code } = bundleMDX({
  jsxConfig: {
    JsxLib: {
      varName: 'HonoJSX',
      package: 'hono/jsx',
    },
    JsxDom: {
      varName: 'HonoDOM',
      package: 'hono/jsx/dom',
    },
    jsxRuntime: {
      varName: '_jsx_runtime',
      package: 'hono/jsx/jsx-runtime',
    },
  }
});

// ...

import * as HonoJSX from "hono/jsx";
import * as HonoDOM from "hono/jsx/dom";
import * as _jsx_runtime from "hono/jsx/jsx-runtime";
const Component = getMDXComponent(code, { HonoJSX, HonoDOM, _jsx_runtime });

Checklist:

• Documentation
• Tests - TODO
• Ready to be merged

Todo:

• Readme update
• Preact tests
• Hono tests (react compatible, not officially supported by mdx-js)
• Vue tests
• Solid tests
• Svelte tests

[kentcdodds]

Thanks! I think I want to lowercase a few things. Other than that, this is perfect :)

[kentcdodds]

Thanks! One last thing. Could you add a note about this in the readme?

[muningis]

Of course! Still have to do few things though:

• add some unit tests for various runtimes (primarly Vue, Solid, Svelte).
• modify getMDXBudler - will adjust /client import to fallback/default to React, and /client/jsx will allow passing own JSX bindings+runtime.

[kentcdodds]

Thank you!