From cf7c698ee790facf343fa63a13121eaad5e56fb9 Mon Sep 17 00:00:00 2001
From: Bruno D'Luka <45696119+bdlukaa@users.noreply.github.com>
Date: Fri, 16 Jul 2021 16:01:31 -0300
Subject: [PATCH] Add dart example to client libraries

---
 web/docs/guides/client-libraries.mdx | 190 +++++++++++++++++++++++++--
 1 file changed, 181 insertions(+), 9 deletions(-)

diff --git a/web/docs/guides/client-libraries.mdx b/web/docs/guides/client-libraries.mdx
index 8da42040744..c1f01d901a3 100755
--- a/web/docs/guides/client-libraries.mdx
+++ b/web/docs/guides/client-libraries.mdx
@@ -20,7 +20,7 @@ If confirmations are disabled the response will contain an access token and also
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -49,6 +49,23 @@ user = supabase.auth.sign_up(
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .auth
+      .signUp('example@email.com', 'example-password');
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -60,7 +77,7 @@ Existing users can log in using [`signIn()`](/docs/reference/javascript/auth-sig
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -89,6 +106,23 @@ user = supabase.auth.sign_in(
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .auth
+      .signIn(email: 'example@email.com', password: 'example-password');
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -99,7 +133,7 @@ If there is an email, but no password passed to [`signIn()`](/docs/reference/jav
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -126,6 +160,23 @@ user = supabase.auth.sign_in(
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .auth
+      .signIn(email: 'example@email.com');
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -137,7 +188,7 @@ Third party logins are also handled through [`signIn()`](/docs/reference/javascr
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -157,6 +208,24 @@ const { user, error } = await supabase.auth.signIn({
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .auth
+      // provider can be 'github', 'google', 'gitlab', or 'bitbucket'
+      .signIn(provider: Provider.github);
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -169,7 +238,7 @@ Since Postgres is a Relational database, the client makes it simple to query tab
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -193,6 +262,24 @@ const { data, error } = await supabase
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .from('countries')
+      .select('name')
+      .execute();
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -204,7 +291,7 @@ You can do advanced [filtering](/docs/reference/javascript/using-filters) to ext
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -225,6 +312,26 @@ const { data, error } = await supabase
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .from('cities')
+      .select('name,country_id')
+      .lt('country_id', 100)
+      .limit(10)
+      .execute();
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -237,7 +344,7 @@ You can create data easily using [`insert()`](/docs/reference/javascript/insert)
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -259,6 +366,27 @@ const { data, error } = await supabase
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .from('cities')
+      .insert([
+        { name: 'The Shire', country_id: 554 },
+        { name: 'Rohan', country_id: 555 },
+       ])
+      .execute();
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -272,7 +400,7 @@ The Supabase client makes it simple to listen to realtime database changes, usin
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -294,6 +422,28 @@ const mySubscription = supabase
 ```
 
 
+</TabItem>
+  
+<TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .from('countries')
+      .on(SupabaseEventTypes.all, (payload) {
+        print('Something happenned: ${payload.eventType}');
+      })
+      .subscribe((String event, {String? errorMsg}) {
+        print('event: $event error: $errorMsg');
+      });
+}
+```
+
 </TabItem>
 
 </Tabs>
@@ -305,7 +455,7 @@ You can even [listen to Row Level changes](/docs/reference/javascript/subscribe#
 <Tabs
   groupId="libraries"
   defaultValue="js"
-  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' }]}>
+  values={[{ label: 'JavaScript', value: 'js' },{ label: 'Python', value: 'py' },{ label: 'Dart', value: 'dart'}]}>
 
 <TabItem value="js">
 
@@ -325,6 +475,28 @@ const mySubscription = supabase
 ```
 
 
+</TabItem>
+  
+  <TabItem value="dart">
+
+```dart
+import 'package:supabase/supabase.dart';
+
+main() {
+  final client = SupabaseClient('supabaseUrl', 'supabaseKey');
+
+  // Sign up user with email and password
+  final response = await client
+      .from('countries:id.eq.200')
+      .on(SupabaseEventTypes.update, (payload) {
+        print('Something happenned: ${payload.eventType}');
+      })
+      .subscribe((String event, {String? errorMsg}) {
+        print('event: $event error: $errorMsg');
+      });
+}
+```
+
 </TabItem>
 
 </Tabs>