Support spaces from medium links, rename active_tab to tab

Author: SanderMertens

etc/js/app.js

@@ -27,7 +27,7 @@ const defaultAppParams = {
   },
   entities: {
     path: undefined,
-    active_tab: "Overview",
+    tab: "Overview",
     inspector_tab: "Inspect",
     tree_mode: "Entities",
   },
@@ -50,7 +50,7 @@ function newAppParams() {
   let result = structuredClone(defaultAppParams);
 
   result.run_playground = function() { 
-    this.entities.active_tab = "Scene";
+    this.entities.tab = "Scene";
     this.entities.inspector_tab = "Script";
     this.entities.path = "etc.assets.scene\\.flecs";
     this.host = "flecs_explorer.wasm";
@@ -524,6 +524,9 @@ Promise.all(components).then((values) => {
             value = url.slice(paramValuePos + 1);
           }
 
+          // medium links encode spaces as +
+          value = value.replaceAll("+", "%20");
+
           if (key.length == 1) {
             const type = typeof this.app_params[key[0]];
             this.app_params[key[0]] = 

etc/js/components/pages/entities/page.vue

@@ -23,7 +23,7 @@
 
     <pane-content :conn="conn" :app_state="app_state"
       ref="pane_content"
-      v-model:active_tab="appParams.entities.active_tab"
+      v-model:tab="appParams.entities.tab"
       v-model:scripts="appParams.scripts"
       @onCodeChange="onCodeChange">
     </pane-content>

etc/js/components/pages/entities/pane-content.vue

@@ -35,7 +35,7 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["onCodeChange"]);
-const activeTab = defineModel("active_tab");
+const activeTab = defineModel("tab");
 const scripts = defineModel("scripts");
 const changed = ref(false);
 

etc/js/components/widgets/edit-tabs.vue

@@ -145,8 +145,8 @@ div.edit-tabs-container {
 
 div.edit-tabs-content {
   grid-row: 2;
-  height: calc(100% - 4px);
-  overflow-y: auto;
+  height: 100%;
+  overflow-y: none;
 }
 
 div.edit-tabs-tabs {

etc/js/components/widgets/scene-canvas.vue

@@ -52,7 +52,7 @@ onUnmounted(() => {
 });
 
 watch(() => [props.app_state.has3DCanvas, props.app_params.page, 
-             props.app_params.sidebar, props.app_params.entities.active_tab,
+             props.app_params.sidebar, props.app_params.entities.tab,
              props.app_params.script], () => 
 {
   handleResize();

etc/js/components/widgets/title-bar/url-bar.vue

@@ -84,7 +84,7 @@ function onConnect() {
     app_params.value.scripts = [];
     app_params.value.code = undefined;
     app_params.value.code_url = undefined;
-    app_params.value.entities.active_tab = "Overview";
+    app_params.value.entities.tab = "Overview";
     app_params.value.entities.inspector_tab = "Inspect";
     app_params.value.entities.path = undefined;
     app_params.value.host = "localhost";