@meistrari/chat-nuxt 4.11.0-rc.7 → 4.11.0-rc.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "4.11.0-rc.7",
+  "version": "4.11.0-rc.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/rendering/components/app-markdown-render.vue

@@ -4,6 +4,7 @@ import { wrapCustomMarkdownComponents } from "../markdown/custom-components";
 import { STREAMING_TEXT_FADE_MS } from "../markdown/streaming-text-segments";
 import { escapeSingleDollarSigns } from "../markdown/escape-dollar-signs";
 import { normalizeCustomTagJson } from "../markdown/normalize-custom-tag-json";
+import MarkdownCodeBlock from "./markdown-code-block.vue";
 import StreamingTextNode from "../markdown/streaming-text-node.vue";
 const props = defineProps({
   content: { type: [String, null], required: false, default: "" },
@@ -34,7 +35,7 @@ watch(() => props.typewriter, (typewriter) => {
     streamingTextActive.value = false;
   }, STREAMING_TEXT_FADE_MS);
 });
-const registeredComponents = computed(() => streamingTextActive.value ? { text: StreamingTextNode, ...customMarkdownComponents.value } : customMarkdownComponents.value);
+const registeredComponents = computed(() => streamingTextActive.value ? { code_block: MarkdownCodeBlock, text: StreamingTextNode, ...customMarkdownComponents.value } : { code_block: MarkdownCodeBlock, ...customMarkdownComponents.value });
 watch(registeredComponents, (components) => setCustomComponents(scopeId, components), { immediate: true });
 onBeforeUnmount(() => {
   if (streamingTextTimer !== void 0)

package/dist/runtime/rendering/components/markdown-code-block.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    node: {
+        code: string;
+        language?: string;
+        loading?: boolean;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/rendering/components/markdown-code-block.vue

@@ -0,0 +1,33 @@
+<script setup>
+const props = defineProps({
+  node: { type: Object, required: true }
+});
+const language = computed(() => props.node.language?.trim() || "text");
+const plainText = computed(() => props.node.loading || ["text", "txt", "plain", "plaintext", "csv", "tsv"].includes(language.value.toLowerCase()));
+</script>
+
+<template>
+    <div class="chat-code-block min-w-0 overflow-hidden rounded-20px border-0.5px border bg-muted my-12px">
+        <div class="flex items-center justify-between gap-12px px-20px pt-12px pb-8px">
+            <div class="flex min-w-0 items-center gap-8px text-primary body-12-regular">
+                <TelaIcon name="i-ph-code" size="sm" class="shrink-0" aria-hidden="true" />
+                <span class="truncate">{{ language }}</span>
+            </div>
+            <TelaCopyButton :content="node.code" variant="ghost" size="md" aria-label="Copiar código" title="Copiar código" />
+        </div>
+        <pre v-if="plainText" class="chat-code-text m-0 overflow-x-auto px-20px pb-16px"><code>{{ node.code }}</code></pre>
+        <TelaCodeBlock
+            v-else
+            :code="node.code"
+            :language="language"
+            :is-copy-code="false"
+            hide-line-numbers
+            without-border
+            background="transparent"
+        />
+    </div>
+</template>
+
+<style scoped>
+.chat-code-text{-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre}.chat-code-block :deep(pre.shiki){padding:0 20px 16px;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
+</style>

package/dist/runtime/rendering/components/markdown-code-block.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    node: {
+        code: string;
+        language?: string;
+        loading?: boolean;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.11.0-rc.7",
+  "version": "4.11.0-rc.8",
   "type": "module",
   "exports": {
     ".": {