refactor: migrate to using @powersync/common for shared functionality across the react-native-web demo

Author: Amine

demos/react-native-web-supabase-todolist/app/views/todos/edit/[id].tsx

@@ -1,4 +1,4 @@
-import { ATTACHMENT_TABLE, AttachmentRecord } from '@powersync/react-native';
+import { ATTACHMENT_TABLE, AttachmentRecord } from '@powersync/common';
 import { usePowerSync, useQuery } from '@powersync/react';
 import { CameraCapturedPicture } from 'expo-camera';
 import _ from 'lodash';

demos/react-native-web-supabase-todolist/library/powersync/AppSchema.ts

@@ -1,4 +1,4 @@
-import { column, Schema, Table, AttachmentTable } from '@powersync/react-native';
+import { column, Schema, Table, AttachmentTable } from '@powersync/common';
 
 export const LIST_TABLE = 'lists';
 export const TODO_TABLE = 'todos';

demos/react-native-web-supabase-todolist/library/powersync/system.ts

@@ -1,9 +1,9 @@
 import '@azure/core-asynciterator-polyfill';
 
 import React from 'react';
-import { AttachmentQueue, LogLevel, PowerSyncDatabase as PowerSyncDatabaseNative, AbstractPowerSyncDatabase, createBaseLogger, ExpoFileSystemAdapter, WatchedAttachmentItem } from '@powersync/react-native';
+import { PowerSyncDatabase as PowerSyncDatabaseNative, AbstractPowerSyncDatabase, ExpoFileSystemAdapter } from '@powersync/react-native';
 import { PowerSyncDatabase as PowerSyncDatabaseWeb, WASQLiteOpenFactory, IndexDBFileSystemStorageAdapter } from '@powersync/web';
-import { type AttachmentRecord } from '@powersync/common';
+import { type AttachmentRecord, AttachmentQueue, LogLevel, createBaseLogger, WatchedAttachmentItem } from '@powersync/common';
 import { SupabaseRemoteStorageAdapter } from '../storage/SupabaseRemoteStorageAdapter';
 import { ExpoKVStorage, WebKVStorage } from '../storage/KVStorage';
 import { AppConfig } from '../supabase/AppConfig';

demos/react-native-web-supabase-todolist/library/storage/SupabaseRemoteStorageAdapter.ts

@@ -1,5 +1,5 @@
 import { SupabaseClient } from '@supabase/supabase-js';
-import { AttachmentRecord, RemoteStorageAdapter } from '@powersync/react-native';
+import { type AttachmentRecord, RemoteStorageAdapter } from '@powersync/common';
 
 export interface SupabaseRemoteStorageAdapterOptions {
   client: SupabaseClient;

demos/react-native-web-supabase-todolist/package.json

@@ -19,6 +19,7 @@
     "@powersync/react": "workspace:*",
     "@powersync/react-native": "workspace:*",
     "@powersync/web": "workspace:*",
+    "@powersync/common": "workspace:*",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/drawer": "^7.1.1",

packages/attachments/README.md

@@ -1,5 +1,8 @@
 # @powersync/attachments
 
+> [!WARNING]  
+> This package is deprecated in favor of using the built in attachments functionality in each web, node and react-native SDKs. For more information [see the documentation](https://docs.powersync.com/usage/use-case-examples/attachments-files)
+
 A [PowerSync](https://powersync.com) library to manage attachments in React Native and JavaScript/TypeScript apps.
 
 ## Installation