@salsita-ai/sdk 0.50.0-develop.f6390cb584 → 0.50.0-develop.f87b940e67

package/dist/react-sdk/loading-state/loading-state-manager.d.ts

@@ -1,37 +0,0 @@
-import { type Observable } from 'rxjs';
-export declare enum BuiltInLoadingPhase {
-    SessionAuth = "session-auth",
-    PublishedData = "published-data",
-    FrontendData = "frontend-data",
-    BackendData = "backend-data",
-    DataFetch = "data-fetch",
-    SceneAssets = "scene-assets"
-}
-export interface LoadingPhase {
-    readonly id: string;
-    readonly progress?: number;
-    readonly label?: string;
-}
-export interface LoadingState {
-    readonly isLoading: boolean;
-    readonly hasError: boolean;
-    readonly phases: readonly LoadingPhase[];
-    readonly expectedPhaseIds: ReadonlySet<string>;
-}
-export declare class LoadingStateManager {
-    private readonly _phases$;
-    private readonly _hasError$;
-    private readonly _expectedPhases$;
-    private readonly _expectationCounts;
-    readonly startPhase: (phase: LoadingPhase) => void;
-    readonly endPhase: (id: string) => void;
-    readonly reportError: () => void;
-    readonly clearError: () => void;
-    /**
-     * Marks a phase as expected before it starts. Expectations are counted: the phase stays expected
-     * until every `expectPhase` call for it has been matched by a `dropExpectation`.
-     */
-    readonly expectPhase: (id: string) => void;
-    readonly dropExpectation: (id: string) => void;
-    readonly state$: Observable<LoadingState>;
-}

package/dist/react-sdk/loading-state/loading-state-manager.js

@@ -1 +0,0 @@
-var e;import{BehaviorSubject as s,combineLatest as t,distinctUntilChanged as a,map as h}from"rxjs";export var BuiltInLoadingPhase=((e={}).SessionAuth="session-auth",e.PublishedData="published-data",e.FrontendData="frontend-data",e.BackendData="backend-data",e.DataFetch="data-fetch",e.SceneAssets="scene-assets",e);export class LoadingStateManager{_phases$=new s(new Map);_hasError$=new s(!1);_expectedPhases$=new s(new Set);_expectationCounts=new Map;startPhase=e=>{let s=new Map(this._phases$.value);s.set(e.id,e),this._phases$.next(s)};endPhase=e=>{let s=this._phases$.value;if(!s.has(e))return;let t=new Map(s);t.delete(e),this._phases$.next(t)};reportError=()=>{this._hasError$.next(!0)};clearError=()=>{this._hasError$.next(!1)};expectPhase=e=>{let s=this._expectationCounts.get(e)??0;if(this._expectationCounts.set(e,s+1),s>0)return;let t=new Set(this._expectedPhases$.value);t.add(e),this._expectedPhases$.next(t)};dropExpectation=e=>{let s=this._expectationCounts.get(e);if(void 0===s)return;if(s>1)return void this._expectationCounts.set(e,s-1);this._expectationCounts.delete(e);let t=new Set(this._expectedPhases$.value);t.delete(e),this._expectedPhases$.next(t)};state$=t([this._phases$,this._hasError$,this._expectedPhases$]).pipe(h(([e,s,t])=>{let a;return{isLoading:(a=Array.from(e.values())).length>0,hasError:s,phases:a,expectedPhaseIds:t}}),a((e,s)=>e.isLoading===s.isLoading&&e.hasError===s.hasError&&e.expectedPhaseIds===s.expectedPhaseIds&&e.phases.length===s.phases.length&&e.phases.every((e,t)=>e.id===s.phases[t]?.id&&e.progress===s.phases[t]?.progress&&e.label===s.phases[t]?.label)))}

package/dist/react-sdk/responsive-state/ResponsiveStateProvider.d.ts

