copilot-chat-widget 0.1.1 → 0.1.4

package/README.md

@@ -8,74 +8,62 @@ Widget chat Copilot nay co the nhung bang 2 cach:
 ## Cai dat
 
 ```bash
-npm install copilot-chat-widget
-# hoac
-yarn add copilot-chat-widget
-```
-
-## Su dung voi NPM
-
-### Vanilla JS hoac framework bat ky
-
-```js
-import { loadCopilotChatWidget } from "copilot-chat-widget";
-
-loadCopilotChatWidget({
-  token: "YOUR_WIDGET_TOKEN"
-});
-```
-
-`loadCopilotChatWidget` se doi DOM san san (DOMContentLoaded) roi tu khoi dong widget. Neu ban muon tu kiem soat, co the goi thang `initCopilotChatWidget` sau khi DOM san:
-
-```js
-import { initCopilotChatWidget } from "copilot-chat-widget";
-
-await initCopilotChatWidget({
-  token: "YOUR_WIDGET_TOKEN"
-});
-```
-
-### React/Next.js
-
-```jsx
-import { useEffect } from "react";
-import { loadCopilotChatWidget } from "copilot-chat-widget";
-
-export default function Page() {
-  useEffect(() => {
-    loadCopilotChatWidget({
-      token: process.env.NEXT_PUBLIC_CHAT_WIDGET_TOKEN
-    });
-  }, []);
-
-  return <main>Your page content</main>;
-}
-```
-
-## Su dung qua the `<script>` (giu nguyen hanh vi cu)
-
-```html
-<script
-  src="https://cdn.example.com/chat-widget.min.js"
-  data-token="YOUR_WIDGET_TOKEN"
-></script>
-```
-
-- `data-token`: bat buoc.
-- `data-autoload="false"`: neu muon chen script nhung tu goi `window.CopilotChat.init()` sau.
-
-## API cau hinh
-
-- `token` (string, bat buoc): ma token widget.
-- `force` (boolean): cho phep khoi dong lai widget neu da co instance truoc do.
-
-Khi da khoi dong, co the goi:
-
-```js
-window.CopilotChat.open();   // mo widget
-window.CopilotChat.close();  // dong widget
-window.CopilotChat.init();   // khoi tao lai (neu can) voi cau hinh mac dinh
-```
+npm install copilot-chat-widget
+# hoac
+yarn add copilot-chat-widget
+```
+
+## Su dung voi NPM (import)
+
+```js
+import { loadCopilotChatWidget } from "copilot-chat-widget";
+
+loadCopilotChatWidget({ token: "YOUR_WIDGET_TOKEN" });
+```
+
+Hàm này se gắn script `chat-widget.min.js` (IIFE) vào trang, đọc `token` từ options (hoặc `window.CopilotChatConfig` nếu bạn set trước).
+
+### React/Next.js
+
+```jsx
+import { useEffect } from "react";
+import { loadCopilotChatWidget } from "copilot-chat-widget";
+
+export default function Page() {
+  useEffect(() => {
+    loadCopilotChatWidget({
+      token: process.env.NEXT_PUBLIC_CHAT_WIDGET_TOKEN
+    });
+  }, []);
+
+  return <main>Your page content</main>;
+}
+```
+
+## Su dung qua the `<script>` (giu hanh vi cu)
+
+```html
+<script
+  src="https://cdn.example.com/chat-widget.min.js"
+  data-token="YOUR_WIDGET_TOKEN"
+></script>
+```
+
+- `data-token`: bat buoc.
+- `data-autoload="false"`: neu muon chen script nhung tu goi `window.CopilotChat.init()` sau.
+
+## API cau hinh
+
+- `token` (string, bat buoc): ma token widget.
+- `autoload` (boolean): dat `false` neu muon tu goi `window.CopilotChat.load()`.
+
+Khi script da load, co the goi:
+
+```js
+window.CopilotChat.open();   // mo widget
+window.CopilotChat.close();  // dong widget
+window.CopilotChat.load();   // khoi tao lai neu autoload=false
+```
 
 ## Build va publish package
 

package/dist/chat-widget.min.js

@@ -1,7 +1,7 @@
-(function(){"use strict";(function(){if(typeof window>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const b=64,C=720,E=document.currentScript,v="http://localhost:3000",k=e=>{if(!e?.src)return{};try{const n=new URL(e.src,window.location.href),r={};return n.searchParams.forEach((a,h)=>{r[h]=a}),r}catch(n){return console.warn("[CopilotChat] Failed to parse script query params:",n),{}}},I=e=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(e,0):document.addEventListener("DOMContentLoaded",e)},S=e=>e.endsWith("/")?e.slice(0,-1):e,A=({iframeUrl:e,launcherIcon:n,theme:r={}})=>{const a=document.querySelector("[data-copilot-widget-root]");a&&a.remove();const{accent:h="linear-gradient(135deg, #0078ff, #00c6ff)"}=r,m=document.createElement("div");m.setAttribute("data-copilot-widget-root","true");const u=m.attachShadow({mode:"open"});document.body.appendChild(m);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
+(function(){"use strict";(()=>{if(typeof window>"u"||typeof document>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const m=64,C=720,y=document.currentScript,x=t=>{if(!t?.src)return{};try{const e=new URL(t.src,window.location.href),r={};return e.searchParams.forEach((a,s)=>{r[s]=a}),r}catch(e){return console.warn("[CopilotChat] Failed to parse script query params:",e),{}}},E=t=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(t,0):document.addEventListener("DOMContentLoaded",t)},S=t=>{if(!t?.src)return null;try{const e=new URL(t.src,window.location.href);return`${e.protocol}//${e.host}`}catch(e){return console.warn("[CopilotChat] Unable to infer base URL from script source.",e),null}},k=()=>y||Array.from(document.querySelectorAll("script")).reverse().find(r=>r.dataset?.token||r.src&&r.src.includes("chat-widget"))||null,U=({iframeUrl:t,launcherIcon:e})=>{const r=document.querySelector("[data-copilot-widget-root]");r&&r.remove();const a=document.createElement("div");a.setAttribute("data-copilot-widget-root","true");const s=a.attachShadow({mode:"open"});document.body.appendChild(a);const o=document.createElement("button");o.type="button",o.setAttribute("aria-label","Open Copilot chat"),o.innerHTML=`
       <img
-        src="${n}"
+        src="${e}"
         alt="Copilot chat launcher"
         style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
       />
