@lumiscaphe/viewer 4.1.13 → 4.1.14

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@lumiscaphe/viewer",
-  "version": "4.1.13",
+  "version": "4.1.14",
   "description": "Lumiscaphe 3D Viewer",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
+  "type": "module",
+  "main": "dist/lib/index.cjs",
+  "module": "dist/lib/index.js",
+  "types": "dist/lib/index.d.ts",
   "license": "SEE LICENSE IN LICENSE.md",
   "scripts": {
-    "dev": "rollup -c rollup.config.js -w",
-    "build": "rollup -c rollup.config.js",
-    "build-prod": "rollup -c rollup.config.js --environment NODE_ENV:production",
+    "dev": "vite --config ./vite.config.sample.ts",
+    "preview": "vite preview --config ./vite.config.sample.ts",
+    "build:lib": "vite build --config ./vite.config.lib.ts",
+    "build:sample": "vite build --config ./vite.config.sample.ts",
     "lint": "eslint src/**/*.ts",
     "prepare": "husky"
   },
@@ -19,29 +21,20 @@
     "twgl.js": "~5.5.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "~26.0.0",
-    "@rollup/plugin-eslint": "~9.0.0",
-    "@rollup/plugin-node-resolve": "~15.2.0",
-    "@rollup/plugin-terser": "~0.4.0",
-    "@rollup/plugin-typescript": "~11.1.0",
     "@types/debounce-promise": "~3.1.3",
+    "@types/node": "~20.14.0",
     "@types/regression": "~2.0.0",
     "@typescript-eslint/eslint-plugin": "~7.12.0",
     "@typescript-eslint/parser": "~7.12.0",
-    "cross-env": "~7.0.0",
     "eslint": "~8.57.0",
     "husky": "~9.1.0",
-    "patch-package": "~8.0.0",
-    "postcss": "~8.4.0",
-    "postcss-cssnext": "~3.1.0",
-    "postcss-reporter": "~7.1.0",
-    "rollup": "~2.79.0",
-    "rollup-plugin-copy": "~3.5.0",
-    "rollup-plugin-glsl": "~1.3.0",
-    "rollup-plugin-postcss": "~4.0.0",
     "stylelint": "~15.11.0",
     "stylelint-config-standard": "~34.0.0",
-    "typescript": "~5.6.0",
-    "typescript-plugin-css-modules": "~5.1.0"
+    "typescript": "~5.4.0",
+    "typescript-plugin-css-modules": "~5.1.0",
+    "vite": "~5.4.0",
+    "vite-plugin-css-injected-by-js": "~3.5.0",
+    "vite-plugin-dts": "~4.2.0",
+    "vite-plugin-glsl": "~1.3.0"
   }
 }

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "arrowParens": "avoid",
-  "printWidth": 1000,
-  "singleQuote": true,
-  "trailingComma": "none"
-}

package/dist/Animation.d.ts

@@ -1,7 +0,0 @@
-export interface Animation {
-    name: string;
-    camera: any;
-    duration: number;
-    reverse?: boolean;
-    loop?: boolean;
-}

package/dist/Basis3.d.ts

@@ -1,10 +0,0 @@
-import { m4, v3 } from 'twgl.js';
-export declare class Basis3 {
-    u: v3.Vec3;
-    v: v3.Vec3;
-    w: v3.Vec3;
-    o: v3.Vec3;
-    constructor(...args: v3.Vec3[]);
-    get localToGlobalMatrix(): m4.Mat4;
-    get globalToLocalMatrix(): m4.Mat4;
-}

package/dist/Canvas2D.d.ts

@@ -1,19 +0,0 @@
-import { Resolution } from './Resolution';
-export declare class Canvas2D {
-    element: HTMLCanvasElement;
-    image?: HTMLImageElement;
-    fit: 'contain' | 'cover' | 'fill';
-    private context;
-    private backCanvas;
-    private backContext;
-    private pixelRatio;
-    private requestAnimationId?;
-    constructor(fit: 'contain' | 'cover' | 'fill');
-    destroy(): void;
-    show(useDisplay: boolean): void;
-    hide(useDisplay: boolean): void;
-    get resolution(): Resolution;
-    resize(width: number, height: number, pixelRatio: number): void;
-    draw(img: HTMLImageElement, fade: boolean, speed?: number): void;
-    private fadeLoop;
-}

