@om_patel_26/chat-widget 1.0.4 → 1.0.5

package/README.md

@@ -77,6 +77,55 @@ import serviceAccountKey from './service-account-key.json';
 
 **📚 For detailed Vue.js setup guide, see [VUE_INSTALLATION_GUIDE.md](./VUE_INSTALLATION_GUIDE.md)**
 
+### Nuxt 3 Usage (Important: Use ClientOnly!)
+
+```bash
+# Install
+npm install @om_patel_26/chat-widget
+```
+
+**⚠️ CRITICAL: The component MUST be wrapped in `<ClientOnly>` for Nuxt SSR!**
+
+```vue
+<template>
+  <div>
+    <ClientOnly>
+      <ChatWidget
+        :df-project-id="'your-project-id'"
+        :df-agent-id="'your-agent-id'"
+        :service-account-key="serviceAccountKey"
+      />
+      <template #fallback>
+        <div>Loading chat...</div>
+      </template>
+    </ClientOnly>
+  </div>
+</template>
+
+<script setup>
+import ChatWidget from '@om_patel_26/chat-widget/nuxt';
+import '@om_patel_26/chat-widget/dist/styles.css';
+import serviceAccountKey from './service-account-key.json';
+</script>
+```
+
+**In `nuxt.config.ts`:**
+```typescript
+export default defineNuxtConfig({
+  css: ['@om_patel_26/chat-widget/dist/styles.css'],
+  
+  vite: {
+    optimizeDeps: {
+      exclude: ['@om_patel_26/chat-widget'],
+    },
+  },
+});
+```
+
+**Why ClientOnly?** The widget uses browser APIs (`localStorage`, `window`, `WebSocket`) that don't exist during SSR.
+
+**📚 For detailed Nuxt 3 setup guide, see [NUXT_USAGE.md](./NUXT_USAGE.md)**
+
 ---
 
 ### React/Next.js Usage

package/dist/components/ChatWidget.vue.esm.js

@@ -1,8 +1,8 @@
 import _sfc_main from "./ChatWidget.vue.esm2.js";
 /* empty css                    */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.esm.js";
-const ChatWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0ea40880"]]);
+const ChatWidgetComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0ea40880"]]);
 export {
-  ChatWidget as default
+  ChatWidgetComponent as default
 };
 //# sourceMappingURL=ChatWidget.vue.esm.js.map

package/dist/entry/nuxt.d.ts

@@ -2,9 +2,11 @@
  * Nuxt 3 Entry Point
  * SSR-optimized entry point for Nuxt 3
  */
-export { default } from '../components/ChatWidget.vue';
-export { default as ChatWidget } from '../components/ChatWidget.vue';
+import ChatWidgetComponent from '../components/ChatWidget.vue';
+export default ChatWidgetComponent;
+export { ChatWidgetComponent as ChatWidget };
 export { useChatWidget } from '../composables/useChatWidget';
 export type { UseChatWidgetReturn } from '../composables/useChatWidget';
-export type { WidgetConfig, WidgetState, ChatMessage, } from '../core/types';
+export type { WidgetConfig, WidgetState, ChatMessage, RichContent, ChipOption, } from '../core/types';
+export { WidgetStateManager } from '../core/stateManager';
 //# sourceMappingURL=nuxt.d.ts.map

package/dist/entry/nuxt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../../src/entry/nuxt.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,YAAY,EACV,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,eAAe,CAAC"}
+{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../../src/entry/nuxt.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAG/D,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,YAAY,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/nuxt.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/ChatWidget.vue.cjs.js"),t=require("./composables/useChatWidget.cjs.js");exports.ChatWidget=e.default,exports.default=e.default,exports.useChatWidget=t.useChatWidget;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/ChatWidget.vue.cjs.js"),t=require("./composables/useChatWidget.cjs.js"),s=require("./core/stateManager.cjs.js");exports.ChatWidget=e.default,exports.default=e.default,exports.useChatWidget=t.useChatWidget,exports.WidgetStateManager=s.WidgetStateManager;
 //# sourceMappingURL=nuxt.cjs.js.map

package/dist/nuxt.esm.js

@@ -1,8 +1,10 @@
-import { default as default2, default as default3 } from "./components/ChatWidget.vue.esm.js";
+import ChatWidgetComponent from "./components/ChatWidget.vue.esm.js";
 import { useChatWidget } from "./composables/useChatWidget.esm.js";
+import { WidgetStateManager } from "./core/stateManager.esm.js";
 export {
-  default2 as ChatWidget,
-  default3 as default,
+  ChatWidgetComponent as ChatWidget,
+  WidgetStateManager,
+  ChatWidgetComponent as default,
   useChatWidget
 };
 //# sourceMappingURL=nuxt.esm.js.map

package/dist/nuxt.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"nuxt.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"nuxt.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@om_patel_26/chat-widget",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "description": "Universal chat widget for Vue 3, Nuxt 3, React, and Next.js with SSR support",
     "type": "module",
     "main": "./dist/index.cjs.js",