Initial support for Supabase Sync

package.json

@@ -29,6 +29,9 @@
     "@next/third-parties": "^14.2.3",
     "@prisma/client": "^5.13.0",
     "@sanity/diff-match-patch": "^3.1.1",
+    "@supabase/auth-ui-react": "^0.4.7",
+    "@supabase/auth-ui-shared": "^0.1.8",
+    "@supabase/supabase-js": "^2.43.4",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@tanstack/react-query": "~4.36.1",
     "@trpc/client": "10.44.1",

src/apps/settings-modal/SettingsModal.tsx

@@ -10,6 +10,7 @@ import { BrowseSettings } from '~/modules/browse/BrowseSettings';
 import { DallESettings } from '~/modules/t2i/dalle/DallESettings';
 import { ElevenlabsSettings } from '~/modules/elevenlabs/ElevenlabsSettings';
 import { GoogleSearchSettings } from '~/modules/google/GoogleSearchSettings';
+import { SupabaseSyncSettings } from '~/modules/supabasesync/SupabaseSyncSettings';
 import { ProdiaSettings } from '~/modules/t2i/prodia/ProdiaSettings';
 import { T2ISettings } from '~/modules/t2i/T2ISettings';
 
@@ -206,6 +207,9 @@ export function SettingsModal(props: {
             <Topic icon={<SearchIcon />} title='Google Search API' startCollapsed>
               <GoogleSearchSettings />
             </Topic>
+            <Topic icon={<SearchIcon />} title='Supabase Sync' startCollapsed>
+              <SupabaseSyncSettings />
+            </Topic>
             {/*<Topic icon='🛠' title='Other tools...' />*/}
           </Topics>
         </TabPanel>

src/common/state/store-chats.ts

@@ -386,12 +386,14 @@ export const useChatStore = create<ConversationsStore>()(devtools(
         _get()._editConversation(conversationId,
           {
             autoTitle,
+            updated: Date.now(),
           }),
 
       setUserTitle: (conversationId: string, userTitle: string) =>
         _get()._editConversation(conversationId,
           {
             userTitle,
+            updated: Date.now(),
           }),
 
     }),

src/modules/backend/backend.router.ts

@@ -60,6 +60,7 @@ export const backendRouter = createTRPCRouter({
         hasLlmPerplexity: !!env.PERPLEXITY_API_KEY,
         hasLlmTogetherAI: !!env.TOGETHERAI_API_KEY,
         hasVoiceElevenLabs: !!env.ELEVENLABS_API_KEY,
+        hasSupabaseSync: !!env.SUPABASE_SYNC_URL && !!env.SUPABASE_SYNC_KEY,
         llmConfigHash: generateLlmEnvConfigHash(env),
       };
     }),

src/modules/backend/store-backend-capabilities.ts

@@ -24,6 +24,7 @@ export interface BackendCapabilities {
   hasLlmPerplexity: boolean;
   hasLlmTogetherAI: boolean;
   hasVoiceElevenLabs: boolean;
+  hasSupabaseSync: boolean;
   llmConfigHash: string;
 }
 
@@ -53,6 +54,7 @@ const useBackendCapabilitiesStore = create<BackendStore>()(
     hasLlmPerplexity: false,
     hasLlmTogetherAI: false,
     hasVoiceElevenLabs: false,
+    hasSupabaseSync: false,
     llmConfigHash: '',
 
     loadedCapabilities: false,

src/modules/supabasesync/README.md

@@ -0,0 +1,55 @@
+# Supabase Sync - Experimental
+
+## Module Goal
+
+> To sync all conversations from big-agi's localDb to a server and back allowing use on multiple devices while preserving big-agi's private and local approach.
+
+Supabase supports multi user authentication so this module assumes you will have users setup and users can save their own data/chats to this database and they will not be accessable by other users (e.g. not used for team conversation sharing, if that is desired then get all team members to use same user account)
+
+## Module Status
+
+**Whats working:**
+
+- Sync "Chat Conversations" to Supabase
+
+**Planned:**
+
+- Sync Conversation folders
+- Sync other shared user settings like theme, what the "Enter" key does etc
+
+## Supabase Setup
+
+- Supabase project setup (free account is fine), you will need your url & anon-key
+- Table called `user_conversation` with the following schema
+- Row Level Security (RLS) turned on for this table and policies setup
+- One or more supabase user accounts with access to the `user_conversation` table
+
+```sql
+
+create table user_conversation (
+    id uuid not null,
+    "systemPurposeId" character varying(255) null,
+    "folderId" uuid null,
+    created bigint not null,
+    updated bigint not null,
+    "userTitle" character varying(255) null,
+    "autoTitle" character varying(255) null,
+    messages json null,
+    user_id uuid null default auth.uid (),
+    constraint user_conversation_pkey primary key (id)
+  );
+
+create policy "Users can mange their own data"
+on "public"."user_conversation"
+to public
+using (
+ (auth.uid() = user_id)
+);
+
+```
+
+  ## Big-Agi Setup
+
+  Navigate to your hosted instance and set your Supabase URL & KEY under the `Preferences -> Tools -> Supabase Sync` then login with your supabase user
+
+  NOTE: the `Last Synced` is a way of tracking what chnages you need to get. To do a full sync (possibly loosing any un-synced data) reset this value to 0.