Refactor some more

docs/_asset/editor.jsx

@@ -322,7 +322,7 @@ function Playground() {
 
   return (
     <>
-      <form className="playground-editor">
+      <form>
         <div className="playground-area">
           <div className="playground-inner">
             <div className="playground-draw">

docs/_asset/index.css

@@ -1205,15 +1205,6 @@ button.success {
   }
 }
 
-/* To do: clean from here */
-.playground {
-  display: grid;
-  grid-template-columns: 49% 49%;
-  min-height: 40rem;
-  gap: calc(1em + 1ex);
-  margin-inline: calc(1em + 1ex);
-}
-
 .playground-area,
 .playground-controls,
 .playground-result {

package.json

@@ -31,6 +31,8 @@
     "@types/mdx": "^2.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/ungap__structured-clone": "^0.3.0",
+    "@ungap/structured-clone": "^1.0.0",
     "@vue/babel-plugin-jsx": "^1.0.0",
     "@vue/server-renderer": "^3.0.0",
     "@wooorm/starry-night": "^3.0.0",
@@ -51,7 +53,10 @@
     "eslint-plugin-react-hooks": "^4.0.0",
     "estree-util-value-to-estree": "^3.0.0",
     "globby": "^13.0.0",
+    "hast-util-from-html": "^2.0.0",
+    "hast-util-sanitize": "^5.0.0",
     "hast-util-select": "^6.0.0",
+    "hast-util-to-html": "^9.0.0",
     "hast-util-to-jsx-runtime": "^2.0.0",
     "hast-util-to-text": "^4.0.0",
     "hastscript": "^8.0.0",
@@ -78,7 +83,6 @@
     "rehype-preset-minify": "^7.0.0",
     "rehype-raw": "^7.0.0",
     "rehype-remove-comments": "^6.0.0",
-    "rehype-sanitize": "^6.0.0",
     "rehype-shift-heading": "^2.0.0",
     "rehype-slug": "^6.0.0",
     "rehype-stringify": "^10.0.0",
@@ -99,8 +103,7 @@
     "rollup": "^4.0.0",
     "type-coverage": "^2.0.0",
     "typescript": "^5.0.0",
-    "unified": "^11.0.3",
-    "unist-builder": "^4.0.0",
+    "unified": "^11.0.0",
     "unist-util-remove-position": "^5.0.0",
     "unist-util-visit": "^5.0.0",
     "vfile": "^6.0.0",

packages/register/lib/index.cjs

@@ -1,5 +1,6 @@
 /**
  * @typedef {import('node:module').Module} Module
+ * @typedef {import('mdx/types.js').MDXModule} MDXModule
  */
 
 /**
@@ -67,8 +68,7 @@ function register(options) {
    */
   function mdx(module, path) {
     const file = processSync(fs.readFileSync(path))
-    // To do: type `run`.
-    /** @type {{default: unknown}} */
+    /** @type {MDXModule} */
     const result = runSync(file, runtime)
     // Something going weird here w/ `type-coverage`.
     // type-coverage:ignore-next-line