diff --git a/.changeset/light-dots-unite.md b/.changeset/light-dots-unite.md new file mode 100644 index 000000000..d77c9f7b4 --- /dev/null +++ b/.changeset/light-dots-unite.md @@ -0,0 +1,9 @@ +--- +'@powersync/attachments': patch +'@powersync/common': patch +'@powersync/kysely-driver': patch +'@powersync/react': patch +'@powersync/react-native': patch +--- + +Updated dependencies. diff --git a/.changeset/two-bats-return.md b/.changeset/two-bats-return.md new file mode 100644 index 000000000..60065a93e --- /dev/null +++ b/.changeset/two-bats-return.md @@ -0,0 +1,5 @@ +--- +'@powersync/web': minor +--- + +DB and sync workers instantiation can now be overriden with a path or a factory method. Added UMD distribution to introduce `react-native-web` support (available under `@powersync/web/umd`). diff --git a/README.md b/README.md index 1664664a8..7f538cce3 100644 --- a/README.md +++ b/README.md @@ -45,6 +45,7 @@ Demo applications are located in the [`demos/`](./demos/) directory. Also see ou - [demos/react-native-supabase-todolist](./demos/react-native-supabase-todolist/README.md): A React Native to-do list example app using a Supabase backend. - [demos/react-native-supabase-group-chat](./demos/react-native-supabase-group-chat/README.md): A React Native group chat example app using a Supabase backend. +- [demos/react-native-web-supabase-todolist](./demos/react-native-web-supabase-todolist/README.md) A React Native to-do list example app using a Supabase backend that's compatible with React Native for Web. - [demos/django-react-native-todolist](./demos/django-react-native-todolist/README.md) A React Native to-do list example app using a Django backend. ### Web diff --git a/demos/react-native-supabase-todolist/ios/Podfile.lock b/demos/react-native-supabase-todolist/ios/Podfile.lock index 819f87090..81b29eeb6 100644 --- a/demos/react-native-supabase-todolist/ios/Podfile.lock +++ b/demos/react-native-supabase-todolist/ios/Podfile.lock @@ -74,7 +74,7 @@ PODS: - hermes-engine (0.74.5): - hermes-engine/Pre-built (= 0.74.5) - hermes-engine/Pre-built (0.74.5) - - powersync-sqlite-core (0.1.6) + - powersync-sqlite-core (0.2.1) - RCT-Folly (2024.01.01.00): - boost - DoubleConversion @@ -1005,11 +1005,30 @@ PODS: - React-debug - react-native-encrypted-storage (4.0.3): - React-Core - - react-native-quick-sqlite (1.1.8): - - powersync-sqlite-core (~> 0.1.6) + - react-native-quick-sqlite (1.3.1): + - DoubleConversion + - glog + - hermes-engine + - powersync-sqlite-core (~> 0.2.1) + - RCT-Folly (= 2024.01.01.00) + - RCTRequired + - RCTTypeSafety - React - React-callinvoker + - React-Codegen - React-Core + - React-debug + - React-Fabric + - React-featureflags + - React-graphics + - React-ImageManager + - React-NativeModulesApple + - React-RCTFabric + - React-rendererdebug + - React-utils + - ReactCommon/turbomodule/bridging + - ReactCommon/turbomodule/core + - Yoga - react-native-safe-area-context (4.10.5): - React-Core - React-nativeconfig (0.74.5) @@ -1590,7 +1609,7 @@ SPEC CHECKSUMS: fmt: 4c2741a687cc09f0634a2e2c72a838b99f1ff120 glog: fdfdfe5479092de0c4bdbebedd9056951f092c4f hermes-engine: 8c1577f3fdb849cbe7729c2e7b5abc4b845e88f8 - powersync-sqlite-core: 4c38c8f470f6dca61346789fd5436a6826d1e3dd + powersync-sqlite-core: 38ead13d8b21920cfbc79e9b3415b833574a506d RCT-Folly: 02617c592a293bd6d418e0a88ff4ee1f88329b47 RCTDeprecation: 3afceddffa65aee666dafd6f0116f1d975db1584 RCTRequired: ec1239bc9d8bf63e10fb92bd8b26171a9258e0c1 @@ -1616,7 +1635,7 @@ SPEC CHECKSUMS: React-logger: 257858bd55f3a4e1bc0cf07ddc8fb9faba6f8c7c React-Mapbuffer: 6c1cacdbf40b531f549eba249e531a7d0bfd8e7f react-native-encrypted-storage: db300a3f2f0aba1e818417c1c0a6be549038deb7 - react-native-quick-sqlite: 7ad498d81c8506803da2e1c2b64c8cb7758e04cb + react-native-quick-sqlite: a6c078a8260d0df2b2c53ca9e33f96b93ca5c414 react-native-safe-area-context: a240ad4b683349e48b1d51fed1611138d1bdad97 React-nativeconfig: ba9a2e54e2f0882cf7882698825052793ed4c851 React-NativeModulesApple: 8d11ff8955181540585c944cf48e9e7236952697 @@ -1647,7 +1666,7 @@ SPEC CHECKSUMS: RNScreens: b32a9ff15bea7fcdbe5dff6477bc503f792b1208 RNVectorIcons: 2a2f79274248390b80684ea3c4400bd374a15c90 SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d - Yoga: 950bbfd7e6f04790fdb51149ed51df41f329fcc8 + Yoga: 2246eea72aaf1b816a68a35e6e4b74563653ae09 ZXingObjC: 8898711ab495761b2dbbdec76d90164a6d7e14c5 PODFILE CHECKSUM: bc0290fe498e12305d84bb656e108a3ff9f829ea diff --git a/demos/react-native-web-supabase-todolist/.env.local.template b/demos/react-native-web-supabase-todolist/.env.local.template new file mode 100644 index 000000000..f3b143c62 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/.env.local.template @@ -0,0 +1,6 @@ +# Replace the credentials below with your Supabase, PowerSync and Expo project details. +EXPO_PUBLIC_SUPABASE_URL=https://foo.supabase.co +EXPO_PUBLIC_SUPABASE_ANON_KEY=foo +EXPO_PUBLIC_SUPABASE_BUCKET= # Optional. Only required when syncing attachments and using Supabase Storage. See packages/powersync-attachments. +EXPO_PUBLIC_POWERSYNC_URL=https://foo.powersync.journeyapps.com +EXPO_PUBLIC_EAS_PROJECT_ID=foo # Optional. Only required when using EAS. diff --git a/demos/react-native-web-supabase-todolist/.gitignore b/demos/react-native-web-supabase-todolist/.gitignore new file mode 100644 index 000000000..a7466d325 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/.gitignore @@ -0,0 +1,40 @@ +# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files + +# dependencies +node_modules/ + +# Expo +.expo/ +dist/ +web-build/ + +# Native +*.orig.* +*.jks +*.p8 +*.p12 +*.key +*.mobileprovision + +# Metrom +.metro-health-check* + +# debug +npm-debug.* + +# macOS +.DS_Store +*.pem + +# local env files +.env*.local* + +# typescript +*.tsbuildinfo + +# IDE +.vscode +.fleet +.idea + +public/@powersync diff --git a/demos/react-native-web-supabase-todolist/CHANGELOG.md b/demos/react-native-web-supabase-todolist/CHANGELOG.md new file mode 100644 index 000000000..0e4e6188e --- /dev/null +++ b/demos/react-native-web-supabase-todolist/CHANGELOG.md @@ -0,0 +1 @@ +# react-native-web-supabase-todolist diff --git a/demos/react-native-web-supabase-todolist/LICENSE b/demos/react-native-web-supabase-todolist/LICENSE new file mode 100644 index 000000000..0e259d42c --- /dev/null +++ b/demos/react-native-web-supabase-todolist/LICENSE @@ -0,0 +1,121 @@ +Creative Commons Legal Code + +CC0 1.0 Universal + + CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE + LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN + ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS + INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES + REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS + PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM + THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED + HEREUNDER. + +Statement of Purpose + +The laws of most jurisdictions throughout the world automatically confer +exclusive Copyright and Related Rights (defined below) upon the creator +and subsequent owner(s) (each and all, an "owner") of an original work of +authorship and/or a database (each, a "Work"). + +Certain owners wish to permanently relinquish those rights to a Work for +the purpose of contributing to a commons of creative, cultural and +scientific works ("Commons") that the public can reliably and without fear +of later claims of infringement build upon, modify, incorporate in other +works, reuse and redistribute as freely as possible in any form whatsoever +and for any purposes, including without limitation commercial purposes. +These owners may contribute to the Commons to promote the ideal of a free +culture and the further production of creative, cultural and scientific +works, or to gain reputation or greater distribution for their Work in +part through the use and efforts of others. + +For these and/or other purposes and motivations, and without any +expectation of additional consideration or compensation, the person +associating CC0 with a Work (the "Affirmer"), to the extent that he or she +is an owner of Copyright and Related Rights in the Work, voluntarily +elects to apply CC0 to the Work and publicly distribute the Work under its +terms, with knowledge of his or her Copyright and Related Rights in the +Work and the meaning and intended legal effect of CC0 on those rights. + +1. Copyright and Related Rights. A Work made available under CC0 may be +protected by copyright and related or neighboring rights ("Copyright and +Related Rights"). Copyright and Related Rights include, but are not +limited to, the following: + + i. the right to reproduce, adapt, distribute, perform, display, + communicate, and translate a Work; + ii. moral rights retained by the original author(s) and/or performer(s); +iii. publicity and privacy rights pertaining to a person's image or + likeness depicted in a Work; + iv. rights protecting against unfair competition in regards to a Work, + subject to the limitations in paragraph 4(a), below; + v. rights protecting the extraction, dissemination, use and reuse of data + in a Work; + vi. database rights (such as those arising under Directive 96/9/EC of the + European Parliament and of the Council of 11 March 1996 on the legal + protection of databases, and under any national implementation + thereof, including any amended or successor version of such + directive); and +vii. other similar, equivalent or corresponding rights throughout the + world based on applicable law or treaty, and any national + implementations thereof. + +2. Waiver. To the greatest extent permitted by, but not in contravention +of, applicable law, Affirmer hereby overtly, fully, permanently, +irrevocably and unconditionally waives, abandons, and surrenders all of +Affirmer's Copyright and Related Rights and associated claims and causes +of action, whether now known or unknown (including existing as well as +future claims and causes of action), in the Work (i) in all territories +worldwide, (ii) for the maximum duration provided by applicable law or +treaty (including future time extensions), (iii) in any current or future +medium and for any number of copies, and (iv) for any purpose whatsoever, +including without limitation commercial, advertising or promotional +purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each +member of the public at large and to the detriment of Affirmer's heirs and +successors, fully intending that such Waiver shall not be subject to +revocation, rescission, cancellation, termination, or any other legal or +equitable action to disrupt the quiet enjoyment of the Work by the public +as contemplated by Affirmer's express Statement of Purpose. + +3. Public License Fallback. Should any part of the Waiver for any reason +be judged legally invalid or ineffective under applicable law, then the +Waiver shall be preserved to the maximum extent permitted taking into +account Affirmer's express Statement of Purpose. In addition, to the +extent the Waiver is so judged Affirmer hereby grants to each affected +person a royalty-free, non transferable, non sublicensable, non exclusive, +irrevocable and unconditional license to exercise Affirmer's Copyright and +Related Rights in the Work (i) in all territories worldwide, (ii) for the +maximum duration provided by applicable law or treaty (including future +time extensions), (iii) in any current or future medium and for any number +of copies, and (iv) for any purpose whatsoever, including without +limitation commercial, advertising or promotional purposes (the +"License"). The License shall be deemed effective as of the date CC0 was +applied by Affirmer to the Work. Should any part of the License for any +reason be judged legally invalid or ineffective under applicable law, such +partial invalidity or ineffectiveness shall not invalidate the remainder +of the License, and in such case Affirmer hereby affirms that he or she +will not (i) exercise any of his or her remaining Copyright and Related +Rights in the Work or (ii) assert any associated claims and causes of +action with respect to the Work, in either case contrary to Affirmer's +express Statement of Purpose. + +4. Limitations and Disclaimers. + + a. No trademark or patent rights held by Affirmer are waived, abandoned, + surrendered, licensed or otherwise affected by this document. + b. Affirmer offers the Work as-is and makes no representations or + warranties of any kind concerning the Work, express, implied, + statutory or otherwise, including without limitation warranties of + title, merchantability, fitness for a particular purpose, non + infringement, or the absence of latent or other defects, accuracy, or + the present or absence of errors, whether or not discoverable, all to + the greatest extent permissible under applicable law. + c. Affirmer disclaims responsibility for clearing rights of other persons + that may apply to the Work or any use thereof, including without + limitation any person's Copyright and Related Rights in the Work. + Further, Affirmer disclaims responsibility for obtaining any necessary + consents, permissions or other rights required for any use of the + Work. + d. Affirmer understands and acknowledges that Creative Commons is not a + party to this document and has no duty or obligation with respect to + this CC0 or use of the Work. diff --git a/demos/react-native-web-supabase-todolist/README.md b/demos/react-native-web-supabase-todolist/README.md new file mode 100644 index 000000000..50f7aac32 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/README.md @@ -0,0 +1,91 @@ +# PowerSync + Supabase Todo List App: React Native for Web Demo + +## Overview + +This demo app is an extension of the [Supabase Todo List App](../react-native-supabase-todolist/) and demonstrates the use of the PowerSync SDKs for [React Native](https://www.npmjs.com/package/@powersync/react-native) and [Web](https://www.npmjs.com/package/@powersync/web) in a [React Native Web](https://necolas.github.io/react-native-web/) project. This configuration allows developers to use one React Native codebase to target mobile and well as web platforms. + +To use PowerSync in your own React Native for Web project, additional config is required. This is detailed in our docs [here](https://docs.powersync.com/client-sdk-references/react-native-and-expo/react-native-web-support). + +To run this demo, follow these instructions: + +## Running this demo + +### Install dependencies + +In the repo root, use [pnpm](https://pnpm.io/installation) to install dependencies: + +```bash +pnpm install +pnpm build:packages +``` + +### Set up Supabase Project + +Detailed instructions for integrating PowerSync with Supabase can be found in the [integration guide](https://docs.powersync.com/integration-guides/supabase). Below are the main steps required to get this demo running. + +Create a new Supabase project, and paste and run the contents of [database.sql](./database.sql) in the Supabase SQL editor. + +It does the following: + +1. Create `lists` and `todos` tables. +2. Create a publication called `powersync` for `lists` and `todos`. +3. Enable row level security and storage policies, allowing users to only view and edit their own data. +4. Create a trigger to populate some sample data when a user registers. + +### Set up PowerSync Instance + +Create a new PowerSync instance, connecting to the database of the Supabase project. See instructions [here](https://docs.powersync.com/integration-guides/supabase-+-powersync#connect-powersync-to-your-supabase). + +Then deploy the following sync rules: + +```yaml +bucket_definitions: + user_lists: + # Separate bucket per todo list + parameters: select id as list_id from lists where owner_id = request.user_id() + data: + - select * from lists where id = bucket.list_id + - select * from todos where list_id = bucket.list_id +``` + +### Configure the app + +#### 1. Set up environment variables: + +Copy the `.env.local.template` file: + +```bash +cp .env.local.template .env.local +``` + +Then edit `.env.local` to insert your Supabase and PowerSync project credentials. + +#### 2. Configure web workers + +This is required for the React Native Web implementation. Learn more in [our docs](https://docs.powersync.com/client-sdk-references/react-native-and-expo/react-native-web-support). + +```bash +mkdir -p public/@powersync && cp -r node_modules/@powersync/web/dist/* public/@powersync/ +``` + +### Run the app + +Run on Web: + +```sh +pnpm web +``` + +Web bundling can take a few seconds. + +Run on iOS: + +```sh +pnpm ios +``` + +Run on Android: + +```sh +pnpm android +``` \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/.gitignore b/demos/react-native-web-supabase-todolist/android/.gitignore new file mode 100644 index 000000000..8a6be0771 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/.gitignore @@ -0,0 +1,16 @@ +# OSX +# +.DS_Store + +# Android/IntelliJ +# +build/ +.idea +.gradle +local.properties +*.iml +*.hprof +.cxx/ + +# Bundle artifacts +*.jsbundle diff --git a/demos/react-native-web-supabase-todolist/android/app/build.gradle b/demos/react-native-web-supabase-todolist/android/app/build.gradle new file mode 100644 index 000000000..8e7751820 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/build.gradle @@ -0,0 +1,173 @@ +apply plugin: "com.android.application" +apply plugin: "org.jetbrains.kotlin.android" +apply plugin: "com.facebook.react" + +def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath() + +/** + * This is the configuration block to customize your React Native Android app. + * By default you don't need to apply any configuration, just uncomment the lines you need. + */ +react { + entryFile = file(["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android", "absolute"].execute(null, rootDir).text.trim()) + reactNativeDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile() + hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/sdks/hermesc/%OS-BIN%/hermesc" + codegenDir = new File(["node", "--print", "require.resolve('@react-native/codegen/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile() + + // Use Expo CLI to bundle the app, this ensures the Metro config + // works correctly with Expo projects. + cliFile = new File(["node", "--print", "require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })"].execute(null, rootDir).text.trim()) + bundleCommand = "export:embed" + + /* Folders */ + // The root of your project, i.e. where "package.json" lives. Default is '..' + // root = file("../") + // The folder where the react-native NPM package is. Default is ../node_modules/react-native + // reactNativeDir = file("../node_modules/react-native") + // The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen + // codegenDir = file("../node_modules/@react-native/codegen") + + /* Variants */ + // The list of variants to that are debuggable. For those we're going to + // skip the bundling of the JS bundle and the assets. By default is just 'debug'. + // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants. + // debuggableVariants = ["liteDebug", "prodDebug"] + + /* Bundling */ + // A list containing the node command and its flags. Default is just 'node'. + // nodeExecutableAndArgs = ["node"] + + // + // The path to the CLI configuration file. Default is empty. + // bundleConfig = file(../rn-cli.config.js) + // + // The name of the generated asset file containing your JS bundle + // bundleAssetName = "MyApplication.android.bundle" + // + // The entry file for bundle generation. Default is 'index.android.js' or 'index.js' + // entryFile = file("../js/MyApplication.android.js") + // + // A list of extra flags to pass to the 'bundle' commands. + // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle + // extraPackagerArgs = [] + + /* Hermes Commands */ + // The hermes compiler command to run. By default it is 'hermesc' + // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc" + // + // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map" + // hermesFlags = ["-O", "-output-source-map"] +} + +/** + * Set this to true to Run Proguard on Release builds to minify the Java bytecode. + */ +def enableProguardInReleaseBuilds = (findProperty('android.enableProguardInReleaseBuilds') ?: false).toBoolean() + +/** + * The preferred build flavor of JavaScriptCore (JSC) + * + * For example, to use the international variant, you can use: + * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` + * + * The international variant includes ICU i18n library and necessary data + * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that + * give correct results when using with locales other than en-US. Note that + * this variant is about 6MiB larger per architecture than default. + */ +def jscFlavor = 'org.webkit:android-jsc:+' + +android { + ndkVersion rootProject.ext.ndkVersion + + buildToolsVersion rootProject.ext.buildToolsVersion + compileSdk rootProject.ext.compileSdkVersion + + namespace 'com.powersync.example' + defaultConfig { + applicationId 'com.powersync.example' + minSdkVersion rootProject.ext.minSdkVersion + targetSdkVersion rootProject.ext.targetSdkVersion + versionCode 1 + versionName "1.0.0" + } + signingConfigs { + debug { + storeFile file('debug.keystore') + storePassword 'android' + keyAlias 'androiddebugkey' + keyPassword 'android' + } + } + buildTypes { + debug { + signingConfig signingConfigs.debug + } + release { + // Caution! In production, you need to generate your own keystore file. + // see https://reactnative.dev/docs/signed-apk-android. + signingConfig signingConfigs.debug + shrinkResources (findProperty('android.enableShrinkResourcesInReleaseBuilds')?.toBoolean() ?: false) + minifyEnabled enableProguardInReleaseBuilds + proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" + crunchPngs (findProperty('android.enablePngCrunchInReleaseBuilds')?.toBoolean() ?: true) + } + } + packagingOptions { + jniLibs { + useLegacyPackaging (findProperty('expo.useLegacyPackaging')?.toBoolean() ?: false) + } + } +} + +// Apply static values from `gradle.properties` to the `android.packagingOptions` +// Accepts values in comma delimited lists, example: +// android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini +["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop -> + // Split option: 'foo,bar' -> ['foo', 'bar'] + def options = (findProperty("android.packagingOptions.$prop") ?: "").split(","); + // Trim all elements in place. + for (i in 0.. 0) { + println "android.packagingOptions.$prop += $options ($options.length)" + // Ex: android.packagingOptions.pickFirsts += '**/SCCS/**' + options.each { + android.packagingOptions[prop] += it + } + } +} + +dependencies { + // The version of react-native is set by the React Native Gradle Plugin + implementation("com.facebook.react:react-android") + + def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true"; + def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true"; + def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true"; + + if (isGifEnabled) { + // For animated gif support + implementation("com.facebook.fresco:animated-gif:${reactAndroidLibs.versions.fresco.get()}") + } + + if (isWebpEnabled) { + // For webp support + implementation("com.facebook.fresco:webpsupport:${reactAndroidLibs.versions.fresco.get()}") + if (isWebpAnimatedEnabled) { + // Animated webp support + implementation("com.facebook.fresco:animated-webp:${reactAndroidLibs.versions.fresco.get()}") + } + } + + if (hermesEnabled.toBoolean()) { + implementation("com.facebook.react:hermes-android") + } else { + implementation jscFlavor + } +} + +apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); +applyNativeModulesAppBuildGradle(project) diff --git a/demos/react-native-web-supabase-todolist/android/app/debug.keystore b/demos/react-native-web-supabase-todolist/android/app/debug.keystore new file mode 100644 index 000000000..364e105ed Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/debug.keystore differ diff --git a/demos/react-native-web-supabase-todolist/android/app/proguard-rules.pro b/demos/react-native-web-supabase-todolist/android/app/proguard-rules.pro new file mode 100644 index 000000000..551eb41da --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/proguard-rules.pro @@ -0,0 +1,14 @@ +# Add project specific ProGuard rules here. +# By default, the flags in this file are appended to flags specified +# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt +# You can edit the include path and order by changing the proguardFiles +# directive in build.gradle. +# +# For more details, see +# http://developer.android.com/guide/developing/tools/proguard.html + +# react-native-reanimated +-keep class com.swmansion.reanimated.** { *; } +-keep class com.facebook.react.turbomodule.** { *; } + +# Add any project specific keep options here: diff --git a/demos/react-native-web-supabase-todolist/android/app/src/debug/AndroidManifest.xml b/demos/react-native-web-supabase-todolist/android/app/src/debug/AndroidManifest.xml new file mode 100644 index 000000000..3ec2507ba --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/debug/AndroidManifest.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/AndroidManifest.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/AndroidManifest.xml new file mode 100644 index 000000000..a4a30cc63 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainActivity.kt b/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainActivity.kt new file mode 100644 index 000000000..45ad9a62e --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainActivity.kt @@ -0,0 +1,61 @@ +package com.powersync.example + +import android.os.Build +import android.os.Bundle + +import com.facebook.react.ReactActivity +import com.facebook.react.ReactActivityDelegate +import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled +import com.facebook.react.defaults.DefaultReactActivityDelegate + +import expo.modules.ReactActivityDelegateWrapper + +class MainActivity : ReactActivity() { + override fun onCreate(savedInstanceState: Bundle?) { + // Set the theme to AppTheme BEFORE onCreate to support + // coloring the background, status bar, and navigation bar. + // This is required for expo-splash-screen. + setTheme(R.style.AppTheme); + super.onCreate(null) + } + + /** + * Returns the name of the main component registered from JavaScript. This is used to schedule + * rendering of the component. + */ + override fun getMainComponentName(): String = "main" + + /** + * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate] + * which allows you to enable New Architecture with a single boolean flags [fabricEnabled] + */ + override fun createReactActivityDelegate(): ReactActivityDelegate { + return ReactActivityDelegateWrapper( + this, + BuildConfig.IS_NEW_ARCHITECTURE_ENABLED, + object : DefaultReactActivityDelegate( + this, + mainComponentName, + fabricEnabled + ){}) + } + + /** + * Align the back button behavior with Android S + * where moving root activities to background instead of finishing activities. + * @see onBackPressed + */ + override fun invokeDefaultOnBackPressed() { + if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) { + if (!moveTaskToBack(false)) { + // For non-root activities, use the default implementation to finish them. + super.invokeDefaultOnBackPressed() + } + return + } + + // Use the default back button implementation on Android S + // because it's doing more than [Activity.moveTaskToBack] in fact. + super.invokeDefaultOnBackPressed() + } +} diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainApplication.kt b/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainApplication.kt new file mode 100644 index 000000000..c00368d92 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/java/com/powersync/example/MainApplication.kt @@ -0,0 +1,55 @@ +package com.powersync.example + +import android.app.Application +import android.content.res.Configuration + +import com.facebook.react.PackageList +import com.facebook.react.ReactApplication +import com.facebook.react.ReactNativeHost +import com.facebook.react.ReactPackage +import com.facebook.react.ReactHost +import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load +import com.facebook.react.defaults.DefaultReactNativeHost +import com.facebook.soloader.SoLoader + +import expo.modules.ApplicationLifecycleDispatcher +import expo.modules.ReactNativeHostWrapper + +class MainApplication : Application(), ReactApplication { + + override val reactNativeHost: ReactNativeHost = ReactNativeHostWrapper( + this, + object : DefaultReactNativeHost(this) { + override fun getPackages(): List { + // Packages that cannot be autolinked yet can be added manually here, for example: + // packages.add(new MyReactNativePackage()); + return PackageList(this).packages + } + + override fun getJSMainModuleName(): String = ".expo/.virtual-metro-entry" + + override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG + + override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED + override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED + } + ) + + override val reactHost: ReactHost + get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost) + + override fun onCreate() { + super.onCreate() + SoLoader.init(this, false) + if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { + // If you opted-in for the New Architecture, we load the native entry point for this app. + load() + } + ApplicationLifecycleDispatcher.onApplicationCreate(this) + } + + override fun onConfigurationChanged(newConfig: Configuration) { + super.onConfigurationChanged(newConfig) + ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig) + } +} diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-hdpi/splashscreen_image.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-hdpi/splashscreen_image.png new file mode 100644 index 000000000..177b8f1f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-hdpi/splashscreen_image.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-mdpi/splashscreen_image.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-mdpi/splashscreen_image.png new file mode 100644 index 000000000..177b8f1f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-mdpi/splashscreen_image.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xhdpi/splashscreen_image.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xhdpi/splashscreen_image.png new file mode 100644 index 000000000..177b8f1f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xhdpi/splashscreen_image.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxhdpi/splashscreen_image.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxhdpi/splashscreen_image.png new file mode 100644 index 000000000..177b8f1f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxhdpi/splashscreen_image.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxxhdpi/splashscreen_image.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxxhdpi/splashscreen_image.png new file mode 100644 index 000000000..177b8f1f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable-xxxhdpi/splashscreen_image.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/rn_edit_text_material.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/rn_edit_text_material.xml new file mode 100644 index 000000000..5c25e728e --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/rn_edit_text_material.xml @@ -0,0 +1,37 @@ + + + + + + + + + + + diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/splashscreen.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/splashscreen.xml new file mode 100644 index 000000000..c8568e162 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/drawable/splashscreen.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml new file mode 100644 index 000000000..3941bea9b --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml new file mode 100644 index 000000000..3941bea9b --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 000000000..c5110dddc Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png new file mode 100644 index 000000000..c5110dddc Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png new file mode 100644 index 000000000..89526667f Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 000000000..f26edd15a Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png new file mode 100644 index 000000000..f26edd15a Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png new file mode 100644 index 000000000..9c7aa3441 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 000000000..20da3f71b Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png new file mode 100644 index 000000000..20da3f71b Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png new file mode 100644 index 000000000..77b2c7873 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 000000000..d55832338 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png new file mode 100644 index 000000000..d55832338 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png new file mode 100644 index 000000000..c3a733aff Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 000000000..3d0ac18f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png new file mode 100644 index 000000000..3d0ac18f7 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png new file mode 100644 index 000000000..d1560d9b9 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/values-night/colors.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values-night/colors.xml new file mode 100644 index 000000000..3c05de5be --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values-night/colors.xml @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/colors.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/colors.xml new file mode 100644 index 000000000..f387b9011 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/colors.xml @@ -0,0 +1,6 @@ + + #ffffff + #ffffff + #023c69 + #ffffff + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/strings.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/strings.xml new file mode 100644 index 000000000..67e1f6864 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/strings.xml @@ -0,0 +1,5 @@ + + powersync-example + contain + false + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/styles.xml b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/styles.xml new file mode 100644 index 000000000..ab7cb49e7 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/app/src/main/res/values/styles.xml @@ -0,0 +1,17 @@ + + + + + \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/build.gradle b/demos/react-native-web-supabase-todolist/android/build.gradle new file mode 100644 index 000000000..9ae2aca2b --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/build.gradle @@ -0,0 +1,45 @@ +// Top-level build file where you can add configuration options common to all sub-projects/modules. + +buildscript { + ext { + buildToolsVersion = findProperty('android.buildToolsVersion') ?: '34.0.0' + minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '23') + compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '34') + targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34') + kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.23' + + ndkVersion = "26.1.10909125" + } + repositories { + google() + mavenCentral() + } + dependencies { + classpath('com.android.tools.build:gradle') + classpath('com.facebook.react:react-native-gradle-plugin') + classpath('org.jetbrains.kotlin:kotlin-gradle-plugin') + } +} + +apply plugin: "com.facebook.react.rootproject" + +allprojects { + repositories { + maven { + // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm + url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android')) + } + maven { + // Android JSC is installed from npm + url(new File(['node', '--print', "require.resolve('jsc-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), '../dist')) + } + + google() + mavenCentral() + maven { url 'https://www.jitpack.io' } + } +} +// @generated begin expo-camera-import - expo prebuild (DO NOT MODIFY) sync-f244f4f3d8bf7229102e8f992b525b8602c74770 +def expoCameraMavenPath = new File(["node", "--print", "require.resolve('expo-camera/package.json')"].execute(null, rootDir).text.trim(), "../android/maven") +allprojects { repositories { maven { url(expoCameraMavenPath) } } } +// @generated end expo-camera-import \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/gradle.properties b/demos/react-native-web-supabase-todolist/android/gradle.properties new file mode 100644 index 000000000..a955bf8cb --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/gradle.properties @@ -0,0 +1,65 @@ +# Project-wide Gradle settings. + +# IDE (e.g. Android Studio) users: +# Gradle settings configured through the IDE *will override* +# any settings specified in this file. + +# For more details on how to configure your build environment visit +# http://www.gradle.org/docs/current/userguide/build_environment.html + +# Specifies the JVM arguments used for the daemon process. +# The setting is particularly useful for tweaking memory settings. +# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m +org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m + +# When configured, Gradle will run in incubating parallel mode. +# This option should only be used with decoupled projects. More details, visit +# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects +# org.gradle.parallel=true + +# AndroidX package structure to make it clearer which packages are bundled with the +# Android operating system, and which are packaged with your app's APK +# https://developer.android.com/topic/libraries/support-library/androidx-rn +android.useAndroidX=true + +# Automatically convert third-party libraries to use AndroidX +android.enableJetifier=true + +# Enable AAPT2 PNG crunching +android.enablePngCrunchInReleaseBuilds=true + +# Use this property to specify which architecture you want to build. +# You can also override it from the CLI using +# ./gradlew -PreactNativeArchitectures=x86_64 +reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 + +# Use this property to enable support to the new architecture. +# This will allow you to use TurboModules and the Fabric render in +# your application. You should enable this flag either if you want +# to write custom TurboModules/Fabric components OR use libraries that +# are providing them. +newArchEnabled=false + +# Use this property to enable or disable the Hermes JS engine. +# If set to false, you will be using JSC instead. +hermesEnabled=true + +# Enable GIF support in React Native images (~200 B increase) +expo.gif.enabled=true +# Enable webp support in React Native images (~85 KB increase) +expo.webp.enabled=true +# Enable animated webp support (~3.4 MB increase) +# Disabled by default because iOS doesn't support animated webp +expo.webp.animated=false + +# Enable network inspector +EX_DEV_CLIENT_NETWORK_INSPECTOR=true + +# Use legacy packaging to compress native libraries in the resulting APK. +expo.useLegacyPackaging=false + +android.minSdkVersion=23 +android.compileSdkVersion=34 +android.targetSdkVersion=34 +android.buildToolsVersion=34.0.0 +android.extraMavenRepos=[] \ No newline at end of file diff --git a/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.jar b/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 000000000..d64cd4917 Binary files /dev/null and b/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.jar differ diff --git a/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.properties b/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 000000000..2ea3535dc --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/demos/react-native-web-supabase-todolist/android/gradlew b/demos/react-native-web-supabase-todolist/android/gradlew new file mode 100755 index 000000000..1aa94a426 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/gradlew @@ -0,0 +1,249 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/demos/react-native-web-supabase-todolist/android/gradlew.bat b/demos/react-native-web-supabase-todolist/android/gradlew.bat new file mode 100644 index 000000000..7101f8e46 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/gradlew.bat @@ -0,0 +1,92 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/demos/react-native-web-supabase-todolist/android/settings.gradle b/demos/react-native-web-supabase-todolist/android/settings.gradle new file mode 100644 index 000000000..b2eca62dc --- /dev/null +++ b/demos/react-native-web-supabase-todolist/android/settings.gradle @@ -0,0 +1,18 @@ +rootProject.name = 'powersync-example' + +dependencyResolutionManagement { + versionCatalogs { + reactAndroidLibs { + from(files(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../gradle/libs.versions.toml"))) + } + } +} + +apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle"); +useExpoModules() + +apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), "../native_modules.gradle"); +applyNativeModulesSettingsGradle(settings) + +include ':app' +includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile()) diff --git a/demos/react-native-web-supabase-todolist/app.config.ts b/demos/react-native-web-supabase-todolist/app.config.ts new file mode 100644 index 000000000..cf8c84946 --- /dev/null +++ b/demos/react-native-web-supabase-todolist/app.config.ts @@ -0,0 +1,79 @@ +import { type ExpoConfig } from 'expo/config'; + +import { config as dotenvConfig } from 'dotenv'; +import { resolve } from 'path'; + +// EAS doesn't load values from `.env` by default when consider the `app.config` +dotenvConfig({ + path: resolve(__dirname, '.env') +}); + +const projectId = process.env.EXPO_PUBLIC_EAS_PROJECT_ID; + +const config: ExpoConfig = { + name: 'powersync-example', + slug: 'powersync-example', + version: '1.0.0', + orientation: 'portrait', + icon: './assets/icon.png', + userInterfaceStyle: 'light', + scheme: 'powersync', + splash: { + image: './assets/splash.png', + resizeMode: 'contain', + backgroundColor: '#ffffff' + }, + updates: { + url: `https://u.expo.dev/${projectId}` + }, + assetBundlePatterns: ['**/*'], + ios: { + supportsTablet: true, + bundleIdentifier: 'com.powersync.example' + }, + android: { + adaptiveIcon: { + foregroundImage: './assets/adaptive-icon.png', + backgroundColor: '#ffffff' + }, + package: 'com.powersync.example' + }, + web: { + favicon: './assets/favicon.png' + }, + extra: { + eas: { + projectId + } + }, + plugins: [ + 'expo-router', + [ + 'expo-camera', + { + cameraPermission: 'Allow $(PRODUCT_NAME) to access your camera.' + } + ], + [ + 'expo-build-properties', + { + ios: { + deploymentTarget: '13.4', + // TODO: New architecture is currently not yet supported by @journeyapps/react-native-quick-sqlite + newArchEnabled: false + }, + android: { + minSdkVersion: 23, + compileSdkVersion: 34, + targetSdkVersion: 34, + buildToolsVersion: '34.0.0', + // TODO: New architecture is currently not yet supported by @journeyapps/react-native-quick-sqlite + newArchEnabled: false + } + } + ], + 'expo-secure-store' + ] +}; + +export default config; diff --git a/demos/react-native-web-supabase-todolist/app/_layout.tsx b/demos/react-native-web-supabase-todolist/app/_layout.tsx new file mode 100644 index 000000000..a6a0ea0ab --- /dev/null +++ b/demos/react-native-web-supabase-todolist/app/_layout.tsx @@ -0,0 +1,38 @@ +import { Stack } from 'expo-router'; +import React, { useMemo } from 'react'; +import { useSystem } from '../library/powersync/system'; +import { PowerSyncContext } from '@powersync/react'; + +/** + * This App uses a nested navigation stack. + * + * First layer is a Stack where navigation from index affects a stack + * - Login: Auth flow + * - Register + * - Views: App views once authenticated. The only way to navigate back is to sign out + * * Second layer: Uses a navigation drawer, navigating to any of these views replaces the current view. The first layer stack is hidden. + * - TodoLists (exposes another stack in order to edit a specific list) + * - Third layer: Edit stack + * * Edit [todolist] can navigate back to TodoLists + * - SQL Console + * - Sign out. Psuedo view to initiate signout flow. Navigates back to first layer. + */ +const HomeLayout = () => { + const system = useSystem(); + const db = useMemo(() => { + return system.powersync; + }, []); + return ( + + + + + + + + + + ); +}; + +export default HomeLayout; diff --git a/demos/react-native-web-supabase-todolist/app/index.tsx b/demos/react-native-web-supabase-todolist/app/index.tsx new file mode 100644 index 000000000..3f7b7d22b --- /dev/null +++ b/demos/react-native-web-supabase-todolist/app/index.tsx @@ -0,0 +1,41 @@ +import * as React from 'react'; +import { ActivityIndicator, View } from 'react-native'; + +import { useSystem } from '../library/powersync/system'; +import { router } from 'expo-router'; +import Logger from 'js-logger'; + +/** + * This is the entry point when the app loads. + * Checks for a Supabase session. + * - If one is present redirect to app views. + * - If not, reditect to login/register flow + */ +const App: React.FC = () => { + const { supabaseConnector } = useSystem(); + + React.useEffect(() => { + Logger.useDefaults(); + Logger.setLevel(Logger.DEBUG); + supabaseConnector.client.auth + .getSession() + .then(({ data }) => { + if (data.session) { + router.replace('views/todos/lists'); + } else { + throw new Error('Signin required'); + } + }) + .catch(() => { + router.replace('signin'); + }); + }, []); + + return ( + + + + ); +}; + +export default App; diff --git a/demos/react-native-web-supabase-todolist/app/register.tsx b/demos/react-native-web-supabase-todolist/app/register.tsx new file mode 100644 index 000000000..a2143299f --- /dev/null +++ b/demos/react-native-web-supabase-todolist/app/register.tsx @@ -0,0 +1,69 @@ +import React from 'react'; +import { StatusBar } from 'expo-status-bar'; +import { View, Text, ActivityIndicator, Button } from 'react-native'; +import { router } from 'expo-router'; + +import { useSystem } from '../library/powersync/system'; +import { TextInputWidget } from '../library/widgets/TextInputWidget'; +import { SignInStyles } from './signin'; +import { Icon } from 'react-native-elements'; + +export default function Register() { + const { supabaseConnector } = useSystem(); + const [loading, setLoading] = React.useState(false); + const [credentials, setCredentials] = React.useState({ username: '', password: '' }); + const [error, setError] = React.useState(''); + + return ( + + {loading ? ( + + ) : ( + + + + + setCredentials({ ...credentials, username: value })} + /> + setCredentials({ ...credentials, password: value })} + /> + {error ? {error} : null} + +