-    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${b}px`,height:`${b}px`,borderRadius:"50%",border:"none",background:h,color:"white",cursor:"pointer",zIndex:999998,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 14px rgba(0,0,0,0.25)",transition:"all 0.25s ease"}),t.onmouseover=()=>{t.style.transform="scale(1.12)",t.style.boxShadow="0 10px 25px rgba(0,0,0,0.3)"},t.onmouseout=()=>{t.style.transform="scale(1)",t.style.boxShadow="0 6px 14px rgba(0,0,0,0.25)"};const o=document.createElement("div");o.setAttribute("data-copilot-widget-root","true"),Object.assign(o.style,{display:"none",position:"fixed",bottom:`${b+36}px`,right:"24px",zIndex:"999999",transformOrigin:"bottom right",transform:"scale(0.8) translateY(20px)",opacity:"0",transition:"all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"});const i=document.createElement("div"),c=document.createElement("div"),g=document.createElement("div");Object.assign(i.style,{position:"absolute",bottom:"-14px",right:"28px",width:"30px",height:"20px",pointerEvents:"none",display:"none",zIndex:"1"}),Object.assign(c.style,{position:"absolute",bottom:"0",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",borderTop:"15px solid rgba(15,23,42,0.1)"}),Object.assign(g.style,{position:"absolute",bottom:"2px",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"13px solid transparent",borderRight:"13px solid transparent",borderTop:"13px solid white",boxShadow:"0 6px 16px rgba(15,23,42,0.12)",borderRadius:"2px"}),i.appendChild(c),i.appendChild(g);const s=document.createElement("div");Object.assign(s.style,{width:`${C}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(C,Math.max(320,window.innerHeight-140))}px`,maxHeight:"calc(100vh - 150px)",borderRadius:"20px",background:"white",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 18px 45px rgba(15,23,42,0.16)",overflow:"hidden"}),u.appendChild(s);const d=document.createElement("iframe");d.src=e,d.title="Copilot chat widget",d.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",d.setAttribute("scrolling","no"),Object.assign(d.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),u.appendChild(s),s.appendChild(d),o.appendChild(i),o.appendChild(s),document.body.appendChild(t),document.body.appendChild(o),window.addEventListener("message",p=>{p.data?.type==="WIDGET_READY"&&d.contentWindow.postMessage({type:"INIT_WIDGET"},"*")});let l=!1;const w=()=>{l&&(l=!1,o.style.opacity="0",o.style.transform="scale(0.8) translateY(20px)",i.style.display="none",setTimeout(()=>{o.style.display="none"},250),t.style.transform="scale(1)")};t.onclick=p=>{p.stopPropagation(),l=!l,l?(o.style.display="block",i.style.display="block",requestAnimationFrame(()=>{o.style.opacity="1",o.style.transform="scale(1) translateY(0)"})):w()},window.addEventListener("message",p=>{p?.data?.type==="CHAT_CLOSED"&&w()}),document.addEventListener("click",p=>{const x=p.target;x&&l&&!o.contains(x)&&x!==t&&w()});const y={close:w,open:()=>{l||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=y.close,window.CopilotChat.open=y.open,y},f=e=>{console.error(`[CopilotChat] ${e}`)},U=()=>E||Array.from(document.querySelectorAll("script")).reverse().find(r=>r.dataset?.token||r.src.includes("chat-widget"))||null;I(async()=>{const e=U();if(!e){f("Unable to locate the embedding script tag on the page.");return}const n=window.CopilotChatConfig||{},r=e.dataset||{},a=k(e),h=n.token||r.token||a.token;if(!h){f("Missing token (provide via window.CopilotChatConfig.token or data-token attribute).");return}const m=S(v),u=n.theme&&n.theme.accent||n.accent||r.themeAccent||a.themeAccent;try{const t=await fetch(`${m}/api/chat-widget/config?token=${encodeURIComponent(h)}`,{credentials:"omit",mode:"cors"});if(!t.ok)throw new Error(`Server responded with ${t.status}`);const o=await t.json();if(!o?.iframeUrl||!o?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");const i={iframeUrl:o.iframeUrl,launcherIcon:o.launcherIcon,theme:{accent:u||o.theme?.accent||void 0}};window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(c={})=>{const g={accent:c.theme?.accent||c.accent||i.theme.accent||(typeof n.theme=="object"?n.theme.accent:void 0)||n.accent},s={iframeUrl:c.iframeUrl||i.iframeUrl,launcherIcon:c.launcherIcon||i.launcherIcon,theme:g};return A(s)},window.CopilotChat.init(n)}catch(t){f(t instanceof Error?t.message:"Unknown error during widget bootstrap.")}})})()})();
+    `,Object.assign(o.style,{position:"fixed",bottom:"24px",right:"24px",width:`${m}px`,height:`${m}px`,borderRadius:"50%",border:"none",background:"linear-gradient(135deg, #0078ff, #00c6ff)",color:"white",cursor:"pointer",zIndex:999998,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 14px rgba(0,0,0,0.25)",transition:"all 0.25s ease"}),o.onmouseover=()=>{o.style.transform="scale(1.12)",o.style.boxShadow="0 10px 25px rgba(0,0,0,0.3)"},o.onmouseout=()=>{o.style.transform="scale(1)",o.style.boxShadow="0 6px 14px rgba(0,0,0,0.25)"};const n=document.createElement("div");n.setAttribute("data-copilot-widget-root","true"),Object.assign(n.style,{display:"none",position:"fixed",bottom:`${m+36}px`,right:"24px",zIndex:"999999",transformOrigin:"bottom right",transform:"scale(0.8) translateY(20px)",opacity:"0",transition:"all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"});const i=document.createElement("div"),l=document.createElement("div"),g=document.createElement("div");Object.assign(i.style,{position:"absolute",bottom:"-14px",right:"28px",width:"30px",height:"20px",pointerEvents:"none",display:"none",zIndex:"1"}),Object.assign(l.style,{position:"absolute",bottom:"0",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",borderTop:"15px solid rgba(15,23,42,0.1)"}),Object.assign(g.style,{position:"absolute",bottom:"2px",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"13px solid transparent",borderRight:"13px solid transparent",borderTop:"13px solid white",boxShadow:"0 6px 16px rgba(15,23,42,0.12)",borderRadius:"2px"}),i.appendChild(l),i.appendChild(g);const d=document.createElement("div");Object.assign(d.style,{width:`${C}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(C,Math.max(320,window.innerHeight-140))}px`,maxHeight:"calc(100vh - 150px)",borderRadius:"20px",background:"white",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 18px 45px rgba(15,23,42,0.16)",overflow:"hidden"}),s.appendChild(d);const c=document.createElement("iframe");c.src=t,c.title="Copilot chat widget",c.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",c.setAttribute("scrolling","no"),Object.assign(c.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),s.appendChild(d),d.appendChild(c),n.appendChild(i),n.appendChild(d),document.body.appendChild(o),document.body.appendChild(n);let p=!1;const u=()=>{p&&(p=!1,n.style.opacity="0",n.style.transform="scale(0.8) translateY(20px)",i.style.display="none",setTimeout(()=>{n.style.display="none"},250),o.style.transform="scale(1)")};o.onclick=h=>{h.stopPropagation(),p=!p,p?(n.style.display="block",i.style.display="block",requestAnimationFrame(()=>{n.style.opacity="1",n.style.transform="scale(1) translateY(0)"})):u()},window.addEventListener("message",h=>{h?.data?.type==="CHAT_CLOSED"&&u()}),document.addEventListener("click",h=>{const b=h.target;b&&p&&!n.contains(b)&&b!==o&&u()});const w={close:u,open:()=>{p||o.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=w.close,window.CopilotChat.open=w.open,window.CopilotChat.controls=w,w},f=t=>{console.error(`[CopilotChat] ${t}`)},L=()=>{const t=k();if(!t)return!1;const e=x(t),r=t.dataset||{},a=r.token||e.token,s=typeof window<"u"&&window.CopilotChatConfig&&window.CopilotChatConfig.token;return(a||s)&&r.autoload!=="false"},v=async(t={})=>{const e=t.scriptEl||k(),r=window.CopilotChatConfig||{},a=e?.dataset||{},s=x(e),o=t.token||r.token||a.token||s.token;if(!o)return f("Missing token (provide via init config, window.CopilotChatConfig.token, or data-token attribute)."),null;const n=S(e)||typeof window<"u"&&window.location?.origin||null;if(!n)return f("Unable to resolve base URL from embedding script or window.location."),null;try{const i=await fetch(`${n}/api/chat-widget/config?token=${encodeURIComponent(o)}`,{credentials:"omit",mode:"cors"});if(!i.ok)throw new Error(`Server responded with ${i.status}`);const l=await i.json();if(!l?.iframeUrl||!l?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(d={})=>{const c={iframeUrl:d.iframeUrl||l.iframeUrl,launcherIcon:d.launcherIcon||l.launcherIcon};return U(c)},window.CopilotChat.init(t)}catch(i){return f(i instanceof Error?i.message:"Unknown error during widget bootstrap."),null}};L()&&E(()=>{v()}),window.CopilotChat=window.CopilotChat||{},window.CopilotChat.load=v})()})();

