From 26973fd232a58e2d7efbc5369e836ef765474caa Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 28 Feb 2024 18:49:01 -0500
Subject: [PATCH] open studio to sample scene

---
 .../src/components/common/Scene3D/Scene3D.tsx       | 13 ++++++++++++-
 .../storyteller_studio/StorytellerStudioPage.tsx    |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/Scene3D/Scene3D.tsx b/packages/fakeyou.com/src/components/common/Scene3D/Scene3D.tsx
index 53fe5eef39..cae4a99780 100644
--- a/packages/fakeyou.com/src/components/common/Scene3D/Scene3D.tsx
+++ b/packages/fakeyou.com/src/components/common/Scene3D/Scene3D.tsx
@@ -2,17 +2,28 @@ import React from "react";
 import IframeResizer from "iframe-resizer-react";
 import "./Scene3D.scss";
 
+// See the following page for Storyteller Engine's query param documentation:
+// https://www.notion.so/storytellerai/Studio-Iframe-Query-Params-a748a9929ec3404780c3884e7fb89bdb
 interface Scene3DProps {
   mode: string;
   fullScreen?: boolean;
   urlParams?: string;
+  objectId?: string;
 }
 
 export default function Scene3D({
   mode,
   fullScreen = false,
+  objectId,
   urlParams,
 }: Scene3DProps) {
+
+  let engineUrl = `https://engine.fakeyou.com?mode=${mode}`;
+
+  if (objectId) {
+    engineUrl += `&objectId=${objectId}`;
+  }
+
   return (
     <div
       className={`${
@@ -20,7 +31,7 @@ export default function Scene3D({
       }`.trim()}
     >
       <IframeResizer
-        src={`https://engine.fakeyou.com?mode=${mode}`}
+        src={engineUrl}
         width="100%"
         height="100%"
         id=""
diff --git a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio/StorytellerStudioPage.tsx b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio/StorytellerStudioPage.tsx
index 716632ea95..2f98e1b198 100644
--- a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio/StorytellerStudioPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio/StorytellerStudioPage.tsx
@@ -19,7 +19,7 @@ function StorytellerStudioListPage(props: Props) {
 
   return (
     <>
-      <Scene3D fullScreen={true} mode="studio" />
+      <Scene3D fullScreen={true} mode="studio" objectId="sample-room.gltf" />
     </>
   );
 }