@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/loader/loader.service.js

@@ -0,0 +1,24 @@
+import { Injectable, computed, signal } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiLoaderService {
+    #loader = signal(0, ...(ngDevMode ? [{ debugName: "#loader" }] : []));
+    isLoading = computed(() => this.#loader() > 0, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    show() {
+        this.#loader.update((count) => count + 1);
+    }
+    hide() {
+        this.#loader.update((count) => Math.max(count - 1, 0));
+    }
+    reset() {
+        this.#loader.set(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiLoaderService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=loader.service.js.map

package/esm2022/lib/components/loader/loader.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/loader/loader.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAK7D,MAAM,OAAO,eAAe;IACxB,OAAO,GAAG,MAAM,CAAS,CAAC,mDAAC,CAAC;IAEnB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,qDAAC,CAAC;IAExD,IAAI;QACA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,IAAI;QACA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,KAAK;QACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;uGAfQ,eAAe;2GAAf,eAAe,cAFZ,MAAM;;2FAET,eAAe;kBAH3B,UAAU;mBAAC;oBACR,UAAU,EAAE,MAAM;iBACrB","sourcesContent":["import { Injectable, computed, signal } from \"@angular/core\";\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiLoaderService {\r\n    #loader = signal<number>(0);\r\n\r\n    readonly isLoading = computed(() => this.#loader() > 0);\r\n\r\n    show() {\r\n        this.#loader.update((count: number) => count + 1);\r\n    }\r\n\r\n    hide() {\r\n        this.#loader.update((count: number) => Math.max(count - 1, 0));\r\n    }\r\n\r\n    reset() {\r\n        this.#loader.set(0);\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/loader/loader.variants.js

@@ -0,0 +1,25 @@
+import { cva } from "class-variance-authority";
+export const loaderVariants = cva("", {
+    variants: {
+        type: {
+            spinner: "",
+            dots: "",
+            progress: "",
+        },
+        size: {
+            default: "size-10",
+            sm: "size-6",
+            md: "size-8",
+            lg: "size-16",
+        },
+        overlay: {
+            true: "bg-black/30 fixed top-0 left-0 h-screen w-screen flex items-center justify-center z-999",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+        type: "spinner",
+        overlay: false,
+    },
+});
+//# sourceMappingURL=loader.variants.js.map

package/esm2022/lib/components/loader/loader.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/loader/loader.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,EAAE,EAAE;IAClC,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;SACf;QACD,IAAI,EAAE;YACF,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,SAAS;SAChB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,yFAAyF;SAClG;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const loaderVariants = cva(\"\", {\r\n    variants: {\r\n        type: {\r\n            spinner: \"\",\r\n            dots: \"\",\r\n            progress: \"\",\r\n        },\r\n        size: {\r\n            default: \"size-10\",\r\n            sm: \"size-6\",\r\n            md: \"size-8\",\r\n            lg: \"size-16\",\r\n        },\r\n        overlay: {\r\n            true: \"bg-black/30 fixed top-0 left-0 h-screen w-screen flex items-center justify-center z-999\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        size: \"default\",\r\n        type: \"spinner\",\r\n        overlay: false,\r\n    },\r\n});\r\n\r\nexport type LoaderVariants = VariantProps<typeof loaderVariants>;\r\n"]}

package/esm2022/lib/components/markdown/demo/editor.js

@@ -0,0 +1,35 @@
+import { Component, inject } from "@angular/core";
+import { ThemeStore } from "../../../infra";
+import { AiMarkdown } from "../markdown";
+import * as i0 from "@angular/core";
+export class DemoMarkdownEditorComponent {
+    #theme = inject(ThemeStore);
+    theme = this.#theme.theme;
+    code = `export function makeTest () {
+    return {
+        message: "success",
+        data: {
+            id: 1,
+            name: "Test User"
+        }
+    }
+}`;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoMarkdownEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoMarkdownEditorComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 max-w-md w-full">
+            <ai-markdown mode="editor" [code]="code" [theme]="theme()" language="typescript" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiMarkdown, selector: "ai-markdown", inputs: ["mode", "code", "language", "theme", "class"], outputs: ["changeCode"], exportAs: ["aiMarkdown"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoMarkdownEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiMarkdown],
+                    template: `
+        <div class="flex flex-col gap-y-4 max-w-md w-full">
+            <ai-markdown mode="editor" [code]="code" [theme]="theme()" language="typescript" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=editor.js.map

package/esm2022/lib/components/markdown/demo/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/markdown/demo/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAUzC,MAAM,OAAO,2BAA2B;IACpC,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE5B,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAE1B,IAAI,GAAG;;;;;;;;EAQT,CAAC;uGAbU,2BAA2B;2FAA3B,2BAA2B,wEAN1B;;;;KAIT,4DALS,UAAU;;2FAOX,2BAA2B;kBARvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, inject } from \"@angular/core\";\r\n\r\nimport { ThemeStore } from \"../../../infra\";\r\nimport { AiMarkdown } from \"../markdown\";\r\n\r\n@Component({\r\n    imports: [AiMarkdown],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 max-w-md w-full\">\r\n            <ai-markdown mode=\"editor\" [code]=\"code\" [theme]=\"theme()\" language=\"typescript\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoMarkdownEditorComponent {\r\n    #theme = inject(ThemeStore);\r\n\r\n    theme = this.#theme.theme;\r\n\r\n    code = `export function makeTest () {\r\n    return {\r\n        message: \"success\",\r\n        data: {\r\n            id: 1,\r\n            name: \"Test User\"\r\n        }\r\n    }\r\n}`;\r\n}\r\n"]}

package/esm2022/lib/components/markdown/demo/markdown.js

@@ -0,0 +1,17 @@
+import { DemoMarkdownEditorComponent } from "./editor";
+import { DemoMarkdownViewerComponent } from "./viewer";
+export const MARKDOWN = {
+    componentName: "markdown",
+    componentType: "markdown",
+    examples: [
+        {
+            name: "editor",
+            component: DemoMarkdownEditorComponent,
+        },
+        {
+            name: "viewer",
+            component: DemoMarkdownViewerComponent,
+        },
+    ],
+};
+//# sourceMappingURL=markdown.js.map

package/esm2022/lib/components/markdown/demo/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/markdown/demo/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,2BAA2B;SACzC;QACD;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,2BAA2B;SACzC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoMarkdownEditorComponent } from \"./editor\";\r\nimport { DemoMarkdownViewerComponent } from \"./viewer\";\r\n\r\nexport const MARKDOWN = {\r\n    componentName: \"markdown\",\r\n    componentType: \"markdown\",\r\n    examples: [\r\n        {\r\n            name: \"editor\",\r\n            component: DemoMarkdownEditorComponent,\r\n        },\r\n        {\r\n            name: \"viewer\",\r\n            component: DemoMarkdownViewerComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/markdown/demo/viewer.js

@@ -0,0 +1,35 @@
+import { Component, inject } from "@angular/core";
+import { ThemeStore } from "../../../infra";
+import { AiMarkdown } from "../markdown";
+import * as i0 from "@angular/core";
+export class DemoMarkdownViewerComponent {
+    #theme = inject(ThemeStore);
+    theme = this.#theme.theme;
+    code = `export function makeTest () {
+    return {
+        message: "success",
+        data: {
+            id: 1,
+            name: "Test User"
+        }
+    }
+}`;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoMarkdownViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoMarkdownViewerComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-2xl">
+            <ai-markdown mode="viewer" [code]="code" [theme]="theme()" language="typescript" class="w-112.5" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiMarkdown, selector: "ai-markdown", inputs: ["mode", "code", "language", "theme", "class"], outputs: ["changeCode"], exportAs: ["aiMarkdown"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoMarkdownViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiMarkdown],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-2xl">
+            <ai-markdown mode="viewer" [code]="code" [theme]="theme()" language="typescript" class="w-112.5" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=viewer.js.map

package/esm2022/lib/components/markdown/demo/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/markdown/demo/viewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAUzC,MAAM,OAAO,2BAA2B;IACpC,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE5B,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAE1B,IAAI,GAAG;;;;;;;;EAQT,CAAC;uGAbU,2BAA2B;2FAA3B,2BAA2B,wEAN1B;;;;KAIT,4DALS,UAAU;;2FAOX,2BAA2B;kBARvC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, inject } from \"@angular/core\";\r\n\r\nimport { ThemeStore } from \"../../../infra\";\r\nimport { AiMarkdown } from \"../markdown\";\r\n\r\n@Component({\r\n    imports: [AiMarkdown],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-2xl\">\r\n            <ai-markdown mode=\"viewer\" [code]=\"code\" [theme]=\"theme()\" language=\"typescript\" class=\"w-112.5\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoMarkdownViewerComponent {\r\n    #theme = inject(ThemeStore);\r\n\r\n    theme = this.#theme.theme;\r\n\r\n    code = `export function makeTest () {\r\n    return {\r\n        message: \"success\",\r\n        data: {\r\n            id: 1,\r\n            name: \"Test User\"\r\n        }\r\n    }\r\n}`;\r\n}\r\n"]}

