From 72c09abb2bc2ff123f74a2d7a003e8ea4d23ba1e Mon Sep 17 00:00:00 2001
From: Robin Davies <robin.davies@amplyfigroup.com>
Date: Fri, 15 Mar 2019 19:45:18 +0000
Subject: [PATCH] Adding scene to pannellum.viewer init fucntion

This means that function that rely of having scene accessible will now work.
Adding id to pannellum img viewer example.
---
 demo/src/components/ImageDemo.js |  2 ++
 src/elements/Pannellum.js        | 17 +++++++++++++----
 src/pannellum/js/pannellum.js    |  5 ++++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/demo/src/components/ImageDemo.js b/demo/src/components/ImageDemo.js
index d4a81d1..34c1f71 100644
--- a/demo/src/components/ImageDemo.js
+++ b/demo/src/components/ImageDemo.js
@@ -71,6 +71,8 @@ export default class ImageDemo extends Component {
         <div className="pannellum_div">
           <Pannellum
             ref={this.ref}
+            id="sceneId"
+            sceneId="firstScene"
             width="800px"
             height="400px"
             image={this.state.mediaPhoto}
diff --git a/src/elements/Pannellum.js b/src/elements/Pannellum.js
index 641df19..1b5f27a 100644
--- a/src/elements/Pannellum.js
+++ b/src/elements/Pannellum.js
@@ -210,10 +210,19 @@ class Pannellum extends PureComponent {
     if (state === "update") {
       this.panorama.destroy();
     } 
-    this.panorama = pannellum.viewer(
-      this.props.id ? this.props.id : this.state.id,
-      jsonConfig
-    );
+
+    const panorama = jsonConfig.panorama;
+    this.panorama = pannellum.viewer(this.props.id, {
+      default: {
+        firstScene: this.props.id ? this.props.id : this.state.id
+      },
+      scenes: {
+        [this.props.id ? this.props.id : this.state.id]: {
+          ...jsonConfig,
+          panorama
+        }
+      }
+    });
 
     this.panorama.on("load", this.props.onLoad);
     this.panorama.on("scenechange", this.props.onScenechange);
diff --git a/src/pannellum/js/pannellum.js b/src/pannellum/js/pannellum.js
index 3520cbe..a94b40a 100644
--- a/src/pannellum/js/pannellum.js
+++ b/src/pannellum/js/pannellum.js
@@ -2740,7 +2740,10 @@ window.pannellum = (function(window, document, undefined) {
  * @returns {string} ID of current scene
  */
     this.getScene = function() {
-      return config.scene;
+      return {
+        currentSceneId: config.scene,
+        sceneConfig: config.scenes[config.scene]
+      };
     };
 
     /**