From 2c5e24c471566ac59b8dc030669638fbf6ef3908 Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Fri, 14 Mar 2025 14:28:59 -0400 Subject: [PATCH 1/7] wip(legacy): rename core to legacy --- examples/vue-advanced-chat/src/chatkitty/index.ts | 4 ++-- examples/vue-advanced-chat/tsconfig.json | 2 +- libraries/{core => legacy}/.release-it.cjs | 0 libraries/{core => legacy}/CHANGELOG.md | 0 libraries/{core => legacy}/LICENSE | 0 libraries/{core => legacy}/README.md | 0 libraries/{core => legacy}/moon.yml | 0 libraries/{core => legacy}/package.json | 0 libraries/{core => legacy}/src/channel.ts | 0 libraries/{core => legacy}/src/chat-session.ts | 0 libraries/{core => legacy}/src/chatkitty.ts | 0 libraries/{core => legacy}/src/configuration.ts | 0 libraries/{core => legacy}/src/current-user.ts | 0 libraries/{core => legacy}/src/emoji.ts | 0 libraries/{core => legacy}/src/environment/environment.ts | 0 libraries/{core => legacy}/src/environment/index.ts | 0 libraries/{core => legacy}/src/environment/version.ts | 0 libraries/{core => legacy}/src/error.ts | 0 libraries/{core => legacy}/src/event.ts | 0 libraries/{core => legacy}/src/file.ts | 0 libraries/{core => legacy}/src/index.ts | 0 libraries/{core => legacy}/src/keystrokes.ts | 0 libraries/{core => legacy}/src/message.ts | 0 libraries/{core => legacy}/src/model.ts | 0 libraries/{core => legacy}/src/notification.ts | 0 libraries/{core => legacy}/src/observer.ts | 0 libraries/{core => legacy}/src/pagination.ts | 0 libraries/{core => legacy}/src/polyfills/index.js | 0 libraries/{core => legacy}/src/reaction.ts | 0 libraries/{core => legacy}/src/read-receipt.ts | 0 libraries/{core => legacy}/src/result.ts | 0 libraries/{core => legacy}/src/sockjs-client.d.ts | 0 libraries/{core => legacy}/src/stompx.ts | 0 libraries/{core => legacy}/src/thread.ts | 0 libraries/{core => legacy}/src/user-blocked-record.ts | 0 libraries/{core => legacy}/src/user-session.ts | 0 libraries/{core => legacy}/src/user.ts | 0 libraries/{core => legacy}/tsconfig.esm.json | 0 libraries/{core => legacy}/tsconfig.json | 2 +- tsconfig.json | 2 +- 40 files changed, 5 insertions(+), 5 deletions(-) rename libraries/{core => legacy}/.release-it.cjs (100%) rename libraries/{core => legacy}/CHANGELOG.md (100%) rename libraries/{core => legacy}/LICENSE (100%) rename libraries/{core => legacy}/README.md (100%) rename libraries/{core => legacy}/moon.yml (100%) rename libraries/{core => legacy}/package.json (100%) rename libraries/{core => legacy}/src/channel.ts (100%) rename libraries/{core => legacy}/src/chat-session.ts (100%) rename libraries/{core => legacy}/src/chatkitty.ts (100%) rename libraries/{core => legacy}/src/configuration.ts (100%) rename libraries/{core => legacy}/src/current-user.ts (100%) rename libraries/{core => legacy}/src/emoji.ts (100%) rename libraries/{core => legacy}/src/environment/environment.ts (100%) rename libraries/{core => legacy}/src/environment/index.ts (100%) rename libraries/{core => legacy}/src/environment/version.ts (100%) rename libraries/{core => legacy}/src/error.ts (100%) rename libraries/{core => legacy}/src/event.ts (100%) rename libraries/{core => legacy}/src/file.ts (100%) rename libraries/{core => legacy}/src/index.ts (100%) rename libraries/{core => legacy}/src/keystrokes.ts (100%) rename libraries/{core => legacy}/src/message.ts (100%) rename libraries/{core => legacy}/src/model.ts (100%) rename libraries/{core => legacy}/src/notification.ts (100%) rename libraries/{core => legacy}/src/observer.ts (100%) rename libraries/{core => legacy}/src/pagination.ts (100%) rename libraries/{core => legacy}/src/polyfills/index.js (100%) rename libraries/{core => legacy}/src/reaction.ts (100%) rename libraries/{core => legacy}/src/read-receipt.ts (100%) rename libraries/{core => legacy}/src/result.ts (100%) rename libraries/{core => legacy}/src/sockjs-client.d.ts (100%) rename libraries/{core => legacy}/src/stompx.ts (100%) rename libraries/{core => legacy}/src/thread.ts (100%) rename libraries/{core => legacy}/src/user-blocked-record.ts (100%) rename libraries/{core => legacy}/src/user-session.ts (100%) rename libraries/{core => legacy}/src/user.ts (100%) rename libraries/{core => legacy}/tsconfig.esm.json (100%) rename libraries/{core => legacy}/tsconfig.json (76%) diff --git a/examples/vue-advanced-chat/src/chatkitty/index.ts b/examples/vue-advanced-chat/src/chatkitty/index.ts index 3bafd564..5011ad29 100644 --- a/examples/vue-advanced-chat/src/chatkitty/index.ts +++ b/examples/vue-advanced-chat/src/chatkitty/index.ts @@ -1,6 +1,6 @@ -import ChatKitty from '@chatkitty/core'; +import ChatKitty from '../../../../libraries/legacy'; -import type { CurrentUser, Channel, Message, User } from '@chatkitty/core'; +import type { CurrentUser, Channel, Message, User } from '../../../../libraries/legacy'; import { parseTimestamp } from '@/utils/dates'; export const chatkitty = ChatKitty.getInstance('afaac908-1db3-4b5c-a7ae-c040b9684403'); diff --git a/examples/vue-advanced-chat/tsconfig.json b/examples/vue-advanced-chat/tsconfig.json index 81e8a347..308a11bd 100644 --- a/examples/vue-advanced-chat/tsconfig.json +++ b/examples/vue-advanced-chat/tsconfig.json @@ -2,7 +2,7 @@ "files": [], "references": [ { - "path": "../../libraries/core" + "path": "../../libraries/legacy" }, { "path": "./tsconfig.app.json" diff --git a/libraries/core/.release-it.cjs b/libraries/legacy/.release-it.cjs similarity index 100% rename from libraries/core/.release-it.cjs rename to libraries/legacy/.release-it.cjs diff --git a/libraries/core/CHANGELOG.md b/libraries/legacy/CHANGELOG.md similarity index 100% rename from libraries/core/CHANGELOG.md rename to libraries/legacy/CHANGELOG.md diff --git a/libraries/core/LICENSE b/libraries/legacy/LICENSE similarity index 100% rename from libraries/core/LICENSE rename to libraries/legacy/LICENSE diff --git a/libraries/core/README.md b/libraries/legacy/README.md similarity index 100% rename from libraries/core/README.md rename to libraries/legacy/README.md diff --git a/libraries/core/moon.yml b/libraries/legacy/moon.yml similarity index 100% rename from libraries/core/moon.yml rename to libraries/legacy/moon.yml diff --git a/libraries/core/package.json b/libraries/legacy/package.json similarity index 100% rename from libraries/core/package.json rename to libraries/legacy/package.json diff --git a/libraries/core/src/channel.ts b/libraries/legacy/src/channel.ts similarity index 100% rename from libraries/core/src/channel.ts rename to libraries/legacy/src/channel.ts diff --git a/libraries/core/src/chat-session.ts b/libraries/legacy/src/chat-session.ts similarity index 100% rename from libraries/core/src/chat-session.ts rename to libraries/legacy/src/chat-session.ts diff --git a/libraries/core/src/chatkitty.ts b/libraries/legacy/src/chatkitty.ts similarity index 100% rename from libraries/core/src/chatkitty.ts rename to libraries/legacy/src/chatkitty.ts diff --git a/libraries/core/src/configuration.ts b/libraries/legacy/src/configuration.ts similarity index 100% rename from libraries/core/src/configuration.ts rename to libraries/legacy/src/configuration.ts diff --git a/libraries/core/src/current-user.ts b/libraries/legacy/src/current-user.ts similarity index 100% rename from libraries/core/src/current-user.ts rename to libraries/legacy/src/current-user.ts diff --git a/libraries/core/src/emoji.ts b/libraries/legacy/src/emoji.ts similarity index 100% rename from libraries/core/src/emoji.ts rename to libraries/legacy/src/emoji.ts diff --git a/libraries/core/src/environment/environment.ts b/libraries/legacy/src/environment/environment.ts similarity index 100% rename from libraries/core/src/environment/environment.ts rename to libraries/legacy/src/environment/environment.ts diff --git a/libraries/core/src/environment/index.ts b/libraries/legacy/src/environment/index.ts similarity index 100% rename from libraries/core/src/environment/index.ts rename to libraries/legacy/src/environment/index.ts diff --git a/libraries/core/src/environment/version.ts b/libraries/legacy/src/environment/version.ts similarity index 100% rename from libraries/core/src/environment/version.ts rename to libraries/legacy/src/environment/version.ts diff --git a/libraries/core/src/error.ts b/libraries/legacy/src/error.ts similarity index 100% rename from libraries/core/src/error.ts rename to libraries/legacy/src/error.ts diff --git a/libraries/core/src/event.ts b/libraries/legacy/src/event.ts similarity index 100% rename from libraries/core/src/event.ts rename to libraries/legacy/src/event.ts diff --git a/libraries/core/src/file.ts b/libraries/legacy/src/file.ts similarity index 100% rename from libraries/core/src/file.ts rename to libraries/legacy/src/file.ts diff --git a/libraries/core/src/index.ts b/libraries/legacy/src/index.ts similarity index 100% rename from libraries/core/src/index.ts rename to libraries/legacy/src/index.ts diff --git a/libraries/core/src/keystrokes.ts b/libraries/legacy/src/keystrokes.ts similarity index 100% rename from libraries/core/src/keystrokes.ts rename to libraries/legacy/src/keystrokes.ts diff --git a/libraries/core/src/message.ts b/libraries/legacy/src/message.ts similarity index 100% rename from libraries/core/src/message.ts rename to libraries/legacy/src/message.ts diff --git a/libraries/core/src/model.ts b/libraries/legacy/src/model.ts similarity index 100% rename from libraries/core/src/model.ts rename to libraries/legacy/src/model.ts diff --git a/libraries/core/src/notification.ts b/libraries/legacy/src/notification.ts similarity index 100% rename from libraries/core/src/notification.ts rename to libraries/legacy/src/notification.ts diff --git a/libraries/core/src/observer.ts b/libraries/legacy/src/observer.ts similarity index 100% rename from libraries/core/src/observer.ts rename to libraries/legacy/src/observer.ts diff --git a/libraries/core/src/pagination.ts b/libraries/legacy/src/pagination.ts similarity index 100% rename from libraries/core/src/pagination.ts rename to libraries/legacy/src/pagination.ts diff --git a/libraries/core/src/polyfills/index.js b/libraries/legacy/src/polyfills/index.js similarity index 100% rename from libraries/core/src/polyfills/index.js rename to libraries/legacy/src/polyfills/index.js diff --git a/libraries/core/src/reaction.ts b/libraries/legacy/src/reaction.ts similarity index 100% rename from libraries/core/src/reaction.ts rename to libraries/legacy/src/reaction.ts diff --git a/libraries/core/src/read-receipt.ts b/libraries/legacy/src/read-receipt.ts similarity index 100% rename from libraries/core/src/read-receipt.ts rename to libraries/legacy/src/read-receipt.ts diff --git a/libraries/core/src/result.ts b/libraries/legacy/src/result.ts similarity index 100% rename from libraries/core/src/result.ts rename to libraries/legacy/src/result.ts diff --git a/libraries/core/src/sockjs-client.d.ts b/libraries/legacy/src/sockjs-client.d.ts similarity index 100% rename from libraries/core/src/sockjs-client.d.ts rename to libraries/legacy/src/sockjs-client.d.ts diff --git a/libraries/core/src/stompx.ts b/libraries/legacy/src/stompx.ts similarity index 100% rename from libraries/core/src/stompx.ts rename to libraries/legacy/src/stompx.ts diff --git a/libraries/core/src/thread.ts b/libraries/legacy/src/thread.ts similarity index 100% rename from libraries/core/src/thread.ts rename to libraries/legacy/src/thread.ts diff --git a/libraries/core/src/user-blocked-record.ts b/libraries/legacy/src/user-blocked-record.ts similarity index 100% rename from libraries/core/src/user-blocked-record.ts rename to libraries/legacy/src/user-blocked-record.ts diff --git a/libraries/core/src/user-session.ts b/libraries/legacy/src/user-session.ts similarity index 100% rename from libraries/core/src/user-session.ts rename to libraries/legacy/src/user-session.ts diff --git a/libraries/core/src/user.ts b/libraries/legacy/src/user.ts similarity index 100% rename from libraries/core/src/user.ts rename to libraries/legacy/src/user.ts diff --git a/libraries/core/tsconfig.esm.json b/libraries/legacy/tsconfig.esm.json similarity index 100% rename from libraries/core/tsconfig.esm.json rename to libraries/legacy/tsconfig.esm.json diff --git a/libraries/core/tsconfig.json b/libraries/legacy/tsconfig.json similarity index 76% rename from libraries/core/tsconfig.json rename to libraries/legacy/tsconfig.json index 4b67a05d..7da56539 100644 --- a/libraries/core/tsconfig.json +++ b/libraries/legacy/tsconfig.json @@ -9,6 +9,6 @@ } ], "compilerOptions": { - "outDir": "../../.moon/cache/types/libraries/core" + "outDir": "../../.moon/cache/types/libraries/legacy" } } diff --git a/tsconfig.json b/tsconfig.json index 230ac56a..86517aec 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,7 +3,7 @@ "files": [], "references": [ { - "path": "libraries/core" + "path": "libraries/legacy" }, { "path": "libraries/react" From c1ecde55a2cd8c9280e6e0ed0a9c70cc3ea3a674 Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Fri, 14 Mar 2025 14:30:57 -0400 Subject: [PATCH 2/7] wip(core): rename typescript to core --- libraries/{typescript => core}/download-assets.js | 0 libraries/{typescript => core}/moon.yml | 0 libraries/{typescript => core}/package.json | 0 libraries/{typescript => core}/tsconfig.json | 2 +- tsconfig.json | 2 +- 5 files changed, 2 insertions(+), 2 deletions(-) rename libraries/{typescript => core}/download-assets.js (100%) rename libraries/{typescript => core}/moon.yml (100%) rename libraries/{typescript => core}/package.json (100%) rename libraries/{typescript => core}/tsconfig.json (67%) diff --git a/libraries/typescript/download-assets.js b/libraries/core/download-assets.js similarity index 100% rename from libraries/typescript/download-assets.js rename to libraries/core/download-assets.js diff --git a/libraries/typescript/moon.yml b/libraries/core/moon.yml similarity index 100% rename from libraries/typescript/moon.yml rename to libraries/core/moon.yml diff --git a/libraries/typescript/package.json b/libraries/core/package.json similarity index 100% rename from libraries/typescript/package.json rename to libraries/core/package.json diff --git a/libraries/typescript/tsconfig.json b/libraries/core/tsconfig.json similarity index 67% rename from libraries/typescript/tsconfig.json rename to libraries/core/tsconfig.json index f8c56fc8..294dd2bc 100644 --- a/libraries/typescript/tsconfig.json +++ b/libraries/core/tsconfig.json @@ -5,6 +5,6 @@ ], "references": [], "compilerOptions": { - "outDir": "../../.moon/cache/types/libraries/typescript" + "outDir": "../../.moon/cache/types/libraries/core" } } diff --git a/tsconfig.json b/tsconfig.json index 86517aec..d219210e 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -9,7 +9,7 @@ "path": "libraries/react" }, { - "path": "libraries/typescript" + "path": "libraries/core" }, { "path": "tools/release-config" From b2414187e07b87b848067eca1fedbf163679a439 Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Sun, 16 Mar 2025 15:08:43 -0400 Subject: [PATCH 3/7] wip(react): fix react wrapper --- examples/vue-2/src/App.vue | 2 +- libraries/react/tsconfig.json | 3 +++ pnpm-lock.yaml | 50 +++++++++++++++++------------------ 3 files changed, 29 insertions(+), 26 deletions(-) diff --git a/examples/vue-2/src/App.vue b/examples/vue-2/src/App.vue index b9a67b02..5284fa93 100644 --- a/examples/vue-2/src/App.vue +++ b/examples/vue-2/src/App.vue @@ -109,7 +109,7 @@ export default { .container { display: flex; flex-direction: column; - height: 100vh; /* Assuming you want to take the full viewport height */ + height: 100svh; /* Assuming you want to take the full viewport height */ } .header { diff --git a/libraries/react/tsconfig.json b/libraries/react/tsconfig.json index 89b2434b..5dede5c3 100644 --- a/libraries/react/tsconfig.json +++ b/libraries/react/tsconfig.json @@ -6,6 +6,9 @@ }, { "path": "./tsconfig.node.json" + }, + { + "path": "../core" } ], "compilerOptions": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e43f919a..f665f2a2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -61,7 +61,7 @@ importers: version: link:../../libraries/react chatkitty: specifier: workspace:* - version: link:../../libraries/typescript + version: link:../../libraries/core react: specifier: ^19.0.0 version: 19.0.0 @@ -107,7 +107,7 @@ importers: dependencies: chatkitty: specifier: workspace:* - version: link:../../libraries/typescript + version: link:../../libraries/core core-js: specifier: ^3.8.3 version: 3.38.1 @@ -144,7 +144,7 @@ importers: dependencies: '@chatkitty/core': specifier: workspace:* - version: link:../../libraries/core + version: link:../../libraries/legacy vue: specifier: ^3.4.27 version: 3.5.12(typescript@5.7.3) @@ -193,6 +193,27 @@ importers: version: 2.1.6(typescript@5.7.3) libraries/core: + dependencies: + '@stomp/rx-stomp': + specifier: ^2.0.0 + version: 2.0.0(@stomp/stompjs@7.0.0)(rxjs@7.8.1)(uuid@9.0.1) + '@stomp/stompjs': + specifier: ^7.0.0 + version: 7.0.0 + axios: + specifier: ^1.5.1 + version: 1.7.7 + lit-html: + specifier: ^2.7.0 + version: 2.8.0 + rxjs: + specifier: ^7.2.0 + version: 7.8.1 + uuid: + specifier: ^9.0.0 + version: 9.0.1 + + libraries/legacy: dependencies: '@stomp/rx-stomp': specifier: ^2.0.0 @@ -239,7 +260,7 @@ importers: dependencies: chatkitty: specifier: workspace:* - version: link:../typescript + version: link:../core react: specifier: ^19.0.0 version: 19.0.0 @@ -278,27 +299,6 @@ importers: specifier: ^6.2.0 version: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) - libraries/typescript: - dependencies: - '@stomp/rx-stomp': - specifier: ^2.0.0 - version: 2.0.0(@stomp/stompjs@7.0.0)(rxjs@7.8.1)(uuid@9.0.1) - '@stomp/stompjs': - specifier: ^7.0.0 - version: 7.0.0 - axios: - specifier: ^1.5.1 - version: 1.7.7 - lit-html: - specifier: ^2.7.0 - version: 2.8.0 - rxjs: - specifier: ^7.2.0 - version: 7.8.1 - uuid: - specifier: ^9.0.0 - version: 9.0.1 - tools/release-config: {} packages: From 2be2e4dd39e4e173228c67d1fd1d0843b0f2a657 Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Mon, 17 Mar 2025 13:36:03 -0400 Subject: [PATCH 4/7] wip(react): fix styles formatting for react component library --- examples/react-example/moon.yml | 2 +- examples/react-example/src/App.css | 44 +----- examples/react-example/src/App.tsx | 14 +- libraries/react/package.json | 4 + libraries/react/src/components/ChatUi.css | 12 ++ libraries/react/src/components/ChatUi.tsx | 15 +- pnpm-lock.yaml | 174 ++++++++++++++++++---- 7 files changed, 177 insertions(+), 88 deletions(-) create mode 100644 libraries/react/src/components/ChatUi.css diff --git a/examples/react-example/moon.yml b/examples/react-example/moon.yml index 773cb832..efa85fb1 100644 --- a/examples/react-example/moon.yml +++ b/examples/react-example/moon.yml @@ -14,5 +14,5 @@ fileGroups: tasks: dev: - command: 'vite' + command: 'vite --host' local: true diff --git a/examples/react-example/src/App.css b/examples/react-example/src/App.css index b9d355df..373ce310 100644 --- a/examples/react-example/src/App.css +++ b/examples/react-example/src/App.css @@ -1,42 +1,6 @@ #root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; + width: 100vw; + height: 100svh; + position: fixed; + top: 0; } diff --git a/examples/react-example/src/App.tsx b/examples/react-example/src/App.tsx index 9e456106..c02cf707 100644 --- a/examples/react-example/src/App.tsx +++ b/examples/react-example/src/App.tsx @@ -1,24 +1,12 @@ -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' import './App.css' import {ChatUi} from '@chatkitty/react' +import '@chatkitty/react/dist/react.css' function App() { return ( <> -
- - Vite logo - - - React logo - -
-

