Implement the first version of SvelteKit project + GitLab OAuth2 connection

[stephane-klein]

Hello,

This is Learn In Public issue.

Following this question on Reddit, I created this GitHub repository and this issue, whose goal is to set up a SvelteKit project with a OAuth 2 authentication connected to a self-hosted GitLab instance.

For the moment, I refer to the following resources:

• sveltekit-passport-oauth2
• and http://www.passportjs.org/

[stephane-klein]

I use https://github.com/fh1ch/passport-gitlab2 Passport strategy package.

[stephane-klein]

In setup-sveltekit-passport-oauth2-boilerplate branch, I try to follow the sveltekit-passport-oauth2 README instructions.

Here where sequence is imported? See my comment error message here.

[stephane-klein]

I am studying https://github.com/fabiohvp/sveltekit-passport-oauth2/blob/master/src/index.ts source code.

[stephane-klein]

I read https://kit.svelte.dev/docs/hooks#handle and I don't understand how passport middleware passport.use(setting.strategy); works with SvelteKit Handle 🤔

[stephane-klein]

I read https://kit.svelte.dev/docs/hooks#handle and I don't understand how passport middleware passport.use(setting.strategy); works with SvelteKit Handle 🤔

I see https://github.com/sveltejs/kit/issues/1610#issuecomment-906923102

[stephane-klein]

I read https://github.com/sveltejs/kit/issues/334.

[stephane-klein]

I added this commit 20c8e20 to fix error here

[stephane-klein]

Next, I have this error:

Cannot read properties of undefined (reading 'headers')

TypeError: Cannot read properties of undefined (reading 'headers')
    at addUserToRequest (/Users/stephaneklein/git/github.com/stephane-klein/poc-svelte-oauth-passport-gitlab/src/hooks.ts:29:38)
    at apply_handle (file:///Users/stephaneklein/git/github.com/stephane-klein/poc-svelte-oauth-passport-gitlab/node_modules/@sveltejs/kit/dist/hooks.js:20:11)
    at Object.handle (file:///Users/stephaneklein/git/github.com/stephane-klein/poc-svelte-oauth-passport-gitlab/node_modules/@sveltejs/kit/dist/hooks.js:10:10)
    at respond (file:///Users/stephaneklein/git/github.com/stephane-klein/poc-svelte-oauth-passport-gitlab/.svelte-kit/runtime/server/index.js:3200:40)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async file:///Users/stephaneklein/git/github.com/stephane-klein/poc-svelte-oauth-passport-gitlab/node_modules/@sveltejs/kit/dist/chunks/plugin.js:365:24

here

[stephane-klein]

I checked, here request is undefined, I don't know why 🤔

[stephane-klein]

I checked, here request is undefined, I don't know why 🤔

In https://kit.svelte.dev/docs/hooks#handle I see that now request is in event parameter.

[stephane-klein]

I checked, here request is undefined, I don't know why 🤔

In https://kit.svelte.dev/docs/hooks#handle I see that now request is in event parameter.

Fixed by this commit e78c045

[stephane-klein]

Here I read Assuming the following file structure src/hooks.ts and src/routes/auth/google/(login|logout|callback).ts (without json in names).

And here I read routes/auth/google/index.json.ts.

I don't know if the good filename is index.ts or index.json.ts 🤔

I will test index.json.ts.