@incremark/vue 0.3.2 → 0.3.3

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components';
 export { default as ThemeProvider } from './ThemeProvider.vue';
 export { default as ConfigProvider } from './components/ConfigProvider.vue';
 export type { ParsedBlock, IncrementalUpdate, ParserOptions, BlockStatus, Root, RootContent, SourceBlock, DisplayBlock, TransformerPlugin, TransformerOptions, TransformerState, AnimationEffect } from '@incremark/core';
+export type { Root as MdastRoot, Parent, Heading, Paragraph, Code, Blockquote, List, ListItem, Table, TableCell, ThematicBreak, Text, PhrasingContent, InlineCode, Link, LinkReference, Image, ImageReference, HTML, Definition, FootnoteDefinition } from 'mdast';
 export { BlockTransformer, createBlockTransformer, countChars, sliceAst, cloneNode, codeBlockPlugin, mermaidPlugin, imagePlugin, mathPlugin, thematicBreakPlugin, defaultPlugins, allPlugins, createPlugin } from '@incremark/core';
 export { type DesignTokens, defaultTheme, darkTheme, generateCSSVars, mergeTheme, applyTheme } from '@incremark/theme';
 import { en as enShared, zhCN as zhCNShared } from '@incremark/shared';

package/dist/index.js

@@ -577,7 +577,7 @@ var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   __name: "IncremarkMath",
   props: {
     node: { type: Object, required: true },
-    renderDelay: { type: Number, required: false, default: 300 }
+    renderDelay: { type: Number, required: false, default: 0 }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2372,71 +2372,69 @@ var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
     __expose();
     const props = __props;
     const emit = __emit;
+    const isBrowser = typeof window !== "undefined";
     const hasStreamError = ref8(false);
+    const tokens = reactive([]);
     const index = ref8(0);
     let controller = null;
-    const textStream = new ReadableStream({
-      start(_controller) {
-        controller = _controller;
+    let textStream = null;
+    let tokenStream = null;
+    if (isBrowser) {
+      textStream = new ReadableStream({
+        start(_controller) {
+          controller = _controller;
+        }
+      });
+      try {
+        tokenStream = textStream.pipeThrough(
+          new CodeToTokenTransformStream({
+            highlighter: props.highlighter,
+            lang: props.lang,
+            theme: props.theme,
+            allowRecalls: true
+          })
+        );
+      } catch (error) {
+        console.error("Failed to create token stream:", error);
+        hasStreamError.value = true;
+        emit("stream-error");
       }
-    });
+      if (tokenStream) {
+        tokenStream.pipeTo(new WritableStream({
+          write(token) {
+            if ("recall" in token)
+              tokens.splice(tokens.length - token.recall, token.recall);
+            else
+              tokens.push(token);
+          },
+          close: () => {
+            emit("stream-end");
+          }
+        })).catch((error) => {
+          console.error("Stream error:", error);
+          hasStreamError.value = true;
+          emit("stream-error");
+        });
+      }
+    }
     watch6(() => props.code, (newCode) => {
+      if (!isBrowser || !controller) return;
       if (newCode.length > index.value && !hasStreamError.value) {
         const incremental = newCode.slice(index.value);
-        controller?.enqueue(incremental);
+        controller.enqueue(incremental);
         index.value = newCode.length;
       }
     }, { immediate: true });
-    let tokenStream = null;
-    try {
-      tokenStream = textStream.pipeThrough(
-        new CodeToTokenTransformStream({
-          highlighter: props.highlighter,
-          lang: props.lang,
-          theme: props.theme,
-          allowRecalls: true
-        })
-      );
-    } catch (error) {
-      console.error("Failed to create token stream:", error);
-      hasStreamError.value = true;
-      emit("stream-error");
-    }
-    const tokens = reactive([]);
-    if (tokenStream) {
-      let tokenCount = 0;
-      tokenStream.pipeTo(new WritableStream({
-        write(token) {
-          const start = performance.now();
-          if ("recall" in token)
-            tokens.splice(tokens.length - token.recall, token.recall);
-          else
-            tokens.push(token);
-          const elapsed = performance.now() - start;
-          tokenCount++;
-          if (elapsed > 1) {
-            console.log(`[Vue CodeRenderer] Token #${tokenCount} update took ${elapsed.toFixed(2)}ms, total tokens: ${tokens.length}`);
-          }
-        },
-        close: () => {
-          console.log(`[Vue CodeRenderer] Stream completed, total tokens: ${tokenCount}`);
-          emit("stream-end");
-        }
-      })).catch((error) => {
-        console.error("Stream error:", error);
-        hasStreamError.value = true;
-        emit("stream-error");
-      });
-    }
     const render24 = () => {
-      if (hasStreamError.value) {
-        return h("pre", { class: "shiki incremark-code-stream" }, h("code", props.code));
+      if (hasStreamError.value || !isBrowser || tokens.length === 0) {
+        return h("pre", { class: "shiki incremark-code-stream" }, h("code", {}, props.code));
       }
       return h(
         "pre",
         { class: "shiki incremark-code-stream" },
         h(
           "code",
+          {},
           renderList(tokens, (token) => h("span", { key: objectId(token), style: token.htmlStyle || getTokenStyleObject(token) }, token.content))
         )
       );
@@ -2446,15 +2444,19 @@ var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
       tokens.length = 0;
       index.value = 0;
     });
-    const __returned__ = { props, emit, hasStreamError, index, get controller() {
+    const __returned__ = { props, emit, isBrowser, hasStreamError, tokens, index, get controller() {
       return controller;
     }, set controller(v) {
       controller = v;
-    }, textStream, get tokenStream() {
+    }, get textStream() {
+      return textStream;
+    }, set textStream(v) {
+      textStream = v;
+    }, get tokenStream() {
       return tokenStream;
     }, set tokenStream(v) {
       tokenStream = v;
-    }, tokens, render: render24 };
+    }, render: render24 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }