refactor: split persistence adapters into separate packages

resolves #992

examples/appwrite/package.json

@@ -18,6 +18,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "signaldb": "*",
+    "signaldb-localstorage": "*",
     "signaldb-plugin-maverickjs": "*",
     "signaldb-react": "*",
     "typescript": "5.7.2"

examples/appwrite/src/models/Todos.ts

@@ -1,4 +1,5 @@
-import { Collection, createLocalStorageAdapter } from 'signaldb'
+import { Collection } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import maverickjsReactivityAdapter from 'signaldb-plugin-maverickjs'
 import syncManager from '../system/syncManager'
 

examples/appwrite/src/system/syncManager.ts

@@ -1,5 +1,6 @@
 import { Client, Databases } from 'appwrite'
 import { SyncManager } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 
 const client = new Client()
 client
@@ -10,6 +11,7 @@ const dbId = '65676881edfe6a3e7e2c'
 const db = new Databases(client)
 
 const syncManager = new SyncManager<Record<string, any>, { id: string }>({
+  persistenceAdapter: id => createLocalStorageAdapter(id),
   onError: (options, error) => {
     // eslint-disable-next-line no-console
     console.error(options, error)

examples/firebase/package.json

@@ -18,6 +18,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "signaldb": "*",
+    "signaldb-localstorage": "*",
     "signaldb-plugin-maverickjs": "*",
     "signaldb-react": "*",
     "typescript": "5.7.2"

examples/firebase/src/models/Todos.ts

@@ -1,10 +1,11 @@
-import { Collection, createLocalStorageAdapter } from 'signaldb'
+import { Collection } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import maverickjsReactivityAdapter from 'signaldb-plugin-maverickjs'
 import syncManager from '../system/syncManager'
 
 const Todos = new Collection<{ id: string, text: string, completed: boolean }>({
   reactivity: maverickjsReactivityAdapter,
-  persistence: createLocalStorageAdapter('todos-firebase'),
+  persistence: createLocalStorageAdapter('todos-appwrite'),
 })
 Todos.on('persistence.error', (error) => {
   // eslint-disable-next-line no-console

examples/firebase/src/system/syncManager.ts

@@ -1,4 +1,5 @@
 import { SyncManager } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import { initializeApp } from 'firebase/app'
 import { getDatabase, ref, get, set, remove, update, onChildAdded, onChildChanged, onChildRemoved } from 'firebase/database'
 
@@ -8,6 +9,7 @@ initializeApp({
 const db = getDatabase()
 
 const syncManager = new SyncManager({
+  persistenceAdapter: id => createLocalStorageAdapter(id),
   onError: (options, error) => {
     // eslint-disable-next-line no-console
     console.error(options, error)

examples/replication-http/package.json

@@ -17,6 +17,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "signaldb": "*",
+    "signaldb-localstorage": "*",
     "signaldb-plugin-maverickjs": "*",
     "signaldb-react": "*",
     "typescript": "5.7.2"

examples/replication-http/src/models/Todos.ts

@@ -1,10 +1,11 @@
-import { Collection, createLocalStorageAdapter } from 'signaldb'
+import { Collection } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import maverickjsReactivityAdapter from 'signaldb-plugin-maverickjs'
 import syncManager from '../system/syncManager'
 
 const Todos = new Collection<{ id: string, text: string, completed: boolean }>({
   reactivity: maverickjsReactivityAdapter,
-  persistence: createLocalStorageAdapter('todos-http'),
+  persistence: createLocalStorageAdapter('todos-appwrite'),
 })
 Todos.on('persistence.error', (error) => {
   // eslint-disable-next-line no-console

examples/replication-http/src/system/syncManager.ts

@@ -1,4 +1,5 @@
 import { SyncManager } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 
 function authenticatedFetch(path: string, options?: RequestInit) {
   const databaseId = '65676881edfe6a3e7e2c'
@@ -15,6 +16,7 @@ function authenticatedFetch(path: string, options?: RequestInit) {
 }
 
 const syncManager = new SyncManager({
+  persistenceAdapter: id => createLocalStorageAdapter(id),
   onError: (options, error) => {
     // eslint-disable-next-line no-console
     console.error(options, error)

examples/supabase/package.json

@@ -18,6 +18,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "signaldb": "*",
+    "signaldb-localstorage": "*",
     "signaldb-plugin-maverickjs": "*",
     "signaldb-react": "*",
     "typescript": "5.7.2"

examples/supabase/src/models/Todos.ts

@@ -1,10 +1,11 @@
-import { Collection, createLocalStorageAdapter } from 'signaldb'
+import { Collection } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import maverickjsReactivityAdapter from 'signaldb-plugin-maverickjs'
 import syncManager from '../system/syncManager'
 
 const Todos = new Collection<{ id: string, text: string, completed: boolean }>({
   reactivity: maverickjsReactivityAdapter,
-  persistence: createLocalStorageAdapter('todos-supabase'),
+  persistence: createLocalStorageAdapter('todos-appwrite'),
 })
 Todos.on('persistence.error', (error) => {
   // eslint-disable-next-line no-console

examples/supabase/src/system/syncManager.ts

@@ -1,4 +1,5 @@
 import { SyncManager } from 'signaldb'
+import createLocalStorageAdapter from 'signaldb-localstorage'
 import { createClient } from '@supabase/supabase-js'
 
 interface Database {
@@ -47,6 +48,7 @@ const supabase = createClient<Database>(
 )
 
 const syncManager = new SyncManager({
+  persistenceAdapter: id => createLocalStorageAdapter(id),
   onError: (options, error) => {
     // eslint-disable-next-line no-console
     console.error(options, error)

packages/persistence-fs/README.md

@@ -0,0 +1,5 @@
+# signaldb-plugin-angular
+
+This is the [Angular](https://angular.dev/guide/signals) plugin for [SignalDB](https://github.com/maxnowack/signaldb). SignalDB is a local JavaScript database with a MongoDB-like interface and TypeScript support, enabling optimistic UI with signal-based reactivity across multiple frameworks.
+
+See https://signaldb.js.org/reactivity/angular/ for more information.