30:T592,

Fetch User Details

Logout

31:[] 2e:{"title":"Hello, Supabase!","cells":[{"id":0,"value":"# Hello, Supabase!","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"I wanted to learn how to do auth with Supabase, so I created this simple sign on page to test things out. You'll have to modify this if you want it to work with your own Secret : SUPABASE_ACCESS_KEY or put the key in the notebook. ","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"I'm using the \"[Vanilla JS Auth example](https://github.com/supabase/supabase/tree/master/examples/javascript-auth)\" from their Github examples:","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"SupaBase = require(\"@supabase/supabase-js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"## Supabase Auth Example","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"$30","pinned":true,"hidden":false,"mode":"html"},{"id":19,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":24,"value":"SUPABASE_URL = \"https://pxaruzggofkfcakgilvs.supabase.co\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"supabase = SupaBase.createClient(SUPABASE_URL, Secret(\"SUPABASE_ACCESS_KEY\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"window.userToken = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"{\n console.log(\"run\")\n var signUpForm = document.querySelector('#sign-up')\n signUpForm.onsubmit = signUpSubmitted.bind(signUpForm)\n\n var logInForm = document.querySelector('#log-in')\n logInForm.onsubmit = logInSubmitted.bind(logInForm)\n\n var userDetailsButton = document.querySelector('#user-button')\n userDetailsButton.onclick = fetchUserDetails.bind(userDetailsButton)\n\n var logoutButton = document.querySelector('#logout-button')\n logoutButton.onclick = logoutSubmitted.bind(logoutButton)\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"signUpSubmitted = (event) => {\n event.preventDefault()\n const email = event.target[0].value\n const password = event.target[1].value\n\n supabase.auth\n .signUp({ email, password })\n .then((response) => {\n response.error ? console.log(response.error.message) : setToken(response)\n })\n .catch((err) => {\n console.log(err)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"logInSubmitted = (event) => {\n event.preventDefault()\n const email = event.target[0].value\n const password = event.target[1].value\n\n supabase.auth\n .signIn({ email, password })\n .then((response) => {\n response.error ? console.log(response.error.message) : setToken(response)\n })\n .catch((err) => {\n console.log(err.response.text)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"fetchUserDetails = () => {\n console.log(JSON.stringify(supabase.auth.user()))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"logoutSubmitted = (event) => {\n event.preventDefault()\n\n supabase.auth\n .signOut()\n .then((_response) => {\n document.querySelector('#access-token').value = ''\n document.querySelector('#refresh-token').value = ''\n console.log('Logout successful')\n })\n .catch((err) => {\n console.log(err.response.text)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"function setToken(response) {\n if (response.user.confirmation_sent_at && !response?.session?.access_token) {\n console.log('Confirmation Email Sent')\n } else {\n document.querySelector('#access-token').value = response.session.access_token\n document.querySelector('#refresh-token').value = response.session.refresh_token\n console.log('Logged in as ' + response.user.email)\n }\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}

Log In

Access Token

Refresh Token

Fetch User Details

Logout

Sign Up

Log In

Access Token

Refresh Token

Fetch User Details

Logout