package/dist/Canvas3D.d.ts

@@ -1,8 +0,0 @@
-export declare class Canvas3D {
-    element: HTMLCanvasElement;
-    context: WebGLRenderingContext | undefined;
-    constructor();
-    show(): void;
-    hide(): void;
-    resize(width: number, height: number, pixelRatio: number): void;
-}

package/dist/Database.d.ts

@@ -1,25 +0,0 @@
-import { PointOfView } from './PointOfView';
-interface Camera {
-    id: string;
-    name: string;
-    pointOfView: PointOfView;
-}
-interface CameraGroup {
-    id: string;
-    name: string;
-    cameras: Camera[];
-}
-export declare class Database {
-    xmlDoc: Document;
-    constructor(xmlDoc: Document);
-    get id(): string | null | undefined;
-    getCameraId(cameraName: string, cameraGroup?: string): string | null | undefined;
-    getCameraById(cameraId: string, groupId?: string): Camera | null;
-    getCameraByName(cameraName: string, groupName?: string): Camera | null;
-    getCameraGroupId(cameraGroup: string): string | null | undefined;
-    getCameraGroupById(id: string): CameraGroup | null;
-    getCameraGroupByName(name: string): CameraGroup | null;
-    private mapElementToCamera;
-    private mapElementToCameraGroup;
-}
-export {};

package/dist/Encoder.d.ts

@@ -1,5 +0,0 @@
-export interface Encoder {
-    format: string;
-    compression?: number;
-    quality?: number;
-}

package/dist/EventHelper.d.ts

@@ -1,5 +0,0 @@
-import { Point } from './Point';
-export declare class EventHelper {
-    static pointFromMouseEvent(e: MouseEvent): Point;
-    static pointFromTouchEvent(e: TouchEvent): Point;
-}

package/dist/Hotspot.d.ts

@@ -1,14 +0,0 @@
-export interface Hotspot {
-    id: string;
-    name: string;
-    position2D: {
-        x: number;
-        y: number;
-    };
-    position3D: {
-        x: number;
-        y: number;
-        z: number;
-    };
-    visibility: 'Visible' | 'Occluded' | 'Clipped' | 'OutOfFrustum';
-}

package/dist/Inertia.d.ts

@@ -1,14 +0,0 @@
-import { Point } from './Point';
-export declare class Inertia {
-    private points;
-    private onMotion;
-    private lastPoint;
-    private velocity;
-    private animationFrameId?;
-    constructor(onMotion: (point: Point) => void);
-    destroy(): void;
-    track(point: Point): void;
-    start(): void;
-    stop(): void;
-    loop(): void;
-}

package/dist/InertiaPoint.d.ts

@@ -1,6 +0,0 @@
-export declare class InertiaPoint {
-    x: number;
-    y: number;
-    time: number;
-    constructor(x: number, y: number, time: number);
-}

package/dist/InteractiveCamera.d.ts

@@ -1,25 +0,0 @@
-import { Point } from './Point';
-import { PointOfView } from './PointOfView';
-import { Size } from './Size';
-export declare class InteractiveCamera {
-    isStarted: boolean;
-    pov: PointOfView;
-    fov: number;
-    private orientationMatrix;
-    private inertia;
-    private onMotion;
-    private initPov;
-    private initFov;
-    private initOrientation;
-    private startPov;
-    private startSize;
-    private previousPoint;
-    constructor(pov: PointOfView, fov: number, onMotion: () => void);
-    destroy(): void;
-    get orientedPov(): PointOfView;
-    reset(): void;
-    start(point: Point, size: Size): void;
-    motion(point: Point): void;
-    end(point: Point, inertia: boolean): void;
-    orientation(alpha: number, beta: number, gamma: number): void;
-}

package/dist/InteractivePosition.d.ts

@@ -1,26 +0,0 @@
-import { Point } from './Point';
-import { Position } from './Position';
-import { Size } from './Size';
-export declare class InteractivePosition {
-    isStarted: boolean;
-    private position;
-    private initPosition;
-    frames: number;
-    rows: number;
-    loop: boolean;
-    private onMotion;
-    private inertia;
-    private startPosition;
-    private startPoint;
-    private startSize;
-    private lastPoints;
-    private lastPointsNumber;
-    constructor(position: Position, frames: number, rows: number, loop: boolean, onMotion: () => void);
-    destroy(): void;
-    reset(): void;
-    get positionIndex(): number;
-    set positionIndex(index: number);
-    start(point: Point, size: Size): void;
-    motion(point: Point): void;
-    end(point: Point, inertia: boolean): void;
-}

