From 2ceba3fd8d5ce6a55be77e1be8d19407a7634f3b Mon Sep 17 00:00:00 2001
From: Alexandru Popovici <alexandrupopoviciioan@gmail.com>
Date: Thu, 9 May 2024 16:50:29 +0300
Subject: [PATCH] Updated the 'Build for Developers' section  (#41)

* Updated the 'Build for Developers' section with the new embeded viewer and code sample

* Updated embedded src
---
 partials/landing/developersPreview.hbs | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/partials/landing/developersPreview.hbs b/partials/landing/developersPreview.hbs
index a1ddeca..86b7f04 100644
--- a/partials/landing/developersPreview.hbs
+++ b/partials/landing/developersPreview.hbs
@@ -63,7 +63,7 @@
         </p>
         <div class="relative h-96 w-full flex items-center justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
           id="renderer">
-          <iframe src="https://speckle.xyz/embed?stream=3073b96e86"style="width: 100%; height:100%;"></iframe>
+          <iframe title="Speckle" src="https://app.speckle.systems/projects/24c98619ac/models/38639656b8#embed={%22isEnabled%22:true,%22isTransparent%22:true,%22hideControls%22:true,%22hideSelectionInfo%22:true,%22noScroll%22:true,%22manualLoad%22:true}" width="600" height="400" frameborder="0"></iframe>
         </div>
         <div class="w-full bg-gray-300 dark:bg-gray-900 text-gray-500 text-xs py-2 px-8">
           $ ▸ superApp.js <span class="ml-3 opacity-50">#
@@ -73,14 +73,16 @@
         <code class="language-javascript">
   // Sample 3d viewer app
   // See: https://github.com/specklesystems/speckle-server
-  import Viewer from '@speckle/viewer'
+  import { Viewer, SpeckleLoader } from '@speckle/viewer'
 
-  let viewer = new Viewer( )
+  const viewer = new Viewer();
+  await viewer.init();
 
-  // load a model
-  async function load( commitUrl ) {
-    await viewer.loadObject( commitUrl )
-  }</code></pre>
+  /** Create a loader for the speckle stream */
+  const loader = new SpeckleLoader(viewer.getWorldTree(), modelURL);
+  /** Load the speckle data */
+  await viewer.loadObject(loader, true);
+  </code></pre>
 
       </div>
     </div>