@genexus/mercury 0.35.0 → 0.36.0

package/dist/components/chat/render.lit.d.ts

@@ -1,4 +1,16 @@
-import type { ChatMessageRenderBySections, ChatSendContainerLayout } from "@genexus/chameleon-controls-library/dist/types/components/chat/types";
+import { type TemplateResult } from "lit";
+import type { ChatActionsRender, ChatCodeBlockRender, ChatContentRender, ChatMessage, ChatSendContainerLayout } from "@genexus/chameleon-controls-library/dist/types/components/chat/types";
 import "./mer-animated-dots.js";
-export declare const renderItem: ChatMessageRenderBySections;
+export declare const renderItem: {
+    readonly actions: ChatActionsRender;
+    readonly contentBefore: (message: ChatMessage) => TemplateResult;
+    readonly codeBlock: ChatCodeBlockRender;
+    readonly content: ChatContentRender;
+    readonly file: {
+        readonly audio: (file: import("@genexus/chameleon-controls-library/dist/types/components/chat/types").ChatMessageFile) => TemplateResult;
+        readonly video: (file: import("@genexus/chameleon-controls-library/dist/types/components/chat/types").ChatMessageFile) => TemplateResult;
+        readonly image: (file: import("@genexus/chameleon-controls-library/dist/types/components/chat/types").ChatMessageFile) => TemplateResult;
+        readonly file: (file: import("@genexus/chameleon-controls-library/dist/types/components/chat/types").ChatMessageFile) => TemplateResult;
+    };
+};
 export declare const sendContainerLayout: ChatSendContainerLayout;

package/dist/components/chat/render.lit.js

@@ -36,11 +36,16 @@ import "./mer-animated-dots.js";
  * @param messageMetaData - Metadata containing agentName and time
  * @returns TemplateResult rendering the assistant message header
  */
-const messageHeader = (messageMetaData, waiting = false) => {
-    const agentName = messageMetaData?.agentName;
+const messageHeader = (message) => {
+    if (message.role === "system" || message.role === "user") {
+        return nothing; // TODO: Improve type safety in the ch-chat (nicolas-camera_globant)
+    }
+    const agentName = message.metadata?.agentName;
     const assistantId = agentName?.toLowerCase().replace(/ /g, "-");
-    const messageTime = messageMetaData?.time;
-    return html `<div part="header assistant${assistantId ? ` header-${assistantId}` : ""}"><div part="header__start assistant"><div part="header__avatar-container assistant"><div part="header__avatar-border assistant"></div><div part="header__avatar-image assistant"></div></div><div part="header__role assistant">${agentName}</div>${waiting ? html `<mer-animated-dots></mer-animated-dots>` : nothing}</div>${messageTime
+    const messageTime = message.metadata?.time;
+    return html `<div part="header assistant${assistantId ? ` header-${assistantId}` : ""}"><div part="header__start assistant"><div part="header__avatar-container assistant"><div part="header__avatar-border assistant"></div><div part="header__avatar-image assistant"></div></div><div part="header__role assistant">${agentName}</div>${message.role === "assistant" && message.status === "waiting"
+        ? html `<mer-animated-dots></mer-animated-dots>`
+        : nothing}</div>${messageTime
         ? html `<time datetime="${messageTime}" part="header__time assistant">${messageTime}</time>`
         : nothing}</div>`;
 };
@@ -48,11 +53,11 @@ const messageHeader = (messageMetaData, waiting = false) => {
 const customAssistantContentRender = (message, chatRef, codeBlockRender) => {
     const messageContent = getMessageContent(message);
     return message.status === "waiting"
-        ? html `${messageHeader(message.metadata, true)}<div class="assistant-loading" part="${tokenMap({
+        ? html `<div class="assistant-loading" part="${tokenMap({
             [`assistant content waiting ${message.id}`]: true,
             ...(message.parts ? { [message.parts]: true } : {})
         })}">${messageContent}</div>`
-        : html `${messageHeader(message.metadata)}<ch-markdown-viewer part="${tokenMap({
+        : html `<ch-markdown-viewer part="${tokenMap({
             [`assistant content ${message.id} ${message.status ?? DEFAULT_ASSISTANT_STATUS}`]: true,
             ...(message.parts ? { [message.parts]: true } : {})
         })}" .renderCode="${
@@ -61,10 +66,10 @@ const customAssistantContentRender = (message, chatRef, codeBlockRender) => {
         // In Chameleon this type mismatch does not happens. TODO: Evaluate a solution in Chameleon.
         codeBlockRender(chatRef)}" .showIndicator="${message.status === "streaming"}" .theme="${chatRef.markdownTheme ?? undefined}" .value="${messageContent}"></ch-markdown-viewer>`;
 };
