@telemetryos/sdk 1.5.1 → 1.7.0

package/dist/react/Settings.d.ts

@@ -0,0 +1,50 @@
+import { type ReactNode } from 'react';
+interface SettingsProps {
+    children: ReactNode;
+}
+export declare function SettingsContainer({ children }: SettingsProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsFieldProps {
+    children: ReactNode;
+}
+export declare function SettingsField({ children }: SettingsFieldProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsLabelProps {
+    children: ReactNode;
+}
+export declare function SettingsLabel({ children }: SettingsLabelProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsInputFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsInputFrame({ children }: SettingsInputFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsSelectFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsSelectFrame({ children }: SettingsSelectFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsTextAreaFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsTextAreaFrame({ children }: SettingsTextAreaFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsSwitchFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsSwitchFrame({ children }: SettingsSwitchFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsSwitchLabelProps {
+    children: ReactNode;
+}
+export declare function SettingsSwitchLabel({ children }: SettingsSwitchLabelProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsCheckboxFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsCheckboxFrame({ children }: SettingsCheckboxFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsCheckboxLabelProps {
+    children: ReactNode;
+}
+export declare function SettingsCheckboxLabel({ children }: SettingsCheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsRadioFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsRadioFrame({ children }: SettingsRadioFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsRadioLabelProps {
+    children: ReactNode;
+}
+export declare function SettingsRadioLabel({ children }: SettingsRadioLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/hooks.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+import { StoreSlice } from '@telemetryos/root-sdk';
+export declare function useStoreState<S>(storeSlice: StoreSlice, key: string, initialState: S | (() => S), debounceDelay?: number): [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function useStoreState<S = undefined>(storeSlice: StoreSlice, key: string, initialState?: undefined, debounceDelay?: number): [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseStoreState<S>(key: string, initialState: S | (() => S)): (storeSlice: StoreSlice, debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseStoreState<S = undefined>(key: string, initialState?: undefined): (storeSlice: StoreSlice, debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];

package/dist/react/index.d.ts

@@ -0,0 +1,2 @@
+export { SettingsContainer, SettingsField, SettingsLabel, SettingsInputFrame, SettingsSelectFrame, SettingsTextAreaFrame, SettingsSwitchFrame, SettingsSwitchLabel, SettingsCheckboxFrame, SettingsCheckboxLabel, SettingsRadioFrame, SettingsRadioLabel, } from './Settings.js';
+export { useStoreState, createUseStoreState } from './hooks.js';

package/dist/react/inject-styles.d.ts

@@ -0,0 +1 @@
+export declare function injectStyles(): void;

package/dist/react.cjs

@@ -0,0 +1,295 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("./index.cjs");var y={exports:{}},k={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var D;function oe(){if(D)return k;D=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function u(l,s,c){var f=null;if(c!==void 0&&(f=""+c),s.key!==void 0&&(f=""+s.key),"key"in s){c={};for(var b in s)b!=="key"&&(c[b]=s[b])}else c=s;return s=c.ref,{$$typeof:n,type:l,key:f,ref:s!==void 0?s:null,props:c}}return k.Fragment=i,k.jsx=u,k.jsxs=u,k}var E={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var M;function ae(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case G:return"Profiler";case J:return"StrictMode";case Q:return"Suspense";case Z:return"SuspenseList";case ee:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case q:return"Portal";case B:return e.displayName||"Context";case X:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function i(e){return""+e}function u(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),i(e)}}function l(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=j.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function f(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function x(){var e=n(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function R(e,r,t,o,S,O){var a=t.ref;return e={$$typeof:P,type:e,key:r,props:t,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,t,o,S,O){var a=r.children;if(a!==void 0)if(o)if(re(a)){for(o=0;o<a.length;o++)v(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(a);if(F.call(r,"key")){a=n(e);var _=Object.keys(r).filter(function(te){return te!=="key"});o=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",z[a+o]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,o,a,_,a),z[a+o]=!0)}if(a=null,t!==void 0&&(u(t),a=""+t),f(r)&&(u(r.key),a=""+r.key),"key"in r){t={};for(var N in r)N!=="key"&&(t[N]=r[N])}else t=r;return a&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,a,t,s(),S,O)}function v(e){m(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?m(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function m(e){return typeof e=="object"&&e!==null&&e.$$typeof===P}var h=g,P=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),B=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),j=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,re=Array.isArray,A=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var L,Y={},I=h.react_stack_bottom_frame.bind(h,c)(),$=A(l(c)),z={};E.Fragment=w,E.jsx=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!1,o?Error("react-stack-top-frame"):I,o?A(l(e)):$)},E.jsxs=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!0,o?Error("react-stack-top-frame"):I,o?A(l(e)):$)}})()),E}var V;function se(){return V||(V=1,process.env.NODE_ENV==="production"?y.exports=oe():y.exports=ae()),y.exports}var d=se();const ie=`:root {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+
+  --muted: 220 12% 95%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+
+  --accent: 220 12% 95%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+
+  --primary: 39 93% 59%;
+  --primary-foreground: 210 40% 98%;
+
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+
+  --destructive: 6 86% 61%;
+  --destructive-foreground: 210 40% 98%;
+
+  --ring: 222.2 84% 4.9%;
+
+  --radius: 0.5rem;
+}
+
+.dark {
+  --background: 210 28% 8%;
+  --foreground: 210 40% 88%;
+
+  --muted: 212, 28%, 10%;
+  --muted-foreground: 215 20.2% 65.1%;
+
+  --border: 212 24% 19%;
+  --input: 210 5% 31%;
+
+  --card: 212 28% 10%;
+  --card-foreground: 210 40% 98%;
+
+  --accent: 211 30% 15%;
+  --accent-foreground: 210 40% 98%;
+
+  --primary: 39 93% 59%;
+  --primary-foreground: 210 40% 98%;
+
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+
+  --destructive: 6 86% 61%;
+  --destructive-foreground: 210 40% 98%;
+
+  --ring: 212.7 26.8% 83.9%;
+
+  --radius: 0.5rem;
+}
+
+.settings__container {
+  padding: 16px;
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  font-family: 'Rubik', sans-serif;
+  font-feature-settings: "rlig" 1, "calt" 1;
+}
+
+.settings__field {
+  margin-bottom: 24px;
+}
+
+.settings__label {
+  font-size: 14px;
+  margin-bottom: 6px;
+  font-weight: 500;
+  color: hsl(var(--foreground));
+}
+
+.settings__input-frame > * {
+  height: 40px;
+  width: 100%;
+  font-size: 14px;
+  padding: 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+}
+
+.settings__input-frame > *:focus {
+  outline: 1px solid hsl(var(--primary));
+  outline-offset: 0;
+}
+
+.settings__input-frame > *::placeholder {
+  color: hsl(var(--muted-foreground));
+  opacity: 1;
+}
+
+.settings__select-frame > select {
+  appearance: none;
+  height: 40px;
+  width: 100%;
+  font-size: 14px;
+  padding: 8px 36px 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background-color: hsl(var(--background));
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  color: hsl(var(--foreground));
+  cursor: pointer;
+}
+
+.settings__select-frame > select:hover {
+  background-color: hsl(var(--accent));
+}
+
+.settings__select-frame > select:focus {
+  outline: 1px solid hsl(var(--primary));
+  outline-offset: 0;
+}
+
+.settings__textarea-frame > textarea {
+  width: 100%;
+  min-height: 80px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.4em;
+  padding: 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  resize: vertical;
+}
+
+.settings__textarea-frame > textarea:focus {
+  outline: 1px solid hsl(var(--primary));
+  outline-offset: 0;
+}
+
+.settings__textarea-frame > textarea::placeholder {
+  color: hsl(var(--muted-foreground));
+  opacity: 1;
+}
+
+.settings__switch-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__switch-frame > input[type="checkbox"] {
+  appearance: none;
+  width: 44px;
+  height: 24px;
+  background: hsl(var(--input));
+  border-radius: 12px;
+  position: relative;
+  cursor: pointer;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+
+.settings__switch-frame > input[type="checkbox"]::after {
+  content: '';
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 20px;
+  height: 20px;
+  background: hsl(var(--background));
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+  transition: transform 0.2s;
+}
+
+.settings__switch-frame > input[type="checkbox"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__switch-frame > input[type="checkbox"]:checked::after {
+  transform: translateX(20px);
+}
+
+.settings__switch-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+
+.settings__checkbox-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__checkbox-frame > input[type="checkbox"] {
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--primary));
+  border-radius: 2px;
+  cursor: pointer;
+  position: relative;
+}
+
+.settings__checkbox-frame > input[type="checkbox"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__checkbox-frame > input[type="checkbox"]:checked::after {
+  content: '';
+  position: absolute;
+  top: 1px;
+  left: 5px;
+  width: 4px;
+  height: 8px;
+  border: solid hsl(var(--primary-foreground));
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+.settings__checkbox-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+
+.settings__radio-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__radio-frame > input[type="radio"] {
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
+  position: relative;
+}
+
+.settings__radio-frame > input[type="radio"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__radio-frame > input[type="radio"]:checked::after {
+  content: '';
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  background: hsl(var(--primary-foreground));
+  border-radius: 50%;
+}
+
+.settings__radio-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+`;let U=!1;function ce(){if(U||typeof document>"u")return;const n=document.createElement("style");n.setAttribute("data-telemetryos-sdk",""),n.textContent=ie,document.head.appendChild(n),U=!0}ce();function ue({children:n}){return g.useEffect(()=>{const i=window.matchMedia("(prefers-color-scheme: dark)"),u=c=>{let f;c==="system"?f=i.matches:f=c!=="light",f?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},l=C.environment().subscribeColorScheme(u);l.catch(console.error);const s=()=>{C.environment().getColorScheme().then(u).catch(console.error)};return i.addEventListener("change",s),()=>{l.then(()=>C.environment().unsubscribeColorScheme(u)).catch(console.error),i.removeEventListener("change",s)}},[]),d.jsx("div",{className:"settings__container",children:n})}function le({children:n}){return d.jsx("div",{className:"settings__field",children:n})}function de({children:n}){return d.jsx("div",{className:"settings__label",children:n})}function fe({children:n}){return d.jsx("div",{className:"settings__input-frame",children:n})}function pe({children:n}){return d.jsx("div",{className:"settings__select-frame",children:n})}function me({children:n}){return d.jsx("div",{className:"settings__textarea-frame",children:n})}function ge({children:n}){return d.jsx("label",{className:"settings__switch-frame",children:n})}function be({children:n}){return d.jsx("span",{className:"settings__switch-label",children:n})}function he({children:n}){return d.jsx("label",{className:"settings__checkbox-frame",children:n})}function _e({children:n}){return d.jsx("span",{className:"settings__checkbox-label",children:n})}function xe({children:n}){return d.jsx("label",{className:"settings__radio-frame",children:n})}function ve({children:n}){return d.jsx("span",{className:"settings__radio-label",children:n})}function W(n,i,u,l=0){var s;const[c,f]=g.useState(!0),[b]=g.useState(u),[x,R]=g.useState(void 0),[p,v]=g.useState(void 0);return g.useEffect(()=>{const m=h=>{R(h),f(!1)};return n.subscribe(i,m).catch(console.error),()=>{n.unsubscribe(i,m).catch(console.error)}},[n,i]),g.useEffect(()=>{if(typeof p<"u"){const m=setTimeout(()=>{n.set(i,p)},l);return()=>clearTimeout(m)}},[p,n,i,l]),g.useEffect(()=>{if(JSON.stringify(p)===JSON.stringify(x)){const m=setTimeout(()=>{v(void 0)},500);return()=>clearTimeout(m)}},[p,x]),[c,(s=p??x)!==null&&s!==void 0?s:b,v]}function ke(n,i){return(u,l=0)=>W(u,n,i,l)}exports.SettingsCheckboxFrame=he;exports.SettingsCheckboxLabel=_e;exports.SettingsContainer=ue;exports.SettingsField=le;exports.SettingsInputFrame=fe;exports.SettingsLabel=de;exports.SettingsRadioFrame=xe;exports.SettingsRadioLabel=ve;exports.SettingsSelectFrame=pe;exports.SettingsSwitchFrame=ge;exports.SettingsSwitchLabel=be;exports.SettingsTextAreaFrame=me;exports.createUseStoreState=ke;exports.useStoreState=W;