allow a 'startPane' parameter to the editor

build/js/build.js

@@ -70,6 +70,16 @@ function replaceParams(str, params) {
   return template(params);
 }
 
+function encodeParams(params) {
+  const values = Object.values(params).filter(v => v);
+  if (!values.length) {
+    return '';
+  }
+  return '&' + Object.entries(params).map((kv) => {
+    return `${encodeURIComponent(kv[0])}=${encodeURIComponent(kv[1])}`;
+  }).join('&');
+}
+
 function encodeQuery(query) {
   if (!query) {
     return '';
@@ -126,6 +136,9 @@ Handlebars.registerHelper('example', function(options) {
   options.hash.examplePath = options.data.root.examplePath;
   options.hash.encodedUrl = encodeURIComponent(encodeUrl(options.hash.url));
   options.hash.url = encodeUrl(options.hash.url);
+  options.hash.params = encodeParams({
+    startPane: options.hash.startPane,
+  });
   return templateManager.apply("build/templates/example.template", options.hash);
 });
 

build/templates/example.template

@@ -1,5 +1,5 @@
 <div class="threejs_example_container">
-  <iframe class="threejs_example" style="{{width}} {{height}}" src="/threejs/resources/editor.html?url={{{examplePath}}}{{{encodedUrl}}}"></iframe>
+  <iframe class="threejs_example" style="{{width}} {{height}}" src="/threejs/resources/editor.html?url={{{examplePath}}}{{{encodedUrl}}}{{{params}}}"></iframe>
   <a class="threejs_center" href="{{{examplePath}}}{{{url}}}" target="_blank">{{{caption}}}</a>
 </div>