@cnt-dev/chat-ui 0.1.0

package/resources/chatui/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","names":["sap","ui","define","escape","s","replace","inline","text","_m","label","href","parseTableRow","line","split","slice","map","cell","trim","isSeparatorRow","test","every","c","markdownToHtml","md","lines","out","inCode","codeLines","inList","inTable","flushList","push","flushTable","i","length","startsWith","join","trimmed","endsWith","next","headers","h","cells","heading","match","level","Math","min","li"],"sources":["markdown.ts"],"sourcesContent":["/*!\n * ${copyright}\n */\n\nconst escape = (s: string): string =>\n    s.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n\nconst inline = (text: string): string =>\n    escape(text)\n        .replace(/`([^`]+)`/g, \"<code>$1</code>\")\n        .replace(/\\*\\*(.+?)\\*\\*/g, \"<strong>$1</strong>\")\n        .replace(/__(.+?)__/g, \"<strong>$1</strong>\")\n        .replace(/\\*(.+?)\\*/g, \"<em>$1</em>\")\n        .replace(/_(.+?)_/g, \"<em>$1</em>\")\n        .replace(\n            /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n            (_m: string, label: string, href: string) =>\n                `<a href=\"${href}\" target=\"_blank\" rel=\"noopener\">${label}</a>`\n        );\n\nconst parseTableRow = (line: string): string[] =>\n    line.split(\"|\").slice(1, -1).map((cell) => cell.trim());\n\nconst isSeparatorRow = (line: string): boolean =>\n    /^\\|[\\s:-]+\\|/.test(line) && parseTableRow(line).every((c) => /^:?-+:?$/.test(c));\n\n/**\n * Minimal Markdown → HTML converter used to format assistant messages.\n *\n * Supports paragraphs, headings, unordered lists, fenced code blocks,\n * pipe-tables and the usual inline formatting (bold, italic, inline code,\n * links). Output is escaped before formatting is applied, so it is safe to\n * assign the result to `innerHTML`.\n *\n * @namespace chatui\n */\nexport default function markdownToHtml(md: string): string {\n    if (!md) return \"\";\n\n    const lines = md.split(\"\\n\");\n    const out: string[] = [];\n    let inCode = false;\n    let codeLines: string[] = [];\n    let inList = false;\n    let inTable = false;\n\n    const flushList = (): void => {\n        if (inList) {\n            out.push(\"</ul>\");\n            inList = false;\n        }\n    };\n    const flushTable = (): void => {\n        if (inTable) {\n            out.push(\"</tbody></table>\");\n            inTable = false;\n        }\n    };\n\n    for (let i = 0; i < lines.length; i++) {\n        const line = lines[i];\n\n        if (line.startsWith(\"```\")) {\n            flushList();\n            flushTable();\n            if (inCode) {\n                out.push(`<pre><code>${escape(codeLines.join(\"\\n\"))}</code></pre>`);\n                codeLines = [];\n            }\n            inCode = !inCode;\n            continue;\n        }\n        if (inCode) {\n            codeLines.push(line);\n            continue;\n        }\n\n        const trimmed = line.trim();\n\n        if (!inTable && trimmed.startsWith(\"|\") && trimmed.endsWith(\"|\")) {\n            const next = lines[i + 1]?.trim();\n            if (next && isSeparatorRow(next)) {\n                flushList();\n                const headers = parseTableRow(trimmed);\n                out.push('<table class=\"cnetChatBox-table\"><thead><tr>');\n                for (const h of headers) out.push(`<th>${inline(h)}</th>`);\n                out.push(\"</tr></thead><tbody>\");\n                inTable = true;\n                i++;\n                continue;\n            }\n        }\n\n        if (inTable) {\n            if (trimmed.startsWith(\"|\") && trimmed.endsWith(\"|\")) {\n                const cells = parseTableRow(trimmed);\n                out.push(\"<tr>\");\n                for (const c of cells) out.push(`<td>${inline(c)}</td>`);\n                out.push(\"</tr>\");\n                continue;\n            }\n            flushTable();\n        }\n\n        if (!trimmed) {\n            flushList();\n            flushTable();\n            continue;\n        }\n\n        const heading = trimmed.match(/^(#{1,6})\\s+(.+)$/);\n        if (heading) {\n            flushList();\n            flushTable();\n            const level = Math.min(heading[1].length, 6);\n            out.push(`<h${level}>${inline(heading[2])}</h${level}>`);\n            continue;\n        }\n\n        const li = trimmed.match(/^[-*]\\s+(.*)/);\n        if (li) {\n            flushTable();\n            if (!inList) {\n                out.push(\"<ul>\");\n                inList = true;\n            }\n            out.push(`<li>${inline(li[1])}</li>`);\n            continue;\n        }\n\n        flushList();\n        flushTable();\n        out.push(`<p>${inline(trimmed)}</p>`);\n    }\n\n    flushList();\n    flushTable();\n    if (inCode) out.push(`<pre><code>${escape(codeLines.join(\"\\n\"))}</code></pre>`);\n    return out.join(\"\");\n}\n"],"mappings":"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","ignoreList":[]}

package/resources/chatui/markdown.ts

