sparkle-react 0.0.22 → 0.0.24

package/dist/index.d.mts

@@ -1,18 +1,41 @@
 import React, { ReactNode } from 'react';
 import { z } from 'zod';
 import { ApiClient } from '@twurple/api';
+import { OBSRequestTypes, OBSResponseTypes } from 'obs-websocket-js';
+export { OBSRequestTypes, OBSResponseTypes } from 'obs-websocket-js';
 
 declare const sparkleConfig: z.ZodObject<{
     userId: z.ZodString;
+    wsUrl: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    obs: z.ZodOptional<z.ZodObject<{
+        clientId: z.ZodString;
+        bridgeUrl: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    }, "strip", z.ZodTypeAny, {
+        clientId: string;
+        bridgeUrl: string;
+    }, {
+        clientId: string;
+        bridgeUrl?: string | undefined;
+    }>>;
 }, "strip", z.ZodTypeAny, {
     userId: string;
+    wsUrl: string;
+    obs?: {
+        clientId: string;
+        bridgeUrl: string;
+    } | undefined;
 }, {
     userId: string;
+    wsUrl?: string | undefined;
+    obs?: {
+        clientId: string;
+        bridgeUrl?: string | undefined;
+    } | undefined;
 }>;
 type SparkleConfig = z.infer<typeof sparkleConfig>;
 
 interface SparkleProviderProps {
-    config: SparkleConfig;
+    config?: SparkleConfig;
     children: ReactNode;
 }
 declare const SparkleProvider: ({ children, config }: SparkleProviderProps) => React.JSX.Element;
@@ -21,7 +44,7 @@ type RealtimeValue = string | number | boolean | {
     [key: string]: any;
 };
 