Vite + React

-
-
) } diff --git a/libraries/react/package.json b/libraries/react/package.json index 715f25a7..f5746609 100644 --- a/libraries/react/package.json +++ b/libraries/react/package.json @@ -10,6 +10,10 @@ ".": { "import": "./dist/chatkitty-react.es.js", "require": "./dist/chatkitty-react.umd.js" + }, + "./dist/react.css": { + "import": "./dist/react.css", + "require": "./dist/react.css" } }, "scripts": { diff --git a/libraries/react/src/components/ChatUi.css b/libraries/react/src/components/ChatUi.css new file mode 100644 index 00000000..e36fbea8 --- /dev/null +++ b/libraries/react/src/components/ChatUi.css @@ -0,0 +1,12 @@ +.logo-container { + display: none; + height: 125px; +} + +@media (width >= 640px) { + .logo-container { + display: flex; + justify-content: center; + + } +} \ No newline at end of file diff --git a/libraries/react/src/components/ChatUi.tsx b/libraries/react/src/components/ChatUi.tsx index 2332d65a..10511fdd 100644 --- a/libraries/react/src/components/ChatUi.tsx +++ b/libraries/react/src/components/ChatUi.tsx @@ -1,5 +1,6 @@ -import { useEffect } from "react"; -import { connectApi, loadChatUi } from "chatkitty"; +import {useEffect} from "react"; +import {connectApi, loadChatUi} from "chatkitty"; +import './ChatUi.css'; export const ChatUi = () => { useEffect(() => { @@ -46,11 +47,11 @@ export const ChatUi = () => { }, []); return ( -
-
- Example App Logo +
+
+ Example App Logo +
+
-
-
); }; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f665f2a2..2755b40b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -52,7 +52,7 @@ importers: version: 5.7.3 vite-plugin-dts: specifier: ^4.5.3 - version: 4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) examples/react-example: dependencies: @@ -80,7 +80,7 @@ importers: version: 19.0.4(@types/react@19.0.10) '@vitejs/plugin-react': specifier: ^4.3.4 - version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) eslint: specifier: 8.57.0 version: 8.57.0 @@ -101,7 +101,7 @@ importers: version: 8.26.0(eslint@8.57.0)(typescript@5.7.3) vite: specifier: ^6.2.0 - version: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + version: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) examples/vue-2: dependencies: @@ -160,13 +160,13 @@ importers: version: 18.19.55 '@vitejs/plugin-vue': specifier: ^5.0.4 - version: 5.1.4(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) + version: 5.1.4(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) '@vitejs/plugin-vue-jsx': specifier: ^3.1.0 - version: 3.1.0(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) + version: 3.1.0(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) '@vitest/coverage-v8': specifier: ^1.6.0 - version: 1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0)) + version: 1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)) '@vue/test-utils': specifier: ^2.4.6 version: 2.4.6 @@ -184,10 +184,10 @@ importers: version: 13.3.3(sass@1.79.5)(webpack@5.95.0(@swc/core@1.7.36(@swc/helpers@0.5.13))) vite: specifier: ^5.2.11 - version: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + version: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) vitest: specifier: ^1.6.0 - version: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0) + version: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) vue-tsc: specifier: ^2.0.19 version: 2.1.6(typescript@5.7.3) @@ -276,7 +276,7 @@ importers: version: 19.0.4(@types/react@19.0.10) '@vitejs/plugin-react': specifier: ^4.3.4 - version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) eslint: specifier: 8.57.0 version: 8.57.0 @@ -297,7 +297,7 @@ importers: version: 8.26.0(eslint@8.57.0)(typescript@5.7.3) vite: specifier: ^6.2.0 - version: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + version: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) tools/release-config: {} @@ -5064,6 +5064,10 @@ packages: resolution: {integrity: sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} + jiti@2.4.2: + resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==} + hasBin: true + jju@1.4.0: resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==} @@ -5209,6 +5213,70 @@ packages: resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} engines: {node: '>= 0.8.0'} + lightningcss-darwin-arm64@1.29.2: + resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.29.2: + resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.29.2: + resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.29.2: + resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.29.2: + resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-arm64-musl@1.29.2: + resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-x64-gnu@1.29.2: + resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-linux-x64-musl@1.29.2: + resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-win32-arm64-msvc@1.29.2: + resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.29.2: + resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.29.2: + resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==} + engines: {node: '>= 12.0.0'} + lilconfig@2.1.0: resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==} engines: {node: '>=10'} @@ -9774,33 +9842,33 @@ snapshots: '@ungap/structured-clone@1.2.0': {} - '@vitejs/plugin-react@4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0))': + '@vitejs/plugin-react@4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0))': dependencies: '@babel/core': 7.26.9 '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.9) '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.9) '@types/babel__core': 7.20.5 react-refresh: 0.14.2 - vite: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + vite: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': + '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': dependencies: '@babel/core': 7.26.9 '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.26.9) '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.9) - vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) vue: 3.5.12(typescript@5.7.3) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue@5.1.4(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': + '@vitejs/plugin-vue@5.1.4(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': dependencies: - vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) vue: 3.5.12(typescript@5.7.3) - '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0))': + '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))': dependencies: '@ampproject/remapping': 2.3.0 '@bcoe/v8-coverage': 0.2.3 @@ -9815,7 +9883,7 @@ snapshots: std-env: 3.7.0 strip-literal: 2.1.0 test-exclude: 6.0.0 - vitest: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0) + vitest: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) transitivePeerDependencies: - supports-color @@ -13189,6 +13257,9 @@ snapshots: merge-stream: 2.0.0 supports-color: 8.1.1 + jiti@2.4.2: + optional: true + jju@1.4.0: {} joi@17.13.3: @@ -13337,6 +13408,52 @@ snapshots: prelude-ls: 1.2.1 type-check: 0.4.0 + lightningcss-darwin-arm64@1.29.2: + optional: true + + lightningcss-darwin-x64@1.29.2: + optional: true + + lightningcss-freebsd-x64@1.29.2: + optional: true + + lightningcss-linux-arm-gnueabihf@1.29.2: + optional: true + + lightningcss-linux-arm64-gnu@1.29.2: + optional: true + + lightningcss-linux-arm64-musl@1.29.2: + optional: true + + lightningcss-linux-x64-gnu@1.29.2: + optional: true + + lightningcss-linux-x64-musl@1.29.2: + optional: true + + lightningcss-win32-arm64-msvc@1.29.2: + optional: true + + lightningcss-win32-x64-msvc@1.29.2: + optional: true + + lightningcss@1.29.2: + dependencies: + detect-libc: 2.0.3 + optionalDependencies: + lightningcss-darwin-arm64: 1.29.2 + lightningcss-darwin-x64: 1.29.2 + lightningcss-freebsd-x64: 1.29.2 + lightningcss-linux-arm-gnueabihf: 1.29.2 + lightningcss-linux-arm64-gnu: 1.29.2 + lightningcss-linux-arm64-musl: 1.29.2 + lightningcss-linux-x64-gnu: 1.29.2 + lightningcss-linux-x64-musl: 1.29.2 + lightningcss-win32-arm64-msvc: 1.29.2 + lightningcss-win32-x64-msvc: 1.29.2 + optional: true + lilconfig@2.1.0: {} lines-and-columns@1.2.4: {} @@ -15559,13 +15676,13 @@ snapshots: vary@1.1.2: {} - vite-node@1.6.0(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0): + vite-node@1.6.0(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): dependencies: cac: 6.7.14 debug: 4.4.0 pathe: 1.1.2 picocolors: 1.1.1 - vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) transitivePeerDependencies: - '@types/node' - less @@ -15577,7 +15694,7 @@ snapshots: - supports-color - terser - vite-plugin-dts@4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)): + vite-plugin-dts@4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)): dependencies: '@microsoft/api-extractor': 7.51.1(@types/node@22.7.5) '@rollup/pluginutils': 5.1.4(rollup@4.34.9) @@ -15590,13 +15707,13 @@ snapshots: magic-string: 0.30.17 typescript: 5.7.3 optionalDependencies: - vite: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + vite: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) transitivePeerDependencies: - '@types/node' - rollup - supports-color - vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0): + vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): dependencies: esbuild: 0.21.5 postcss: 8.5.3 @@ -15604,10 +15721,11 @@ snapshots: optionalDependencies: '@types/node': 18.19.55 fsevents: 2.3.3 + lightningcss: 1.29.2 sass: 1.79.5 terser: 5.36.0 - vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0): + vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0): dependencies: esbuild: 0.25.0 postcss: 8.5.3 @@ -15615,11 +15733,13 @@ snapshots: optionalDependencies: '@types/node': 22.7.5 fsevents: 2.3.3 + jiti: 2.4.2 + lightningcss: 1.29.2 sass: 1.79.5 terser: 5.36.0 yaml: 2.6.0 - vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0): + vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): dependencies: '@vitest/expect': 1.6.0 '@vitest/runner': 1.6.0 @@ -15638,8 +15758,8 @@ snapshots: strip-literal: 2.1.0 tinybench: 2.9.0 tinypool: 0.8.4 - vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) - vite-node: 1.6.0(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vite-node: 1.6.0(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) why-is-node-running: 2.3.0 optionalDependencies: '@types/node': 18.19.55 From a1d0f237648b4569a00b9f913e33f72d0d4880c9 Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Mon, 17 Mar 2025 15:07:53 -0400 Subject: [PATCH 5/7] wip(react): allow apiKey, username, and widgetId to be passed in --- examples/react-example/src/App.tsx | 3 ++- libraries/react/src/components/ChatUi.tsx | 15 +++++---------- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/examples/react-example/src/App.tsx b/examples/react-example/src/App.tsx index c02cf707..1c6a50a7 100644 --- a/examples/react-example/src/App.tsx +++ b/examples/react-example/src/App.tsx @@ -6,7 +6,8 @@ import '@chatkitty/react/dist/react.css' function App() { return ( <> - + {/**/} + ) } diff --git a/libraries/react/src/components/ChatUi.tsx b/libraries/react/src/components/ChatUi.tsx index 10511fdd..8fedf10f 100644 --- a/libraries/react/src/components/ChatUi.tsx +++ b/libraries/react/src/components/ChatUi.tsx @@ -2,12 +2,12 @@ import {useEffect} from "react"; import {connectApi, loadChatUi} from "chatkitty"; import './ChatUi.css'; -export const ChatUi = () => { +export const ChatUi = ({apiKey, username, widgetId}: {apiKey: string, username: string, widgetId: string}) => { useEffect(() => { const initializeChat = async () => { const connection = await connectApi({ - apiKey: "afaac908-1db3-4b5c-a7ae-c040b9684403", - username: "2989c53a-d0c5-4222-af8d-fbf7b0c74ec6" + apiKey: apiKey, + username: username }); const { user, unreadChannelsCount, notifications, updateUser } = connection; @@ -19,7 +19,7 @@ export const ChatUi = () => { loadChatUi( { - widgetId: "UWiEkKvdAaUJ1xut", + widgetId: widgetId, container: { height: "100%" }, audio: { enabled: true }, components: { @@ -47,11 +47,6 @@ export const ChatUi = () => { }, []); return ( -
-
- Example App Logo -
-
-
+
); }; From d75b88d813368015970b6a393198574832df5c1c Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Mon, 17 Mar 2025 16:06:42 -0400 Subject: [PATCH 6/7] wip(react): remove css --- examples/react-example/src/App.tsx | 2 - libraries/react/package.json | 4 - libraries/react/src/components/ChatUi.css | 12 -- libraries/react/src/components/ChatUi.tsx | 5 +- pnpm-lock.yaml | 224 +++++----------------- 5 files changed, 54 insertions(+), 193 deletions(-) delete mode 100644 libraries/react/src/components/ChatUi.css diff --git a/examples/react-example/src/App.tsx b/examples/react-example/src/App.tsx index 1c6a50a7..725b5eaf 100644 --- a/examples/react-example/src/App.tsx +++ b/examples/react-example/src/App.tsx @@ -1,12 +1,10 @@ import './App.css' import {ChatUi} from '@chatkitty/react' -import '@chatkitty/react/dist/react.css' function App() { return ( <> - {/**/} ) diff --git a/libraries/react/package.json b/libraries/react/package.json index f5746609..715f25a7 100644 --- a/libraries/react/package.json +++ b/libraries/react/package.json @@ -10,10 +10,6 @@ ".": { "import": "./dist/chatkitty-react.es.js", "require": "./dist/chatkitty-react.umd.js" - }, - "./dist/react.css": { - "import": "./dist/react.css", - "require": "./dist/react.css" } }, "scripts": { diff --git a/libraries/react/src/components/ChatUi.css b/libraries/react/src/components/ChatUi.css deleted file mode 100644 index e36fbea8..00000000 --- a/libraries/react/src/components/ChatUi.css +++ /dev/null @@ -1,12 +0,0 @@ -.logo-container { - display: none; - height: 125px; -} - -@media (width >= 640px) { - .logo-container { - display: flex; - justify-content: center; - - } -} \ No newline at end of file diff --git a/libraries/react/src/components/ChatUi.tsx b/libraries/react/src/components/ChatUi.tsx index 8fedf10f..6cc3e966 100644 --- a/libraries/react/src/components/ChatUi.tsx +++ b/libraries/react/src/components/ChatUi.tsx @@ -1,6 +1,5 @@ -import {useEffect} from "react"; -import {connectApi, loadChatUi} from "chatkitty"; -import './ChatUi.css'; +import { useEffect } from "react"; +import { connectApi, loadChatUi } from "chatkitty"; export const ChatUi = ({apiKey, username, widgetId}: {apiKey: string, username: string, widgetId: string}) => { useEffect(() => { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2755b40b..e43f919a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -52,7 +52,7 @@ importers: version: 5.7.3 vite-plugin-dts: specifier: ^4.5.3 - version: 4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) examples/react-example: dependencies: @@ -61,7 +61,7 @@ importers: version: link:../../libraries/react chatkitty: specifier: workspace:* - version: link:../../libraries/core + version: link:../../libraries/typescript react: specifier: ^19.0.0 version: 19.0.0 @@ -80,7 +80,7 @@ importers: version: 19.0.4(@types/react@19.0.10) '@vitejs/plugin-react': specifier: ^4.3.4 - version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) eslint: specifier: 8.57.0 version: 8.57.0 @@ -101,13 +101,13 @@ importers: version: 8.26.0(eslint@8.57.0)(typescript@5.7.3) vite: specifier: ^6.2.0 - version: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + version: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) examples/vue-2: dependencies: chatkitty: specifier: workspace:* - version: link:../../libraries/core + version: link:../../libraries/typescript core-js: specifier: ^3.8.3 version: 3.38.1 @@ -144,7 +144,7 @@ importers: dependencies: '@chatkitty/core': specifier: workspace:* - version: link:../../libraries/legacy + version: link:../../libraries/core vue: specifier: ^3.4.27 version: 3.5.12(typescript@5.7.3) @@ -160,13 +160,13 @@ importers: version: 18.19.55 '@vitejs/plugin-vue': specifier: ^5.0.4 - version: 5.1.4(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) + version: 5.1.4(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) '@vitejs/plugin-vue-jsx': specifier: ^3.1.0 - version: 3.1.0(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) + version: 3.1.0(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3)) '@vitest/coverage-v8': specifier: ^1.6.0 - version: 1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)) + version: 1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0)) '@vue/test-utils': specifier: ^2.4.6 version: 2.4.6 @@ -184,36 +184,15 @@ importers: version: 13.3.3(sass@1.79.5)(webpack@5.95.0(@swc/core@1.7.36(@swc/helpers@0.5.13))) vite: specifier: ^5.2.11 - version: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + version: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) vitest: specifier: ^1.6.0 - version: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + version: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0) vue-tsc: specifier: ^2.0.19 version: 2.1.6(typescript@5.7.3) libraries/core: - dependencies: - '@stomp/rx-stomp': - specifier: ^2.0.0 - version: 2.0.0(@stomp/stompjs@7.0.0)(rxjs@7.8.1)(uuid@9.0.1) - '@stomp/stompjs': - specifier: ^7.0.0 - version: 7.0.0 - axios: - specifier: ^1.5.1 - version: 1.7.7 - lit-html: - specifier: ^2.7.0 - version: 2.8.0 - rxjs: - specifier: ^7.2.0 - version: 7.8.1 - uuid: - specifier: ^9.0.0 - version: 9.0.1 - - libraries/legacy: dependencies: '@stomp/rx-stomp': specifier: ^2.0.0 @@ -260,7 +239,7 @@ importers: dependencies: chatkitty: specifier: workspace:* - version: link:../core + version: link:../typescript react: specifier: ^19.0.0 version: 19.0.0 @@ -276,7 +255,7 @@ importers: version: 19.0.4(@types/react@19.0.10) '@vitejs/plugin-react': specifier: ^4.3.4 - version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) + version: 4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)) eslint: specifier: 8.57.0 version: 8.57.0 @@ -297,7 +276,28 @@ importers: version: 8.26.0(eslint@8.57.0)(typescript@5.7.3) vite: specifier: ^6.2.0 - version: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + version: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + + libraries/typescript: + dependencies: + '@stomp/rx-stomp': + specifier: ^2.0.0 + version: 2.0.0(@stomp/stompjs@7.0.0)(rxjs@7.8.1)(uuid@9.0.1) + '@stomp/stompjs': + specifier: ^7.0.0 + version: 7.0.0 + axios: + specifier: ^1.5.1 + version: 1.7.7 + lit-html: + specifier: ^2.7.0 + version: 2.8.0 + rxjs: + specifier: ^7.2.0 + version: 7.8.1 + uuid: + specifier: ^9.0.0 + version: 9.0.1 tools/release-config: {} @@ -5064,10 +5064,6 @@ packages: resolution: {integrity: sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==} engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0} - jiti@2.4.2: - resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==} - hasBin: true - jju@1.4.0: resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==} @@ -5213,70 +5209,6 @@ packages: resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} engines: {node: '>= 0.8.0'} - lightningcss-darwin-arm64@1.29.2: - resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==} - engines: {node: '>= 12.0.0'} - cpu: [arm64] - os: [darwin] - - lightningcss-darwin-x64@1.29.2: - resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==} - engines: {node: '>= 12.0.0'} - cpu: [x64] - os: [darwin] - - lightningcss-freebsd-x64@1.29.2: - resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==} - engines: {node: '>= 12.0.0'} - cpu: [x64] - os: [freebsd] - - lightningcss-linux-arm-gnueabihf@1.29.2: - resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==} - engines: {node: '>= 12.0.0'} - cpu: [arm] - os: [linux] - - lightningcss-linux-arm64-gnu@1.29.2: - resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==} - engines: {node: '>= 12.0.0'} - cpu: [arm64] - os: [linux] - - lightningcss-linux-arm64-musl@1.29.2: - resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==} - engines: {node: '>= 12.0.0'} - cpu: [arm64] - os: [linux] - - lightningcss-linux-x64-gnu@1.29.2: - resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==} - engines: {node: '>= 12.0.0'} - cpu: [x64] - os: [linux] - - lightningcss-linux-x64-musl@1.29.2: - resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==} - engines: {node: '>= 12.0.0'} - cpu: [x64] - os: [linux] - - lightningcss-win32-arm64-msvc@1.29.2: - resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==} - engines: {node: '>= 12.0.0'} - cpu: [arm64] - os: [win32] - - lightningcss-win32-x64-msvc@1.29.2: - resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==} - engines: {node: '>= 12.0.0'} - cpu: [x64] - os: [win32] - - lightningcss@1.29.2: - resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==} - engines: {node: '>= 12.0.0'} - lilconfig@2.1.0: resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==} engines: {node: '>=10'} @@ -9842,33 +9774,33 @@ snapshots: '@ungap/structured-clone@1.2.0': {} - '@vitejs/plugin-react@4.3.4(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0))': + '@vitejs/plugin-react@4.3.4(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0))': dependencies: '@babel/core': 7.26.9 '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.9) '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.9) '@types/babel__core': 7.20.5 react-refresh: 0.14.2 - vite: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + vite: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': + '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': dependencies: '@babel/core': 7.26.9 '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.26.9) '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.9) - vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) vue: 3.5.12(typescript@5.7.3) transitivePeerDependencies: - supports-color - '@vitejs/plugin-vue@5.1.4(vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': + '@vitejs/plugin-vue@5.1.4(vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0))(vue@3.5.12(typescript@5.7.3))': dependencies: - vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) vue: 3.5.12(typescript@5.7.3) - '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0))': + '@vitest/coverage-v8@1.6.0(vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0))': dependencies: '@ampproject/remapping': 2.3.0 '@bcoe/v8-coverage': 0.2.3 @@ -9883,7 +9815,7 @@ snapshots: std-env: 3.7.0 strip-literal: 2.1.0 test-exclude: 6.0.0 - vitest: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vitest: 1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0) transitivePeerDependencies: - supports-color @@ -13257,9 +13189,6 @@ snapshots: merge-stream: 2.0.0 supports-color: 8.1.1 - jiti@2.4.2: - optional: true - jju@1.4.0: {} joi@17.13.3: @@ -13408,52 +13337,6 @@ snapshots: prelude-ls: 1.2.1 type-check: 0.4.0 - lightningcss-darwin-arm64@1.29.2: - optional: true - - lightningcss-darwin-x64@1.29.2: - optional: true - - lightningcss-freebsd-x64@1.29.2: - optional: true - - lightningcss-linux-arm-gnueabihf@1.29.2: - optional: true - - lightningcss-linux-arm64-gnu@1.29.2: - optional: true - - lightningcss-linux-arm64-musl@1.29.2: - optional: true - - lightningcss-linux-x64-gnu@1.29.2: - optional: true - - lightningcss-linux-x64-musl@1.29.2: - optional: true - - lightningcss-win32-arm64-msvc@1.29.2: - optional: true - - lightningcss-win32-x64-msvc@1.29.2: - optional: true - - lightningcss@1.29.2: - dependencies: - detect-libc: 2.0.3 - optionalDependencies: - lightningcss-darwin-arm64: 1.29.2 - lightningcss-darwin-x64: 1.29.2 - lightningcss-freebsd-x64: 1.29.2 - lightningcss-linux-arm-gnueabihf: 1.29.2 - lightningcss-linux-arm64-gnu: 1.29.2 - lightningcss-linux-arm64-musl: 1.29.2 - lightningcss-linux-x64-gnu: 1.29.2 - lightningcss-linux-x64-musl: 1.29.2 - lightningcss-win32-arm64-msvc: 1.29.2 - lightningcss-win32-x64-msvc: 1.29.2 - optional: true - lilconfig@2.1.0: {} lines-and-columns@1.2.4: {} @@ -15676,13 +15559,13 @@ snapshots: vary@1.1.2: {} - vite-node@1.6.0(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): + vite-node@1.6.0(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0): dependencies: cac: 6.7.14 debug: 4.4.0 pathe: 1.1.2 picocolors: 1.1.1 - vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) transitivePeerDependencies: - '@types/node' - less @@ -15694,7 +15577,7 @@ snapshots: - supports-color - terser - vite-plugin-dts@4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)): + vite-plugin-dts@4.5.3(@types/node@22.7.5)(rollup@4.34.9)(typescript@5.7.3)(vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0)): dependencies: '@microsoft/api-extractor': 7.51.1(@types/node@22.7.5) '@rollup/pluginutils': 5.1.4(rollup@4.34.9) @@ -15707,13 +15590,13 @@ snapshots: magic-string: 0.30.17 typescript: 5.7.3 optionalDependencies: - vite: 6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) + vite: 6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0) transitivePeerDependencies: - '@types/node' - rollup - supports-color - vite@5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): + vite@5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0): dependencies: esbuild: 0.21.5 postcss: 8.5.3 @@ -15721,11 +15604,10 @@ snapshots: optionalDependencies: '@types/node': 18.19.55 fsevents: 2.3.3 - lightningcss: 1.29.2 sass: 1.79.5 terser: 5.36.0 - vite@6.2.0(@types/node@22.7.5)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0): + vite@6.2.0(@types/node@22.7.5)(sass@1.79.5)(terser@5.36.0)(yaml@2.6.0): dependencies: esbuild: 0.25.0 postcss: 8.5.3 @@ -15733,13 +15615,11 @@ snapshots: optionalDependencies: '@types/node': 22.7.5 fsevents: 2.3.3 - jiti: 2.4.2 - lightningcss: 1.29.2 sass: 1.79.5 terser: 5.36.0 yaml: 2.6.0 - vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0): + vitest@1.6.0(@types/node@18.19.55)(jsdom@24.1.3)(sass@1.79.5)(terser@5.36.0): dependencies: '@vitest/expect': 1.6.0 '@vitest/runner': 1.6.0 @@ -15758,8 +15638,8 @@ snapshots: strip-literal: 2.1.0 tinybench: 2.9.0 tinypool: 0.8.4 - vite: 5.4.9(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) - vite-node: 1.6.0(@types/node@18.19.55)(lightningcss@1.29.2)(sass@1.79.5)(terser@5.36.0) + vite: 5.4.9(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) + vite-node: 1.6.0(@types/node@18.19.55)(sass@1.79.5)(terser@5.36.0) why-is-node-running: 2.3.0 optionalDependencies: '@types/node': 18.19.55 From fc4e90370d6ef207614a764df1f83a359428cc3d Mon Sep 17 00:00:00 2001 From: Kevin Grafstrom Date: Mon, 17 Mar 2025 16:37:14 -0400 Subject: [PATCH 7/7] wip(core): rename core to legacy --- examples/react-example/moon.yml | 2 +- examples/react-example/src/App.css | 44 ++++++++++++++++++++--- examples/react-example/src/App.tsx | 15 +++++++- examples/vue-2/src/App.vue | 2 +- libraries/react/src/components/ChatUi.tsx | 15 +++++--- 5 files changed, 66 insertions(+), 12 deletions(-) diff --git a/examples/react-example/moon.yml b/examples/react-example/moon.yml index efa85fb1..773cb832 100644 --- a/examples/react-example/moon.yml +++ b/examples/react-example/moon.yml @@ -14,5 +14,5 @@ fileGroups: tasks: dev: - command: 'vite --host' + command: 'vite' local: true diff --git a/examples/react-example/src/App.css b/examples/react-example/src/App.css index 373ce310..b9d355df 100644 --- a/examples/react-example/src/App.css +++ b/examples/react-example/src/App.css @@ -1,6 +1,42 @@ #root { - width: 100vw; - height: 100svh; - position: fixed; - top: 0; + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; } diff --git a/examples/react-example/src/App.tsx b/examples/react-example/src/App.tsx index 725b5eaf..9e456106 100644 --- a/examples/react-example/src/App.tsx +++ b/examples/react-example/src/App.tsx @@ -1,3 +1,5 @@ +import reactLogo from './assets/react.svg' +import viteLogo from '/vite.svg' import './App.css' import {ChatUi} from '@chatkitty/react' @@ -5,7 +7,18 @@ import {ChatUi} from '@chatkitty/react' function App() { return ( <> - + +