package/esm2022/lib/components/markdown/icon.helper.js

@@ -0,0 +1,245 @@
+import { visit } from "unist-util-visit";
+const fileIcons = {
+    "component.ts": "https://zardui.com/icons/angular-file.svg",
+    "service.ts": "https://zardui.com/icons/angular-file.svg",
+    "directive.ts": "https://zardui.com/icons/angular-file.svg",
+    "guard.ts": "https://zardui.com/icons/angular-file.svg",
+    "pipe.ts": "https://zardui.com/icons/angular-file.svg",
+    "module.ts": "https://zardui.com/icons/angular-file.svg",
+    ts: "https://zardui.com/icons/typescript.svg",
+    html: "./img/icons/html.svg",
+    css: "./img/icons/css.svg",
+    json: "https://zardui.com/icons/braces.svg",
+    md: "./img/icons/html.svg",
+    bash: "https://zardui.com/icons/code.svg",
+    terminal: "https://zardui.com/icons/code.svg",
+};
+const languageIcons = {
+    typescript: "https://zardui.com/icons/typescript.svg",
+    javascript: "./img/icons/javascript.svg",
+    html: "./img/icons/html.svg",
+    css: "./img/icons/css.svg",
+    json: "https://zardui.com/icons/braces.svg",
+    bash: "https://zardui.com/icons/code.svg",
+    shell: "https://zardui.com/icons/code.svg",
+    sh: "https://zardui.com/icons/code.svg",
+    angular: "https://zardui.com/icons/angular-file.svg",
+    ts: "https://zardui.com/icons/typescript.svg",
+    js: "./img/icons/javascript.svg",
+};
+export function getIconForFile(filename) {
+    if (!filename)
+        return null;
+    for (const [pattern, icon] of Object.entries(fileIcons)) {
+        if (pattern.includes(".") && filename.endsWith(pattern)) {
+            return icon;
+        }
+    }
+    const extension = filename.split(".").pop()?.toLowerCase();
+    if (extension && fileIcons[extension]) {
+        return fileIcons[extension];
+    }
+    return null;
+}
+export function getIconForLanguage(language) {
+    if (!language)
+        return null;
+    return languageIcons[language.toLowerCase()] || null;
+}
+export function createCopyButton(codeContent, hasTitle = false) {
+    return {
+        type: "element",
+        tagName: "button",
+        properties: {
+            type: "button",
+            class: [
+                hasTitle ? "" : "absolute",
+                "top-3",
+                hasTitle ? "" : "right-3",
+                hasTitle ? "" : "z-20",
+                hasTitle && "ml-auto",
+                "flex",
+                "h-6",
+                "w-6",
+                "items-center",
+                "justify-center",
+                "rounded-md",
+                hasTitle ?? "border",
+                hasTitle ? "bg-transparent" : "bg-default",
+                "text-muted-foreground",
+                "transition-all",
+                "duration-200",
+                "ease-in-out",
+                "hover:bg-muted",
+                "focus-visible:outline-none",
+                "focus-visible:ring-2",
+                "focus-visible:ring-ring",
+                "focus-visible:ring-offset-2",
+            ],
+            onclick: `copyCodeToClipboard(this, \`${codeContent.replace(/`/g, "\\`").replace(/\$/g, "\\$")}\`)`,
+            "aria-label": "Copy code",
+            title: "Copy code",
+        },
+        children: [
+            {
+                type: "element",
+                tagName: "i",
+                properties: {
+                    class: [
+                        "ri-file-copy-line",
+                        "font-normal",
+                        "text-muted-foreground",
+                        "hover:text-primary",
+                        "cursor-pointer",
+                        "hover:bg-zinc-200",
+                        "dark:hover:bg-zinc-800",
+                        "h-6",
+                        "w-6",
+                        "leading-6",
+                        "rounded-full",
+                    ],
+                },
+                children: [],
+            },
+        ],
+    };
+}
+export function createCodeTitle(filename, icon, copyButton, codeContent) {
+    const titleChildren = [];
+    if (icon?.includes("/")) {
+        titleChildren.push({
+            type: "element",
+            tagName: "img",
+            properties: {
+                src: icon,
+                alt: "",
+                class: ["h-4", "w-4", "shrink-0", "invert-0", "dark:invert"],
+            },
+            children: [],
+        });
+    }
+    else {
+        titleChildren.push({
+            type: "element",
+            tagName: "i",
+            properties: {
+                class: [icon, "text-base"],
+            },
+            children: [],
+        });
+    }
+    titleChildren.push({
+        type: "element",
+        tagName: "span",
+        properties: {
+            class: ["text-xs", "font-medium", "leading-none"],
+        },
+        children: [
+            {
+                type: "text",
+                value: filename,
+            },
+        ],
+    });
+    if (copyButton) {
+        const copyButtonHtml = createCopyButton(codeContent, copyButton);
+        titleChildren.push(copyButtonHtml);
+    }
+    return {
+        type: "element",
+        tagName: "div",
+        properties: {
+            class: ["flex", "items-center", "gap-2", "border-b", "border-b-border", "px-4", "py-2", "text-xs", copyButton ?? "justify-between"],
+        },
+        children: titleChildren,
+    };
+}
+export function rehypeEnhancedCode() {
+    return (tree) => {
+        visit(tree, "element", (node, index, parent) => {
+            if (index === undefined || !parent)
+                return;
+            if (node.tagName === "pre" && node.children && node.children[0]?.tagName === "code") {
+                const codeNode = node.children[0];
+                const codeContent = extractCodeContent(codeNode);
+                const codeClasses = codeNode.properties?.className || [];
+                const languageClass = codeClasses.find((cls) => cls.startsWith("language-"));
+                const language = languageClass ? languageClass.replace("language-", "") : null;
+                let filename = null;
+                if (parent && index > 0) {
+                    const prevSibling = parent.children[index - 1];
+                    if (prevSibling?.tagName === "div" && prevSibling.properties?.className?.includes("rehype-code-title")) {
+                        filename = extractCodeContent(prevSibling);
+                        parent.children.splice(index - 1, 1);
+                        index = index - 1;
+                    }
+                }
+                if (!filename) {
+                    const meta = codeNode.data?.meta || "";
+                    const titleMatch = meta.match(/title="([^"]+)"/);
+                    filename = titleMatch ? titleMatch[1] : null;
+                }
+                const originalMeta = codeNode.data?.meta || "";
+                const hasShowLineNumbers = originalMeta.includes("showLineNumbers");
+                const hasCopyButton = originalMeta.includes("copyButton");
+                const hasTitle = originalMeta.includes("title");
+                if (hasShowLineNumbers && !codeNode.properties?.["data-line-numbers"]) {
+                    const codeContent = extractCodeContent(codeNode);
+                    const lineCount = codeContent.split("\n").length;
+                    const maxDigits = lineCount.toString().length;
+                    codeNode.properties = {
+                        ...codeNode.properties,
+                        "data-line-numbers": "",
+                        "data-line-numbers-max-digits": maxDigits.toString(),
+                    };
+                }
+                let icon = null;
+                if (filename) {
+                    icon = getIconForFile(filename);
+                }
+                else if (language) {
+                    icon = getIconForLanguage(language);
+                }
+                const wrapper = {
+                    type: "element",
+                    tagName: "div",
+                    properties: {
+                        class: ["group", "relative", "font-code", "text-xs", "overflow-hidden", "rounded-bl-md", "rounded-br-md"],
+                    },
+                    children: [],
+                };
+                if (filename || (language && icon)) {
+                    const displayTitle = filename || language;
+                    wrapper.children.push(createCodeTitle(displayTitle, icon, hasCopyButton, codeContent));
+                }
+                const existingPreClasses = node.properties?.class || [];
+                const existingPreProps = node.properties || {};
+                node.properties = {
+                    ...existingPreProps,
+                    class: [...existingPreClasses, "relative", "overflow-x-auto", "scrollbar-hide", "font-code", "p-4", "text-xs"].filter(Boolean),
+                };
+                wrapper.children.push(node);
+                if (hasCopyButton && !hasTitle) {
+                    const hasTitle = !!(filename || (language && icon));
+                    wrapper.children.push(createCopyButton(codeContent, hasTitle));
+                }
+                parent.children[index] = wrapper;
+            }
+        });
+    };
+}
+export function rehypeCodeTabs() {
+    return (_tree) => {
+        // For now, let's disable automatic tab grouping and keep it simple
+        // Users can use individual code blocks which work well with titles and copy buttons
+        // If needed later, we can add explicit tab markup support
+    };
+}
+function extractCodeContent(node) {
+    if (node.type === "text")
+        return node.value || "";
+    if (node.children && Array.isArray(node.children))
+        return node.children.map((child) => extractCodeContent(child)).join("");
+    return "";
+}
+//# sourceMappingURL=icon.helper.js.map

