From 735082cdd644026ce3211aeb7c3c36d955ed1186 Mon Sep 17 00:00:00 2001
From: Derrick Hammer <derrick@derrickhammer.com>
Date: Mon, 17 Jul 2023 07:25:53 -0400
Subject: [PATCH] refactor: move ui code to subfolder

---
 account.html => ui/account.html               |   2 +-
 {src => ui}/account.js                        |   2 +-
 {src => ui}/assets/icon/discord.svg           |   0
 {src => ui}/assets/icon/facebook.svg          |   0
 {src => ui}/assets/icon/github.svg            |   0
 {src => ui}/assets/icon/twitter.svg           |   0
 {src => ui}/assets/lume-logo.png              | Bin
 {src => ui}/assets/onboarding-1.jpg           | Bin
 {src => ui}/assets/onboarding-2.jpg           | Bin
 {src => ui}/assets/onboarding-3.jpg           | Bin
 {src => ui}/assets/onboarding-4.jpg           | Bin
 {src => ui}/assets/wait-icon-orange.png       | Bin
 {src => ui}/assets/wait-icon-yellow.png       | Bin
 {src => ui}/components/account/Account.svelte |  10 ++++----
 .../components/dashboard/Dashboard.svelte     |  22 +++++++++---------
 .../components/onboarding/Onboarding.svelte   |  16 ++++++-------
 dashboard.html => ui/dashboard.html           |   2 +-
 {src => ui}/dashboard.js                      |   2 +-
 onboarding.html => ui/onboarding.html         |   2 +-
 {src => ui}/onboarding.js                     |   2 +-
 postcss.config.cjs => ui/postcss.config.cjs   |   0
 .../public}/fonts/Jaldi-Regular.woff2         | Bin
 .../public}/fonts/JetBrainsMono-Bold.woff2    | Bin
 .../public}/fonts/JetBrainsMono-Light.woff2   | Bin
 .../public}/fonts/JetBrainsMono-Regular.woff2 | Bin
 {public => ui/public}/robots.txt              |   0
 {src => ui}/styles/artwork.scss               |   0
 {src => ui}/styles/global.scss                |   4 ++--
 {src => ui}/styles/mixins.scss                |   0
 {src => ui}/styles/vars.scss                  |   0
 svelte.config.js => ui/svelte.config.js       |   0
 tailwind.config.js => ui/tailwind.config.js   |   0
 ui/vite.config.js                             |  17 ++++++++++++++
 vite.config.js                                |  17 --------------
 34 files changed, 49 insertions(+), 49 deletions(-)
 rename account.html => ui/account.html (78%)
 rename {src => ui}/account.js (60%)
 rename {src => ui}/assets/icon/discord.svg (100%)
 rename {src => ui}/assets/icon/facebook.svg (100%)
 rename {src => ui}/assets/icon/github.svg (100%)
 rename {src => ui}/assets/icon/twitter.svg (100%)
 rename {src => ui}/assets/lume-logo.png (100%)
 rename {src => ui}/assets/onboarding-1.jpg (100%)
 rename {src => ui}/assets/onboarding-2.jpg (100%)
 rename {src => ui}/assets/onboarding-3.jpg (100%)
 rename {src => ui}/assets/onboarding-4.jpg (100%)
 rename {src => ui}/assets/wait-icon-orange.png (100%)
 rename {src => ui}/assets/wait-icon-yellow.png (100%)
 rename {src => ui}/components/account/Account.svelte (99%)
 rename {src => ui}/components/dashboard/Dashboard.svelte (96%)
 rename {src => ui}/components/onboarding/Onboarding.svelte (92%)
 rename dashboard.html => ui/dashboard.html (78%)
 rename {src => ui}/dashboard.js (58%)
 rename onboarding.html => ui/onboarding.html (77%)
 rename {src => ui}/onboarding.js (57%)
 rename postcss.config.cjs => ui/postcss.config.cjs (100%)
 rename {public => ui/public}/fonts/Jaldi-Regular.woff2 (100%)
 rename {public => ui/public}/fonts/JetBrainsMono-Bold.woff2 (100%)
 rename {public => ui/public}/fonts/JetBrainsMono-Light.woff2 (100%)
 rename {public => ui/public}/fonts/JetBrainsMono-Regular.woff2 (100%)
 rename {public => ui/public}/robots.txt (100%)
 rename {src => ui}/styles/artwork.scss (100%)
 rename {src => ui}/styles/global.scss (97%)
 rename {src => ui}/styles/mixins.scss (100%)
 rename {src => ui}/styles/vars.scss (100%)
 rename svelte.config.js => ui/svelte.config.js (100%)
 rename tailwind.config.js => ui/tailwind.config.js (100%)
 create mode 100644 ui/vite.config.js
 delete mode 100644 vite.config.js