@@ -1,25 +0,0 @@
-import { type ReactNode } from 'react';
-import type { ResponsiveStateManager } from './responsive-state-manager.js';
-export declare const ResponsiveStateContext: import("react").Context<ResponsiveStateManager | null>;
-/**
- * The props of `ResponsiveStateProvider`.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface ResponsiveStateProviderProps {
-    readonly children: ReactNode;
-    /** The responsive state of the application mounted inside. One per mounted application. */
-    readonly manager: ResponsiveStateManager;
-}
-/**
- * Provides the responsive state of one mounted application to the lifecycle and UI inside it.
- * Each mounted application has its own, because each has its own root container: an admin that
- * embeds a configurator runs both in one application runtime.
- *
- * @internal Exists for the SDK's own UI, which reaches the runtime's responsive state through it.
- * A project layout does not use it: it uses `useActiveViewports()` from `@salsita-ai/sdk/react`
- * and `useSceneSafeArea()` from `@salsita-ai/sdk/configurator`.
- */
-export declare const ResponsiveStateProvider: (props: ResponsiveStateProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-sdk/responsive-state/ResponsiveStateProvider.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as t}from"react";export const ResponsiveStateContext=t(null);export const ResponsiveStateProvider=t=>{let{children:r,manager:o}=t;return e(ResponsiveStateContext.Provider,{value:o,children:r})};

package/dist/react-sdk/responsive-state/canvas-padding.d.ts