package/esm2022/lib/components/markdown/icon.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.helper.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/markdown/icon.helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAMzC,MAAM,SAAS,GAAoB;IAC/B,cAAc,EAAE,2CAA2C;IAC3D,YAAY,EAAE,2CAA2C;IACzD,cAAc,EAAE,2CAA2C;IAC3D,UAAU,EAAE,2CAA2C;IACvD,SAAS,EAAE,2CAA2C;IACtD,WAAW,EAAE,2CAA2C;IAExD,EAAE,EAAE,yCAAyC;IAC7C,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,qBAAqB;IAC1B,IAAI,EAAE,qCAAqC;IAC3C,EAAE,EAAE,sBAAsB;IAC1B,IAAI,EAAE,mCAAmC;IACzC,QAAQ,EAAE,mCAAmC;CAChD,CAAC;AAEF,MAAM,aAAa,GAAoB;IACnC,UAAU,EAAE,yCAAyC;IACrD,UAAU,EAAE,4BAA4B;IACxC,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,qBAAqB;IAC1B,IAAI,EAAE,qCAAqC;IAC3C,IAAI,EAAE,mCAAmC;IACzC,KAAK,EAAE,mCAAmC;IAC1C,EAAE,EAAE,mCAAmC;IACvC,OAAO,EAAE,2CAA2C;IACpD,EAAE,EAAE,yCAAyC;IAC7C,EAAE,EAAE,4BAA4B;CACnC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,QAAgB;IAC3C,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,KAAK,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QACtD,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;IAC3D,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;QACpC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAgB;IAC/C,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3B,OAAO,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,QAAQ,GAAG,KAAK;IAClE,OAAO;QACH,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;QACjB,UAAU,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACH,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;gBAC1B,OAAO;gBACP,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBACzB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACtB,QAAQ,IAAI,SAAS;gBACrB,MAAM;gBACN,KAAK;gBACL,KAAK;gBACL,cAAc;gBACd,gBAAgB;gBAChB,YAAY;gBACZ,QAAQ,IAAI,QAAQ;gBACpB,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY;gBAC1C,uBAAuB;gBACvB,gBAAgB;gBAChB,cAAc;gBACd,aAAa;gBACb,gBAAgB;gBAChB,4BAA4B;gBAC5B,sBAAsB;gBACtB,yBAAyB;gBACzB,6BAA6B;aAChC;YACD,OAAO,EAAE,+BAA+B,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK;YACnG,YAAY,EAAE,WAAW;YACzB,KAAK,EAAE,WAAW;SACrB;QACD,QAAQ,EAAE;YACN;gBACI,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,GAAG;gBACZ,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,mBAAmB;wBACnB,aAAa;wBACb,uBAAuB;wBACvB,oBAAoB;wBACpB,gBAAgB;wBAChB,mBAAmB;wBACnB,wBAAwB;wBACxB,KAAK;wBACL,KAAK;wBACL,WAAW;wBACX,cAAc;qBACjB;iBACJ;gBACD,QAAQ,EAAE,EAAE;aACf;SACJ;KACJ,CAAC;AACN,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,QAAgB,EAAE,IAAmB,EAAE,UAAmB,EAAE,WAAmB;IAC3G,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,aAAa,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,UAAU,EAAE;gBACR,GAAG,EAAE,IAAI;gBACT,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC;aAC/D;YACD,QAAQ,EAAE,EAAE;SACf,CAAC,CAAC;IACP,CAAC;SAAM,CAAC;QACJ,aAAa,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE;gBACR,KAAK,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC;aAC7B;YACD,QAAQ,EAAE,EAAE;SACf,CAAC,CAAC;IACP,CAAC;IAED,aAAa,CAAC,IAAI,CAAC;QACf,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE;YACR,KAAK,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC;SACpD;QACD,QAAQ,EAAE;YACN;gBACI,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,QAAQ;aAClB;SACJ;KACJ,CAAC,CAAC;IAEH,IAAI,UAAU,EAAE,CAAC;QACb,MAAM,cAAc,GAAG,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QACjE,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC;IAED,OAAO;QACH,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK;QACd,UAAU,EAAE;YACR,KAAK,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,IAAI,iBAAiB,CAAC;SACtI;QACD,QAAQ,EAAE,aAAa;KAC1B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB;IAC9B,OAAO,CAAC,IAAS,EAAE,EAAE;QACjB,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAS,EAAE,KAAyB,EAAE,MAAW,EAAE,EAAE;YACzE,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM;gBAAE,OAAO;YAC3C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,KAAK,MAAM,EAAE,CAAC;gBAClF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAClC,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAEjD,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC;gBACzD,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;gBACrF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAE/E,IAAI,QAAQ,GAAG,IAAI,CAAC;gBAEpB,IAAI,MAAM,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACtB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;oBAC/C,IAAI,WAAW,EAAE,OAAO,KAAK,KAAK,IAAI,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;wBACrG,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;wBAC3C,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;wBACrC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;oBACtB,CAAC;gBACL,CAAC;gBAED,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;oBACvC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;oBACjD,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBACjD,CAAC;gBAED,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;gBAC/C,MAAM,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBACpE,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;gBAC1D,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAEhD,IAAI,kBAAkB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;oBACpE,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;oBACjD,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;oBACjD,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;oBAE9C,QAAQ,CAAC,UAAU,GAAG;wBAClB,GAAG,QAAQ,CAAC,UAAU;wBACtB,mBAAmB,EAAE,EAAE;wBACvB,8BAA8B,EAAE,SAAS,CAAC,QAAQ,EAAE;qBACvD,CAAC;gBACN,CAAC;gBAED,IAAI,IAAI,GAAG,IAAI,CAAC;gBAChB,IAAI,QAAQ,EAAE,CAAC;oBACX,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;gBACpC,CAAC;qBAAM,IAAI,QAAQ,EAAE,CAAC;oBAClB,IAAI,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBACxC,CAAC;gBAED,MAAM,OAAO,GAAQ;oBACjB,IAAI,EAAE,SAAS;oBACf,OAAO,EAAE,KAAK;oBACd,UAAU,EAAE;wBACR,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,CAAC;qBAC5G;oBACD,QAAQ,EAAE,EAAE;iBACf,CAAC;gBAEF,IAAI,QAAQ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC;oBACjC,MAAM,YAAY,GAAG,QAAQ,IAAI,QAAQ,CAAC;oBAC1C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;gBAC3F,CAAC;gBAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC;gBACxD,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;gBAE/C,IAAI,CAAC,UAAU,GAAG;oBACd,GAAG,gBAAgB;oBACnB,KAAK,EAAE,CAAC,GAAG,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;iBACjI,CAAC;gBAEF,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAE5B,IAAI,aAAa,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAC7B,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC;oBACpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;gBACnE,CAAC;gBAED,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YACrC,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc;IAC1B,OAAO,CAAC,KAAU,EAAE,EAAE;QAClB,mEAAmE;QACnE,oFAAoF;QACpF,0DAA0D;IAC9D,CAAC,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAS;IACjC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAElD,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEhI,OAAO,EAAE,CAAC;AACd,CAAC","sourcesContent":["import { visit } from \"unist-util-visit\";\r\n\r\ninterface FileIconMapping {\r\n    [key: string]: string;\r\n}\r\n\r\nconst fileIcons: FileIconMapping = {\r\n    \"component.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n    \"service.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n    \"directive.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n    \"guard.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n    \"pipe.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n    \"module.ts\": \"https://zardui.com/icons/angular-file.svg\",\r\n\r\n    ts: \"https://zardui.com/icons/typescript.svg\",\r\n    html: \"./img/icons/html.svg\",\r\n    css: \"./img/icons/css.svg\",\r\n    json: \"https://zardui.com/icons/braces.svg\",\r\n    md: \"./img/icons/html.svg\",\r\n    bash: \"https://zardui.com/icons/code.svg\",\r\n    terminal: \"https://zardui.com/icons/code.svg\",\r\n};\r\n\r\nconst languageIcons: FileIconMapping = {\r\n    typescript: \"https://zardui.com/icons/typescript.svg\",\r\n    javascript: \"./img/icons/javascript.svg\",\r\n    html: \"./img/icons/html.svg\",\r\n    css: \"./img/icons/css.svg\",\r\n    json: \"https://zardui.com/icons/braces.svg\",\r\n    bash: \"https://zardui.com/icons/code.svg\",\r\n    shell: \"https://zardui.com/icons/code.svg\",\r\n    sh: \"https://zardui.com/icons/code.svg\",\r\n    angular: \"https://zardui.com/icons/angular-file.svg\",\r\n    ts: \"https://zardui.com/icons/typescript.svg\",\r\n    js: \"./img/icons/javascript.svg\",\r\n};\r\n\r\nexport function getIconForFile(filename: string): string | null {\r\n    if (!filename) return null;\r\n\r\n    for (const [pattern, icon] of Object.entries(fileIcons)) {\r\n        if (pattern.includes(\".\") && filename.endsWith(pattern)) {\r\n            return icon;\r\n        }\r\n    }\r\n\r\n    const extension = filename.split(\".\").pop()?.toLowerCase();\r\n    if (extension && fileIcons[extension]) {\r\n        return fileIcons[extension];\r\n    }\r\n\r\n    return null;\r\n}\r\n\r\nexport function getIconForLanguage(language: string): string | null {\r\n    if (!language) return null;\r\n    return languageIcons[language.toLowerCase()] || null;\r\n}\r\n\r\nexport function createCopyButton(codeContent: string, hasTitle = false) {\r\n    return {\r\n        type: \"element\",\r\n        tagName: \"button\",\r\n        properties: {\r\n            type: \"button\",\r\n            class: [\r\n                hasTitle ? \"\" : \"absolute\",\r\n                \"top-3\",\r\n                hasTitle ? \"\" : \"right-3\",\r\n                hasTitle ? \"\" : \"z-20\",\r\n                hasTitle && \"ml-auto\",\r\n                \"flex\",\r\n                \"h-6\",\r\n                \"w-6\",\r\n                \"items-center\",\r\n                \"justify-center\",\r\n                \"rounded-md\",\r\n                hasTitle ?? \"border\",\r\n                hasTitle ? \"bg-transparent\" : \"bg-default\",\r\n                \"text-muted-foreground\",\r\n                \"transition-all\",\r\n                \"duration-200\",\r\n                \"ease-in-out\",\r\n                \"hover:bg-muted\",\r\n                \"focus-visible:outline-none\",\r\n                \"focus-visible:ring-2\",\r\n                \"focus-visible:ring-ring\",\r\n                \"focus-visible:ring-offset-2\",\r\n            ],\r\n            onclick: `copyCodeToClipboard(this, \\`${codeContent.replace(/`/g, \"\\\\`\").replace(/\\$/g, \"\\\\$\")}\\`)`,\r\n            \"aria-label\": \"Copy code\",\r\n            title: \"Copy code\",\r\n        },\r\n        children: [\r\n            {\r\n                type: \"element\",\r\n                tagName: \"i\",\r\n                properties: {\r\n                    class: [\r\n                        \"ri-file-copy-line\",\r\n                        \"font-normal\",\r\n                        \"text-muted-foreground\",\r\n                        \"hover:text-primary\",\r\n                        \"cursor-pointer\",\r\n                        \"hover:bg-zinc-200\",\r\n                        \"dark:hover:bg-zinc-800\",\r\n                        \"h-6\",\r\n                        \"w-6\",\r\n                        \"leading-6\",\r\n                        \"rounded-full\",\r\n                    ],\r\n                },\r\n                children: [],\r\n            },\r\n        ],\r\n    };\r\n}\r\n\r\nexport function createCodeTitle(filename: string, icon: string | null, copyButton: boolean, codeContent: string) {\r\n    const titleChildren = [];\r\n\r\n    if (icon?.includes(\"/\")) {\r\n        titleChildren.push({\r\n            type: \"element\",\r\n            tagName: \"img\",\r\n            properties: {\r\n                src: icon,\r\n                alt: \"\",\r\n                class: [\"h-4\", \"w-4\", \"shrink-0\", \"invert-0\", \"dark:invert\"],\r\n            },\r\n            children: [],\r\n        });\r\n    } else {\r\n        titleChildren.push({\r\n            type: \"element\",\r\n            tagName: \"i\",\r\n            properties: {\r\n                class: [icon, \"text-base\"],\r\n            },\r\n            children: [],\r\n        });\r\n    }\r\n\r\n    titleChildren.push({\r\n        type: \"element\",\r\n        tagName: \"span\",\r\n        properties: {\r\n            class: [\"text-xs\", \"font-medium\", \"leading-none\"],\r\n        },\r\n        children: [\r\n            {\r\n                type: \"text\",\r\n                value: filename,\r\n            },\r\n        ],\r\n    });\r\n\r\n    if (copyButton) {\r\n        const copyButtonHtml = createCopyButton(codeContent, copyButton);\r\n        titleChildren.push(copyButtonHtml);\r\n    }\r\n\r\n    return {\r\n        type: \"element\",\r\n        tagName: \"div\",\r\n        properties: {\r\n            class: [\"flex\", \"items-center\", \"gap-2\", \"border-b\", \"border-b-border\", \"px-4\", \"py-2\", \"text-xs\", copyButton ?? \"justify-between\"],\r\n        },\r\n        children: titleChildren,\r\n    };\r\n}\r\n\r\nexport function rehypeEnhancedCode() {\r\n    return (tree: any) => {\r\n        visit(tree, \"element\", (node: any, index: number | undefined, parent: any) => {\r\n            if (index === undefined || !parent) return;\r\n            if (node.tagName === \"pre\" && node.children && node.children[0]?.tagName === \"code\") {\r\n                const codeNode = node.children[0];\r\n                const codeContent = extractCodeContent(codeNode);\r\n\r\n                const codeClasses = codeNode.properties?.className || [];\r\n                const languageClass = codeClasses.find((cls: string) => cls.startsWith(\"language-\"));\r\n                const language = languageClass ? languageClass.replace(\"language-\", \"\") : null;\r\n\r\n                let filename = null;\r\n\r\n                if (parent && index > 0) {\r\n                    const prevSibling = parent.children[index - 1];\r\n                    if (prevSibling?.tagName === \"div\" && prevSibling.properties?.className?.includes(\"rehype-code-title\")) {\r\n                        filename = extractCodeContent(prevSibling);\r\n                        parent.children.splice(index - 1, 1);\r\n                        index = index - 1;\r\n                    }\r\n                }\r\n\r\n                if (!filename) {\r\n                    const meta = codeNode.data?.meta || \"\";\r\n                    const titleMatch = meta.match(/title=\"([^\"]+)\"/);\r\n                    filename = titleMatch ? titleMatch[1] : null;\r\n                }\r\n\r\n                const originalMeta = codeNode.data?.meta || \"\";\r\n                const hasShowLineNumbers = originalMeta.includes(\"showLineNumbers\");\r\n                const hasCopyButton = originalMeta.includes(\"copyButton\");\r\n                const hasTitle = originalMeta.includes(\"title\");\r\n\r\n                if (hasShowLineNumbers && !codeNode.properties?.[\"data-line-numbers\"]) {\r\n                    const codeContent = extractCodeContent(codeNode);\r\n                    const lineCount = codeContent.split(\"\\n\").length;\r\n                    const maxDigits = lineCount.toString().length;\r\n\r\n                    codeNode.properties = {\r\n                        ...codeNode.properties,\r\n                        \"data-line-numbers\": \"\",\r\n                        \"data-line-numbers-max-digits\": maxDigits.toString(),\r\n                    };\r\n                }\r\n\r\n                let icon = null;\r\n                if (filename) {\r\n                    icon = getIconForFile(filename);\r\n                } else if (language) {\r\n                    icon = getIconForLanguage(language);\r\n                }\r\n\r\n                const wrapper: any = {\r\n                    type: \"element\",\r\n                    tagName: \"div\",\r\n                    properties: {\r\n                        class: [\"group\", \"relative\", \"font-code\", \"text-xs\", \"overflow-hidden\", \"rounded-bl-md\", \"rounded-br-md\"],\r\n                    },\r\n                    children: [],\r\n                };\r\n\r\n                if (filename || (language && icon)) {\r\n                    const displayTitle = filename || language;\r\n                    wrapper.children.push(createCodeTitle(displayTitle, icon, hasCopyButton, codeContent));\r\n                }\r\n\r\n                const existingPreClasses = node.properties?.class || [];\r\n                const existingPreProps = node.properties || {};\r\n\r\n                node.properties = {\r\n                    ...existingPreProps,\r\n                    class: [...existingPreClasses, \"relative\", \"overflow-x-auto\", \"scrollbar-hide\", \"font-code\", \"p-4\", \"text-xs\"].filter(Boolean),\r\n                };\r\n\r\n                wrapper.children.push(node);\r\n\r\n                if (hasCopyButton && !hasTitle) {\r\n                    const hasTitle = !!(filename || (language && icon));\r\n                    wrapper.children.push(createCopyButton(codeContent, hasTitle));\r\n                }\r\n\r\n                parent.children[index] = wrapper;\r\n            }\r\n        });\r\n    };\r\n}\r\n\r\nexport function rehypeCodeTabs() {\r\n    return (_tree: any) => {\r\n        // For now, let's disable automatic tab grouping and keep it simple\r\n        // Users can use individual code blocks which work well with titles and copy buttons\r\n        // If needed later, we can add explicit tab markup support\r\n    };\r\n}\r\n\r\nfunction extractCodeContent(node: any): string {\r\n    if (node.type === \"text\") return node.value || \"\";\r\n\r\n    if (node.children && Array.isArray(node.children)) return node.children.map((child: any) => extractCodeContent(child)).join(\"\");\r\n\r\n    return \"\";\r\n}\r\n"]}

