feat(chat): Added Chat component (#1688)

---------

Co-authored-by: teodosiah <[email protected]>
Co-authored-by: Galina Edinakova <[email protected]>
Co-authored-by: Teodosia Hristodorova <[email protected]>
Co-authored-by: sivanova <[email protected]>
Co-authored-by: Silvia Ivanova <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>
Co-authored-by: desig9stein <[email protected]>
Co-authored-by: Simeon Simeonoff <[email protected]>
Co-authored-by: Marin Popov <[email protected]>

Author: 7 people

.gitignore

@@ -32,5 +32,6 @@ custom-elements.json
 i18nRepo
 
 # Development environment
+.env
 .envrc
 .direnv

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+### Added
+- Chat component
+
 ## [6.2.2] - 2025-09-16
 ### Fixed
 - Minor bug fixes around styles

package-lock.json

@@ -6,7 +6,8 @@
   "license": "SEE LICENSE IN LICENSE",
   "exports": {
     ".": "./src/index.js",
-    "./types": "./src/types.js"
+    "./types": "./src/types.js",
+    "./extras": "./src/extras/index.js"
   },
   "type": "module",
   "repository": {
@@ -59,13 +60,13 @@
   },
   "devDependencies": {
     "@biomejs/biome": "~2.2.4",
-    "@custom-elements-manifest/analyzer": "^0.10.5",
+    "@custom-elements-manifest/analyzer": "^0.10.6",
     "@igniteui/material-icons-extended": "^3.1.0",
     "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "^9.1.5",
-    "@storybook/addon-docs": "^9.1.5",
-    "@storybook/addon-links": "^9.1.5",
-    "@storybook/web-components-vite": "^9.1.5",
+    "@storybook/addon-a11y": "^9.1.6",
+    "@storybook/addon-docs": "^9.1.6",
+    "@storybook/addon-links": "^9.1.6",
+    "@storybook/web-components-vite": "^9.1.6",
     "@types/mocha": "^10.0.10",
     "@web/dev-server-esbuild": "^1.0.4",
     "@web/test-runner": "^0.20.2",
@@ -79,8 +80,8 @@
     "globby": "^14.1.0",
     "husky": "^9.1.7",
     "ig-typedoc-theme": "^6.2.3",
-    "igniteui-theming": "^19.3.1",
-    "keep-a-changelog": "^2.7.0",
+    "igniteui-theming": "^20.0.0",
+    "keep-a-changelog": "^2.7.1",
     "lint-staged": "^16.1.6",
     "lit-analyzer": "^2.0.3",
     "madge": "^8.0.0",
@@ -91,7 +92,7 @@
     "rimraf": "^6.0.1",
     "sass-embedded": "~1.92.1",
     "sinon": "^21.0.0",
-    "storybook": "^9.1.5",
+    "storybook": "^9.1.6",
     "stylelint": "^16.24.0",
     "stylelint-config-standard-scss": "^16.0.0",
     "stylelint-prettier": "^5.0.3",
@@ -101,7 +102,13 @@
     "typedoc": "~0.27.9",
     "typedoc-plugin-localization": "^3.0.6",
     "typescript": "^5.8.3",
-    "vite": "^7.1.5"
+    "vite": "^7.1.6"
+  },
+  "peerDependencies": {
+    "dompurify": "^3.2.7",
+    "marked": "^16.3.0",
+    "marked-shiki": "^1.2.1",
+    "shiki": "^3.12.2"
   },
   "browserslist": [
     "defaults"

package.json

@@ -10,7 +10,11 @@
       "types": "./index.d.ts",
       "default": "./index.js"
     },
-    "./themes/*.css": "./themes/*.css"
+    "./themes/*.css": "./themes/*.css",
+    "./extras": {
+      "types": "./extras/index.d.ts",
+      "default": "./extras/index.js"
+    }
   },
   "type": "module",
   "sideEffects": false,
@@ -28,6 +32,7 @@
     "webcomponents",
     "web components",
     "UI components",
+    "AI chat",
     "accordion",
     "avatar",
     "badge",
@@ -38,6 +43,7 @@
     "card",
     "carousel",
     "circular progress",
+    "chat",
     "checkbox",
     "chip",
     "combo",
@@ -72,11 +78,31 @@
     "tree"
   ],
   "customElements": "custom-elements.json",
+  "web-types": "./web-types.json",
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
     "@lit-labs/virtualizer": "^2.1.0",
     "@lit/context": "^1.1.0",
     "lit": "^3.3.0"
   },
-  "web-types": "./web-types.json"
+  "peerDependencies": {
+    "dompurify": "^3.2.",
+    "marked": "^16.3.0",
+    "marked-shiki": "^1.2.0",
+    "shiki": "^3.12.0"
+  },
+  "peerDependenciesMeta": {
+    "dompurify": {
+      "optional": true
+    },
+    "marked": {
+      "optional": true
+    },
+    "marked-shiki": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    }
+  }
 }

scripts/_package.json

@@ -1,5 +1,5 @@
 import { exec as _exec } from 'node:child_process';
-import { copyFile, writeFile } from 'node:fs/promises';
+import { copyFile, mkdir, writeFile } from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { promisify } from 'node:util';
@@ -11,6 +11,7 @@ import {
 import customElements from '../custom-elements.json' with { type: 'json' };
 import report from './report.mjs';
 import { buildComponents, buildThemes } from './sass.mjs';
+import { globby } from 'globby';
 
 const exec = promisify(_exec);
 
@@ -49,12 +50,23 @@ async function runTask(tag, cmd) {
     )
   );
 
-  await runTask('Copying release files', () =>
+  await runTask('Copying release files', async () => {
+    const pngFiles = await globby('src/components/**/*.png');
+    pngFiles.forEach(
+      async (dest) =>
+        await mkdir(path.dirname(DEST_DIR(dest.replace('src', ''))), {
+          recursive: true,
+        })
+    );
+
     Promise.all([
       copyFile('scripts/_package.json', DEST_DIR('package.json')),
       ...RELEASE_FILES.map((file) => copyFile(file, DEST_DIR(file))),
-    ])
-  );
+      ...pngFiles.map((file) =>
+        copyFile(file, DEST_DIR(file.replace('src', '')))
+      ),
+    ]);
+  });
 
   await runTask('VSCode custom data + Web types', () =>
     Promise.all([