@ai-matrx/rich-content 0.2.47 → 0.2.49

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.2.49
+
+- The code block's HTML "Preview" button opens the `html` canvas kind with the source
+  (`{ type: "html", data, metadata: { title } }`) — the same frame every other "open HTML in
+  canvas" path uses — instead of publishing a page and opening the generic `iframe` web view.
+  It no longer needs a signed-in user or a page-service call.
+
+Consumer action: none.
+
+## 0.2.48
+
+- The copy commands and the document menu strip thinking with THE rule
+  (`stripThinking`, `@ai-matrx/content-ir/source`) instead of a static import of
+  `@ai-matrx/print/markdown`, which put KaTeX and an HTML parser on every first screen. The
+  formatted-HTML copy still loads print at click time.
+
 ## 0.2.47
 
 - The JSON value types and guards (`isJsonObject`, `isJsonArray`, `isJsonPrimitive`, `Json*`)

package/dist/code-block/CodeBlock.js

@@ -8,17 +8,15 @@ import {
   isKindJsonText,
   valueCarriesKind
 } from "@ai-matrx/content-ir/surfaces";
-import { extractErrorMessage } from "../utils/lifted/errors.js";
 import { cn } from "@ai-matrx/design-system";
 import SmallCodeEditor from "./SmallCodeEditor.js";
 import CodeBlockHeader from "./CodeBlockHeader.js";
 import { useThemeMode } from "../host/app-bindings.js";
 import StickyButtons from "./StickyButtons.js";
 import { useIsMobile } from "@ai-matrx/kit/media-query";
-import { hostHtmlPageService, useHostUser } from "../host/app-bindings.js";
 import { isCompleteHtmlDocument } from "../utils/lifted/html-document.js";
 import { codeLanguageToExtension } from "../utils/lifted/code-language-extension.js";
-import { Globe, Loader2 } from "lucide-react";
+import { Globe } from "lucide-react";
 import { useCanvas } from "../host/app-bindings.js";
 import { toast } from "../host/toast.js";
 import { ShikiCodeView } from "./highlight/ShikiCodeView.js";