package/esm2022/lib/components/markdown/index.js

@@ -0,0 +1,3 @@
+export * from "./demo/markdown";
+export * from "./markdown";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./demo/markdown\";\r\nexport * from \"./markdown\";\r\n"]}

package/esm2022/lib/components/markdown/language-icons.js

@@ -0,0 +1,11 @@
+export const faviconIconsSvg = {
+    javascript: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM13.3344 16.055C14.0531 16.6343 14.7717 16.9203 15.4904 16.913C15.9304 16.913 16.2677 16.8323 16.5024 16.671C16.7297 16.517 16.8434 16.297 16.8434 16.011C16.8434 15.7177 16.7297 15.4683 16.5024 15.263C16.2677 15.0577 15.8241 14.8523 15.1714 14.647C14.3867 14.4197 13.7817 14.1263 13.3564 13.767C12.9384 13.4077 12.7257 12.9053 12.7184 12.26C12.7184 11.6513 12.9824 11.1417 13.5104 10.731C14.0237 10.3203 14.6801 10.115 15.4794 10.115C16.5941 10.115 17.4887 10.3863 18.1634 10.929L17.3934 12.128C17.1221 11.9153 16.8104 11.7613 16.4584 11.666C16.1064 11.556 15.7911 11.501 15.5124 11.501C15.1311 11.501 14.8267 11.5707 14.5994 11.71C14.3721 11.8493 14.2584 12.0327 14.2584 12.26C14.2584 12.5093 14.3977 12.722 14.6764 12.898C14.9551 13.0667 15.4317 13.2537 16.1064 13.459C16.9204 13.701 17.4997 14.0237 17.8444 14.427C18.1891 14.8303 18.3614 15.3437 18.3614 15.967C18.3614 16.605 18.1157 17.155 17.6244 17.617C17.1404 18.0717 16.4364 18.31 15.5124 18.332C14.3024 18.332 13.2904 17.969 12.4764 17.243L13.3344 16.055ZM7.80405 16.693C8.03872 16.8397 8.32105 16.913 8.65105 16.913C8.99572 16.913 9.28172 16.814 9.50905 16.616C9.73639 16.4107 9.85005 16.055 9.85005 15.549V10.247H11.3351V15.835C11.3131 16.7003 11.0637 17.3237 10.5871 17.705C10.3157 17.9323 10.0187 18.0937 9.69605 18.189C9.37339 18.2843 9.06172 18.332 8.76105 18.332C8.21105 18.332 7.72339 18.2367 7.29805 18.046C6.84339 17.8407 6.46205 17.4777 6.15405 16.957L7.18805 16.11C7.37872 16.3667 7.58405 16.561 7.80405 16.693Z"></path></svg>`,
+    typescript: `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-label="Typescript" fill="currentColor"><path d="m0 16v16h32v-32h-32zm25.786-1.276c.813.203 1.432.568 2.005 1.156.292.312.729.885.766 1.026.01.042-1.38.974-2.224 1.495-.031.021-.156-.109-.292-.313-.411-.599-.844-.859-1.505-.906-.969-.063-1.594.443-1.589 1.292-.005.208.042.417.135.599.214.443.615.708 1.854 1.245 2.292.984 3.271 1.635 3.88 2.557.682 1.031.833 2.677.375 3.906-.51 1.328-1.771 2.234-3.542 2.531-.547.099-1.849.083-2.438-.026-1.286-.229-2.505-.865-3.255-1.698-.297-.323-.87-1.172-.833-1.229.016-.021.146-.104.292-.188s.682-.396 1.188-.688l.922-.536.193.286c.271.411.859.974 1.214 1.161 1.021.542 2.422.464 3.115-.156.281-.234.438-.594.417-.958 0-.37-.047-.536-.24-.813-.25-.354-.755-.656-2.198-1.281-1.651-.714-2.365-1.151-3.01-1.854-.406-.464-.708-1.01-.88-1.599-.12-.453-.151-1.589-.057-2.042.339-1.599 1.547-2.708 3.281-3.036.563-.109 1.875-.068 2.427.068zm-7.51 1.339.01 1.307h-4.167v11.839h-2.948v-11.839h-4.161v-1.281c0-.714.016-1.307.036-1.323.016-.021 2.547-.031 5.62-.026l5.594.016z"></path></svg>`,
+    json: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 18V14.3C4 13.4716 3.32843 12.8 2.5 12.8H2V11.2H2.5C3.32843 11.2 4 10.5284 4 9.7V6C4 4.34315 5.34315 3 7 3H8V5H7C6.44772 5 6 5.44772 6 6V10.1C6 10.9858 5.42408 11.7372 4.62623 12C5.42408 12.2628 6 13.0142 6 13.9V18C6 18.5523 6.44772 19 7 19H8V21H7C5.34315 21 4 19.6569 4 18ZM20 14.3V18C20 19.6569 18.6569 21 17 21H16V19H17C17.5523 19 18 18.5523 18 18V13.9C18 13.0142 18.5759 12.2628 19.3738 12C18.5759 11.7372 18 10.9858 18 10.1V6C18 5.44772 17.5523 5 17 5H16V3H17C18.6569 3 20 4.34315 20 6V9.7C20 10.5284 20.6716 11.2 21.5 11.2H22V12.8H21.5C20.6716 12.8 20 13.4716 20 14.3Z"></path></svg>`,
+    html: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 18.1778L16.6192 16.9222L17.2434 10.1444H9.02648L8.82219 7.88889H17.4477L17.6747 5.67778H6.32535L6.96091 12.3556H14.7806L14.5195 15.2222L12 15.8889L9.48045 15.2222L9.32156 13.3778H7.0517L7.38083 16.9222L12 18.1778ZM3 2H21L19.377 20L12 22L4.62295 20L3 2Z"></path></svg>`,
+    css: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5.00006 3L4.35006 6.34H17.9401L17.5001 8.5H3.92006L3.26006 11.83H16.8501L16.0901 15.64L10.6101 17.45L5.86006 15.64L6.19006 14H2.85006L2.06006 18L9.91006 21L18.9601 18L20.1601 11.97L20.4001 10.76L21.9401 3H5.00006Z"></path></svg>`,
+    java: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.8193 8.42654C10.0602 7.34217 9.77392 6.55513 9.71179 5.98243C9.6531 5.44149 9.78522 5.01294 10.0473 4.59929C10.3303 4.15244 10.755 3.73687 11.2954 3.24643C11.8004 2.78803 12.4323 2.24339 12.9281 1.62639L11.369 0.373657C10.9532 0.891134 10.4413 1.32064 9.95118 1.76549C9.41712 2.25024 8.80225 2.82728 8.35773 3.52902C7.89217 4.26395 7.60866 5.13997 7.72346 6.19813C7.83481 7.22454 8.31113 8.33114 9.18085 9.57351L10.8193 8.42654ZM12.0691 5.39666C12.3539 4.71314 12.9313 4.02758 13.8492 3.24077L15.1508 4.75928C14.3187 5.47247 14.0211 5.91191 13.9153 6.16589C13.8112 6.41559 13.8802 6.66497 13.9502 6.91319C14.0337 7.20908 14.1728 7.70231 14.1639 8.23544C14.1522 8.94083 13.9104 9.6872 13.3321 10.5547L11.6679 9.44533C12.0896 8.81285 12.1603 8.43422 12.1642 8.20211C12.1691 7.907 12.0921 7.74146 11.9674 7.24256C11.8478 6.76427 11.7573 6.14506 12.0691 5.39666ZM6.14205 9.99985C6.61127 9.68577 7.19166 9.52606 7.73387 9.39563L7.26613 7.4511C6.45314 7.64666 5.71471 7.91182 5.15413 8.25779C4.64408 8.57258 4 9.13581 4 9.99993C4 10.7262 4.48572 11.306 5.06549 11.6857C5.02301 11.8687 5 12.0596 5 12.2576C5 13.238 5.41805 14.0646 6.14274 14.6786C6.03632 14.9777 5.98811 15.3119 6.00331 15.6465C5.22587 15.7972 4.46698 16.0193 3.83335 16.3097C3.40087 16.5079 2.97509 16.7612 2.64304 17.0874C2.30876 17.4157 2 17.8913 2 18.5C2 18.927 2.18863 19.2717 2.37382 19.5093C2.56286 19.7519 2.8059 19.9586 3.05811 20.1338C3.56429 20.4854 4.24239 20.8028 5.0167 21.0702C6.57504 21.6084 8.68585 22 11 22C14.3273 22 16.6627 21.6161 18.1899 21.2177C18.9534 21.0185 19.5137 20.816 19.894 20.6568C20.1036 20.5691 20.3141 20.4759 20.5102 20.3601C20.5209 20.3537 19.4817 18.6448 19.4864 18.642C18.9216 18.9361 18.2983 19.1224 17.6851 19.2824C16.3373 19.634 14.1727 20 11 20C8.89587 20 7.00668 19.6416 5.6696 19.1798C5.13841 18.9964 4.58196 18.7818 4.12894 18.4405C4.24432 18.3492 4.41971 18.241 4.66665 18.1278C5.22462 17.8721 5.98958 17.6623 6.80607 17.5366C7.03515 17.7796 7.30872 17.994 7.62113 18.1763C8.58641 18.7394 9.91268 19 11.5 19C12.81 19 13.7578 18.8682 14.3982 18.7263C14.7536 18.6476 15.1117 18.5587 15.4402 18.3979C15.4434 18.3964 14.5589 16.6026 14.5589 16.6026C14.3651 16.6735 14.1673 16.729 13.9657 16.7737C13.4775 16.8818 12.6753 17 11.5 17C10.0873 17 9.16359 16.7606 8.62887 16.4487C8.20348 16.2006 8.04009 15.9254 8.00673 15.6255C8.87463 15.8783 9.90235 16 11.0625 16C12.5261 16 13.5815 15.8565 14.2908 15.7033C14.6765 15.62 15.0664 15.5241 15.4255 15.3566C15.4458 15.3469 14.5678 13.5498 14.5678 13.5498C14.513 13.5722 14.2892 13.6575 13.8686 13.7483C13.3082 13.8694 12.3949 14 11.0625 14C9.45935 14 8.39107 13.7356 7.76003 13.3767C7.28904 13.1088 7.08228 12.8089 7.02081 12.487C8.26048 12.8135 9.82491 12.9999 11.5 12.9999C13.3167 12.9999 15.0016 12.7806 16.2832 12.4022L15.7168 10.4841C14.6626 10.7954 13.1762 10.9999 11.5 10.9999C9.77625 10.9999 8.25501 10.7836 7.19789 10.4584C6.69889 10.3048 6.35214 10.1417 6.14205 9.99985ZM17.5905 10.7457C18.8029 10.6355 19.2497 10.934 19.3939 11.0885C19.543 11.2483 19.5952 11.496 19.5299 11.7573C19.4137 12.2219 19.0872 12.6724 18.5567 13.0863C18.0281 13.4988 17.3563 13.8266 16.6839 14.0506L17.3161 15.9481C18.1437 15.6723 19.0344 15.2504 19.787 14.6631C20.5378 14.0773 21.2113 13.278 21.4701 12.2424C21.6547 11.5039 21.5819 10.5016 20.8561 9.72387C20.1252 8.94081 18.9471 8.61417 17.4095 8.75396L17.5905 10.7457Z"></path></svg>`,
+    terminal: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.9999 12L3.92886 19.0711L2.51465 17.6569L8.1715 12L2.51465 6.34317L3.92886 4.92896L10.9999 12ZM10.9999 19H20.9999V21H10.9999V19Z"></path></svg>`,
+    markdown: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 15.5H5V8.5H7L9 10.5L11 8.5H13V15.5H11V11.5L9 13.5L7 11.5V15.5ZM18 12.5H20L17 15.5L14 12.5H16V8.5H18V12.5Z"></path></svg>`,
+};
+//# sourceMappingURL=language-icons.js.map

