{"_id":"@agilist/chat-widget","_rev":"1-2aa3eb1f5a06a2f494b1e176e48d2d99","name":"@agilist/chat-widget","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@agilist/chat-widget","version":"1.0.0","keywords":["chat","widget","customer support","react","supabase"],"author":{"name":"Your Organization"},"license":"MIT","_id":"@agilist/chat-widget@1.0.0","maintainers":[{"name":"agilist","email":"tim@agilist.co.uk"}],"homepage":"https://github.com/your-org/chat-widget#readme","bugs":{"url":"https://github.com/your-org/chat-widget/issues"},"dist":{"shasum":"6b3e611f672305af7d1c3ad8d55226d41e9e0bee","tarball":"https://registry.npmjs.org/@agilist/chat-widget/-/chat-widget-1.0.0.tgz","fileCount":11,"integrity":"sha512-JrAu1pJml7wMNw9BakqC1Y26odpQo7dnKZHanavqf47dr877z4Et30OJHjForlTC7E/psUra8mCbWJl3Ko1Hkw==","signatures":[{"sig":"MEQCICynY/7JRHKD3eHkWt/BPY9nZeyXizo2C9b/qmQ4rm2RAiB8YyHgs4GpAOkU6AEVR22m2ywnxLA+h8CsYnoIt87kzw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1555672},"main":"./dist/chat.umd.js","type":"module","types":"./dist/types/chat.d.ts","module":"./dist/chat.es.js","exports":{".":{"import":"./dist/chat.es.js","require":"./dist/chat.umd.js"},"./style.css":"./dist/chat.css"},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc && vite build","preview":"vite preview","prepublishOnly":"npm run build","test:connection":"node --loader ts-node/esm src/lib/test-connection.ts"},"_npmUser":{"name":"agilist","email":"tim@agilist.co.uk"},"repository":{"url":"git+https://github.com/your-org/chat-widget.git","type":"git"},"_npmVersion":"11.0.0","description":"A highly customizable chat widget that can be easily embedded into any website.","directories":{},"_nodeVersion":"22.11.0","dependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":"^0.344.0","@supabase/supabase-js":"^2.39.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.2","eslint":"^9.9.1","terser":"^5.29.2","globals":"^15.9.0","postcss":"^8.4.35","ts-node":"^10.9.2","@eslint/js":"^9.9.1","typescript":"^5.7.3","tailwindcss":"^3.4.1","@types/react":"^18.3.5","autoprefixer":"^10.4.18","@types/react-dom":"^18.3.0","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.11"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/chat-widget_1.0.0_1738408860383_0.7288395208285237","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@agilist/chat-widget","private":false,"version":"1.0.1","type":"module","main":"./dist/chat.umd.js","module":"./dist/chat.es.js","types":"./dist/types/chat.d.ts","exports":{".":{"import":"./dist/chat.es.js","require":"./dist/chat.umd.js"},"./style.css":"./dist/chat.css"},"scripts":{"dev":"vite","build":"tsc && vite build","lint":"eslint .","preview":"vite preview","test:connection":"node --loader ts-node/esm src/lib/test-connection.ts","prepublishOnly":"npm run build"},"publishConfig":{"access":"public"},"keywords":["chat","widget","customer support","react","supabase"],"author":{"name":"Agilist"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/agilist/chat-widget.git"},"dependencies":{"@supabase/supabase-js":"^2.39.7","lucide-react":"^0.344.0","react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@eslint/js":"^9.9.1","@types/react":"^18.3.5","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.1","autoprefixer":"^10.4.18","eslint":"^9.9.1","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.11","globals":"^15.9.0","postcss":"^8.4.35","tailwindcss":"^3.4.1","terser":"^5.29.2","ts-node":"^10.9.2","typescript":"^5.7.3","typescript-eslint":"^8.3.0","vite":"^5.4.2"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_id":"@agilist/chat-widget@1.0.1","description":"A highly customizable chat widget that can be easily embedded into any website.","bugs":{"url":"https://github.com/agilist/chat-widget/issues"},"homepage":"https://github.com/agilist/chat-widget#readme","_nodeVersion":"22.11.0","_npmVersion":"11.0.0","dist":{"integrity":"sha512-0P3PoO1//QMXq3jaqJZzRrfdZx+a8Aq+OUY2zT4hilAk21fFr2liPMcwEWkui5+OoPEbXo481a32rjYs5oQJng==","shasum":"24c5dd58be80427a615b73f102ac5f85a9999a0f","tarball":"https://registry.npmjs.org/@agilist/chat-widget/-/chat-widget-1.0.1.tgz","fileCount":11,"unpackedSize":1556573,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDA0fldxFeJ2dNCHTn8KRqkU4Y0htlXw/+f3tGD08Uz8QIhANPwpsGO3V34kH6EgAUX0KIY8NzvtdQVG0ErXwuBzE0r"}]},"_npmUser":{"name":"agilist","email":"tim@agilist.co.uk"},"directories":{},"maintainers":[{"name":"agilist","email":"tim@agilist.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/chat-widget_1.0.1_1738413060866_0.26645976412725436"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-01T11:21:00.316Z","modified":"2025-02-01T12:31:01.272Z","1.0.0":"2025-02-01T11:21:00.699Z","1.0.1":"2025-02-01T12:31:01.110Z"},"bugs":{"url":"https://github.com/agilist/chat-widget/issues"},"author":{"name":"Agilist"},"license":"MIT","homepage":"https://github.com/agilist/chat-widget#readme","keywords":["chat","widget","customer support","react","supabase"],"repository":{"type":"git","url":"git+https://github.com/agilist/chat-widget.git"},"description":"A highly customizable chat widget that can be easily embedded into any website.","maintainers":[{"name":"agilist","email":"tim@agilist.co.uk"}],"readme":"# Chat Widget\n\nA highly customizable chat widget that can be easily embedded into any website.\n\n## Quick Start\n\nAdd the following code to your HTML page:\n\n```html\n<!-- Chat Widget -->\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"react\": \"https://esm.sh/react@18.3.1\",\n    \"react-dom\": \"https://esm.sh/react-dom@18.3.1\",\n    \"react-dom/client\": \"https://esm.sh/react-dom@18.3.1/client\"\n  }\n}\n</script>\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@agilist/chat-widget@1.0.0/dist/chat.css\" />\n<script type=\"module\">\n  import { createChat } from 'https://cdn.jsdelivr.net/npm/@agilist/chat-widget@1.0.0/dist/chat.es.js';\n  \n  createChat({\n    webhookUrl: \"your-webhook-url\",\n    configId: \"your-config-id\"  // Optional: Configuration will be loaded from Supabase\n  });\n</script>\n```\n\n## Installation Options\n\n### 1. Using Hosted Configuration (Recommended)\n\nThe easiest way to use the chat widget is with a hosted configuration:\n\n1. Configure your chat widget in the dashboard\n2. Get your configuration ID\n3. Add the widget to your site with minimal code\n\n```html\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"react\": \"https://esm.sh/react@18.3.1\",\n    \"react-dom\": \"https://esm.sh/react-dom@18.3.1\",\n    \"react-dom/client\": \"https://esm.sh/react-dom@18.3.1/client\"\n  }\n}\n</script>\n<script type=\"module\">\n  import { createChat } from 'https://cdn.jsdelivr.net/npm/@agilist/chat-widget@1.0.0/dist/chat.es.js';\n  \n  createChat({\n    configId: 'your-config-id',\n    webhookUrl: 'your-webhook-url'\n  });\n</script>\n```\n\n### 2. Using Local Configuration\n\nYou can also configure the widget directly in your code:\n\n```html\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"react\": \"https://esm.sh/react@18.3.1\",\n    \"react-dom\": \"https://esm.sh/react-dom@18.3.1\",\n    \"react-dom/client\": \"https://esm.sh/react-dom@18.3.1/client\"\n  }\n}\n</script>\n<script type=\"module\">\n  import { createChat } from 'https://cdn.jsdelivr.net/npm/@agilist/chat-widget@1.0.0/dist/chat.es.js';\n  \n  createChat({\n    webhookUrl: 'your-webhook-url',\n    config: {\n      branding: {\n        name: 'Customer Support',\n        avatarUrl: 'https://api.dicebear.com/7.x/bottts/svg?seed=chat',\n        welcomeMessage: 'Hi there! How can we help you today?'\n      },\n      colors: {\n        primary: '#0EA5E9'\n      }\n    }\n  });\n</script>\n```\n\n## Configuration Options\n\nThe chat widget supports extensive customization. Here are the main configuration options:\n\n### Branding\n- `name`: Widget title\n- `avatarUrl`: URL for the chat bot avatar\n- `avatarShape`: 'circle' | 'square' | 'rounded'\n- `welcomeMessage`: Initial message shown to users\n- `placeholder`: Input placeholder text\n- `showAvatar`: Show/hide avatar\n- `showTimestamp`: Show/hide message timestamps\n\n### Colors\n- `primary`: Primary brand color\n- `secondary`: Secondary/accent color\n- `userBubble`: User message background\n- `botBubble`: Bot message background\n- `userText`: User message text color\n- `botText`: Bot message text color\n\n### Layout\n- `width`: Widget width\n- `height`: Widget height\n- `position`: 'left' | 'right'\n- `shape`: 'rectangle' | 'pill' | 'custom'\n- `startMaximized`: Open widget on load\n- `autoPopup`: Configure automatic popup behavior\n\n### Typography\n- `fontFamily`: Main font family\n- `fontSize`: Base, header, and timestamp sizes\n- `fontWeight`: Normal and bold weights\n\n## Development\n\n1. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n2. Start development server:\n   ```bash\n   npm run dev\n   ```\n\n3. Build for production:\n   ```bash\n   npm run build\n   ```\n\n## Publishing\n\n1. Update version in package.json\n2. Build the package:\n   ```bash\n   npm run build\n   ```\n\n3. Publish to npm:\n   ```bash\n   npm publish\n   ```\n\n## License\n\nMIT","readmeFilename":"README.md"}