package/dist/Loader.d.ts

@@ -1,37 +0,0 @@
-import { Hotspot } from './Hotspot';
-import { LoaderDelegate } from './LoaderDelegate';
-import { Snapshot } from './Snapshot';
-import { WRAPIv2 } from './WRAPIv2';
-export declare class Loader {
-    private webrender;
-    private webrenderV2?;
-    private delegate?;
-    private loadingId;
-    private loaded;
-    private total;
-    private databases;
-    constructor(server: string, api: string, delegate: LoaderDelegate);
-    get progress(): number;
-    loadImageSnapshot(snapshot: Snapshot): Promise<HTMLImageElement>;
-    loadVideoSnapshot(video: HTMLVideoElement, snapshot: Snapshot): Promise<any>;
-    loadVRCubeSnapshot(snapshot: Snapshot): Promise<HTMLImageElement[]>;
-    loadVRObjectSnapshot(snapshot: Snapshot, position: number): Promise<Promise<HTMLImageElement>[]>;
-    private loadImage;
-    private loadImageFrames;
-    private loadVideo;
-    private loadVideoFrame;
-    private loadVideoFrames;
-    loadImageHotspots(snapshot: Snapshot, hotspots: Array<string | WRAPIv2.Vector3D>): Promise<Hotspot[]>;
-    loadVRCubeHotspots(snapshot: Snapshot, hotspots: Array<string | WRAPIv2.Vector3D>): Promise<Hotspot[][]>;
-    loadVRObjectHotspots(snapshot: Snapshot, hotspots: Array<string | WRAPIv2.Vector3D>): Promise<Hotspot[][]>;
-    loadImagePick(snapshot: Snapshot, position: WRAPIv2.Vector2D): Promise<WRAPIv2.PickResult>;
-    loadVRObjectPick(snapshot: Snapshot, position: WRAPIv2.Vector2D, index: number, frames: number): Promise<WRAPIv2.PickResult>;
-    loadVRCubePick(snapshot: Snapshot, position: WRAPIv2.Vector2D, face: string): Promise<WRAPIv2.PickResult>;
-    private convert;
-    private vrObjectFrameSnapshot;
-    private vrCubeFrameSnapshot;
-    private onLoadStart;
-    private onLoadProgress;
-    private onLoadEnd;
-    private static isValidHttpUrl;
-}

package/dist/LoaderDelegate.d.ts

@@ -1,5 +0,0 @@
-export interface LoaderDelegate {
-    onLoadStart: (progress: number) => void;
-    onLoadProgress: (progress: number) => void;
-    onLoadEnd: (progress: number) => void;
-}

package/dist/Maths.d.ts

@@ -1,11 +0,0 @@
-import { m4 } from 'twgl.js';
-export declare class Maths {
-    static accelerate(v: number, f: number): number;
-    static clamp(v: number, min: number, max: number): number;
-    static degreesToRadians(a: number): number;
-    static radiansToDegrees(a: number): number;
-    static mod(x: number, y: number): number;
-    static perspectiveWithFovX(fovX: number, aspect: number, near: number, far: number, dst?: m4.Mat4): m4.Mat4;
-    static perspectiveWithFovY(fovY: number, aspect: number, near: number, far: number, dst?: m4.Mat4): m4.Mat4;
-    static perspectiveWithLeft(left: number, right: number, bottom: number, top: number, near: number, far: number, dst?: m4.Mat4): m4.Mat4;
-}

package/dist/Options.d.ts

@@ -1,11 +0,0 @@
-export interface Options {
-    server: string;
-    api: string;
-    autores: boolean;
-    fit: 'contain' | 'cover' | 'fill';
-    image: any;
-    video: any;
-    vrcube: any;
-    vrobject: any;
-    events: any;
-}

package/dist/Parameters.d.ts

@@ -1,9 +0,0 @@
-export interface Parameters {
-    width?: number;
-    height?: number;
-    antialiasing: boolean;
-    superSampling: number;
-    imageFormat?: string;
-    imageQuality?: number;
-    softwareAntialiasing?: boolean;
-}

