diff --git a/README.md b/README.md index bae5d52..1a5399b 100644 --- a/README.md +++ b/README.md @@ -56,5 +56,5 @@ See the [Fission Guide](https://guide.fission.codes/developers/installation) and ## Customize - `app.html` - the SEO meta tags will need to be changed. -- `lib/appName.ts` - choose a better application name +- `lib/app-name.ts` - choose a better application name - To customize the application's Tailwind theme, change `tailwind.config.ts` - link to DaisyUI customization page. diff --git a/src/components/auth/LinkDevice.svelte b/src/components/auth/LinkDevice.svelte deleted file mode 100644 index 868578f..0000000 --- a/src/components/auth/LinkDevice.svelte +++ /dev/null @@ -1 +0,0 @@ -

Link Device

diff --git a/src/components/auth/backup/AreYouSure.svelte b/src/components/auth/backup/AreYouSure.svelte new file mode 100644 index 0000000..a9f7ba7 --- /dev/null +++ b/src/components/auth/backup/AreYouSure.svelte @@ -0,0 +1,34 @@ + + + +
+
+
+

Are you sure?

+ +

+ Without a backup device, if you lose this device or reset your browser, + you will not be able to recover your account data. +

+ + + YOLO—I'll risk just one device for now + +
+
+
diff --git a/src/components/auth/backup/Backup.svelte b/src/components/auth/backup/Backup.svelte new file mode 100644 index 0000000..7300ea9 --- /dev/null +++ b/src/components/auth/backup/Backup.svelte @@ -0,0 +1,42 @@ + + + +
+
+
+

Backup your account

+

+ Your {appName} account & its data live only on your devices. +

+ +

+ We highly recommend backing up your account on at least one additional + device. +

+ + + +
+
+
diff --git a/src/components/auth/backup/BackupDevice.svelte b/src/components/auth/backup/BackupDevice.svelte new file mode 100644 index 0000000..9ee2723 --- /dev/null +++ b/src/components/auth/backup/BackupDevice.svelte @@ -0,0 +1,39 @@ + + + +
+
+
+

Connect a backup device

+ + + QR Codes + +

+ Scan this code on the new device, or share the connection link. +

+ + + +
+
+
diff --git a/src/components/auth/Connect.svelte b/src/components/auth/connect/Connect.svelte similarity index 55% rename from src/components/auth/Connect.svelte rename to src/components/auth/connect/Connect.svelte index b217229..2078ccc 100644 --- a/src/components/auth/Connect.svelte +++ b/src/components/auth/connect/Connect.svelte @@ -1,22 +1,5 @@ diff --git a/src/components/auth/link/.gitkeep b/src/components/auth/link/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/src/components/auth/Register.svelte b/src/components/auth/register/Register.svelte similarity index 82% rename from src/components/auth/Register.svelte rename to src/components/auth/register/Register.svelte index 48a6a41..c341bd0 100644 --- a/src/components/auth/Register.svelte +++ b/src/components/auth/register/Register.svelte @@ -1,16 +1,10 @@ - +
✕ diff --git a/src/components/auth/register/Welcome.svelte b/src/components/auth/register/Welcome.svelte new file mode 100644 index 0000000..5d3353b --- /dev/null +++ b/src/components/auth/register/Welcome.svelte @@ -0,0 +1,41 @@ + + + +
+
+
+

+ Welcome, {$sessionStore.username}! +

+
+ + + +
+
+

Your account has been created.

+ +
+ + + +
+ + Continue +
+
+
+
diff --git a/src/components/icons/ClipboardIcon.svelte b/src/components/icons/ClipboardIcon.svelte new file mode 100644 index 0000000..ae485c8 --- /dev/null +++ b/src/components/icons/ClipboardIcon.svelte @@ -0,0 +1,15 @@ + + + diff --git a/src/components/icons/WelcomeCheckIcon.svelte b/src/components/icons/WelcomeCheckIcon.svelte new file mode 100644 index 0000000..abfdf62 --- /dev/null +++ b/src/components/icons/WelcomeCheckIcon.svelte @@ -0,0 +1,14 @@ + + + diff --git a/src/lib/appName.ts b/src/lib/app-name.ts similarity index 100% rename from src/lib/appName.ts rename to src/lib/app-name.ts diff --git a/src/lib/common/webnative.ts b/src/lib/common/webnative.ts index 921cf3d..cca3c2c 100644 --- a/src/lib/common/webnative.ts +++ b/src/lib/common/webnative.ts @@ -77,6 +77,15 @@ export const isUsernameAvailable = async ( export const register = async (username: string): Promise => { const { success } = await webnative.account.register({ username }) + const fs = await bootstrapFilesystem() + filesystemStore.set(fs) + + sessionStore.update(session => ({ + ...session, + username, + authed: true + })) + return success } diff --git a/src/lib/session.ts b/src/lib/session.ts index 72002fe..6dc88a3 100644 --- a/src/lib/session.ts +++ b/src/lib/session.ts @@ -1,4 +1,4 @@ -import { appName } from '$lib/appName' +import { appName } from '$lib/app-name' export type Session = { username: string diff --git a/src/lib/views.ts b/src/lib/views.ts new file mode 100644 index 0000000..ac1b04a --- /dev/null +++ b/src/lib/views.ts @@ -0,0 +1 @@ +export type BackupView = 'backup' | 'backup-device' | 'are-you-sure' \ No newline at end of file diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 975faf8..e9ca22d 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -2,7 +2,7 @@ import { onMount } from 'svelte' import '../global.css' - import { appName } from '$lib/appName' + import { appName } from '$lib/app-name' import { initialize } from '$lib/common/webnative' import { deviceStore, sessionStore, theme } from '../stores' import { storeTheme } from '$lib/theme' diff --git a/src/routes/backup.svelte b/src/routes/backup.svelte new file mode 100644 index 0000000..b9374fe --- /dev/null +++ b/src/routes/backup.svelte @@ -0,0 +1,20 @@ + + +{#if view === 'backup'} + +{:else if view === 'backup-device'} + +{:else if view === 'are-you-sure'} + +{/if} diff --git a/src/routes/connect.svelte b/src/routes/connect.svelte index 880d905..9c8f69d 100644 --- a/src/routes/connect.svelte +++ b/src/routes/connect.svelte @@ -1,5 +1,5 @@ diff --git a/src/routes/linkDevice.svelte b/src/routes/linkDevice.svelte deleted file mode 100644 index 15a2b99..0000000 --- a/src/routes/linkDevice.svelte +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/src/routes/register.svelte b/src/routes/register.svelte index 27e06af..b040d9c 100644 --- a/src/routes/register.svelte +++ b/src/routes/register.svelte @@ -1,5 +1,12 @@ - +{#if $sessionStore.authed} + +{:else} + +{/if}