package/esm2022/lib/components/markdown/language-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-icons.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/markdown/language-icons.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAA8B;IACtD,UAAU,EAAE,2qDAA2qD;IACvrD,UAAU,EAAE,8jCAA8jC;IAC1kC,IAAI,EAAE,0qBAA0qB;IAChrB,IAAI,EAAE,0WAA0W;IAChX,GAAG,EAAE,gUAAgU;IACrU,IAAI,EAAE,w4GAAw4G;IAC94G,QAAQ,EAAE,6OAA6O;IACvP,QAAQ,EAAE,mXAAmX;CAChY,CAAC","sourcesContent":["export const faviconIconsSvg: { [key: string]: string } = {\r\n    javascript: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM13.3344 16.055C14.0531 16.6343 14.7717 16.9203 15.4904 16.913C15.9304 16.913 16.2677 16.8323 16.5024 16.671C16.7297 16.517 16.8434 16.297 16.8434 16.011C16.8434 15.7177 16.7297 15.4683 16.5024 15.263C16.2677 15.0577 15.8241 14.8523 15.1714 14.647C14.3867 14.4197 13.7817 14.1263 13.3564 13.767C12.9384 13.4077 12.7257 12.9053 12.7184 12.26C12.7184 11.6513 12.9824 11.1417 13.5104 10.731C14.0237 10.3203 14.6801 10.115 15.4794 10.115C16.5941 10.115 17.4887 10.3863 18.1634 10.929L17.3934 12.128C17.1221 11.9153 16.8104 11.7613 16.4584 11.666C16.1064 11.556 15.7911 11.501 15.5124 11.501C15.1311 11.501 14.8267 11.5707 14.5994 11.71C14.3721 11.8493 14.2584 12.0327 14.2584 12.26C14.2584 12.5093 14.3977 12.722 14.6764 12.898C14.9551 13.0667 15.4317 13.2537 16.1064 13.459C16.9204 13.701 17.4997 14.0237 17.8444 14.427C18.1891 14.8303 18.3614 15.3437 18.3614 15.967C18.3614 16.605 18.1157 17.155 17.6244 17.617C17.1404 18.0717 16.4364 18.31 15.5124 18.332C14.3024 18.332 13.2904 17.969 12.4764 17.243L13.3344 16.055ZM7.80405 16.693C8.03872 16.8397 8.32105 16.913 8.65105 16.913C8.99572 16.913 9.28172 16.814 9.50905 16.616C9.73639 16.4107 9.85005 16.055 9.85005 15.549V10.247H11.3351V15.835C11.3131 16.7003 11.0637 17.3237 10.5871 17.705C10.3157 17.9323 10.0187 18.0937 9.69605 18.189C9.37339 18.2843 9.06172 18.332 8.76105 18.332C8.21105 18.332 7.72339 18.2367 7.29805 18.046C6.84339 17.8407 6.46205 17.4777 6.15405 16.957L7.18805 16.11C7.37872 16.3667 7.58405 16.561 7.80405 16.693Z\"></path></svg>`,\r\n    typescript: `<svg viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" aria-label=\"Typescript\" fill=\"currentColor\"><path d=\"m0 16v16h32v-32h-32zm25.786-1.276c.813.203 1.432.568 2.005 1.156.292.312.729.885.766 1.026.01.042-1.38.974-2.224 1.495-.031.021-.156-.109-.292-.313-.411-.599-.844-.859-1.505-.906-.969-.063-1.594.443-1.589 1.292-.005.208.042.417.135.599.214.443.615.708 1.854 1.245 2.292.984 3.271 1.635 3.88 2.557.682 1.031.833 2.677.375 3.906-.51 1.328-1.771 2.234-3.542 2.531-.547.099-1.849.083-2.438-.026-1.286-.229-2.505-.865-3.255-1.698-.297-.323-.87-1.172-.833-1.229.016-.021.146-.104.292-.188s.682-.396 1.188-.688l.922-.536.193.286c.271.411.859.974 1.214 1.161 1.021.542 2.422.464 3.115-.156.281-.234.438-.594.417-.958 0-.37-.047-.536-.24-.813-.25-.354-.755-.656-2.198-1.281-1.651-.714-2.365-1.151-3.01-1.854-.406-.464-.708-1.01-.88-1.599-.12-.453-.151-1.589-.057-2.042.339-1.599 1.547-2.708 3.281-3.036.563-.109 1.875-.068 2.427.068zm-7.51 1.339.01 1.307h-4.167v11.839h-2.948v-11.839h-4.161v-1.281c0-.714.016-1.307.036-1.323.016-.021 2.547-.031 5.62-.026l5.594.016z\"></path></svg>`,\r\n    json: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 18V14.3C4 13.4716 3.32843 12.8 2.5 12.8H2V11.2H2.5C3.32843 11.2 4 10.5284 4 9.7V6C4 4.34315 5.34315 3 7 3H8V5H7C6.44772 5 6 5.44772 6 6V10.1C6 10.9858 5.42408 11.7372 4.62623 12C5.42408 12.2628 6 13.0142 6 13.9V18C6 18.5523 6.44772 19 7 19H8V21H7C5.34315 21 4 19.6569 4 18ZM20 14.3V18C20 19.6569 18.6569 21 17 21H16V19H17C17.5523 19 18 18.5523 18 18V13.9C18 13.0142 18.5759 12.2628 19.3738 12C18.5759 11.7372 18 10.9858 18 10.1V6C18 5.44772 17.5523 5 17 5H16V3H17C18.6569 3 20 4.34315 20 6V9.7C20 10.5284 20.6716 11.2 21.5 11.2H22V12.8H21.5C20.6716 12.8 20 13.4716 20 14.3Z\"></path></svg>`,\r\n    html: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 18.1778L16.6192 16.9222L17.2434 10.1444H9.02648L8.82219 7.88889H17.4477L17.6747 5.67778H6.32535L6.96091 12.3556H14.7806L14.5195 15.2222L12 15.8889L9.48045 15.2222L9.32156 13.3778H7.0517L7.38083 16.9222L12 18.1778ZM3 2H21L19.377 20L12 22L4.62295 20L3 2Z\"></path></svg>`,\r\n    css: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M5.00006 3L4.35006 6.34H17.9401L17.5001 8.5H3.92006L3.26006 11.83H16.8501L16.0901 15.64L10.6101 17.45L5.86006 15.64L6.19006 14H2.85006L2.06006 18L9.91006 21L18.9601 18L20.1601 11.97L20.4001 10.76L21.9401 3H5.00006Z\"></path></svg>`,\r\n    java: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10.8193 8.42654C10.0602 7.34217 9.77392 6.55513 9.71179 5.98243C9.6531 5.44149 9.78522 5.01294 10.0473 4.59929C10.3303 4.15244 10.755 3.73687 11.2954 3.24643C11.8004 2.78803 12.4323 2.24339 12.9281 1.62639L11.369 0.373657C10.9532 0.891134 10.4413 1.32064 9.95118 1.76549C9.41712 2.25024 8.80225 2.82728 8.35773 3.52902C7.89217 4.26395 7.60866 5.13997 7.72346 6.19813C7.83481 7.22454 8.31113 8.33114 9.18085 9.57351L10.8193 8.42654ZM12.0691 5.39666C12.3539 4.71314 12.9313 4.02758 13.8492 3.24077L15.1508 4.75928C14.3187 5.47247 14.0211 5.91191 13.9153 6.16589C13.8112 6.41559 13.8802 6.66497 13.9502 6.91319C14.0337 7.20908 14.1728 7.70231 14.1639 8.23544C14.1522 8.94083 13.9104 9.6872 13.3321 10.5547L11.6679 9.44533C12.0896 8.81285 12.1603 8.43422 12.1642 8.20211C12.1691 7.907 12.0921 7.74146 11.9674 7.24256C11.8478 6.76427 11.7573 6.14506 12.0691 5.39666ZM6.14205 9.99985C6.61127 9.68577 7.19166 9.52606 7.73387 9.39563L7.26613 7.4511C6.45314 7.64666 5.71471 7.91182 5.15413 8.25779C4.64408 8.57258 4 9.13581 4 9.99993C4 10.7262 4.48572 11.306 5.06549 11.6857C5.02301 11.8687 5 12.0596 5 12.2576C5 13.238 5.41805 14.0646 6.14274 14.6786C6.03632 14.9777 5.98811 15.3119 6.00331 15.6465C5.22587 15.7972 4.46698 16.0193 3.83335 16.3097C3.40087 16.5079 2.97509 16.7612 2.64304 17.0874C2.30876 17.4157 2 17.8913 2 18.5C2 18.927 2.18863 19.2717 2.37382 19.5093C2.56286 19.7519 2.8059 19.9586 3.05811 20.1338C3.56429 20.4854 4.24239 20.8028 5.0167 21.0702C6.57504 21.6084 8.68585 22 11 22C14.3273 22 16.6627 21.6161 18.1899 21.2177C18.9534 21.0185 19.5137 20.816 19.894 20.6568C20.1036 20.5691 20.3141 20.4759 20.5102 20.3601C20.5209 20.3537 19.4817 18.6448 19.4864 18.642C18.9216 18.9361 18.2983 19.1224 17.6851 19.2824C16.3373 19.634 14.1727 20 11 20C8.89587 20 7.00668 19.6416 5.6696 19.1798C5.13841 18.9964 4.58196 18.7818 4.12894 18.4405C4.24432 18.3492 4.41971 18.241 4.66665 18.1278C5.22462 17.8721 5.98958 17.6623 6.80607 17.5366C7.03515 17.7796 7.30872 17.994 7.62113 18.1763C8.58641 18.7394 9.91268 19 11.5 19C12.81 19 13.7578 18.8682 14.3982 18.7263C14.7536 18.6476 15.1117 18.5587 15.4402 18.3979C15.4434 18.3964 14.5589 16.6026 14.5589 16.6026C14.3651 16.6735 14.1673 16.729 13.9657 16.7737C13.4775 16.8818 12.6753 17 11.5 17C10.0873 17 9.16359 16.7606 8.62887 16.4487C8.20348 16.2006 8.04009 15.9254 8.00673 15.6255C8.87463 15.8783 9.90235 16 11.0625 16C12.5261 16 13.5815 15.8565 14.2908 15.7033C14.6765 15.62 15.0664 15.5241 15.4255 15.3566C15.4458 15.3469 14.5678 13.5498 14.5678 13.5498C14.513 13.5722 14.2892 13.6575 13.8686 13.7483C13.3082 13.8694 12.3949 14 11.0625 14C9.45935 14 8.39107 13.7356 7.76003 13.3767C7.28904 13.1088 7.08228 12.8089 7.02081 12.487C8.26048 12.8135 9.82491 12.9999 11.5 12.9999C13.3167 12.9999 15.0016 12.7806 16.2832 12.4022L15.7168 10.4841C14.6626 10.7954 13.1762 10.9999 11.5 10.9999C9.77625 10.9999 8.25501 10.7836 7.19789 10.4584C6.69889 10.3048 6.35214 10.1417 6.14205 9.99985ZM17.5905 10.7457C18.8029 10.6355 19.2497 10.934 19.3939 11.0885C19.543 11.2483 19.5952 11.496 19.5299 11.7573C19.4137 12.2219 19.0872 12.6724 18.5567 13.0863C18.0281 13.4988 17.3563 13.8266 16.6839 14.0506L17.3161 15.9481C18.1437 15.6723 19.0344 15.2504 19.787 14.6631C20.5378 14.0773 21.2113 13.278 21.4701 12.2424C21.6547 11.5039 21.5819 10.5016 20.8561 9.72387C20.1252 8.94081 18.9471 8.61417 17.4095 8.75396L17.5905 10.7457Z\"></path></svg>`,\r\n    terminal: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10.9999 12L3.92886 19.0711L2.51465 17.6569L8.1715 12L2.51465 6.34317L3.92886 4.92896L10.9999 12ZM10.9999 19H20.9999V21H10.9999V19Z\"></path></svg>`,\r\n    markdown: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 15.5H5V8.5H7L9 10.5L11 8.5H13V15.5H11V11.5L9 13.5L7 11.5V15.5ZM18 12.5H20L17 15.5L14 12.5H16V8.5H18V12.5Z\"></path></svg>`,\r\n};\r\n"]}