@owomark/react 0.1.5 → 0.1.7

package/dist/mdx.worker.js

@@ -0,0 +1,97 @@
+// src/mdx.worker.ts
+import { compile } from "@mdx-js/mdx";
+import {
+  getOwoMarkPlugins,
+  inspectMdxSource,
+  remapMdxErrorDetails
+} from "@owomark/processor";
+
+// src/mdx-error.ts
+function parseMdxErrorDetails(error) {
+  if (error && typeof error === "object") {
+    const value = error;
+    if (typeof value.line === "number") {
+      return {
+        message: value.message ?? String(error),
+        line: value.line,
+        column: typeof value.column === "number" ? value.column : void 0
+      };
+    }
+    const text = value.message ?? String(error);
+    const match = text.match(/\((\d+):(\d+)/);
+    if (match) {
+      return {
+        message: text,
+        line: Number(match[1]),
+        column: Number(match[2])
+      };
+    }
+    return { message: text };
+  }
+  return { message: String(error) };
+}
+
+// src/mdx.worker.ts
+var cancelledIds = /* @__PURE__ */ new Set();
+self.onmessage = (e) => {
+  const msg = e.data;
+  if (msg.type === "cancel") {
+    cancelledIds.add(msg.id);
+    return;
+  }
+  void handleCompile(msg);
+};
+async function handleCompile(data) {
+  const { id, markdown, options } = data;
+  const inspection = options.preparedSource && options.sourceMap ? null : inspectMdxSource(markdown, {
+    enableMath: options.enableMath,
+    enableSideAnnotation: options.enableSideAnnotation,
+    extraRemarkDescriptors: options.extraRemarkDescriptors
+  });
+  const preparedSource = options.preparedSource ?? inspection.compileSource;
+  const sourceMap = options.sourceMap ?? inspection.sourceMap;
+  try {
+    if (cancelledIds.has(id)) {
+      cancelledIds.delete(id);
+      return;
+    }
+    const { remarkPlugins, rehypePlugins } = getOwoMarkPlugins({
+      mode: "production",
+      enableMath: options.enableMath,
+      enableSideAnnotation: options.enableSideAnnotation,
+      enableCodeHighlight: false,
+      sourceAnchors: options.sourceAnchors,
+      extraRemarkDescriptors: options.extraRemarkDescriptors,
+      extraRehypeDescriptors: options.extraRehypeDescriptors,
+      mdxSourceMap: sourceMap
+    });
+    if (cancelledIds.has(id)) {
+      cancelledIds.delete(id);
+      return;
+    }
+    const result = await compile(preparedSource, {
+      outputFormat: "function-body",
+      remarkPlugins,
+      rehypePlugins
+    });
+    if (cancelledIds.has(id)) {
+      cancelledIds.delete(id);
+      return;
+    }
+    self.postMessage({
+      id,
+      ok: true,
+      code: String(result)
+    });
+  } catch (error) {
+    if (cancelledIds.has(id)) {
+      cancelledIds.delete(id);
+      return;
+    }
+    self.postMessage({
+      id,
+      ok: false,
+      error: parseMdxErrorDetails(remapMdxErrorDetails(error, sourceMap))
+    });
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owomark/react",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "React bindings and components for the OwoMark editor stack.",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,9 +33,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@owomark/core": "^0.1.5",
-    "@owomark/processor": "^0.1.5",
-    "@owomark/view": "^0.1.5"
+    "@mdx-js/mdx": "^3.0.0",
+    "@owomark/core": "^0.1.7",
+    "@owomark/processor": "^0.1.7",
+    "@owomark/view": "^0.1.7",
+    "shiki": "^3.23.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/index.css

@@ -1,32 +0,0 @@
-/* src/MdxSkeleton.css */
-.owo-mdx-skeleton {
-  background:
-    linear-gradient(
-      90deg,
-      var(--owo-skeleton-base, #e5e7eb) 25%,
-      var(--owo-skeleton-shine, #f3f4f6) 50%,
-      var(--owo-skeleton-base, #e5e7eb) 75%);
-  background-size: 200% 100%;
-  animation: owo-mdx-skeleton-shimmer 1.5s ease-in-out infinite;
-  border-radius: 4px;
-}
-@keyframes owo-mdx-skeleton-shimmer {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-.owo-mdx-skeleton-block {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 12px 0;
-}
-.owo-mdx-skeleton-line {
-  height: 14px;
-}
-.owo-mdx-skeleton-line:last-child {
-  width: 60%;
-}