SK Vanilla Setup

[SGarno]

I must be having a brain fade here. I was having trouble incorporating SKA into my existing app, so I dumbed it down to the vanilla SK template:

1. npm init svelte@next testauth
2. npm i sk-auth
3. Create hooks.js
4. Create /lib/appAuth.js
5. Create /routes/auth/[..auth].js
6. Create /routes/login.svelte

Getting the error:

Not found: /api/auth/signin/google

Error: Not found: /api/auth/signin/google
    at render_page (file:https:///D:/Development/svelte/testauth/node_modules/@sveltejs/kit/dist/ssr.js:1216:11)
    at async render (file:https:///D:/Development/svelte/testauth/node_modules/@sveltejs/kit/dist/ssr.js:1561:12)
    at async Object.handle (/D:\Development\svelte\testauth\src\hooks:11:22)
    at async respond (file:https:///D:/Development/svelte/testauth/node_modules/@sveltejs/kit/dist/ssr.js:1510:10)
    at async Immediate.<anonymous> (file:https:///D:/Development/svelte/testauth/node_modules/@sveltejs/kit/dist/chunks/index.js:3305:23)

What am I missing here?

appAuth.js

import { SvelteKitAuth } from "sk-auth";
import {
    GoogleOAuth2Provider,
} from "sk-auth/providers";

const VITE_GOOGLE_OAUTH_CLIENT_ID = ''
const VITE_GOOGLE_OAUTH_CLIENT_SECRET = ''
const JWT_SECRET_KEY = 'secretkey'

export const appAuth = new SvelteKitAuth({
    providers: [
        new GoogleOAuth2Provider({
            clientId: VITE_GOOGLE_OAUTH_CLIENT_ID,
            clientSecret: VITE_GOOGLE_OAUTH_CLIENT_SECRET,
            profile (profile) {
                return { ...profile, provider: "google" };
            },
        })
    ],
    callbacks: {
        jwt (token, profile) {
            if (profile?.provider) {
                const { provider, ...account } = profile;
                token = {
                    ...token,
                    user: {
                        ...(token.user ?? {}),
                        connections: { ...(token.user?.connections ?? {}), [provider]: account },
                    },
                };
            }

            return token;
        },
    },
    jwtSecret: JWT_SECRET_KEY,
});

/routes/login.svelte

<script>
	import { goto } from '$app/navigation';

	async function DoLogin() {
		goto('/api/auth/signin/google');
	}
</script>

<h1>Login Page</h1>
<a href="/api/auth/signin/google">Click here to sign in</a>
<button on:click={DoLogin}>Initialize</button>

[x-ror]

@SGarno are u sure that u have "src\routes\api\auth[...auth].ts" file ?
with

import { appAuth } from "$lib/appAuth";
export const { get, post } = appAuth;

[SGarno]

Yup! I had it as .js but that shouldn't matter. I did change it to .ts just to be sure and then updated the jsconfig.json to include it. Still same issue.

[SGarno]

DOH! I totally missed the api part of the path. Ok....I need to get away for a bit. My bad. I copied it from my project and didn't check when recreating the vanilla SK project.

[Dan6erbond]

I'll be honest I stared at this thread way too long trying to figure out what was happening and yup!

Lo and behold, sometimes you could show the thread to someone that hasn't touched code in their life with a higher chance of solving the issue. 😆

Glad you got it figured out!