@abstractframework/panel-chat 0.1.2 → 0.1.6

package/README.md

@@ -12,7 +12,7 @@ Declared in `panel-chat/package.json`:
 ## Install
 
 - Workspace: add a dependency on `@abstractframework/panel-chat`
-- npm (once published): `npm i @abstractframework/panel-chat`
+- npm: `npm i @abstractframework/panel-chat`
 
 ## Exported API
 
@@ -49,7 +49,7 @@ export function ChatView() {
 - JSON ⇒ `JsonViewer`
 - otherwise ⇒ `Markdown` (or your `renderMarkdown` override)
 
-Markdown is intentionally minimal and implemented in `panel-chat/src/markdown.tsx` (headings 1–3, code fences, lists, tables, blockquotes, hr, emphasis, and optional highlighting).
+Markdown is intentionally minimal and implemented in `panel-chat/src/markdown.tsx` (headings 1–5, code fences, lists, tables, blockquotes, hr, emphasis, and optional highlighting).
 
 ## Styling & theming
 

package/dist/chat_message_card.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Icon } from "@abstractframework/ui-kit";
-import { ChatMessageContent } from "./message_content";
-import { copyText } from "./utils";
+import { ChatMessageContent } from "./message_content.js";
+import { copyText } from "./utils.js";
 function _role_ui(m) {
     const role = String(m.role || "").trim().toLowerCase() || "system";
     const kind = String(m.kind || "").trim().toLowerCase();

package/dist/chat_thread.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ChatMessage, type ChatMessageCardProps } from "./chat_message_card";
+import { type ChatMessage, type ChatMessageCardProps } from "./chat_message_card.js";
 export type ChatThreadProps = {
     messages: ChatMessage[];
     className?: string;

package/dist/chat_thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat_thread.d.ts","sourceRoot":"","sources":["../src/chat_thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEnG,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;CACtD,CAAC;AAQF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoCrE;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"chat_thread.d.ts","sourceRoot":"","sources":["../src/chat_thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEtG,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;CACtD,CAAC;AAQF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoCrE;AAED,eAAe,UAAU,CAAC"}

package/dist/chat_thread.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { ChatMessageCard } from "./chat_message_card";
+import { ChatMessageCard } from "./chat_message_card.js";
 function is_near_bottom(el, thresholdPx) {
     const thr = Math.max(0, Math.trunc(thresholdPx));
     const remaining = el.scrollHeight - el.scrollTop - el.clientHeight;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export { ChatMessageContent } from "./message_content";
-export { ChatComposer } from "./chat_composer";
-export { Markdown } from "./markdown";
-export { JsonViewer } from "./json_viewer";
-export { ChatMessageCard } from "./chat_message_card";
-export { ChatThread } from "./chat_thread";
-export type { PanelChatMessage } from "./types";
-export type { ChatAttachment, ChatMessage, ChatMessageLevel, ChatStat } from "./chat_message_card";
-export { chatToMarkdown, copyText, downloadTextFile, tryParseJson } from "./utils";
+export { ChatMessageContent } from "./message_content.js";
+export { ChatComposer } from "./chat_composer.js";
+export { Markdown } from "./markdown.js";
+export { JsonViewer } from "./json_viewer.js";
+export { ChatMessageCard } from "./chat_message_card.js";
+export { ChatThread } from "./chat_thread.js";
+export type { PanelChatMessage } from "./types.js";
+export type { ChatAttachment, ChatMessage, ChatMessageLevel, ChatStat } from "./chat_message_card.js";
+export { chatToMarkdown, copyText, downloadTextFile, tryParseJson } from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
-export { ChatMessageContent } from "./message_content";
-export { ChatComposer } from "./chat_composer";
-export { Markdown } from "./markdown";
-export { JsonViewer } from "./json_viewer";
-export { ChatMessageCard } from "./chat_message_card";
-export { ChatThread } from "./chat_thread";
-export { chatToMarkdown, copyText, downloadTextFile, tryParseJson } from "./utils";
+export { ChatMessageContent } from "./message_content.js";
+export { ChatComposer } from "./chat_composer.js";
+export { Markdown } from "./markdown.js";
+export { JsonViewer } from "./json_viewer.js";
+export { ChatMessageCard } from "./chat_message_card.js";
+export { ChatThread } from "./chat_thread.js";
+export { chatToMarkdown, copyText, downloadTextFile, tryParseJson } from "./utils.js";

package/dist/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../src/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqI1B,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAuLrB"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../src/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqI1B,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAyLrB"}

package/dist/markdown.js

@@ -162,7 +162,7 @@ export function Markdown({ text, className, highlight, highlights, highlightClas
             blocks.push(_jsx("pre", { className: "pc-md_pre", children: _jsx("code", { className: lang ? `language-${lang}` : undefined, children: code }) }, `pre:${i}`));
             continue;
         }
-        const headingM = line.match(/^(#{1,3})\s+(.*)$/);
+        const headingM = line.match(/^(#{1,5})\s+(.*)$/);
         if (headingM) {
             const level = headingM[1].length;
             const content = headingM[2] || "";
@@ -171,8 +171,12 @@ export function Markdown({ text, className, highlight, highlights, highlightClas
                 blocks.push(_jsx("h1", { children: nodes }, `h1:${i}`));
             else if (level === 2)
                 blocks.push(_jsx("h2", { children: nodes }, `h2:${i}`));
-            else
+            else if (level === 3)
                 blocks.push(_jsx("h3", { children: nodes }, `h3:${i}`));
+            else if (level === 4)
+                blocks.push(_jsx("h4", { children: nodes }, `h4:${i}`));
+            else
+                blocks.push(_jsx("h5", { children: nodes }, `h5:${i}`));
             i += 1;
             continue;
         }

package/dist/message_content.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { JsonViewer } from "./json_viewer";
-import { Markdown } from "./markdown";
-import { tryParseJson } from "./utils";
+import { JsonViewer } from "./json_viewer.js";
+import { Markdown } from "./markdown.js";
+import { tryParseJson } from "./utils.js";
 export function ChatMessageContent(props) {
     const text = String(props.text ?? "");
     const parsed = tryParseJson(text);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abstractframework/panel-chat",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "description": "Shared chat panel components for AbstractFramework (extracted from AbstractCode; reusable by other UIs).",
   "type": "module",
   "author": "Laurent-Philippe Albou",
@@ -39,16 +39,16 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@abstractframework/ui-kit": "^0.1.2",
+    "@abstractframework/ui-kit": "^0.1.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@abstractframework/ui-kit": "^0.1.2",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "@abstractframework/ui-kit": "^0.1.6",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "typescript": "^5.3.3"
   },
   "sideEffects": [

package/src/panel_chat.css

@@ -11,7 +11,9 @@
 
 .pc-md h1,
 .pc-md h2,
-.pc-md h3 {
+.pc-md h3,
+.pc-md h4,
+.pc-md h5 {
   margin: 10px 0 6px 0;
   font-size: var(--font-size-base, 14px);
 }