From 6af00a0981626a41996e0dc63ff106a4e2d1511b Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Thu, 4 Mar 2021 17:41:42 +0100
Subject: [PATCH] Enable routing

---
 package-lock.json      | 19 +++++++++++++++++--
 package.json           |  3 ++-
 snowpack.config.js     |  2 +-
 src/App.svelte         |  8 ++++++--
 src/Header.svelte      |  2 +-
 src/snowpack.config.js | 27 ---------------------------
 6 files changed, 27 insertions(+), 34 deletions(-)
 delete mode 100644 src/snowpack.config.js

diff --git a/package-lock.json b/package-lock.json
index db6343b79..ed8710850 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,13 @@
 {
-  "name": "radicle-registrar",
+  "name": "radicle-app",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "dependencies": {
         "ethers": "^5.0.31",
-        "svelte": "^3.32.3"
+        "svelte": "^3.32.3",
+        "svelte-routing": "^1.5.0"
       },
       "devDependencies": {
         "@snowpack/plugin-svelte": "^3.5.2",
@@ -1090,6 +1091,14 @@
         }
       }
     },
+    "node_modules/svelte-routing": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/svelte-routing/-/svelte-routing-1.5.0.tgz",
+      "integrity": "sha512-4ftcSO2x5kzCUWQKm9Td6/C+t7lRjMEo72utRO0liS/aWZuRwAXOBl3y+hWZw8tV+DTGElqaAAyi44AuWXcVBg==",
+      "peerDependencies": {
+        "svelte": "^3.20.x"
+      }
+    },
     "node_modules/ws": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.3.tgz",
@@ -1759,6 +1768,12 @@
         "strip-indent": "^3.0.0"
       }
     },
+    "svelte-routing": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/svelte-routing/-/svelte-routing-1.5.0.tgz",
+      "integrity": "sha512-4ftcSO2x5kzCUWQKm9Td6/C+t7lRjMEo72utRO0liS/aWZuRwAXOBl3y+hWZw8tV+DTGElqaAAyi44AuWXcVBg==",
+      "requires": {}
+    },
     "ws": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.3.tgz",
diff --git a/package.json b/package.json
index a66d2fbaf..44dc2298b 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "ethers": "^5.0.31",
-    "svelte": "^3.32.3"
+    "svelte": "^3.32.3",
+    "svelte-routing": "^1.5.0"
   }
 }
diff --git a/snowpack.config.js b/snowpack.config.js
index b9d2c0b4f..935358a84 100644
--- a/snowpack.config.js
+++ b/snowpack.config.js
@@ -9,7 +9,7 @@ module.exports = {
   ],
   routes: [
     /* Enable an SPA Fallback in development: */
-    // {"match": "routes", "src": ".*", "dest": "/index.html"},
+    {"match": "routes", "src": ".*", "dest": "/index.html"},
   ],
   optimize: {
     /* Example: Bundle your final build: */
diff --git a/src/App.svelte b/src/App.svelte
index 10df43850..c7b9da527 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,15 +1,17 @@
 <script lang="javascript">
   import { ethers } from 'ethers';
   import { get } from 'svelte/store';
+  import { Router, Link, Route } from "svelte-routing";
   import { getConfig } from './config.js';
   import { session } from './session.js';
 
   import Vesting from './base/vesting/Vesting.svelte';
   import Header from './Header.svelte';
 
+  export let url = "";
+
   let contractAddress = "";
   let info = null;
-  let app = Vesting;
 
   function handleKeydown(event) {
     if (event.key === 'Enter') {
@@ -36,6 +38,8 @@
 <div class="app">
   <Header/>
   <div class="wrapper">
-    <svelte:component this={app}/>
+    <Router url="{url}">
+      <Route path="vesting" component={Vesting} />
+    </Router>
   </div>
 </div>
diff --git a/src/Header.svelte b/src/Header.svelte
index 139ceaf8c..9a9c633a4 100644
--- a/src/Header.svelte
+++ b/src/Header.svelte
@@ -1,4 +1,4 @@
-<script lang="js">
+<script lang="javascript">
   // TODO: Shorten tx hash
   // TODO: Link to correct network on etherscan
   import { ethers } from "ethers";
diff --git a/src/snowpack.config.js b/src/snowpack.config.js
deleted file mode 100644
index 1cf33ab89..000000000
--- a/src/snowpack.config.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/** @type {import("snowpack").SnowpackUserConfig } */
-module.exports = {
-  mount: {
-    /* ... */
-  },
-  plugins: [
-    '@snowpack/plugin-svelte'
-  ],
-  routes: [
-    /* Enable an SPA Fallback in development: */
-    // {"match": "routes", "src": ".*", "dest": "/index.html"},
-  ],
-  optimize: {
-    /* Example: Bundle your final build: */
-    // "bundle": true,
-  },
-  packageOptions: {
-    polyfillNode: true,
-  },
-  devOptions: {
-    open: "none",
-    output: "dashboard"
-  },
-  buildOptions: {
-    /* ... */
-  },
-};