@owomark/view 0.1.2 → 0.1.4

package/README.md

@@ -2,7 +2,7 @@
 
 Rendering engine and interactive view layer for OwoMark. Provides the Gold Processor Factory for Markdown → HTML rendering, an incremental preview engine, and a DOM-backed editor view.
 
-Official package: `@owomark/view`. The flat name `owomark-view` is reserved only as a compatibility redirect and should not be used for new installs.
+Install the official package: `@owomark/view`.
 
 ## Install
 

package/dist/{chunk-4V3WQMGV.js → chunk-DHRAXGIK.js}

@@ -1100,6 +1100,51 @@ import rehypePrettyCode from "rehype-pretty-code";
 import rehypeStringify from "rehype-stringify";
 import remarkDirective from "remark-directive";
 
+// src/processor/remark-normalize-standalone-math.ts
+function getOffset(node, edge) {
+  const value = node?.position?.[edge]?.offset;
+  return typeof value === "number" ? value : null;
+}
+function isStandaloneDisplayMathParagraph(node, source) {
+  if (node.type !== "paragraph" || !Array.isArray(node.children) || node.children.length !== 1) {
+    return false;
+  }
+  const onlyChild = node.children[0];
+  if (onlyChild?.type !== "inlineMath") return false;
+  const start = getOffset(node, "start");
+  const end = getOffset(node, "end");
+  if (start == null || end == null) return false;
+  const raw = source.slice(start, end).trim();
+  return /^\$\$(?!\s*$)[\s\S]*?(?<!\\)\$\$$/.test(raw);
+}
+function remarkNormalizeStandaloneMath() {
+  return (tree, file) => {
+    const source = typeof file.value === "string" ? file.value : "";
+    if (!source) return;
+    walk2(tree, source);
+  };
+}
+function walk2(node, source) {
+  if (!Array.isArray(node.children)) return;
+  node.children = node.children.map((child) => {
+    if (isStandaloneDisplayMathParagraph(child, source)) {
+      const mathChild = child.children[0];
+      return {
+        type: "math",
+        value: mathChild.value ?? "",
+        data: {
+          hName: "code",
+          hProperties: { className: ["language-math", "math-display"] },
+          hChildren: [{ type: "text", value: mathChild.value ?? "" }]
+        },
+        position: child.position
+      };
+    }
+    walk2(child, source);
+    return child;
+  });
+}
+
 // src/processor/micromark-side-annotation.ts
 var CODE_OPEN_PAREN = 40;
 var CODE_CLOSE_PAREN = 41;
@@ -1475,6 +1520,7 @@ function buildRemarkPlugins(options) {
   ];
   if (enableMath) {
     plugins.push(remarkMath);
+    plugins.push(remarkNormalizeStandaloneMath);
   }
   plugins.push(remarkDirective);
   if (options.mode !== "preview") {

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   rehypeSideAnnotation,
   remarkConvertSoftBreaksToHardBreaks,
   remarkSideAnnotation
-} from "./chunk-4V3WQMGV.js";
+} from "./chunk-DHRAXGIK.js";
 import {
   BlockLayoutMap
 } from "./chunk-3CKPBCIP.js";

package/dist/static.js

@@ -17,7 +17,7 @@ import {
   rehypeSideAnnotation,
   remarkConvertSoftBreaksToHardBreaks,
   remarkSideAnnotation
-} from "./chunk-4V3WQMGV.js";
+} from "./chunk-DHRAXGIK.js";
 export {
   Callout,
   CodeDemo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owomark/view",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Rendering engine, preview engine, DOM view layer, and official base theme for OwoMark.",
   "type": "module",
   "main": "./dist/index.js",
@@ -69,7 +69,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@owomark/core": "^0.1.2",
+    "@owomark/core": "^0.1.4",
     "rehype-katex": "^6.0.3",
     "rehype-pretty-code": "^0.14.1",
     "rehype-slug": "^6.0.0",

package/src/theme/preview.css

@@ -80,6 +80,12 @@
   color: var(--owo-preview-blockquote-text, var(--owo-text-muted, #64748b));
 }
 
+.owomark-prose hr {
+  border: 0;
+  border-top: 1px solid var(--owo-preview-divider, var(--owo-border, #e2e8f0));
+  margin: var(--owo-preview-hr-margin, 2rem 0);
+}
+
 .owomark-prose code {
   font-family: var(--owo-preview-font-mono, var(--owo-font-mono, system-ui, monospace));
   background-color: var(--owo-preview-inline-code-bg, rgba(148, 163, 184, 0.16));
@@ -97,10 +103,21 @@
   border: none;
   border-radius: 0;
   color: inherit;
-  font-size: 1em;
+  font-size: 1.12em;
   vertical-align: baseline;
 }
 
+.owomark-prose code.language-math.math-display {
+  display: block;
+  font-family: inherit;
+  background-color: transparent;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  color: inherit;
+  font-size: 1em;
+}
+
 .owomark-prose pre {
   background-color: var(--owo-preview-code-block-bg, var(--owo-surface-raised, #f8fafc));
   padding: var(--owo-preview-code-block-padding, 1rem);