Merge pull request #587 from supabase/feat/release-v2

feat: Release v2

Author: soedirgo

--includes

@@ -26,8 +26,8 @@ jobs:
 
       - run: |
           npm ci
-          npm run v1:docs
-          npm run v1:docs:json
+          npm run docs
+          npm run docs:json
 
       - name: Publish
         uses: peaceiris/actions-gh-pages@v3

.github/workflows/docs.yml

@@ -103,3 +103,5 @@ dist
 
 # TernJS port file
 .tern-port
+
+docs/v2

.gitignore

@@ -37,9 +37,8 @@ create policy "Users can update own profile."
 -- Set up Realtime!
 begin;
   drop publication if exists supabase_realtime;
-  create publication supabase_realtime;
+  create publication supabase_realtime for table profiles;
 commit;
-alter publication supabase_realtime add table profiles;
 
 -- Set up Storage!
 insert into storage.buckets (id, name)

docs/v2/.gitkeep

@@ -35,10 +35,10 @@ export default function Account({
         throw 'You must select an image to upload.'
       }
 
-      const user = supabase.auth.user()
+      const { user } = await supabase.auth.getUser()
       const file = event.target.files[0]
       const fileExt = file.name.split('.').pop()
-      const fileName = `${session?.user.id}${Math.random()}.${fileExt}`
+      const fileName = `${session?.user?.id}${Math.random()}.${fileExt}`
       const filePath = `${fileName}`
 
       let { error: uploadError } = await supabase.storage
@@ -127,7 +127,7 @@ export default function Account({
     <div className="account">
       <div>
         <label htmlFor="email">Email</label>
-        <input id="email" type="text" value={session.user.email} disabled />
+        <input id="email" type="text" value={session?.user?.email} disabled />
       </div>
       <div>
         <label htmlFor="username">Name</label>

example/next-storage/README.md

@@ -1,25 +1,26 @@
 import ProfileCard from '../components/ProfileCard'
 import { Profile } from '../lib/constants'
-import { Subscription, SupabaseRealtimePayload } from '@supabase/supabase-js'
 import { supabase } from '../lib/api'
 import { useState, useEffect } from 'react'
 
-var realtimeProfiles: Subscription | null = null
-
 export default function ProfileList() {
   const [profiles, setProfiles] = useState<Profile[]>([])
 
   useEffect(() => {
     // getPublicProfiles()
     getUserProfile()
 
-    realtimeProfiles = supabase
-      .from('profiles')
-      .on('*', (payload: SupabaseRealtimePayload<Profile>) => profileUpdated(profiles, payload.new))
+    const realtimeProfiles = supabase
+      .channel('public:profiles')
+      .on(
+        'postgres_changes',
+        { event: '*', schema: 'public', table: 'profiles' },
+        (payload: { [key: string]: any }) => profileUpdated(profiles, payload.new)
+      )
       .subscribe()
 
     return () => {
-      if (realtimeProfiles) supabase.removeSubscription(realtimeProfiles)
+      if (realtimeProfiles) supabase.removeChannel(realtimeProfiles)
     }
   }, [])
 
@@ -29,12 +30,12 @@ export default function ProfileList() {
   }
 
   async function getUserProfile() {
-    const user = supabase.auth.user()
+    const { user } = await supabase.auth.getUser()
     try {
       const { data, error } = await supabase
         .from('profiles')
         .select('id, username, avatar_url, website, updated_at')
-        .eq('id', user.id)
+        .eq('id', user?.id)
         .order('updated_at', { ascending: false })
       if (error) {
         throw error