-// customzied in order to add the custom "messageHeader"
+// Customized in order to add the custom "messageHeader"
 const customErrorContentRender = (message, chatRef, codeBlockRender) => {
     const errorContent = getMessageContent(message);
-    return html `${messageHeader(message.metadata)}<ch-markdown-viewer part="${tokenMap({
+    return html `<ch-markdown-viewer part="${tokenMap({
         [`error content ${message.id}`]: true,
         ...(message.parts ? { [message.parts]: true } : {})
     })}" .renderCode="${
@@ -88,6 +93,7 @@ const contentRenderByRole = {
 const customContentRender = (message, chatRef, codeBlockRender) => contentRenderByRole[message.role](message, chatRef, codeBlockRender);
 export const renderItem = {
     actions: customActionsRender,
+    contentBefore: messageHeader,
     codeBlock: customCodeBlockRender,
     content: customContentRender,
     file: customFileRenders

package/dist/register-mercury.js

@@ -1 +1 @@
-"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./assets/MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);
+"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,20 +9,15 @@
     "dist/"
   ],
   "type": "module",
-  "bin": {
-    "mercury": "./dist/cli/mercury.js"
-  },
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./MERCURY_ASSETS.js": {
       "import": {
-        "types": "./dist/assets/MERCURY_ASSETS.d.ts",
-        "default": "./dist/assets/MERCURY_ASSETS.js"
+        "types": "./dist/MERCURY_ASSETS.d.ts",
+        "default": "./dist/MERCURY_ASSETS.js"
       }
     },
     "./assets-manager.js": {
@@ -54,22 +49,16 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "bun build.js && bun icons-svg && bun icons-sass && bun build.scss && bun copy-tasks",
-    "build.js": "tsc && node minify-literals.js && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets --log-level=silent",
-    "build-no-svg": "bun build.js && bun build.scss && bun copy-tasks",
-    "build.scss": "bun build.scss.base && bun build.scss.bundles",
-    "build.scss.base": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent",
-    "build.scss.bundles": "node dist/cli/bundle.js",
-    "build.scss.watch": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --watch -i=/assets/icons/ -f=/assets/fonts/ --outDir=../showcase/.mercury/ --avoid-hash=base/base",
-    "build.scss.test-common": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --ci -i=/assets/icons/ -f=/assets/fonts/ --outDir=../common/public/mercury/css/",
-    "build.scss.helpers": "scss-bundle -e ./src/assets/scss/_helpers.scss -o ./src/assets/scss/helpers-bundled.scss --logLevel=info",
-    "start": "vite --port 5200 --open showcase/button.html",
+    "dev": "tsgo && node minify-literals.js",
+    "build": "bun build.js && bun icons-svg && bun icons-sass && bun build.assets",
+    "build.js": "tsc && node minify-literals.js && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent",
+    "build-no-svg": "bun build.js && bun build.assets",
+    "build.assets": "bun build.assets.icons && bun build.assets.bundles",
+    "build.assets.icons": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent",
+    "build.assets.bundles": "bun run build-scss-and-copy-assets.ts",
     "process-icons": "ssg --configPath=./src/config/icons.js",
     "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.ts --defaultColorType=on-surface",
     "icons-sass": "ssg-sass --srcDir=src/assets/icons/ --outDir=src/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --vendorPrefix=",
-    "watch.scss": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
-    "watch.scss.mac": "chokidar 'src/**/*.scss' '../common/**/*.scss' -c \"npm run build.scss\"",
-    "copy-tasks": "node copy-tasks.js",
     "coverage": "bun playwright install && vitest watch run --coverage",
     "validate.ci": "bun lint && bun build-no-svg && bun run test.ci",
     "lint": "eslint src/**/*.ts --fix",
@@ -83,17 +72,16 @@
   "devDependencies": {
     "@eslint/js": "~9.35.0",
     "@genexus/chameleon-controls-library": "6.22.1",
+    "@genexus/mercury-build": "^0.1.0",
     "@genexus/svg-sass-generator": "1.1.24",
     "@jackolope/ts-lit-plugin": "^3.1.4",
     "@types/node": "*",
     "@typescript-eslint/eslint-plugin": "*",
     "@typescript-eslint/parser": "*",
+    "@typescript/native-preview": "7.0.0-dev.20251104.1",
     "@vitest/browser": "*",
     "@vitest/coverage-v8": "*",
     "@vitest/ui": "*",
-    "chokidar": "^3.6.0",
-    "chokidar-cli": "^3.0.0",
-    "esbuild": "*",
     "eslint": "*",
     "globals": "*",
     "minify-html-literals": "~1.3.5",