-declare function useRealtime<T = RealtimeValue>(keyInputs: string): T[];
+declare function useRealtime<T = RealtimeValue>(key: string, defaultValue?: T): T[];
 
 declare function useAuth(): {
     token: string | null | undefined;
@@ -35,4 +58,11 @@ declare function useTwitch(asUser?: string | number): {
     apiClient: ApiClient | null;
 };
 
-export { type SparkleHookKey, SparkleHookKeys, SparkleProvider, type SparkleProviderProps, useAuth, useHook, useRealtime, useTwitch };
+declare function useObs(): {
+    status: "disconnected" | "connecting" | "connected" | "error";
+    connected: boolean;
+    call: <T extends keyof OBSRequestTypes>(requestType: T, requestData?: OBSRequestTypes[T]) => Promise<OBSResponseTypes[T]>;
+};
+declare function useObsCall<T extends keyof OBSRequestTypes>(requestType: T): (requestData?: OBSRequestTypes[T]) => Promise<OBSResponseTypes[T]>;
+
+export { type SparkleHookKey, SparkleHookKeys, SparkleProvider, type SparkleProviderProps, useAuth, useHook, useObs, useObsCall, useRealtime, useTwitch };

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import w,{useEffect as j,useState as F}from"react";import*as v from"react";import{createContext as E}from"react";var h=E({token:null}),k=({children:t,config:r})=>v.createElement(h.Provider,{value:{token:r.userId}},t);import U,{useCallback as S,useContext as H,useRef as O}from"react";import{createContext as W,useEffect as x,useState as C}from"react";import A from"events";import n from"zod";var N=n.object({type:n.literal("subscribe"),channels:n.array(n.string())}),M=n.object({type:n.literal("hook"),channels:n.array(n.string())}),L=n.object({type:n.literal("unsubscribe"),channels:n.string()}),ae=n.object({event:n.literal("update"),type:n.enum(["value","hook"]),data:n.object({key:n.string(),value:n.string()})}),ce=n.union([N,L,M]),f=class extends A{constructor(e){super();this.socket=null;this.queue=[];this.subscriptions=[];this.hooks=[];this.isAuthenticating=!1;this.jwt=null;this.url=e}send(e){this.socket?.readyState===WebSocket.OPEN?this.socket?.send(JSON.stringify(e)):this.queue.push(e)}authenticate(e){this.isAuthenticating||(this.isAuthenticating=!0,this.jwt=e,this.connect())}connect(){let e=this.url+"?jwt="+this.jwt;this.socket=new WebSocket(e),this.socket.onopen=()=>{this.queue.forEach(o=>this.send(o)),this.queue=[]},this.socket.onmessage=o=>{let a=JSON.parse(o.data);this.emit("update",a)},this.socket.onclose=()=>{this.reconnect()}}reconnect(){setTimeout(()=>{this.queue=[{type:"subscribe",channels:this.subscriptions},{type:"hook",channels:this.hooks}],console.log("try reconnecting"),this.connect()},5e3)}subscribe(e){let o=e.filter(a=>!this.subscriptions.includes(a));o.length&&(this.subscriptions=[...this.subscriptions,...o],console.log("subscribe",e),this.send({type:"subscribe",channels:e}))}hook(e){let o=[e].filter(a=>!this.hooks.includes(a));o.length&&(this.hooks=[...this.hooks,...o],this.send({type:"hook",channels:[e]}))}unsubscribe(e){this.send({type:"unsubscribe",channels:e})}disconnect(){this.socket&&(this.socket.onclose=()=>{},this.socket.close())}};var m=W({subscribe:()=>{},listen:()=>{},values:{},hooks:{}}),z=({children:t})=>{let[r,e]=C({}),[o,a]=C({}),c=O(),{token:u}=H(h);x(()=>(c.current=new f("http://localhost:4005/ws"),c.current.on("update",s=>{let{data:i,type:l}=s;if(l==="hook"){let d=JSON.parse(i.value);a(p=>({...p,[d.hook]:d.payload})),console.log("receive hooks",d)}else{let d=i.value;console.log("value",d);try{let p=parseFloat(i.value);if(!isNaN(p)&&String(p)===String(i.value).trim())d=p;else try{d=JSON.parse(i.value)}catch{d=i.value}}catch{d=i.value}e(p=>({...p,[i.key]:d})),console.log("receive values",r)}}),()=>{c.current?.disconnect()}),[]),x(()=>{!c.current||!u||c.current.authenticate(u)},[u]);let g=S(s=>{c.current?.subscribe(s)},[c]),b=S(s=>{c.current?.hook(s)},[c]);return U.createElement(m.Provider,{value:{subscribe:g,listen:b,values:r,hooks:o}},t)};var I=({children:t})=>{let[r,e]=F(!1);return j(()=>{e(!0)},[]),r?t:null},Se=({children:t,config:r})=>w.createElement(k,{config:r},w.createElement(z,{config:r},w.createElement(I,null,t)));import{useContext as J,useEffect as _,useMemo as q}from"react";function Re(t){let r=J(m),e=q(()=>[t],[t]);if(!r)throw new Error("You must use useRealtime inside a SparkleProvider");return _(()=>{r.subscribe([t])},[e]),e.map(o=>r.values[o])}import{useContext as D}from"react";function Ne(){let{token:t}=D(h);return{token:t}}import{useContext as K,useEffect as B}from"react";var Oe=["notification.follow","notification.cheer","notification.subscribe","stream.online","stream.offline","stream.update","reward.create","reward.update","reward.remove","reward.redemption.claim","reward.redemption.update","poll.begin","poll.progress","poll.end","prediction.begin","prediction.progress","prediction.lock","prediction.end","moderator.add","moderator.remove","moderator.ban","moderator.unban","moderator.shield_mode.begin"];function We(t){let r=K(m);if(!r)throw new Error("You must use useHook inside a SparkleProvider");return B(()=>{r.listen(t)},[t]),r.hooks[t]}import{ApiClient as X}from"@twurple/api";import{StaticAuthProvider as Z}from"@twurple/auth";import{useEffect as $,useState as ee}from"react";import{useCallback as R,useState as V,useRef as Y,useLayoutEffect as G}from"react";var y=()=>{};var T=typeof window<"u";var Q=(t,r,e)=>{if(!T)return[r,y,y];if(!t)throw new Error("useLocalStorage key may not be falsy");let o=e?e.raw?s=>s:e.deserializer:JSON.parse,a=Y(s=>{try{let i=e?e.raw?String:e.serializer:JSON.stringify,l=localStorage.getItem(s);return l!==null?o(l):(r&&localStorage.setItem(s,i(r)),r)}catch{return r}}),[c,u]=V(()=>a.current(t));G(()=>u(a.current(t)),[t]);let g=R(s=>{try{let i=typeof s=="function"?s(c):s;if(typeof i>"u")return;let l;e?e.raw?typeof i=="string"?l=i:l=JSON.stringify(i):e.serializer?l=e.serializer(i):l=JSON.stringify(i):l=JSON.stringify(i),localStorage.setItem(t,l),u(o(l))}catch{}},[t,u]),b=R(()=>{try{localStorage.removeItem(t),u(void 0)}catch{}},[t,u]);return[c,g,b]},P=Q;function Ge(t){let[r,e]=ee(null),[o]=P("twitch");return $(()=>{console.log("env",process.env.TWITCH_CLIENT_ID),console.log("init");let a=new X({authProvider:new Z("u9lt242tz2pn5hl5x444ls2xllnvip",o,["bits:read","channel:manage:moderators","channel:manage:polls","channel:manage:predictions","channel:manage:redemptions","channel:manage:vips","channel:read:polls","channel:read:predictions","channel:read:redemptions","channel:read:subscriptions","channel:read:vips","moderation:read","moderator:manage:announcements","channel:moderate","moderator:read:blocked_terms","moderator:read:chatters","moderator:read:followers","user:read:email"])});return e(a),()=>{e(null)}},[]),{apiClient:r}}export{Oe as SparkleHookKeys,Se as SparkleProvider,Ne as useAuth,We as useHook,Re as useRealtime,Ge as useTwitch};
+import y,{useMemo as V,useEffect as Y,useState as $}from"react";import*as k from"react";import{createContext as W}from"react";var h=W({token:null}),T=({children:t,config:r})=>k.createElement(h.Provider,{value:{token:r.userId}},t);import H,{useCallback as x,useContext as U,useRef as j}from"react";import{createContext as J,useEffect as C,useState as w}from"react";import q from"events";import a from"zod";var z=a.object({type:a.literal("subscribe"),channels:a.array(a.string())}),M=a.object({type:a.literal("hook"),channels:a.array(a.string())}),I=a.object({type:a.literal("unsubscribe"),channels:a.string()}),Se=a.object({event:a.literal("update"),type:a.enum(["value","hook"]),data:a.object({key:a.string(),value:a.string()})}),ye=a.union([z,I,M]),g=class extends q{constructor(e){super();this.socket=null;this.queue=[];this.subscriptions=[];this.hooks=[];this.isAuthenticating=!1;this.jwt=null;this.url=e}send(e){this.socket?.readyState===WebSocket.OPEN?this.socket?.send(JSON.stringify(e)):this.queue.push(e)}authenticate(e){this.isAuthenticating||(this.isAuthenticating=!0,this.jwt=e,this.connect())}connect(){let e=this.url+"?jwt="+this.jwt;this.socket=new WebSocket(e),this.socket.onopen=()=>{this.queue.forEach(o=>this.send(o)),this.queue=[]},this.socket.onmessage=o=>{let s=JSON.parse(o.data);this.emit("update",s)},this.socket.onclose=()=>{this.reconnect()}}reconnect(){setTimeout(()=>{this.queue=[{type:"subscribe",channels:this.subscriptions},{type:"hook",channels:this.hooks}],console.log("try reconnecting"),this.connect()},5e3)}subscribe(e){let o=e.filter(s=>!this.subscriptions.includes(s));o.length&&(this.subscriptions=[...this.subscriptions,...o],console.log("subscribe",e),this.send({type:"subscribe",channels:e}))}hook(e){let o=[e].filter(s=>!this.hooks.includes(s));o.length&&(this.hooks=[...this.hooks,...o],this.send({type:"hook",channels:[e]}))}unsubscribe(e){this.send({type:"unsubscribe",channels:e})}disconnect(){this.socket&&(this.socket.onclose=()=>{},this.socket.close())}};var b=J({subscribe:()=>{},listen:()=>{},values:{},hooks:{}}),P=({children:t,config:r})=>{let[e,o]=w({}),[s,l]=w({}),c=j(null),{token:p}=U(h);C(()=>(c.current=new g(r.wsUrl),c.current.on("update",i=>{let{data:n,type:L}=i;if(L==="hook"){let d=JSON.parse(n.value);l(f=>({...f,[d.hook]:d.payload})),console.log("receive hooks",d)}else{let d=n.value;console.log("value",d);try{let f=parseFloat(n.value);if(!isNaN(f)&&String(f)===String(n.value).trim())d=f;else try{d=JSON.parse(n.value)}catch{d=n.value}}catch{d=n.value}o(f=>({...f,[n.key]:d})),console.log("receive values",e)}}),()=>{c.current?.disconnect()}),[]),C(()=>{!c.current||!p||c.current.authenticate(p)},[p]);let m=x(i=>{c.current?.subscribe(i)},[c]),u=x(i=>{c.current?.hook(i)},[c]);return H.createElement(b.Provider,{value:{subscribe:m,listen:u,values:e,hooks:s}},t)};import D,{createContext as K,useCallback as _,useEffect as F,useRef as O,useState as G}from"react";var S=K({status:"disconnected",call:()=>Promise.reject(new Error("ObsProvider not mounted"))});function R({url:t,children:r}){let[e,o]=G("disconnected"),s=O(null),l=O(!1);F(()=>{if(!t)return;l.current=!1;let p;return(async()=>{let{default:u}=await import("obs-websocket-js"),i=new u;s.current=i;let n=async()=>{if(!l.current){o("connecting");try{await i.connect(t),l.current||o("connected")}catch{l.current||(o("error"),p=setTimeout(n,3e3))}}};i.on("ConnectionClosed",()=>{l.current||(o("disconnected"),p=setTimeout(n,3e3))}),i.on("ConnectionError",()=>{l.current||o("error")}),await n()})(),()=>{l.current=!0,clearTimeout(p),s.current?.disconnect(),s.current=null,o("disconnected")}},[t]);let c=_(async(p,m)=>{let u=s.current;if(!u)throw new Error("OBS not connected");return u.call(p,m)},[]);return D.createElement(S.Provider,{value:{status:e,call:c}},r)}var Q=({children:t})=>{let[r,e]=$(!1);return Y(()=>{e(!0)},[]),r?t:null},X={userId:"",wsUrl:"wss://sparkle-bot-v2.fly.dev/ws"},We=({children:t,config:r})=>{let e={...X,...r},o=V(()=>e.obs?.clientId?`${e.obs.bridgeUrl??"wss://sparkle-bot-v2.fly.dev/obs-bridge"}?role=client&clientId=${encodeURIComponent(e.obs.clientId)}`:"",[e.obs?.clientId,e.obs?.bridgeUrl]),s=y.createElement(T,{config:e},y.createElement(P,{config:e},y.createElement(Q,null,t)));return o?y.createElement(R,{url:o},s):s};import{useContext as Z,useEffect as ee,useMemo as te}from"react";function He(t,r){let e=Z(b),o=te(()=>[t],[t]);if(!e)throw new Error("You must use useRealtime inside a SparkleProvider");return ee(()=>{e.subscribe([t])},[o]),o.map(s=>e.values[s]??r)}import{useContext as re}from"react";function De(){let{token:t}=re(h);return{token:t}}import{useContext as oe,useEffect as ne}from"react";var Ve=["notification.follow","notification.cheer","notification.subscribe","stream.online","stream.offline","stream.update","reward.create","reward.update","reward.remove","reward.redemption.claim","reward.redemption.update","poll.begin","poll.progress","poll.end","prediction.begin","prediction.progress","prediction.lock","prediction.end","moderator.add","moderator.remove","moderator.ban","moderator.unban","moderator.shield_mode.begin"];function Ye(t){let r=oe(b);if(!r)throw new Error("You must use useHook inside a SparkleProvider");return ne(()=>{r.listen(t)},[t]),r.hooks[t]}import{ApiClient as ue}from"@twurple/api";import{StaticAuthProvider as le}from"@twurple/auth";import{useEffect as pe,useState as de}from"react";import{useCallback as N,useState as se,useRef as ie,useLayoutEffect as ae}from"react";var v=()=>{};var E=typeof window<"u";var ce=(t,r,e)=>{if(!E)return[r,v,v];if(!t)throw new Error("useLocalStorage key may not be falsy");let o=e?e.raw?u=>u:e.deserializer:JSON.parse,s=ie(u=>{try{let i=e?e.raw?String:e.serializer:JSON.stringify,n=localStorage.getItem(u);return n!==null?o(n):(r&&localStorage.setItem(u,i(r)),r)}catch{return r}}),[l,c]=se(()=>s.current(t));ae(()=>c(s.current(t)),[t]);let p=N(u=>{try{let i=typeof u=="function"?u(l):u;if(typeof i>"u")return;let n;e?e.raw?typeof i=="string"?n=i:n=JSON.stringify(i):e.serializer?n=e.serializer(i):n=JSON.stringify(i):n=JSON.stringify(i),localStorage.setItem(t,n),c(o(n))}catch{}},[t,c]),m=N(()=>{try{localStorage.removeItem(t),c(void 0)}catch{}},[t,c]);return[l,p,m]},A=ce;function at(t){let[r,e]=de(null),[o]=A("twitch");return pe(()=>{console.log("env",process.env.TWITCH_CLIENT_ID),console.log("init");let s=new ue({authProvider:new le("u9lt242tz2pn5hl5x444ls2xllnvip",o,["bits:read","channel:manage:moderators","channel:manage:polls","channel:manage:predictions","channel:manage:redemptions","channel:manage:vips","channel:read:polls","channel:read:predictions","channel:read:redemptions","channel:read:subscriptions","channel:read:vips","moderation:read","moderator:manage:announcements","channel:moderate","moderator:read:blocked_terms","moderator:read:chatters","moderator:read:followers","user:read:email"])});return e(s),()=>{e(null)}},[]),{apiClient:r}}import{useCallback as fe,useContext as B}from"react";function pt(){let{status:t,call:r}=B(S);return{status:t,connected:t==="connected",call:r}}function dt(t){let{call:r}=B(S);return fe(e=>r(t,e),[r,t])}export{Ve as SparkleHookKeys,We as SparkleProvider,De as useAuth,Ye as useHook,pt as useObs,dt as useObsCall,He as useRealtime,at as useTwitch};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/provider.tsx","../src/providers/authProvider.tsx","../src/providers/realtimeProvider.tsx","../src/lib/websocket.ts","../src/hooks/useRealtime.ts","../src/hooks/useAuth.ts","../src/hooks/useHook.ts","../src/hooks/useTwitch.ts","../src/utils/hooks/useLocalStorage.ts","../src/utils/utils.ts"],"sourcesContent":["import React, { type ReactNode, useContext, useEffect, useState } from \"react\"\r\nimport { AuthProvider, SparkleAuthContext } from \"./providers/authProvider\"\r\nimport { WebSocketProvider } from \"./providers/realtimeProvider\"\r\nimport { SparkleConfig } from \"./utils/config\"\r\n\r\nconst Provider = ({ children }: { children: ReactNode }) => {\r\n  const [isClientReady, setIsClientReady] = useState(false)\r\n\r\n  useEffect(() => {\r\n    setIsClientReady(true)\r\n  }, [])\r\n\r\n  if (!isClientReady) {\r\n    return null\r\n  }\r\n\r\n  // if (!token) {\r\n  //   return <LoginForm authenticate={authenticate} loading={loading} />\r\n  // }\r\n\r\n  // return (\r\n  //   <>\r\n  //     <UserInfo user={account} logout={logout} loading={loading} />\r\n  //     {account && children}\r\n  //   </>\r\n  // )\r\n\r\n  return children\r\n}\r\n\r\nexport interface SparkleProviderProps {\r\n  config: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nexport const SparkleProvider = ({ children, config }: SparkleProviderProps) => {\r\n  return (\r\n    <AuthProvider config={config}>\r\n      <WebSocketProvider config={config}>\r\n        <Provider>{children}</Provider>\r\n      </WebSocketProvider>\r\n    </AuthProvider>\r\n  )\r\n}\r\n","import * as React from \"react\"\r\n\r\nimport { type ReactNode, createContext } from \"react\"\r\n\r\nimport { SparkleConfig } from \"../utils/config\"\r\n\r\ninterface AuthContextType {\r\n  token: string | undefined | null\r\n}\r\n\r\nexport const SparkleAuthContext = createContext<AuthContextType>({\r\n  token: null,\r\n})\r\n\r\ninterface AuthProviderProps {\r\n  config: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nexport const AuthProvider = ({ children, config }: AuthProviderProps) => {\r\n  return (\r\n    <SparkleAuthContext.Provider\r\n      value={{\r\n        token: config.userId,\r\n      }}\r\n    >\r\n      {children}\r\n    </SparkleAuthContext.Provider>\r\n  )\r\n}\r\n","import React, { ReactNode, useCallback, useContext, useRef } from \"react\"\r\n\r\nimport { createContext, useEffect, useState } from \"react\"\r\nimport { SparkleAuthContext } from \"./authProvider\"\r\nimport { UpdateMessage, WebSocketClient } from \"../lib/websocket\"\r\nimport { SparkleConfig } from \"../utils/config\"\r\n\r\ninterface WebSocketContextType {\r\n  subscribe: (keys: string[]) => void\r\n  listen: (hook: string) => void\r\n  values: Record<string, any>\r\n  hooks: Record<string, any>\r\n}\r\n\r\nexport const RealtimeContext = createContext<WebSocketContextType>({\r\n  subscribe: () => {},\r\n  listen: () => {},\r\n  values: {},\r\n  hooks: {},\r\n})\r\n\r\nexport type RealtimeValue = string | number | boolean | { [key: string]: any }\r\n\r\ntype State = Record<string, RealtimeValue>\r\n\r\ninterface WebSocketProviderProps {\r\n  config: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nexport const WebSocketProvider = ({ children }: WebSocketProviderProps) => {\r\n  const [values, setValues] = useState<State>({})\r\n  const [hooks, setHooks] = useState<Record<string, any>>({})\r\n\r\n  const socket = useRef<WebSocketClient>()\r\n\r\n  const { token } = useContext(SparkleAuthContext)\r\n\r\n  useEffect(() => {\r\n    socket.current = new WebSocketClient(\"http://localhost:4005/ws\")\r\n\r\n    socket.current.on(\"update\", (message: UpdateMessage) => {\r\n      const { data, type } = message\r\n\r\n      if (type === \"hook\") {\r\n        const payload = JSON.parse(data.value)\r\n\r\n        setHooks((prev) => ({\r\n          ...prev,\r\n          [payload.hook]: payload.payload,\r\n        }))\r\n        console.log(\"receive hooks\", payload)\r\n      } else {\r\n        let value: any = data.value\r\n\r\n        console.log(\"value\", value)\r\n\r\n        try {\r\n          const num = parseFloat(data.value)\r\n          if (!isNaN(num) && String(num) === String(data.value).trim()) {\r\n            value = num\r\n          } else {\r\n            try {\r\n              value = JSON.parse(data.value)\r\n            } catch {\r\n              value = data.value\r\n            }\r\n          }\r\n        } catch {\r\n          value = data.value\r\n        }\r\n\r\n        setValues((prev) => ({ ...prev, [data.key]: value }))\r\n        console.log(\"receive values\", values)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      socket.current?.disconnect()\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!socket.current || !token) return\r\n\r\n    socket.current.authenticate(token)\r\n  }, [token])\r\n\r\n  const subscribe = useCallback(\r\n    (keys: string[]) => {\r\n      socket.current?.subscribe(keys)\r\n    },\r\n    [socket],\r\n  )\r\n\r\n  const listen = useCallback(\r\n    (hook: string) => {\r\n      socket.current?.hook(hook)\r\n    },\r\n    [socket],\r\n  )\r\n\r\n  return (\r\n    <RealtimeContext.Provider\r\n      value={{\r\n        subscribe,\r\n        listen,\r\n        values,\r\n        hooks,\r\n      }}\r\n    >\r\n      {children}\r\n    </RealtimeContext.Provider>\r\n  )\r\n}\r\n","import EventEmitter from \"events\"\r\nimport z from \"zod\"\r\n\r\nconst subscribeSchema = z.object({\r\n  type: z.literal(\"subscribe\"),\r\n  channels: z.array(z.string()),\r\n})\r\n\r\nconst hookSchema = z.object({\r\n  type: z.literal(\"hook\"),\r\n  channels: z.array(z.string()),\r\n})\r\n\r\nconst unsubscribeSchema = z.object({\r\n  type: z.literal(\"unsubscribe\"),\r\n  channels: z.string(),\r\n})\r\n\r\nconst updateSchema = z.object({\r\n  event: z.literal(\"update\"),\r\n  type: z.enum([\"value\", \"hook\"]),\r\n  data: z.object({\r\n    key: z.string(),\r\n    value: z.string(),\r\n  }),\r\n})\r\n\r\nconst messageSchema = z.union([subscribeSchema, unsubscribeSchema, hookSchema])\r\n\r\nexport type Message = z.infer<typeof messageSchema>\r\n\r\nexport type UpdateMessage = z.infer<typeof updateSchema>\r\nexport type SubscribeMessage = z.infer<typeof subscribeSchema>\r\nexport type UnsubscribeMessage = z.infer<typeof unsubscribeSchema>\r\n\r\nexport class WebSocketClient extends EventEmitter {\r\n  private socket: WebSocket | null = null\r\n  private queue: Message[] = []\r\n  private subscriptions: string[] = []\r\n  private hooks: string[] = []\r\n  private isAuthenticating = false\r\n\r\n  private url: string\r\n  private jwt: string | null = null\r\n\r\n  constructor(url: string) {\r\n    super()\r\n    this.url = url\r\n  }\r\n\r\n  private send(data: Message) {\r\n    if (this.socket?.readyState === WebSocket.OPEN) {\r\n      this.socket?.send(JSON.stringify(data))\r\n    } else {\r\n      this.queue.push(data)\r\n    }\r\n  }\r\n\r\n  authenticate(jwt: string) {\r\n    if (this.isAuthenticating) return\r\n    this.isAuthenticating = true\r\n    this.jwt = jwt\r\n    this.connect()\r\n  }\r\n\r\n  private connect() {\r\n    const authenticatedUrl = this.url + \"?jwt=\" + this.jwt\r\n    this.socket = new WebSocket(authenticatedUrl)\r\n\r\n    this.socket.onopen = () => {\r\n      this.queue.forEach((data) => this.send(data))\r\n      this.queue = []\r\n    }\r\n\r\n    this.socket.onmessage = (event) => {\r\n      const data = JSON.parse(event.data)\r\n      this.emit(\"update\", data)\r\n    }\r\n\r\n    this.socket.onclose = () => {\r\n      this.reconnect()\r\n    }\r\n  }\r\n\r\n  reconnect() {\r\n    setTimeout(() => {\r\n      this.queue = [\r\n        {\r\n          type: \"subscribe\",\r\n          channels: this.subscriptions,\r\n        },\r\n        {\r\n          type: \"hook\",\r\n          channels: this.hooks,\r\n        },\r\n      ]\r\n\r\n      console.log(\"try reconnecting\")\r\n\r\n      this.connect()\r\n    }, 5000)\r\n  }\r\n\r\n  subscribe(channels: string[]) {\r\n    const newChannels = channels.filter(\r\n      (channel) => !this.subscriptions.includes(channel),\r\n    )\r\n\r\n    if (!newChannels.length) return\r\n    this.subscriptions = [...this.subscriptions, ...newChannels]\r\n\r\n    console.log(\"subscribe\", channels)\r\n\r\n    this.send({\r\n      type: \"subscribe\",\r\n      channels,\r\n    })\r\n  }\r\n\r\n  hook(hook: string) {\r\n    const newChannels = [hook].filter(\r\n      (channel) => !this.hooks.includes(channel),\r\n    )\r\n\r\n    if (!newChannels.length) return\r\n    this.hooks = [...this.hooks, ...newChannels]\r\n\r\n    this.send({\r\n      type: \"hook\",\r\n      channels: [hook],\r\n    })\r\n  }\r\n\r\n  unsubscribe(channels: string) {\r\n    this.send({ type: \"unsubscribe\", channels })\r\n  }\r\n\r\n  disconnect() {\r\n    if (!this.socket) return\r\n\r\n    this.socket.onclose = () => {}\r\n    this.socket.close()\r\n  }\r\n}\r\n","import { useContext, useEffect, useMemo } from \"react\"\r\nimport { RealtimeContext, RealtimeValue } from \"../providers/realtimeProvider\"\r\n\r\nexport function useRealtime<T = RealtimeValue>(keyInputs: string): T[] {\r\n  const context = useContext(RealtimeContext)\r\n\r\n  const keys = useMemo(() => [keyInputs], [keyInputs])\r\n\r\n  if (!context) {\r\n    throw new Error(\"You must use useRealtime inside a SparkleProvider\")\r\n  }\r\n\r\n  useEffect(() => {\r\n    context.subscribe([keyInputs])\r\n  }, [keys])\r\n\r\n  return keys.map((k) => context.values[k])\r\n}\r\n","import { useContext } from \"react\"\r\nimport { SparkleAuthContext } from \"../providers/authProvider\"\r\n\r\nexport function useAuth() {\r\n  const { token: accessToken } = useContext(SparkleAuthContext)\r\n\r\n  return {\r\n    token: accessToken,\r\n  }\r\n}\r\n","import { useContext, useEffect, useMemo } from \"react\"\r\nimport { RealtimeContext } from \"../providers/realtimeProvider\"\r\n\r\nexport const SparkleHookKeys = [\r\n  \"notification.follow\",\r\n  \"notification.cheer\",\r\n  \"notification.subscribe\",\r\n\r\n  \"stream.online\",\r\n  \"stream.offline\",\r\n  \"stream.update\",\r\n\r\n  \"reward.create\",\r\n  \"reward.update\",\r\n  \"reward.remove\",\r\n\r\n  \"reward.redemption.claim\",\r\n  \"reward.redemption.update\",\r\n\r\n  \"poll.begin\",\r\n  \"poll.progress\",\r\n  \"poll.end\",\r\n\r\n  \"prediction.begin\",\r\n  \"prediction.progress\",\r\n  \"prediction.lock\",\r\n  \"prediction.end\",\r\n\r\n  \"moderator.add\",\r\n  \"moderator.remove\",\r\n  \"moderator.ban\",\r\n  \"moderator.unban\",\r\n  \"moderator.shield_mode.begin\",\r\n] as const\r\n\r\nexport type SparkleHookKey = (typeof SparkleHookKeys)[number]\r\n\r\nexport function useHook<T = any>(hook: SparkleHookKey) {\r\n  const context = useContext(RealtimeContext)\r\n\r\n  if (!context) {\r\n    throw new Error(\"You must use useHook inside a SparkleProvider\")\r\n  }\r\n\r\n  useEffect(() => {\r\n    context.listen(hook)\r\n  }, [hook])\r\n\r\n  return context.hooks[hook] as T\r\n}\r\n","import { ApiClient } from \"@twurple/api\"\r\nimport { StaticAuthProvider } from \"@twurple/auth\"\r\nimport { useEffect, useState } from \"react\"\r\nimport useLocalStorage from \"../utils/hooks/useLocalStorage\"\r\n\r\nexport function useTwitch(asUser?: string | number) {\r\n  const [apiClient, setApiClient] = useState<ApiClient | null>(null)\r\n  const [twitch] = useLocalStorage<string>(\"twitch\")\r\n\r\n  useEffect(() => {\r\n    console.log(\"env\", process.env.TWITCH_CLIENT_ID)\r\n\r\n    console.log(\"init\")\r\n\r\n    const apiClient = new ApiClient({\r\n      authProvider: new StaticAuthProvider(\r\n        \"u9lt242tz2pn5hl5x444ls2xllnvip\",\r\n        twitch!,\r\n        [\r\n          \"bits:read\",\r\n          \"channel:manage:moderators\",\r\n          \"channel:manage:polls\",\r\n          \"channel:manage:predictions\",\r\n          \"channel:manage:redemptions\",\r\n          \"channel:manage:vips\",\r\n\r\n          \"channel:read:polls\",\r\n          \"channel:read:predictions\",\r\n          \"channel:read:redemptions\",\r\n          \"channel:read:subscriptions\",\r\n          \"channel:read:vips\",\r\n          \"moderation:read\",\r\n          \"moderator:manage:announcements\",\r\n          \"channel:moderate\",\r\n          \"moderator:read:blocked_terms\",\r\n          \"moderator:read:chatters\",\r\n          \"moderator:read:followers\",\r\n          \"user:read:email\",\r\n        ]\r\n      ),\r\n    })\r\n\r\n    setApiClient(apiClient)\r\n\r\n    return () => {\r\n      setApiClient(null)\r\n    }\r\n  }, [])\r\n\r\n  return {\r\n    apiClient,\r\n  }\r\n}\r\n","import {\r\n  Dispatch,\r\n  SetStateAction,\r\n  useCallback,\r\n  useState,\r\n  useRef,\r\n  useLayoutEffect,\r\n} from \"react\"\r\nimport { isBrowser, noop } from \"../utils\"\r\n\r\ntype parserOptions<T> =\r\n  | {\r\n      raw: true\r\n    }\r\n  | {\r\n      raw: false\r\n      serializer: (value: T) => string\r\n      deserializer: (value: string) => T\r\n    }\r\n\r\nconst useLocalStorage = <T>(\r\n  key: string,\r\n  initialValue?: T,\r\n  options?: parserOptions<T>\r\n): [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void] => {\r\n  if (!isBrowser) {\r\n    return [initialValue as T, noop, noop]\r\n  }\r\n  if (!key) {\r\n    throw new Error(\"useLocalStorage key may not be falsy\")\r\n  }\r\n\r\n  const deserializer = options\r\n    ? options.raw\r\n      ? (value) => value\r\n      : options.deserializer\r\n    : JSON.parse\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const initializer = useRef((key: string) => {\r\n    try {\r\n      const serializer = options\r\n        ? options.raw\r\n          ? String\r\n          : options.serializer\r\n        : JSON.stringify\r\n\r\n      const localStorageValue = localStorage.getItem(key)\r\n      if (localStorageValue !== null) {\r\n        return deserializer(localStorageValue)\r\n      } else {\r\n        initialValue && localStorage.setItem(key, serializer(initialValue))\r\n        return initialValue\r\n      }\r\n    } catch {\r\n      // If user is in private mode or has storage restriction\r\n      // localStorage can throw. JSON.parse and JSON.stringify\r\n      // can throw, too.\r\n      return initialValue\r\n    }\r\n  })\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const [state, setState] = useState<T | undefined>(() =>\r\n    initializer.current(key)\r\n  )\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  useLayoutEffect(() => setState(initializer.current(key)), [key])\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const set: Dispatch<SetStateAction<T | undefined>> = useCallback(\r\n    (valOrFunc) => {\r\n      try {\r\n        const newState =\r\n          typeof valOrFunc === \"function\"\r\n            ? (valOrFunc as Function)(state)\r\n            : valOrFunc\r\n        if (typeof newState === \"undefined\") return\r\n        let value: string\r\n\r\n        if (options)\r\n          if (options.raw)\r\n            if (typeof newState === \"string\") value = newState\r\n            else value = JSON.stringify(newState)\r\n          else if (options.serializer) value = options.serializer(newState)\r\n          else value = JSON.stringify(newState)\r\n        else value = JSON.stringify(newState)\r\n\r\n        localStorage.setItem(key, value)\r\n        setState(deserializer(value))\r\n      } catch {\r\n        // If user is in private mode or has storage restriction\r\n        // localStorage can throw. Also JSON.stringify can throw.\r\n      }\r\n    },\r\n    [key, setState]\r\n  )\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const remove = useCallback(() => {\r\n    try {\r\n      localStorage.removeItem(key)\r\n      setState(undefined)\r\n    } catch {\r\n      // If user is in private mode or has storage restriction\r\n      // localStorage can throw.\r\n    }\r\n  }, [key, setState])\r\n\r\n  return [state, set, remove]\r\n}\r\n\r\nexport default useLocalStorage\r\n","export const noop = () => {}\r\n\r\nexport function on<T extends Window | Document | HTMLElement | EventTarget>(\r\n  obj: T | null,\r\n  ...args: Parameters<T[\"addEventListener\"]> | [string, Function | null, ...any]\r\n): void {\r\n  if (obj && obj.addEventListener) {\r\n    obj.addEventListener(\r\n      ...(args as Parameters<HTMLElement[\"addEventListener\"]>)\r\n    )\r\n  }\r\n}\r\n\r\nexport function off<T extends Window | Document | HTMLElement | EventTarget>(\r\n  obj: T | null,\r\n  ...args:\r\n    | Parameters<T[\"removeEventListener\"]>\r\n    | [string, Function | null, ...any]\r\n): void {\r\n  if (obj && obj.removeEventListener) {\r\n    obj.removeEventListener(\r\n      ...(args as Parameters<HTMLElement[\"removeEventListener\"]>)\r\n    )\r\n  }\r\n}\r\n\r\nexport const isBrowser = typeof window !== \"undefined\"\r\n\r\nexport const isNavigator = typeof navigator !== \"undefined\"\r\n"],"mappings":"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","names":["React","useEffect","useState","React","createContext","SparkleAuthContext","AuthProvider","children","config","React","useCallback","useContext","useRef","createContext","useEffect","useState","EventEmitter","z","subscribeSchema","hookSchema","unsubscribeSchema","updateSchema","messageSchema","WebSocketClient","url","data","jwt","authenticatedUrl","event","channels","newChannels","channel","hook","RealtimeContext","createContext","WebSocketProvider","children","values","setValues","useState","hooks","setHooks","socket","useRef","token","useContext","SparkleAuthContext","useEffect","WebSocketClient","message","data","type","payload","prev","value","num","subscribe","useCallback","keys","listen","hook","React","Provider","children","isClientReady","setIsClientReady","useState","useEffect","SparkleProvider","config","React","AuthProvider","WebSocketProvider","useContext","useEffect","useMemo","useRealtime","keyInputs","context","useContext","RealtimeContext","keys","useMemo","useEffect","k","useContext","useAuth","accessToken","useContext","SparkleAuthContext","useContext","useEffect","SparkleHookKeys","useHook","hook","context","useContext","RealtimeContext","useEffect","ApiClient","StaticAuthProvider","useEffect","useState","useCallback","useState","useRef","useLayoutEffect","noop","isBrowser","useLocalStorage","key","initialValue","options","isBrowser","noop","deserializer","value","initializer","useRef","serializer","localStorageValue","state","setState","useState","useLayoutEffect","set","useCallback","valOrFunc","newState","remove","useLocalStorage_default","useTwitch","asUser","apiClient","setApiClient","useState","twitch","useLocalStorage_default","useEffect","ApiClient","StaticAuthProvider"]}
+{"version":3,"sources":["../src/provider.tsx","../src/providers/authProvider.tsx","../src/providers/realtimeProvider.tsx","../src/lib/websocket.ts","../src/providers/obsProvider.tsx","../src/hooks/useRealtime.ts","../src/hooks/useAuth.ts","../src/hooks/useHook.ts","../src/hooks/useTwitch.ts","../src/utils/hooks/useLocalStorage.ts","../src/utils/utils.ts","../src/hooks/useObs.ts"],"sourcesContent":["import React, { useMemo, type ReactNode, useEffect, useState } from \"react\"\r\nimport { AuthProvider } from \"./providers/authProvider\"\r\nimport { WebSocketProvider } from \"./providers/realtimeProvider\"\r\nimport { ObsProvider } from \"./providers/obsProvider\"\r\nimport { SparkleConfig } from \"./utils/config\"\r\n\r\nconst ClientGate = ({ children }: { children: ReactNode }) => {\r\n  const [ready, setReady] = useState(false)\r\n\r\n  useEffect(() => {\r\n    setReady(true)\r\n  }, [])\r\n\r\n  if (!ready) return null\r\n  return children\r\n}\r\n\r\nexport interface SparkleProviderProps {\r\n  config?: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nconst defaultConfig: SparkleConfig = {\r\n  userId: \"\",\r\n  wsUrl: \"wss://sparkle-bot-v2.fly.dev/ws\",\r\n}\r\n\r\nexport const SparkleProvider = ({ children, config }: SparkleProviderProps) => {\r\n  const mergedConfig = { ...defaultConfig, ...config }\r\n\r\n  const obsUrl = useMemo(() => {\r\n    if (!mergedConfig.obs?.clientId) return \"\"\r\n    const base =\r\n      mergedConfig.obs.bridgeUrl ?? \"wss://sparkle-bot-v2.fly.dev/obs-bridge\"\r\n    return `${base}?role=client&clientId=${encodeURIComponent(mergedConfig.obs.clientId)}`\r\n  }, [mergedConfig.obs?.clientId, mergedConfig.obs?.bridgeUrl])\r\n\r\n  const inner = (\r\n    <AuthProvider config={mergedConfig}>\r\n      <WebSocketProvider config={mergedConfig}>\r\n        <ClientGate>{children}</ClientGate>\r\n      </WebSocketProvider>\r\n    </AuthProvider>\r\n  )\r\n\r\n  if (obsUrl) {\r\n    return <ObsProvider url={obsUrl}>{inner}</ObsProvider>\r\n  }\r\n\r\n  return inner\r\n}\r\n","import * as React from \"react\"\r\n\r\nimport { type ReactNode, createContext } from \"react\"\r\n\r\nimport { SparkleConfig } from \"../utils/config\"\r\n\r\ninterface AuthContextType {\r\n  token: string | undefined | null\r\n}\r\n\r\nexport const SparkleAuthContext = createContext<AuthContextType>({\r\n  token: null,\r\n})\r\n\r\ninterface AuthProviderProps {\r\n  config: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nexport const AuthProvider = ({ children, config }: AuthProviderProps) => {\r\n  return (\r\n    <SparkleAuthContext.Provider\r\n      value={{\r\n        token: config.userId,\r\n      }}\r\n    >\r\n      {children}\r\n    </SparkleAuthContext.Provider>\r\n  )\r\n}\r\n","import React, { ReactNode, useCallback, useContext, useRef } from \"react\"\r\n\r\nimport { createContext, useEffect, useState } from \"react\"\r\nimport { SparkleAuthContext } from \"./authProvider\"\r\nimport { UpdateMessage, WebSocketClient } from \"../lib/websocket\"\r\nimport { SparkleConfig } from \"../utils/config\"\r\n\r\ninterface WebSocketContextType {\r\n  subscribe: (keys: string[]) => void\r\n  listen: (hook: string) => void\r\n  values: Record<string, any>\r\n  hooks: Record<string, any>\r\n}\r\n\r\nexport const RealtimeContext = createContext<WebSocketContextType>({\r\n  subscribe: () => {},\r\n  listen: () => {},\r\n  values: {},\r\n  hooks: {},\r\n})\r\n\r\nexport type RealtimeValue = string | number | boolean | { [key: string]: any }\r\n\r\ntype State = Record<string, RealtimeValue>\r\n\r\ninterface WebSocketProviderProps {\r\n  config: SparkleConfig\r\n  children: ReactNode\r\n}\r\n\r\nexport const WebSocketProvider = ({\r\n  children,\r\n  config,\r\n}: WebSocketProviderProps) => {\r\n  const [values, setValues] = useState<State>({})\r\n  const [hooks, setHooks] = useState<Record<string, any>>({})\r\n\r\n  const socket = useRef<WebSocketClient>(null)\r\n\r\n  const { token } = useContext(SparkleAuthContext)\r\n\r\n  useEffect(() => {\r\n    socket.current = new WebSocketClient(config.wsUrl)\r\n\r\n    socket.current.on(\"update\", (message: UpdateMessage) => {\r\n      const { data, type } = message\r\n\r\n      if (type === \"hook\") {\r\n        const payload = JSON.parse(data.value)\r\n\r\n        setHooks((prev) => ({\r\n          ...prev,\r\n          [payload.hook]: payload.payload,\r\n        }))\r\n        console.log(\"receive hooks\", payload)\r\n      } else {\r\n        let value: any = data.value\r\n\r\n        console.log(\"value\", value)\r\n\r\n        try {\r\n          const num = parseFloat(data.value)\r\n          if (!isNaN(num) && String(num) === String(data.value).trim()) {\r\n            value = num\r\n          } else {\r\n            try {\r\n              value = JSON.parse(data.value)\r\n            } catch {\r\n              value = data.value\r\n            }\r\n          }\r\n        } catch {\r\n          value = data.value\r\n        }\r\n\r\n        setValues((prev) => ({ ...prev, [data.key]: value }))\r\n        console.log(\"receive values\", values)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      socket.current?.disconnect()\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!socket.current || !token) return\r\n\r\n    socket.current.authenticate(token)\r\n  }, [token])\r\n\r\n  const subscribe = useCallback(\r\n    (keys: string[]) => {\r\n      socket.current?.subscribe(keys)\r\n    },\r\n    [socket]\r\n  )\r\n\r\n  const listen = useCallback(\r\n    (hook: string) => {\r\n      socket.current?.hook(hook)\r\n    },\r\n    [socket]\r\n  )\r\n\r\n  return (\r\n    <RealtimeContext.Provider\r\n      value={{\r\n        subscribe,\r\n        listen,\r\n        values,\r\n        hooks,\r\n      }}\r\n    >\r\n      {children}\r\n    </RealtimeContext.Provider>\r\n  )\r\n}\r\n","import EventEmitter from \"events\"\r\nimport z from \"zod\"\r\n\r\nconst subscribeSchema = z.object({\r\n  type: z.literal(\"subscribe\"),\r\n  channels: z.array(z.string()),\r\n})\r\n\r\nconst hookSchema = z.object({\r\n  type: z.literal(\"hook\"),\r\n  channels: z.array(z.string()),\r\n})\r\n\r\nconst unsubscribeSchema = z.object({\r\n  type: z.literal(\"unsubscribe\"),\r\n  channels: z.string(),\r\n})\r\n\r\nconst updateSchema = z.object({\r\n  event: z.literal(\"update\"),\r\n  type: z.enum([\"value\", \"hook\"]),\r\n  data: z.object({\r\n    key: z.string(),\r\n    value: z.string(),\r\n  }),\r\n})\r\n\r\nconst messageSchema = z.union([subscribeSchema, unsubscribeSchema, hookSchema])\r\n\r\nexport type Message = z.infer<typeof messageSchema>\r\n\r\nexport type UpdateMessage = z.infer<typeof updateSchema>\r\nexport type SubscribeMessage = z.infer<typeof subscribeSchema>\r\nexport type UnsubscribeMessage = z.infer<typeof unsubscribeSchema>\r\n\r\nexport class WebSocketClient extends EventEmitter {\r\n  private socket: WebSocket | null = null\r\n  private queue: Message[] = []\r\n  private subscriptions: string[] = []\r\n  private hooks: string[] = []\r\n  private isAuthenticating = false\r\n\r\n  private url: string\r\n  private jwt: string | null = null\r\n\r\n  constructor(url: string) {\r\n    super()\r\n    this.url = url\r\n  }\r\n\r\n  private send(data: Message) {\r\n    if (this.socket?.readyState === WebSocket.OPEN) {\r\n      this.socket?.send(JSON.stringify(data))\r\n    } else {\r\n      this.queue.push(data)\r\n    }\r\n  }\r\n\r\n  authenticate(jwt: string) {\r\n    if (this.isAuthenticating) return\r\n    this.isAuthenticating = true\r\n    this.jwt = jwt\r\n    this.connect()\r\n  }\r\n\r\n  private connect() {\r\n    const authenticatedUrl = this.url + \"?jwt=\" + this.jwt\r\n    this.socket = new WebSocket(authenticatedUrl)\r\n\r\n    this.socket.onopen = () => {\r\n      this.queue.forEach((data) => this.send(data))\r\n      this.queue = []\r\n    }\r\n\r\n    this.socket.onmessage = (event) => {\r\n      const data = JSON.parse(event.data)\r\n      this.emit(\"update\", data)\r\n    }\r\n\r\n    this.socket.onclose = () => {\r\n      this.reconnect()\r\n    }\r\n  }\r\n\r\n  reconnect() {\r\n    setTimeout(() => {\r\n      this.queue = [\r\n        {\r\n          type: \"subscribe\",\r\n          channels: this.subscriptions,\r\n        },\r\n        {\r\n          type: \"hook\",\r\n          channels: this.hooks,\r\n        },\r\n      ]\r\n\r\n      console.log(\"try reconnecting\")\r\n\r\n      this.connect()\r\n    }, 5000)\r\n  }\r\n\r\n  subscribe(channels: string[]) {\r\n    const newChannels = channels.filter(\r\n      (channel) => !this.subscriptions.includes(channel),\r\n    )\r\n\r\n    if (!newChannels.length) return\r\n    this.subscriptions = [...this.subscriptions, ...newChannels]\r\n\r\n    console.log(\"subscribe\", channels)\r\n\r\n    this.send({\r\n      type: \"subscribe\",\r\n      channels,\r\n    })\r\n  }\r\n\r\n  hook(hook: string) {\r\n    const newChannels = [hook].filter(\r\n      (channel) => !this.hooks.includes(channel),\r\n    )\r\n\r\n    if (!newChannels.length) return\r\n    this.hooks = [...this.hooks, ...newChannels]\r\n\r\n    this.send({\r\n      type: \"hook\",\r\n      channels: [hook],\r\n    })\r\n  }\r\n\r\n  unsubscribe(channels: string) {\r\n    this.send({ type: \"unsubscribe\", channels })\r\n  }\r\n\r\n  disconnect() {\r\n    if (!this.socket) return\r\n\r\n    this.socket.onclose = () => {}\r\n    this.socket.close()\r\n  }\r\n}\r\n","import React, {\r\n  createContext,\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  type ReactNode,\r\n} from \"react\"\r\nimport type OBSWebSocket from \"obs-websocket-js\"\r\nimport type { OBSRequestTypes, OBSResponseTypes } from \"obs-websocket-js\"\r\n\r\ntype ObsStatus = \"disconnected\" | \"connecting\" | \"connected\" | \"error\"\r\n\r\ninterface ObsContextType {\r\n  status: ObsStatus\r\n  call: <T extends keyof OBSRequestTypes>(\r\n    requestType: T,\r\n    requestData?: OBSRequestTypes[T]\r\n  ) => Promise<OBSResponseTypes[T]>\r\n}\r\n\r\nexport const ObsContext = createContext<ObsContextType>({\r\n  status: \"disconnected\",\r\n  call: () => Promise.reject(new Error(\"ObsProvider not mounted\")),\r\n})\r\n\r\nexport interface ObsProviderProps {\r\n  url: string\r\n  children: ReactNode\r\n}\r\n\r\nexport function ObsProvider({ url, children }: ObsProviderProps) {\r\n  const [status, setStatus] = useState<ObsStatus>(\"disconnected\")\r\n  const obsRef = useRef<OBSWebSocket | null>(null)\r\n  const cancelledRef = useRef(false)\r\n\r\n  useEffect(() => {\r\n    if (!url) return\r\n\r\n    cancelledRef.current = false\r\n    let reconnectTimer: ReturnType<typeof setTimeout>\r\n\r\n    const setup = async () => {\r\n      const { default: OBSWebSocket } = await import(\"obs-websocket-js\")\r\n      const obs = new OBSWebSocket()\r\n      obsRef.current = obs\r\n\r\n      const doConnect = async () => {\r\n        if (cancelledRef.current) return\r\n        setStatus(\"connecting\")\r\n        try {\r\n          await obs.connect(url)\r\n          if (!cancelledRef.current) setStatus(\"connected\")\r\n        } catch {\r\n          if (!cancelledRef.current) {\r\n            setStatus(\"error\")\r\n            reconnectTimer = setTimeout(doConnect, 3000)\r\n          }\r\n        }\r\n      }\r\n\r\n      obs.on(\"ConnectionClosed\" as any, () => {\r\n        if (!cancelledRef.current) {\r\n          setStatus(\"disconnected\")\r\n          reconnectTimer = setTimeout(doConnect, 3000)\r\n        }\r\n      })\r\n\r\n      obs.on(\"ConnectionError\" as any, () => {\r\n        if (!cancelledRef.current) setStatus(\"error\")\r\n      })\r\n\r\n      await doConnect()\r\n    }\r\n\r\n    setup()\r\n\r\n    return () => {\r\n      cancelledRef.current = true\r\n      clearTimeout(reconnectTimer!)\r\n      obsRef.current?.disconnect()\r\n      obsRef.current = null\r\n      setStatus(\"disconnected\")\r\n    }\r\n  }, [url])\r\n\r\n  const call = useCallback(\r\n    async <T extends keyof OBSRequestTypes>(\r\n      requestType: T,\r\n      requestData?: OBSRequestTypes[T]\r\n    ): Promise<OBSResponseTypes[T]> => {\r\n      const obs = obsRef.current\r\n      if (!obs) throw new Error(\"OBS not connected\")\r\n      return obs.call(requestType, requestData)\r\n    },\r\n    []\r\n  )\r\n\r\n  return (\r\n    <ObsContext.Provider value={{ status, call }}>\r\n      {children}\r\n    </ObsContext.Provider>\r\n  )\r\n}\r\n","import { useContext, useEffect, useMemo } from \"react\"\nimport { RealtimeContext, RealtimeValue } from \"../providers/realtimeProvider\"\n\nexport function useRealtime<T = RealtimeValue>(\n  key: string,\n  defaultValue?: T\n): T[] {\n  const context = useContext(RealtimeContext)\n\n  const keys = useMemo(() => [key], [key])\n\n  if (!context) {\n    throw new Error(\"You must use useRealtime inside a SparkleProvider\")\n  }\n\n  useEffect(() => {\n    context.subscribe([key])\n  }, [keys])\n\n  return keys.map((k) => (context.values[k] ?? defaultValue) as T)\n}\n","import { useContext } from \"react\"\r\nimport { SparkleAuthContext } from \"../providers/authProvider\"\r\n\r\nexport function useAuth() {\r\n  const { token: accessToken } = useContext(SparkleAuthContext)\r\n\r\n  return {\r\n    token: accessToken,\r\n  }\r\n}\r\n","import { useContext, useEffect, useMemo } from \"react\"\r\nimport { RealtimeContext } from \"../providers/realtimeProvider\"\r\n\r\nexport const SparkleHookKeys = [\r\n  \"notification.follow\",\r\n  \"notification.cheer\",\r\n  \"notification.subscribe\",\r\n\r\n  \"stream.online\",\r\n  \"stream.offline\",\r\n  \"stream.update\",\r\n\r\n  \"reward.create\",\r\n  \"reward.update\",\r\n  \"reward.remove\",\r\n\r\n  \"reward.redemption.claim\",\r\n  \"reward.redemption.update\",\r\n\r\n  \"poll.begin\",\r\n  \"poll.progress\",\r\n  \"poll.end\",\r\n\r\n  \"prediction.begin\",\r\n  \"prediction.progress\",\r\n  \"prediction.lock\",\r\n  \"prediction.end\",\r\n\r\n  \"moderator.add\",\r\n  \"moderator.remove\",\r\n  \"moderator.ban\",\r\n  \"moderator.unban\",\r\n  \"moderator.shield_mode.begin\",\r\n] as const\r\n\r\nexport type SparkleHookKey = (typeof SparkleHookKeys)[number]\r\n\r\nexport function useHook<T = any>(hook: SparkleHookKey) {\r\n  const context = useContext(RealtimeContext)\r\n\r\n  if (!context) {\r\n    throw new Error(\"You must use useHook inside a SparkleProvider\")\r\n  }\r\n\r\n  useEffect(() => {\r\n    context.listen(hook)\r\n  }, [hook])\r\n\r\n  return context.hooks[hook] as T\r\n}\r\n","import { ApiClient } from \"@twurple/api\"\r\nimport { StaticAuthProvider } from \"@twurple/auth\"\r\nimport { useEffect, useState } from \"react\"\r\nimport useLocalStorage from \"../utils/hooks/useLocalStorage\"\r\n\r\nexport function useTwitch(asUser?: string | number) {\r\n  const [apiClient, setApiClient] = useState<ApiClient | null>(null)\r\n  const [twitch] = useLocalStorage<string>(\"twitch\")\r\n\r\n  useEffect(() => {\r\n    console.log(\"env\", process.env.TWITCH_CLIENT_ID)\r\n\r\n    console.log(\"init\")\r\n\r\n    const apiClient = new ApiClient({\r\n      authProvider: new StaticAuthProvider(\r\n        \"u9lt242tz2pn5hl5x444ls2xllnvip\",\r\n        twitch!,\r\n        [\r\n          \"bits:read\",\r\n          \"channel:manage:moderators\",\r\n          \"channel:manage:polls\",\r\n          \"channel:manage:predictions\",\r\n          \"channel:manage:redemptions\",\r\n          \"channel:manage:vips\",\r\n\r\n          \"channel:read:polls\",\r\n          \"channel:read:predictions\",\r\n          \"channel:read:redemptions\",\r\n          \"channel:read:subscriptions\",\r\n          \"channel:read:vips\",\r\n          \"moderation:read\",\r\n          \"moderator:manage:announcements\",\r\n          \"channel:moderate\",\r\n          \"moderator:read:blocked_terms\",\r\n          \"moderator:read:chatters\",\r\n          \"moderator:read:followers\",\r\n          \"user:read:email\",\r\n        ]\r\n      ),\r\n    })\r\n\r\n    setApiClient(apiClient)\r\n\r\n    return () => {\r\n      setApiClient(null)\r\n    }\r\n  }, [])\r\n\r\n  return {\r\n    apiClient,\r\n  }\r\n}\r\n","import {\r\n  Dispatch,\r\n  SetStateAction,\r\n  useCallback,\r\n  useState,\r\n  useRef,\r\n  useLayoutEffect,\r\n} from \"react\"\r\nimport { isBrowser, noop } from \"../utils\"\r\n\r\ntype parserOptions<T> =\r\n  | {\r\n      raw: true\r\n    }\r\n  | {\r\n      raw: false\r\n      serializer: (value: T) => string\r\n      deserializer: (value: string) => T\r\n    }\r\n\r\nconst useLocalStorage = <T>(\r\n  key: string,\r\n  initialValue?: T,\r\n  options?: parserOptions<T>\r\n): [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void] => {\r\n  if (!isBrowser) {\r\n    return [initialValue as T, noop, noop]\r\n  }\r\n  if (!key) {\r\n    throw new Error(\"useLocalStorage key may not be falsy\")\r\n  }\r\n\r\n  const deserializer = options\r\n    ? options.raw\r\n      ? (value) => value\r\n      : options.deserializer\r\n    : JSON.parse\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const initializer = useRef((key: string) => {\r\n    try {\r\n      const serializer = options\r\n        ? options.raw\r\n          ? String\r\n          : options.serializer\r\n        : JSON.stringify\r\n\r\n      const localStorageValue = localStorage.getItem(key)\r\n      if (localStorageValue !== null) {\r\n        return deserializer(localStorageValue)\r\n      } else {\r\n        initialValue && localStorage.setItem(key, serializer(initialValue))\r\n        return initialValue\r\n      }\r\n    } catch {\r\n      // If user is in private mode or has storage restriction\r\n      // localStorage can throw. JSON.parse and JSON.stringify\r\n      // can throw, too.\r\n      return initialValue\r\n    }\r\n  })\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const [state, setState] = useState<T | undefined>(() =>\r\n    initializer.current(key)\r\n  )\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  useLayoutEffect(() => setState(initializer.current(key)), [key])\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const set: Dispatch<SetStateAction<T | undefined>> = useCallback(\r\n    (valOrFunc) => {\r\n      try {\r\n        const newState =\r\n          typeof valOrFunc === \"function\"\r\n            ? (valOrFunc as Function)(state)\r\n            : valOrFunc\r\n        if (typeof newState === \"undefined\") return\r\n        let value: string\r\n\r\n        if (options)\r\n          if (options.raw)\r\n            if (typeof newState === \"string\") value = newState\r\n            else value = JSON.stringify(newState)\r\n          else if (options.serializer) value = options.serializer(newState)\r\n          else value = JSON.stringify(newState)\r\n        else value = JSON.stringify(newState)\r\n\r\n        localStorage.setItem(key, value)\r\n        setState(deserializer(value))\r\n      } catch {\r\n        // If user is in private mode or has storage restriction\r\n        // localStorage can throw. Also JSON.stringify can throw.\r\n      }\r\n    },\r\n    [key, setState]\r\n  )\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const remove = useCallback(() => {\r\n    try {\r\n      localStorage.removeItem(key)\r\n      setState(undefined)\r\n    } catch {\r\n      // If user is in private mode or has storage restriction\r\n      // localStorage can throw.\r\n    }\r\n  }, [key, setState])\r\n\r\n  return [state, set, remove]\r\n}\r\n\r\nexport default useLocalStorage\r\n","export const noop = () => {}\r\n\r\nexport function on<T extends Window | Document | HTMLElement | EventTarget>(\r\n  obj: T | null,\r\n  ...args: Parameters<T[\"addEventListener\"]> | [string, Function | null, ...any]\r\n): void {\r\n  if (obj && obj.addEventListener) {\r\n    obj.addEventListener(\r\n      ...(args as Parameters<HTMLElement[\"addEventListener\"]>)\r\n    )\r\n  }\r\n}\r\n\r\nexport function off<T extends Window | Document | HTMLElement | EventTarget>(\r\n  obj: T | null,\r\n  ...args:\r\n    | Parameters<T[\"removeEventListener\"]>\r\n    | [string, Function | null, ...any]\r\n): void {\r\n  if (obj && obj.removeEventListener) {\r\n    obj.removeEventListener(\r\n      ...(args as Parameters<HTMLElement[\"removeEventListener\"]>)\r\n    )\r\n  }\r\n}\r\n\r\nexport const isBrowser = typeof window !== \"undefined\"\r\n\r\nexport const isNavigator = typeof navigator !== \"undefined\"\r\n","import { useCallback, useContext } from \"react\"\r\nimport type { OBSRequestTypes, OBSResponseTypes } from \"obs-websocket-js\"\r\nimport { ObsContext } from \"../providers/obsProvider\"\r\n\r\nexport type { OBSRequestTypes, OBSResponseTypes }\r\n\r\nexport function useObs() {\r\n  const { status, call } = useContext(ObsContext)\r\n\r\n  return {\r\n    status,\r\n    connected: status === \"connected\",\r\n    call,\r\n  }\r\n}\r\n\r\nexport function useObsCall<T extends keyof OBSRequestTypes>(requestType: T) {\r\n  const { call } = useContext(ObsContext)\r\n\r\n  return useCallback(\r\n    (requestData?: OBSRequestTypes[T]) => call(requestType, requestData),\r\n    [call, requestType]\r\n  )\r\n}\r\n"],"mappings":"AAAA,OAAOA,GAAS,WAAAC,EAAyB,aAAAC,EAAW,YAAAC,MAAgB,QCApE,UAAYC,MAAW,QAEvB,OAAyB,iBAAAC,MAAqB,QAQvC,IAAMC,EAAqBD,EAA+B,CAC/D,MAAO,IACT,CAAC,EAOYE,EAAe,CAAC,CAAE,SAAAC,EAAU,OAAAC,CAAO,IAE5C,gBAACH,EAAmB,SAAnB,CACC,MAAO,CACL,MAAOG,EAAO,MAChB,GAECD,CACH,EC3BJ,OAAOE,GAAoB,eAAAC,EAAa,cAAAC,EAAY,UAAAC,MAAc,QAElE,OAAS,iBAAAC,EAAe,aAAAC,EAAW,YAAAC,MAAgB,QCFnD,OAAOC,MAAkB,SACzB,OAAOC,MAAO,MAEd,IAAMC,EAAkBD,EAAE,OAAO,CAC/B,KAAMA,EAAE,QAAQ,WAAW,EAC3B,SAAUA,EAAE,MAAMA,EAAE,OAAO,CAAC,CAC9B,CAAC,EAEKE,EAAaF,EAAE,OAAO,CAC1B,KAAMA,EAAE,QAAQ,MAAM,EACtB,SAAUA,EAAE,MAAMA,EAAE,OAAO,CAAC,CAC9B,CAAC,EAEKG,EAAoBH,EAAE,OAAO,CACjC,KAAMA,EAAE,QAAQ,aAAa,EAC7B,SAAUA,EAAE,OAAO,CACrB,CAAC,EAEKI,GAAeJ,EAAE,OAAO,CAC5B,MAAOA,EAAE,QAAQ,QAAQ,EACzB,KAAMA,EAAE,KAAK,CAAC,QAAS,MAAM,CAAC,EAC9B,KAAMA,EAAE,OAAO,CACb,IAAKA,EAAE,OAAO,EACd,MAAOA,EAAE,OAAO,CAClB,CAAC,CACH,CAAC,EAEKK,GAAgBL,EAAE,MAAM,CAACC,EAAiBE,EAAmBD,CAAU,CAAC,EAQjEI,EAAN,cAA8BP,CAAa,CAUhD,YAAYQ,EAAa,CACvB,MAAM,EAVR,KAAQ,OAA2B,KACnC,KAAQ,MAAmB,CAAC,EAC5B,KAAQ,cAA0B,CAAC,EACnC,KAAQ,MAAkB,CAAC,EAC3B,KAAQ,iBAAmB,GAG3B,KAAQ,IAAqB,KAI3B,KAAK,IAAMA,CACb,CAEQ,KAAKC,EAAe,CACtB,KAAK,QAAQ,aAAe,UAAU,KACxC,KAAK,QAAQ,KAAK,KAAK,UAAUA,CAAI,CAAC,EAEtC,KAAK,MAAM,KAAKA,CAAI,CAExB,CAEA,aAAaC,EAAa,CACpB,KAAK,mBACT,KAAK,iBAAmB,GACxB,KAAK,IAAMA,EACX,KAAK,QAAQ,EACf,CAEQ,SAAU,CAChB,IAAMC,EAAmB,KAAK,IAAM,QAAU,KAAK,IACnD,KAAK,OAAS,IAAI,UAAUA,CAAgB,EAE5C,KAAK,OAAO,OAAS,IAAM,CACzB,KAAK,MAAM,QAASF,GAAS,KAAK,KAAKA,CAAI,CAAC,EAC5C,KAAK,MAAQ,CAAC,CAChB,EAEA,KAAK,OAAO,UAAaG,GAAU,CACjC,IAAMH,EAAO,KAAK,MAAMG,EAAM,IAAI,EAClC,KAAK,KAAK,SAAUH,CAAI,CAC1B,EAEA,KAAK,OAAO,QAAU,IAAM,CAC1B,KAAK,UAAU,CACjB,CACF,CAEA,WAAY,CACV,WAAW,IAAM,CACf,KAAK,MAAQ,CACX,CACE,KAAM,YACN,SAAU,KAAK,aACjB,EACA,CACE,KAAM,OACN,SAAU,KAAK,KACjB,CACF,EAEA,QAAQ,IAAI,kBAAkB,EAE9B,KAAK,QAAQ,CACf,EAAG,GAAI,CACT,CAEA,UAAUI,EAAoB,CAC5B,IAAMC,EAAcD,EAAS,OAC1BE,GAAY,CAAC,KAAK,cAAc,SAASA,CAAO,CACnD,EAEKD,EAAY,SACjB,KAAK,cAAgB,CAAC,GAAG,KAAK,cAAe,GAAGA,CAAW,EAE3D,QAAQ,IAAI,YAAaD,CAAQ,EAEjC,KAAK,KAAK,CACR,KAAM,YACN,SAAAA,CACF,CAAC,EACH,CAEA,KAAKG,EAAc,CACjB,IAAMF,EAAc,CAACE,CAAI,EAAE,OACxBD,GAAY,CAAC,KAAK,MAAM,SAASA,CAAO,CAC3C,EAEKD,EAAY,SACjB,KAAK,MAAQ,CAAC,GAAG,KAAK,MAAO,GAAGA,CAAW,EAE3C,KAAK,KAAK,CACR,KAAM,OACN,SAAU,CAACE,CAAI,CACjB,CAAC,EACH,CAEA,YAAYH,EAAkB,CAC5B,KAAK,KAAK,CAAE,KAAM,cAAe,SAAAA,CAAS,CAAC,CAC7C,CAEA,YAAa,CACN,KAAK,SAEV,KAAK,OAAO,QAAU,IAAM,CAAC,EAC7B,KAAK,OAAO,MAAM,EACpB,CACF,EDjIO,IAAMI,EAAkBC,EAAoC,CACjE,UAAW,IAAM,CAAC,EAClB,OAAQ,IAAM,CAAC,EACf,OAAQ,CAAC,EACT,MAAO,CAAC,CACV,CAAC,EAWYC,EAAoB,CAAC,CAChC,SAAAC,EACA,OAAAC,CACF,IAA8B,CAC5B,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAgB,CAAC,CAAC,EACxC,CAACC,EAAOC,CAAQ,EAAIF,EAA8B,CAAC,CAAC,EAEpDG,EAASC,EAAwB,IAAI,EAErC,CAAE,MAAAC,CAAM,EAAIC,EAAWC,CAAkB,EAE/CC,EAAU,KACRL,EAAO,QAAU,IAAIM,EAAgBZ,EAAO,KAAK,EAEjDM,EAAO,QAAQ,GAAG,SAAWO,GAA2B,CACtD,GAAM,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAIF,EAEvB,GAAIE,IAAS,OAAQ,CACnB,IAAMC,EAAU,KAAK,MAAMF,EAAK,KAAK,EAErCT,EAAUY,IAAU,CAClB,GAAGA,EACH,CAACD,EAAQ,IAAI,EAAGA,EAAQ,OAC1B,EAAE,EACF,QAAQ,IAAI,gBAAiBA,CAAO,CACtC,KAAO,CACL,IAAIE,EAAaJ,EAAK,MAEtB,QAAQ,IAAI,QAASI,CAAK,EAE1B,GAAI,CACF,IAAMC,EAAM,WAAWL,EAAK,KAAK,EACjC,GAAI,CAAC,MAAMK,CAAG,GAAK,OAAOA,CAAG,IAAM,OAAOL,EAAK,KAAK,EAAE,KAAK,EACzDI,EAAQC,MAER,IAAI,CACFD,EAAQ,KAAK,MAAMJ,EAAK,KAAK,CAC/B,MAAQ,CACNI,EAAQJ,EAAK,KACf,CAEJ,MAAQ,CACNI,EAAQJ,EAAK,KACf,CAEAZ,EAAWe,IAAU,CAAE,GAAGA,EAAM,CAACH,EAAK,GAAG,EAAGI,CAAM,EAAE,EACpD,QAAQ,IAAI,iBAAkBjB,CAAM,CACtC,CACF,CAAC,EAEM,IAAM,CACXK,EAAO,SAAS,WAAW,CAC7B,GACC,CAAC,CAAC,EAELK,EAAU,IAAM,CACV,CAACL,EAAO,SAAW,CAACE,GAExBF,EAAO,QAAQ,aAAaE,CAAK,CACnC,EAAG,CAACA,CAAK,CAAC,EAEV,IAAMY,EAAYC,EACfC,GAAmB,CAClBhB,EAAO,SAAS,UAAUgB,CAAI,CAChC,EACA,CAAChB,CAAM,CACT,EAEMiB,EAASF,EACZG,GAAiB,CAChBlB,EAAO,SAAS,KAAKkB,CAAI,CAC3B,EACA,CAAClB,CAAM,CACT,EAEA,OACEmB,EAAA,cAAC7B,EAAgB,SAAhB,CACC,MAAO,CACL,UAAAwB,EACA,OAAAG,EACA,OAAAtB,EACA,MAAAG,CACF,GAECL,CACH,CAEJ,EErHA,OAAO2B,GACL,iBAAAC,EACA,eAAAC,EACA,aAAAC,EACA,UAAAC,EACA,YAAAC,MAEK,QAcA,IAAMC,EAAaL,EAA8B,CACtD,OAAQ,eACR,KAAM,IAAM,QAAQ,OAAO,IAAI,MAAM,yBAAyB,CAAC,CACjE,CAAC,EAOM,SAASM,EAAY,CAAE,IAAAC,EAAK,SAAAC,CAAS,EAAqB,CAC/D,GAAM,CAACC,EAAQC,CAAS,EAAIN,EAAoB,cAAc,EACxDO,EAASR,EAA4B,IAAI,EACzCS,EAAeT,EAAO,EAAK,EAEjCD,EAAU,IAAM,CACd,GAAI,CAACK,EAAK,OAEVK,EAAa,QAAU,GACvB,IAAIC,EAmCJ,OAjCc,SAAY,CACxB,GAAM,CAAE,QAASC,CAAa,EAAI,KAAM,QAAO,kBAAkB,EAC3DC,EAAM,IAAID,EAChBH,EAAO,QAAUI,EAEjB,IAAMC,EAAY,SAAY,CAC5B,GAAI,CAAAJ,EAAa,QACjB,CAAAF,EAAU,YAAY,EACtB,GAAI,CACF,MAAMK,EAAI,QAAQR,CAAG,EAChBK,EAAa,SAASF,EAAU,WAAW,CAClD,MAAQ,CACDE,EAAa,UAChBF,EAAU,OAAO,EACjBG,EAAiB,WAAWG,EAAW,GAAI,EAE/C,EACF,EAEAD,EAAI,GAAG,mBAA2B,IAAM,CACjCH,EAAa,UAChBF,EAAU,cAAc,EACxBG,EAAiB,WAAWG,EAAW,GAAI,EAE/C,CAAC,EAEDD,EAAI,GAAG,kBAA0B,IAAM,CAChCH,EAAa,SAASF,EAAU,OAAO,CAC9C,CAAC,EAED,MAAMM,EAAU,CAClB,GAEM,EAEC,IAAM,CACXJ,EAAa,QAAU,GACvB,aAAaC,CAAe,EAC5BF,EAAO,SAAS,WAAW,EAC3BA,EAAO,QAAU,KACjBD,EAAU,cAAc,CAC1B,CACF,EAAG,CAACH,CAAG,CAAC,EAER,IAAMU,EAAOhB,EACX,MACEiB,EACAC,IACiC,CACjC,IAAMJ,EAAMJ,EAAO,QACnB,GAAI,CAACI,EAAK,MAAM,IAAI,MAAM,mBAAmB,EAC7C,OAAOA,EAAI,KAAKG,EAAaC,CAAW,CAC1C,EACA,CAAC,CACH,EAEA,OACEpB,EAAA,cAACM,EAAW,SAAX,CAAoB,MAAO,CAAE,OAAAI,EAAQ,KAAAQ,CAAK,GACxCT,CACH,CAEJ,CJjGA,IAAMY,EAAa,CAAC,CAAE,SAAAC,CAAS,IAA+B,CAC5D,GAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAS,EAAK,EAMxC,OAJAC,EAAU,IAAM,CACdF,EAAS,EAAI,CACf,EAAG,CAAC,CAAC,EAEAD,EACED,EADY,IAErB,EAOMK,EAA+B,CACnC,OAAQ,GACR,MAAO,iCACT,EAEaC,GAAkB,CAAC,CAAE,SAAAN,EAAU,OAAAO,CAAO,IAA4B,CAC7E,IAAMC,EAAe,CAAE,GAAGH,EAAe,GAAGE,CAAO,EAE7CE,EAASC,EAAQ,IAChBF,EAAa,KAAK,SAGhB,GADLA,EAAa,IAAI,WAAa,yCAClB,yBAAyB,mBAAmBA,EAAa,IAAI,QAAQ,CAAC,GAH5C,GAIvC,CAACA,EAAa,KAAK,SAAUA,EAAa,KAAK,SAAS,CAAC,EAEtDG,EACJC,EAAA,cAACC,EAAA,CAAa,OAAQL,GACpBI,EAAA,cAACE,EAAA,CAAkB,OAAQN,GACzBI,EAAA,cAACb,EAAA,KAAYC,CAAS,CACxB,CACF,EAGF,OAAIS,EACKG,EAAA,cAACG,EAAA,CAAY,IAAKN,GAASE,CAAM,EAGnCA,CACT,EKlDA,OAAS,cAAAK,EAAY,aAAAC,GAAW,WAAAC,OAAe,QAGxC,SAASC,GACdC,EACAC,EACK,CACL,IAAMC,EAAUC,EAAWC,CAAe,EAEpCC,EAAOC,GAAQ,IAAM,CAACN,CAAG,EAAG,CAACA,CAAG,CAAC,EAEvC,GAAI,CAACE,EACH,MAAM,IAAI,MAAM,mDAAmD,EAGrE,OAAAK,GAAU,IAAM,CACdL,EAAQ,UAAU,CAACF,CAAG,CAAC,CACzB,EAAG,CAACK,CAAI,CAAC,EAEFA,EAAK,IAAKG,GAAON,EAAQ,OAAOM,CAAC,GAAKP,CAAkB,CACjE,CCpBA,OAAS,cAAAQ,OAAkB,QAGpB,SAASC,IAAU,CACxB,GAAM,CAAE,MAAOC,CAAY,EAAIC,GAAWC,CAAkB,EAE5D,MAAO,CACL,MAAOF,CACT,CACF,CCTA,OAAS,cAAAG,GAAY,aAAAC,OAA0B,QAGxC,IAAMC,GAAkB,CAC7B,sBACA,qBACA,yBAEA,gBACA,iBACA,gBAEA,gBACA,gBACA,gBAEA,0BACA,2BAEA,aACA,gBACA,WAEA,mBACA,sBACA,kBACA,iBAEA,gBACA,mBACA,gBACA,kBACA,6BACF,EAIO,SAASC,GAAiBC,EAAsB,CACrD,IAAMC,EAAUC,GAAWC,CAAe,EAE1C,GAAI,CAACF,EACH,MAAM,IAAI,MAAM,+CAA+C,EAGjE,OAAAG,GAAU,IAAM,CACdH,EAAQ,OAAOD,CAAI,CACrB,EAAG,CAACA,CAAI,CAAC,EAEFC,EAAQ,MAAMD,CAAI,CAC3B,CCjDA,OAAS,aAAAK,OAAiB,eAC1B,OAAS,sBAAAC,OAA0B,gBACnC,OAAS,aAAAC,GAAW,YAAAC,OAAgB,QCFpC,OAGE,eAAAC,EACA,YAAAC,GACA,UAAAC,GACA,mBAAAC,OACK,QCPA,IAAMC,EAAO,IAAM,CAAC,EA0BpB,IAAMC,EAAY,OAAO,OAAW,IDN3C,IAAMC,GAAkB,CACtBC,EACAC,EACAC,IACyE,CACzE,GAAI,CAACC,EACH,MAAO,CAACF,EAAmBG,EAAMA,CAAI,EAEvC,GAAI,CAACJ,EACH,MAAM,IAAI,MAAM,sCAAsC,EAGxD,IAAMK,EAAeH,EACjBA,EAAQ,IACLI,GAAUA,EACXJ,EAAQ,aACV,KAAK,MAGHK,EAAcC,GAAQR,GAAgB,CAC1C,GAAI,CACF,IAAMS,EAAaP,EACfA,EAAQ,IACN,OACAA,EAAQ,WACV,KAAK,UAEHQ,EAAoB,aAAa,QAAQV,CAAG,EAClD,OAAIU,IAAsB,KACjBL,EAAaK,CAAiB,GAErCT,GAAgB,aAAa,QAAQD,EAAKS,EAAWR,CAAY,CAAC,EAC3DA,EAEX,MAAQ,CAIN,OAAOA,CACT,CACF,CAAC,EAGK,CAACU,EAAOC,CAAQ,EAAIC,GAAwB,IAChDN,EAAY,QAAQP,CAAG,CACzB,EAGAc,GAAgB,IAAMF,EAASL,EAAY,QAAQP,CAAG,CAAC,EAAG,CAACA,CAAG,CAAC,EAG/D,IAAMe,EAA+CC,EAClDC,GAAc,CACb,GAAI,CACF,IAAMC,EACJ,OAAOD,GAAc,WAChBA,EAAuBN,CAAK,EAC7BM,EACN,GAAI,OAAOC,EAAa,IAAa,OACrC,IAAIZ,EAEAJ,EACEA,EAAQ,IACN,OAAOgB,GAAa,SAAUZ,EAAQY,EACrCZ,EAAQ,KAAK,UAAUY,CAAQ,EAC7BhB,EAAQ,WAAYI,EAAQJ,EAAQ,WAAWgB,CAAQ,EAC3DZ,EAAQ,KAAK,UAAUY,CAAQ,EACjCZ,EAAQ,KAAK,UAAUY,CAAQ,EAEpC,aAAa,QAAQlB,EAAKM,CAAK,EAC/BM,EAASP,EAAaC,CAAK,CAAC,CAC9B,MAAQ,CAGR,CACF,EACA,CAACN,EAAKY,CAAQ,CAChB,EAGMO,EAASH,EAAY,IAAM,CAC/B,GAAI,CACF,aAAa,WAAWhB,CAAG,EAC3BY,EAAS,MAAS,CACpB,MAAQ,CAGR,CACF,EAAG,CAACZ,EAAKY,CAAQ,CAAC,EAElB,MAAO,CAACD,EAAOI,EAAKI,CAAM,CAC5B,EAEOC,EAAQrB,GD5GR,SAASsB,GAAUC,EAA0B,CAClD,GAAM,CAACC,EAAWC,CAAY,EAAIC,GAA2B,IAAI,EAC3D,CAACC,CAAM,EAAIC,EAAwB,QAAQ,EAEjD,OAAAC,GAAU,IAAM,CACd,QAAQ,IAAI,MAAO,QAAQ,IAAI,gBAAgB,EAE/C,QAAQ,IAAI,MAAM,EAElB,IAAML,EAAY,IAAIM,GAAU,CAC9B,aAAc,IAAIC,GAChB,iCACAJ,EACA,CACE,YACA,4BACA,uBACA,6BACA,6BACA,sBAEA,qBACA,2BACA,2BACA,6BACA,oBACA,kBACA,iCACA,mBACA,+BACA,0BACA,2BACA,iBACF,CACF,CACF,CAAC,EAED,OAAAF,EAAaD,CAAS,EAEf,IAAM,CACXC,EAAa,IAAI,CACnB,CACF,EAAG,CAAC,CAAC,EAEE,CACL,UAAAD,CACF,CACF,CGpDA,OAAS,eAAAQ,GAAa,cAAAC,MAAkB,QAMjC,SAASC,IAAS,CACvB,GAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAWC,CAAU,EAE9C,MAAO,CACL,OAAAH,EACA,UAAWA,IAAW,YACtB,KAAAC,CACF,CACF,CAEO,SAASG,GAA4CC,EAAgB,CAC1E,GAAM,CAAE,KAAAJ,CAAK,EAAIC,EAAWC,CAAU,EAEtC,OAAOG,GACJC,GAAqCN,EAAKI,EAAaE,CAAW,EACnE,CAACN,EAAMI,CAAW,CACpB,CACF","names":["React","useMemo","useEffect","useState","React","createContext","SparkleAuthContext","AuthProvider","children","config","React","useCallback","useContext","useRef","createContext","useEffect","useState","EventEmitter","z","subscribeSchema","hookSchema","unsubscribeSchema","updateSchema","messageSchema","WebSocketClient","url","data","jwt","authenticatedUrl","event","channels","newChannels","channel","hook","RealtimeContext","createContext","WebSocketProvider","children","config","values","setValues","useState","hooks","setHooks","socket","useRef","token","useContext","SparkleAuthContext","useEffect","WebSocketClient","message","data","type","payload","prev","value","num","subscribe","useCallback","keys","listen","hook","React","React","createContext","useCallback","useEffect","useRef","useState","ObsContext","ObsProvider","url","children","status","setStatus","obsRef","cancelledRef","reconnectTimer","OBSWebSocket","obs","doConnect","call","requestType","requestData","ClientGate","children","ready","setReady","useState","useEffect","defaultConfig","SparkleProvider","config","mergedConfig","obsUrl","useMemo","inner","React","AuthProvider","WebSocketProvider","ObsProvider","useContext","useEffect","useMemo","useRealtime","key","defaultValue","context","useContext","RealtimeContext","keys","useMemo","useEffect","k","useContext","useAuth","accessToken","useContext","SparkleAuthContext","useContext","useEffect","SparkleHookKeys","useHook","hook","context","useContext","RealtimeContext","useEffect","ApiClient","StaticAuthProvider","useEffect","useState","useCallback","useState","useRef","useLayoutEffect","noop","isBrowser","useLocalStorage","key","initialValue","options","isBrowser","noop","deserializer","value","initializer","useRef","serializer","localStorageValue","state","setState","useState","useLayoutEffect","set","useCallback","valOrFunc","newState","remove","useLocalStorage_default","useTwitch","asUser","apiClient","setApiClient","useState","twitch","useLocalStorage_default","useEffect","ApiClient","StaticAuthProvider","useCallback","useContext","useObs","status","call","useContext","ObsContext","useObsCall","requestType","useCallback","requestData"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkle-react",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "files": [
     "dist"
   ],
@@ -22,6 +22,7 @@
     "framer-motion": "^10.16.16",
     "jsonwebtoken": "^9.0.2",
     "lucide-react": "^0.294.0",
+    "obs-websocket-js": "^5.0.8",
     "react": "^18.2.0",
     "zod": "^3.22.4"
   },

