replicache supabase

Use replicache with supabase.

This is some glue code for replicache and supabase. Use it in your lambda functions.

This is using the global version strategy.

install

1npm i -S @nichoth/replicache-supabase

globals

env vars

We need several environment variables for the DB:

1SUPABASE_ANON_KEY="eyJhbGc..."
2SUPABASE_DATABASE_PASSWORD="123abc"
3SUPABASE_URL="https://my-url.supabase.co"

example

push

Use this in a lambda function.

1// netlify/functions/replicache-push/replicache-push.ts
2import 'dotenv/config'
3import { Handler, HandlerEvent } from '@netlify/functions'
4import { processPush, PushRequestSchema } from '@nichoth/replicache-supabase/push'
5// mutators are specific to your application
6import { Mutators } from '../../../example/mutators.js'
7
8export const handler:Handler = async function (ev:HandlerEvent) {
9    if (!ev.body) return { statusCode: 400 }
10
11    const userID = (ev.headers.cookie && ev.headers.cookie['userID']) || 'anon'
12    const body = JSON.parse(ev.body)
13    const push = PushRequestSchema.parse(body)
14
15    try {
16        await processPush(push, userID, Mutators())
17    } catch (err) {
18        return { statusCode: 500 }
19    }
20
21    return { statusCode: 200, body: 'OK' }
22}

pull

Use this in a lambda function.

1// netlify/functions/replicache-pull/replicache-pull.ts
2import { Handler, HandlerEvent } from '@netlify/functions'
3import {
4    authError,
5    processPull,
6    PullRequestSchema
7} from '@nichoth/replicache-supabase/pull'
8
9export const handler:Handler = async function (ev:HandlerEvent) {
10    if (!ev.body) return { statusCode: 400 }
11    const userID = (ev.headers.cookie && ev.headers.cookie['userID']) || 'anon'
12    const body = JSON.parse(ev.body)
13
14    const pullRequest = PullRequestSchema.parse(body)
15
16    try {
17        const pullResponse = await processPull(pullRequest, userID)
18        return { statusCode: 200, body: JSON.stringify(pullResponse) }
19    } catch (err) {
20        if (err === authError) {
21            return { statusCode: 401, body: 'Unauthorized' }
22        } else {
23            return {
24                statusCode: 500,
25                body: 'Error processing pull: ' + err.toString()
26            }
27        }
28    }
29}

test

Run the test like this

1npx esbuild test/index.ts --format=cjs --platform=node --bundle | node