[Chore] Update to use @journeyapps/powersync-attachments

.gitignore

@@ -30,8 +30,10 @@ yarn-error.*
 # macOS
 .DS_Store
 *.pem
+
 # local env files
 .env*.local
+.env
 
 # typescript
 *.tsbuildinfo

README.md

@@ -1,8 +1,8 @@
 # PowerSync + Supabase React Native Demo: Todo List 
 
-## Note: Alpha Release
+## Note: Beta Release
 
-This package is currently in an alpha release. Functionality could change dramatically in future releases. Certain functions may be partially implemented or buggy.
+This package is currently in a beta release.
 
 ## Overview
 
@@ -45,7 +45,7 @@ It does the following:
 
 ## Set up PowerSync Instance
 
-Create a new PowerSync instance, connecting to the database of the Supabase project.
+Create a new PowerSync instance, connecting to the database of the Supabase project (find detailed instructions in the [Supabase<>PowerSync integration guide](https://docs.powersync.co/integration-guides/supabase)).
 
 Then deploy the following sync rules:
 

app/signin.tsx

@@ -8,7 +8,7 @@ import { TextInputWidget } from '../library/widgets/TextInputWidget';
 import { Icon } from 'react-native-elements';
 
 export default function Signin() {
-  const { supabaseConnector, attachmentQueue } = useSystem();
+  const { supabaseConnector } = useSystem();
   const [loading, setLoading] = React.useState(false);
   const [credentials, setCredentials] = React.useState({ username: '', password: '' });
   const [error, setError] = React.useState('');
@@ -43,7 +43,6 @@ export default function Signin() {
                 setError('');
                 try {
                   await supabaseConnector.login(credentials.username, credentials.password);
-                  await attachmentQueue.clearQueue();
                   router.replace('views/todos/lists');
                 } catch (ex: any) {
                   console.error(ex);

app/views/todos/edit/[id].tsx

@@ -1,3 +1,4 @@
+import { ATTACHMENT_TABLE, AttachmentRecord } from '@journeyapps/powersync-attachments';
 import { usePowerSync, usePowerSyncWatchedQuery } from '@journeyapps/powersync-sdk-react-native';
 import { CameraCapturedPicture } from 'expo-camera';
 import _ from 'lodash';
@@ -7,13 +8,7 @@ import { ScrollView, View, Text } from 'react-native';
 import { FAB } from 'react-native-elements';
 import { Stack, useLocalSearchParams } from 'expo-router';
 import prompt from 'react-native-prompt-android';
-import {
-  ATTACHMENT_TABLE,
-  AttachmentRecord,
-  TODO_TABLE,
-  TodoRecord,
-  LIST_TABLE
-} from '../../../../library/powersync/AppSchema';
+import { TODO_TABLE, TodoRecord, LIST_TABLE } from '../../../../library/powersync/AppSchema';
 import { useSystem } from '../../../../library/powersync/system';
 import { TodoItemWidget } from '../../../../library/widgets/TodoItemWidget';
 
@@ -58,9 +53,7 @@ const TodoView: React.FC = () => {
             ${ATTACHMENT_TABLE} ON ${TODO_TABLE}.photo_id = ${ATTACHMENT_TABLE}.id
         WHERE 
             ${TODO_TABLE}.list_id = ?`,
-    [listID],
-    // NOTE: It is important to add the tables to the watch list, otherwise the query will not be re-executed
-    { tables: [TODO_TABLE, ATTACHMENT_TABLE, LIST_TABLE] }
+    [listID]
   );
 
   const toggleCompletion = async (record: TodoRecord, completed: boolean) => {