package/dist/index.css

@@ -1,2 +0,0 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/globals.css"],"sourcesContent":["/*\n! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\r\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n"],"mappings":"AAOA,EACA,QACA,OACE,WAAY,WACZ,aAAc,EACd,aAAc,MACd,aAAc,OAChB,CAEA,QACA,OACE,cAAc,EAChB,CAWA,KACE,YAAa,IACb,yBAA0B,KAC1B,cAAe,EACf,YAAa,EACV,SAAU,EACb,YAAa,aAAa,CAAE,SAAS,CAAE,aAAa,CAAE,kBAAkB,CAAE,QAAU,CAAE,MAAM,CAAE,cAAgB,CAAE,KAAK,CAAE,SAAW,CAAE,UAAU,CAAE,mBAAmB,CAAE,gBAAgB,CAAE,eAAiB,CAAE,mBAC1M,sBAAuB,OACvB,wBAAyB,MAC3B,CAOA,KA9CA,OA+CU,EACR,YAAa,OACf,CAQA,GACE,OAAQ,EACR,MAAO,QACP,iBAAkB,GACpB,CAMA,IAAI,OAAO,CAAC,QACV,wBAAyB,UAAU,OAC3B,gBAAiB,UAAU,MACrC,CAMA,GACA,GACA,GACA,GACA,GACA,GACE,UAAW,QACX,YAAa,OACf,CAMA,EACE,MAAO,QACP,gBAAiB,OACnB,CAMA,EACA,OACE,YAAa,MACf,CAOA,KACA,IACA,KACA,IACE,YAAa,YAAY,CAAE,cAAc,CAAE,KAAK,CAAE,MAAM,CAAE,QAAQ,CAAE,eAAiB,CAAE,WAAa,CAAE,UACtG,UAAW,GACb,CAMA,MACE,UAAW,GACb,CAMA,IACA,IACE,UAAW,IACX,YAAa,EACb,SAAU,SACV,eAAgB,QAClB,CAEA,IACE,OAAQ,MACV,CAEA,IACE,IAAK,KACP,CAQA,MACE,YAAa,EACb,aAAc,QACd,gBAAiB,QACnB,CAQA,OACA,MACA,SACA,OACA,SACE,YAAa,QACb,UAAW,KACX,YAAa,QACb,YAAa,QACb,MAAO,QA5KT,OA6KU,EA7KV,QA8KW,CACX,CAMA,OACA,OACE,eAAgB,IAClB,CAOA,OACA,CAAC,aACD,CAAC,YACD,CAAC,aACC,mBAAoB,OACpB,iBAAkB,YAClB,iBAAkB,IACpB,CAMA,gBACE,QAAS,IACX,CAMA,iBACE,WAAY,IACd,CAMA,SACE,eAAgB,QAClB,CAMA,4BACA,4BACE,OAAQ,IACV,CAOA,CAAC,aACC,mBAAoB,UACpB,eAAgB,IAClB,CAMA,4BACE,mBAAoB,IACtB,CAOA,6BACE,mBAAoB,OACpB,KAAM,OACR,CAMA,QACE,QAAS,SACX,CAMA,WACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,OACA,EACA,IA7RA,OA8RU,CACV,CAEA,SAjSA,OAkSU,EAlSV,QAmSW,CACX,CAEA,OAtSA,QAuSW,CACX,CAEA,GACA,GACA,KACE,WAAY,KA7Sd,OA8SU,EA9SV,QA+SW,CACX,CAMA,SACE,OAAQ,QACV,CAOA,KAAK,mBAAoB,QAAQ,mBAC/B,QAAS,EACT,MAAO,OACT,CAEA,KAAK,cACL,QAAQ,cACN,QAAS,EACT,MAAO,OACT,CAMA,OACA,CAAC,aACC,OAAQ,OACV,CAKA,UACE,OAAQ,OACV,CAQA,IACA,IACA,MACA,OACA,MACA,OACA,MACA,OACE,QAAS,MACT,eAAgB,MAClB,CAMA,IACA,MACE,UAAW,KACX,OAAQ,IACV,CAGA,CAAC,QACC,QAAS,IACX,CAEA,EAAG,QAAU,OACX,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB,iBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE,IAClC,yBAAyB,EAAE,EAAE,MAC7B,kBAAkB,EAAE,EAAE,MACtB,aAAa,EAAE,EAAE,MACjB,qBAAqB,EAAE,EAAE,MACzB,YACA,kBACA,gBACA,iBACA,kBACA,cACA,gBACA,aACA,mBACA,qBACA,2BACA,yBACA,0BACA,2BACA,uBACA,wBACA,yBACA,qBACF,CAEA,WACE,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB,iBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE,IAClC,yBAAyB,EAAE,EAAE,MAC7B,kBAAkB,EAAE,EAAE,MACtB,aAAa,EAAE,EAAE,MACjB,qBAAqB,EAAE,EAAE,MACzB,YACA,kBACA,gBACA,iBACA,kBACA,cACA,gBACA,aACA,mBACA,qBACA,2BACA,yBACA,0BACA,2BACA,uBACA,wBACA,yBACA,qBACF,CACA,CAAC,OACC,OAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI,iBAClK","names":[]}