feat: add mini dart web app example

Author: Vinzent03

.github/workflows/supabase.yml

@@ -70,3 +70,9 @@ jobs:
 
       - name: Run tests
         run: dart test --concurrency=1
+
+      - name: Build Dart web app
+        run: |
+          dart pub global activate webdev
+          cd example
+          webdev build

packages/supabase/example/.gitignore

@@ -0,0 +1,4 @@
+# https://dart.dev/guides/libraries/private-files
+# Created by `dart pub`
+.dart_tool/
+

packages/supabase/example/main.dart

@@ -0,0 +1,19 @@
+name: supabase_example
+description: An absolute bare-bones supabase web app.
+version: 1.0.0
+# repository: https://github.com/my_org/my_repo
+publish_to: none
+
+environment:
+  sdk: ^3.9.0
+
+# Add regular dependencies here.
+dependencies:
+  web: ^1.1.1
+  supabase: ^2.9.0
+
+dev_dependencies:
+  build_runner: ^2.4.15
+  build_web_compilers: ^4.1.6
+  lints: ^6.0.0
+

packages/supabase/example/pubspec.yaml

@@ -0,0 +1,98 @@
+import 'dart:typed_data';
+
+import 'package:supabase/supabase.dart';
+import 'package:web/web.dart' as web;
+
+void main() {
+  const supabaseUrl = 'YOUR_SUPABASE_URL';
+  const supabaseKey = 'YOUR_ANON_KEY';
+  final supabase = SupabaseClient(supabaseUrl, supabaseKey);
+
+  final element = web.document.querySelector('#output') as web.HTMLDivElement;
+  element.textContent = 'Supabase Dart Web Example';
+
+  exampleUsage(supabase);
+}
+
+void exampleUsage(SupabaseClient supabase) async {
+  // query data
+  final data = await supabase
+      .from('countries')
+      .select()
+      .order('name', ascending: true);
+  print(data);
+
+  // insert data
+  await supabase.from('countries').insert([
+    {'name': 'Singapore'},
+  ]);
+
+  // update data
+  await supabase.from('countries').update({'name': 'Singapore'}).eq('id', 1);
+
+  // delete data
+  await supabase.from('countries').delete().eq('id', 1);
+
+  // realtime
+  final realtimeChannel = supabase.channel('my_channel');
+  realtimeChannel
+      .onPostgresChanges(
+        event: PostgresChangeEvent.all,
+        schema: 'public',
+        table: 'countries',
+        callback: (payload) {},
+      )
+      .subscribe();
+
+  // remember to remove channel when no longer needed
+  supabase.removeChannel(realtimeChannel);
+
+  // stream
+  final streamSubscription = supabase
+      .from('countries')
+      .stream(primaryKey: ['id'])
+      .order('name')
+      .limit(10)
+      .listen((snapshot) {
+        print('snapshot: $snapshot');
+      });
+
+  // remember to remove subscription
+  streamSubscription.cancel();
+
+  // Upload file to bucket "public" with dart:io
+
+  // final file = File('example.txt');
+  // file.writeAsStringSync('File content');
+  // final storageResponse = await supabase.storage
+  //     .from('public')
+  //     .upload('example.txt', file);
+
+  // Upload file to bucket "public" without dart:io
+  final content = "my file content";
+  final storageResponse = await supabase.storage
+      .from('public')
+      .uploadBinary('example.txt', Uint8List.fromList(content.codeUnits));
+  print('upload response : $storageResponse');
+
+  // Get download url
+  final urlResponse = await supabase.storage
+      .from('public')
+      .createSignedUrl('example.txt', 60);
+  print('download url : $urlResponse');
+
+  // Download text file
+  final fileResponse = await supabase.storage
+      .from('public')
+      .download('example.txt');
+  print('downloaded file : ${String.fromCharCodes(fileResponse)}');
+
+  // Delete file
+  final deleteFileResponse = await supabase.storage.from('public').remove([
+    'example.txt',
+  ]);
+  print('deleted file id : ${deleteFileResponse.first.id}');
+
+  // Local file cleanup on dart:io
+  // if (file.existsSync()) file.deleteSync();
+}

packages/supabase/example/web/main.dart

@@ -35,7 +35,6 @@ migrate_working_dir/
 /build/
 
 # Web related
-lib/generated_plugin_registrant.dart
 
 # Symbolication related
 app.*.symbols