package/dist/Point.d.ts

@@ -1,6 +0,0 @@
-export declare class Point {
-    x: number;
-    y: number;
-    constructor(x: number, y: number);
-    clone(): Point;
-}

package/dist/PointOfView.d.ts

@@ -1,13 +0,0 @@
-import { m4, v3 } from 'twgl.js';
-export declare class PointOfView {
-    target: v3.Vec3;
-    eye: v3.Vec3;
-    up: v3.Vec3;
-    static readonly default: PointOfView;
-    static initCubeFace(eye: v3.Vec3, target: v3.Vec3, face: string): PointOfView;
-    constructor(target: v3.Vec3, eye: v3.Vec3, up: v3.Vec3);
-    get viewVector(): v3.Vec3;
-    get rightVector(): v3.Vec3;
-    get viewMatrix(): m4.Mat4;
-    clone(): PointOfView;
-}

package/dist/Position.d.ts

@@ -1,4 +0,0 @@
-export interface Position {
-    x: number;
-    y: number;
-}

package/dist/Resolution.d.ts

@@ -1,6 +0,0 @@
-export declare class Resolution {
-    width: number;
-    height: number;
-    constructor(width: number, height: number);
-    get aspect(): number;
-}

package/dist/Scene.d.ts

@@ -1,14 +0,0 @@
-import { WRAPIv2 } from './WRAPIv2';
-export type ImageScene = string;
-export interface WebRenderScene {
-    database: string;
-    configuration?: string;
-    animations?: string[];
-    translation?: {
-        x: number;
-        y: number;
-    };
-    accessory?: boolean;
-    decor?: boolean;
-}
-export type Scene = ImageScene | WebRenderScene | WRAPIv2.Scene;

package/dist/Size.d.ts

@@ -1,5 +0,0 @@
-export declare class Size {
-    width: number;
-    height: number;
-    constructor(width: number, height: number);
-}

package/dist/Snapshot.d.ts

@@ -1,10 +0,0 @@
-import { Encoder } from './Encoder';
-import { Parameters } from './Parameters';
-import { Scene } from './Scene';
-import { View } from './View';
-export interface Snapshot {
-    scene: Scene[];
-    view: View;
-    parameters: Parameters;
-    encoder: Encoder;
-}

package/dist/Spherical.d.ts

@@ -1,11 +0,0 @@
-import { v3 } from 'twgl.js';
-import { PointOfView } from './PointOfView';
-export declare class Spherical {
-    target: v3.Vec3;
-    longitude: number;
-    latitude: number;
-    distance: number;
-    constructor(pov: PointOfView);
-    get vector(): v3.Vec3;
-    pointOfView(target: v3.Vec3): PointOfView;
-}

package/dist/Transition.d.ts

@@ -1,6 +0,0 @@
-import { Animation } from './Animation';
-export interface Transition {
-    fromPosition: number;
-    toPosition: number;
-    animation: Animation;
-}

package/dist/Video.d.ts

@@ -1,8 +0,0 @@
-import { Resolution } from './Resolution';
-export declare class Video {
-    element: HTMLVideoElement;
-    constructor();
-    show(): void;
-    hide(): void;
-    resize(width: number, height: number, resolution: Resolution, fit: 'contain' | 'cover' | 'fill'): void;
-}

package/dist/View.d.ts

@@ -1,20 +0,0 @@
-export interface View {
-    mode: string;
-    camera?: string | any;
-    background?: string;
-    animation?: string;
-    frames?: number;
-    loop?: boolean;
-    cameraGroup?: any;
-    panFrom?: number;
-    panTo?: number;
-    panFrames?: number;
-    panLoop?: boolean;
-    tiltFrom?: number;
-    tiltTo?: number;
-    tiltFrames?: number;
-    tiltLoop?: boolean;
-    duration?: number;
-    reverse?: boolean;
-    fps?: number;
-}

package/dist/Viewer.d.ts

