@rayriffy/remark-esm
v1.0.1
Published
Quick start template for publishing NPM package.
Readme
@rayriffy/remark-esm
Transform code-block into renderable esm.sh scripts.
Usage
```jsx
// !esm root-element
// !imports react https://esm.sh/[email protected]
// !imports react-dom/client https://esm.sh/[email protected]/client
// !tsx
import { createRoot } from "react-dom/client"
const root = document.querySelector("#root-element")
createRoot(root).render(<h1>Hello, World!</h1>)
```Transforms into HTML elements
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/[email protected]",
"react-dom": "https://esm.sh/[email protected]/client"
}
}
</script>
<script type="module" src="https://esm.sh/tsx"></script>
<div id="root-element"></div>
<script type="text/jsx">
import { createRoot } from "react-dom/client"
const root = document.querySelector("#root-element")
createRoot(root).render(<h1>Hello, World!</h1>)
</script>