Vite + React

+
+ +
) } diff --git a/examples/vue-2/src/App.vue b/examples/vue-2/src/App.vue index 5284fa93..b9a67b02 100644 --- a/examples/vue-2/src/App.vue +++ b/examples/vue-2/src/App.vue @@ -109,7 +109,7 @@ export default { .container { display: flex; flex-direction: column; - height: 100svh; /* Assuming you want to take the full viewport height */ + height: 100vh; /* Assuming you want to take the full viewport height */ } .header { diff --git a/libraries/react/src/components/ChatUi.tsx b/libraries/react/src/components/ChatUi.tsx index 6cc3e966..2332d65a 100644 --- a/libraries/react/src/components/ChatUi.tsx +++ b/libraries/react/src/components/ChatUi.tsx @@ -1,12 +1,12 @@ import { useEffect } from "react"; import { connectApi, loadChatUi } from "chatkitty"; -export const ChatUi = ({apiKey, username, widgetId}: {apiKey: string, username: string, widgetId: string}) => { +export const ChatUi = () => { useEffect(() => { const initializeChat = async () => { const connection = await connectApi({ - apiKey: apiKey, - username: username + apiKey: "afaac908-1db3-4b5c-a7ae-c040b9684403", + username: "2989c53a-d0c5-4222-af8d-fbf7b0c74ec6" }); const { user, unreadChannelsCount, notifications, updateUser } = connection; @@ -18,7 +18,7 @@ export const ChatUi = ({apiKey, username, widgetId}: {apiKey: string, username: loadChatUi( { - widgetId: widgetId, + widgetId: "UWiEkKvdAaUJ1xut", container: { height: "100%" }, audio: { enabled: true }, components: { @@ -46,6 +46,11 @@ export const ChatUi = ({apiKey, username, widgetId}: {apiKey: string, username: }, []); return ( -
+
+
+ Example App Logo +
+
+
); };