@@ -1,14 +0,0 @@
-/**
- * The part of the canvas, in pixels from each edge, that overlay UI covers. The camera frames the
- * scene inside what is left, so the scene stays visible beside a sidebar or under a preview body.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface CanvasPadding {
-    readonly top: number;
-    readonly right: number;
-    readonly bottom: number;
-    readonly left: number;
-}

package/dist/react-sdk/responsive-state/index.d.ts

@@ -1,5 +0,0 @@
-export { type CanvasPadding } from './canvas-padding.js';
-export { type ResponsiveBreakpoints, type ResponsiveState, ResponsiveStateManager, type ResponsiveStateManagerOptions, type ResponsiveViewport, } from './responsive-state-manager.js';
-export { ResponsiveStateProvider, type ResponsiveStateProviderProps } from './ResponsiveStateProvider.js';
-export { useResponsiveState } from './use-responsive-state.js';
-export { useResponsiveStateManager } from './use-responsive-state-manager.js';

package/dist/react-sdk/responsive-state/index.js

@@ -1 +0,0 @@
-export{ResponsiveStateManager}from"./responsive-state-manager.js";export{ResponsiveStateProvider}from"./ResponsiveStateProvider.js";export{useResponsiveState}from"./use-responsive-state.js";export{useResponsiveStateManager}from"./use-responsive-state-manager.js";

package/dist/react-sdk/responsive-state/responsive-state-manager.d.ts

@@ -1,111 +0,0 @@
-import { BehaviorSubject, type Observable } from 'rxjs';
-import type { CanvasPadding } from './canvas-padding.js';
-/**
- * The widths, in pixels, that split the application's root container into phone, tablet and
- * desktop. The theme decides them; the UI library pushes its theme's values in with
- * `setBreakpoints`.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface ResponsiveBreakpoints {
-    readonly sm: number;
-    readonly md: number;
-    readonly lg: number;
-}
-/**
- * One measurement of the application's root container. The orientation comes from the window,
- * not from the container's aspect ratio.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface ResponsiveViewport {
-    readonly width: number;
-    readonly height: number;
-    readonly isLandscape: boolean;
-    readonly isPortrait: boolean;
-}
-/**
- * The responsive state of one mounted application: the size classes of its root container, the
- * canvas padding the scene is framed with, and whether the container is expanded over the host
- * page, hidden, or in a layout animation.
- *
- * Every size class is `false` until the container is measured for the first time.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface ResponsiveState {
-    /** `width < sm` */
-    readonly isPhone: boolean;
-    /** `width <= md` */
-    readonly isMobile: boolean;
-    /** `sm < width < lg` */
-    readonly isTablet: boolean;
-    /** `width > md` */
-    readonly isDesktop: boolean;
-    readonly isLandscape: boolean;
-    readonly isPortrait: boolean;
-    readonly canvasPadding: CanvasPadding;
-    readonly isExpanded: boolean;
-    readonly isHidden: boolean;
-    readonly isAnimating: boolean;
-}
-/**
- * How a `ResponsiveStateManager` starts.
- *
- * @internal Runtime plumbing behind `useResponsiveState`, for the SDK's own UI. A project layout
- * uses `useActiveViewports()` from `@salsita-ai/sdk/react` and `useSceneSafeArea()` from
- * `@salsita-ai/sdk/configurator`.
- */
-export interface ResponsiveStateManagerOptions {
-    /** A measurement to start from, for a test or a host that knows its size up front. */
-    readonly viewport?: ResponsiveViewport;
-    /** Defaults to the Phoenix theme's breakpoints: 480, 768 and 1024. */
-    readonly breakpoints?: ResponsiveBreakpoints;
-}
-/**
- * Holds the responsive state of one mounted application, without any UI: the UI measures its root
- * container into it and reads it back, and the lifecycle (preview, viewport sync, the loader) reads
- * and sets it through `useResponsiveState` and `useResponsiveStateManager`. A test sets a fixed
- * viewport with `setViewport` and renders no UI at all.
- *
- * `state$` emits only when a value in `ResponsiveState` changes; a resize within one size class
- * reaches `viewport$` alone.
- *
- * @internal Exists for the SDK's own UI, which reaches the runtime's responsive state through it.
- * A project layout does not use it: it uses `useActiveViewports()` from `@salsita-ai/sdk/react`
- * and `useSceneSafeArea()` from `@salsita-ai/sdk/configurator`.
- */
-export declare class ResponsiveStateManager {
-    private _viewport;
-    private _breakpoints;
-    private readonly _state$;
-    /** The measured size of the root container, rounded up to whole pixels. */
-    readonly viewport$: BehaviorSubject<{
-        width: number;
-        height: number;
-    }>;
-    readonly state$: Observable<ResponsiveState>;
-    constructor(options?: ResponsiveStateManagerOptions);
-    private readonly update;
-    readonly getState: () => ResponsiveState;
-    readonly setViewport: (viewport: ResponsiveViewport) => void;
-    readonly setBreakpoints: (breakpoints: ResponsiveBreakpoints) => void;
-    readonly getCanvasPadding: () => CanvasPadding;
-    readonly setCanvasPadding: (canvasPadding: CanvasPadding) => void;
-    /** Lays the root container over the host page. */
-    readonly expand: () => void;
-    readonly collapse: () => void;
-    readonly hide: () => void;
-    readonly show: () => void;
-    /**
-     * Whether a layout animation is in flight, so the root container clips the transient overflow
-     * of motion FLIP transforms instead of flashing scrollbars on the host page.
-     */
-    readonly setAnimating: (isAnimating: boolean) => void;
-}

package/dist/react-sdk/responsive-state/responsive-state-manager.js

