Choose a username
-
+
+
+ {#if checkingUsername}
+
+ {/if}
+ {#if !(username.length === 0) && usernameAvailable && usernameValid && !checkingUsername}
+
+ {@html checkIcon}
+
+ {/if}
+ {#if !(username.length === 0) && !checkingUsername && !(usernameAvailable && usernameValid)}
+
+ {@html xIcon}
+
+ {/if}
+
{#if !(username.length === 0)}
+
{/if}
+ {#if !registrationSuccess}
+
+
+ {/if}
+
+
+
@@ -75,6 +129,7 @@
disabled={username.length === 0 ||
!usernameValid ||
!usernameAvailable}
+ on:click={registerUser}
>
Register
diff --git a/src/global.css b/src/global.css
index 42b90b8..d7dbc06 100644
--- a/src/global.css
+++ b/src/global.css
@@ -2,22 +2,14 @@
@tailwind components;
@tailwind utilities;
-input[type='checkbox']::before {
- content: '';
- width: 0.65em;
- height: 0.65em;
- transform: scale(0);
- transition: 60ms transform ease-in-out;
- box-shadow: inset 1em 1em #fff;
- transform-origin: bottom left;
- clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
- cursor: pointer;
-}
-
-input[type='checkbox']:checked::before {
- transform: scale(1);
-}
-
.modal-box {
@apply p-8;
}
+
+.label {
+ @apply px-0;
+}
+
+.label-text-alt {
+ @apply text-sm;
+}
diff --git a/src/lib/common/webnative.ts b/src/lib/common/webnative.ts
index e947f62..87e7339 100644
--- a/src/lib/common/webnative.ts
+++ b/src/lib/common/webnative.ts
@@ -1,44 +1,28 @@
import * as webnative from 'webnative'
-import type FileSystem from 'webnative/fs/index'
-import { USE_WNFS_IMPLEMENTATION } from 'webnative/auth/implementation/use-wnfs'
+// import type FileSystem from 'webnative/fs/index'
import { setup } from 'webnative'
import { asyncDebounce } from '$lib/common/utils'
// runfission.net = staging
setup.endpoints({ api: 'https://runfission.net', user: 'fissionuser.net' })
-setup.setImplementations({ auth: USE_WNFS_IMPLEMENTATION.auth })
-
-let state: webnative.State
-
-const fissionInit = {
- permissions: {
- app: {
- name: 'app-name',
- creator: 'creator-name'
- },
- // Ask the user permission to additional filesystem paths
- fs: {
- // private: [webnative.path.directory('Documents', 'Contacts')],
- }
- }
-}
+let state: webnative.AppState
// TODO: Add a flag or script to turn debugging on/off
setup.debug({ enabled: true })
export const initialize = async (): Promise => {
try {
- const st = await webnative.initialise(fissionInit)
+ const st = await webnative.app({ useWnfs: true })
state = st
switch (state.scenario) {
- case webnative.Scenario.NotAuthorised:
+ case webnative.AppScenario.NotAuthed:
console.log('Not logged in')
break
- case webnative.Scenario.Continuation:
+ case webnative.AppScenario.Authed:
console.log('Logged in')
break
@@ -62,12 +46,24 @@ export const isUsernameValid = async (username: string): Promise => {
return webnative.account.isUsernameValid(username)
}
-const debouncedIsUsernameAvailable = asyncDebounce(webnative.account.isUsernameAvailable, 300)
+const debouncedIsUsernameAvailable = asyncDebounce(
+ webnative.account.isUsernameAvailable,
+ 300
+)
-export const isUsernameAvailable = async (username: string): Promise => {
+export const isUsernameAvailable = async (
+ username: string
+): Promise => {
return debouncedIsUsernameAvailable(username)
}
+export const register = async (username: string): Promise => {
+ await initialize()
+ const { success } = await webnative.account.register({ username })
+
+ return success
+}
+
// interface StateFS {
// fs?: FileSystem
// }
diff --git a/src/routes/linkDevice.svelte b/src/routes/linkDevice.svelte
new file mode 100644
index 0000000..15a2b99
--- /dev/null
+++ b/src/routes/linkDevice.svelte
@@ -0,0 +1,5 @@
+
+
+