@@ -0,0 +1,140 @@
+/*!
+ * ${copyright}
+ */
+
+const escape = (s: string): string =>
+    s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+
+const inline = (text: string): string =>
+    escape(text)
+        .replace(/`([^`]+)`/g, "<code>$1</code>")
+        .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>")
+        .replace(/__(.+?)__/g, "<strong>$1</strong>")
+        .replace(/\*(.+?)\*/g, "<em>$1</em>")
+        .replace(/_(.+?)_/g, "<em>$1</em>")
+        .replace(
+            /\[([^\]]+)\]\(([^)]+)\)/g,
+            (_m: string, label: string, href: string) =>
+                `<a href="${href}" target="_blank" rel="noopener">${label}</a>`
+        );
+
+const parseTableRow = (line: string): string[] =>
+    line.split("|").slice(1, -1).map((cell) => cell.trim());
+
+const isSeparatorRow = (line: string): boolean =>
+    /^\|[\s:-]+\|/.test(line) && parseTableRow(line).every((c) => /^:?-+:?$/.test(c));
+
+/**
+ * Minimal Markdown → HTML converter used to format assistant messages.
+ *
+ * Supports paragraphs, headings, unordered lists, fenced code blocks,
+ * pipe-tables and the usual inline formatting (bold, italic, inline code,
+ * links). Output is escaped before formatting is applied, so it is safe to
+ * assign the result to `innerHTML`.
+ *
+ * @namespace chatui
+ */
+export default function markdownToHtml(md: string): string {
+    if (!md) return "";
+
+    const lines = md.split("\n");
+    const out: string[] = [];
+    let inCode = false;
+    let codeLines: string[] = [];
+    let inList = false;
+    let inTable = false;
+
+    const flushList = (): void => {
+        if (inList) {
+            out.push("</ul>");
+            inList = false;
+        }
+    };
+    const flushTable = (): void => {
+        if (inTable) {
+            out.push("</tbody></table>");
+            inTable = false;
+        }
+    };
+
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+
+        if (line.startsWith("```")) {
+            flushList();
+            flushTable();
+            if (inCode) {
+                out.push(`<pre><code>${escape(codeLines.join("\n"))}</code></pre>`);
+                codeLines = [];
+            }
+            inCode = !inCode;
+            continue;
+        }
+        if (inCode) {
+            codeLines.push(line);
+            continue;
+        }
+
+        const trimmed = line.trim();
+
+        if (!inTable && trimmed.startsWith("|") && trimmed.endsWith("|")) {
+            const next = lines[i + 1]?.trim();
+            if (next && isSeparatorRow(next)) {
+                flushList();
+                const headers = parseTableRow(trimmed);
+                out.push('<table class="cnetChatBox-table"><thead><tr>');
+                for (const h of headers) out.push(`<th>${inline(h)}</th>`);
+                out.push("</tr></thead><tbody>");
+                inTable = true;
+                i++;
+                continue;
+            }
+        }
+
+        if (inTable) {
+            if (trimmed.startsWith("|") && trimmed.endsWith("|")) {
+                const cells = parseTableRow(trimmed);
+                out.push("<tr>");
+                for (const c of cells) out.push(`<td>${inline(c)}</td>`);
+                out.push("</tr>");
+                continue;
+            }
+            flushTable();
+        }
+
+        if (!trimmed) {
+            flushList();
+            flushTable();
+            continue;
+        }
+
+        const heading = trimmed.match(/^(#{1,6})\s+(.+)$/);
+        if (heading) {
+            flushList();
+            flushTable();
+            const level = Math.min(heading[1].length, 6);
+            out.push(`<h${level}>${inline(heading[2])}</h${level}>`);
+            continue;
+        }
+
+        const li = trimmed.match(/^[-*]\s+(.*)/);
+        if (li) {
+            flushTable();
+            if (!inList) {
+                out.push("<ul>");
+                inList = true;
+            }
+            out.push(`<li>${inline(li[1])}</li>`);
+            continue;
+        }
+
+        flushList();
+        flushTable();
+        out.push(`<p>${inline(trimmed)}</p>`);
+    }
+
+    flushList();
+    flushTable();
+    if (inCode) out.push(`<pre><code>${escape(codeLines.join("\n"))}</code></pre>`);
+    return out.join("");
+}

package/resources/chatui/messagebundle.properties

@@ -0,0 +1,20 @@
+# Translation file of library chatui.
+chatbox.placeholder=Nachricht schreiben...
+chatbox.send=Senden
+chatbox.newChat=Neuer Chat
+chatbox.newConversation=Neue Konversation
+chatbox.conversations=Konversationen
+chatbox.noConversations=Noch keine Konversationen.
+chatbox.deleteConversation=Konversation l\u00f6schen
+chatbox.untitledConversation=Neue Konversation
+chatbox.emptyHint=Stell mir eine Frage, um zu beginnen.
+chatbox.copy=In Zwischenablage kopieren
+chatbox.copied=Kopiert
+chatbox.attach=Datei anh\u00e4ngen
+chatbox.removeAttachment=Anhang entfernen
+chatbox.dropHere=Dateien hier ablegen
+chatbox.edit=Bearbeiten
+chatbox.save=Speichern
+chatbox.cancel=Abbrechen
+chatbox.yesterday=Gestern
+chatbox.youPrefix=Du:

package/resources/chatui/messagebundle_en.properties

@@ -0,0 +1,20 @@
+# Translation file of library chatui (English).
+chatbox.placeholder=Type a message...
+chatbox.send=Send
+chatbox.newChat=New chat
+chatbox.newConversation=New conversation
+chatbox.conversations=Conversations
+chatbox.noConversations=No conversations yet.
+chatbox.deleteConversation=Delete conversation
+chatbox.untitledConversation=New conversation
+chatbox.emptyHint=Ask me anything to get started.
+chatbox.copy=Copy to clipboard
+chatbox.copied=Copied
+chatbox.attach=Attach file
+chatbox.removeAttachment=Remove attachment
+chatbox.dropHere=Drop files here
+chatbox.edit=Edit
+chatbox.save=Save
+chatbox.cancel=Cancel
+chatbox.yesterday=Yesterday
+chatbox.youPrefix=You: