@slexkit/streamdown 0.2.0 → 0.3.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { createElement, Fragment, useEffect, useMemo, useRef, useState, } from "
 import { CodeBlockContainer, CodeBlockHeader, } from "streamdown";
 import { ingest, getSlexKitMarkdownRuntimeHost, mount, mountSecureArtifact, parseSlexSource, } from "slexkit";
 const DEFAULT_LANGUAGES = ["slex"];
-const STREAMDOWN_RENDERER_VERSION = "0.2.0";
+const STREAMDOWN_RENDERER_VERSION = "0.3.0";
 const DEFAULT_SECURE_POLICY = {};
 function languageList(languages) {
     return languages ?? [...DEFAULT_LANGUAGES];
@@ -177,7 +177,7 @@ export function SlexKitRenderer({ code, language, isIncomplete, meta, domain, re
         return parsedSource?.ok && isStateOnlySource(parsedSource.value) ? "state-only" : "renderable";
     }, [delegatesToSecureHost, isIncomplete, isSecureRuntime, parsedSource]);
     const isStateOnly = sourceKind === "state-only";
-    const runtimeInput = useMemo(() => isSecureRuntime || delegatesToSecureHost ? String(code) : scopedSlexKitInput(code, parsedSource?.ok ? parsedSource.value : undefined, domain), [code, delegatesToSecureHost, domain, isSecureRuntime, parsedSource]);
+    const runtimeInput = useMemo(() => isSecureRuntime || activeRuntimeHost ? String(code) : scopedSlexKitInput(code, parsedSource?.ok ? parsedSource.value : undefined, domain), [code, activeRuntimeHost, domain, isSecureRuntime, parsedSource]);
     const effectiveRenderMode = useMemo(() => resolveRenderMode(meta, renderMode), [meta, renderMode]);
     const parseError = parsedSource && !parsedSource.ok ? parsedSource.error : null;
     const displayError = parseError ?? error;
@@ -190,6 +190,22 @@ export function SlexKitRenderer({ code, language, isIncomplete, meta, domain, re
             return;
         }
         if (isStateOnly) {
+            if (activeRuntimeHost) {
+                const container = document.createElement("span");
+                try {
+                    const cleanup = activeRuntimeHost.mountBlock({
+                        artifactId: domain,
+                        source: runtimeInput,
+                        container,
+                    });
+                    return cleanup;
+                }
+                catch (err) {
+                    setError(err);
+                    onError?.(err, String(code));
+                    return;
+                }
+            }
             if (!ingest(runtimeInput)) {
                 const err = new Error("Failed to parse Slex state block.");
                 setError(err);
@@ -245,6 +261,7 @@ export function SlexKitRenderer({ code, language, isIncomplete, meta, domain, re
         code,
         activeRuntimeHost,
         delegatesToSecureHost,
+        domain,
         effectiveRenderMode,
         hostAdapter,
         isIncomplete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slexkit/streamdown",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Streamdown custom renderer for SlexKit fenced UI blocks.",
   "author": "SlexKit contributors",
   "type": "module",
@@ -47,7 +47,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "slexkit": "^0.2.0",
+    "slexkit": "^0.3.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "streamdown": "^2.5.0"