@@ -1 +0,0 @@
-import{BehaviorSubject as t}from"rxjs";let i={sm:480,md:768,lg:1024},s={top:0,right:0,bottom:0,left:0},e={isPhone:!1,isMobile:!1,isTablet:!1,isDesktop:!1,isLandscape:!1,isPortrait:!1},a=(t,i)=>{if(!t)return e;let{width:s}=t;return{isPhone:s<i.sm,isMobile:s<=i.md,isTablet:s<i.lg&&s>i.sm,isDesktop:s>i.md,isLandscape:t.isLandscape,isPortrait:t.isPortrait}};export class ResponsiveStateManager{_viewport;_breakpoints;_state$;viewport$;state$;constructor(e={}){this._viewport=e.viewport??null,this._breakpoints=e.breakpoints??i,this.viewport$=new t({width:Math.ceil(this._viewport?.width??0),height:Math.ceil(this._viewport?.height??0)}),this._state$=new t({...a(this._viewport,this._breakpoints),canvasPadding:s,isExpanded:!1,isHidden:!1,isAnimating:!1}),this.state$=this._state$.asObservable()}update=t=>{let i=this._state$.value,s={...i,...a(this._viewport,this._breakpoints),...t};(i.isPhone!==s.isPhone||i.isMobile!==s.isMobile||i.isTablet!==s.isTablet||i.isDesktop!==s.isDesktop||i.isLandscape!==s.isLandscape||i.isPortrait!==s.isPortrait||i.isExpanded!==s.isExpanded||i.isHidden!==s.isHidden||i.isAnimating!==s.isAnimating||i.canvasPadding.top!==s.canvasPadding.top||i.canvasPadding.right!==s.canvasPadding.right||i.canvasPadding.bottom!==s.canvasPadding.bottom||i.canvasPadding.left!==s.canvasPadding.left)&&this._state$.next(s)};getState=()=>this._state$.value;setViewport=t=>{this._viewport=t,this.update({}),this.viewport$.next({width:Math.ceil(t.width),height:Math.ceil(t.height)})};setBreakpoints=t=>{this._breakpoints=t,this.update({})};getCanvasPadding=()=>this._state$.value.canvasPadding;setCanvasPadding=t=>{this.update({canvasPadding:t})};expand=()=>{this.update({isExpanded:!0})};collapse=()=>{this.update({isExpanded:!1})};hide=()=>{this.update({isHidden:!0})};show=()=>{this.update({isHidden:!1})};setAnimating=t=>{this.update({isAnimating:t})}}

package/dist/react-sdk/responsive-state/use-responsive-state-manager.d.ts

@@ -1,10 +0,0 @@
-import type { ResponsiveStateManager } from './responsive-state-manager.js';
-/**
- * The responsive state manager of the application this component is mounted in, to set canvas
- * padding, expand or hide the root container, or read the state without subscribing to it.
- *
- * @internal Exists for the SDK's own UI, which reaches the runtime's responsive state through it.
- * A project layout does not use it: it uses `useActiveViewports()` from `@salsita-ai/sdk/react`
- * and `useSceneSafeArea()` from `@salsita-ai/sdk/configurator`.
- */
-export declare const useResponsiveStateManager: () => ResponsiveStateManager;

package/dist/react-sdk/responsive-state/use-responsive-state-manager.js

@@ -1 +0,0 @@
-import{useContext as e}from"react";import{ResponsiveStateContext as t}from"./ResponsiveStateProvider.js";export const useResponsiveStateManager=()=>{let o=e(t);if(!o)throw Error("useResponsiveStateManager() found no responsive state: it is used outside a ResponsiveStateProvider. Use it inside a mounted Phoenix application, or wrap a test in <ResponsiveStateProvider manager={new ResponsiveStateManager()}>.");return o};

package/dist/react-sdk/responsive-state/use-responsive-state.d.ts

@@ -1,11 +0,0 @@
-import type { ResponsiveState } from './responsive-state-manager.js';
-/**
- * The responsive state of the application this component is mounted in: the size classes of its
- * root container, the canvas padding, and whether the container is expanded, hidden or animating.
- * Re-renders when any of them changes.
- *
- * @internal Exists for the SDK's own UI, which reaches the runtime's responsive state through it.
- * A project layout does not use it: it uses `useActiveViewports()` from `@salsita-ai/sdk/react`
- * and `useSceneSafeArea()` from `@salsita-ai/sdk/configurator`.
- */
-export declare const useResponsiveState: () => ResponsiveState;

package/dist/react-sdk/responsive-state/use-responsive-state.js

@@ -1 +0,0 @@
-import{useCallback as e,useSyncExternalStore as t}from"react";import{useResponsiveStateManager as r}from"./use-responsive-state-manager.js";export const useResponsiveState=()=>{let s=r();return t(e(e=>{let t=s.state$.subscribe(e);return()=>{t.unsubscribe()}},[s]),s.getState)};