Resolve conflict

Author: cahofmeyr

demos/react-native-supabase-group-chat/.env

@@ -0,0 +1,4 @@
+EXPO_PUBLIC_SUPABASE_URL=https://durbqntqcbthnzeyncft.supabase.co
+EXPO_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImR1cmJxbnRxY2J0aG56ZXluY2Z0Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYzOTk0MDksImV4cCI6MjAxMTk3NTQwOX0.mbYtqYHt6vX1K5p9KjjLgiCmveWkHdSUH3dgdVTHBNs
+EXPO_PUBLIC_POWERSYNC_URL=https://652c8d6e54e498b08255ab81.powersync.journeyapps.com
+EXPO_PUBLIC_EAS_PROJECT_ID=c08eefc9-7b5b-487e-85c7-22e14b7287c0

demos/react-native-supabase-group-chat/.eslintignore

@@ -0,0 +1,2 @@
+/.expo
+node_modules

demos/react-native-supabase-group-chat/.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  extends: ["universe", "universe/shared/typescript-analysis"],
+  overrides: [
+    {
+      files: ["*.ts", "*.tsx", "*.d.ts"],
+      parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+      },
+    },
+  ],
+  ignorePatterns: ["*.typegen.ts", "database.types.ts"],
+  env: {
+    node: true,
+  },
+};

demos/react-native-supabase-group-chat/.gitignore

@@ -0,0 +1,23 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# .env
+*.ipa
+*.tar.gz
+.tamagui
+ios/

demos/react-native-supabase-group-chat/README.md

@@ -0,0 +1,23 @@
+# PowerChat - Demo app for the PowerSync React Native Client SDK
+
+This is a demo app built to showcase how to use PowerSync to built an offline-first React Native app. The app is built with Expo/React Native, and uses Supabase as the backend. The following video gives an overview of the implemented functionality:
+
+<https://github.com/journeyapps/powersync-supabase-react-native-group-chat-demo/assets/91166910/f93c484a-437a-44b3-95ab-f5864a99ca1f>
+
+Here are some steps to keep in mind when building/deploying your own version of this app:
+
+1. Deploy a Supabase backend based on the configuration and migrations contained in the [supabase](./supabase) folder. The API URL and public API Key from your Supabase project need to be replaced in the [.env](./.env) file.
+
+2. Create a PowerSync instance using the [PowerSync dashboard](https://powersync.journeyapps.com/) and connect the instance to your Supabase backend. Copy the Sync Rules from the [sync-rules.yml](./sync-rules.yml) of this repository into the sync-rules.yaml within the PowerSync dashboard. Copy the PowerSync instance URL from the dashboard and replace it in the [.env](./.env) file.
+
+3. Create an Expo project and replace the EAS project id in the [.env](./.env) file.
+
+> Please note: If you leave the values within the [.env](./.env) file as they are (none of them are sensitive secret's btw), you can try the app with the demo backend without spinning up your own Supabase backend and PowerSync instance (as long at the demo backend is around, at least).
+
+Here are some helpful links:
+
+- [PowerSync Website](https://www.powersync.com/)
+- [PowerSync Docs](https://docs.powersync.com/)
+- [PowerSync React Native Client SDK](https://github.com/journeyapps/powersync-js/tree/main/packages/powersync-sdk-react-native)
+- [Supabase Docs](https://supabase.com/docs)
+- [Expo Docs](https://docs.expo.dev/)

demos/react-native-supabase-group-chat/app.config.ts

@@ -0,0 +1,56 @@
+import { type ExpoConfig } from "expo/config";
+
+const projectId = process.env.EXPO_PUBLIC_EAS_PROJECT_ID;
+
+const config: ExpoConfig = {
+  name: "PowerChat",
+  slug: "powerchat",
+  scheme: "powerchat",
+  version: "1.0.0",
+  orientation: "portrait",
+  icon: "./assets/icon.png",
+  userInterfaceStyle: "automatic",
+  splash: {
+    image: "./assets/splash.png",
+    resizeMode: "contain",
+    backgroundColor: "#cb62ff",
+  },
+  updates: {
+    url: `https://u.expo.dev/${projectId}`,
+  },
+  assetBundlePatterns: ["**/*"],
+  ios: {
+    supportsTablet: true,
+    bundleIdentifier: "com.powerchat",
+    config: {
+      usesNonExemptEncryption: false,
+    },
+    jsEngine: "jsc",
+  },
+  experiments: {
+    tsconfigPaths: true,
+  },
+  android: {
+    adaptiveIcon: {
+      foregroundImage: "./assets/adaptive-icon.png",
+      backgroundColor: "#ffffff",
+    },
+  },
+  web: {
+    favicon: "./assets/favicon.png",
+    bundler: "metro",
+  },
+  extra: {
+    eas: {
+      projectId,
+    },
+  },
+  runtimeVersion: {
+    policy: "sdkVersion",
+  },
+  plugins: [
+    "expo-router"
+  ]
+};
+
+export default config;

demos/react-native-supabase-group-chat/assets/adaptive-icon.png

@@ -0,0 +1,17 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+    plugins: [
+      [
+        "@tamagui/babel-plugin",
+        {
+          components: ["tamagui"],
+          config: "./src/tamagui.config.ts",
+        },
+      ],
+      "@babel/plugin-transform-async-generator-functions",
+      "react-native-reanimated/plugin",
+    ],
+  };
+};