@@ -91,7 +89,6 @@ const CodeBlockBody = ({
   const [minimapEnabled, setMinimapEnabled] = useState(false);
   const [isTopInView, setIsTopInView] = useState(false);
   const [isBottomInView, setIsBottomInView] = useState(false);
-  const [isCreatingPage, setIsCreatingPage] = useState(false);
   const [formatTrigger, setFormatTrigger] = useState(0);
   const openSmartCodeEditorWindow = useOpenSmartCodeEditorWindow();
   const bottomRef = useRef(null);
@@ -101,37 +98,15 @@ const CodeBlockBody = ({
   const showStickyButtons = isBottomInView && !isTopInView && !isEditing;
   const mode = useThemeMode();
   const isMobile = useIsMobile();
-  const user = useHostUser();
   const { open: openCanvas } = useCanvas();
   const code = editedCode ?? initialCode;
   const isCompleteHTMLDocument = (htmlCode) => viewLanguage === "html" && isCompleteHtmlDocument(htmlCode);
-  const handleViewHTML = async () => {
-    if (!user?.id) {
-      toast.error("You must be logged in to view HTML pages");
-      return;
-    }
-    setIsCreatingPage(true);
-    try {
-      const result = await hostHtmlPageService().createPage(
-        code,
-        "HTML Preview",
-        "Generated from code block",
-        user.id
-      );
-      openCanvas({
-        type: "iframe",
-        data: result.url,
-        metadata: {
-          title: "HTML Preview",
-          htmlPageId: result.pageId
-        }
-      });
-    } catch (error) {
-      console.error("Failed to create HTML page:", error);
-      toast.error(`Failed to create HTML page: ${extractErrorMessage(error)}`);
-    } finally {
-      setIsCreatingPage(false);
-    }
+  const handleViewHTML = () => {
+    openCanvas({
+      type: "html",
+      data: code,
+      metadata: { title: "HTML Preview" }
+    });
   };
   useEffect(() => {
     const observerOptions = {
@@ -315,7 +290,6 @@ const CodeBlockBody = ({
               isMobile,
               isCompleteHTML: isCompleteHTMLDocument(code),
               handleViewHTML,
-              isCreatingPage,
               showWrapLines,
               handleFormat,
               handleReset,
@@ -389,11 +363,10 @@ const CodeBlockBody = ({
                             highlightLines: fence.highlightLines
                           }
                         ),
-                        isCompleteHTMLDocument(code) && !isCollapsed && /* @__PURE__ */ jsx(
+                        isCompleteHTMLDocument(code) && !isCollapsed && /* @__PURE__ */ jsxs(
                           "button",
                           {
                             onClick: handleViewHTML,
-                            disabled: isCreatingPage,
                             className: cn(
                               "absolute bottom-4 right-4 z-20",
                               "flex items-center gap-2 px-4 py-2 rounded-full",
@@ -401,17 +374,13 @@ const CodeBlockBody = ({
                               "text-white text-sm font-medium",
                               "shadow-lg hover:shadow-xl",
                               "transition-all duration-200 ease-in-out",
-                              "transform hover:scale-105",
-                              isCreatingPage && "opacity-50 cursor-not-allowed"
+                              "transform hover:scale-105"
                             ),
                             title: "Open HTML Preview in Canvas",
-                            children: isCreatingPage ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                              /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin" }),
-                              /* @__PURE__ */ jsx("span", { children: "Creating..." })
-                            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            children: [
                               /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4" }),
                               /* @__PURE__ */ jsx("span", { children: "Preview" })
-                            ] })
+                            ]
                           }
                         )
                       ]

package/dist/copy/markdown-copy-html.d.ts

@@ -1,3 +1,3 @@
-export { removeThinkingContent } from "@ai-matrx/print/markdown";
+export { stripThinking as removeThinkingContent } from "@ai-matrx/content-ir/source";
 /** The formatted HTML for a copy (loaded at click time), or `undefined` when this host writes plain text only. */
 export declare function formattedCopyHtml(markdown: string): Promise<string> | undefined;

package/dist/copy/markdown-copy-html.js

@@ -1,8 +1,8 @@
-import { removeThinkingContent } from "@ai-matrx/print/markdown";
+import { stripThinking } from "@ai-matrx/content-ir/source";
 function formattedCopyHtml(markdown) {
   return import("@ai-matrx/print/markdown").then(({ markdownToHtml }) => markdownToHtml(markdown));
 }
 export {
   formattedCopyHtml,
-  removeThinkingContent
+  stripThinking as removeThinkingContent
 };

package/dist/host/app-bindings.js

@@ -1,6 +1,6 @@
 "use client";
 import { ConfirmDialog as DesignSystemConfirmDialog } from "@ai-matrx/design-system";
-import { createElement } from "react";
+import { createElement, lazy, Suspense } from "react";
 import { GenericStructuredView } from "@ai-matrx/content-ir-react";
 import { announceBareHost, BARE_HOST_ATTR, hostCapability } from "./registry.js";
 function binding(key) {
@@ -47,7 +47,17 @@ const getArtifactDef = fn("getArtifactDef", nothing, "no artifact types are know
 const resolveArtifactDef = fn("resolveArtifactDef", nothing, "no artifact types are known");
 const hasArtifactRenderer = fn("hasArtifactRenderer", () => false, "no artifact renderers are known");
 const ArtifactRender = component("ArtifactRender", ValueFloor, "artifacts render through the generic structured view");
-const CodeBlockWithContextAttach = component("CodeBlockWithContextAttach", null, "code blocks render without the attach-to-context action");
+const LazyCodeBlock = lazy(() => import("../code-block/CodeBlock.js"));
+function PlainCodeBlock(props) {
+  const { conversationId: _c, messageId: _m, existingArtifactId: _a, extraMenuItems: _e, ...rest } = props;
+  const code = typeof rest.code === "string" ? rest.code : "";
+  return createElement(
+    Suspense,
+    { fallback: createElement("pre", { ...BARE_HOST_ATTR, "data-code-block-loading": "" }, createElement("code", null, code)) },
+    createElement(LazyCodeBlock, rest)
+  );
+}
+const CodeBlockWithContextAttach = component("CodeBlockWithContextAttach", PlainCodeBlock, "code blocks render without the attach-to-context action");
 const useOpenConvertToShapeWindow = fn("useOpenConvertToShapeWindow", nothing, "no convert-to-shape window");
 const useOpenSmartCodeEditorWindow = fn("useOpenSmartCodeEditorWindow", nothing, "no code editor window");
 const useOpenTableViewerWindow = fn("useOpenTableViewerWindow", nothing, "no table viewer window");

package/dist/rich-document/variants/shared/AlchemyDocumentMenu.js

@@ -5,7 +5,7 @@ import * as React from "react";
 import { ContentTransferMenu } from "@ai-matrx/alchemy/react/workspace";
 import { unwrapKindEnvelopes } from "@ai-matrx/content-ir/source";
 import { directSource } from "@ai-matrx/alchemy/operate";
-import { removeThinkingContent } from "@ai-matrx/print/markdown";
+import { stripThinking as removeThinkingContent } from "@ai-matrx/content-ir/source";
 function AlchemyDocumentMenu({
   getCtx,
   sourceId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.47",
+  "version": "0.2.49",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -130,21 +130,21 @@
     "unist-util-visit": "^5.1.0",
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
+    "@ai-matrx/agents": "latest",
+    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/design-system": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/agents": "latest"
+    "@ai-matrx/kit": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",