@vizbl/react-room-viewer 0.0.14

package/dist/locales/en/ns1.d.ts

@@ -0,0 +1,42 @@
+declare const ns1: {
+    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";
+    };
+};
+export default ns1;

package/dist/locales/ru/ns1.d.ts

@@ -0,0 +1,42 @@
+declare const ns1: {
+    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 default ns1;

package/dist/root.d.ts

@@ -0,0 +1,12 @@
+import type { RoomViewerLanguage } from './i18n';
+import type { RoomViewerResourceType } from './types';
+export interface RoomViewerRootProps {
+    type: RoomViewerResourceType;
+    src?: string;
+    tinuuid?: string;
+    name: string;
+    language?: RoomViewerLanguage;
+    width?: number;
+    height?: number;
+}
+export declare function RoomViewerRoot({ type, src, tinuuid, name, height, width, language }: RoomViewerRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -0,0 +1,45 @@
+import type * as THREE from 'three';
+export interface PlanePosition {
+    z: number;
+    pitchDeg: number;
+    rollDeg: number;
+}
+export interface SideConfig extends PlanePosition {
+    id: string;
+}
+export interface RoomConfig {
+    camera: {
+        fov: number;
+    };
+    maskUrl?: string;
+    floor: PlanePosition;
+    walls: SideConfig[];
+}
+export interface NormalizedRoomConfig {
+    camera: {
+        fov: number;
+    };
+    maskUrl?: string;
+    surfaces: SideConfig[];
+}
+export interface Room {
+    id: string;
+    name: string;
+    image: string;
+    config: NormalizedRoomConfig;
+}
+export type RoomViewerResourcePoster = 'poster';
+export type RoomViewerResourceCarpet = 'carpet';
+export type RoomViewerResourceType = RoomViewerResourcePoster | RoomViewerResourceCarpet;
+export interface ResourcePose {
+    position: THREE.Vector3Tuple;
+    quaternion: THREE.QuaternionTuple;
+}
+export interface PlaneUserData {
+    surfaceId: string;
+}
+export interface SegmentationClassMap {
+    classes: Uint8Array;
+    width: number;
+    height: number;
+}

package/dist/utils/core.d.ts

@@ -0,0 +1,7 @@
+import type { NormalizedRoomConfig, RoomConfig } from '../types';
+import * as THREE from 'three';
+export declare function calculatePlanePose(z: number, pitchDeg: number, rollDeg: number, camera: THREE.Camera): {
+    position: THREE.Vector3Tuple;
+    quaternion: THREE.QuaternionTuple;
+};
+export declare function normalizeRoomConfig(config: RoomConfig): NormalizedRoomConfig;

package/dist/utils/device.d.ts

@@ -0,0 +1,3 @@
+export declare const isIOS: boolean;
+export declare const isAndroid: boolean;
+export declare const isMobile: boolean;

package/dist/utils/id.d.ts

@@ -0,0 +1 @@
+export declare function getNextGlobalId(prefix: string): string;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { calculatePlanePose, normalizeRoomConfig } from './core';
+export { getNextGlobalId } from './id';

package/dist/utils/room-helpers.d.ts

@@ -0,0 +1,5 @@
+import * as THREE from 'three';
+export declare function buildResourcePoseFromHit(hit: THREE.Intersection): {
+    position: THREE.Vector3Tuple;
+    quaternion: THREE.QuaternionTuple;
+};

package/dist/utils/scene-load.d.ts

@@ -0,0 +1,10 @@
+import type { RoomViewerResourceType } from '../types';
+export interface SceneLoadState {
+    layoutReady: boolean;
+    placementReady: boolean;
+    materialReady: boolean;
+    artifactsReady: boolean;
+    assetsReady: boolean;
+    prepareReady: boolean;
+}
+export declare function getInitialSceneLoadState(type: RoomViewerResourceType): SceneLoadState;

package/dist/utils/segmentation.d.ts

@@ -0,0 +1,8 @@
+import type { SegmentationClassMap } from '../types';
+export declare const FLOOR_SEGMENTATION_CLASS = 2;
+export declare const CARPET_SEGMENTATION_CLASS = 3;
+export declare function isFloorOrCarpetSegmentationClass(classId: number): boolean;
+export declare function getFloorOrCarpetMaskCentroid(mask: SegmentationClassMap): {
+    x: number;
+    y: number;
+} | null;

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@vizbl/react-room-viewer",
+  "type": "module",
+  "version": "0.0.14",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@google/model-viewer": "4.2.0",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "1.1.8",
+    "@radix-ui/react-slot": "1.2.4",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.5.0",
+    "@tanstack/react-query": "5.90.12",
+    "axios": "^1.13.2",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "culori": "^4.0.2",
+    "framer-motion": "^12.29.2",
+    "i18next": "^25.6.3",
+    "i18next-browser-languagedetector": "8.2.0",
+    "lucide-react": "0.553.0",
+    "next-themes": "^0.4.6",
+    "qrcode": "^1.5.4",
+    "radix-ui": "1.4.3",
+    "react-i18next": "^16.3.5",
+    "react-intersection-observer": "^10.0.0",
+    "react-zoom-pan-pinch": "3.7.0",
+    "swiper": "^12.1.0",
+    "tailwind-merge": "3.4.0",
+    "three": "^0.182.0",
+    "ua-parser-js": "^2.0.9"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.58.0",
+    "@rsbuild/core": "1.7.1",
+    "@rsbuild/plugin-react": "1.4.2",
+    "@rsdoctor/rspack-plugin": "^1.5.2",
+    "@rslib/core": "0.18.4",
+    "@tailwindcss/postcss": "4.1.17",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "19.2.3",
+    "@types/three": "0.181.0",
+    "eslint": "9.39.1",
+    "postcss-prefix-selector": "2.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "4.1.17",
+    "typescript": "^5.9.3",
+    "@vizbl/api": "0.0.1",
+    "@vizbl/typescript-config": "0.0.0",
+    "@vizbl/eslint-config": "0.0.1",
+    "@vizbl/ui": "0.1.3"
+  },
+  "scripts": {
+    "dev": "rslib build --watch",
+    "build": "rslib build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "rsdoctor": "RSDOCTOR=true rslib build"
+  }
+}