+ SvelteKitAuth
+
+
+ {#if $session?.user}
+
+ {#if $page.path === "/profile"}
+
+ {:else}
+
+ {/if}
+
+
+ {:else}
+
+
+
+ {/if}
+
+
+
+
+Welcome to SvelteKit
-- Visit kit.svelte.dev to read the - documentation -
diff --git a/app/src/routes/login.svelte b/app/src/routes/login.svelte new file mode 100644 index 0000000..b897ec2 --- /dev/null +++ b/app/src/routes/login.svelte @@ -0,0 +1,194 @@ + + +Welcome to SvelteKitAuth
+ +Login
++
+ Login with one of the configured social providers to test the social login. +
+ ++ +
+
+
+ Sign in with Google
+
+
+
+
+ Sign in with Facebook
+
+
+
+
+ Sign in with Reddit
+
+
+
+
+ + Coming soon. +
+ +
+
+ Sign in with Twitter
+
+ + +
+ We will never share your identity with anyone else. +
+Your Profile
+ +
+
diff --git a/app/static/logo.svg b/app/static/logo.svg
new file mode 100644
index 0000000..dd07751
--- /dev/null
+++ b/app/static/logo.svg
@@ -0,0 +1,12 @@
+
diff --git a/app/tailwind.config.cjs b/app/tailwind.config.cjs
index 2c79025..9d04d94 100644
--- a/app/tailwind.config.cjs
+++ b/app/tailwind.config.cjs
@@ -1,4 +1,6 @@
const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");
+const { fontFamily } = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
module.exports = {
mode: "aot",
@@ -17,7 +19,27 @@ module.exports = {
safelist: [/^svelte-[\d\w]+$/],
},
theme: {
- extend: {},
+ extend: {
+ fontFamily: {
+ sans: ["Inter", ...fontFamily.sans],
+ serif: [...fontFamily.serif],
+ mono: ["Fira Mono", ...fontFamily.mono],
+ },
+ colors: {
+ transparent: "transparent",
+ current: "currentColor",
+ black: colors.black,
+ white: colors.white,
+ gray: colors.trueGray,
+ "cool-gray": colors.blueGray,
+ blue: colors.blue,
+ indigo: colors.indigo,
+ red: colors.rose,
+ orange: colors.orange,
+ yellow: colors.amber,
+ pink: colors.pink,
+ },
+ },
},
variants: {
extend: {},
diff --git a/app/yarn.lock b/app/yarn.lock
index bc53fb5..33a983d 100644
--- a/app/yarn.lock
+++ b/app/yarn.lock
@@ -445,6 +445,11 @@ chokidar@^3.5.1:
optionalDependencies:
fsevents "~2.3.1"
+clsx@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
+ integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
+
color-convert@^1.9.0, color-convert@^1.9.1:
version "1.9.3"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -2146,7 +2151,7 @@ svelte-hmr@^0.14.2:
resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.14.4.tgz#b7ef2bfeef23916e0e912828c50645ca572ac355"
integrity sha512-kItFF7vqzStckSigoFmMnxJpTOdB9TWnQAW6Js+yAB4277tLbJIIE5KBlGHNmJNpA7MguqidsPB27Uw5UzQPCA==
-"svelte-kit-auth@link:../":
+"svelte-kit-auth@link:..":
version "0.0.0"
uid ""
diff --git a/src/jwt.ts b/src/jwt.ts
new file mode 100644
index 0000000..e69de29
Connections
+ +
+
+
+
+
+
+
+
+ {#if $session.user.connections.google}
+
+ Signed in as:
+ {$session.user.connections.google.name} + {:else} +Not signed in
+ + Connect + + {/if} +
+
+
+
+ {#if $session.user.connections.facebook}
+
+ Signed in as:
+ {$session.user.connections.facebook.name} + {:else} +Not signed in
+ + Connect + + {/if} +
+
+
+
+ {#if $session.user.connections.reddit}
+
+ Signed in as:
+ {$session.user.connections.reddit.name} + {:else} +Not signed in
+ + Connect + + {/if} +
+
+
+
+ {#if $session.user.connections.twitter}
+
+ Signed in as:
+ + {$session.user.connections.twitter.name} + {:else} +Not signed in
+
+ Connect
+
+ {/if}
+ Session
+
+ {JSON.stringify($session, null, 2)}
+
+