From 71a706ebf70cecd543000b7e39c48a05db012c36 Mon Sep 17 00:00:00 2001 From: Arman Date: Fri, 24 Jan 2025 16:14:39 +0100 Subject: [PATCH] feat: invite screens --- package.json | 2 +- pnpm-lock.yaml | 18 +- src/routes/(public)/auth/+layout.svelte | 60 ++++- src/routes/(public)/auth/preview/+page.svelte | 237 ++--------------- src/routes/(public)/auth/preview/+page.ts | 13 +- .../(public)/auth/preview/access/+page.svelte | 245 ++++++++++++++++++ .../(public)/auth/preview/access/+page.ts | 7 + .../(public)/auth/preview/access/bg_dark.jpg | Bin 0 -> 10859 bytes .../(public)/auth/preview/access/bg_light.jpg | Bin 0 -> 10964 bytes 9 files changed, 348 insertions(+), 234 deletions(-) create mode 100644 src/routes/(public)/auth/preview/access/+page.svelte create mode 100644 src/routes/(public)/auth/preview/access/+page.ts create mode 100644 src/routes/(public)/auth/preview/access/bg_dark.jpg create mode 100644 src/routes/(public)/auth/preview/access/bg_light.jpg diff --git a/package.json b/package.json index ea5e3b2a5..99425220a 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@appwrite.io/pink": "0.25.0", "@appwrite.io/pink-icons": "0.25.0", "@appwrite.io/pink-icons-svelte": "1.0.0-next.7", - "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc", + "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4fed4ac14..55532d290 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -21,8 +21,8 @@ importers: specifier: 1.0.0-next.7 version: 1.0.0-next.7(svelte@4.2.19) '@appwrite.io/pink-svelte': - specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc - version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) '@popperjs/core': specifier: ^2.11.8 version: 2.11.8 @@ -223,8 +223,8 @@ packages: peerDependencies: svelte: ^4.0.0 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3114ccc0b95c9d94385c06730b7aeaef7b4a81fc': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3114ccc0b95c9d94385c06730b7aeaef7b4a81fc} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9bf8175bdcd6ed9f4614a76521d80963e75171cb': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9bf8175bdcd6ed9f4614a76521d80963e75171cb} version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 @@ -232,8 +232,8 @@ packages: '@appwrite.io/pink-icons@0.25.0': resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc} + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175} version: 1.0.0-next.85 peerDependencies: react-dom: ^18.0.0 @@ -4087,15 +4087,15 @@ snapshots: dependencies: svelte: 4.2.19 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3114ccc0b95c9d94385c06730b7aeaef7b4a81fc(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9bf8175bdcd6ed9f4614a76521d80963e75171cb(svelte@4.2.19)': dependencies: svelte: 4.2.19 '@appwrite.io/pink-icons@0.25.0': {} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3114ccc(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@9bf8175(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': dependencies: - '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3114ccc0b95c9d94385c06730b7aeaef7b4a81fc(svelte@4.2.19) + '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@9bf8175bdcd6ed9f4614a76521d80963e75171cb(svelte@4.2.19) '@floating-ui/dom': 1.6.13 '@melt-ui/svelte': 0.83.0(svelte@4.2.19) pretty-bytes: 6.1.1 diff --git a/src/routes/(public)/auth/+layout.svelte b/src/routes/(public)/auth/+layout.svelte index 24921622c..a51b92215 100644 --- a/src/routes/(public)/auth/+layout.svelte +++ b/src/routes/(public)/auth/+layout.svelte @@ -1,10 +1,64 @@ - - - +
+
+ + + +
+
+ + + POWERED BY + + {#if $app.themeInUse === 'dark'} + Appwrite Logo + {:else} + Appwrite Logo + {/if} +
+
+ + diff --git a/src/routes/(public)/auth/preview/+page.svelte b/src/routes/(public)/auth/preview/+page.svelte index d65c1672f..9f82172eb 100644 --- a/src/routes/(public)/auth/preview/+page.svelte +++ b/src/routes/(public)/auth/preview/+page.svelte @@ -1,227 +1,28 @@ - -
- - {#if state === 'login'} - - - - {#if isCloud} - or - - {/if} - - {:else if state === 'register'} - - - - - By registering, you agree that you have read, understand, and acknowledge our - Privacy Policy - and accept our - General Terms of Use. - - {#if isCloud} - or - - {/if} - - {:else if state === 'authenticated'} - - -

- You're signed in as {data.account.email} -

- { - logout(); - state = 'login'; - }}>Swith account - - - {/if} - -
+ + Preview - Appwrite + - - - - + + + + Authenticating... + + Please wait while we authenticate you + diff --git a/src/routes/(public)/auth/preview/+page.ts b/src/routes/(public)/auth/preview/+page.ts index 87603f585..c13cb1228 100644 --- a/src/routes/(public)/auth/preview/+page.ts +++ b/src/routes/(public)/auth/preview/+page.ts @@ -1,7 +1,14 @@ +import { base } from '$app/paths'; +import { redirect } from '@sveltejs/kit'; + export const load = async ({ parent }) => { const { account } = await parent(); - return { - account - }; + if (!account) { + redirect(303, `${base}/auth/preview/access`); + } else { + return { + account + }; + } }; diff --git a/src/routes/(public)/auth/preview/access/+page.svelte b/src/routes/(public)/auth/preview/access/+page.svelte new file mode 100644 index 000000000..b64444ed5 --- /dev/null +++ b/src/routes/(public)/auth/preview/access/+page.svelte @@ -0,0 +1,245 @@ + + +{#if $app.themeInUse === 'dark'} + +{:else} + +{/if} + + + Preview access - Appwrite + + + +
+ + {#if state === 'login'} + + + + {#if isCloud} + or + + {/if} + + {:else if state === 'register'} + + + + + By registering, you agree that you have read, understand, and acknowledge our + Privacy Policy + and accept our + General Terms of Use. + + {#if isCloud} + or + + {/if} + + {:else if state === 'authenticated'} + + +

+ You're signed in as {data.account.email} +

+ { + logout(); + state = 'login'; + }}>Swith account + + + {/if} + +
+ + + + + + + diff --git a/src/routes/(public)/auth/preview/access/+page.ts b/src/routes/(public)/auth/preview/access/+page.ts new file mode 100644 index 000000000..87603f585 --- /dev/null +++ b/src/routes/(public)/auth/preview/access/+page.ts @@ -0,0 +1,7 @@ +export const load = async ({ parent }) => { + const { account } = await parent(); + + return { + account + }; +}; diff --git a/src/routes/(public)/auth/preview/access/bg_dark.jpg b/src/routes/(public)/auth/preview/access/bg_dark.jpg new file mode 100644 index 0000000000000000000000000000000000000000..1fbbdc128d033a2cd3b34fd02cfcd4d990a1e52b GIT binary patch literal 10859 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 literal 0 HcmV?d00001 diff --git a/src/routes/(public)/auth/preview/access/bg_light.jpg b/src/routes/(public)/auth/preview/access/bg_light.jpg new file mode 100644 index 0000000000000000000000000000000000000000..febb1bab81e6f7b6bb417a7c706c6da48375d11a GIT binary patch literal 10964 zcmeI2c~DbH9>@C;P7QC@O*F(p|*^M;X*8is%3W zNhu&lMpRI;NCbCgN>)Koj^VIG@mxg~L=>l#;DHz0FYuUD%~p-c`!`K0-K6{X?O%Vo z`U9xo;%x#!{;zrJbyR-d~d%6er(r(r2#%m=lc42qaw&uB9UZDqLIlo@0qNb z-WsQ|D}ZdQ4-8}kgbeh^2!V`@H3BMhRh7VG(nARP21c;X`VUnA(Svnk_W+TA06lYp zIW+ntz1sJ{{Z>|nNdU^{LRI$o_%XrxXjMs=oUuWRZ2pv#nw3&7oRK@^lR7`pqQCmcKAMpckAKshm`~G zBe-3MnkfnX7E@zwM$5h#@!Swfbd%&5PV;TPaTrwjwsrk@vou)KP5`BLb?;!pe_HdY zkpM)xH8w0=0~(f~MF6-|Q;qcqnw$Kg4@2tY0zlo+GS&SqVkp*91JuQHDSUJFf z0?^tSL&6e|T+smC%9uTrj7}1l;G?Zek#N?<%EAn`Imvg316As@MvjQPh(H2>l~4wN zA(#ZFscXbZz_>*601GZ~G3*@?Q#JJgYfnH<7S~m5m6-0Ez$s3*#Mkq$GMbb6G(8a$I}$VK`fGWErnvZ_I*Q6 z8g0u`Znp5|2)ZDN00t%P62+9;n{cqOFOqvD>tNM0D1vJhq!9vH06Ara>S*T>v@+Ba zPuLQOT&+h|2frarS#X!2xDl4tI^Zu>z5@m{zp3mizKa*!OhU!FCpVwQgA5fKfrLK3 zG{L>C{Cwx;2LR|xd^A?U3_^uzAdpT8Je`*WzW{J4Er*(1sz`=Y209errdr`Z4}M>2 zn`W{l>2AX|t#fITa#X_t-80%HM7Xffw=BEYtf}gmD(dE{-n9~&a+q6Z!fgm=0?BVR?tgai$C}&*j2(E8ozehn}Yt7rma&(k|T3;*y zgGH1`{oI881O<9AfNzMSLOs_}QKx~GbyP4C>bZ`JIt{F>qk@r8&vjJPX<%g?6^w*>uA`z(11syOU?kLY z9TjyNSXoB}BcYz_sHoGx$~r0-3H4k@MV$s#)=|MosOLH=>NK!2B0NpNo(JH$b-K6l z$#&0zaaCM5^J&q0pUyWJ7s7Ry+HGGjd*VqIo|~`!;)zEbh7^nw#_r2=L?N4KjHICt zhqOz!@ca+M9O%JBK#u{9s~}`Of@PwG570N~(#2NrAdoSvLi7O5a_*v+B`FB?ULl0CGF*F`j!d&74L{#hGH+jUd5V{{ ze~9!&dqD*~$@hZ`i^1ZYGe3K_$35Uf<04AbHM`HEsAa{1ogT`8w&0Kwdv@!JqI~7R z^nnhSvv-ODylm|$*M#S*!#E6iIP8Hc-Q~kv%L!LRT}}5{FZ`!bcgqvU&SF7I;|1=! z6ltkbYglaiac=FpHC3L{6t5uHj8f0c@K@9W;S~p>Ls>sZL+3btV7>6JW*F3%ZK{8p zEotTqbe4FfG+wqWGitH!u$0Pc)_tWM7y~EQx>P<5UO~#W*l)*P9fpK4!}zzee!lgt zi0}0(;PwyGn1Qm8^l!-TX7J}42}ts3agq|p_pma!C1|!(Ud_KW-EZBQuGGF-X|%O} zYbL*>$Y~tED({doqsYPfw-U!Z*!yVeD69!+O)NYWb7E+;Q(+rb!Bl+|WS&tP zvqM2W6*23C>&K2l+a2kp#2xMad0mv31 zGl#KaJfKX(Bm|HX&FOk#J0A;f_VtNqLhuF(nk(tL*O^joK*!(jdPe`!bTy0jXh!-c z{rHl!Jr4eRW_iuGKHeH<$#eQz+TmEubRAC`T6dL$j?2< zu!R?^*m|%i95&)PR5BP0Qn+!Jac0EG&i0~JZEbA@HR(O+KhUaRQ&rp1>a&*|Vq;_D zJgcG@3}!}h-NFr4#k{z1-s}wwPIB88|8s%Qiz1+$+!)#^a>&$w)2s(Pe}N{viZlj; zvq$cp#gjkiINwS6Oxy!$S&=7V?qvM#Q329J5O3gy9^ItDW1Ix|Qfmi~XOg*z<`$OY zZDHj01}|kPO|)HKmq*rAD!K&puCiGs VT)4)kY+ucGQ>Ccnn9bPT{{gG;Qw{(C literal 0 HcmV?d00001