diff --git a/account.html b/ui/account.html
similarity index 78%
rename from account.html
rename to ui/account.html
index c1503a3..a581f0a 100644
--- a/account.html
+++ b/ui/account.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/account.js"></script>
+    <script type="module" src="./account.js"></script>
   </body>
 </html>
diff --git a/src/account.js b/ui/account.js
similarity index 60%
rename from src/account.js
rename to ui/account.js
index 0a78efc..37f5b98 100644
--- a/src/account.js
+++ b/ui/account.js
@@ -1,4 +1,4 @@
-import Account from '/src/components/account/Account.svelte'
+import Account from './components/account/Account.svelte'
 
 const app = new Account({
   target: document.getElementById('app'),
diff --git a/src/assets/icon/discord.svg b/ui/assets/icon/discord.svg
similarity index 100%
rename from src/assets/icon/discord.svg
rename to ui/assets/icon/discord.svg
diff --git a/src/assets/icon/facebook.svg b/ui/assets/icon/facebook.svg
similarity index 100%
rename from src/assets/icon/facebook.svg
rename to ui/assets/icon/facebook.svg
diff --git a/src/assets/icon/github.svg b/ui/assets/icon/github.svg
similarity index 100%
rename from src/assets/icon/github.svg
rename to ui/assets/icon/github.svg
diff --git a/src/assets/icon/twitter.svg b/ui/assets/icon/twitter.svg
similarity index 100%
rename from src/assets/icon/twitter.svg
rename to ui/assets/icon/twitter.svg
diff --git a/src/assets/lume-logo.png b/ui/assets/lume-logo.png
similarity index 100%
rename from src/assets/lume-logo.png
rename to ui/assets/lume-logo.png
diff --git a/src/assets/onboarding-1.jpg b/ui/assets/onboarding-1.jpg
similarity index 100%
rename from src/assets/onboarding-1.jpg
rename to ui/assets/onboarding-1.jpg
diff --git a/src/assets/onboarding-2.jpg b/ui/assets/onboarding-2.jpg
similarity index 100%
rename from src/assets/onboarding-2.jpg
rename to ui/assets/onboarding-2.jpg
diff --git a/src/assets/onboarding-3.jpg b/ui/assets/onboarding-3.jpg
similarity index 100%
rename from src/assets/onboarding-3.jpg
rename to ui/assets/onboarding-3.jpg
diff --git a/src/assets/onboarding-4.jpg b/ui/assets/onboarding-4.jpg
similarity index 100%
rename from src/assets/onboarding-4.jpg
rename to ui/assets/onboarding-4.jpg
diff --git a/src/assets/wait-icon-orange.png b/ui/assets/wait-icon-orange.png
similarity index 100%
rename from src/assets/wait-icon-orange.png
rename to ui/assets/wait-icon-orange.png
diff --git a/src/assets/wait-icon-yellow.png b/ui/assets/wait-icon-yellow.png
similarity index 100%
rename from src/assets/wait-icon-yellow.png
rename to ui/assets/wait-icon-yellow.png
diff --git a/src/components/account/Account.svelte b/ui/components/account/Account.svelte
similarity index 99%
rename from src/components/account/Account.svelte
rename to ui/components/account/Account.svelte
index c92b33a..dd907fe 100644
--- a/src/components/account/Account.svelte
+++ b/ui/components/account/Account.svelte
@@ -4,8 +4,8 @@
   import * as bip39 from '@scure/bip39';
   import { wordlist } from '@scure/bip39/wordlists/english';
 
-  import '/src/styles/global.scss';
-  import lumeLogo from '/src/assets/lume-logo.png';
+  import '../../styles/global.scss';
+  import lumeLogo from '../../assets/lume-logo.png';
 
   let action;
   let createAccountStep;
@@ -340,9 +340,9 @@
 </main>
 
 <style lang="scss">
-  @import "/src/styles/artwork.scss";
-  @import "/src/styles/mixins.scss";
-  @import "/src/styles/vars.scss";
+  @import "../../styles/artwork";
+  @import "../../styles/mixins";
+  @import "../../styles/vars";
 
   main {
     position: relative;
diff --git a/src/components/dashboard/Dashboard.svelte b/ui/components/dashboard/Dashboard.svelte
similarity index 96%
rename from src/components/dashboard/Dashboard.svelte
rename to ui/components/dashboard/Dashboard.svelte
index dcd1ca2..7713087 100644
--- a/src/components/dashboard/Dashboard.svelte
+++ b/ui/components/dashboard/Dashboard.svelte
@@ -1,11 +1,11 @@
 <script>
-  import '/src/styles/global.scss';
-  import lumeLogo from '/src/assets/lume-logo.png';
+  import '../../styles/global.scss';
+  import lumeLogo from '../../assets/lume-logo.png';
 
-  import svgGithub from '/src/assets/icon/github.svg?raw';
-  import svgDiscord from '/src/assets/icon/discord.svg?raw';
-  import svgTwitter from '/src/assets/icon/twitter.svg?raw';
-  import svgFacebook from '/src/assets/icon/facebook.svg?raw';
+  import svgGithub from '../../assets/icon/github.svg?raw';
+  import svgDiscord from '../../assets/icon/discord.svg?raw';
+  import svgTwitter from '../../assets/icon/twitter.svg?raw';
+  import svgFacebook from '../../assets/icon/facebook.svg?raw';
 
   let step = 1;
   let userCount;
@@ -151,9 +151,9 @@
 </main>
 
 <style lang="scss">
-  @import "/src/styles/artwork.scss";
-  @import "/src/styles/mixins.scss";
-  @import "/src/styles/vars.scss";
+  @import "../../styles/artwork";
+  @import "../../styles/mixins";
+  @import "../../styles/vars";
 
   .icon {
     display: block;
@@ -171,14 +171,14 @@
     }
 
     &.icon-wait {
-      background-image: url("/src/assets/wait-icon-orange.png");
+      background-image: url("../../assets/wait-icon-orange.png");
       background-size: 1.125em 1.125em;
       background-repeat: no-repeat;
       background-position: 50%;
     }
 
     &.icon-wait-yellow {
-      background-image: url("/src/assets/wait-icon-yellow.png");
+      background-image: url("../../assets/wait-icon-yellow.png");
     }
 
     &.icon-error {
diff --git a/src/components/onboarding/Onboarding.svelte b/ui/components/onboarding/Onboarding.svelte
similarity index 92%
rename from src/components/onboarding/Onboarding.svelte
rename to ui/components/onboarding/Onboarding.svelte
index da5a982..c915b0d 100644
--- a/src/components/onboarding/Onboarding.svelte
+++ b/ui/components/onboarding/Onboarding.svelte
@@ -1,6 +1,6 @@
 <script>
-  import '/src/styles/global.scss';
-  import lumeLogo from '/src/assets/lume-logo.png';
+  import '../../styles/global.scss';
+  import lumeLogo from '../../assets/lume-logo.png';
 
   let started = false;
   let step = 1;
@@ -72,8 +72,8 @@
 </main>
 
 <style lang="scss">
-  @import "/src/styles/mixins.scss";
-  @import "/src/styles/vars.scss";
+  @import "../../styles/mixins";
+  @import "../../styles/vars";
 
   main {
     position: relative;
@@ -89,7 +89,7 @@
 
   .art-1 {
     left: 0;
-    background-image: url("/src/assets/onboarding-1.jpg");
+    background-image: url("../../assets/onboarding-1.jpg");
     background-position: 50%;
     background-size: cover;
     border-right: 1px solid #363636;
@@ -97,7 +97,7 @@
 
   .art-2 {
     left: 50%;
-    background-image: url("/src/assets/onboarding-2.jpg");
+    background-image: url("../../assets/onboarding-2.jpg");
     background-position: 50%;
     background-size: cover;
     border-left: 1px solid #363636;
@@ -106,7 +106,7 @@
 
   .art-3 {
     left: 50%;
-    background-image: url("/src/assets/onboarding-3.jpg");
+    background-image: url("../../assets/onboarding-3.jpg");
     background-position: 50%;
     background-size: cover;
     border-left: 1px solid #363636;
@@ -116,7 +116,7 @@
 
   .art-4 {
     left: 50%;
-    background-image: url("/src/assets/onboarding-4.jpg");
+    background-image: url("../../assets/onboarding-4.jpg");
     background-position: 50%;
     background-size: cover;
     border-left: 1px solid #363636;
diff --git a/dashboard.html b/ui/dashboard.html
similarity index 78%
rename from dashboard.html
rename to ui/dashboard.html
index 15c2548..3b70a2f 100644
--- a/dashboard.html
+++ b/ui/dashboard.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/dashboard.js"></script>
+    <script type="module" src="./dashboard.js"></script>
   </body>
 </html>
diff --git a/src/dashboard.js b/ui/dashboard.js
similarity index 58%
rename from src/dashboard.js
rename to ui/dashboard.js
index b52ed74..8208134 100644
--- a/src/dashboard.js
+++ b/ui/dashboard.js
@@ -1,4 +1,4 @@
-import Dashboard from '/src/components/dashboard/Dashboard.svelte'
+import Dashboard from './components/dashboard/Dashboard.svelte'
 
 const app = new Dashboard({
   target: document.getElementById('app'),
diff --git a/onboarding.html b/ui/onboarding.html
similarity index 77%
rename from onboarding.html
rename to ui/onboarding.html
index 1a68244..d7698c0 100644
--- a/onboarding.html
+++ b/ui/onboarding.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/onboarding.js"></script>
+    <script type="module" src="./onboarding.js"></script>
   </body>
 </html>
diff --git a/src/onboarding.js b/ui/onboarding.js
similarity index 57%
rename from src/onboarding.js
rename to ui/onboarding.js
index e69318f..4d824af 100644
--- a/src/onboarding.js
+++ b/ui/onboarding.js
@@ -1,4 +1,4 @@
-import Onboarding from '/src/components/onboarding/Onboarding.svelte'
+import Onboarding from './components/onboarding/Onboarding.svelte'
 
 const app = new Onboarding({
   target: document.getElementById('app'),
diff --git a/postcss.config.cjs b/ui/postcss.config.cjs
similarity index 100%
rename from postcss.config.cjs
rename to ui/postcss.config.cjs
diff --git a/public/fonts/Jaldi-Regular.woff2 b/ui/public/fonts/Jaldi-Regular.woff2
similarity index 100%
rename from public/fonts/Jaldi-Regular.woff2
rename to ui/public/fonts/Jaldi-Regular.woff2
diff --git a/public/fonts/JetBrainsMono-Bold.woff2 b/ui/public/fonts/JetBrainsMono-Bold.woff2
similarity index 100%
rename from public/fonts/JetBrainsMono-Bold.woff2
rename to ui/public/fonts/JetBrainsMono-Bold.woff2
diff --git a/public/fonts/JetBrainsMono-Light.woff2 b/ui/public/fonts/JetBrainsMono-Light.woff2
similarity index 100%
rename from public/fonts/JetBrainsMono-Light.woff2
rename to ui/public/fonts/JetBrainsMono-Light.woff2
diff --git a/public/fonts/JetBrainsMono-Regular.woff2 b/ui/public/fonts/JetBrainsMono-Regular.woff2
similarity index 100%
rename from public/fonts/JetBrainsMono-Regular.woff2
rename to ui/public/fonts/JetBrainsMono-Regular.woff2
diff --git a/public/robots.txt b/ui/public/robots.txt
similarity index 100%
rename from public/robots.txt
rename to ui/public/robots.txt
diff --git a/src/styles/artwork.scss b/ui/styles/artwork.scss
similarity index 100%
rename from src/styles/artwork.scss
rename to ui/styles/artwork.scss
diff --git a/src/styles/global.scss b/ui/styles/global.scss
similarity index 97%
rename from src/styles/global.scss
rename to ui/styles/global.scss
index d03db84..0da94cd 100644
--- a/src/styles/global.scss
+++ b/ui/styles/global.scss
@@ -1,5 +1,5 @@
-@import "./mixins.scss";
-@import "./vars.scss";
+@import "mixins";
+@import "vars";
 
 @font-face {
   font-family: 'JetBrains Mono';
diff --git a/src/styles/mixins.scss b/ui/styles/mixins.scss
similarity index 100%
rename from src/styles/mixins.scss
rename to ui/styles/mixins.scss
diff --git a/src/styles/vars.scss b/ui/styles/vars.scss
similarity index 100%
rename from src/styles/vars.scss
rename to ui/styles/vars.scss
diff --git a/svelte.config.js b/ui/svelte.config.js
similarity index 100%
rename from svelte.config.js
rename to ui/svelte.config.js
diff --git a/tailwind.config.js b/ui/tailwind.config.js
similarity index 100%
rename from tailwind.config.js
rename to ui/tailwind.config.js
diff --git a/ui/vite.config.js b/ui/vite.config.js
new file mode 100644
index 0000000..23013f5
--- /dev/null
+++ b/ui/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import { resolve } from "path";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [svelte()],
+  build: {
+    rollupOptions: {
+      input: {
+        onboarding: resolve(__dirname, "onboarding.html"),
+        account: resolve(__dirname, "account.html"),
+        dashboard: resolve(__dirname, "dashboard.html"),
+      },
+    },
+  },
+});
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 7452152..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { defineConfig } from 'vite';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
-import { resolve } from 'path';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [svelte()],
-  build: {
-    rollupOptions: {
-      input: {
-        onboarding: resolve(__dirname, 'onboarding.html'),
-        account: resolve(__dirname, 'account.html'),
-        dashboard: resolve(__dirname, 'dashboard.html')
-      }
-    },
-  },
-});