package/dist/index.cjs

@@ -1,7 +1 @@
-"use strict";(function(){if(typeof window>"u"||window.__copilotWidgetLoaded)return;window.__copilotWidgetLoaded=!0;const b=64,C=720,E=document.currentScript,v="http://localhost:3000",k=e=>{if(!e?.src)return{};try{const n=new URL(e.src,window.location.href),r={};return n.searchParams.forEach((a,h)=>{r[h]=a}),r}catch(n){return console.warn("[CopilotChat] Failed to parse script query params:",n),{}}},I=e=>{document.readyState==="complete"||document.readyState==="interactive"?setTimeout(e,0):document.addEventListener("DOMContentLoaded",e)},S=e=>e.endsWith("/")?e.slice(0,-1):e,A=({iframeUrl:e,launcherIcon:n,theme:r={}})=>{const a=document.querySelector("[data-copilot-widget-root]");a&&a.remove();const{accent:h="linear-gradient(135deg, #0078ff, #00c6ff)"}=r,m=document.createElement("div");m.setAttribute("data-copilot-widget-root","true");const u=m.attachShadow({mode:"open"});document.body.appendChild(m);const t=document.createElement("button");t.type="button",t.setAttribute("aria-label","Open Copilot chat"),t.innerHTML=`
-      <img
-        src="${n}"
-        alt="Copilot chat launcher"
-        style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
-      />
-    `,Object.assign(t.style,{position:"fixed",bottom:"24px",right:"24px",width:`${b}px`,height:`${b}px`,borderRadius:"50%",border:"none",background:h,color:"white",cursor:"pointer",zIndex:999998,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 14px rgba(0,0,0,0.25)",transition:"all 0.25s ease"}),t.onmouseover=()=>{t.style.transform="scale(1.12)",t.style.boxShadow="0 10px 25px rgba(0,0,0,0.3)"},t.onmouseout=()=>{t.style.transform="scale(1)",t.style.boxShadow="0 6px 14px rgba(0,0,0,0.25)"};const o=document.createElement("div");o.setAttribute("data-copilot-widget-root","true"),Object.assign(o.style,{display:"none",position:"fixed",bottom:`${b+36}px`,right:"24px",zIndex:"999999",transformOrigin:"bottom right",transform:"scale(0.8) translateY(20px)",opacity:"0",transition:"all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"});const i=document.createElement("div"),c=document.createElement("div"),g=document.createElement("div");Object.assign(i.style,{position:"absolute",bottom:"-14px",right:"28px",width:"30px",height:"20px",pointerEvents:"none",display:"none",zIndex:"1"}),Object.assign(c.style,{position:"absolute",bottom:"0",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",borderTop:"15px solid rgba(15,23,42,0.1)"}),Object.assign(g.style,{position:"absolute",bottom:"2px",left:"0",right:"0",margin:"0 auto",width:"0",height:"0",borderLeft:"13px solid transparent",borderRight:"13px solid transparent",borderTop:"13px solid white",boxShadow:"0 6px 16px rgba(15,23,42,0.12)",borderRadius:"2px"}),i.appendChild(c),i.appendChild(g);const s=document.createElement("div");Object.assign(s.style,{width:`${C}px`,maxWidth:"calc(100vw - 48px)",height:`${Math.min(C,Math.max(320,window.innerHeight-140))}px`,maxHeight:"calc(100vh - 150px)",borderRadius:"20px",background:"white",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 18px 45px rgba(15,23,42,0.16)",overflow:"hidden"}),u.appendChild(s);const d=document.createElement("iframe");d.src=e,d.title="Copilot chat widget",d.allow="clipboard-read; clipboard-write; microphone; camera; display-capture",d.setAttribute("scrolling","no"),Object.assign(d.style,{width:"100%",height:"100%",border:"none",display:"block",background:"transparent",overflow:"hidden"}),u.appendChild(s),s.appendChild(d),o.appendChild(i),o.appendChild(s),document.body.appendChild(t),document.body.appendChild(o),window.addEventListener("message",p=>{p.data?.type==="WIDGET_READY"&&d.contentWindow.postMessage({type:"INIT_WIDGET"},"*")});let l=!1;const w=()=>{l&&(l=!1,o.style.opacity="0",o.style.transform="scale(0.8) translateY(20px)",i.style.display="none",setTimeout(()=>{o.style.display="none"},250),t.style.transform="scale(1)")};t.onclick=p=>{p.stopPropagation(),l=!l,l?(o.style.display="block",i.style.display="block",requestAnimationFrame(()=>{o.style.opacity="1",o.style.transform="scale(1) translateY(0)"})):w()},window.addEventListener("message",p=>{p?.data?.type==="CHAT_CLOSED"&&w()}),document.addEventListener("click",p=>{const x=p.target;x&&l&&!o.contains(x)&&x!==t&&w()});const y={close:w,open:()=>{l||t.click()}};return window.CopilotChat=window.CopilotChat||{},window.CopilotChat.close=y.close,window.CopilotChat.open=y.open,y},f=e=>{console.error(`[CopilotChat] ${e}`)},U=()=>E||Array.from(document.querySelectorAll("script")).reverse().find(r=>r.dataset?.token||r.src.includes("chat-widget"))||null;I(async()=>{const e=U();if(!e){f("Unable to locate the embedding script tag on the page.");return}const n=window.CopilotChatConfig||{},r=e.dataset||{},a=k(e),h=n.token||r.token||a.token;if(!h){f("Missing token (provide via window.CopilotChatConfig.token or data-token attribute).");return}const m=S(v),u=n.theme&&n.theme.accent||n.accent||r.themeAccent||a.themeAccent;try{const t=await fetch(`${m}/api/chat-widget/config?token=${encodeURIComponent(h)}`,{credentials:"omit",mode:"cors"});if(!t.ok)throw new Error(`Server responded with ${t.status}`);const o=await t.json();if(!o?.iframeUrl||!o?.launcherIcon)throw new Error("Received incomplete widget configuration from server.");const i={iframeUrl:o.iframeUrl,launcherIcon:o.launcherIcon,theme:{accent:u||o.theme?.accent||void 0}};window.CopilotChat=window.CopilotChat||{},window.CopilotChat.init=(c={})=>{const g={accent:c.theme?.accent||c.accent||i.theme.accent||(typeof n.theme=="object"?n.theme.accent:void 0)||n.accent},s={iframeUrl:c.iframeUrl||i.iframeUrl,launcherIcon:c.launcherIcon||i.launcherIcon,theme:g};return A(s)},window.CopilotChat.init(n)}catch(t){f(t instanceof Error?t.message:"Unknown error during widget bootstrap.")}})})();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var n=typeof document<"u"?document.currentScript:null;function i(d={}){if(typeof window>"u"||typeof document>"u")return null;const{token:t,autoload:a}=d;window.CopilotChatConfig={...window.CopilotChatConfig,...d};const o=document.getElementById("copilot-chat-widget-loader");if(o)return t&&(o.dataset.token=t),a===!1&&(o.dataset.autoload="false"),o;const e=document.createElement("script");return e.id="copilot-chat-widget-loader",e.src=new URL("./chat-widget.min.js",typeof document>"u"?require("url").pathToFileURL(__filename).href:n&&n.tagName.toUpperCase()==="SCRIPT"&&n.src||new URL("index.cjs",document.baseURI).href).href,e.async=!0,t&&(e.dataset.token=t),a===!1&&(e.dataset.autoload="false"),document.body.appendChild(e),e}exports.default=i;exports.loadCopilotChatWidget=i;

package/dist/index.mjs

@@ -1,198 +1,18 @@
-(function() {
-  if (typeof window > "u" || window.__copilotWidgetLoaded)
-    return;
-  window.__copilotWidgetLoaded = !0;
-  const b = 64, C = 720, E = document.currentScript, v = "http://localhost:3000", k = (e) => {
-    if (!e?.src) return {};
-    try {
-      const n = new URL(e.src, window.location.href), r = {};
-      return n.searchParams.forEach((a, h) => {
-        r[h] = a;
-      }), r;
-    } catch (n) {
-      return console.warn("[CopilotChat] Failed to parse script query params:", n), {};
-    }
-  }, I = (e) => {
-    document.readyState === "complete" || document.readyState === "interactive" ? setTimeout(e, 0) : document.addEventListener("DOMContentLoaded", e);
-  }, S = (e) => e.endsWith("/") ? e.slice(0, -1) : e, A = ({ iframeUrl: e, launcherIcon: n, theme: r = {} }) => {
-    const a = document.querySelector("[data-copilot-widget-root]");
-    a && a.remove();
-    const { accent: h = "linear-gradient(135deg, #0078ff, #00c6ff)" } = r, m = document.createElement("div");
-    m.setAttribute("data-copilot-widget-root", "true");
-    const u = m.attachShadow({ mode: "open" });
-    document.body.appendChild(m);
-    const t = document.createElement("button");
-    t.type = "button", t.setAttribute("aria-label", "Open Copilot chat"), t.innerHTML = `
-      <img
-        src="${n}"
-        alt="Copilot chat launcher"
-        style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
-      />
-    `, Object.assign(t.style, {
-      position: "fixed",
-      bottom: "24px",
-      right: "24px",
-      width: `${b}px`,
-      height: `${b}px`,
-      borderRadius: "50%",
-      border: "none",
-      background: h,
-      color: "white",
-      cursor: "pointer",
-      zIndex: 999998,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      boxShadow: "0 6px 14px rgba(0,0,0,0.25)",
-      transition: "all 0.25s ease"
-    }), t.onmouseover = () => {
-      t.style.transform = "scale(1.12)", t.style.boxShadow = "0 10px 25px rgba(0,0,0,0.3)";
-    }, t.onmouseout = () => {
-      t.style.transform = "scale(1)", t.style.boxShadow = "0 6px 14px rgba(0,0,0,0.25)";
-    };
-    const o = document.createElement("div");
-    o.setAttribute("data-copilot-widget-root", "true"), Object.assign(o.style, {
-      display: "none",
-      position: "fixed",
-      bottom: `${b + 36}px`,
-      right: "24px",
-      zIndex: "999999",
-      transformOrigin: "bottom right",
-      transform: "scale(0.8) translateY(20px)",
-      opacity: "0",
-      transition: "all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)"
-    });
-    const i = document.createElement("div"), c = document.createElement("div"), g = document.createElement("div");
-    Object.assign(i.style, {
-      position: "absolute",
-      bottom: "-14px",
-      right: "28px",
-      width: "30px",
-      height: "20px",
-      pointerEvents: "none",
-      display: "none",
-      zIndex: "1"
-    }), Object.assign(c.style, {
-      position: "absolute",
-      bottom: "0",
-      left: "0",
-      right: "0",
-      margin: "0 auto",
-      width: "0",
-      height: "0",
-      borderLeft: "15px solid transparent",
-      borderRight: "15px solid transparent",
-      borderTop: "15px solid rgba(15,23,42,0.1)"
-    }), Object.assign(g.style, {
-      position: "absolute",
-      bottom: "2px",
-      left: "0",
-      right: "0",
-      margin: "0 auto",
-      width: "0",
-      height: "0",
-      borderLeft: "13px solid transparent",
-      borderRight: "13px solid transparent",
-      borderTop: "13px solid white",
-      boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
-      borderRadius: "2px"
-    }), i.appendChild(c), i.appendChild(g);
-    const s = document.createElement("div");
-    Object.assign(s.style, {
-      width: `${C}px`,
-      maxWidth: "calc(100vw - 48px)",
-      // keep height responsive to viewport to avoid outer scrollbars
-      height: `${Math.min(C, Math.max(320, window.innerHeight - 140))}px`,
-      maxHeight: "calc(100vh - 150px)",
-      borderRadius: "20px",
-      background: "white",
-      border: "1px solid rgba(15,23,42,0.12)",
-      boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
-      overflow: "hidden"
-    }), u.appendChild(s);
-    const d = document.createElement("iframe");
-    d.src = e, d.title = "Copilot chat widget", d.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture", d.setAttribute("scrolling", "no"), Object.assign(d.style, {
-      width: "100%",
-      height: "100%",
-      border: "none",
-      display: "block",
-      background: "transparent",
-      overflow: "hidden"
-    }), u.appendChild(s), s.appendChild(d), o.appendChild(i), o.appendChild(s), document.body.appendChild(t), document.body.appendChild(o), window.addEventListener("message", (p) => {
-      p.data?.type === "WIDGET_READY" && d.contentWindow.postMessage(
-        { type: "INIT_WIDGET" },
-        "*"
-      );
-    });
-    let l = !1;
-    const w = () => {
-      l && (l = !1, o.style.opacity = "0", o.style.transform = "scale(0.8) translateY(20px)", i.style.display = "none", setTimeout(() => {
-        o.style.display = "none";
-      }, 250), t.style.transform = "scale(1)");
-    };
-    t.onclick = (p) => {
-      p.stopPropagation(), l = !l, l ? (o.style.display = "block", i.style.display = "block", requestAnimationFrame(() => {
-        o.style.opacity = "1", o.style.transform = "scale(1) translateY(0)";
-      })) : w();
-    }, window.addEventListener("message", (p) => {
-      p?.data?.type === "CHAT_CLOSED" && w();
-    }), document.addEventListener("click", (p) => {
-      const x = p.target;
-      x && l && !o.contains(x) && x !== t && w();
-    });
-    const y = {
-      close: w,
-      open: () => {
-        l || t.click();
-      }
-    };
-    return window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.close = y.close, window.CopilotChat.open = y.open, y;
-  }, f = (e) => {
-    console.error(`[CopilotChat] ${e}`);
-  }, U = () => E || Array.from(document.querySelectorAll("script")).reverse().find((r) => r.dataset?.token || r.src.includes("chat-widget")) || null;
-  I(async () => {
-    const e = U();
-    if (!e) {
-      f("Unable to locate the embedding script tag on the page.");
-      return;
-    }
-    const n = window.CopilotChatConfig || {}, r = e.dataset || {}, a = k(e), h = n.token || r.token || a.token;
-    if (!h) {
-      f("Missing token (provide via window.CopilotChatConfig.token or data-token attribute).");
-      return;
-    }
-    const m = S(
-      v
-    ), u = n.theme && n.theme.accent || n.accent || r.themeAccent || a.themeAccent;
-    try {
-      const t = await fetch(`${m}/api/chat-widget/config?token=${encodeURIComponent(h)}`, {
-        credentials: "omit",
-        mode: "cors"
-      });
-      if (!t.ok)
-        throw new Error(`Server responded with ${t.status}`);
-      const o = await t.json();
-      if (!o?.iframeUrl || !o?.launcherIcon)
-        throw new Error("Received incomplete widget configuration from server.");
-      const i = {
-        iframeUrl: o.iframeUrl,
-        launcherIcon: o.launcherIcon,
-        theme: {
-          accent: u || o.theme?.accent || void 0
-        }
-      };
-      window.CopilotChat = window.CopilotChat || {}, window.CopilotChat.init = (c = {}) => {
-        const g = {
-          accent: c.theme?.accent || c.accent || i.theme.accent || (typeof n.theme == "object" ? n.theme.accent : void 0) || n.accent
-        }, s = {
-          iframeUrl: c.iframeUrl || i.iframeUrl,
-          launcherIcon: c.launcherIcon || i.launcherIcon,
-          theme: g
-        };
-        return A(s);
-      }, window.CopilotChat.init(n);
-    } catch (t) {
-      f(t instanceof Error ? t.message : "Unknown error during widget bootstrap.");
-    }
-  });
-})();
+function n(a = {}) {
+  if (typeof window > "u" || typeof document > "u")
+    return null;
+  const { token: e, autoload: d } = a;
+  window.CopilotChatConfig = {
+    ...window.CopilotChatConfig,
+    ...a
+  };
+  const o = document.getElementById("copilot-chat-widget-loader");
+  if (o)
+    return e && (o.dataset.token = e), d === !1 && (o.dataset.autoload = "false"), o;
+  const t = document.createElement("script");
+  return t.id = "copilot-chat-widget-loader", t.src = new URL("./chat-widget.min.js", import.meta.url).href, t.async = !0, e && (t.dataset.token = e), d === !1 && (t.dataset.autoload = "false"), document.body.appendChild(t), t;
+}
+export {
+  n as default,
+  n as loadCopilotChatWidget
+};

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "copilot-chat-widget",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "description": "Embeddable Copilot chat widget that can be loaded via NPM or a script tag.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "browser": "./dist/chat-widget.min.js",
+  "types": "./src/index.d.ts",
   "exports": {
     ".": {
-      "browser": "./dist/chat-widget.min.js",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
@@ -19,7 +18,7 @@
     "src"
   ],
   "scripts": {
-    "build": "vite build --config ./vite.config.mjs",
+    "build": "vite build --config ./vite.config.module.mjs && vite build --config ./vite.config.runtime.mjs",
     "prepare": "npm run build"
   },
   "keywords": [

package/src/index.d.ts

@@ -0,0 +1,7 @@
+export interface CopilotChatOptions {
+  token: string;
+  autoload?: boolean;
+}
+
+export function loadCopilotChatWidget(options: CopilotChatOptions): HTMLScriptElement | null;
+export default loadCopilotChatWidget;

package/src/index.js

@@ -1,371 +1,32 @@
-(function bootstrap() {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  if (window.__copilotWidgetLoaded) {
-    return;
-  }
-  window.__copilotWidgetLoaded = true;
-
-  const DEFAULT_BASE_URL = CHAT_WIDGET_BASE_URL;
-  const BUTTON_SIZE = 64;
-  const IFRAME_SIZE = 720;
-  const embeddingScript = document.currentScript;
-  const ENV_BASE_URL = CHAT_WIDGET_BASE_URL;
-
-  const readQueryConfig = (scriptEl) => {
-    if (!scriptEl?.src) return {};
-    try {
-      const url = new URL(scriptEl.src, window.location.href);
-      const params = {};
-      url.searchParams.forEach((value, key) => {
-        params[key] = value;
-      });
-      return params;
-    } catch (error) {
-      console.warn("[CopilotChat] Failed to parse script query params:", error);
-      return {};
-    }
-  };
-
-  const ready = (fn) => {
-    if (document.readyState === "complete" || document.readyState === "interactive") {
-      setTimeout(fn, 0);
-    } else {
-      document.addEventListener("DOMContentLoaded", fn);
-    }
-  };
-
-  const normalizeBaseUrl = (url) => {
-    if (!url) return DEFAULT_BASE_URL;
-    return url.endsWith("/") ? url.slice(0, -1) : url;
-  };
-
-  const inferBaseUrlFromScript = (scriptEl) => {
-    if (!scriptEl?.src) return null;
-    try {
-      const srcUrl = new URL(scriptEl.src, window.location.href);
-      return `${srcUrl.protocol}//${srcUrl.host}`;
-    } catch (error) {
-      console.warn("[CopilotChat] Unable to infer base URL from script source.", error);
-      return null;
-    }
-  };
-
-  const buildWidget = ({ iframeUrl, launcherIcon, theme = {} }) => {
-    const existingRoot = document.querySelector("[data-copilot-widget-root]");
-    if (existingRoot) {
-      existingRoot.remove();
-    }
-
-    const { accent = "linear-gradient(135deg, #0078ff, #00c6ff)" } = theme;
-
-    // ---------- Shadow DOM container ----------
-    const containerHost = document.createElement("div");
-    containerHost.setAttribute("data-copilot-widget-root", "true");
-    const shadow = containerHost.attachShadow({ mode: "open" });
-    document.body.appendChild(containerHost);
-
-    // ---------- Button ----------
-    const btn = document.createElement("button");
-    btn.type = "button";
-    btn.setAttribute("aria-label", "Open Copilot chat");
-    btn.innerHTML = `
-      <img
-        src="${launcherIcon}"
-        alt="Copilot chat launcher"
-        style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
-      />
-    `;
-
-    Object.assign(btn.style, {
-      position: "fixed",
-      bottom: "24px",
-      right: "24px",
-      width: `${BUTTON_SIZE}px`,
-      height: `${BUTTON_SIZE}px`,
-      borderRadius: "50%",
-      border: "none",
-      background: accent,
-      color: "white",
-      cursor: "pointer",
-      zIndex: 999998,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      boxShadow: "0 6px 14px rgba(0,0,0,0.25)",
-      transition: "all 0.25s ease",
-    });
-
-    btn.onmouseover = () => {
-      btn.style.transform = "scale(1.12)";
-      btn.style.boxShadow = "0 10px 25px rgba(0,0,0,0.3)";
-    };
-    btn.onmouseout = () => {
-      btn.style.transform = "scale(1)";
-      btn.style.boxShadow = "0 6px 14px rgba(0,0,0,0.25)";
-    };
-
-    const container = document.createElement("div");
-    container.setAttribute("data-copilot-widget-root", "true");
-    Object.assign(container.style, {
-      display: "none",
-      position: "fixed",
-      bottom: `${BUTTON_SIZE + 36}px`,
-      right: "24px",
-      zIndex: "999999",
-      transformOrigin: "bottom right",
-      transform: "scale(0.8) translateY(20px)",
-      opacity: "0",
-      transition: "all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-    });
-
-    const arrow = document.createElement("div");
-    const arrowBorder = document.createElement("div");
-    const arrowFill = document.createElement("div");
-
-    Object.assign(arrow.style, {
-      position: "absolute",
-      bottom: "-14px",
-      right: "28px",
-      width: "30px",
-      height: "20px",
-      pointerEvents: "none",
-      display: "none",
-      zIndex: "1",
-    });
-
-    Object.assign(arrowBorder.style, {
-      position: "absolute",
-      bottom: "0",
-      left: "0",
-      right: "0",
-      margin: "0 auto",
-      width: "0",
-      height: "0",
-      borderLeft: "15px solid transparent",
-      borderRight: "15px solid transparent",
-      borderTop: "15px solid rgba(15,23,42,0.1)",
-    });
-
-    Object.assign(arrowFill.style, {
-      position: "absolute",
-      bottom: "2px",
-      left: "0",
-      right: "0",
-      margin: "0 auto",
-      width: "0",
-      height: "0",
-      borderLeft: "13px solid transparent",
-      borderRight: "13px solid transparent",
-      borderTop: "13px solid white",
-      boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
-      borderRadius: "2px",
-    });
-
-    arrow.appendChild(arrowBorder);
-    arrow.appendChild(arrowFill);
-
-    const frameWrapper = document.createElement("div");
-    Object.assign(frameWrapper.style, {
-      width: `${IFRAME_SIZE}px`,
-      maxWidth: "calc(100vw - 48px)",
-      // keep height responsive to viewport to avoid outer scrollbars
-      height: `${Math.min(IFRAME_SIZE, Math.max(320, window.innerHeight - 140))}px`,
-      maxHeight: "calc(100vh - 150px)",
-      borderRadius: "20px",
-      background: "white",
-      border: "1px solid rgba(15,23,42,0.12)",
-      boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
-      overflow: "hidden",
-    });
-    shadow.appendChild(frameWrapper);
-
-    const iframe = document.createElement("iframe");
-    iframe.src = iframeUrl;
-    iframe.title = "Copilot chat widget";
-    iframe.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture";
-    iframe.setAttribute("scrolling", "no");
-    Object.assign(iframe.style, {
-      width: "100%",
-      height: "100%",
-      border: "none",
-      display: "block",
-      background: "transparent",
-      overflow: "hidden",
-    });
-
-    shadow.appendChild(frameWrapper);
-    frameWrapper.appendChild(iframe);
-
-    container.appendChild(arrow);
-    container.appendChild(frameWrapper);
-    document.body.appendChild(btn);
-    document.body.appendChild(container);
-
-
-    window.addEventListener("message", (event) => {
-      if (event.data?.type === "WIDGET_READY") {
-        iframe.contentWindow.postMessage(
-          { type: "INIT_WIDGET" },
-          "*"
-        );
-      }
-    });
-
-    let isOpen = false;
-
-    const closeChat = () => {
-      if (!isOpen) return;
-      isOpen = false;
-      container.style.opacity = "0";
-      container.style.transform = "scale(0.8) translateY(20px)";
-      arrow.style.display = "none";
-      setTimeout(() => {
-        container.style.display = "none";
-      }, 250);
-      btn.style.transform = "scale(1)";
-    };
-
-    btn.onclick = (event) => {
-      event.stopPropagation();
-      isOpen = !isOpen;
-      if (isOpen) {
-        container.style.display = "block";
-        arrow.style.display = "block";
-        requestAnimationFrame(() => {
-          container.style.opacity = "1";
-          container.style.transform = "scale(1) translateY(0)";
-        });
-      } else {
-        closeChat();
-      }
-    };
-
-    window.addEventListener("message", (event) => {
-      if (event?.data?.type === "CHAT_CLOSED") {
-        closeChat();
-      }
-    });
-
-    document.addEventListener("click", (event) => {
-      const target = event.target;
-      if (!target) return;
-      if (isOpen && !container.contains(target) && target !== btn) {
-        closeChat();
-      }
-    });
-
-    const controls = {
-      close: closeChat,
-      open: () => {
-        if (!isOpen) {
-          btn.click();
-        }
-      },
-    };
-
-    window.CopilotChat = window.CopilotChat || {};
-    window.CopilotChat.close = controls.close;
-    window.CopilotChat.open = controls.open;
-
-    return controls;
-  };
-
-  const handleError = (message) => {
-    console.error(`[CopilotChat] ${message}`);
-  };
-
-  const resolveEmbeddingScript = () => {
-    if (embeddingScript) {
-      return embeddingScript;
-    }
-
-    const scripts = Array.from(document.querySelectorAll("script"));
-    const candidate = scripts
-      .reverse()
-      .find((script) => script.dataset?.token || script.src.includes("chat-widget"));
-
-    return candidate || null;
-  };
-
-  ready(async () => {
-    const scriptEl = resolveEmbeddingScript();
-    if (!scriptEl) {
-      handleError("Unable to locate the embedding script tag on the page.");
-      return;
-    }
-
-    const globalConfig = window.CopilotChatConfig || {};
-    const datasetConfig = scriptEl.dataset || {};
-    const queryConfig = readQueryConfig(scriptEl);
-
-    const token = globalConfig.token || datasetConfig.token || queryConfig.token;
-    if (!token) {
-      handleError("Missing token (provide via window.CopilotChatConfig.token or data-token attribute).");
-      return;
-    }
-
-    const baseUrl = normalizeBaseUrl(
-      ENV_BASE_URL ||
-        globalConfig.baseUrl ||
-        datasetConfig.baseUrl ||
-        queryConfig.baseUrl ||
-        inferBaseUrlFromScript(scriptEl)
-    );
-    const themeAccent =
-      (globalConfig.theme && globalConfig.theme.accent) ||
-      globalConfig.accent ||
-      datasetConfig.themeAccent ||
-      queryConfig.themeAccent;
-
-    try {
-      const response = await fetch(`${baseUrl}/api/chat-widget/config?token=${encodeURIComponent(token)}`, {
-        credentials: "omit",
-        mode: "cors",
-      });
-
-      if (!response.ok) {
-        throw new Error(`Server responded with ${response.status}`);
-      }
-
-      const config = await response.json();
-      if (!config?.iframeUrl || !config?.launcherIcon) {
-        throw new Error("Received incomplete widget configuration from server.");
-      }
-
-      const baseConfig = {
-        iframeUrl: config.iframeUrl,
-        launcherIcon: config.launcherIcon,
-        theme: {
-          accent: themeAccent || config.theme?.accent || undefined,
-        },
-      };
-
-      window.CopilotChat = window.CopilotChat || {};
-      window.CopilotChat.init = (overrides = {}) => {
-        const mergedTheme = {
-          accent:
-            overrides.theme?.accent ||
-            overrides.accent ||
-            baseConfig.theme.accent ||
-            (typeof globalConfig.theme === "object" ? globalConfig.theme.accent : undefined) ||
-            globalConfig.accent,
-        };
-
-        const mergedConfig = {
-          iframeUrl: overrides.iframeUrl || baseConfig.iframeUrl,
-          launcherIcon: overrides.launcherIcon || baseConfig.launcherIcon,
-          theme: mergedTheme,
-        };
-
-        return buildWidget(mergedConfig);
-      };
-
-      window.CopilotChat.init(globalConfig);
-    } catch (error) {
-      handleError(error instanceof Error ? error.message : "Unknown error during widget bootstrap.");
-    }
-  });
-})();
+export function loadCopilotChatWidget(options = {}) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return null;
+  }
+
+  const { token, autoload } = options;
+
+  // persist config for runtime script
+  window.CopilotChatConfig = {
+    ...window.CopilotChatConfig,
+    ...options,
+  };
+
+  const existing = document.getElementById("copilot-chat-widget-loader");
+  if (existing) {
+    if (token) existing.dataset.token = token;
+    if (autoload === false) existing.dataset.autoload = "false";
+    return existing;
+  }
+
+  const script = document.createElement("script");
+  script.id = "copilot-chat-widget-loader";
+  script.src = new URL("./chat-widget.min.js", import.meta.url).href;
+  script.async = true;
+  if (token) script.dataset.token = token;
+  if (autoload === false) script.dataset.autoload = "false";
+
+  document.body.appendChild(script);
+  return script;
+}
+
+export default loadCopilotChatWidget;

package/src/widget-runtime.js

@@ -0,0 +1,345 @@
+(() => {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  if (window.__copilotWidgetLoaded) return;
+  window.__copilotWidgetLoaded = true;
+
+  const BUTTON_SIZE = 64;
+  const IFRAME_SIZE = 720;
+  const embeddingScript = document.currentScript;
+
+  const readQueryConfig = (scriptEl) => {
+    if (!scriptEl?.src) return {};
+    try {
+      const url = new URL(scriptEl.src, window.location.href);
+      const params = {};
+      url.searchParams.forEach((value, key) => {
+        params[key] = value;
+      });
+      return params;
+    } catch (error) {
+      console.warn("[CopilotChat] Failed to parse script query params:", error);
+      return {};
+    }
+  };
+
+  const ready = (fn) => {
+    if (document.readyState === "complete" || document.readyState === "interactive") {
+      setTimeout(fn, 0);
+    } else {
+      document.addEventListener("DOMContentLoaded", fn);
+    }
+  };
+
+  const inferBaseUrlFromScript = (scriptEl) => {
+    if (!scriptEl?.src) return null;
+    try {
+      const srcUrl = new URL(scriptEl.src, window.location.href);
+      return `${srcUrl.protocol}//${srcUrl.host}`;
+    } catch (error) {
+      console.warn("[CopilotChat] Unable to infer base URL from script source.", error);
+      return null;
+    }
+  };
+
+  const resolveEmbeddingScript = () => {
+    if (embeddingScript) {
+      return embeddingScript;
+    }
+
+    const scripts = Array.from(document.querySelectorAll("script"));
+    const candidate = scripts
+      .reverse()
+      .find((script) => script.dataset?.token || (script.src && script.src.includes("chat-widget")));
+
+    return candidate || null;
+  };
+
+  const buildWidget = ({ iframeUrl, launcherIcon }) => {
+    const existingRoot = document.querySelector("[data-copilot-widget-root]");
+    if (existingRoot) {
+      existingRoot.remove();
+    }
+
+    // ---------- Shadow DOM container ----------
+    const containerHost = document.createElement("div");
+    containerHost.setAttribute("data-copilot-widget-root", "true");
+    const shadow = containerHost.attachShadow({ mode: "open" });
+    document.body.appendChild(containerHost);
+
+    // ---------- Button ----------
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.setAttribute("aria-label", "Open Copilot chat");
+    btn.innerHTML = `
+      <img
+        src="${launcherIcon}"
+        alt="Copilot chat launcher"
+        style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%; pointer-events: none;"
+      />
+    `;
+
+    Object.assign(btn.style, {
+      position: "fixed",
+      bottom: "24px",
+      right: "24px",
+      width: `${BUTTON_SIZE}px`,
+      height: `${BUTTON_SIZE}px`,
+      borderRadius: "50%",
+      border: "none",
+      background: "linear-gradient(135deg, #0078ff, #00c6ff)",
+      color: "white",
+      cursor: "pointer",
+      zIndex: 999998,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      boxShadow: "0 6px 14px rgba(0,0,0,0.25)",
+      transition: "all 0.25s ease",
+    });
+
+    btn.onmouseover = () => {
+      btn.style.transform = "scale(1.12)";
+      btn.style.boxShadow = "0 10px 25px rgba(0,0,0,0.3)";
+    };
+    btn.onmouseout = () => {
+      btn.style.transform = "scale(1)";
+      btn.style.boxShadow = "0 6px 14px rgba(0,0,0,0.25)";
+    };
+
+    const container = document.createElement("div");
+    container.setAttribute("data-copilot-widget-root", "true");
+    Object.assign(container.style, {
+      display: "none",
+      position: "fixed",
+      bottom: `${BUTTON_SIZE + 36}px`,
+      right: "24px",
+      zIndex: "999999",
+      transformOrigin: "bottom right",
+      transform: "scale(0.8) translateY(20px)",
+      opacity: "0",
+      transition: "all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    });
+
+    const arrow = document.createElement("div");
+    const arrowBorder = document.createElement("div");
+    const arrowFill = document.createElement("div");
+
+    Object.assign(arrow.style, {
+      position: "absolute",
+      bottom: "-14px",
+      right: "28px",
+      width: "30px",
+      height: "20px",
+      pointerEvents: "none",
+      display: "none",
+      zIndex: "1",
+    });
+
+    Object.assign(arrowBorder.style, {
+      position: "absolute",
+      bottom: "0",
+      left: "0",
+      right: "0",
+      margin: "0 auto",
+      width: "0",
+      height: "0",
+      borderLeft: "15px solid transparent",
+      borderRight: "15px solid transparent",
+      borderTop: "15px solid rgba(15,23,42,0.1)",
+    });
+
+    Object.assign(arrowFill.style, {
+      position: "absolute",
+      bottom: "2px",
+      left: "0",
+      right: "0",
+      margin: "0 auto",
+      width: "0",
+      height: "0",
+      borderLeft: "13px solid transparent",
+      borderRight: "13px solid transparent",
+      borderTop: "13px solid white",
+      boxShadow: "0 6px 16px rgba(15,23,42,0.12)",
+      borderRadius: "2px",
+    });
+
+    arrow.appendChild(arrowBorder);
+    arrow.appendChild(arrowFill);
+
+    const frameWrapper = document.createElement("div");
+    Object.assign(frameWrapper.style, {
+      width: `${IFRAME_SIZE}px`,
+      maxWidth: "calc(100vw - 48px)",
+      // keep height responsive to viewport to avoid outer scrollbars
+      height: `${Math.min(IFRAME_SIZE, Math.max(320, window.innerHeight - 140))}px`,
+      maxHeight: "calc(100vh - 150px)",
+      borderRadius: "20px",
+      background: "white",
+      border: "1px solid rgba(15,23,42,0.12)",
+      boxShadow: "0 18px 45px rgba(15,23,42,0.16)",
+      overflow: "hidden",
+    });
+    shadow.appendChild(frameWrapper);
+
+    const iframe = document.createElement("iframe");
+    iframe.src = iframeUrl;
+    iframe.title = "Copilot chat widget";
+    iframe.allow = "clipboard-read; clipboard-write; microphone; camera; display-capture";
+    iframe.setAttribute("scrolling", "no");
+    Object.assign(iframe.style, {
+      width: "100%",
+      height: "100%",
+      border: "none",
+      display: "block",
+      background: "transparent",
+      overflow: "hidden",
+    });
+
+    shadow.appendChild(frameWrapper);
+    frameWrapper.appendChild(iframe);
+
+    container.appendChild(arrow);
+    container.appendChild(frameWrapper);
+    document.body.appendChild(btn);
+    document.body.appendChild(container);
+
+    let isOpen = false;
+
+    const closeChat = () => {
+      if (!isOpen) return;
+      isOpen = false;
+      container.style.opacity = "0";
+      container.style.transform = "scale(0.8) translateY(20px)";
+      arrow.style.display = "none";
+      setTimeout(() => {
+        container.style.display = "none";
+      }, 250);
+      btn.style.transform = "scale(1)";
+    };
+
+    btn.onclick = (event) => {
+      event.stopPropagation();
+      isOpen = !isOpen;
+      if (isOpen) {
+        container.style.display = "block";
+        arrow.style.display = "block";
+        requestAnimationFrame(() => {
+          container.style.opacity = "1";
+          container.style.transform = "scale(1) translateY(0)";
+        });
+      } else {
+        closeChat();
+      }
+    };
+
+    window.addEventListener("message", (event) => {
+      if (event?.data?.type === "CHAT_CLOSED") {
+        closeChat();
+      }
+    });
+
+    document.addEventListener("click", (event) => {
+      const target = event.target;
+      if (!target) return;
+      if (isOpen && !container.contains(target) && target !== btn) {
+        closeChat();
+      }
+    });
+
+    const controls = {
+      close: closeChat,
+      open: () => {
+        if (!isOpen) {
+          btn.click();
+        }
+      },
+    };
+
+    window.CopilotChat = window.CopilotChat || {};
+    window.CopilotChat.close = controls.close;
+    window.CopilotChat.open = controls.open;
+    window.CopilotChat.controls = controls;
+
+    return controls;
+  };
+
+  const handleError = (message) => {
+    console.error(`[CopilotChat] ${message}`);
+  };
+
+  const shouldAutoBootstrapFromScript = () => {
+    const scriptEl = resolveEmbeddingScript();
+    if (!scriptEl) return false;
+    const queryConfig = readQueryConfig(scriptEl);
+    const dataset = scriptEl.dataset || {};
+    const hasTokenHint = dataset.token || queryConfig.token;
+    const hasGlobalToken = typeof window !== "undefined" && window.CopilotChatConfig && window.CopilotChatConfig.token;
+    return (hasTokenHint || hasGlobalToken) && dataset.autoload !== "false";
+  };
+
+  const initCopilotChatWidget = async (config = {}) => {
+    const scriptEl = config.scriptEl || resolveEmbeddingScript();
+    const globalConfig = window.CopilotChatConfig || {};
+    const datasetConfig = scriptEl?.dataset || {};
+    const queryConfig = readQueryConfig(scriptEl);
+
+    const token = config.token || globalConfig.token || datasetConfig.token || queryConfig.token;
+
+    if (!token) {
+      handleError("Missing token (provide via init config, window.CopilotChatConfig.token, or data-token attribute).");
+      return null;
+    }
+
+    const baseUrl =
+      inferBaseUrlFromScript(scriptEl) ||
+      (typeof window !== "undefined" && window.location?.origin) ||
+      null;
+
+    if (!baseUrl) {
+      handleError("Unable to resolve base URL from embedding script or window.location.");
+      return null;
+    }
+
+    try {
+      const response = await fetch(`${baseUrl}/api/chat-widget/config?token=${encodeURIComponent(token)}`, {
+        credentials: "omit",
+        mode: "cors",
+      });
+
+      if (!response.ok) {
+        throw new Error(`Server responded with ${response.status}`);
+      }
+
+      const remoteConfig = await response.json();
+      if (!remoteConfig?.iframeUrl || !remoteConfig?.launcherIcon) {
+        throw new Error("Received incomplete widget configuration from server.");
+      }
+
+      window.CopilotChat = window.CopilotChat || {};
+      window.CopilotChat.init = (overrides = {}) => {
+        const mergedConfig = {
+          iframeUrl: overrides.iframeUrl || remoteConfig.iframeUrl,
+          launcherIcon: overrides.launcherIcon || remoteConfig.launcherIcon,
+        };
+
+        return buildWidget(mergedConfig);
+      };
+
+      const controls = window.CopilotChat.init(config);
+      return controls;
+    } catch (error) {
+      handleError(error instanceof Error ? error.message : "Unknown error during widget bootstrap.");
+      return null;
+    }
+  };
+
+  if (shouldAutoBootstrapFromScript()) {
+    ready(() => {
+      initCopilotChatWidget();
+    });
+  }
+
+  // expose for manual bootstrap if autoload=false
+  window.CopilotChat = window.CopilotChat || {};
+  window.CopilotChat.load = initCopilotChatWidget;
+})();

package/src/standalone.js

@@ -1,4 +0,0 @@
-import { loadCopilotChatWidget } from "./index.js";
-
-// Auto-boot when the bundle is dropped in via a <script> tag
-loadCopilotChatWidget();