@vizbl/react-room-viewer 0.0.14

package/dist/components/Footer.d.ts

@@ -0,0 +1 @@
+export declare function Footer({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/FrameWidthTabsField.d.ts

@@ -0,0 +1,2 @@
+import { Field } from '@vizbl/ui/components/field';
+export declare function FrameWidthTabsField({ className, ...props }: React.ComponentProps<typeof Field>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header.d.ts

@@ -0,0 +1 @@
+export declare function Header({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/LogoSign.d.ts

@@ -0,0 +1 @@
+export declare function LogoSign({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/MaterialSelectField.d.ts

@@ -0,0 +1,2 @@
+import { Field } from '@vizbl/ui/components/field';
+export declare function MaterialSelectField({ className, ...props }: React.ComponentProps<typeof Field>): import("react/jsx-runtime").JSX.Element;

package/dist/components/MaterialSwiper.d.ts

@@ -0,0 +1 @@
+export declare function MaterialSwiper({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/MattingField.d.ts

@@ -0,0 +1,2 @@
+import { Field } from '@vizbl/ui/components/field';
+export declare function MattingField({ className, ...props }: React.ComponentProps<typeof Field>): import("react/jsx-runtime").JSX.Element;

package/dist/components/RoomSwiper.d.ts

@@ -0,0 +1 @@
+export declare function RoomSwiper({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Swiper.d.ts

@@ -0,0 +1,5 @@
+import { Swiper as SwiperRoot } from 'swiper/react';
+import 'swiper/css';
+export declare function Swiper({ className, children, ...props }: React.ComponentProps<'div'> & {
+    swiperOptions?: React.ComponentProps<typeof SwiperRoot>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/AR.d.ts

@@ -0,0 +1,2 @@
+import '@google/model-viewer';
+export declare function AR({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/scene/components/CanvasCaptureBridge.d.ts

@@ -0,0 +1,8 @@
+export interface CanvasCaptureBridgeApi {
+    capture: () => Promise<Blob>;
+}
+interface CanvasCaptureBridgeProps {
+    ref?: React.RefObject<CanvasCaptureBridgeApi | null>;
+}
+export declare function CanvasCaptureBridge({ ref }: CanvasCaptureBridgeProps): null;
+export {};

package/dist/components/scene/components/CanvasWrapper.d.ts

@@ -0,0 +1,7 @@
+import type { CanvasCaptureBridgeApi } from './CanvasCaptureBridge';
+interface CanvasWrapperProps {
+    onSizeChange?: (width: number, height: number) => void;
+    captureRef?: React.RefObject<CanvasCaptureBridgeApi | null>;
+}
+export declare function CanvasWrapper({ className, ref, captureRef, onSizeChange, ...props }: CanvasWrapperProps & React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/scene/components/Carpet.d.ts

@@ -0,0 +1,9 @@
+import type { Quaternion, Vector3 } from '@react-three/fiber';
+import type { SegmentationClassMap } from '../../../types';
+export interface CarpetProps {
+    glbUrl: string;
+    position: Vector3;
+    quaternion: Quaternion;
+    segmentationClasses: SegmentationClassMap;
+}
+export declare function Carpet({ glbUrl, position, quaternion, segmentationClasses }: CarpetProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/scene/components/Frame.d.ts

@@ -0,0 +1,6 @@
+interface FrameProps {
+    width: number;
+    height: number;
+}
+export declare function Frame({ width, height }: FrameProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/scene/components/FramePart.d.ts

@@ -0,0 +1,8 @@
+import type * as THREE from 'three';
+export interface FramePartProps {
+    node: THREE.Mesh;
+    position: [number, number, number];
+    scale?: [number, number, number];
+    uvScale?: number;
+}
+export declare function FramePart({ node, position, scale, uvScale }: FramePartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/Matting.d.ts

@@ -0,0 +1,8 @@
+import type { Quaternion, Vector3 } from '@react-three/fiber';
+export interface MattingProps {
+    width: number;
+    height: number;
+    position?: Vector3;
+    quaternion?: Quaternion;
+}
+export declare function Matting({ width, height, position, quaternion }: MattingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/Plane.d.ts

@@ -0,0 +1,7 @@
+import type { PlanePosition, PlaneUserData } from '../../../types';
+import React from 'react';
+export interface PlaneProps extends React.ComponentProps<'mesh'>, PlanePosition {
+}
+export declare function Plane({ ref, z, pitchDeg, rollDeg, userData, }: PlaneProps & {
+    userData?: PlaneUserData;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/Poster.d.ts

@@ -0,0 +1,7 @@
+import type { Quaternion, Vector3 } from '@react-three/fiber';
+export interface PosterProps {
+    src: string;
+    position: Vector3;
+    quaternion: Quaternion;
+}
+export declare function Poster({ src, position, quaternion, }: PosterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/Room.d.ts

@@ -0,0 +1 @@
+export declare function Room(): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/components/RoomBackground.d.ts

@@ -0,0 +1 @@
+export declare function RoomBackground(): null;

package/dist/components/scene/hooks/useCarpetCanvases.d.ts

@@ -0,0 +1,7 @@
+import type { SegmentationClassMap } from '../../../types';
+interface CarpetCanvasQueryData {
+    lightingCanvas: HTMLCanvasElement;
+    maskCanvas: HTMLCanvasElement;
+}
+export declare function useCarpetCanvases(segmentationClasses: SegmentationClassMap | null | undefined): import("@tanstack/react-query").UseQueryResult<CarpetCanvasQueryData, Error>;
+export {};

package/dist/components/scene/hooks/useCarpetInference.d.ts

@@ -0,0 +1,9 @@
+import type { ResourcePose, SegmentationClassMap, SideConfig } from '../../../types';
+interface CarpetInferenceQueryData {
+    initialPose: ResourcePose | null;
+    floor?: SideConfig;
+    maskUrl?: string;
+    segmentationClasses: SegmentationClassMap;
+}
+export declare function useCarpetInference(enabled: boolean): import("@tanstack/react-query").UseQueryResult<CarpetInferenceQueryData, Error>;
+export {};

package/dist/components/scene/hooks/useSceneHelpers.d.ts

@@ -0,0 +1,4 @@
+import type * as THREE from 'three';
+export declare function useSceneHelpers(): {
+    findPlacementHit: (pointer: THREE.Vector2, surfaceMeshes: THREE.Object3D[]) => THREE.Intersection<THREE.Object3D<THREE.Object3DEventMap>> | undefined;
+};

package/dist/components/scene/hooks/useWallPose.d.ts

@@ -0,0 +1,7 @@
+import type { PlanePosition } from '../../../types';
+export interface UsePlaneOptions extends PlanePosition {
+}
+export declare function usePlanePose(options: UsePlaneOptions): {
+    position: import("three").Vector3Tuple;
+    quaternion: import("three").QuaternionTuple;
+};

package/dist/components/scene/index.d.ts

@@ -0,0 +1 @@
+export declare function Scene({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/scene/lib/canvas.d.ts

@@ -0,0 +1 @@
+export declare function canvasToPngBlob(canvas: HTMLCanvasElement, errorMessage: string): Promise<Blob>;

package/dist/components/scene/lib/carpet-inference-export.d.ts

@@ -0,0 +1,8 @@
+import type { SegmentationClassMap } from '../../../types';
+interface FloorPose {
+    z: number;
+    pitchDeg: number;
+    rollDeg: number;
+}
+export declare function exportCarpetInferenceSnapshot(imageUrl: string, floor: FloorPose, segmentationClasses: SegmentationClassMap): Promise<void>;
+export {};

package/dist/components/scene/lib/carpet-inference.d.ts

@@ -0,0 +1,12 @@
+import type { SegmentationClassMap } from '../../../types';
+export interface FloorPose {
+    z: number;
+    pitchDeg: number;
+    rollDeg: number;
+}
+interface InferenceResult {
+    segmentationClasses: SegmentationClassMap;
+    floor: FloorPose;
+}
+export declare function inferCarpetFromRoomImage(imageUrl: string): Promise<InferenceResult>;
+export {};

package/dist/components/scene/lib/carpet-lighting.d.ts

@@ -0,0 +1,9 @@
+import type { SegmentationClassMap } from '../../../types';
+interface LightingMapOptions {
+    scaleDiv?: number;
+    filterDiameter?: number;
+    sigmaColor?: number;
+    sigmaSpace?: number;
+}
+export declare function createLightingCanvas(imageUrl: string, segmentationClasses: SegmentationClassMap, options?: LightingMapOptions): Promise<HTMLCanvasElement>;
+export {};

package/dist/components/scene/lib/carpet-mask.d.ts

@@ -0,0 +1,8 @@
+import type { SegmentationClassMap } from '../../../types';
+export declare function loadImage(url: string): Promise<HTMLImageElement>;
+export declare function buildSegmentationMaskCanvas(classes: Uint8Array, width: number, height: number): HTMLCanvasElement;
+export declare function createRenderMaskCanvas(segmentationClasses: SegmentationClassMap, scaleFactor: number): HTMLCanvasElement;
+export declare function loadCarpetSegmentationFromMask(maskUrl: string): Promise<{
+    segmentationClasses: SegmentationClassMap;
+}>;
+export declare function createMaskUrl(segmentationClasses: SegmentationClassMap): Promise<string>;

package/dist/components/scene/lib/carpet-pose.d.ts

@@ -0,0 +1,3 @@
+import type { ResourcePose, SegmentationClassMap, SideConfig } from '../../../types';
+import * as THREE from 'three';
+export declare function getInitialCarpetPose(surface: SideConfig, mask: SegmentationClassMap, camera: THREE.Camera): ResourcePose | null;

package/dist/components/scene/lib/carpet-processing.d.ts

@@ -0,0 +1,3 @@
+export { inferCarpetFromRoomImage } from './carpet-inference';
+export { createLightingCanvas } from './carpet-lighting';
+export { createMaskUrl, createRenderMaskCanvas, loadCarpetSegmentationFromMask } from './carpet-mask';

package/dist/components/scene/lib/carpet-rendering.d.ts

@@ -0,0 +1,5 @@
+import * as THREE from 'three';
+export declare function collectCarpetMaterials(sourceScene: THREE.Object3D): THREE.Material[];
+export declare function createCanvasTexture(canvas: HTMLCanvasElement, minFilter?: THREE.MinificationTextureFilter, magFilter?: THREE.MagnificationTextureFilter): THREE.CanvasTexture;
+export declare function patchMaterialWithMask(material: THREE.Material, maskTexture: THREE.Texture, lightingTexture: THREE.Texture, resolution: THREE.Vector2, maskTextureSize: THREE.Vector2): () => void;
+export declare function warmUpCarpetScene(renderer: THREE.WebGLRenderer, object: THREE.Object3D, camera: THREE.Camera, scene: THREE.Scene): Promise<void>;

package/dist/components/scene/lib/room-image.d.ts

@@ -0,0 +1 @@
+export declare function useRoomImageAspectRatio(src: string): number | null;

package/dist/config/index.d.ts

@@ -0,0 +1,14 @@
+import type { Room } from '../types';
+export declare const HDR_URL = "https://vizbl.com/hdr/neutral.hdr";
+export declare const CARPET_INFERENCE_EXPORT_ENABLED = false;
+export declare const CARPET_INFERENCE_RAW_URL = "https://api.vizbl.com/inference/carpet/run-raw";
+export declare const POSTER_VIEWER_URL: any;
+export declare const ROOM_VIEWER_URL: any;
+export declare const APP_CLIP_BUNDLE_ID: any;
+export declare const ZSCALE = 0.01;
+export declare const FLOOR_SURFACE_ID = "floor";
+export declare const SURFACE_OFFSET = 0.05;
+export declare const POSTER_ROOM_EXAMPLES: Room[];
+export declare const CARPET_ROOM_EXAMPLES: Room[];
+export declare const RAM_TINUUIDS: readonly ["RcSd3KphTyq_JQEjNCqKQA", "gu0109ftQmS-UQkwcW010Q", "nOfGLIZcRVeU93wOkHWSbg", "ozzH5I2kQMW20ao-33C86A", "DBA4wR-zT92vjtuOk9varg"];
+export declare const CARPET_MATERIAL_OWNER_ID = "97f6e38a-d092-41b4-ba62-1a870b54e964";

package/dist/container.d.ts

@@ -0,0 +1 @@
+export declare function RoomViewerContainer(): import("react/jsx-runtime").JSX.Element;

package/dist/context.d.ts

@@ -0,0 +1,46 @@
+import type { ApiMatCollection } from '@vizbl/api/obj';
+import type * as THREE from 'three';
+import type { Room, RoomViewerResourceType } from './types';
+import type { SceneLoadState } from './utils/scene-load';
+export interface RoomViewerContextValue {
+    src: string | null;
+    glbUrl: string | null;
+    tinuuid: string | null;
+    type: RoomViewerResourceType;
+    name: string;
+    rooms: Room[];
+    setRooms: React.Dispatch<React.SetStateAction<Room[]>>;
+    room: Room;
+    setRoomId: React.Dispatch<React.SetStateAction<string>>;
+    material: ApiMatCollection | null;
+    setTinuuid: React.Dispatch<React.SetStateAction<string | null>>;
+    setMaterial: React.Dispatch<React.SetStateAction<ApiMatCollection | null>>;
+    width: number;
+    height: number;
+    frameWidth: number;
+    setFrameWidth: React.Dispatch<React.SetStateAction<number>>;
+    matting: number;
+    setMatting: React.Dispatch<React.SetStateAction<number>>;
+    angle: number;
+    setAngle: (angle: number) => void;
+    rotation: number;
+    setRotation: React.Dispatch<React.SetStateAction<number>>;
+    isDragging: boolean;
+    setIsDragging: React.Dispatch<React.SetStateAction<boolean>>;
+    containerRef: HTMLDivElement | null;
+    setContainerRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+    resourceRef: React.RefObject<THREE.Group | null>;
+    sceneLoad: SceneLoadState;
+    patchSceneLoad: (patch: Partial<SceneLoadState>) => void;
+}
+export interface RoomViewerProviderProps {
+    children: React.ReactNode;
+    src: string | null;
+    tinuuid: string | null;
+    type: RoomViewerResourceType;
+    name: string;
+    width: number;
+    height: number;
+}
+export declare function RoomViewerProvider({ children, src, tinuuid: initialTinuuid, type, width, height, name }: RoomViewerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useRoomViewer(): RoomViewerContextValue;

package/dist/dialog.d.ts

@@ -0,0 +1,5 @@
+import type { DialogProps } from '@vizbl/ui/components/dialog';
+import type { RoomViewerRootProps } from './root';
+export interface RoomViewerDialogProps extends RoomViewerRootProps, Omit<DialogProps, 'children'> {
+}
+export declare function RoomViewerDialog({ type, src, tinuuid, width, height, name, language, ...props }: RoomViewerDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useFrameWidthOptions.d.ts

@@ -0,0 +1,5 @@
+export interface FrameWidthOption {
+    value: number;
+    label: string;
+}
+export declare function useFrameWidthOptions(): FrameWidthOption[];

package/dist/hooks/useMattingOptions.d.ts

@@ -0,0 +1,5 @@
+export interface MattingOption {
+    value: number;
+    label: string;
+}
+export declare function useMattingOptions(): MattingOption[];

package/dist/i18n.d.ts

@@ -0,0 +1,90 @@
+declare const resources: {
+    en: {
+        translation: {
+            readonly matting: "Matting";
+            readonly material: "Material";
+            readonly chooseMaterial: "Choose material";
+            readonly frameWidth: "Frame width";
+            readonly close: "Close";
+            readonly uploadOwnPhoto: "Upload your photo";
+            readonly previousSlide: "Previous slide";
+            readonly nextSlide: "Next slide";
+            readonly mattingOptions: {
+                readonly none: "None";
+            };
+            readonly units: {
+                readonly cm: "cm";
+            };
+            readonly poweredBy: "Powered by Vizbl";
+            readonly ar: {
+                readonly viewInPlace: "View in place";
+                readonly scanQrCode: "Scan this QR code with your phone's camera to view the object in Augmented Reality";
+            };
+            readonly shareMessage: {
+                readonly poster: "Preview poster";
+                readonly carpet: "Preview carpet";
+            };
+            readonly rooms: {
+                readonly 'room-example-1': "Living room";
+                readonly 'room-example-2': "Bedroom";
+                readonly 'room-example-3': "Kitchen";
+                readonly 'room-example-4': "Hallway";
+                readonly 'room-example-5': "Dining room";
+                readonly 'room-example-6': "Office";
+            };
+            readonly scene: {
+                readonly tunePosition: "Tune position";
+                readonly position: "Position";
+                readonly share: "Share";
+                readonly angle: "Angle";
+                readonly rotation: "Rotation";
+                readonly reset: "Reset";
+            };
+        };
+    };
+    ru: {
+        translation: {
+            readonly matting: "Паспарту";
+            readonly material: "Материал";
+            readonly chooseMaterial: "Выберите материал";
+            readonly frameWidth: "Ширина рамки";
+            readonly close: "Закрыть";
+            readonly uploadOwnPhoto: "Загрузить свое фото";
+            readonly previousSlide: "Предыдущий слайд";
+            readonly nextSlide: "Следующий слайд";
+            readonly mattingOptions: {
+                readonly none: "Нет";
+            };
+            readonly units: {
+                readonly cm: "см";
+            };
+            readonly poweredBy: "Технологии Аризо";
+            readonly ar: {
+                readonly viewInPlace: "Просмотреть на месте";
+                readonly scanQrCode: "Отсканируйте этот QR-код камерой телефона, чтобы просмотреть объект в дополненной реальности";
+            };
+            readonly shareMessage: {
+                readonly poster: "Примерить постер";
+                readonly carpet: "Примерить ковер";
+            };
+            readonly rooms: {
+                readonly 'room-example-1': "Гостиная";
+                readonly 'room-example-2': "Спальня";
+                readonly 'room-example-3': "Кухня";
+                readonly 'room-example-4': "Прихожая";
+                readonly 'room-example-5': "Столовая";
+                readonly 'room-example-6': "Кабинет";
+            };
+            readonly scene: {
+                readonly tunePosition: "Настроить положение";
+                readonly position: "Положение";
+                readonly share: "Поделиться";
+                readonly angle: "Угол";
+                readonly rotation: "Поворот";
+                readonly reset: "Сбросить";
+            };
+        };
+    };
+};
+export type RoomViewerLanguage = keyof typeof resources;
+export {};