@@ -1,67 +0,0 @@
-import { Animation } from './Animation';
-import { Encoder } from './Encoder';
-import { Options } from './Options';
-import { Parameters } from './Parameters';
-import { Scene } from './Scene';
-import { Transition } from './Transition';
-import { View } from './View';
-import { WRAPIv2 } from './WRAPIv2';
-import { WidgetVRCube } from './WidgetVRCube';
-import { WidgetVRObject } from './WidgetVRObject';
-import './index.css';
-export declare class Viewer {
-    options: Options;
-    private container;
-    private containerWidth;
-    private containerHeight;
-    private canvas2D;
-    private canvas3D;
-    private video;
-    private loader;
-    private scene?;
-    private view?;
-    private parameters;
-    private encoder;
-    private hotspots;
-    private resolution;
-    private widget;
-    private widgetImage;
-    private widgetVideo;
-    private widgetVRCube;
-    private widgetVRObject;
-    private isDestroyed;
-    constructor(container: HTMLElement, options: Partial<Options>);
-    destroy(): void;
-    load(scene: Scene | Scene[], transition?: Transition): Promise<void>;
-    setEncoder(encoder: Encoder): Promise<void>;
-    setParameters(parameters: Parameters): Promise<void>;
-    setHotspots(hotspots: Array<string | WRAPIv2.Vector3D>): void;
-    setView(view: View, transition?: Transition): Promise<void>;
-    setVrcube(data: Partial<WidgetVRCube>): void;
-    setVrobject(data: Partial<WidgetVRObject>): void;
-    private loadAnimation;
-    playAnimation(animation: Animation): Promise<void>;
-    stopAnimation(): void;
-    pick(position: WRAPIv2.Vector2D): Promise<WRAPIv2.PickResult>;
-    pickHotspot(position: WRAPIv2.Vector2D): Promise<WRAPIv2.PickResult>;
-    snapshot(type: string, quality: number): string;
-    private loadWidget;
-    private get viewWidget();
-    private checkResize;
-    private onMouseDown;
-    private onMouseEnter;
-    private onMouseMove;
-    private onMouseUp;
-    private onTouchStart;
-    private onTouchMove;
-    private onTouchEnd;
-    private onDeviceOrientation;
-    private onResize;
-    private onVrcubeInteraction;
-    private onVrobjectInteraction;
-    private onHotspotsChange;
-    onLoadStart(...args: any[]): void;
-    onLoadProgress(...args: any[]): void;
-    onLoadEnd(...args: any[]): void;
-    private onLoadError;
-}

package/dist/Viewport.d.ts

@@ -1,19 +0,0 @@
-import { Position } from './Position';
-import { Resolution } from './Resolution';
-export declare class Viewport {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    constructor(top: number, left: number, width: number, height: number);
-    static contains(resolution: Resolution, position: {
-        x: number;
-        y: number;
-    }): boolean;
-    static fit(resolution: Resolution, viewportResolution: Resolution, fit: 'contain' | 'cover' | 'fill'): Viewport;
-    static project(resolution: Resolution, viewportResolution: Resolution, fit: 'contain' | 'cover' | 'fill', position: Position): Position;
-    static unproject(resolution: Resolution, viewportResolution: Resolution, fit: 'contain' | 'cover' | 'fill', position: Position): Position;
-    static getStandardAspectRatio(width: number, height: number): number;
-    static getStandardResolution(width: number, height: number): Resolution;
-    private static getStandardQuality;
-}

package/dist/WRAPIv1.d.ts

@@ -1,37 +0,0 @@
-export declare namespace WRAPIv1 {
-    interface RequestRender {
-        databaseId: string;
-        configuration?: string;
-        animations?: string;
-        accessoryDatabaseId?: string;
-        decorDatabaseId?: string;
-        decorDeltaAltitude?: number;
-        background?: string;
-        width: number;
-        height: number;
-        softwareAntialiasing: boolean;
-        superSampling: number;
-        imageFormat: string;
-        imageQuality: number;
-    }
-    interface RequestRenderBatchCubeFromBookmark extends RequestRender {
-        bookmarkSet: string;
-        bookmark: string;
-    }
-    interface RequestRenderBatchImagesFromAnimation extends RequestRender {
-        animation: string;
-        bookmarkSet: string;
-        bookmark: string;
-        duration?: number;
-        frames?: number;
-        loop?: boolean;
-        reverse?: boolean;
-    }
-    interface RequestRenderBatchImagesFromBookmarkSet extends RequestRender {
-        bookmarkSet: string;
-    }
-    interface RequestRenderImageFromBookmark extends RequestRender {
-        bookmarkSet: string;
-        bookmark: string;
-    }
-}