From f827e8d9aab6dfea667ecefa87276612b4ae372c Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Thu, 2 Apr 2020 15:16:46 +0200
Subject: [PATCH] wip: add back root routify index page

---
 packages/builder/src/App.svelte               | 62 ++-----------------
 packages/builder/src/builderStore/index.js    | 14 +----
 .../builder/src/builderStore/store/index.js   |  5 +-
 .../src/components/start/AppList.svelte       | 52 ++++++++++++++++
 .../_layout.svelte                            |  4 +-
 .../backend/_layout.svelte                    | 14 ++---
 .../backend/actions/index.svelte              |  0
 .../backend/database/index.svelte             |  0
 .../backend/index.svelte                      |  0
 .../frontend/_layout.svelte                   |  0
 .../frontend/index.svelte                     |  0
 .../index.svelte                              |  2 +-
 .../settings/_layout.svelte                   |  0
 .../settings/index.svelte                     |  0
 packages/builder/src/pages/index.svelte       |  9 +--
 15 files changed, 72 insertions(+), 90 deletions(-)
 create mode 100644 packages/builder/src/components/start/AppList.svelte
 rename packages/builder/src/pages/{_[application] => [application]}/_layout.svelte (95%)
 rename packages/builder/src/pages/{_[application] => [application]}/backend/_layout.svelte (57%)
 rename packages/builder/src/pages/{_[application] => [application]}/backend/actions/index.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/backend/database/index.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/backend/index.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/frontend/_layout.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/frontend/index.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/index.svelte (80%)
 rename packages/builder/src/pages/{_[application] => [application]}/settings/_layout.svelte (100%)
 rename packages/builder/src/pages/{_[application] => [application]}/settings/index.svelte (100%)

diff --git a/packages/builder/src/App.svelte b/packages/builder/src/App.svelte
index 424c7b9a1e..7f2279fbd8 100644
--- a/packages/builder/src/App.svelte
+++ b/packages/builder/src/App.svelte
@@ -1,11 +1,8 @@
 <script>
-  import NoPackage from "./NoPackage.svelte"
-  import PackageRoot from "./PackageRoot.svelte"
-  import Settings from "./Settings.svelte"
-  import { store, initialise } from "builderStore"
   import { onMount } from "svelte"
-  import IconButton from "components/common/IconButton.svelte"
-  import Spinner from "components/common/Spinner.svelte"
+  import { Router } from "@sveltech/routify"
+  import { routes } from "@sveltech/routify/tmp/routes"
+  import { store, initialise } from "builderStore"
   import AppNotification, {
     showAppNotification,
   } from "components/common/AppNotification.svelte"
@@ -26,55 +23,6 @@
   })
 </script>
 
