Merge pull request #5 from Elius94:Elius94/issue4

How to use markersPlugin methods?
Elius94 · Sep 12, 2022 · 153f0cf · 153f0cf
2 parents 5c3058c + d4138d2
commit 153f0cf
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -235,11 +235,30 @@ Currently managed methods are:
  - destroy()
  - rotate(options: { x: number, y: number })
  - setOption(option: keyof ViewerOptions, value: any)
+ - setOptions(options: ViewerOptions)
  - zoom(value: number)
  - zoomIn()
  - zoomOut()
+ - resize(size: CssSize)
+ - enterFullscreen()
+ - exitFullscreen()
+ - toggleFullscreen()
+ - isFullscreenEnabled()
  - startAutoRotate()
  - stopAutoRotate()
+ - getPlugin(pluginName: string)
+ - getPosition()
+ - getZoomLevel()
+ - getSize()
+ - needsUpdate()
+ - autoSize()
+ - setPanorama(path: string, options?: object)
+ - setOverlay(path: string, opacity?: number)
+ - toggleAutorotate()
+ - showError(message: string)
+ - hideError()
+ - startKeyboardControl()
+ - stopKeyboardControl()
 
 > To see the original methods, click [here](http://photo-sphere-viewer.js.org/guide/methods.html).
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-photo-sphere-viewer",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "description": "Photosphere Viewer for React.JS, wrapper of photo-sphere-viewer.js",
     "author": "Elius94",
     "license": "MIT",

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useImperativeHandle, forwardRef, createRef } from "react"
-import { Viewer, ViewerOptions, PanoData, ClickData, Position, AnimateOptions } from "photo-sphere-viewer"
+import { Viewer, ViewerOptions, PanoData, ClickData, Position, AnimateOptions, CssSize } from "photo-sphere-viewer"
 import "./styles.css"
 import "photo-sphere-viewer/dist/photo-sphere-viewer.css"
 import EventEmitter from "eventemitter3"
@@ -240,6 +240,9 @@ const ReactPhotoSphereViewer = forwardRef((options: Props, ref: any): React.Reac
         setOption(option: keyof ViewerOptions, value: any): void {
             Emitter.emit("setOption", { option, value })
         },
+        setOptions(options: ViewerOptions): void {
+            return spherePlayerInstance?.setOptions(options)
+        },
         zoom(value: number) {
             Emitter.emit("zoom", value)
         },
@@ -249,11 +252,65 @@ const ReactPhotoSphereViewer = forwardRef((options: Props, ref: any): React.Reac
         zoomOut() {
             Emitter.emit("zoomOut", {})
         },
+        resize(size: CssSize) {
+            return spherePlayerInstance?.resize(size)
+        },
+        enterFullscreen() {
+            return spherePlayerInstance?.enterFullscreen()
+        },
+        exitFullscreen() {
+            return spherePlayerInstance?.exitFullscreen()
+        },
+        toggleFullscreen() {
+            return spherePlayerInstance?.toggleFullscreen()
+        },
+        isFullscreenEnabled() {
+            return spherePlayerInstance?.isFullscreenEnabled()
+        },
         startAutoRotate() {
             Emitter.emit("startAutoRotate", {})
         },
         stopAutoRotate() {
             Emitter.emit("stopAutoRotate", {})
+        },
+        getPlugin(pluginName: string) {
+            return spherePlayerInstance?.getPlugin(pluginName)
+        },
+        getPosition() {
+            return spherePlayerInstance?.getPosition()
+        },
+        getZoomLevel() {
+            return spherePlayerInstance?.getZoomLevel()
+        },
+        getSize() {
+            return spherePlayerInstance?.getSize()
+        },
+        needsUpdate() {
+            return spherePlayerInstance?.needsUpdate()
+        },
+        autoSize() {
+            return spherePlayerInstance?.autoSize()
+        },
+        setPanorama(path: string, options?: object) {
+            return spherePlayerInstance?.setPanorama(path, options)
+        },
+        setOverlay(path: string, opacity?: number) {
+            return spherePlayerInstance?.setOverlay(path, opacity)
+        },
+        toggleAutorotate() {
+            return spherePlayerInstance?.toggleAutorotate()
+        },
+        showError(message: string) {
+            return spherePlayerInstance?.showError(message)
+        },
+        hideError() {
+            return spherePlayerInstance?.hideError()
+        },
+        startKeyboardControl() {
+            return spherePlayerInstance?.startKeyboardControl()
+        },
+        stopKeyboardControl() {
+            return spherePlayerInstance?.stopKeyboardControl()
         }
     }), [spherePlayerInstance, sphereElementRef, options, ref])