@doclessai/sdk 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +90 -0
- package/dist/chunk-QBXANVZR.js +27 -0
- package/dist/index.cjs +20 -9
- package/dist/index.js +1 -1
- package/dist/loader.cjs +20 -9
- package/dist/loader.js +1 -1
- package/package.json +2 -2
- package/dist/chunk-JDHWLRWB.js +0 -16
package/README.md
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
# DoclessAI SDK
|
|
2
|
+
|
|
3
|
+
Plug-and-play AI assistants infrastructure as a service. Seamlessly integrate intelligent AI-powered chat assistants into your applications.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@doclessai/sdk)
|
|
6
|
+
[](LICENSE)
|
|
7
|
+
[](https://www.typescriptlang.org/)
|
|
8
|
+
|
|
9
|
+
**Homepage:** [doclessai.com](https://doclessai.vercel.app)
|
|
10
|
+
|
|
11
|
+
## 🚀 Features
|
|
12
|
+
|
|
13
|
+
- ✨ **Ready-to-use Chat Widget** - Drop-in React component for instant chat functionality
|
|
14
|
+
- 📄 **Media Upload Support** - Allow users to upload images for AI analysis
|
|
15
|
+
- 🎨 **Markdown Support** - Rich text responses with formatting
|
|
16
|
+
- 🔔 **Toast Notifications** - User-friendly feedback for errors and interactions
|
|
17
|
+
- 📱 **Responsive Design** - Works seamlessly on desktop and mobile
|
|
18
|
+
- 🎯 **Type-Safe** - Full TypeScript support with types included
|
|
19
|
+
- 🔧 **Flexible Client** - Use the DoclessClient directly for custom integrations
|
|
20
|
+
- 🌐 **Less Configuration** - Works out of the box with minimal setup
|
|
21
|
+
|
|
22
|
+
## 📦 Installation
|
|
23
|
+
|
|
24
|
+
Install the package using npm, yarn, or pnpm:
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm install @doclessai/sdk
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## 🎯 Quick Start
|
|
31
|
+
|
|
32
|
+
### Using the Chat Widget (React)
|
|
33
|
+
|
|
34
|
+
The easiest way to add AI chat to your application:
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { ChatWidget } from '@doclessai/sdk';
|
|
38
|
+
|
|
39
|
+
export default function App() {
|
|
40
|
+
return (
|
|
41
|
+
<div>
|
|
42
|
+
<h1>My App</h1>
|
|
43
|
+
<ChatWidget appKey="your-app-key-here" />
|
|
44
|
+
</div>
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### Using the DoclessClient
|
|
50
|
+
|
|
51
|
+
For more control, use the client directly:
|
|
52
|
+
|
|
53
|
+
```typescript
|
|
54
|
+
import { DoclessClient } from '@doclessai/sdk';
|
|
55
|
+
|
|
56
|
+
const client = new DoclessClient({
|
|
57
|
+
appKey: 'your-app-key-here'
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
// Ask a question
|
|
61
|
+
const response = await client.ask('user-query');
|
|
62
|
+
console.log(response.res);
|
|
63
|
+
|
|
64
|
+
// Ask with image attachment
|
|
65
|
+
const response = await client.ask('user-query',image);
|
|
66
|
+
console.log(response.res); // text response
|
|
67
|
+
console.log(response.image); // image url if returned
|
|
68
|
+
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
## 🔗 Resources
|
|
72
|
+
|
|
73
|
+
- **Homepage:** [doclessai.com](https://doclessai.vercel.app)
|
|
74
|
+
- **GitHub:** [github.com/Dattatray8/doclessai-sdk](https://github.com/Dattatray8/doclessai-sdk)
|
|
75
|
+
- **NPM Package:** [@doclessai/sdk](https://www.npmjs.com/package/@doclessai/sdk)
|
|
76
|
+
|
|
77
|
+
## 👥 Author
|
|
78
|
+
|
|
79
|
+
**Dattatray** - [GitHub Profile](https://github.com/Dattatray8)
|
|
80
|
+
|
|
81
|
+
## 🙏 Support
|
|
82
|
+
|
|
83
|
+
If you encounter any issues or have questions, please:
|
|
84
|
+
1. Check the [documentation](https://doclessai.vercel.app/get-started)
|
|
85
|
+
2. Search existing [issues](https://github.com/Dattatray8/doclessai-sdk/issues)
|
|
86
|
+
3. Create a new issue with detailed information
|
|
87
|
+
|
|
88
|
+
---
|
|
89
|
+
|
|
90
|
+
Built with ❤️ by the DoclessAI team.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var g=class{appKey;baseUrl;constructor(s){this.appKey=s.appKey,this.baseUrl=s.baseUrl||"https://doclessai.vercel.app/api/v1"}async ask(s,p){let f=new AbortController;try{let i=new FormData;i.append("appKey",this.appKey),i.append("query",s),p&&i.append("image",p);let n=await fetch(`${this.baseUrl}/chat`,{method:"POST",signal:f.signal,headers:{"X-SDK-Name":"@doclessai/sdk","X-SDK-Version":"0.3.3"},body:i});if(!n.ok){let x=await n.json().catch(()=>({}));throw new Error(x.message||`DoclessAI Request failed with status ${n.status}`)}return await n.json()}catch(i){throw i instanceof Error&&i.name==="AbortError"?new Error("DoclessAI Error: Request timed out."):new Error(`DoclessAI Error: ${i instanceof Error?i.message:"Unknown error"}`)}}};import{useState as d,useRef as z,useEffect as L,useMemo as D}from"react";import{toast as T,Toaster as W}from"react-hot-toast";import A from"react-markdown";import{jsx as e,jsxs as r}from"react/jsx-runtime";function F({name:u="Assistant",appKey:s}){let[p,f]=d(!1),[i,n]=d(""),[x,b]=d([{role:"assistant",content:"Hello! How can I help you today?"}]),[a,m]=d(!1),[y,w]=d(null),[k,v]=d(null),C=z(null),c=z(null),E=D(()=>new g({appKey:s}),[s]);L(()=>{c.current&&c.current.scrollTo({top:c.current.scrollHeight,behavior:"smooth"})},[x,a]);let S=async()=>{if(!i.trim()||a)return;let o=i.trim(),l=y;n(""),b(t=>[...t,{role:"user",content:o}]),m(!0);try{let t=await E.ask(o,l||void 0);w(null),b(h=>[...h,{role:"assistant",content:t.res,image:t.image,route:t.route,elementId:t.elementId}])}catch(t){T.error(t?.message||"Something went wrong"),n(o)}finally{m(!1)}};return r("div",{style:{fontFamily:"Inter, system-ui, sans-serif"},children:[e(W,{position:"top-center",reverseOrder:!1}),e("style",{children:`
|
|
2
|
+
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-5px); } }
|
|
3
|
+
@keyframes blink { 0%, 90%, 100% { opacity: 1; } 95% { opacity: 0.3; } }
|
|
4
|
+
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
5
|
+
|
|
6
|
+
.chat-bubble { animation: float 2s ease-in-out infinite; }
|
|
7
|
+
.robot-eye { animation: blink 3s ease-in-out infinite; }
|
|
8
|
+
|
|
9
|
+
.markdown-container {
|
|
10
|
+
word-break: break-word;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.markdown-container strong {
|
|
14
|
+
font-weight: 700;
|
|
15
|
+
color: #111827;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.markdown-container a {
|
|
19
|
+
color: #4f46e5;
|
|
20
|
+
text-decoration: underline;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.markdown-container pre {
|
|
24
|
+
white-space: pre-wrap;
|
|
25
|
+
word-wrap: break-word;
|
|
26
|
+
}
|
|
27
|
+
`}),k&&r("div",{onClick:()=>v(null),style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",backdropFilter:"blur(5px)",zIndex:2e4,display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out",padding:"20px"},children:[e("button",{style:{position:"absolute",top:"20px",right:"20px",background:"#fff",border:"none",borderRadius:"50%",width:"40px",height:"40px",cursor:"pointer",fontSize:"20px"},children:"\u2715"}),e("img",{src:k,style:{maxWidth:"100%",maxHeight:"90vh",borderRadius:"8px",boxShadow:"0 0 30px rgba(0,0,0,0.5)"},alt:"Zoomed reference"})]}),!p&&e("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",style:{cursor:"pointer",position:"fixed",bottom:"20px",right:"20px",zIndex:9999,filter:"drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15))"},onClick:()=>f(!0),children:r("g",{className:"chat-bubble",children:[e("ellipse",{cx:"30",cy:"52",rx:"15",ry:"3",fill:"#000",opacity:"0.1"}),e("path",{d:"M45 15C45 8.37258 39.6274 3 33 3H15C8.37258 3 3 8.37258 3 15V33C3 39.6274 8.37258 45 15 45H18V52L26 45H33C39.6274 45 45 39.6274 45 33V15Z",fill:"#4F46E5"}),r("g",{transform:"translate(12, 14)",children:[e("line",{x1:"12",y1:"0",x2:"12",y2:"3",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"}),e("circle",{cx:"12",cy:"0",r:"1.5",fill:"white"}),e("rect",{x:"6",y:"3",width:"12",height:"10",rx:"2",fill:"white"}),e("circle",{className:"robot-eye",cx:"9.5",cy:"8",r:"1.5",fill:"#4F46E5"}),e("circle",{className:"robot-eye",cx:"14.5",cy:"8",r:"1.5",fill:"#4F46E5"}),e("line",{x1:"9",y1:"11",x2:"15",y2:"11",stroke:"#4F46E5",strokeWidth:"1",strokeLinecap:"round"}),e("rect",{x:"7",y:"14",width:"10",height:"6",rx:"1",fill:"white"}),e("rect",{x:"4",y:"15",width:"2",height:"4",rx:"1",fill:"white"}),e("rect",{x:"18",y:"15",width:"2",height:"4",rx:"1",fill:"white"})]})]})}),p&&r("div",{style:{position:"fixed",bottom:"20px",right:"20px",width:"min(400px, 90vw)",height:"min(600px, 85vh)",backgroundColor:"#fff",boxShadow:"0 12px 40px rgba(79, 70, 229, 0.25)",borderRadius:"16px",display:"flex",flexDirection:"column",zIndex:1e4,overflow:"hidden",border:"1px solid #e5e7eb",animation:"fadeIn 0.2s ease-out"},children:[r("div",{style:{backgroundColor:"#4f46e5",padding:"14px 18px",display:"flex",alignItems:"center",justifyContent:"space-between",color:"#fff"},children:[r("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e("div",{style:{width:"8px",height:"8px",backgroundColor:"#22c55e",borderRadius:"50%",boxShadow:"0 0 8px #22c55e"}}),e("span",{style:{fontWeight:600,fontSize:"15px"},children:u})]}),e("span",{style:{cursor:"pointer",fontSize:"18px",opacity:.8},onClick:()=>f(!1),children:"\u2715"})]}),r("div",{ref:c,style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#f9fafb"},children:[x.map((o,l)=>e("div",{style:{alignSelf:o.role==="user"?"flex-end":"flex-start",maxWidth:"85%",display:"flex",flexDirection:"column",gap:"4px"},children:r("div",{style:{backgroundColor:o.role==="user"?"#4f46e5":"#fff",color:o.role==="user"?"#fff":"#374151",padding:"12px 16px",borderRadius:"12px",fontSize:"14px",border:o.role==="user"?"none":"1px solid #e5e7eb",boxShadow:o.role==="user"?"0 2px 4px rgba(79,70,229,0.2)":"0 1px 2px rgba(0,0,0,0.05)"},children:[o.image&&e("div",{style:{marginBottom:"10px"},children:e("img",{src:o.image,onClick:()=>v(o.image),style:{width:"100%",borderRadius:"8px",cursor:"zoom-in"},alt:"Reference"})}),o.role==="assistant"?r("div",{className:"markdown-container",children:[e(A,{components:{p:({children:t})=>e("p",{style:{marginBottom:"12px",lineHeight:"1.6"},children:t}),ul:({children:t})=>e("ul",{style:{listStyleType:"disc",marginLeft:"20px",marginBottom:"12px"},children:t}),ol:({children:t})=>e("ol",{style:{listStyleType:"decimal",marginLeft:"20px",marginBottom:"12px"},children:t}),li:({children:t})=>e("li",{style:{marginBottom:"4px"},children:t}),h1:({children:t})=>e("h1",{style:{fontSize:"1.25rem",fontWeight:"bold",margin:"16px 0 8px"},children:t}),h2:({children:t})=>e("h2",{style:{fontSize:"1.1rem",fontWeight:"bold",margin:"14px 0 7px"},children:t}),h3:({children:t})=>e("h3",{style:{fontSize:"1rem",fontWeight:"bold",margin:"12px 0 6px"},children:t}),code:({node:t,inline:h,className:M,children:I,...R})=>h?e("code",{style:{backgroundColor:"#f3f4f6",padding:"2px 5px",borderRadius:"4px",fontSize:"13px",color:"#e03e2d",fontFamily:"monospace"},...R,children:I}):e("div",{style:{backgroundColor:"#f8fafc",border:"1px solid #e2e8f0",borderRadius:"8px",padding:"12px",margin:"12px 0",overflowX:"auto"},children:e("code",{style:{fontSize:"13px",color:"#1e293b",fontFamily:"monospace",whiteSpace:"pre"},...R,children:I})}),blockquote:({children:t})=>e("blockquote",{style:{borderLeft:"4px solid #4f46e5",paddingLeft:"12px",color:"#4b5563",fontStyle:"italic",margin:"12px 0"},children:t}),table:({children:t})=>e("div",{style:{overflowX:"auto",margin:"12px 0"},children:e("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"13px"},children:t})}),th:({children:t})=>e("th",{style:{border:"1px solid #e5e7eb",padding:"8px",backgroundColor:"#f9fafb",textAlign:"left"},children:t}),td:({children:t})=>e("td",{style:{border:"1px solid #e5e7eb",padding:"8px"},children:t})},children:o.content}),o.route&&e("div",{style:{marginTop:"12px",borderTop:"1px solid #f3f4f6",paddingTop:"10px"},children:r("button",{onClick:()=>{window.location.href=o.route},style:{display:"inline-flex",alignItems:"center",gap:"6px",backgroundColor:"#4f46e5",color:"white",padding:"8px 14px",borderRadius:"8px",fontSize:"13px",fontWeight:500,border:"none",cursor:"pointer",transition:"background 0.2s"},onMouseOver:t=>t.currentTarget.style.backgroundColor="#4338ca",onMouseOut:t=>t.currentTarget.style.backgroundColor="#4f46e5",children:["Explore Page",r("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),e("polyline",{points:"7 7 17 7 17 17"})]})]})})]}):e("div",{style:{whiteSpace:"pre-wrap"},children:o.content})]})},l)),e("div",{ref:c}),a&&r("div",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"4px"},children:[u," is thinking..."]})]}),r("div",{style:{padding:"16px",borderTop:"1px solid #e5e7eb",backgroundColor:"#fff"},children:[r("div",{style:{display:"flex",alignItems:"center",gap:"10px",backgroundColor:"#f3f4f6",padding:"6px 14px",borderRadius:"28px"},children:[r("button",{style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex"},onClick:()=>C.current?.click(),children:[r("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e("polyline",{points:"21 15 16 10 5 21"})]}),e("input",{type:"file",accept:"image/*",ref:C,style:{display:"none"},onChange:o=>{let l=o.target.files?.[0];l&&(w(l),T.success(`Attached: ${l.name}`))}})]}),y&&r("div",{style:{fontSize:"11px",color:"#4f46e5",maxWidth:"80px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:["\u{1F4CE} ",y.name]}),e("input",{type:"text",value:i,onChange:o=>n(o.target.value),onKeyDown:o=>o.key==="Enter"&&S(),placeholder:"Type a message...",style:{flex:1,border:"none",background:"none",padding:"10px 0",outline:"none",fontSize:"14px",color:"#1f2937"}}),e("button",{onClick:S,disabled:!i.trim()||a,style:{background:i.trim()&&!a?"#4f46e5":"transparent",border:"none",borderRadius:"50%",width:"34px",height:"34px",display:"flex",alignItems:"center",justifyContent:"center",cursor:i.trim()&&!a?"pointer":"default",transition:"all 0.2s"},children:r("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:i.trim()&&!a?"#fff":"#9ca3af",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),e("polyline",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]}),r("div",{style:{textAlign:"center",fontSize:"11px",color:"#9ca3af",marginTop:"10px"},children:["Powered by ",e("strong",{children:"DoclessAI"})]})]})]})]})}export{g as a,F as b};
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var W=Object.create;var y=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var H=(n,i)=>{for(var s in i)y(n,s,{get:i[s],enumerable:!0})},E=(n,i,s,d)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of F(i))!B.call(n,o)&&o!==s&&y(n,o,{get:()=>i[o],enumerable:!(d=A(i,o))||d.enumerable});return n};var K=(n,i,s)=>(s=n!=null?W(M(n)):{},E(i||!n||!n.__esModule?y(s,"default",{value:n,enumerable:!0}):s,n)),j=n=>E(y({},"__esModule",{value:!0}),n);var U={};H(U,{ChatWidget:()=>m,DoclessClient:()=>x});module.exports=j(U);var x=class{appKey;baseUrl;constructor(i){this.appKey=i.appKey,this.baseUrl=i.baseUrl||"https://doclessai.vercel.app/api/v1"}async ask(i,s){let d=new AbortController;try{let o=new FormData;o.append("appKey",this.appKey),o.append("query",i),s&&o.append("image",s);let l=await fetch(`${this.baseUrl}/chat`,{method:"POST",signal:d.signal,headers:{"X-SDK-Name":"@doclessai/sdk","X-SDK-Version":"0.3.3"},body:o});if(!l.ok){let u=await l.json().catch(()=>({}));throw new Error(u.message||`DoclessAI Request failed with status ${l.status}`)}return await l.json()}catch(o){throw o instanceof Error&&o.name==="AbortError"?new Error("DoclessAI Error: Request timed out."):new Error(`DoclessAI Error: ${o instanceof Error?o.message:"Unknown error"}`)}}};var a=require("react");var g=require("react-hot-toast"),L=K(require("react-markdown"),1),e=require("react/jsx-runtime");function m({name:n="Assistant",appKey:i}){let[s,d]=(0,a.useState)(!1),[o,l]=(0,a.useState)(""),[u,w]=(0,a.useState)([{role:"assistant",content:"Hello! How can I help you today?"}]),[p,k]=(0,a.useState)(!1),[h,v]=(0,a.useState)(null),[C,S]=(0,a.useState)(null),I=(0,a.useRef)(null),f=(0,a.useRef)(null),D=(0,a.useMemo)(()=>new x({appKey:i}),[i]);(0,a.useEffect)(()=>{f.current&&f.current.scrollTo({top:f.current.scrollHeight,behavior:"smooth"})},[u,p]);let R=async()=>{if(!o.trim()||p)return;let r=o.trim(),c=h;l(""),w(t=>[...t,{role:"user",content:r}]),k(!0);try{let t=await D.ask(r,c||void 0);v(null),w(b=>[...b,{role:"assistant",content:t.res,image:t.image,route:t.route,elementId:t.elementId}])}catch(t){g.toast.error(t?.message||"Something went wrong"),l(r)}finally{k(!1)}};return(0,e.jsxs)("div",{style:{fontFamily:"Inter, system-ui, sans-serif"},children:[(0,e.jsx)(g.Toaster,{position:"top-center",reverseOrder:!1}),(0,e.jsx)("style",{children:`
|
|
2
2
|
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-5px); } }
|
|
3
3
|
@keyframes blink { 0%, 90%, 100% { opacity: 1; } 95% { opacity: 0.3; } }
|
|
4
4
|
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
@@ -6,11 +6,22 @@
|
|
|
6
6
|
.chat-bubble { animation: float 2s ease-in-out infinite; }
|
|
7
7
|
.robot-eye { animation: blink 3s ease-in-out infinite; }
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.markdown-container
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
.markdown-container {
|
|
10
|
+
word-break: break-word;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.markdown-container strong {
|
|
14
|
+
font-weight: 700;
|
|
15
|
+
color: #111827;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.markdown-container a {
|
|
19
|
+
color: #4f46e5;
|
|
20
|
+
text-decoration: underline;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.markdown-container pre {
|
|
24
|
+
white-space: pre-wrap;
|
|
25
|
+
word-wrap: break-word;
|
|
26
|
+
}
|
|
27
|
+
`}),C&&(0,e.jsxs)("div",{onClick:()=>S(null),style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",backdropFilter:"blur(5px)",zIndex:2e4,display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out",padding:"20px"},children:[(0,e.jsx)("button",{style:{position:"absolute",top:"20px",right:"20px",background:"#fff",border:"none",borderRadius:"50%",width:"40px",height:"40px",cursor:"pointer",fontSize:"20px"},children:"\u2715"}),(0,e.jsx)("img",{src:C,style:{maxWidth:"100%",maxHeight:"90vh",borderRadius:"8px",boxShadow:"0 0 30px rgba(0,0,0,0.5)"},alt:"Zoomed reference"})]}),!s&&(0,e.jsx)("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",style:{cursor:"pointer",position:"fixed",bottom:"20px",right:"20px",zIndex:9999,filter:"drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15))"},onClick:()=>d(!0),children:(0,e.jsxs)("g",{className:"chat-bubble",children:[(0,e.jsx)("ellipse",{cx:"30",cy:"52",rx:"15",ry:"3",fill:"#000",opacity:"0.1"}),(0,e.jsx)("path",{d:"M45 15C45 8.37258 39.6274 3 33 3H15C8.37258 3 3 8.37258 3 15V33C3 39.6274 8.37258 45 15 45H18V52L26 45H33C39.6274 45 45 39.6274 45 33V15Z",fill:"#4F46E5"}),(0,e.jsxs)("g",{transform:"translate(12, 14)",children:[(0,e.jsx)("line",{x1:"12",y1:"0",x2:"12",y2:"3",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"}),(0,e.jsx)("circle",{cx:"12",cy:"0",r:"1.5",fill:"white"}),(0,e.jsx)("rect",{x:"6",y:"3",width:"12",height:"10",rx:"2",fill:"white"}),(0,e.jsx)("circle",{className:"robot-eye",cx:"9.5",cy:"8",r:"1.5",fill:"#4F46E5"}),(0,e.jsx)("circle",{className:"robot-eye",cx:"14.5",cy:"8",r:"1.5",fill:"#4F46E5"}),(0,e.jsx)("line",{x1:"9",y1:"11",x2:"15",y2:"11",stroke:"#4F46E5",strokeWidth:"1",strokeLinecap:"round"}),(0,e.jsx)("rect",{x:"7",y:"14",width:"10",height:"6",rx:"1",fill:"white"}),(0,e.jsx)("rect",{x:"4",y:"15",width:"2",height:"4",rx:"1",fill:"white"}),(0,e.jsx)("rect",{x:"18",y:"15",width:"2",height:"4",rx:"1",fill:"white"})]})]})}),s&&(0,e.jsxs)("div",{style:{position:"fixed",bottom:"20px",right:"20px",width:"min(400px, 90vw)",height:"min(600px, 85vh)",backgroundColor:"#fff",boxShadow:"0 12px 40px rgba(79, 70, 229, 0.25)",borderRadius:"16px",display:"flex",flexDirection:"column",zIndex:1e4,overflow:"hidden",border:"1px solid #e5e7eb",animation:"fadeIn 0.2s ease-out"},children:[(0,e.jsxs)("div",{style:{backgroundColor:"#4f46e5",padding:"14px 18px",display:"flex",alignItems:"center",justifyContent:"space-between",color:"#fff"},children:[(0,e.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[(0,e.jsx)("div",{style:{width:"8px",height:"8px",backgroundColor:"#22c55e",borderRadius:"50%",boxShadow:"0 0 8px #22c55e"}}),(0,e.jsx)("span",{style:{fontWeight:600,fontSize:"15px"},children:n})]}),(0,e.jsx)("span",{style:{cursor:"pointer",fontSize:"18px",opacity:.8},onClick:()=>d(!1),children:"\u2715"})]}),(0,e.jsxs)("div",{ref:f,style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#f9fafb"},children:[u.map((r,c)=>(0,e.jsx)("div",{style:{alignSelf:r.role==="user"?"flex-end":"flex-start",maxWidth:"85%",display:"flex",flexDirection:"column",gap:"4px"},children:(0,e.jsxs)("div",{style:{backgroundColor:r.role==="user"?"#4f46e5":"#fff",color:r.role==="user"?"#fff":"#374151",padding:"12px 16px",borderRadius:"12px",fontSize:"14px",border:r.role==="user"?"none":"1px solid #e5e7eb",boxShadow:r.role==="user"?"0 2px 4px rgba(79,70,229,0.2)":"0 1px 2px rgba(0,0,0,0.05)"},children:[r.image&&(0,e.jsx)("div",{style:{marginBottom:"10px"},children:(0,e.jsx)("img",{src:r.image,onClick:()=>S(r.image),style:{width:"100%",borderRadius:"8px",cursor:"zoom-in"},alt:"Reference"})}),r.role==="assistant"?(0,e.jsxs)("div",{className:"markdown-container",children:[(0,e.jsx)(L.default,{components:{p:({children:t})=>(0,e.jsx)("p",{style:{marginBottom:"12px",lineHeight:"1.6"},children:t}),ul:({children:t})=>(0,e.jsx)("ul",{style:{listStyleType:"disc",marginLeft:"20px",marginBottom:"12px"},children:t}),ol:({children:t})=>(0,e.jsx)("ol",{style:{listStyleType:"decimal",marginLeft:"20px",marginBottom:"12px"},children:t}),li:({children:t})=>(0,e.jsx)("li",{style:{marginBottom:"4px"},children:t}),h1:({children:t})=>(0,e.jsx)("h1",{style:{fontSize:"1.25rem",fontWeight:"bold",margin:"16px 0 8px"},children:t}),h2:({children:t})=>(0,e.jsx)("h2",{style:{fontSize:"1.1rem",fontWeight:"bold",margin:"14px 0 7px"},children:t}),h3:({children:t})=>(0,e.jsx)("h3",{style:{fontSize:"1rem",fontWeight:"bold",margin:"12px 0 6px"},children:t}),code:({node:t,inline:b,className:q,children:z,...T})=>b?(0,e.jsx)("code",{style:{backgroundColor:"#f3f4f6",padding:"2px 5px",borderRadius:"4px",fontSize:"13px",color:"#e03e2d",fontFamily:"monospace"},...T,children:z}):(0,e.jsx)("div",{style:{backgroundColor:"#f8fafc",border:"1px solid #e2e8f0",borderRadius:"8px",padding:"12px",margin:"12px 0",overflowX:"auto"},children:(0,e.jsx)("code",{style:{fontSize:"13px",color:"#1e293b",fontFamily:"monospace",whiteSpace:"pre"},...T,children:z})}),blockquote:({children:t})=>(0,e.jsx)("blockquote",{style:{borderLeft:"4px solid #4f46e5",paddingLeft:"12px",color:"#4b5563",fontStyle:"italic",margin:"12px 0"},children:t}),table:({children:t})=>(0,e.jsx)("div",{style:{overflowX:"auto",margin:"12px 0"},children:(0,e.jsx)("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"13px"},children:t})}),th:({children:t})=>(0,e.jsx)("th",{style:{border:"1px solid #e5e7eb",padding:"8px",backgroundColor:"#f9fafb",textAlign:"left"},children:t}),td:({children:t})=>(0,e.jsx)("td",{style:{border:"1px solid #e5e7eb",padding:"8px"},children:t})},children:r.content}),r.route&&(0,e.jsx)("div",{style:{marginTop:"12px",borderTop:"1px solid #f3f4f6",paddingTop:"10px"},children:(0,e.jsxs)("button",{onClick:()=>{window.location.href=r.route},style:{display:"inline-flex",alignItems:"center",gap:"6px",backgroundColor:"#4f46e5",color:"white",padding:"8px 14px",borderRadius:"8px",fontSize:"13px",fontWeight:500,border:"none",cursor:"pointer",transition:"background 0.2s"},onMouseOver:t=>t.currentTarget.style.backgroundColor="#4338ca",onMouseOut:t=>t.currentTarget.style.backgroundColor="#4f46e5",children:["Explore Page",(0,e.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),(0,e.jsx)("polyline",{points:"7 7 17 7 17 17"})]})]})})]}):(0,e.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:r.content})]})},c)),(0,e.jsx)("div",{ref:f}),p&&(0,e.jsxs)("div",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"4px"},children:[n," is thinking..."]})]}),(0,e.jsxs)("div",{style:{padding:"16px",borderTop:"1px solid #e5e7eb",backgroundColor:"#fff"},children:[(0,e.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"10px",backgroundColor:"#f3f4f6",padding:"6px 14px",borderRadius:"28px"},children:[(0,e.jsxs)("button",{style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex"},onClick:()=>I.current?.click(),children:[(0,e.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),(0,e.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),(0,e.jsx)("polyline",{points:"21 15 16 10 5 21"})]}),(0,e.jsx)("input",{type:"file",accept:"image/*",ref:I,style:{display:"none"},onChange:r=>{let c=r.target.files?.[0];c&&(v(c),g.toast.success(`Attached: ${c.name}`))}})]}),h&&(0,e.jsxs)("div",{style:{fontSize:"11px",color:"#4f46e5",maxWidth:"80px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:["\u{1F4CE} ",h.name]}),(0,e.jsx)("input",{type:"text",value:o,onChange:r=>l(r.target.value),onKeyDown:r=>r.key==="Enter"&&R(),placeholder:"Type a message...",style:{flex:1,border:"none",background:"none",padding:"10px 0",outline:"none",fontSize:"14px",color:"#1f2937"}}),(0,e.jsx)("button",{onClick:R,disabled:!o.trim()||p,style:{background:o.trim()&&!p?"#4f46e5":"transparent",border:"none",borderRadius:"50%",width:"34px",height:"34px",display:"flex",alignItems:"center",justifyContent:"center",cursor:o.trim()&&!p?"pointer":"default",transition:"all 0.2s"},children:(0,e.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:o.trim()&&!p?"#fff":"#9ca3af",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),(0,e.jsx)("polyline",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]}),(0,e.jsxs)("div",{style:{textAlign:"center",fontSize:"11px",color:"#9ca3af",marginTop:"10px"},children:["Powered by ",(0,e.jsx)("strong",{children:"DoclessAI"})]})]})]})]})}0&&(module.exports={ChatWidget,DoclessClient});
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,b as t}from"./chunk-
|
|
1
|
+
import{a as e,b as t}from"./chunk-QBXANVZR.js";export{t as ChatWidget,e as DoclessClient};
|
package/dist/loader.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var F=Object.create;var
|
|
1
|
+
"use strict";var F=Object.create;var L=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var j=(i,n,s,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of H(n))!O.call(i,o)&&o!==s&&L(i,o,{get:()=>n[o],enumerable:!(l=B(n,o))||l.enumerable});return i};var h=(i,n,s)=>(s=i!=null?F(K(i)):{},j(n||!i||!i.__esModule?L(s,"default",{value:i,enumerable:!0}):s,i));var M=h(require("react"),1),W=h(require("react-dom/client"),1);var a=require("react");var g=class{appKey;baseUrl;constructor(n){this.appKey=n.appKey,this.baseUrl=n.baseUrl||"https://doclessai.vercel.app/api/v1"}async ask(n,s){let l=new AbortController;try{let o=new FormData;o.append("appKey",this.appKey),o.append("query",n),s&&o.append("image",s);let d=await fetch(`${this.baseUrl}/chat`,{method:"POST",signal:l.signal,headers:{"X-SDK-Name":"@doclessai/sdk","X-SDK-Version":"0.3.3"},body:o});if(!d.ok){let u=await d.json().catch(()=>({}));throw new Error(u.message||`DoclessAI Request failed with status ${d.status}`)}return await d.json()}catch(o){throw o instanceof Error&&o.name==="AbortError"?new Error("DoclessAI Error: Request timed out."):new Error(`DoclessAI Error: ${o instanceof Error?o.message:"Unknown error"}`)}}};var x=require("react-hot-toast"),T=h(require("react-markdown"),1),e=require("react/jsx-runtime");function b({name:i="Assistant",appKey:n}){let[s,l]=(0,a.useState)(!1),[o,d]=(0,a.useState)(""),[u,w]=(0,a.useState)([{role:"assistant",content:"Hello! How can I help you today?"}]),[p,v]=(0,a.useState)(!1),[y,k]=(0,a.useState)(null),[C,S]=(0,a.useState)(null),I=(0,a.useRef)(null),f=(0,a.useRef)(null),A=(0,a.useMemo)(()=>new g({appKey:n}),[n]);(0,a.useEffect)(()=>{f.current&&f.current.scrollTo({top:f.current.scrollHeight,behavior:"smooth"})},[u,p]);let R=async()=>{if(!o.trim()||p)return;let r=o.trim(),c=y;d(""),w(t=>[...t,{role:"user",content:r}]),v(!0);try{let t=await A.ask(r,c||void 0);k(null),w(m=>[...m,{role:"assistant",content:t.res,image:t.image,route:t.route,elementId:t.elementId}])}catch(t){x.toast.error(t?.message||"Something went wrong"),d(r)}finally{v(!1)}};return(0,e.jsxs)("div",{style:{fontFamily:"Inter, system-ui, sans-serif"},children:[(0,e.jsx)(x.Toaster,{position:"top-center",reverseOrder:!1}),(0,e.jsx)("style",{children:`
|
|
2
2
|
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-5px); } }
|
|
3
3
|
@keyframes blink { 0%, 90%, 100% { opacity: 1; } 95% { opacity: 0.3; } }
|
|
4
4
|
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
@@ -6,11 +6,22 @@
|
|
|
6
6
|
.chat-bubble { animation: float 2s ease-in-out infinite; }
|
|
7
7
|
.robot-eye { animation: blink 3s ease-in-out infinite; }
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.markdown-container
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
.markdown-container {
|
|
10
|
+
word-break: break-word;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.markdown-container strong {
|
|
14
|
+
font-weight: 700;
|
|
15
|
+
color: #111827;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.markdown-container a {
|
|
19
|
+
color: #4f46e5;
|
|
20
|
+
text-decoration: underline;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.markdown-container pre {
|
|
24
|
+
white-space: pre-wrap;
|
|
25
|
+
word-wrap: break-word;
|
|
26
|
+
}
|
|
27
|
+
`}),C&&(0,e.jsxs)("div",{onClick:()=>S(null),style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",backdropFilter:"blur(5px)",zIndex:2e4,display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out",padding:"20px"},children:[(0,e.jsx)("button",{style:{position:"absolute",top:"20px",right:"20px",background:"#fff",border:"none",borderRadius:"50%",width:"40px",height:"40px",cursor:"pointer",fontSize:"20px"},children:"\u2715"}),(0,e.jsx)("img",{src:C,style:{maxWidth:"100%",maxHeight:"90vh",borderRadius:"8px",boxShadow:"0 0 30px rgba(0,0,0,0.5)"},alt:"Zoomed reference"})]}),!s&&(0,e.jsx)("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",style:{cursor:"pointer",position:"fixed",bottom:"20px",right:"20px",zIndex:9999,filter:"drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15))"},onClick:()=>l(!0),children:(0,e.jsxs)("g",{className:"chat-bubble",children:[(0,e.jsx)("ellipse",{cx:"30",cy:"52",rx:"15",ry:"3",fill:"#000",opacity:"0.1"}),(0,e.jsx)("path",{d:"M45 15C45 8.37258 39.6274 3 33 3H15C8.37258 3 3 8.37258 3 15V33C3 39.6274 8.37258 45 15 45H18V52L26 45H33C39.6274 45 45 39.6274 45 33V15Z",fill:"#4F46E5"}),(0,e.jsxs)("g",{transform:"translate(12, 14)",children:[(0,e.jsx)("line",{x1:"12",y1:"0",x2:"12",y2:"3",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"}),(0,e.jsx)("circle",{cx:"12",cy:"0",r:"1.5",fill:"white"}),(0,e.jsx)("rect",{x:"6",y:"3",width:"12",height:"10",rx:"2",fill:"white"}),(0,e.jsx)("circle",{className:"robot-eye",cx:"9.5",cy:"8",r:"1.5",fill:"#4F46E5"}),(0,e.jsx)("circle",{className:"robot-eye",cx:"14.5",cy:"8",r:"1.5",fill:"#4F46E5"}),(0,e.jsx)("line",{x1:"9",y1:"11",x2:"15",y2:"11",stroke:"#4F46E5",strokeWidth:"1",strokeLinecap:"round"}),(0,e.jsx)("rect",{x:"7",y:"14",width:"10",height:"6",rx:"1",fill:"white"}),(0,e.jsx)("rect",{x:"4",y:"15",width:"2",height:"4",rx:"1",fill:"white"}),(0,e.jsx)("rect",{x:"18",y:"15",width:"2",height:"4",rx:"1",fill:"white"})]})]})}),s&&(0,e.jsxs)("div",{style:{position:"fixed",bottom:"20px",right:"20px",width:"min(400px, 90vw)",height:"min(600px, 85vh)",backgroundColor:"#fff",boxShadow:"0 12px 40px rgba(79, 70, 229, 0.25)",borderRadius:"16px",display:"flex",flexDirection:"column",zIndex:1e4,overflow:"hidden",border:"1px solid #e5e7eb",animation:"fadeIn 0.2s ease-out"},children:[(0,e.jsxs)("div",{style:{backgroundColor:"#4f46e5",padding:"14px 18px",display:"flex",alignItems:"center",justifyContent:"space-between",color:"#fff"},children:[(0,e.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[(0,e.jsx)("div",{style:{width:"8px",height:"8px",backgroundColor:"#22c55e",borderRadius:"50%",boxShadow:"0 0 8px #22c55e"}}),(0,e.jsx)("span",{style:{fontWeight:600,fontSize:"15px"},children:i})]}),(0,e.jsx)("span",{style:{cursor:"pointer",fontSize:"18px",opacity:.8},onClick:()=>l(!1),children:"\u2715"})]}),(0,e.jsxs)("div",{ref:f,style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#f9fafb"},children:[u.map((r,c)=>(0,e.jsx)("div",{style:{alignSelf:r.role==="user"?"flex-end":"flex-start",maxWidth:"85%",display:"flex",flexDirection:"column",gap:"4px"},children:(0,e.jsxs)("div",{style:{backgroundColor:r.role==="user"?"#4f46e5":"#fff",color:r.role==="user"?"#fff":"#374151",padding:"12px 16px",borderRadius:"12px",fontSize:"14px",border:r.role==="user"?"none":"1px solid #e5e7eb",boxShadow:r.role==="user"?"0 2px 4px rgba(79,70,229,0.2)":"0 1px 2px rgba(0,0,0,0.05)"},children:[r.image&&(0,e.jsx)("div",{style:{marginBottom:"10px"},children:(0,e.jsx)("img",{src:r.image,onClick:()=>S(r.image),style:{width:"100%",borderRadius:"8px",cursor:"zoom-in"},alt:"Reference"})}),r.role==="assistant"?(0,e.jsxs)("div",{className:"markdown-container",children:[(0,e.jsx)(T.default,{components:{p:({children:t})=>(0,e.jsx)("p",{style:{marginBottom:"12px",lineHeight:"1.6"},children:t}),ul:({children:t})=>(0,e.jsx)("ul",{style:{listStyleType:"disc",marginLeft:"20px",marginBottom:"12px"},children:t}),ol:({children:t})=>(0,e.jsx)("ol",{style:{listStyleType:"decimal",marginLeft:"20px",marginBottom:"12px"},children:t}),li:({children:t})=>(0,e.jsx)("li",{style:{marginBottom:"4px"},children:t}),h1:({children:t})=>(0,e.jsx)("h1",{style:{fontSize:"1.25rem",fontWeight:"bold",margin:"16px 0 8px"},children:t}),h2:({children:t})=>(0,e.jsx)("h2",{style:{fontSize:"1.1rem",fontWeight:"bold",margin:"14px 0 7px"},children:t}),h3:({children:t})=>(0,e.jsx)("h3",{style:{fontSize:"1rem",fontWeight:"bold",margin:"12px 0 6px"},children:t}),code:({node:t,inline:m,className:U,children:z,...E})=>m?(0,e.jsx)("code",{style:{backgroundColor:"#f3f4f6",padding:"2px 5px",borderRadius:"4px",fontSize:"13px",color:"#e03e2d",fontFamily:"monospace"},...E,children:z}):(0,e.jsx)("div",{style:{backgroundColor:"#f8fafc",border:"1px solid #e2e8f0",borderRadius:"8px",padding:"12px",margin:"12px 0",overflowX:"auto"},children:(0,e.jsx)("code",{style:{fontSize:"13px",color:"#1e293b",fontFamily:"monospace",whiteSpace:"pre"},...E,children:z})}),blockquote:({children:t})=>(0,e.jsx)("blockquote",{style:{borderLeft:"4px solid #4f46e5",paddingLeft:"12px",color:"#4b5563",fontStyle:"italic",margin:"12px 0"},children:t}),table:({children:t})=>(0,e.jsx)("div",{style:{overflowX:"auto",margin:"12px 0"},children:(0,e.jsx)("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"13px"},children:t})}),th:({children:t})=>(0,e.jsx)("th",{style:{border:"1px solid #e5e7eb",padding:"8px",backgroundColor:"#f9fafb",textAlign:"left"},children:t}),td:({children:t})=>(0,e.jsx)("td",{style:{border:"1px solid #e5e7eb",padding:"8px"},children:t})},children:r.content}),r.route&&(0,e.jsx)("div",{style:{marginTop:"12px",borderTop:"1px solid #f3f4f6",paddingTop:"10px"},children:(0,e.jsxs)("button",{onClick:()=>{window.location.href=r.route},style:{display:"inline-flex",alignItems:"center",gap:"6px",backgroundColor:"#4f46e5",color:"white",padding:"8px 14px",borderRadius:"8px",fontSize:"13px",fontWeight:500,border:"none",cursor:"pointer",transition:"background 0.2s"},onMouseOver:t=>t.currentTarget.style.backgroundColor="#4338ca",onMouseOut:t=>t.currentTarget.style.backgroundColor="#4f46e5",children:["Explore Page",(0,e.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),(0,e.jsx)("polyline",{points:"7 7 17 7 17 17"})]})]})})]}):(0,e.jsx)("div",{style:{whiteSpace:"pre-wrap"},children:r.content})]})},c)),(0,e.jsx)("div",{ref:f}),p&&(0,e.jsxs)("div",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"4px"},children:[i," is thinking..."]})]}),(0,e.jsxs)("div",{style:{padding:"16px",borderTop:"1px solid #e5e7eb",backgroundColor:"#fff"},children:[(0,e.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"10px",backgroundColor:"#f3f4f6",padding:"6px 14px",borderRadius:"28px"},children:[(0,e.jsxs)("button",{style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex"},onClick:()=>I.current?.click(),children:[(0,e.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),(0,e.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),(0,e.jsx)("polyline",{points:"21 15 16 10 5 21"})]}),(0,e.jsx)("input",{type:"file",accept:"image/*",ref:I,style:{display:"none"},onChange:r=>{let c=r.target.files?.[0];c&&(k(c),x.toast.success(`Attached: ${c.name}`))}})]}),y&&(0,e.jsxs)("div",{style:{fontSize:"11px",color:"#4f46e5",maxWidth:"80px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:["\u{1F4CE} ",y.name]}),(0,e.jsx)("input",{type:"text",value:o,onChange:r=>d(r.target.value),onKeyDown:r=>r.key==="Enter"&&R(),placeholder:"Type a message...",style:{flex:1,border:"none",background:"none",padding:"10px 0",outline:"none",fontSize:"14px",color:"#1f2937"}}),(0,e.jsx)("button",{onClick:R,disabled:!o.trim()||p,style:{background:o.trim()&&!p?"#4f46e5":"transparent",border:"none",borderRadius:"50%",width:"34px",height:"34px",display:"flex",alignItems:"center",justifyContent:"center",cursor:o.trim()&&!p?"pointer":"default",transition:"all 0.2s"},children:(0,e.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:o.trim()&&!p?"#fff":"#9ca3af",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),(0,e.jsx)("polyline",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]}),(0,e.jsxs)("div",{style:{textAlign:"center",fontSize:"11px",color:"#9ca3af",marginTop:"10px"},children:["Powered by ",(0,e.jsx)("strong",{children:"DoclessAI"})]})]})]})]})}var D=()=>{let n=document.currentScript?.getAttribute("data-app-key")||"";if(!n)return;let s=document.createElement("div");s.id="docless-ai-root",document.body.appendChild(s),W.default.createRoot(s).render(M.default.createElement(b,{appKey:n}))};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",D):D();
|
package/dist/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o}from"./chunk-
|
|
1
|
+
import{b as o}from"./chunk-QBXANVZR.js";import n from"react";import d from"react-dom/client";var r=()=>{let e=document.currentScript?.getAttribute("data-app-key")||"";if(!e)return;let t=document.createElement("div");t.id="docless-ai-root",document.body.appendChild(t),d.createRoot(t).render(n.createElement(o,{appKey:e}))};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",r):r();
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@doclessai/sdk",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
4
4
|
"description": "Plug-and-play AI assistants infrastructure as a service.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
|
-
"homepage": "https://doclessai.
|
|
9
|
+
"homepage": "https://doclessai.vercel.app/",
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
|
12
12
|
"url": "https://github.com/Dattatray8/doclessai-sdk.git"
|
package/dist/chunk-JDHWLRWB.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
var g=class{appKey;baseUrl;constructor(i){this.appKey=i.appKey,this.baseUrl=i.baseUrl||"https://doclessai.vercel.app/api/v1"}async ask(i,p){let f=new AbortController;try{let o=new FormData;o.append("appKey",this.appKey),o.append("query",i),p&&o.append("image",p);let n=await fetch(`${this.baseUrl}/chat`,{method:"POST",signal:f.signal,headers:{"X-SDK-Name":"@doclessai/sdk","X-SDK-Version":"0.3.1"},body:o});if(!n.ok){let x=await n.json().catch(()=>({}));throw new Error(x.message||`DoclessAI Request failed with status ${n.status}`)}return await n.json()}catch(o){throw o instanceof Error&&o.name==="AbortError"?new Error("DoclessAI Error: Request timed out."):new Error(`DoclessAI Error: ${o instanceof Error?o.message:"Unknown error"}`)}}};import{useState as d,useRef as I,useEffect as D,useMemo as z}from"react";import{toast as S,Toaster as A}from"react-hot-toast";import M from"react-markdown";import{jsx as e,jsxs as r}from"react/jsx-runtime";function F({name:u="Assistant",appKey:i}){let[p,f]=d(!1),[o,n]=d(""),[x,y]=d([{role:"assistant",content:"Hello! How can I help you today?"}]),[s,m]=d(!1),[h,b]=d(null),[w,v]=d(null),k=I(null),c=I(null),R=z(()=>new g({appKey:i}),[i]);D(()=>{c.current&&c.current.scrollTo({top:c.current.scrollHeight,behavior:"smooth"})},[x,s]);let C=async()=>{if(!o.trim()||s)return;let t=o.trim(),a=h;n(""),y(l=>[...l,{role:"user",content:t}]),m(!0);try{let l=await R.ask(t,a||void 0);b(null),y(E=>[...E,{role:"assistant",content:l.res,image:l.image}])}catch(l){S.error(l?.message||"Something went wrong"),n(t)}finally{m(!1)}};return r("div",{style:{fontFamily:"Inter, system-ui, sans-serif"},children:[e(A,{position:"top-center",reverseOrder:!1}),e("style",{children:`
|
|
2
|
-
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-5px); } }
|
|
3
|
-
@keyframes blink { 0%, 90%, 100% { opacity: 1; } 95% { opacity: 0.3; } }
|
|
4
|
-
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
5
|
-
|
|
6
|
-
.chat-bubble { animation: float 2s ease-in-out infinite; }
|
|
7
|
-
.robot-eye { animation: blink 3s ease-in-out infinite; }
|
|
8
|
-
|
|
9
|
-
/* Markdown Styling */
|
|
10
|
-
.markdown-container p { margin: 0 0 12px 0; line-height: 1.5; }
|
|
11
|
-
.markdown-container p:last-child { margin-bottom: 0; }
|
|
12
|
-
.markdown-container ul, .markdown-container ol { margin: 10px 0; padding-left: 20px; }
|
|
13
|
-
.markdown-container li { margin-bottom: 6px; line-height: 1.4; }
|
|
14
|
-
.markdown-container strong { font-weight: 700; color: #111827; }
|
|
15
|
-
.markdown-container a { color: #4f46e5; text-decoration: underline; }
|
|
16
|
-
`}),w&&r("div",{onClick:()=>v(null),style:{position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.8)",backdropFilter:"blur(5px)",zIndex:2e4,display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out",padding:"20px"},children:[e("button",{style:{position:"absolute",top:"20px",right:"20px",background:"#fff",border:"none",borderRadius:"50%",width:"40px",height:"40px",cursor:"pointer",fontSize:"20px"},children:"\u2715"}),e("img",{src:w,style:{maxWidth:"100%",maxHeight:"90vh",borderRadius:"8px",boxShadow:"0 0 30px rgba(0,0,0,0.5)"},alt:"Zoomed reference"})]}),!p&&e("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",style:{cursor:"pointer",position:"fixed",bottom:"20px",right:"20px",zIndex:9999,filter:"drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15))"},onClick:()=>f(!0),children:r("g",{className:"chat-bubble",children:[e("ellipse",{cx:"30",cy:"52",rx:"15",ry:"3",fill:"#000",opacity:"0.1"}),e("path",{d:"M45 15C45 8.37258 39.6274 3 33 3H15C8.37258 3 3 8.37258 3 15V33C3 39.6274 8.37258 45 15 45H18V52L26 45H33C39.6274 45 45 39.6274 45 33V15Z",fill:"#4F46E5"}),r("g",{transform:"translate(12, 14)",children:[e("line",{x1:"12",y1:"0",x2:"12",y2:"3",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"}),e("circle",{cx:"12",cy:"0",r:"1.5",fill:"white"}),e("rect",{x:"6",y:"3",width:"12",height:"10",rx:"2",fill:"white"}),e("circle",{className:"robot-eye",cx:"9.5",cy:"8",r:"1.5",fill:"#4F46E5"}),e("circle",{className:"robot-eye",cx:"14.5",cy:"8",r:"1.5",fill:"#4F46E5"}),e("line",{x1:"9",y1:"11",x2:"15",y2:"11",stroke:"#4F46E5",strokeWidth:"1",strokeLinecap:"round"}),e("rect",{x:"7",y:"14",width:"10",height:"6",rx:"1",fill:"white"}),e("rect",{x:"4",y:"15",width:"2",height:"4",rx:"1",fill:"white"}),e("rect",{x:"18",y:"15",width:"2",height:"4",rx:"1",fill:"white"})]})]})}),p&&r("div",{style:{position:"fixed",bottom:"20px",right:"20px",width:"min(400px, 90vw)",height:"min(600px, 85vh)",backgroundColor:"#fff",boxShadow:"0 12px 40px rgba(79, 70, 229, 0.25)",borderRadius:"16px",display:"flex",flexDirection:"column",zIndex:1e4,overflow:"hidden",border:"1px solid #e5e7eb",animation:"fadeIn 0.2s ease-out"},children:[r("div",{style:{backgroundColor:"#4f46e5",padding:"14px 18px",display:"flex",alignItems:"center",justifyContent:"space-between",color:"#fff"},children:[r("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e("div",{style:{width:"8px",height:"8px",backgroundColor:"#22c55e",borderRadius:"50%",boxShadow:"0 0 8px #22c55e"}}),e("span",{style:{fontWeight:600,fontSize:"15px"},children:u})]}),e("span",{style:{cursor:"pointer",fontSize:"18px",opacity:.8},onClick:()=>f(!1),children:"\u2715"})]}),r("div",{ref:c,style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#f9fafb"},children:[x.map((t,a)=>e("div",{style:{alignSelf:t.role==="user"?"flex-end":"flex-start",maxWidth:"85%",display:"flex",flexDirection:"column",gap:"4px"},children:r("div",{style:{backgroundColor:t.role==="user"?"#4f46e5":"#fff",color:t.role==="user"?"#fff":"#374151",padding:"12px 16px",borderRadius:"12px",fontSize:"14px",border:t.role==="user"?"none":"1px solid #e5e7eb",boxShadow:t.role==="user"?"0 2px 4px rgba(79,70,229,0.2)":"0 1px 2px rgba(0,0,0,0.05)"},children:[t.image&&e("div",{style:{marginBottom:"10px"},children:e("img",{src:t.image,onClick:()=>v(t.image),style:{width:"100%",borderRadius:"8px",cursor:"zoom-in"},alt:"Reference"})}),t.role==="assistant"?e("div",{className:"markdown-container",children:e(M,{children:t.content})}):e("div",{style:{whiteSpace:"pre-wrap"},children:t.content})]})},a)),e("div",{ref:c}),s&&r("div",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"4px"},children:[u," is thinking..."]})]}),r("div",{style:{padding:"16px",borderTop:"1px solid #e5e7eb",backgroundColor:"#fff"},children:[r("div",{style:{display:"flex",alignItems:"center",gap:"10px",backgroundColor:"#f3f4f6",padding:"6px 14px",borderRadius:"28px"},children:[r("button",{style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex"},onClick:()=>k.current?.click(),children:[r("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e("polyline",{points:"21 15 16 10 5 21"})]}),e("input",{type:"file",accept:"image/*",ref:k,style:{display:"none"},onChange:t=>{let a=t.target.files?.[0];a&&(b(a),S.success(`Attached: ${a.name}`))}})]}),h&&r("div",{style:{fontSize:"11px",color:"#4f46e5",maxWidth:"80px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:["\u{1F4CE} ",h.name]}),e("input",{type:"text",value:o,onChange:t=>n(t.target.value),onKeyDown:t=>t.key==="Enter"&&C(),placeholder:"Type a message...",style:{flex:1,border:"none",background:"none",padding:"10px 0",outline:"none",fontSize:"14px",color:"#1f2937"}}),e("button",{onClick:C,disabled:!o.trim()||s,style:{background:o.trim()&&!s?"#4f46e5":"transparent",border:"none",borderRadius:"50%",width:"34px",height:"34px",display:"flex",alignItems:"center",justifyContent:"center",cursor:o.trim()&&!s?"pointer":"default",transition:"all 0.2s"},children:r("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:o.trim()&&!s?"#fff":"#9ca3af",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),e("polyline",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]}),r("div",{style:{textAlign:"center",fontSize:"11px",color:"#9ca3af",marginTop:"10px"},children:["Powered by ",e("strong",{children:"DoclessAI"})]})]})]})]})}export{g as a,F as b};
|