@promte/app-library 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export declare type PromteClient = {
 declare type PromteCtxValue = {
     settings: PromteSettings | null;
     token: string | null;
+    isDarkMode: boolean | null;
     ready: boolean;
     state: PromteHandshakeState;
     error: string | null;
@@ -57,6 +58,8 @@ export declare function usePromte(): PromteCtxValue;
 
 export declare function usePromteClient(): PromteClient;
 
+export declare function usePromteDarkMode(): boolean;
+
 export declare function usePromteSettings(): PromteSettings;
 
 export declare function usePromteToken(): string;

package/dist/index.mjs

@@ -1,33 +1,33 @@
-import { jsx as A } from "react/jsx-runtime";
-import { createContext as M, useState as v, useMemo as w, useCallback as T, useEffect as g, useContext as U } from "react";
-const E = M(null);
-function _({
+import { jsx as T } from "react/jsx-runtime";
+import { createContext as U, useState as w, useMemo as p, useCallback as j, useEffect as g, useContext as x } from "react";
+const P = U(null);
+function L({
   children: u,
-  expectedParentOrigin: r,
+  expectedParentOrigin: o,
   initTargetOrigin: f,
   retryInit: n = { enabled: !0, intervalMs: 500, maxAttempts: 20 }
 }) {
-  const [t, c] = v(null), [e, i] = v(null), [m, p] = v(null), h = w(() => m ? "booting" : t ? e ? "ready" : "waiting_for_token" : "waiting_for_settings", [t, e, m]), k = h === "ready", b = w(() => f || r || "*", [f, r]), d = T(() => {
+  const [t, c] = w(null), [e, i] = w(null), [v, E] = w(null), [m, k] = w(null), y = p(() => m ? "booting" : t ? e ? "ready" : "waiting_for_token" : "waiting_for_settings", [t, e, m]), b = y === "ready", M = p(() => f || o || "*", [f, o]), d = j(() => {
     var l;
     try {
-      const o = { type: "init" };
-      (l = window.parent) == null || l.postMessage(o, b);
-    } catch (o) {
-      p((o == null ? void 0 : o.message) || "Failed to post init");
+      const s = { type: "init" };
+      (l = window.parent) == null || l.postMessage(s, M);
+    } catch (s) {
+      k((s == null ? void 0 : s.message) || "Failed to post init");
     }
-  }, [b]);
+  }, [M]);
   g(() => {
     d();
   }, [d]), g(() => {
     if (!(n != null && n.enabled) || t) return;
-    const l = n.intervalMs ?? 500, o = n.maxAttempts ?? 20;
-    let s = 0;
+    const l = n.intervalMs ?? 500, s = n.maxAttempts ?? 20;
+    let r = 0;
     const a = window.setInterval(() => {
       if (t) {
         window.clearInterval(a);
         return;
       }
-      if (s += 1, s > o) {
+      if (r += 1, r > s) {
         window.clearInterval(a);
         return;
       }
@@ -35,59 +35,67 @@ function _({
     }, l);
     return () => window.clearInterval(a);
   }, [n, t, d]), g(() => {
-    const l = (o) => {
-      if (r && o.origin !== r) return;
-      const s = o.data;
-      if (!(!s || typeof s != "object")) {
-        if (s.type === "set-settings") {
-          const a = s.value;
-          if (!(a != null && a.backendUrl) || a.parentOrigin && r && a.parentOrigin !== r)
+    const l = (s) => {
+      if (o && s.origin !== o) return;
+      const r = s.data;
+      if (!(!r || typeof r != "object")) {
+        if (r.type === "set-settings") {
+          const a = r.value;
+          if (!(a != null && a.backendUrl) || a.parentOrigin && o && a.parentOrigin !== o)
             return;
-          c(a), p(null);
+          c(a), k(null);
           return;
         }
-        if (s.type === "set-token" && typeof s.value == "string") {
-          i(s.value), p(null);
+        if (r.type === "set-token" && typeof r.value == "string") {
+          i(r.value), k(null);
+          return;
+        }
+        if (r.type === "set-dark-mode" && typeof r.value == "boolean") {
+          E(r.value);
           return;
         }
       }
     };
     return window.addEventListener("message", l), () => window.removeEventListener("message", l);
-  }, [r]);
-  const C = w(() => j(
+  }, [o]);
+  const C = p(() => D(
     () => t,
     () => e
-  ), [t, e]), P = w(
+  ), [t, e]), A = p(
     () => ({
       settings: t,
       token: e,
-      ready: k,
-      state: h,
+      isDarkMode: v,
+      ready: b,
+      state: y,
       error: m,
       client: C
     }),
-    [t, e, k, h, m, C]
+    [t, e, v, b, y, m, C]
   );
-  return /* @__PURE__ */ A(E.Provider, { value: P, children: u });
+  return /* @__PURE__ */ T(P.Provider, { value: A, children: u });
 }
-function y() {
-  const u = U(E);
+function h() {
+  const u = x(P);
   if (!u)
     throw new Error("usePromte must be used inside <PromteAppProvider>");
   return u;
 }
-function L() {
-  return y().settings;
-}
 function R() {
-  return y().token;
+  return h().settings;
 }
 function B() {
-  return y().client;
+  return h().token;
+}
+function F() {
+  return h().isDarkMode;
+}
+function $() {
+  return h().client;
 }
-function j(u, r) {
+function D(u, o) {
   async function f(n, t) {
-    const c = u(), e = r();
+    const c = u(), e = o();
     if (!c) throw new Error("Promte settings not received yet");
     if (!e) throw new Error("Promte token not received yet");
     const i = new URL(c.backendUrl + "/" + n).toString();
@@ -101,7 +109,7 @@ function j(u, r) {
   }
   return {
     isReady() {
-      return !!u() && !!r();
+      return !!u() && !!o();
     },
     getBackendUrl() {
       var n;
@@ -128,9 +136,10 @@ function j(u, r) {
   };
 }
 export {
-  _ as PromteAppProvider,
-  y as usePromte,
-  B as usePromteClient,
-  L as usePromteSettings,
-  R as usePromteToken
+  L as PromteAppProvider,
+  h as usePromte,
+  $ as usePromteClient,
+  F as usePromteDarkMode,
+  R as usePromteSettings,
+  B as usePromteToken
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(o,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],d):(o=typeof globalThis<"u"?globalThis:o||self,d(o.PromteAppLibrary={},o.jsxRuntime,o.react))})(this,function(o,d,r){"use strict";const g=r.createContext(null);function E({children:f,expectedParentOrigin:s,initTargetOrigin:p,retryInit:n={enabled:!0,intervalMs:500,maxAttempts:20}}){const[e,l]=r.useState(null),[t,c]=r.useState(null),[w,y]=r.useState(null),P=r.useMemo(()=>w?"booting":e?t?"ready":"waiting_for_token":"waiting_for_settings",[e,t,w]),k=P==="ready",b=r.useMemo(()=>p||s||"*",[p,s]),v=r.useCallback(()=>{var m;try{const u={type:"init"};(m=window.parent)==null||m.postMessage(u,b)}catch(u){y((u==null?void 0:u.message)||"Failed to post init")}},[b]);r.useEffect(()=>{v()},[v]),r.useEffect(()=>{if(!(n!=null&&n.enabled)||e)return;const m=n.intervalMs??500,u=n.maxAttempts??20;let i=0;const a=window.setInterval(()=>{if(e){window.clearInterval(a);return}if(i+=1,i>u){window.clearInterval(a);return}v()},m);return()=>window.clearInterval(a)},[n,e,v]),r.useEffect(()=>{const m=u=>{if(s&&u.origin!==s)return;const i=u.data;if(!(!i||typeof i!="object")){if(i.type==="set-settings"){const a=i.value;if(!(a!=null&&a.backendUrl)||a.parentOrigin&&s&&a.parentOrigin!==s)return;l(a),y(null);return}if(i.type==="set-token"&&typeof i.value=="string"){c(i.value),y(null);return}}};return window.addEventListener("message",m),()=>window.removeEventListener("message",m)},[s]);const C=r.useMemo(()=>T(()=>e,()=>t),[e,t]),A=r.useMemo(()=>({settings:e,token:t,ready:k,state:P,error:w,client:C}),[e,t,k,P,w,C]);return d.jsx(g.Provider,{value:A,children:f})}function h(){const f=r.useContext(g);if(!f)throw new Error("usePromte must be used inside <PromteAppProvider>");return f}function M(){return h().settings}function j(){return h().token}function S(){return h().client}function T(f,s){async function p(n,e){const l=f(),t=s();if(!l)throw new Error("Promte settings not received yet");if(!t)throw new Error("Promte token not received yet");const c=new URL(l.backendUrl+"/"+n).toString();return await fetch(c,{...e,headers:{...e.headers||{},Authorization:`Bearer ${t}`}})}return{isReady(){return!!f()&&!!s()},getBackendUrl(){var n;return((n=f())==null?void 0:n.backendUrl)??null},async chatCompletions(n){var c;const e=await p("/openai/chat/completions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...n,stream:!1})}),t=(e.headers.get("content-type")||"").includes("application/json")?await e.json():await e.text();if(!e.ok)throw new Error(typeof t=="string"?t:((c=t==null?void 0:t.error)==null?void 0:c.message)||`Request failed (${e.status})`);return t},async chatText(n){var l,t,c;const e=await this.chatCompletions(n);return((c=(t=(l=e==null?void 0:e.choices)==null?void 0:l[0])==null?void 0:t.message)==null?void 0:c.content)??""}}}o.PromteAppProvider=E,o.usePromte=h,o.usePromteClient=S,o.usePromteSettings=M,o.usePromteToken=j,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(r,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],m):(r=typeof globalThis<"u"?globalThis:r||self,m(r.PromteAppLibrary={},r.jsxRuntime,r.react))})(this,function(r,m,o){"use strict";const g=o.createContext(null);function E({children:l,expectedParentOrigin:u,initTargetOrigin:w,retryInit:n={enabled:!0,intervalMs:500,maxAttempts:20}}){const[e,f]=o.useState(null),[t,c]=o.useState(null),[y,U]=o.useState(null),[h,k]=o.useState(null),P=o.useMemo(()=>h?"booting":e?t?"ready":"waiting_for_token":"waiting_for_settings",[e,t,h]),M=P==="ready",b=o.useMemo(()=>w||u||"*",[w,u]),v=o.useCallback(()=>{var d;try{const i={type:"init"};(d=window.parent)==null||d.postMessage(i,b)}catch(i){k((i==null?void 0:i.message)||"Failed to post init")}},[b]);o.useEffect(()=>{v()},[v]),o.useEffect(()=>{if(!(n!=null&&n.enabled)||e)return;const d=n.intervalMs??500,i=n.maxAttempts??20;let s=0;const a=window.setInterval(()=>{if(e){window.clearInterval(a);return}if(s+=1,s>i){window.clearInterval(a);return}v()},d);return()=>window.clearInterval(a)},[n,e,v]),o.useEffect(()=>{const d=i=>{if(u&&i.origin!==u)return;const s=i.data;if(!(!s||typeof s!="object")){if(s.type==="set-settings"){const a=s.value;if(!(a!=null&&a.backendUrl)||a.parentOrigin&&u&&a.parentOrigin!==u)return;f(a),k(null);return}if(s.type==="set-token"&&typeof s.value=="string"){c(s.value),k(null);return}if(s.type==="set-dark-mode"&&typeof s.value=="boolean"){U(s.value);return}}};return window.addEventListener("message",d),()=>window.removeEventListener("message",d)},[u]);const C=o.useMemo(()=>D(()=>e,()=>t),[e,t]),L=o.useMemo(()=>({settings:e,token:t,isDarkMode:y,ready:M,state:P,error:h,client:C}),[e,t,y,M,P,h,C]);return m.jsx(g.Provider,{value:L,children:l})}function p(){const l=o.useContext(g);if(!l)throw new Error("usePromte must be used inside <PromteAppProvider>");return l}function S(){return p().settings}function j(){return p().token}function T(){return p().isDarkMode}function A(){return p().client}function D(l,u){async function w(n,e){const f=l(),t=u();if(!f)throw new Error("Promte settings not received yet");if(!t)throw new Error("Promte token not received yet");const c=new URL(f.backendUrl+"/"+n).toString();return await fetch(c,{...e,headers:{...e.headers||{},Authorization:`Bearer ${t}`}})}return{isReady(){return!!l()&&!!u()},getBackendUrl(){var n;return((n=l())==null?void 0:n.backendUrl)??null},async chatCompletions(n){var c;const e=await w("/openai/chat/completions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...n,stream:!1})}),t=(e.headers.get("content-type")||"").includes("application/json")?await e.json():await e.text();if(!e.ok)throw new Error(typeof t=="string"?t:((c=t==null?void 0:t.error)==null?void 0:c.message)||`Request failed (${e.status})`);return t},async chatText(n){var f,t,c;const e=await this.chatCompletions(n);return((c=(t=(f=e==null?void 0:e.choices)==null?void 0:f[0])==null?void 0:t.message)==null?void 0:c.content)??""}}}r.PromteAppProvider=E,r.usePromte=p,r.usePromteClient=A,r.usePromteDarkMode=T,r.usePromteSettings=S,r.usePromteToken=j,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promte/app-library",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": false,
   "type": "module",
   "files": [