react-pannellum-next - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/types.d.ts

@@ -1,3 +0,107 @@
-export default PanoramaViewer;
+declare module 'react-pannellum-next' {
+    import React from 'react';
 
-//# sourceMappingURL=types.d.ts.map
+    namespace pannellum {
+        interface viewerOptions extends Partial<ViewerOptions> {
+            type: string;
+            panorama: string;
+            // Add other options here
+        }
+
+        interface viewer {
+            destroy: () => void;
+            getContainer: () => HTMLElement;
+            loadScene: (sceneId: string | number, config: any, immediate?: boolean) => void;
+            getScene: () => any;
+            setScene: (sceneId: string | number, config: any, fadeDuration?: number) => void;
+            isLoaded: () => boolean;
+            toggleFullscreen: () => void;
+            getConfig: () => any;
+            getRenderer: () => any;
+            addHotSpot: (hotSpot: any) => void;
+            removeHotSpot: (hotSpot: any) => void;
+            getHotSpots: () => any[];
+            clearHotSpots: () => void;
+            resize: () => void;
+            onMouseDown: (event: MouseEvent) => void;
+            onMouseMove: (event: MouseEvent) => void;
+            onMouseUp: (event: MouseEvent) => void;
+            onTouchStart: (event: TouchEvent) => void;
+            onTouchMove: (event: TouchEvent) => void;
+            onTouchEnd: (event: TouchEvent) => void;
+            onOrientationChange: () => void;
+            onFullScreenChange: () => void;
+            onResize: () => void;
+        }
+
+        function viewer(container: HTMLElement, options: viewerOptions): viewer;
+    }
+
+    export interface PanoramaViewerProps {
+        imagePath: string;
+        hotSpots?: HotspotProps[];
+        autoLoad?: boolean;
+        autoRotate?: number;
+        compass?: boolean;
+        showControls?: boolean;
+        width?: string;
+        height?: string;
+
+        haov?: number;
+        vaov?: number;
+
+        hotSpotDebug?: boolean;
+    }
+
+    export interface HotspotProps {
+        pitch: number;
+        yaw: number;
+        type: string;
+        text?: string;
+        URL?: string;
+        cssClass?: string;
+        onClick?: Function;
+        createTooltipFunc?: Function;
+    }
+
+    interface ViewerOptions {
+        type: string;
+        panorama: string;
+        autoLoad?: boolean;
+        autoRotate?: number;
+        hotSpotDebug?: boolean;
+        yaw?: number;
+        pitch?: number;
+        hfov?: number;
+        vaov?: number;
+        minHfov?: number;
+        maxHfov?: number;
+        minPitch?: number;
+        maxPitch?: number;
+        showControls?: boolean;
+        showZoomCtrl?: boolean;
+        keyboardZoom?: boolean;
+        mouseZoom?: boolean;
+        showFullscreenCtrl?: boolean;
+        compass?: boolean;
+        compassOffset?: [number, number];
+        hotSpots?: PanenellumHotSpot[];
+    }
+
+    interface PanenellumHotSpot {
+        pitch: number;
+        yaw: number;
+        type: string;
+        text?: string;
+        URL?: string;
+        cssClass?: string;
+        createTooltipFunc?: Function;
+        clickHandlerFunc?: Function;
+    }
+
+    const PanoramaViewer: React.FC<PanoramaViewerProps>;
+
+    export {
+        PanoramaViewer
+    };
+}

index.ts

@@ -1,3 +0,3 @@
-export * from './src/PanoramaViewer';
-export { default as PanoramaViewer } from './src/PanoramaViewer';
+export * from './src/PanoramaViewer.tsx';
+export { default as PanoramaViewer } from './src/PanoramaViewer.tsx';
 

package.json

 {
   "name": "react-pannellum-next",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "The `PanoramaViewer` component is a React component that provides a panoramic image viewer using the Pannellum library. It allows you to display a 360-degree image and add interactive hotspots to it.",
   "source": "src/index.ts",
   "main": "dist/index.js",
-  "types": "dist/types.d.ts",
   "browserslist": "> 0.5%, last 2 versions, not dead",
@@ -12,3 +11,4 @@ "scripts": {
     "dev": "parcel index.html",
-    "build": "parcel build"
+    "build": "parcel build",
+    "prepublishOnly": "npm run build"
   },
@@ -15,0 +15,0 @@ "repository": {

tsconfig.json

 {
     "compilerOptions": {
-        "target": "ES6",
+        "target": "es2015",
         "moduleResolution": "node",
@@ -11,2 +11,11 @@ "esModuleInterop": true,
         "declarationMap": false,
+        
+
+        "declaration": true,
+        "outDir": "./dist",
+        "module": "ESNext",
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+
+
         "paths": {
@@ -28,3 +37,4 @@ "~/*": [
         "es2015"
-    ]
+    ],
+
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

163445

decreased by-2.09%

Number of package files

9

decreased by-40%

Lines of code

237

decreased by-33.98%

No dependency changes