-<main>
-  <AppNotification />
-  {#await init}
-    <div class="spinner-container">
-      <Spinner />
-    </div>
-  {:then result}
+<AppNotification />
 
-    {#if $store.hasAppPackage}
-      <PackageRoot />
-    {:else}
-      <NoPackage />
-    {/if}
-
-  {:catch err}
-    <h1 style="color:red">{err}</h1>
-  {/await}
-
-  <!--
-    <div class="settings">
-      <IconButton icon="settings"
-                  on:click={store.showSettings}/>
-    </div>
-
-
-    {#if $store.useAnalytics}
-      <iframe src="https://marblekirby.github.io/bb-analytics.html" width="0" height="0" style="visibility:hidden;display:none"/>
-    {/if}
-  -->
-</main>
-
-<style>
-  main {
-    height: 100%;
-    width: 100%;
-    font-family: "Roboto", Helvetica, Arial, sans-serif;
-  }
-
-  .settings {
-    position: absolute;
-    bottom: 25px;
-    right: 25px;
-  }
-
-  .spinner-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-</style>
+<Router {routes} />
diff --git a/packages/builder/src/builderStore/index.js b/packages/builder/src/builderStore/index.js
index 801ecb6464..b3556cff93 100644
--- a/packages/builder/src/builderStore/index.js
+++ b/packages/builder/src/builderStore/index.js
@@ -10,20 +10,8 @@ export const initialise = async () => {
     if (process.env.NODE_ENV === "production") {
       LogRocket.init("knlald/budibase")
     }
-    setupRouter(store)
     await store.initialise()
   } catch (err) {
     console.log(err)
   }
-}
-
-const setupRouter = writable => {
-  const pushState = history.pushState
-  history.pushState = () => {
-    pushState.apply(history, [writable])
-    writable.initialise()
-  }
-  window.addEventListener("hashchange", () => {
-    writable.initialise()
-  })
-}
+}
\ No newline at end of file
diff --git a/packages/builder/src/builderStore/store/index.js b/packages/builder/src/builderStore/store/index.js
index 76cdc5a7c3..dcd13aab3b 100644
--- a/packages/builder/src/builderStore/store/index.js
+++ b/packages/builder/src/builderStore/store/index.js
@@ -1,3 +1,4 @@
+//
 import { filter, cloneDeep, last, concat, isEmpty, values } from "lodash/fp"
 import { pipe, getNode, constructHierarchy } from "components/common/core"
 import * as backendStoreActions from "./backend"
@@ -101,10 +102,6 @@ export const getStore = () => {
 export default getStore
 
 const initialise = (store, initial) => async () => {
-  appname = window.location.hash
-    ? last(window.location.hash.substr(1).split("/"))
-    : ""
-
   if (!appname) {
     initial.apps = await api.get(`/_builder/api/apps`).then(r => r.json())
     initial.hasAppPackage = false
diff --git a/packages/builder/src/components/start/AppList.svelte b/packages/builder/src/components/start/AppList.svelte
new file mode 100644
index 0000000000..0a499b80eb
--- /dev/null
+++ b/packages/builder/src/components/start/AppList.svelte
@@ -0,0 +1,52 @@
+<script>
+  import Button from "components/common/Button.svelte"
+  export let apps
+</script>
+
+<div class="root">
+  <div class="inner">
+    <img
+      src="/_builder/assets/budibase-logo.png"
+      class="logo"
+      alt="budibase logo" />
+    <div>
+      <div>
+        <h4 style="margin-bottom: 20px">Choose an Application</h4>
+        {#each apps as app}
+          <a href={`/${app}`} class="app-link">{app}</a>
+        {/each}
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .root {
+    position: fixed;
+    margin: 0 auto;
+    text-align: center;
+    top: 20%;
+    /*color: #333333;
+    background-color: #fdfdfd;*/
+    width: 100%;
+  }
+
+  .inner {
+    display: inline-block;
+    margin: auto;
+  }
+
+  .logo {
+    width: 300px;
+    margin-bottom: 40px;
+  }
+
+  .root :global(.option) {
+    width: 250px;
+  }
+
+  .app-link {
+    margin-top: 10px;
+    display: block;
+  }
+</style>
diff --git a/packages/builder/src/pages/_[application]/_layout.svelte b/packages/builder/src/pages/[application]/_layout.svelte
similarity index 95%
rename from packages/builder/src/pages/_[application]/_layout.svelte
rename to packages/builder/src/pages/[application]/_layout.svelte
index a6df5958ed..11f65a8c85 100644
--- a/packages/builder/src/pages/_[application]/_layout.svelte
+++ b/packages/builder/src/pages/[application]/_layout.svelte
@@ -2,8 +2,8 @@
   import { fade } from "svelte/transition"
   import { isActive, goto, url, context } from "@sveltech/routify"
 
-  import { SettingsIcon, PreviewIcon } from "../../common/Icons/"
-  import IconButton from "../../common/IconButton.svelte"
+  import { SettingsIcon, PreviewIcon } from "components/common/Icons/"
+  import IconButton from "components/common/IconButton.svelte"
 
   $: ({ component } = $context)
   $: list = component.parent.children.filter(child => child.isIndexable)
diff --git a/packages/builder/src/pages/_[application]/backend/_layout.svelte b/packages/builder/src/pages/[application]/backend/_layout.svelte
similarity index 57%
rename from packages/builder/src/pages/_[application]/backend/_layout.svelte
rename to packages/builder/src/pages/[application]/backend/_layout.svelte
index 58452ee636..2e44ab88f1 100644
--- a/packages/builder/src/pages/_[application]/backend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/backend/_layout.svelte
@@ -1,11 +1,11 @@
 <script>
-  import BackendNav from "../../../nav/BackendNav.svelte"
-  import SchemaManagementDrawer from "../../../nav/SchemaManagementDrawer.svelte"
-  import Database from "../../../database/DatabaseRoot.svelte"
-  import UserInterface from "../../../userInterface/UserInterfaceRoot.svelte"
-  import ActionsAndTriggers from "../../../actionsAndTriggers/ActionsAndTriggersRoot.svelte"
-  import AccessLevels from "../../../accessLevels/AccessLevelsRoot.svelte"
-  import ComingSoon from "../../../common/ComingSoon.svelte"
+  import BackendNav from "components/nav/BackendNav.svelte"
+  import SchemaManagementDrawer from "components/nav/SchemaManagementDrawer.svelte"
+  import Database from "components/database/DatabaseRoot.svelte"
+  import UserInterface from "components/userInterface/UserInterfaceRoot.svelte"
+  import ActionsAndTriggers from "components/actionsAndTriggers/ActionsAndTriggersRoot.svelte"
+  import AccessLevels from "components/accessLevels/AccessLevelsRoot.svelte"
+  import ComingSoon from "components/common/ComingSoon.svelte"
 </script>
 
 <div class="root">
diff --git a/packages/builder/src/pages/_[application]/backend/actions/index.svelte b/packages/builder/src/pages/[application]/backend/actions/index.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/backend/actions/index.svelte
rename to packages/builder/src/pages/[application]/backend/actions/index.svelte
diff --git a/packages/builder/src/pages/_[application]/backend/database/index.svelte b/packages/builder/src/pages/[application]/backend/database/index.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/backend/database/index.svelte
rename to packages/builder/src/pages/[application]/backend/database/index.svelte
diff --git a/packages/builder/src/pages/_[application]/backend/index.svelte b/packages/builder/src/pages/[application]/backend/index.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/backend/index.svelte
rename to packages/builder/src/pages/[application]/backend/index.svelte
diff --git a/packages/builder/src/pages/_[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/frontend/_layout.svelte
rename to packages/builder/src/pages/[application]/frontend/_layout.svelte
diff --git a/packages/builder/src/pages/_[application]/frontend/index.svelte b/packages/builder/src/pages/[application]/frontend/index.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/frontend/index.svelte
rename to packages/builder/src/pages/[application]/frontend/index.svelte
diff --git a/packages/builder/src/pages/_[application]/index.svelte b/packages/builder/src/pages/[application]/index.svelte
similarity index 80%
rename from packages/builder/src/pages/_[application]/index.svelte
rename to packages/builder/src/pages/[application]/index.svelte
index 25636f83f1..db9f091c2d 100644
--- a/packages/builder/src/pages/_[application]/index.svelte
+++ b/packages/builder/src/pages/[application]/index.svelte
@@ -1,6 +1,6 @@
 <script>
   import { goto } from "@sveltech/routify"
-  $goto("../backend")
+  // $goto("../backend")
 </script>
 
 <!-- routify:options $index=false -->
diff --git a/packages/builder/src/pages/_[application]/settings/_layout.svelte b/packages/builder/src/pages/[application]/settings/_layout.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/settings/_layout.svelte
rename to packages/builder/src/pages/[application]/settings/_layout.svelte
diff --git a/packages/builder/src/pages/_[application]/settings/index.svelte b/packages/builder/src/pages/[application]/settings/index.svelte
similarity index 100%
rename from packages/builder/src/pages/_[application]/settings/index.svelte
rename to packages/builder/src/pages/[application]/settings/index.svelte
diff --git a/packages/builder/src/pages/index.svelte b/packages/builder/src/pages/index.svelte
index 004280071b..2b401321a2 100644
--- a/packages/builder/src/pages/index.svelte
+++ b/packages/builder/src/pages/index.svelte
@@ -1,10 +1,8 @@
 <script>
-  import AppList from "../AppList.svelte"
-  import PackageRoot from "../PackageRoot.svelte"
-  import Settings from "../Settings.svelte"
+  import AppList from "components/start/AppList.svelte"
   import { onMount } from "svelte"
-  import IconButton from "../common/IconButton.svelte"
-  import Spinner from "../common/Spinner.svelte"
+  import IconButton from "components/common/IconButton.svelte"
+  import Spinner from "components/common/Spinner.svelte"
 
   let promise = getApps()
 
@@ -21,7 +19,6 @@
 </script>
 
 <main>
-
   {#await promise}
     <div class="spinner-container">
       <Spinner />