├── .eslintignore ├── .eslintrc.js ├── .github └── workflows │ ├── codeql-analysis.yml │ └── deploy-docs.yml ├── .gitignore ├── .npmignore ├── .prettierrc.js ├── .vscode └── settings.json ├── LICENSE ├── README.md ├── android ├── build.gradle └── src │ └── main │ ├── AndroidManifest.xml │ └── java │ └── com │ └── assembless │ └── reactnativematerialyou │ ├── RNMaterialYouModule.kt │ └── RNMaterialYouPackage.kt ├── babel.config.js ├── example ├── .buckconfig ├── .editorconfig ├── .eslintrc.js ├── .gitattributes ├── .gitignore ├── .prettierrc.js ├── .watchmanconfig ├── README.md ├── android │ ├── app │ │ ├── _BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── ReactNativeFlipper.kt │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ ├── MainActivity.kt │ │ │ │ └── MainApplication.kt │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── values-v31 │ │ │ └── styles.xml │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── app.json ├── babel.config.js ├── index.js ├── ios │ ├── Podfile │ ├── Podfile.lock │ ├── example.xcodeproj │ │ ├── project.pbxproj │ │ ├── project.xcworkspace │ │ │ ├── contents.xcworkspacedata │ │ │ └── xcshareddata │ │ │ │ └── IDEWorkspaceChecks.plist │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── example.xcscheme │ ├── example.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ └── example │ │ ├── AppDelegate.swift │ │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ └── Contents.json │ │ ├── Info.plist │ │ ├── LaunchScreen.storyboard │ │ └── example-Bridging-Header.h ├── metro.config.js ├── package.json ├── src │ └── App.tsx ├── tsconfig.json └── yarn.lock ├── ios ├── RNMaterialYouModule-Bridging-Header.h ├── RNMaterialYouModule.m ├── RNMaterialYouModule.swift └── RNMaterialYouModule.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ └── xcschemes │ └── RNMaterialYouModule.xcscheme ├── package.json ├── react-native-material-you.podspec ├── src ├── __tests__ │ └── index.test.ts ├── constants.ts ├── index.tsx └── types.ts ├── tsconfig.json └── yarn.lock /.eslintignore: -------------------------------------------------------------------------------- 1 | **/node_modules 2 | example/ 3 | lib/ 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['@react-native-community', 'plugin:prettier/recommended'], 3 | plugins: ['simple-import-sort'], 4 | root: true, 5 | rules: { 6 | 'import/order': 'off', 7 | 'simple-import-sort/exports': 'error', 8 | 'simple-import-sort/imports': 'error', 9 | 'sort-imports': 'off', 10 | 'end-of-line': 'off', 11 | }, 12 | } 13 | -------------------------------------------------------------------------------- /.github/workflows/codeql-analysis.yml: -------------------------------------------------------------------------------- 1 | # For most projects, this workflow file will not need changing; you simply need 2 | # to commit it to your repository. 3 | # 4 | # You may wish to alter this file to override the set of languages analyzed, 5 | # or to provide custom queries or build logic. 6 | # 7 | # ******** NOTE ******** 8 | # We have attempted to detect the languages in your repository. Please check 9 | # the `language` matrix defined below to confirm you have the correct set of 10 | # supported CodeQL languages. 11 | # 12 | name: "CodeQL" 13 | 14 | on: 15 | push: 16 | branches: [ main ] 17 | pull_request: 18 | # The branches below must be a subset of the branches above 19 | branches: [ main ] 20 | schedule: 21 | - cron: '31 20 * * 6' 22 | 23 | jobs: 24 | analyze: 25 | name: Analyze 26 | runs-on: ubuntu-latest 27 | permissions: 28 | actions: read 29 | contents: read 30 | security-events: write 31 | 32 | strategy: 33 | fail-fast: false 34 | matrix: 35 | language: [ 'javascript', 'typescript' ] 36 | # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ] 37 | # Learn more about CodeQL language support at https://git.io/codeql-language-support 38 | 39 | steps: 40 | - name: Checkout repository 41 | uses: actions/checkout@v2 42 | 43 | # Initializes the CodeQL tools for scanning. 44 | - name: Initialize CodeQL 45 | uses: github/codeql-action/init@v1 46 | with: 47 | languages: ${{ matrix.language }} 48 | # If you wish to specify custom queries, you can do so here or in a config file. 49 | # By default, queries listed here will override any specified in a config file. 50 | # Prefix the list here with "+" to use these queries and those in the config file. 51 | # queries: ./path/to/local/query, your-org/your-repo/queries@main 52 | 53 | # Autobuild attempts to build any compiled languages (C/C++, C#, or Java). 54 | # If this step fails, then you should remove it and run the build manually (see below) 55 | - name: Autobuild 56 | uses: github/codeql-action/autobuild@v1 57 | 58 | # ℹ️ Command-line programs to run using the OS shell. 59 | # 📚 https://git.io/JvXDl 60 | 61 | # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines 62 | # and modify them (or add more) to build your code if your project 63 | # uses a compiled language 64 | 65 | #- run: | 66 | # make bootstrap 67 | # make release 68 | 69 | - name: Perform CodeQL Analysis 70 | uses: github/codeql-action/analyze@v1 71 | -------------------------------------------------------------------------------- /.github/workflows/deploy-docs.yml: -------------------------------------------------------------------------------- 1 | name: "Documentation" 2 | 3 | on: 4 | push: 5 | branches: 6 | - master 7 | 8 | jobs: 9 | generate-docs: 10 | runs-on: ubuntu-latest 11 | steps: 12 | - name: Checkout 13 | uses: actions/checkout@v2 14 | - name: Setup Node 15 | uses: actions/setup-node@v1 16 | with: 17 | node-version: "12.x" 18 | - run: yarn install 19 | - run: yarn docs 20 | - name: Deploy 21 | uses: peaceiris/actions-gh-pages@v3 22 | with: 23 | github_token: ${{ secrets.GITHUB_TOKEN }} 24 | publish_dir: docs -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | /android/gradlew 32 | /android/gradlew.bat 33 | /android/gradle/ 34 | 35 | # node.js 36 | # 37 | node_modules/ 38 | npm-debug.log 39 | yarn-error.log 40 | 41 | # BUCK 42 | buck-out/ 43 | \.buckd/ 44 | *.keystore 45 | !debug.keystore 46 | 47 | # fastlane 48 | # 49 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 50 | # screenshots whenever they are needed. 51 | # For more information about the recommended setup visit: 52 | # https://docs.fastlane.tools/best-practices/source-control/ 53 | 54 | */fastlane/report.xml 55 | */fastlane/Preview.html 56 | */fastlane/screenshots 57 | 58 | # Bundle artifact 59 | *.jsbundle 60 | 61 | # CocoaPods 62 | /ios/Pods/ 63 | 64 | # Library 65 | lib/ 66 | 67 | # Documentation 68 | docs/ -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | example -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | jsxSingleQuote: true, 3 | semi: false, 4 | singleQuote: true, 5 | endOfLine: 'auto', 6 | } 7 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.codeActionsOnSave": { 3 | "source.fixAll": true 4 | } 5 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Assembless 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-material-you 2 | Bring newest Android 12 feature [Material You](https://material.io/blog/announcing-material-you) to your React Native app. This package enables you to use the from wallpaper generated colors in your app. 3 | 4 | ![RNMY Thumbnail](https://i.imgur.com/fcdOyLs.png) 5 | ![npm (tag)](https://img.shields.io/npm/v/@assembless/react-native-material-you/latest?style=for-the-badge) 6 | ![GitHub issues](https://img.shields.io/github/issues-raw/assembless/react-native-material-you?style=for-the-badge) 7 | ![GitHub last commit](https://img.shields.io/github/last-commit/assembless/react-native-material-you?style=for-the-badge) 8 | ![NPM](https://img.shields.io/npm/l/@assembless/react-native-material-you?style=for-the-badge) 9 | ![npm](https://img.shields.io/npm/dt/@assembless/react-native-material-you?style=for-the-badge) 10 | 11 | ## Features 12 | 13 | - 🎨 Generate a palette based on dominant wallpaper colors 14 | - 🪝 Supports React hooks 15 | - 🕒 Provides fallback palette for older Android versions 16 | - ♻️ Refreshes palette when the wallpaper changes 17 | 18 | ## How to install 19 | 20 | **Yarn** 21 | ``` 22 | yarn add @assembless/react-native-material-you 23 | ``` 24 | 25 | **NPM** 26 | ``` 27 | npm install @assembless/react-native-material-you 28 | ``` 29 | 30 | ## How to use 31 | 32 | ### React Context + Hook 33 | In order to get the colors always refreshed when the palette is being regenerated on the native side, it's necessary to wrap your app with `MaterialYouService` and get the palette from the context, by using `useMaterialYouPalette` or `useMaterialYouService` hooks. 34 | The service subscribes to palette changes on the native side and updates the context when the palette is changed. `fallbackPalette` is optional. 35 | 36 | ```typescript 37 | import { MaterialYouService, useMaterialYouPalette, defaultPalette } from '@assembless/react-native-material-you'; 38 | 39 | const App = () => ( 40 | 41 | {...} 42 | 43 | ) 44 | 45 | const MyComponent = () => { 46 | const palette = useMaterialYouPalette(); 47 | 48 | return ( 49 | 50 | Hello World 51 | 52 | ); 53 | } 54 | ``` 55 | 56 | ### React Hook 57 | Alternatively, you can use the `useMaterialYou` hook that returns the system generated color palette. In order to get the newest palette, run the `_refresh` method exposed by the hook. `fallbackPalette` is optional. 58 | ```typescript 59 | import { useMaterialYou, defaultPalette } from '@assembless/react-native-material-you'; 60 | 61 | const MyComponent = () => { 62 | const { palette } = useMaterialYou({ fallbackPalette: defaultPalette }); 63 | 64 | return ( 65 | 66 | Hello World 67 | 68 | ); 69 | } 70 | ``` 71 | 72 | ## Static methods 73 | 74 | ### Get palette synchronously 75 | The `getPaletteSync` function returns a rich palette of 5 system generated colors (`system_accent1`, `system_accent2`, `system_accent3`, `system_neutral1`, `system_neutral2`) and each containing 12 shades of Material color in hex strings that are used to determine the hues closest to the user’s wallpaper. The color constants are passed from the native module. Check out the [Android documentation](https://developer.android.com/reference/android/R.color#system_accent1_0) for more details about system generated colors. 76 | 77 | ```typescript 78 | import { getPaletteSync } from '@assembless/react-native-material-you'; 79 | 80 | const palette = getPaletteSync(); 81 | 82 | const theme = { 83 | palette: { 84 | primary: palette.system_accent1[6], 85 | background: palette.system_neutral2[2], 86 | ... 87 | } 88 | } 89 | ``` 90 | 91 | > ⚠️ This function only returns constant colors generated at runtime once. If you want to get the colors regenerated while the app is already running, you need to use the `getPalette` function which is asynchronous. 92 | 93 | ### Get palette asynchronously 94 | ```typescript 95 | import { getPalette } from '@assembless/react-native-material-you'; 96 | 97 | const createTheme = async () => { 98 | const palette = await getPalette(); 99 | 100 | return ({ 101 | palette: { 102 | primary: palette.system_accent1[6], 103 | background: palette.system_neutral2[2], 104 | ... 105 | } 106 | }) 107 | } 108 | ``` 109 | 110 | ## Documentation 111 | 112 | The documentation has been generated from JSDoc. 113 | 114 | [Documentation website](https://assembless.github.io/react-native-material-you/index.html) 115 | 116 | ## How to debug 117 | 118 | 1. Install dependencies (in root dir and ./example dir) 119 | 2. Open the `example` directory project in Android Studio, build and run the project. (`./example/android`) 120 | 3. Run `yarn start` in the `example` directory. 121 | 122 | ## Special thanks 123 | 124 | We're very thankful to our genius testers and contributors helping us get this package to perfection. Thank you! :heart: 125 | 126 | 127 | 128 | 136 | 144 | 145 |
129 | 130 | 131 |
132 | 0rsa 133 | 134 |
135 | 		137 | 138 | 139 |
140 | jkotra 141 | 142 |
143 |
146 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext.safeExtGet = { prop, fallback -> 3 | return rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback 4 | } 5 | 6 | repositories { 7 | google() 8 | jcenter() 9 | } 10 | 11 | dependencies { 12 | classpath 'com.android.tools.build:gradle:4.2.1' 13 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet('kotlinVersion', '1.5.0')}" 14 | } 15 | } 16 | 17 | def safeExtGet(prop, fallback) { 18 | rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback 19 | } 20 | 21 | apply plugin: 'com.android.library' 22 | apply plugin: 'kotlin-android' 23 | 24 | android { 25 | compileSdkVersion 32 26 | // buildToolsVersion safeExtGet('buildToolsVersion', '30.0.3') 27 | 28 | defaultConfig { 29 | minSdkVersion safeExtGet('minSdkVersion', "23") 30 | targetSdkVersion safeExtGet('targetSdkVersion', "32") 31 | } 32 | } 33 | 34 | repositories { 35 | google() 36 | jcenter() 37 | mavenCentral() 38 | } 39 | 40 | dependencies { 41 | implementation "org.jetbrains.kotlin:kotlin-stdlib:${safeExtGet('kotlinVersion', '1.5.0')}" 42 | //noinspection GradleDynamicVersion 43 | implementation 'com.facebook.react:react-native:+' 44 | } 45 | -------------------------------------------------------------------------------- /android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | -------------------------------------------------------------------------------- /android/src/main/java/com/assembless/reactnativematerialyou/RNMaterialYouModule.kt: -------------------------------------------------------------------------------- 1 | package com.assembless.reactnativematerialyou 2 | 3 | import android.R 4 | import android.graphics.Color 5 | import android.graphics.ColorSpace 6 | import android.util.Log 7 | import androidx.core.content.ContextCompat 8 | import kotlin.collections.HashMap 9 | import android.os.Build 10 | import com.facebook.react.bridge.* 11 | import com.facebook.react.bridge.WritableArray 12 | 13 | 14 | class RNMaterialYouModule(val reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) { 15 | 16 | override fun getName() = "RNMaterialYouModule" 17 | 18 | override fun getConstants(): MutableMap { 19 | val constants: MutableMap = HashMap(); 20 | 21 | constants["isSupported"] = isSupported(); 22 | constants["initialPalette"] = getMaterialYouPalette(); 23 | 24 | return constants; 25 | } 26 | 27 | private fun isSupported(): Boolean { 28 | return R.color.system_accent1_0 != null; 29 | } 30 | 31 | @ReactMethod 32 | public fun getMaterialYouPalettePromise(promise: Promise) { 33 | try { 34 | val colors = getMaterialYouPalette(); 35 | promise.resolve(colors); 36 | } catch(e: Exception) { 37 | print(e); 38 | promise.reject("Create return palette", e); 39 | } 40 | } 41 | 42 | fun getMaterialYouPalette(): WritableMap? { 43 | if(isSupported() != true) { 44 | return null; 45 | } 46 | 47 | val system_accent1: WritableArray? = toWritableArray(arrayOf( 48 | R.color.system_accent1_0, 49 | R.color.system_accent1_10, 50 | R.color.system_accent1_50, 51 | R.color.system_accent1_100, 52 | R.color.system_accent1_200, 53 | R.color.system_accent1_300, 54 | R.color.system_accent1_400, 55 | R.color.system_accent1_500, 56 | R.color.system_accent1_600, 57 | R.color.system_accent1_700, 58 | R.color.system_accent1_800, 59 | R.color.system_accent1_900, 60 | R.color.system_accent1_1000 61 | ).map { colorToHex(it) }); 62 | 63 | val system_accent2: WritableArray? = toWritableArray(arrayOf( 64 | R.color.system_accent2_0, 65 | R.color.system_accent2_10, 66 | R.color.system_accent2_50, 67 | R.color.system_accent2_100, 68 | R.color.system_accent2_200, 69 | R.color.system_accent2_300, 70 | R.color.system_accent2_400, 71 | R.color.system_accent2_500, 72 | R.color.system_accent2_600, 73 | R.color.system_accent2_700, 74 | R.color.system_accent2_800, 75 | R.color.system_accent2_900, 76 | R.color.system_accent2_1000 77 | ).map { colorToHex(it) }); 78 | 79 | val system_accent3: WritableArray? = toWritableArray(arrayOf( 80 | R.color.system_accent3_0, 81 | R.color.system_accent3_10, 82 | R.color.system_accent3_50, 83 | R.color.system_accent3_100, 84 | R.color.system_accent3_200, 85 | R.color.system_accent3_300, 86 | R.color.system_accent3_400, 87 | R.color.system_accent3_500, 88 | R.color.system_accent3_600, 89 | R.color.system_accent3_700, 90 | R.color.system_accent3_800, 91 | R.color.system_accent3_900, 92 | R.color.system_accent3_1000 93 | ).map { colorToHex(it) }); 94 | 95 | val system_neutral1: WritableArray? = toWritableArray(arrayOf( 96 | R.color.system_neutral1_0, 97 | R.color.system_neutral1_10, 98 | R.color.system_neutral1_50, 99 | R.color.system_neutral1_100, 100 | R.color.system_neutral1_200, 101 | R.color.system_neutral1_300, 102 | R.color.system_neutral1_400, 103 | R.color.system_neutral1_500, 104 | R.color.system_neutral1_600, 105 | R.color.system_neutral1_700, 106 | R.color.system_neutral1_800, 107 | R.color.system_neutral1_900, 108 | R.color.system_neutral1_1000 109 | ).map { colorToHex(it) }); 110 | 111 | val system_neutral2: WritableArray? = toWritableArray(arrayOf( 112 | R.color.system_neutral2_0, 113 | R.color.system_neutral2_10, 114 | R.color.system_neutral2_50, 115 | R.color.system_neutral2_100, 116 | R.color.system_neutral2_200, 117 | R.color.system_neutral2_300, 118 | R.color.system_neutral2_400, 119 | R.color.system_neutral2_500, 120 | R.color.system_neutral2_600, 121 | R.color.system_neutral2_700, 122 | R.color.system_neutral2_800, 123 | R.color.system_neutral2_900, 124 | R.color.system_neutral2_1000 125 | ).map { colorToHex(it) }); 126 | 127 | val colorMap: WritableMap = WritableNativeMap(); 128 | 129 | colorMap.putArray("system_accent1", system_accent1); 130 | colorMap.putArray("system_accent2", system_accent2); 131 | colorMap.putArray("system_accent3", system_accent3); 132 | colorMap.putArray("system_neutral1", system_neutral1); 133 | colorMap.putArray("system_neutral2", system_neutral2); 134 | 135 | return colorMap; 136 | } 137 | 138 | private fun colorToHex(c: Int): String { 139 | if(c == null || c !is Int) { 140 | return "#00000000" 141 | } 142 | val hex = getColor(c); 143 | 144 | return java.lang.String.format("#%06X", 0xFFFFFF and hex); 145 | } 146 | 147 | fun getColor(id: Int): Int { 148 | val version = Build.VERSION.SDK_INT 149 | return if (version >= 23) { 150 | ContextCompat.getColor(reactContext, id) 151 | } else { 152 | reactContext.getResources().getColor(id) 153 | } 154 | } 155 | 156 | fun toWritableArray(array: List): WritableArray? { 157 | val writableArray = Arguments.createArray() 158 | for (i in array.indices) { 159 | val value = array[i] 160 | if (value == null) { 161 | writableArray.pushNull() 162 | } 163 | if (value is Boolean) { 164 | writableArray.pushBoolean((value as Boolean?)!!) 165 | } 166 | if (value is Double) { 167 | writableArray.pushDouble((value as Double?)!!) 168 | } 169 | if (value is Int) { 170 | writableArray.pushInt((value as Int?)!!) 171 | } 172 | if (value is String) { 173 | writableArray.pushString(value as String?) 174 | } 175 | } 176 | return writableArray 177 | } 178 | } -------------------------------------------------------------------------------- /android/src/main/java/com/assembless/reactnativematerialyou/RNMaterialYouPackage.kt: -------------------------------------------------------------------------------- 1 | package com.assembless.reactnativematerialyou 2 | 3 | import com.facebook.react.ReactPackage 4 | import com.facebook.react.bridge.NativeModule 5 | import com.facebook.react.bridge.ReactApplicationContext 6 | import com.facebook.react.uimanager.ViewManager 7 | 8 | class RNMaterialYouPackage : ReactPackage { 9 | 10 | override fun createViewManagers(reactContext: ReactApplicationContext): 11 | MutableList> { 12 | return mutableListOf() 13 | } 14 | 15 | override fun createNativeModules(reactContext: ReactApplicationContext): 16 | MutableList { 17 | return mutableListOf(RNMaterialYouModule(reactContext)) 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | } 4 | -------------------------------------------------------------------------------- /example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/.editorconfig: -------------------------------------------------------------------------------- 1 | # Windows files 2 | [*.bat] 3 | end_of_line = crlf 4 | -------------------------------------------------------------------------------- /example/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['@react-native-community', 'plugin:prettier/recommended'], 3 | plugins: ['simple-import-sort'], 4 | root: true, 5 | rules: { 6 | 'import/order': 'off', 7 | 'simple-import-sort/exports': 'error', 8 | 'simple-import-sort/imports': 'error', 9 | 'sort-imports': 'off', 10 | }, 11 | } 12 | -------------------------------------------------------------------------------- /example/.gitattributes: -------------------------------------------------------------------------------- 1 | # Windows files should use crlf line endings 2 | # https://help.github.com/articles/dealing-with-line-endings/ 3 | *.bat text eol=crlf 4 | -------------------------------------------------------------------------------- /example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | 32 | # node.js 33 | # 34 | node_modules/ 35 | npm-debug.log 36 | yarn-error.log 37 | 38 | # BUCK 39 | buck-out/ 40 | \.buckd/ 41 | *.keystore 42 | !debug.keystore 43 | 44 | # fastlane 45 | # 46 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 47 | # screenshots whenever they are needed. 48 | # For more information about the recommended setup visit: 49 | # https://docs.fastlane.tools/best-practices/source-control/ 50 | 51 | */fastlane/report.xml 52 | */fastlane/Preview.html 53 | */fastlane/screenshots 54 | 55 | # Bundle artifact 56 | *.jsbundle 57 | 58 | # CocoaPods 59 | /ios/Pods/ 60 | -------------------------------------------------------------------------------- /example/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | jsxSingleQuote: true, 3 | semi: false, 4 | singleQuote: true, 5 | } 6 | -------------------------------------------------------------------------------- /example/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /example/README.md: -------------------------------------------------------------------------------- 1 | # example 2 | 3 | ## Getting Started 4 | 5 | ```bash 6 | yarn 7 | ``` 8 | 9 | for iOS: 10 | 11 | ```bash 12 | npx pod-install 13 | ``` 14 | 15 | To run the app use: 16 | 17 | ```bash 18 | yarn ios 19 | ``` 20 | 21 | or 22 | 23 | ```bash 24 | yarn android 25 | ``` 26 | 27 | ## Updating project 28 | 29 | 1. Remove current `example` project 30 | 2. Create a project named `example` using [react-native-better-template](https://github.com/demchenkoalex/react-native-better-template) 31 | 3. Revert `README.md` so you can see this guide 32 | 4. In `tsconfig.json` add 33 | 34 | ```json 35 | "baseUrl": ".", 36 | "paths": { 37 | "react-native-module-template": ["../src"] 38 | }, 39 | ``` 40 | 41 | 5. Check the difference in `metro.config.js` and combine all 42 | 6. Revert `App.tsx` 43 | 7. Check the difference in `settings.gradle` and combine all 44 | 8. Check the difference in `android/app/build.gradle` and combine all 45 | 9. Check the difference in `MainApplication.kt` and combine all 46 | 10. Open new `example` project in Xcode, right click on the `Libraries` folder, select "Add Files to". Navigate to the library root, `ios` folder, select `RNModuleTemplateModule.xcodeproj`. Deselect "Copy items if needed", click add. Go to the `Build Phases` of the `example` target, "Link Binary with Libraries", click +, search for the `libRNModuleTemplateModule.a`, click add. 47 | -------------------------------------------------------------------------------- /example/android/app/_BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets") 12 | 13 | lib_deps = [] 14 | 15 | create_aar_targets(glob(["libs/*.aar"])) 16 | 17 | create_jar_targets(glob(["libs/*.jar"])) 18 | 19 | android_library( 20 | name = "all-libs", 21 | exported_deps = lib_deps, 22 | ) 23 | 24 | android_library( 25 | name = "app-code", 26 | srcs = glob([ 27 | "src/main/java/**/*.java", 28 | ]), 29 | deps = [ 30 | ":all-libs", 31 | ":build_config", 32 | ":res", 33 | ], 34 | ) 35 | 36 | android_build_config( 37 | name = "build_config", 38 | package = "com.example", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.example", 44 | res = "src/main/res", 45 | ) 46 | 47 | android_binary( 48 | name = "app", 49 | keystore = "//android/keystores:debug", 50 | manifest = "src/main/AndroidManifest.xml", 51 | package_type = "debug", 52 | deps = [ 53 | ":app-code", 54 | ], 55 | ) 56 | -------------------------------------------------------------------------------- /example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | apply plugin: 'kotlin-android' 3 | 4 | import com.android.build.OutputFile 5 | 6 | /** 7 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 8 | * and bundleReleaseJsAndAssets). 9 | * These basically call `react-native bundle` with the correct arguments during the Android build 10 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 11 | * bundle directly from the development server. Below you can see all the possible configurations 12 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 13 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 14 | * 15 | * project.ext.react = [ 16 | * // the name of the generated asset file containing your JS bundle 17 | * bundleAssetName: "index.android.bundle", 18 | * 19 | * // the entry file for bundle generation. If none specified and 20 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 21 | * // default. Can be overridden with ENTRY_FILE environment variable. 22 | * entryFile: "index.android.js", 23 | * 24 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 25 | * bundleCommand: "ram-bundle", 26 | * 27 | * // whether to bundle JS and assets in debug mode 28 | * bundleInDebug: false, 29 | * 30 | * // whether to bundle JS and assets in release mode 31 | * bundleInRelease: true, 32 | * 33 | * // whether to bundle JS and assets in another build variant (if configured). 34 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 35 | * // The configuration property can be in the following formats 36 | * // 'bundleIn${productFlavor}${buildType}' 37 | * // 'bundleIn${buildType}' 38 | * // bundleInFreeDebug: true, 39 | * // bundleInPaidRelease: true, 40 | * // bundleInBeta: true, 41 | * 42 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 43 | * // for example: to disable dev mode in the staging build type (if configured) 44 | * devDisabledInStaging: true, 45 | * // The configuration property can be in the following formats 46 | * // 'devDisabledIn${productFlavor}${buildType}' 47 | * // 'devDisabledIn${buildType}' 48 | * 49 | * // the root of your project, i.e. where "package.json" lives 50 | * root: "../../", 51 | * 52 | * // where to put the JS bundle asset in debug mode 53 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 54 | * 55 | * // where to put the JS bundle asset in release mode 56 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 57 | * 58 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 59 | * // require('./image.png')), in debug mode 60 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 61 | * 62 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 63 | * // require('./image.png')), in release mode 64 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 65 | * 66 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 67 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 68 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 69 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 70 | * // for example, you might want to remove it from here. 71 | * inputExcludes: ["android/**", "ios/**"], 72 | * 73 | * // override which node gets called and with what additional arguments 74 | * nodeExecutableAndArgs: ["node"], 75 | * 76 | * // supply additional arguments to the packager 77 | * extraPackagerArgs: [] 78 | * ] 79 | */ 80 | 81 | project.ext.react = [ 82 | enableHermes: false, // clean and rebuild if changing 83 | ] 84 | 85 | apply from: '../../node_modules/react-native/react.gradle' 86 | 87 | /** 88 | * Set this to true to create two separate APKs instead of one: 89 | * - An APK that only works on ARM devices 90 | * - An APK that only works on x86 devices 91 | * The advantage is the size of the APK is reduced by about 4MB. 92 | * Upload all the APKs to the Play Store and people will download 93 | * the correct one based on the CPU architecture of their device. 94 | */ 95 | def enableSeparateBuildPerCPUArchitecture = false 96 | 97 | /** 98 | * Run Proguard to shrink the Java bytecode in release builds. 99 | */ 100 | def enableProguardInReleaseBuilds = false 101 | 102 | /** 103 | * The preferred build flavor of JavaScriptCore. 104 | * 105 | * For example, to use the international variant, you can use: 106 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 107 | * 108 | * The international variant includes ICU i18n library and necessary data 109 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 110 | * give correct results when using with locales other than en-US. Note that 111 | * this variant is about 6MiB larger per architecture than default. 112 | */ 113 | def jscFlavor = 'org.webkit:android-jsc:+' 114 | 115 | /** 116 | * Whether to enable the Hermes VM. 117 | * 118 | * This should be set on project.ext.react and mirrored here. If it is not set 119 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 120 | * and the benefits of using Hermes will therefore be sharply reduced. 121 | */ 122 | def enableHermes = project.ext.react.get('enableHermes', false); 123 | 124 | android { 125 | ndkVersion rootProject.ext.ndkVersion 126 | 127 | compileSdkVersion rootProject.ext.compileSdkVersion 128 | 129 | compileOptions { 130 | sourceCompatibility JavaVersion.VERSION_1_8 131 | targetCompatibility JavaVersion.VERSION_1_8 132 | } 133 | 134 | defaultConfig { 135 | applicationId 'com.example' 136 | minSdkVersion rootProject.ext.minSdkVersion 137 | targetSdkVersion rootProject.ext.targetSdkVersion 138 | versionCode 1 139 | versionName '1.0' 140 | } 141 | splits { 142 | abi { 143 | reset() 144 | enable enableSeparateBuildPerCPUArchitecture 145 | universalApk false // If true, also generate a universal APK 146 | include 'armeabi-v7a', 'x86', 'arm64-v8a', 'x86_64' 147 | } 148 | } 149 | signingConfigs { 150 | debug { 151 | storeFile file('debug.keystore') 152 | storePassword 'android' 153 | keyAlias 'androiddebugkey' 154 | keyPassword 'android' 155 | } 156 | } 157 | buildTypes { 158 | debug { 159 | signingConfig signingConfigs.debug 160 | } 161 | release { 162 | // Caution! In production, you need to generate your own keystore file. 163 | // see https://reactnative.dev/docs/signed-apk-android. 164 | signingConfig signingConfigs.debug 165 | minifyEnabled enableProguardInReleaseBuilds 166 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 167 | } 168 | } 169 | 170 | dexOptions { 171 | javaMaxHeapSize "4G" 172 | } 173 | 174 | // applicationVariants are e.g. debug, release 175 | applicationVariants.all { variant -> 176 | variant.outputs.each { output -> 177 | // For each separate APK per architecture, set a unique version code as described here: 178 | // https://developer.android.com/studio/build/configure-apk-splits.html 179 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 180 | def versionCodes = ['armeabi-v7a': 1, 'x86': 2, 'arm64-v8a': 3, 'x86_64': 4] 181 | def abi = output.getFilter(OutputFile.ABI) 182 | if (abi != null) { // null for the universal-debug, universal-release variants 183 | output.versionCodeOverride = 184 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 185 | } 186 | 187 | } 188 | } 189 | } 190 | 191 | dependencies { 192 | implementation project(':react-native-material-you') 193 | implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlinVersion" 194 | implementation fileTree(dir: 'libs', include: ['*.jar']) 195 | //noinspection GradleDynamicVersion 196 | implementation 'com.facebook.react:react-native:+' // From node_modules 197 | 198 | implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0' 199 | 200 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 201 | exclude group: 'com.facebook.fbjni' 202 | } 203 | 204 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 205 | exclude group: 'com.facebook.flipper' 206 | exclude group: 'com.squareup.okhttp3', module: 'okhttp' 207 | } 208 | 209 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 210 | exclude group: 'com.facebook.flipper' 211 | } 212 | 213 | if (enableHermes) { 214 | def hermesPath = '../../node_modules/hermes-engine/android/'; 215 | debugImplementation files(hermesPath + 'hermes-debug.aar') 216 | releaseImplementation files(hermesPath + 'hermes-release.aar') 217 | } else { 218 | implementation jscFlavor 219 | } 220 | } 221 | 222 | // Run this once to be able to run the application with BUCK 223 | // puts all compile dependencies into folder libs for BUCK to use 224 | task copyDownloadableDepsToLibs(type: Copy) { 225 | from configurations.compile 226 | into 'libs' 227 | } 228 | 229 | apply from: file('../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle'); applyNativeModulesAppBuildGradle(project) 230 | -------------------------------------------------------------------------------- /example/android/app/build_defs.bzl: -------------------------------------------------------------------------------- 1 | """Helper definitions to glob .aar and .jar targets""" 2 | 3 | def create_aar_targets(aarfiles): 4 | for aarfile in aarfiles: 5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")] 6 | lib_deps.append(":" + name) 7 | android_prebuilt_aar( 8 | name = name, 9 | aar = aarfile, 10 | ) 11 | 12 | def create_jar_targets(jarfiles): 13 | for jarfile in jarfiles: 14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")] 15 | lib_deps.append(":" + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | -------------------------------------------------------------------------------- /example/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/debug.keystore -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /example/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /example/android/app/src/debug/java/com/example/ReactNativeFlipper.kt: -------------------------------------------------------------------------------- 1 | package com.example 2 | 3 | import android.content.Context 4 | import com.facebook.flipper.android.AndroidFlipperClient 5 | import com.facebook.flipper.android.utils.FlipperUtils 6 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin 7 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin 8 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin 9 | import com.facebook.flipper.plugins.inspector.DescriptorMapping 10 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin 11 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor 12 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin 13 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin 14 | import com.facebook.react.ReactInstanceManager 15 | import com.facebook.react.ReactInstanceManager.ReactInstanceEventListener 16 | import com.facebook.react.bridge.ReactContext 17 | import com.facebook.react.modules.network.NetworkingModule 18 | 19 | object ReactNativeFlipper { 20 | @JvmStatic 21 | fun initializeFlipper(context: Context?, reactInstanceManager: ReactInstanceManager) { 22 | if (FlipperUtils.shouldEnableFlipper(context)) { 23 | val client = AndroidFlipperClient.getInstance(context) 24 | client.addPlugin(InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())) 25 | client.addPlugin(DatabasesFlipperPlugin(context)) 26 | client.addPlugin(SharedPreferencesFlipperPlugin(context)) 27 | client.addPlugin(CrashReporterPlugin.getInstance()) 28 | val networkFlipperPlugin = NetworkFlipperPlugin() 29 | NetworkingModule.setCustomClientBuilder { builder -> builder.addNetworkInterceptor(FlipperOkhttpInterceptor(networkFlipperPlugin)) } 30 | client.addPlugin(networkFlipperPlugin) 31 | client.start() 32 | 33 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 34 | // Hence we run if after all native modules have been initialized 35 | val reactContext = reactInstanceManager.currentReactContext 36 | if (reactContext == null) { 37 | reactInstanceManager.addReactInstanceEventListener( 38 | object : ReactInstanceEventListener { 39 | override fun onReactContextInitialized(reactContext: ReactContext) { 40 | reactInstanceManager.removeReactInstanceEventListener(this) 41 | reactContext.runOnNativeModulesQueueThread { client.addPlugin(FrescoFlipperPlugin()) } 42 | } 43 | }) 44 | } else { 45 | client.addPlugin(FrescoFlipperPlugin()) 46 | } 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example 2 | 3 | import com.facebook.react.ReactActivity 4 | 5 | class MainActivity : ReactActivity() { 6 | 7 | override fun getMainComponentName(): String? { 8 | return "example" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/MainApplication.kt: -------------------------------------------------------------------------------- 1 | package com.example 2 | 3 | import android.app.Application 4 | import android.content.Context 5 | import com.assembless.reactnativematerialyou.RNMaterialYouPackage 6 | import com.facebook.react.* 7 | import com.facebook.soloader.SoLoader 8 | import java.lang.reflect.InvocationTargetException 9 | 10 | class MainApplication : Application(), ReactApplication { 11 | 12 | private val mReactNativeHost = object : ReactNativeHost(this) { 13 | override fun getUseDeveloperSupport(): Boolean { 14 | return BuildConfig.DEBUG 15 | } 16 | 17 | override fun getPackages(): List { 18 | val packages = PackageList(this).packages 19 | // Packages that cannot be autolinked yet can be added manually here, for example: 20 | // packages.add(MyReactNativePackage()); 21 | packages.add(RNMaterialYouPackage()) 22 | return packages 23 | } 24 | 25 | override fun getJSMainModuleName(): String { 26 | return "index" 27 | } 28 | } 29 | 30 | override fun getReactNativeHost(): ReactNativeHost { 31 | return mReactNativeHost 32 | } 33 | 34 | override fun onCreate() { 35 | super.onCreate() 36 | SoLoader.init(this, false) 37 | initializeFlipper(this, reactNativeHost.reactInstanceManager) 38 | } 39 | 40 | companion object { 41 | 42 | private fun initializeFlipper(context: Context, reactInstanceManager: ReactInstanceManager) { 43 | if (BuildConfig.DEBUG) { 44 | try { 45 | val aClass = Class.forName("com.example.ReactNativeFlipper") 46 | aClass 47 | .getMethod("initializeFlipper", Context::class.java, ReactInstanceManager::class.java) 48 | .invoke(null, context, reactInstanceManager) 49 | } catch (e: ClassNotFoundException) { 50 | e.printStackTrace() 51 | } catch (e: NoSuchMethodException) { 52 | e.printStackTrace() 53 | } catch (e: IllegalAccessException) { 54 | e.printStackTrace() 55 | } catch (e: InvocationTargetException) { 56 | e.printStackTrace() 57 | } 58 | } 59 | } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values-v31/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | example 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | kotlinVersion = '1.5.0' 6 | ndkVersion = '22.0.7026061' 7 | buildToolsVersion = "31.0.0" 8 | minSdkVersion = 23 9 | compileSdkVersion = 31 10 | targetSdkVersion = 31 11 | supportLibVersion = "31.0.0" 12 | } 13 | repositories { 14 | google() 15 | jcenter() 16 | } 17 | dependencies { 18 | classpath 'com.android.tools.build:gradle:4.2.1' 19 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion" 20 | // NOTE: Do not place your application dependencies here; they belong 21 | // in the individual module build.gradle files 22 | } 23 | } 24 | 25 | allprojects { 26 | repositories { 27 | mavenLocal() 28 | maven { 29 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 30 | url "$rootDir/../node_modules/react-native/android" 31 | } 32 | maven { 33 | // Android JSC is installed from npm 34 | url "$rootDir/../node_modules/jsc-android/dist" 35 | } 36 | 37 | google() 38 | jcenter() 39 | maven { url 'https://www.jitpack.io' } 40 | } 41 | } -------------------------------------------------------------------------------- /example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | org.gradle.jvmargs=-Xmx4608m 15 | 16 | # When configured, Gradle will run in incubating parallel mode. 17 | # This option should only be used with decoupled projects. More details, visit 18 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 19 | # org.gradle.parallel=true 20 | 21 | # AndroidX package structure to make it clearer which packages are bundled with the 22 | # Android operating system, and which are packaged with your app's APK 23 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 24 | android.useAndroidX=true 25 | # Automatically convert third-party libraries to use AndroidX 26 | android.enableJetifier=true 27 | 28 | # Version of flipper SDK to use with React Native 29 | FLIPPER_VERSION=0.87.0 30 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Assembless/react-native-material-you/bd4ab6175a70cdc3b641799869fc93dbd9321f31/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | 86 | # Determine the Java command to use to start the JVM. 87 | if [ -n "$JAVA_HOME" ] ; then 88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 89 | # IBM's JDK on AIX uses strange locations for the executables 90 | JAVACMD="$JAVA_HOME/jre/sh/java" 91 | else 92 | JAVACMD="$JAVA_HOME/bin/java" 93 | fi 94 | if [ ! -x "$JAVACMD" ] ; then 95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 96 | 97 | Please set the JAVA_HOME variable in your environment to match the 98 | location of your Java installation." 99 | fi 100 | else 101 | JAVACMD="java" 102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 103 | 104 | Please set the JAVA_HOME variable in your environment to match the 105 | location of your Java installation." 106 | fi 107 | 108 | # Increase the maximum file descriptors if we can. 109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 110 | MAX_FD_LIMIT=`ulimit -H -n` 111 | if [ $? -eq 0 ] ; then 112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 113 | MAX_FD="$MAX_FD_LIMIT" 114 | fi 115 | ulimit -n $MAX_FD 116 | if [ $? -ne 0 ] ; then 117 | warn "Could not set maximum file descriptor limit: $MAX_FD" 118 | fi 119 | else 120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 121 | fi 122 | fi 123 | 124 | # For Darwin, add options to specify how the application appears in the dock 125 | if $darwin; then 126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 127 | fi 128 | 129 | # For Cygwin or MSYS, switch paths to Windows format before running java 130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 133 | 134 | JAVACMD=`cygpath --unix "$JAVACMD"` 135 | 136 | # We build the pattern for arguments to be converted via cygpath 137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 138 | SEP="" 139 | for dir in $ROOTDIRSRAW ; do 140 | ROOTDIRS="$ROOTDIRS$SEP$dir" 141 | SEP="|" 142 | done 143 | OURCYGPATTERN="(^($ROOTDIRS))" 144 | # Add a user-defined pattern to the cygpath arguments 145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 147 | fi 148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 149 | i=0 150 | for arg in "$@" ; do 151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 153 | 154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 156 | else 157 | eval `echo args$i`="\"$arg\"" 158 | fi 159 | i=`expr $i + 1` 160 | done 161 | case $i in 162 | 0) set -- ;; 163 | 1) set -- "$args0" ;; 164 | 2) set -- "$args0" "$args1" ;; 165 | 3) set -- "$args0" "$args1" "$args2" ;; 166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 172 | esac 173 | fi 174 | 175 | # Escape application args 176 | save () { 177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 178 | echo " " 179 | } 180 | APP_ARGS=`save "$@"` 181 | 182 | # Collect all arguments for the java command, following the shell quoting and substitution rules 183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 184 | 185 | exec "$JAVACMD" "$@" 186 | -------------------------------------------------------------------------------- /example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'example' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | 4 | include ':react-native-material-you' 5 | project(':react-native-material-you').projectDir = new File(rootProject.projectDir, '../../android') 6 | 7 | include ':app' 8 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "displayName": "example" 4 | } 5 | -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | } 4 | -------------------------------------------------------------------------------- /example/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import { AppRegistry } from 'react-native' 6 | 7 | import { name as appName } from './app.json' 8 | import App from './src/App' 9 | 10 | AppRegistry.registerComponent(appName, () => App) 11 | -------------------------------------------------------------------------------- /example/ios/Podfile: -------------------------------------------------------------------------------- 1 | require_relative '../node_modules/react-native/scripts/react_native_pods' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | platform :ios, '10.0' 5 | 6 | target 'example' do 7 | config = use_native_modules! 8 | 9 | use_react_native!( 10 | :path => config[:reactNativePath], 11 | # to enable hermes on iOS, change `false` to `true` and then install pods 12 | :hermes_enabled => false 13 | ) 14 | 15 | # Enables Flipper. 16 | # 17 | # Note that if you have use_frameworks! enabled, Flipper will not work and 18 | # you should disable the next line. 19 | use_flipper!({ 'Flipper' => '0.87.0' }) 20 | 21 | post_install do |installer| 22 | react_native_post_install(installer) 23 | end 24 | end 25 | -------------------------------------------------------------------------------- /example/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost-for-react-native (1.63.0) 3 | - CocoaAsyncSocket (7.6.5) 4 | - DoubleConversion (1.1.6) 5 | - FBLazyVector (0.64.1) 6 | - FBReactNativeSpec (0.64.1): 7 | - RCT-Folly (= 2020.01.13.00) 8 | - RCTRequired (= 0.64.1) 9 | - RCTTypeSafety (= 0.64.1) 10 | - React-Core (= 0.64.1) 11 | - React-jsi (= 0.64.1) 12 | - ReactCommon/turbomodule/core (= 0.64.1) 13 | - Flipper (0.87.0): 14 | - Flipper-Folly (~> 2.5) 15 | - Flipper-RSocket (~> 1.3) 16 | - Flipper-DoubleConversion (1.1.7) 17 | - Flipper-Folly (2.5.3): 18 | - boost-for-react-native 19 | - Flipper-DoubleConversion 20 | - Flipper-Glog 21 | - libevent (~> 2.1.12) 22 | - OpenSSL-Universal (= 1.1.180) 23 | - Flipper-Glog (0.3.6) 24 | - Flipper-PeerTalk (0.0.4) 25 | - Flipper-RSocket (1.3.1): 26 | - Flipper-Folly (~> 2.5) 27 | - FlipperKit (0.87.0): 28 | - FlipperKit/Core (= 0.87.0) 29 | - FlipperKit/Core (0.87.0): 30 | - Flipper (~> 0.87.0) 31 | - FlipperKit/CppBridge 32 | - FlipperKit/FBCxxFollyDynamicConvert 33 | - FlipperKit/FBDefines 34 | - FlipperKit/FKPortForwarding 35 | - FlipperKit/CppBridge (0.87.0): 36 | - Flipper (~> 0.87.0) 37 | - FlipperKit/FBCxxFollyDynamicConvert (0.87.0): 38 | - Flipper-Folly (~> 2.5) 39 | - FlipperKit/FBDefines (0.87.0) 40 | - FlipperKit/FKPortForwarding (0.87.0): 41 | - CocoaAsyncSocket (~> 7.6) 42 | - Flipper-PeerTalk (~> 0.0.4) 43 | - FlipperKit/FlipperKitHighlightOverlay (0.87.0) 44 | - FlipperKit/FlipperKitLayoutHelpers (0.87.0): 45 | - FlipperKit/Core 46 | - FlipperKit/FlipperKitHighlightOverlay 47 | - FlipperKit/FlipperKitLayoutTextSearchable 48 | - FlipperKit/FlipperKitLayoutIOSDescriptors (0.87.0): 49 | - FlipperKit/Core 50 | - FlipperKit/FlipperKitHighlightOverlay 51 | - FlipperKit/FlipperKitLayoutHelpers 52 | - YogaKit (~> 1.18) 53 | - FlipperKit/FlipperKitLayoutPlugin (0.87.0): 54 | - FlipperKit/Core 55 | - FlipperKit/FlipperKitHighlightOverlay 56 | - FlipperKit/FlipperKitLayoutHelpers 57 | - FlipperKit/FlipperKitLayoutIOSDescriptors 58 | - FlipperKit/FlipperKitLayoutTextSearchable 59 | - YogaKit (~> 1.18) 60 | - FlipperKit/FlipperKitLayoutTextSearchable (0.87.0) 61 | - FlipperKit/FlipperKitNetworkPlugin (0.87.0): 62 | - FlipperKit/Core 63 | - FlipperKit/FlipperKitReactPlugin (0.87.0): 64 | - FlipperKit/Core 65 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.87.0): 66 | - FlipperKit/Core 67 | - FlipperKit/SKIOSNetworkPlugin (0.87.0): 68 | - FlipperKit/Core 69 | - FlipperKit/FlipperKitNetworkPlugin 70 | - glog (0.3.5) 71 | - libevent (2.1.12) 72 | - OpenSSL-Universal (1.1.180) 73 | - RCT-Folly (2020.01.13.00): 74 | - boost-for-react-native 75 | - DoubleConversion 76 | - glog 77 | - RCT-Folly/Default (= 2020.01.13.00) 78 | - RCT-Folly/Default (2020.01.13.00): 79 | - boost-for-react-native 80 | - DoubleConversion 81 | - glog 82 | - RCTRequired (0.64.1) 83 | - RCTTypeSafety (0.64.1): 84 | - FBLazyVector (= 0.64.1) 85 | - RCT-Folly (= 2020.01.13.00) 86 | - RCTRequired (= 0.64.1) 87 | - React-Core (= 0.64.1) 88 | - React (0.64.1): 89 | - React-Core (= 0.64.1) 90 | - React-Core/DevSupport (= 0.64.1) 91 | - React-Core/RCTWebSocket (= 0.64.1) 92 | - React-RCTActionSheet (= 0.64.1) 93 | - React-RCTAnimation (= 0.64.1) 94 | - React-RCTBlob (= 0.64.1) 95 | - React-RCTImage (= 0.64.1) 96 | - React-RCTLinking (= 0.64.1) 97 | - React-RCTNetwork (= 0.64.1) 98 | - React-RCTSettings (= 0.64.1) 99 | - React-RCTText (= 0.64.1) 100 | - React-RCTVibration (= 0.64.1) 101 | - React-callinvoker (0.64.1) 102 | - React-Core (0.64.1): 103 | - glog 104 | - RCT-Folly (= 2020.01.13.00) 105 | - React-Core/Default (= 0.64.1) 106 | - React-cxxreact (= 0.64.1) 107 | - React-jsi (= 0.64.1) 108 | - React-jsiexecutor (= 0.64.1) 109 | - React-perflogger (= 0.64.1) 110 | - Yoga 111 | - React-Core/CoreModulesHeaders (0.64.1): 112 | - glog 113 | - RCT-Folly (= 2020.01.13.00) 114 | - React-Core/Default 115 | - React-cxxreact (= 0.64.1) 116 | - React-jsi (= 0.64.1) 117 | - React-jsiexecutor (= 0.64.1) 118 | - React-perflogger (= 0.64.1) 119 | - Yoga 120 | - React-Core/Default (0.64.1): 121 | - glog 122 | - RCT-Folly (= 2020.01.13.00) 123 | - React-cxxreact (= 0.64.1) 124 | - React-jsi (= 0.64.1) 125 | - React-jsiexecutor (= 0.64.1) 126 | - React-perflogger (= 0.64.1) 127 | - Yoga 128 | - React-Core/DevSupport (0.64.1): 129 | - glog 130 | - RCT-Folly (= 2020.01.13.00) 131 | - React-Core/Default (= 0.64.1) 132 | - React-Core/RCTWebSocket (= 0.64.1) 133 | - React-cxxreact (= 0.64.1) 134 | - React-jsi (= 0.64.1) 135 | - React-jsiexecutor (= 0.64.1) 136 | - React-jsinspector (= 0.64.1) 137 | - React-perflogger (= 0.64.1) 138 | - Yoga 139 | - React-Core/RCTActionSheetHeaders (0.64.1): 140 | - glog 141 | - RCT-Folly (= 2020.01.13.00) 142 | - React-Core/Default 143 | - React-cxxreact (= 0.64.1) 144 | - React-jsi (= 0.64.1) 145 | - React-jsiexecutor (= 0.64.1) 146 | - React-perflogger (= 0.64.1) 147 | - Yoga 148 | - React-Core/RCTAnimationHeaders (0.64.1): 149 | - glog 150 | - RCT-Folly (= 2020.01.13.00) 151 | - React-Core/Default 152 | - React-cxxreact (= 0.64.1) 153 | - React-jsi (= 0.64.1) 154 | - React-jsiexecutor (= 0.64.1) 155 | - React-perflogger (= 0.64.1) 156 | - Yoga 157 | - React-Core/RCTBlobHeaders (0.64.1): 158 | - glog 159 | - RCT-Folly (= 2020.01.13.00) 160 | - React-Core/Default 161 | - React-cxxreact (= 0.64.1) 162 | - React-jsi (= 0.64.1) 163 | - React-jsiexecutor (= 0.64.1) 164 | - React-perflogger (= 0.64.1) 165 | - Yoga 166 | - React-Core/RCTImageHeaders (0.64.1): 167 | - glog 168 | - RCT-Folly (= 2020.01.13.00) 169 | - React-Core/Default 170 | - React-cxxreact (= 0.64.1) 171 | - React-jsi (= 0.64.1) 172 | - React-jsiexecutor (= 0.64.1) 173 | - React-perflogger (= 0.64.1) 174 | - Yoga 175 | - React-Core/RCTLinkingHeaders (0.64.1): 176 | - glog 177 | - RCT-Folly (= 2020.01.13.00) 178 | - React-Core/Default 179 | - React-cxxreact (= 0.64.1) 180 | - React-jsi (= 0.64.1) 181 | - React-jsiexecutor (= 0.64.1) 182 | - React-perflogger (= 0.64.1) 183 | - Yoga 184 | - React-Core/RCTNetworkHeaders (0.64.1): 185 | - glog 186 | - RCT-Folly (= 2020.01.13.00) 187 | - React-Core/Default 188 | - React-cxxreact (= 0.64.1) 189 | - React-jsi (= 0.64.1) 190 | - React-jsiexecutor (= 0.64.1) 191 | - React-perflogger (= 0.64.1) 192 | - Yoga 193 | - React-Core/RCTSettingsHeaders (0.64.1): 194 | - glog 195 | - RCT-Folly (= 2020.01.13.00) 196 | - React-Core/Default 197 | - React-cxxreact (= 0.64.1) 198 | - React-jsi (= 0.64.1) 199 | - React-jsiexecutor (= 0.64.1) 200 | - React-perflogger (= 0.64.1) 201 | - Yoga 202 | - React-Core/RCTTextHeaders (0.64.1): 203 | - glog 204 | - RCT-Folly (= 2020.01.13.00) 205 | - React-Core/Default 206 | - React-cxxreact (= 0.64.1) 207 | - React-jsi (= 0.64.1) 208 | - React-jsiexecutor (= 0.64.1) 209 | - React-perflogger (= 0.64.1) 210 | - Yoga 211 | - React-Core/RCTVibrationHeaders (0.64.1): 212 | - glog 213 | - RCT-Folly (= 2020.01.13.00) 214 | - React-Core/Default 215 | - React-cxxreact (= 0.64.1) 216 | - React-jsi (= 0.64.1) 217 | - React-jsiexecutor (= 0.64.1) 218 | - React-perflogger (= 0.64.1) 219 | - Yoga 220 | - React-Core/RCTWebSocket (0.64.1): 221 | - glog 222 | - RCT-Folly (= 2020.01.13.00) 223 | - React-Core/Default (= 0.64.1) 224 | - React-cxxreact (= 0.64.1) 225 | - React-jsi (= 0.64.1) 226 | - React-jsiexecutor (= 0.64.1) 227 | - React-perflogger (= 0.64.1) 228 | - Yoga 229 | - React-CoreModules (0.64.1): 230 | - FBReactNativeSpec (= 0.64.1) 231 | - RCT-Folly (= 2020.01.13.00) 232 | - RCTTypeSafety (= 0.64.1) 233 | - React-Core/CoreModulesHeaders (= 0.64.1) 234 | - React-jsi (= 0.64.1) 235 | - React-RCTImage (= 0.64.1) 236 | - ReactCommon/turbomodule/core (= 0.64.1) 237 | - React-cxxreact (0.64.1): 238 | - boost-for-react-native (= 1.63.0) 239 | - DoubleConversion 240 | - glog 241 | - RCT-Folly (= 2020.01.13.00) 242 | - React-callinvoker (= 0.64.1) 243 | - React-jsi (= 0.64.1) 244 | - React-jsinspector (= 0.64.1) 245 | - React-perflogger (= 0.64.1) 246 | - React-runtimeexecutor (= 0.64.1) 247 | - React-jsi (0.64.1): 248 | - boost-for-react-native (= 1.63.0) 249 | - DoubleConversion 250 | - glog 251 | - RCT-Folly (= 2020.01.13.00) 252 | - React-jsi/Default (= 0.64.1) 253 | - React-jsi/Default (0.64.1): 254 | - boost-for-react-native (= 1.63.0) 255 | - DoubleConversion 256 | - glog 257 | - RCT-Folly (= 2020.01.13.00) 258 | - React-jsiexecutor (0.64.1): 259 | - DoubleConversion 260 | - glog 261 | - RCT-Folly (= 2020.01.13.00) 262 | - React-cxxreact (= 0.64.1) 263 | - React-jsi (= 0.64.1) 264 | - React-perflogger (= 0.64.1) 265 | - React-jsinspector (0.64.1) 266 | - React-perflogger (0.64.1) 267 | - React-RCTActionSheet (0.64.1): 268 | - React-Core/RCTActionSheetHeaders (= 0.64.1) 269 | - React-RCTAnimation (0.64.1): 270 | - FBReactNativeSpec (= 0.64.1) 271 | - RCT-Folly (= 2020.01.13.00) 272 | - RCTTypeSafety (= 0.64.1) 273 | - React-Core/RCTAnimationHeaders (= 0.64.1) 274 | - React-jsi (= 0.64.1) 275 | - ReactCommon/turbomodule/core (= 0.64.1) 276 | - React-RCTBlob (0.64.1): 277 | - FBReactNativeSpec (= 0.64.1) 278 | - RCT-Folly (= 2020.01.13.00) 279 | - React-Core/RCTBlobHeaders (= 0.64.1) 280 | - React-Core/RCTWebSocket (= 0.64.1) 281 | - React-jsi (= 0.64.1) 282 | - React-RCTNetwork (= 0.64.1) 283 | - ReactCommon/turbomodule/core (= 0.64.1) 284 | - React-RCTImage (0.64.1): 285 | - FBReactNativeSpec (= 0.64.1) 286 | - RCT-Folly (= 2020.01.13.00) 287 | - RCTTypeSafety (= 0.64.1) 288 | - React-Core/RCTImageHeaders (= 0.64.1) 289 | - React-jsi (= 0.64.1) 290 | - React-RCTNetwork (= 0.64.1) 291 | - ReactCommon/turbomodule/core (= 0.64.1) 292 | - React-RCTLinking (0.64.1): 293 | - FBReactNativeSpec (= 0.64.1) 294 | - React-Core/RCTLinkingHeaders (= 0.64.1) 295 | - React-jsi (= 0.64.1) 296 | - ReactCommon/turbomodule/core (= 0.64.1) 297 | - React-RCTNetwork (0.64.1): 298 | - FBReactNativeSpec (= 0.64.1) 299 | - RCT-Folly (= 2020.01.13.00) 300 | - RCTTypeSafety (= 0.64.1) 301 | - React-Core/RCTNetworkHeaders (= 0.64.1) 302 | - React-jsi (= 0.64.1) 303 | - ReactCommon/turbomodule/core (= 0.64.1) 304 | - React-RCTSettings (0.64.1): 305 | - FBReactNativeSpec (= 0.64.1) 306 | - RCT-Folly (= 2020.01.13.00) 307 | - RCTTypeSafety (= 0.64.1) 308 | - React-Core/RCTSettingsHeaders (= 0.64.1) 309 | - React-jsi (= 0.64.1) 310 | - ReactCommon/turbomodule/core (= 0.64.1) 311 | - React-RCTText (0.64.1): 312 | - React-Core/RCTTextHeaders (= 0.64.1) 313 | - React-RCTVibration (0.64.1): 314 | - FBReactNativeSpec (= 0.64.1) 315 | - RCT-Folly (= 2020.01.13.00) 316 | - React-Core/RCTVibrationHeaders (= 0.64.1) 317 | - React-jsi (= 0.64.1) 318 | - ReactCommon/turbomodule/core (= 0.64.1) 319 | - React-runtimeexecutor (0.64.1): 320 | - React-jsi (= 0.64.1) 321 | - ReactCommon/turbomodule/core (0.64.1): 322 | - DoubleConversion 323 | - glog 324 | - RCT-Folly (= 2020.01.13.00) 325 | - React-callinvoker (= 0.64.1) 326 | - React-Core (= 0.64.1) 327 | - React-cxxreact (= 0.64.1) 328 | - React-jsi (= 0.64.1) 329 | - React-perflogger (= 0.64.1) 330 | - Yoga (1.14.0) 331 | - YogaKit (1.18.1): 332 | - Yoga (~> 1.14) 333 | 334 | DEPENDENCIES: 335 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 336 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 337 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 338 | - Flipper (= 0.87.0) 339 | - Flipper-DoubleConversion (= 1.1.7) 340 | - Flipper-Folly (~> 2.5.3) 341 | - Flipper-Glog (= 0.3.6) 342 | - Flipper-PeerTalk (~> 0.0.4) 343 | - Flipper-RSocket (~> 1.3) 344 | - FlipperKit (= 0.87.0) 345 | - FlipperKit/Core (= 0.87.0) 346 | - FlipperKit/CppBridge (= 0.87.0) 347 | - FlipperKit/FBCxxFollyDynamicConvert (= 0.87.0) 348 | - FlipperKit/FBDefines (= 0.87.0) 349 | - FlipperKit/FKPortForwarding (= 0.87.0) 350 | - FlipperKit/FlipperKitHighlightOverlay (= 0.87.0) 351 | - FlipperKit/FlipperKitLayoutPlugin (= 0.87.0) 352 | - FlipperKit/FlipperKitLayoutTextSearchable (= 0.87.0) 353 | - FlipperKit/FlipperKitNetworkPlugin (= 0.87.0) 354 | - FlipperKit/FlipperKitReactPlugin (= 0.87.0) 355 | - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.87.0) 356 | - FlipperKit/SKIOSNetworkPlugin (= 0.87.0) 357 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 358 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 359 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 360 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 361 | - React (from `../node_modules/react-native/`) 362 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 363 | - React-Core (from `../node_modules/react-native/`) 364 | - React-Core/DevSupport (from `../node_modules/react-native/`) 365 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 366 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 367 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 368 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 369 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 370 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 371 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 372 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 373 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 374 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 375 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 376 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 377 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 378 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 379 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 380 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 381 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 382 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 383 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 384 | 385 | SPEC REPOS: 386 | trunk: 387 | - boost-for-react-native 388 | - CocoaAsyncSocket 389 | - Flipper 390 | - Flipper-DoubleConversion 391 | - Flipper-Folly 392 | - Flipper-Glog 393 | - Flipper-PeerTalk 394 | - Flipper-RSocket 395 | - FlipperKit 396 | - libevent 397 | - OpenSSL-Universal 398 | - YogaKit 399 | 400 | EXTERNAL SOURCES: 401 | DoubleConversion: 402 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 403 | FBLazyVector: 404 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 405 | FBReactNativeSpec: 406 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 407 | glog: 408 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 409 | RCT-Folly: 410 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 411 | RCTRequired: 412 | :path: "../node_modules/react-native/Libraries/RCTRequired" 413 | RCTTypeSafety: 414 | :path: "../node_modules/react-native/Libraries/TypeSafety" 415 | React: 416 | :path: "../node_modules/react-native/" 417 | React-callinvoker: 418 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 419 | React-Core: 420 | :path: "../node_modules/react-native/" 421 | React-CoreModules: 422 | :path: "../node_modules/react-native/React/CoreModules" 423 | React-cxxreact: 424 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 425 | React-jsi: 426 | :path: "../node_modules/react-native/ReactCommon/jsi" 427 | React-jsiexecutor: 428 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 429 | React-jsinspector: 430 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 431 | React-perflogger: 432 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 433 | React-RCTActionSheet: 434 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 435 | React-RCTAnimation: 436 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 437 | React-RCTBlob: 438 | :path: "../node_modules/react-native/Libraries/Blob" 439 | React-RCTImage: 440 | :path: "../node_modules/react-native/Libraries/Image" 441 | React-RCTLinking: 442 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 443 | React-RCTNetwork: 444 | :path: "../node_modules/react-native/Libraries/Network" 445 | React-RCTSettings: 446 | :path: "../node_modules/react-native/Libraries/Settings" 447 | React-RCTText: 448 | :path: "../node_modules/react-native/Libraries/Text" 449 | React-RCTVibration: 450 | :path: "../node_modules/react-native/Libraries/Vibration" 451 | React-runtimeexecutor: 452 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 453 | ReactCommon: 454 | :path: "../node_modules/react-native/ReactCommon" 455 | Yoga: 456 | :path: "../node_modules/react-native/ReactCommon/yoga" 457 | 458 | SPEC CHECKSUMS: 459 | boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c 460 | CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99 461 | DoubleConversion: cf9b38bf0b2d048436d9a82ad2abe1404f11e7de 462 | FBLazyVector: 7b423f9e248eae65987838148c36eec1dbfe0b53 463 | FBReactNativeSpec: 400cd7f24ed9fe2d3d900e8a845ec7071175e50f 464 | Flipper: 1bd2db48dcc31e4b167b9a33ec1df01c2ded4893 465 | Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41 466 | Flipper-Folly: 755929a4f851b2fb2c347d533a23f191b008554c 467 | Flipper-Glog: 1dfd6abf1e922806c52ceb8701a3599a79a200a6 468 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9 469 | Flipper-RSocket: 127954abe8b162fcaf68d2134d34dc2bd7076154 470 | FlipperKit: 651f50a42eb95c01b3e89a60996dd6aded529eeb 471 | glog: 73c2498ac6884b13ede40eda8228cb1eee9d9d62 472 | libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913 473 | OpenSSL-Universal: 1aa4f6a6ee7256b83db99ec1ccdaa80d10f9af9b 474 | RCT-Folly: ec7a233ccc97cc556cf7237f0db1ff65b986f27c 475 | RCTRequired: ec2ebc96b7bfba3ca5c32740f5a0c6a014a274d2 476 | RCTTypeSafety: 22567f31e67c3e088c7ac23ea46ab6d4779c0ea5 477 | React: a241e3dbb1e91d06332f1dbd2b3ab26e1a4c4b9d 478 | React-callinvoker: da4d1c6141696a00163960906bc8a55b985e4ce4 479 | React-Core: 46ba164c437d7dac607b470c83c8308b05799748 480 | React-CoreModules: 217bd14904491c7b9940ff8b34a3fe08013c2f14 481 | React-cxxreact: 0090588ae6660c4615d3629fdd5c768d0983add4 482 | React-jsi: 5de8204706bd872b78ea646aee5d2561ca1214b6 483 | React-jsiexecutor: 124e8f99992490d0d13e0649d950d3e1aae06fe9 484 | React-jsinspector: 500a59626037be5b3b3d89c5151bc3baa9abf1a9 485 | React-perflogger: aad6d4b4a267936b3667260d1f649b6f6069a675 486 | React-RCTActionSheet: fc376be462c9c8d6ad82c0905442fd77f82a9d2a 487 | React-RCTAnimation: ba0a1c3a2738be224a08092fa7f1b444ab77d309 488 | React-RCTBlob: f758d4403fc5828a326dc69e27b41e1a92f34947 489 | React-RCTImage: ce57088705f4a8d03f6594b066a59c29143ba73e 490 | React-RCTLinking: 852a3a95c65fa63f657a4b4e2d3d83a815e00a7c 491 | React-RCTNetwork: 9d7ccb8a08d522d71700b4fb677d9fa28cccd118 492 | React-RCTSettings: d8aaf4389ff06114dee8c42ef5f0f2915946011e 493 | React-RCTText: 809c12ed6b261796ba056c04fcd20d8b90bcc81d 494 | React-RCTVibration: 4b99a7f5c6c0abbc5256410cc5425fb8531986e1 495 | React-runtimeexecutor: ff951a0c241bfaefc4940a3f1f1a229e7cb32fa6 496 | ReactCommon: bedc99ed4dae329c4fcf128d0c31b9115e5365ca 497 | Yoga: a7de31c64fe738607e7a3803e3f591a4b1df7393 498 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 499 | 500 | PODFILE CHECKSUM: 870f4ec950d9fe950621c2bb0b9681f36415e8e0 501 | 502 | COCOAPODS: 1.10.1 503 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 54; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 11 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; }; 12 | AD0F37EFFB33AF9F720C5746 /* libPods-example.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 8E3F9DD7861D38FA3D1B8633 /* libPods-example.a */; }; 13 | FAA6DE282607FC1C0044CA6D /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = FAA6DE272607FC1C0044CA6D /* AppDelegate.swift */; }; 14 | FAE31FCD265B9F6F007094C1 /* libRNMaterialYouModule.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FAE31FCC265B9F5F007094C1 /* libRNMaterialYouModule.a */; }; 15 | /* End PBXBuildFile section */ 16 | 17 | /* Begin PBXContainerItemProxy section */ 18 | FAE31FCB265B9F5F007094C1 /* PBXContainerItemProxy */ = { 19 | isa = PBXContainerItemProxy; 20 | containerPortal = FAE31FC7265B9F5F007094C1 /* RNMaterialYouModule.xcodeproj */; 21 | proxyType = 2; 22 | remoteGlobalIDString = FA0EFF60236CC8FB00069FA8; 23 | remoteInfo = RNMaterialYouModule; 24 | }; 25 | /* End PBXContainerItemProxy section */ 26 | 27 | /* Begin PBXFileReference section */ 28 | 13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; }; 29 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = ""; }; 30 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = ""; }; 31 | 3280BA3E22763ADD16C5AB44 /* Pods-example.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example.release.xcconfig"; path = "Target Support Files/Pods-example/Pods-example.release.xcconfig"; sourceTree = ""; }; 32 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = example/LaunchScreen.storyboard; sourceTree = ""; }; 33 | 8E3F9DD7861D38FA3D1B8633 /* libPods-example.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-example.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 34 | 9B4E3EE3226F263437D36C23 /* Pods-example.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-example.debug.xcconfig"; path = "Target Support Files/Pods-example/Pods-example.debug.xcconfig"; sourceTree = ""; }; 35 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 36 | FAA6DE272607FC1C0044CA6D /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = example/AppDelegate.swift; sourceTree = ""; }; 37 | FAA6DE2A2607FC480044CA6D /* example-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; name = "example-Bridging-Header.h"; path = "example/example-Bridging-Header.h"; sourceTree = ""; }; 38 | FAE31FC7265B9F5F007094C1 /* RNMaterialYouModule.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RNMaterialYouModule.xcodeproj; path = ../../ios/RNMaterialYouModule.xcodeproj; sourceTree = ""; }; 39 | /* End PBXFileReference section */ 40 | 41 | /* Begin PBXFrameworksBuildPhase section */ 42 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 43 | isa = PBXFrameworksBuildPhase; 44 | buildActionMask = 2147483647; 45 | files = ( 46 | FAE31FCD265B9F6F007094C1 /* libRNMaterialYouModule.a in Frameworks */, 47 | AD0F37EFFB33AF9F720C5746 /* libPods-example.a in Frameworks */, 48 | ); 49 | runOnlyForDeploymentPostprocessing = 0; 50 | }; 51 | /* End PBXFrameworksBuildPhase section */ 52 | 53 | /* Begin PBXGroup section */ 54 | 13B07FAE1A68108700A75B9A /* example */ = { 55 | isa = PBXGroup; 56 | children = ( 57 | FAA6DE272607FC1C0044CA6D /* AppDelegate.swift */, 58 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 59 | 13B07FB61A68108700A75B9A /* Info.plist */, 60 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */, 61 | FAA6DE2A2607FC480044CA6D /* example-Bridging-Header.h */, 62 | ); 63 | name = example; 64 | sourceTree = ""; 65 | }; 66 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 67 | isa = PBXGroup; 68 | children = ( 69 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 70 | 8E3F9DD7861D38FA3D1B8633 /* libPods-example.a */, 71 | ); 72 | name = Frameworks; 73 | sourceTree = ""; 74 | }; 75 | 360A22F5C615B0814726ED20 /* Pods */ = { 76 | isa = PBXGroup; 77 | children = ( 78 | 9B4E3EE3226F263437D36C23 /* Pods-example.debug.xcconfig */, 79 | 3280BA3E22763ADD16C5AB44 /* Pods-example.release.xcconfig */, 80 | ); 81 | path = Pods; 82 | sourceTree = ""; 83 | }; 84 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 85 | isa = PBXGroup; 86 | children = ( 87 | FAE31FC7265B9F5F007094C1 /* RNMaterialYouModule.xcodeproj */, 88 | ); 89 | name = Libraries; 90 | sourceTree = ""; 91 | }; 92 | 83CBB9F61A601CBA00E9B192 = { 93 | isa = PBXGroup; 94 | children = ( 95 | 13B07FAE1A68108700A75B9A /* example */, 96 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 97 | 83CBBA001A601CBA00E9B192 /* Products */, 98 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 99 | 360A22F5C615B0814726ED20 /* Pods */, 100 | ); 101 | indentWidth = 2; 102 | sourceTree = ""; 103 | tabWidth = 2; 104 | usesTabs = 0; 105 | }; 106 | 83CBBA001A601CBA00E9B192 /* Products */ = { 107 | isa = PBXGroup; 108 | children = ( 109 | 13B07F961A680F5B00A75B9A /* example.app */, 110 | ); 111 | name = Products; 112 | sourceTree = ""; 113 | }; 114 | FAE31FC8265B9F5F007094C1 /* Products */ = { 115 | isa = PBXGroup; 116 | children = ( 117 | FAE31FCC265B9F5F007094C1 /* libRNMaterialYouModule.a */, 118 | ); 119 | name = Products; 120 | sourceTree = ""; 121 | }; 122 | /* End PBXGroup section */ 123 | 124 | /* Begin PBXNativeTarget section */ 125 | 13B07F861A680F5B00A75B9A /* example */ = { 126 | isa = PBXNativeTarget; 127 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */; 128 | buildPhases = ( 129 | FC38D20E04E532CBA2334B19 /* [CP] Check Pods Manifest.lock */, 130 | FD10A7F022414F080027D42C /* Start Packager */, 131 | 13B07F871A680F5B00A75B9A /* Sources */, 132 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 133 | 13B07F8E1A680F5B00A75B9A /* Resources */, 134 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 135 | 714B709C747B4F12C02FABE2 /* [CP] Embed Pods Frameworks */, 136 | AA02DC49EF495A09357ABC49 /* [CP] Copy Pods Resources */, 137 | ); 138 | buildRules = ( 139 | ); 140 | dependencies = ( 141 | ); 142 | name = example; 143 | productName = example; 144 | productReference = 13B07F961A680F5B00A75B9A /* example.app */; 145 | productType = "com.apple.product-type.application"; 146 | }; 147 | /* End PBXNativeTarget section */ 148 | 149 | /* Begin PBXProject section */ 150 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 151 | isa = PBXProject; 152 | attributes = { 153 | LastUpgradeCheck = 1240; 154 | TargetAttributes = { 155 | 13B07F861A680F5B00A75B9A = { 156 | LastSwiftMigration = 1240; 157 | }; 158 | }; 159 | }; 160 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */; 161 | compatibilityVersion = "Xcode 12.0"; 162 | developmentRegion = en; 163 | hasScannedForEncodings = 0; 164 | knownRegions = ( 165 | en, 166 | Base, 167 | ); 168 | mainGroup = 83CBB9F61A601CBA00E9B192; 169 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 170 | projectDirPath = ""; 171 | projectReferences = ( 172 | { 173 | ProductGroup = FAE31FC8265B9F5F007094C1 /* Products */; 174 | ProjectRef = FAE31FC7265B9F5F007094C1 /* RNMaterialYouModule.xcodeproj */; 175 | }, 176 | ); 177 | projectRoot = ""; 178 | targets = ( 179 | 13B07F861A680F5B00A75B9A /* example */, 180 | ); 181 | }; 182 | /* End PBXProject section */ 183 | 184 | /* Begin PBXReferenceProxy section */ 185 | FAE31FCC265B9F5F007094C1 /* libRNMaterialYouModule.a */ = { 186 | isa = PBXReferenceProxy; 187 | fileType = archive.ar; 188 | path = libRNMaterialYouModule.a; 189 | remoteRef = FAE31FCB265B9F5F007094C1 /* PBXContainerItemProxy */; 190 | sourceTree = BUILT_PRODUCTS_DIR; 191 | }; 192 | /* End PBXReferenceProxy section */ 193 | 194 | /* Begin PBXResourcesBuildPhase section */ 195 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 196 | isa = PBXResourcesBuildPhase; 197 | buildActionMask = 2147483647; 198 | files = ( 199 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */, 200 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 201 | ); 202 | runOnlyForDeploymentPostprocessing = 0; 203 | }; 204 | /* End PBXResourcesBuildPhase section */ 205 | 206 | /* Begin PBXShellScriptBuildPhase section */ 207 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 208 | isa = PBXShellScriptBuildPhase; 209 | buildActionMask = 2147483647; 210 | files = ( 211 | ); 212 | inputPaths = ( 213 | ); 214 | name = "Bundle React Native code and images"; 215 | outputPaths = ( 216 | ); 217 | runOnlyForDeploymentPostprocessing = 0; 218 | shellPath = /bin/sh; 219 | shellScript = "set -e\n\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n"; 220 | }; 221 | 714B709C747B4F12C02FABE2 /* [CP] Embed Pods Frameworks */ = { 222 | isa = PBXShellScriptBuildPhase; 223 | buildActionMask = 2147483647; 224 | files = ( 225 | ); 226 | inputFileListPaths = ( 227 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-input-files.xcfilelist", 228 | ); 229 | name = "[CP] Embed Pods Frameworks"; 230 | outputFileListPaths = ( 231 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks-${CONFIGURATION}-output-files.xcfilelist", 232 | ); 233 | runOnlyForDeploymentPostprocessing = 0; 234 | shellPath = /bin/sh; 235 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks.sh\"\n"; 236 | showEnvVarsInLog = 0; 237 | }; 238 | AA02DC49EF495A09357ABC49 /* [CP] Copy Pods Resources */ = { 239 | isa = PBXShellScriptBuildPhase; 240 | buildActionMask = 2147483647; 241 | files = ( 242 | ); 243 | inputFileListPaths = ( 244 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-input-files.xcfilelist", 245 | ); 246 | name = "[CP] Copy Pods Resources"; 247 | outputFileListPaths = ( 248 | "${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources-${CONFIGURATION}-output-files.xcfilelist", 249 | ); 250 | runOnlyForDeploymentPostprocessing = 0; 251 | shellPath = /bin/sh; 252 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-resources.sh\"\n"; 253 | showEnvVarsInLog = 0; 254 | }; 255 | FC38D20E04E532CBA2334B19 /* [CP] Check Pods Manifest.lock */ = { 256 | isa = PBXShellScriptBuildPhase; 257 | buildActionMask = 2147483647; 258 | files = ( 259 | ); 260 | inputFileListPaths = ( 261 | ); 262 | inputPaths = ( 263 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 264 | "${PODS_ROOT}/Manifest.lock", 265 | ); 266 | name = "[CP] Check Pods Manifest.lock"; 267 | outputFileListPaths = ( 268 | ); 269 | outputPaths = ( 270 | "$(DERIVED_FILE_DIR)/Pods-example-checkManifestLockResult.txt", 271 | ); 272 | runOnlyForDeploymentPostprocessing = 0; 273 | shellPath = /bin/sh; 274 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 275 | showEnvVarsInLog = 0; 276 | }; 277 | FD10A7F022414F080027D42C /* Start Packager */ = { 278 | isa = PBXShellScriptBuildPhase; 279 | buildActionMask = 2147483647; 280 | files = ( 281 | ); 282 | inputFileListPaths = ( 283 | ); 284 | inputPaths = ( 285 | ); 286 | name = "Start Packager"; 287 | outputFileListPaths = ( 288 | ); 289 | outputPaths = ( 290 | ); 291 | runOnlyForDeploymentPostprocessing = 0; 292 | shellPath = /bin/sh; 293 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 294 | showEnvVarsInLog = 0; 295 | }; 296 | /* End PBXShellScriptBuildPhase section */ 297 | 298 | /* Begin PBXSourcesBuildPhase section */ 299 | 13B07F871A680F5B00A75B9A /* Sources */ = { 300 | isa = PBXSourcesBuildPhase; 301 | buildActionMask = 2147483647; 302 | files = ( 303 | FAA6DE282607FC1C0044CA6D /* AppDelegate.swift in Sources */, 304 | ); 305 | runOnlyForDeploymentPostprocessing = 0; 306 | }; 307 | /* End PBXSourcesBuildPhase section */ 308 | 309 | /* Begin XCBuildConfiguration section */ 310 | 13B07F941A680F5B00A75B9A /* Debug */ = { 311 | isa = XCBuildConfiguration; 312 | baseConfigurationReference = 9B4E3EE3226F263437D36C23 /* Pods-example.debug.xcconfig */; 313 | buildSettings = { 314 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 315 | CLANG_ENABLE_MODULES = YES; 316 | CURRENT_PROJECT_VERSION = 1; 317 | ENABLE_BITCODE = NO; 318 | INFOPLIST_FILE = example/Info.plist; 319 | LD_RUNPATH_SEARCH_PATHS = ( 320 | "$(inherited)", 321 | "@executable_path/Frameworks", 322 | ); 323 | OTHER_LDFLAGS = ( 324 | "$(inherited)", 325 | "-ObjC", 326 | "-lc++", 327 | ); 328 | PRODUCT_BUNDLE_IDENTIFIER = "com.$(PRODUCT_NAME:rfc1034identifier:lower)"; 329 | PRODUCT_NAME = example; 330 | SWIFT_OBJC_BRIDGING_HEADER = "example/example-Bridging-Header.h"; 331 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 332 | SWIFT_VERSION = 5.0; 333 | VERSIONING_SYSTEM = "apple-generic"; 334 | }; 335 | name = Debug; 336 | }; 337 | 13B07F951A680F5B00A75B9A /* Release */ = { 338 | isa = XCBuildConfiguration; 339 | baseConfigurationReference = 3280BA3E22763ADD16C5AB44 /* Pods-example.release.xcconfig */; 340 | buildSettings = { 341 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 342 | CLANG_ENABLE_MODULES = YES; 343 | CURRENT_PROJECT_VERSION = 1; 344 | INFOPLIST_FILE = example/Info.plist; 345 | LD_RUNPATH_SEARCH_PATHS = ( 346 | "$(inherited)", 347 | "@executable_path/Frameworks", 348 | ); 349 | OTHER_LDFLAGS = ( 350 | "$(inherited)", 351 | "-ObjC", 352 | "-lc++", 353 | ); 354 | PRODUCT_BUNDLE_IDENTIFIER = "com.$(PRODUCT_NAME:rfc1034identifier:lower)"; 355 | PRODUCT_NAME = example; 356 | SWIFT_OBJC_BRIDGING_HEADER = "example/example-Bridging-Header.h"; 357 | SWIFT_VERSION = 5.0; 358 | VERSIONING_SYSTEM = "apple-generic"; 359 | }; 360 | name = Release; 361 | }; 362 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 363 | isa = XCBuildConfiguration; 364 | buildSettings = { 365 | ALWAYS_SEARCH_USER_PATHS = NO; 366 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 367 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 368 | CLANG_CXX_LIBRARY = "libc++"; 369 | CLANG_ENABLE_MODULES = YES; 370 | CLANG_ENABLE_OBJC_ARC = YES; 371 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 372 | CLANG_WARN_BOOL_CONVERSION = YES; 373 | CLANG_WARN_COMMA = YES; 374 | CLANG_WARN_CONSTANT_CONVERSION = YES; 375 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 376 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 377 | CLANG_WARN_EMPTY_BODY = YES; 378 | CLANG_WARN_ENUM_CONVERSION = YES; 379 | CLANG_WARN_INFINITE_RECURSION = YES; 380 | CLANG_WARN_INT_CONVERSION = YES; 381 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 382 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 383 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 384 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 385 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 386 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 387 | CLANG_WARN_STRICT_PROTOTYPES = YES; 388 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 389 | CLANG_WARN_UNREACHABLE_CODE = YES; 390 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 391 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 392 | COPY_PHASE_STRIP = NO; 393 | ENABLE_STRICT_OBJC_MSGSEND = YES; 394 | ENABLE_TESTABILITY = YES; 395 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 396 | GCC_C_LANGUAGE_STANDARD = gnu99; 397 | GCC_DYNAMIC_NO_PIC = NO; 398 | GCC_NO_COMMON_BLOCKS = YES; 399 | GCC_OPTIMIZATION_LEVEL = 0; 400 | GCC_PREPROCESSOR_DEFINITIONS = ( 401 | "DEBUG=1", 402 | "$(inherited)", 403 | ); 404 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 405 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 406 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 407 | GCC_WARN_UNDECLARED_SELECTOR = YES; 408 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 409 | GCC_WARN_UNUSED_FUNCTION = YES; 410 | GCC_WARN_UNUSED_VARIABLE = YES; 411 | IPHONEOS_DEPLOYMENT_TARGET = 10.0; 412 | LD_RUNPATH_SEARCH_PATHS = ( 413 | /usr/lib/swift, 414 | "$(inherited)", 415 | ); 416 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 417 | MTL_ENABLE_DEBUG_INFO = YES; 418 | ONLY_ACTIVE_ARCH = YES; 419 | OTHER_SWIFT_FLAGS = "-D DEBUG"; 420 | SDKROOT = iphoneos; 421 | }; 422 | name = Debug; 423 | }; 424 | 83CBBA211A601CBA00E9B192 /* Release */ = { 425 | isa = XCBuildConfiguration; 426 | buildSettings = { 427 | ALWAYS_SEARCH_USER_PATHS = NO; 428 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 429 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 430 | CLANG_CXX_LIBRARY = "libc++"; 431 | CLANG_ENABLE_MODULES = YES; 432 | CLANG_ENABLE_OBJC_ARC = YES; 433 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 434 | CLANG_WARN_BOOL_CONVERSION = YES; 435 | CLANG_WARN_COMMA = YES; 436 | CLANG_WARN_CONSTANT_CONVERSION = YES; 437 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 438 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 439 | CLANG_WARN_EMPTY_BODY = YES; 440 | CLANG_WARN_ENUM_CONVERSION = YES; 441 | CLANG_WARN_INFINITE_RECURSION = YES; 442 | CLANG_WARN_INT_CONVERSION = YES; 443 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 444 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 445 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 446 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 447 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 448 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 449 | CLANG_WARN_STRICT_PROTOTYPES = YES; 450 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 451 | CLANG_WARN_UNREACHABLE_CODE = YES; 452 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 453 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 454 | COPY_PHASE_STRIP = YES; 455 | ENABLE_NS_ASSERTIONS = NO; 456 | ENABLE_STRICT_OBJC_MSGSEND = YES; 457 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = ""; 458 | GCC_C_LANGUAGE_STANDARD = gnu99; 459 | GCC_NO_COMMON_BLOCKS = YES; 460 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 461 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 462 | GCC_WARN_UNDECLARED_SELECTOR = YES; 463 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 464 | GCC_WARN_UNUSED_FUNCTION = YES; 465 | GCC_WARN_UNUSED_VARIABLE = YES; 466 | IPHONEOS_DEPLOYMENT_TARGET = 10.0; 467 | LD_RUNPATH_SEARCH_PATHS = ( 468 | /usr/lib/swift, 469 | "$(inherited)", 470 | ); 471 | LIBRARY_SEARCH_PATHS = "\"$(inherited)\""; 472 | MTL_ENABLE_DEBUG_INFO = NO; 473 | SDKROOT = iphoneos; 474 | SWIFT_COMPILATION_MODE = wholemodule; 475 | VALIDATE_PRODUCT = YES; 476 | }; 477 | name = Release; 478 | }; 479 | /* End XCBuildConfiguration section */ 480 | 481 | /* Begin XCConfigurationList section */ 482 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = { 483 | isa = XCConfigurationList; 484 | buildConfigurations = ( 485 | 13B07F941A680F5B00A75B9A /* Debug */, 486 | 13B07F951A680F5B00A75B9A /* Release */, 487 | ); 488 | defaultConfigurationIsVisible = 0; 489 | defaultConfigurationName = Release; 490 | }; 491 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = { 492 | isa = XCConfigurationList; 493 | buildConfigurations = ( 494 | 83CBBA201A601CBA00E9B192 /* Debug */, 495 | 83CBBA211A601CBA00E9B192 /* Release */, 496 | ); 497 | defaultConfigurationIsVisible = 0; 498 | defaultConfigurationName = Release; 499 | }; 500 | /* End XCConfigurationList section */ 501 | }; 502 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 503 | } 504 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/ios/example.xcodeproj/xcshareddata/xcschemes/example.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 43 | 45 | 51 | 52 | 53 | 54 | 60 | 62 | 68 | 69 | 70 | 71 | 73 | 74 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /example/ios/example.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/ios/example.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/ios/example/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | #if DEBUG 3 | import FlipperKit 4 | #endif 5 | 6 | @UIApplicationMain 7 | class AppDelegate: UIResponder, UIApplicationDelegate, RCTBridgeDelegate { 8 | 9 | var window: UIWindow? 10 | 11 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { 12 | initializeFlipper(with: application) 13 | 14 | let bridge = RCTBridge(delegate: self, launchOptions: launchOptions) 15 | let rootView = RCTRootView(bridge: bridge!, moduleName: "example", initialProperties: nil) 16 | 17 | if #available(iOS 13.0, *) { 18 | rootView.backgroundColor = UIColor.systemBackground 19 | } else { 20 | rootView.backgroundColor = UIColor.white 21 | } 22 | 23 | window = UIWindow(frame: UIScreen.main.bounds) 24 | let rootViewController = UIViewController() 25 | rootViewController.view = rootView 26 | window?.rootViewController = rootViewController 27 | window?.makeKeyAndVisible() 28 | 29 | return true 30 | } 31 | 32 | func sourceURL(for bridge: RCTBridge!) -> URL! { 33 | #if DEBUG 34 | return RCTBundleURLProvider.sharedSettings()?.jsBundleURL(forBundleRoot: "index", fallbackResource: nil) 35 | #else 36 | return Bundle.main.url(forResource: "main", withExtension: "jsbundle") 37 | #endif 38 | } 39 | 40 | private func initializeFlipper(with application: UIApplication) { 41 | #if DEBUG 42 | let client = FlipperClient.shared() 43 | let layoutDescriptionMapper = SKDescriptorMapper(defaults: ()) 44 | client?.add(FlipperKitLayoutPlugin(rootNode: application, with: layoutDescriptionMapper)) 45 | client?.add(FKUserDefaultsPlugin(suiteName: nil)) 46 | client?.add(FlipperKitReactPlugin()) 47 | client?.add(FlipperKitNetworkPlugin(networkAdapter: SKIOSNetworkAdapter())) 48 | client?.start() 49 | #endif 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /example/ios/example/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "scale" : "2x", 6 | "size" : "20x20" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "scale" : "3x", 11 | "size" : "20x20" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "scale" : "2x", 16 | "size" : "29x29" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "scale" : "3x", 21 | "size" : "29x29" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "scale" : "2x", 26 | "size" : "40x40" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "scale" : "3x", 31 | "size" : "40x40" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "scale" : "2x", 36 | "size" : "60x60" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "scale" : "3x", 41 | "size" : "60x60" 42 | }, 43 | { 44 | "idiom" : "ios-marketing", 45 | "scale" : "1x", 46 | "size" : "1024x1024" 47 | } 48 | ], 49 | "info" : { 50 | "author" : "xcode", 51 | "version" : 1 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /example/ios/example/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/ios/example/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | example 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | $(CURRENT_PROJECT_VERSION) 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | NSLocationWhenInUseUsageDescription 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UISupportedInterfaceOrientations 47 | 48 | UIInterfaceOrientationPortrait 49 | UIInterfaceOrientationLandscapeLeft 50 | UIInterfaceOrientationLandscapeRight 51 | 52 | UIViewControllerBasedStatusBarAppearance 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /example/ios/example/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 24 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /example/ios/example/example-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | // 2 | // Use this file to import your target's public headers that you would like to expose to Swift. 3 | // 4 | 5 | #import 6 | #import 7 | #import 8 | -------------------------------------------------------------------------------- /example/metro.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Metro configuration for React Native 3 | * https://github.com/facebook/react-native 4 | * 5 | * @format 6 | */ 7 | 8 | const path = require('path') 9 | const exclusionList = require('metro-config/src/defaults/exclusionList') 10 | 11 | const moduleRoot = path.resolve(__dirname, '..') 12 | 13 | module.exports = { 14 | watchFolders: [moduleRoot], 15 | resolver: { 16 | extraNodeModules: { 17 | react: path.resolve(__dirname, 'node_modules/react'), 18 | 'react-native': path.resolve(__dirname, 'node_modules/react-native'), 19 | }, 20 | blockList: exclusionList([ 21 | new RegExp(`${moduleRoot}/node_modules/react/.*`), 22 | new RegExp(`${moduleRoot}/node_modules/react-native/.*`), 23 | ]), 24 | }, 25 | transformer: { 26 | getTransformOptions: async () => ({ 27 | transform: { 28 | experimentalImportSupport: false, 29 | inlineRequires: true, 30 | }, 31 | }), 32 | }, 33 | } 34 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "compile": "tsc -p .", 8 | "ios": "react-native run-ios", 9 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx", 10 | "start": "react-native start", 11 | "test": "jest" 12 | }, 13 | "dependencies": { 14 | "@react-native-community/cli-debugger-ui": "^7.0.1", 15 | "@types/react": "^17.0.30", 16 | "react": "^17.0.2", 17 | "react-native": "^0.66.0" 18 | }, 19 | "devDependencies": { 20 | "@babel/core": "^7.14.3", 21 | "@babel/runtime": "^7.14.0", 22 | "@react-native-community/eslint-config": "^2.0.0", 23 | "@types/jest": "^26.0.23", 24 | "@types/react-native": "^0.65.7", 25 | "@types/react-test-renderer": "^17.0.1", 26 | "babel-jest": "^26.6.3", 27 | "eslint": "^7.27.0", 28 | "eslint-plugin-simple-import-sort": "^7.0.0", 29 | "jest": "^26.6.3", 30 | "metro-react-native-babel-preset": "^0.66.0", 31 | "react-test-renderer": "^17.0.2", 32 | "typescript": "^4.3.2" 33 | }, 34 | "resolutions": { 35 | "@types/react": "^17" 36 | }, 37 | "jest": { 38 | "preset": "react-native", 39 | "moduleFileExtensions": [ 40 | "ts", 41 | "tsx", 42 | "js", 43 | "jsx", 44 | "json", 45 | "node" 46 | ] 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /example/src/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactNative, { Button, Pressable, StatusBar, Text, View } from "react-native"; 3 | import { useMaterialYou, MaterialYouPalette } from '@assembless/react-native-material-you' 4 | 5 | // TODO: Get default colors from Android. Keep in mind supporting lower API level devices. 6 | export const DEFAULT_PALETTE: MaterialYouPalette = Object.freeze({ 7 | // system_accent1: [PlatformColor("@android:color/system_accent1_0").toString(), PlatformColor("@android:color/system_accent1_10").toString(), PlatformColor("@android:color/system_accent1_50").toString(), PlatformColor("@android:color/system_accent1_100").toString(), PlatformColor("@android:color/system_accent1_200").toString(), PlatformColor("@android:color/system_accent1_300").toString(), PlatformColor("@android:color/system_accent1_400").toString(), PlatformColor("@android:color/system_accent1_500").toString(), PlatformColor("@android:color/system_accent1_600").toString(), PlatformColor("@android:color/system_accent1_700").toString(), PlatformColor("@android:color/system_accent1_800").toString(), PlatformColor("@android:color/system_accent1_900").toString(), PlatformColor("@android:color/system_accent1_1000").toString()], 8 | // system_accent2: [PlatformColor("@android:color/system_accent2_0").toString(), PlatformColor("@android:color/system_accent2_10").toString(), PlatformColor("@android:color/system_accent2_50").toString(), PlatformColor("@android:color/system_accent2_100").toString(), PlatformColor("@android:color/system_accent2_200").toString(), PlatformColor("@android:color/system_accent2_300").toString(), PlatformColor("@android:color/system_accent2_400").toString(), PlatformColor("@android:color/system_accent2_500").toString(), PlatformColor("@android:color/system_accent2_600").toString(), PlatformColor("@android:color/system_accent2_700").toString(), PlatformColor("@android:color/system_accent2_800").toString(), PlatformColor("@android:color/system_accent2_900").toString(), PlatformColor("@android:color/system_accent2_1000").toString()], 9 | // system_accent3: [PlatformColor("@android:color/system_accent3_0").toString(), PlatformColor("@android:color/system_accent3_10").toString(), PlatformColor("@android:color/system_accent3_50").toString(), PlatformColor("@android:color/system_accent3_100").toString(), PlatformColor("@android:color/system_accent3_200").toString(), PlatformColor("@android:color/system_accent3_300").toString(), PlatformColor("@android:color/system_accent3_400").toString(), PlatformColor("@android:color/system_accent3_500").toString(), PlatformColor("@android:color/system_accent3_600").toString(), PlatformColor("@android:color/system_accent3_700").toString(), PlatformColor("@android:color/system_accent3_800").toString(), PlatformColor("@android:color/system_accent3_900").toString(), PlatformColor("@android:color/system_accent3_1000").toString()], 10 | // system_neutral1: [PlatformColor("@android:color/system_neutral1_0").toString(), PlatformColor("@android:color/system_neutral1_10").toString(), PlatformColor("@android:color/system_neutral1_50").toString(), PlatformColor("@android:color/system_neutral1_100").toString(), PlatformColor("@android:color/system_neutral1_200").toString(), PlatformColor("@android:color/system_neutral1_300").toString(), PlatformColor("@android:color/system_neutral1_400").toString(), PlatformColor("@android:color/system_neutral1_500").toString(), PlatformColor("@android:color/system_neutral1_600").toString(), PlatformColor("@android:color/system_neutral1_700").toString(), PlatformColor("@android:color/system_neutral1_800").toString(), PlatformColor("@android:color/system_neutral1_900").toString(), PlatformColor("@android:color/system_neutral1_1000").toString()], 11 | // system_neutral2: [PlatformColor("@android:color/system_neutral2_0").toString(), PlatformColor("@android:color/system_neutral2_10").toString(), PlatformColor("@android:color/system_neutral2_50").toString(), PlatformColor("@android:color/system_neutral2_100").toString(), PlatformColor("@android:color/system_neutral2_200").toString(), PlatformColor("@android:color/system_neutral2_300").toString(), PlatformColor("@android:color/system_neutral2_400").toString(), PlatformColor("@android:color/system_neutral2_500").toString(), PlatformColor("@android:color/system_neutral2_600").toString(), PlatformColor("@android:color/system_neutral2_700").toString(), PlatformColor("@android:color/system_neutral2_800").toString(), PlatformColor("@android:color/system_neutral2_900").toString(), PlatformColor("@android:color/system_neutral2_1000").toString()], 12 | system_accent1: [ 13 | '#99CC66', 14 | '#99CC66', 15 | '#99CC66', 16 | '#99CC66', 17 | '#99CC66', 18 | '#F6F6F6', 19 | '#F5F5F5', 20 | '#F4F4F4', 21 | '#F3F3F3', 22 | '#F2F2F2', 23 | '#BD0000', 24 | '#BD0000', 25 | '#BD0000', 26 | ], 27 | system_accent2: [ 28 | '#FFFFFF', 29 | '#FAFAFA', 30 | '#F9F9F9', 31 | '#F8F8F8', 32 | '#F7F7F7', 33 | '#F6F6F6', 34 | '#F5F5F5', 35 | '#F4F4F4', 36 | '#F3F3F3', 37 | '#F2F2F2', 38 | '#F1F1F1', 39 | '#EFEFEF', 40 | '#EEEEEE', 41 | ], 42 | system_accent3: [ 43 | '#FFFFFF', 44 | '#FAFAFA', 45 | '#F9F9F9', 46 | '#F8F8F8', 47 | '#F7F7F7', 48 | '#F6F6F6', 49 | '#F5F5F5', 50 | '#F4F4F4', 51 | '#F3F3F3', 52 | '#F2F2F2', 53 | '#F1F1F1', 54 | '#EFEFEF', 55 | '#EEEEEE', 56 | ], 57 | system_neutral1: [ 58 | '#FFFFFF', 59 | '#FAFAFA', 60 | '#F9F9F9', 61 | '#F8F8F8', 62 | '#F7F7F7', 63 | '#F6F6F6', 64 | '#F5F5F5', 65 | '#F4F4F4', 66 | '#F3F3F3', 67 | '#F2F2F2', 68 | '#F1F1F1', 69 | '#EFEFEF', 70 | '#EEEEEE', 71 | ], 72 | system_neutral2: [ 73 | '#FFFFFF', 74 | '#FAFAFA', 75 | '#F9F9F9', 76 | '#F8F8F8', 77 | '#F7F7F7', 78 | '#F6F6F6', 79 | '#F5F5F5', 80 | '#F4F4F4', 81 | '#F3F3F3', 82 | '#F2F2F2', 83 | '#F1F1F1', 84 | '#EFEFEF', 85 | '#EEEEEE', 86 | ], 87 | }) 88 | 89 | 90 | const shades = [0, 10, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000]; 91 | 92 | const App = () => { 93 | return 94 | 95 | 96 | } 97 | 98 | const Demo = () => { 99 | const { palette, isSupported, _refresh } = useMaterialYou({ fallbackPalette: DEFAULT_PALETTE }); 100 | 101 | const [primaryColor, setPrimaryColor] = React.useState(palette?.system_accent1?.[2]); 102 | const [secondColor, setSecondColor] = React.useState(palette?.system_accent1?.[3]); 103 | const [textColor, setTextColor] = React.useState([...palette?.system_accent1].reverse()?.[2]); 104 | 105 | React.useEffect(() => { 106 | setPrimaryColor(palette?.system_accent1?.[2]); 107 | setSecondColor(palette?.system_accent1?.[3]); 108 | setTextColor([...palette?.system_accent1].reverse()?.[2]); 109 | }, [palette?.system_accent1?.[5]]); 110 | 111 | if (!palette || !palette.system_accent1 || !palette.system_accent2 || !palette.system_accent3 || !palette.system_neutral1 || !palette.system_neutral2) { 112 | return 113 | Material You is loading... 114 | {!isSupported && It seems that Material You isn't supported on your device. Sorry :/} 115 | 116 | 117 | } 118 | 119 | const setUiColor = (color: keyof typeof palette) => (index: number) => { 120 | setPrimaryColor(palette[color][index]); 121 | setSecondColor(palette[color][index + 1] ?? palette[color][index - 1]); 122 | setTextColor([...palette[color]].reverse()[index]); 123 | } 124 | 125 | const system_accent1El = palette.system_accent1.map(mapToComponent(setUiColor("system_accent1"), primaryColor, textColor)) 126 | const system_accent2El = palette.system_accent2.map(mapToComponent(setUiColor("system_accent2"), primaryColor, textColor)) 127 | const system_accent3El = palette.system_accent3.map(mapToComponent(setUiColor("system_accent3"), primaryColor, textColor)) 128 | const system_neutral1El = palette.system_neutral1.map(mapToComponent(setUiColor("system_neutral1"), primaryColor, textColor)) 129 | const system_neutral2El = palette.system_neutral2.map(mapToComponent(setUiColor("system_neutral2"), primaryColor, textColor)) 130 | 131 | return <> 132 | 133 | 134 | Material You for RN 135 | (Assembless Research) 136 | 137 | 138 | 139 | 140 | 141 | R.color.system_accent1 142 | {system_accent1El} 143 | 144 | 145 | R.color.system_accent2 146 | {system_accent2El} 147 | 148 | 149 | R.color.system_accent3 150 | {system_accent3El} 151 | 152 | 153 | R.color.system_neutral1 154 | {system_neutral1El} 155 | 156 | 157 | R.color.system_neutral2 158 | {system_neutral2El} 159 | 160 | 161 | 162 | 163 | } 164 | 165 | const ColorBlock = (props: { color: string, active: boolean }) => { 166 | return 167 | } 168 | 169 | const mapToComponent = (setColor: (index: number) => void, primary: string, contrast: string) => (color: string, i: number) => { 170 | return setColor(i)}> 171 | 172 | 173 | 174 | {shades[i]} 175 | {color} 176 | 177 | 178 | 179 | } 180 | 181 | export default App 182 | -------------------------------------------------------------------------------- /example/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "esModuleInterop": true, 5 | "jsx": "react-native", 6 | "lib": ["ESNext"], 7 | "module": "CommonJS", 8 | "noEmit": true, 9 | "paths": { 10 | "react-native-material-you": ["../src"] 11 | }, 12 | "skipLibCheck": true, 13 | "strict": true, 14 | "target": "ESNext", 15 | }, 16 | "include": ["src"] 17 | } 18 | -------------------------------------------------------------------------------- /ios/RNMaterialYouModule-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | // 2 | // Use this file to import your target's public headers that you would like to expose to Swift. 3 | // 4 | 5 | #import 6 | -------------------------------------------------------------------------------- /ios/RNMaterialYouModule.m: -------------------------------------------------------------------------------- 1 | // 2 | // RNMaterialYouModule.m 3 | // RNMaterialYouModule 4 | // 5 | // Copyright © 2021 Assembless. All rights reserved. 6 | // 7 | 8 | #import 9 | 10 | @interface RCT_EXTERN_MODULE(RNMaterialYouModule, NSObject) 11 | @end 12 | -------------------------------------------------------------------------------- /ios/RNMaterialYouModule.swift: -------------------------------------------------------------------------------- 1 | // 2 | // RNMaterialYouModule.swift 3 | // RNMaterialYouModule 4 | // 5 | // Copyright © 2021 Assembless. All rights reserved. 6 | // 7 | 8 | import Foundation 9 | 10 | @objc(RNMaterialYouModule) 11 | class RNMaterialYouModule: NSObject { 12 | @objc 13 | func constantsToExport() -> [AnyHashable : Any]! { 14 | return ["count": 1] 15 | } 16 | 17 | @objc 18 | static func requiresMainQueueSetup() -> Bool { 19 | return true 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /ios/RNMaterialYouModule.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 50; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | FA4F9FE82512AA42002DB4D5 /* RNMaterialYouModule.swift in Sources */ = {isa = PBXBuildFile; fileRef = FA4F9FE72512AA42002DB4D5 /* RNMaterialYouModule.swift */; }; 11 | FA4F9FEB2512ACC2002DB4D5 /* RNMaterialYouModule.m in Sources */ = {isa = PBXBuildFile; fileRef = FA4F9FEA2512ACC2002DB4D5 /* RNMaterialYouModule.m */; }; 12 | /* End PBXBuildFile section */ 13 | 14 | /* Begin PBXCopyFilesBuildPhase section */ 15 | FA0EFF5E236CC8FB00069FA8 /* CopyFiles */ = { 16 | isa = PBXCopyFilesBuildPhase; 17 | buildActionMask = 2147483647; 18 | dstPath = "include/$(PRODUCT_NAME)"; 19 | dstSubfolderSpec = 16; 20 | files = ( 21 | ); 22 | runOnlyForDeploymentPostprocessing = 0; 23 | }; 24 | /* End PBXCopyFilesBuildPhase section */ 25 | 26 | /* Begin PBXFileReference section */ 27 | FA0EFF60236CC8FB00069FA8 /* libRNMaterialYouModule.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRNMaterialYouModule.a; sourceTree = BUILT_PRODUCTS_DIR; }; 28 | FA4F9FE62512AA41002DB4D5 /* RNMaterialYouModule-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RNMaterialYouModule-Bridging-Header.h"; sourceTree = ""; }; 29 | FA4F9FE72512AA42002DB4D5 /* RNMaterialYouModule.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RNMaterialYouModule.swift; sourceTree = ""; }; 30 | FA4F9FEA2512ACC2002DB4D5 /* RNMaterialYouModule.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RNMaterialYouModule.m; sourceTree = ""; }; 31 | /* End PBXFileReference section */ 32 | 33 | /* Begin PBXFrameworksBuildPhase section */ 34 | FA0EFF5D236CC8FB00069FA8 /* Frameworks */ = { 35 | isa = PBXFrameworksBuildPhase; 36 | buildActionMask = 2147483647; 37 | files = ( 38 | ); 39 | runOnlyForDeploymentPostprocessing = 0; 40 | }; 41 | /* End PBXFrameworksBuildPhase section */ 42 | 43 | /* Begin PBXGroup section */ 44 | FA0EFF57236CC8FB00069FA8 = { 45 | isa = PBXGroup; 46 | children = ( 47 | FA4F9FE62512AA41002DB4D5 /* RNMaterialYouModule-Bridging-Header.h */, 48 | FA4F9FEA2512ACC2002DB4D5 /* RNMaterialYouModule.m */, 49 | FA4F9FE72512AA42002DB4D5 /* RNMaterialYouModule.swift */, 50 | FA0EFF61236CC8FB00069FA8 /* Products */, 51 | ); 52 | sourceTree = ""; 53 | }; 54 | FA0EFF61236CC8FB00069FA8 /* Products */ = { 55 | isa = PBXGroup; 56 | children = ( 57 | FA0EFF60236CC8FB00069FA8 /* libRNMaterialYouModule.a */, 58 | ); 59 | name = Products; 60 | sourceTree = ""; 61 | }; 62 | /* End PBXGroup section */ 63 | 64 | /* Begin PBXNativeTarget section */ 65 | FA0EFF5F236CC8FB00069FA8 /* RNMaterialYouModule */ = { 66 | isa = PBXNativeTarget; 67 | buildConfigurationList = FA0EFF69236CC8FB00069FA8 /* Build configuration list for PBXNativeTarget "RNMaterialYouModule" */; 68 | buildPhases = ( 69 | FA0EFF5C236CC8FB00069FA8 /* Sources */, 70 | FA0EFF5D236CC8FB00069FA8 /* Frameworks */, 71 | FA0EFF5E236CC8FB00069FA8 /* CopyFiles */, 72 | ); 73 | buildRules = ( 74 | ); 75 | dependencies = ( 76 | ); 77 | name = RNMaterialYouModule; 78 | productName = RNMaterialYouModule; 79 | productReference = FA0EFF60236CC8FB00069FA8 /* libRNMaterialYouModule.a */; 80 | productType = "com.apple.product-type.library.static"; 81 | }; 82 | /* End PBXNativeTarget section */ 83 | 84 | /* Begin PBXProject section */ 85 | FA0EFF58236CC8FB00069FA8 /* Project object */ = { 86 | isa = PBXProject; 87 | attributes = { 88 | LastUpgradeCheck = 1240; 89 | ORGANIZATIONNAME = "Assembless"; 90 | TargetAttributes = { 91 | FA0EFF5F236CC8FB00069FA8 = { 92 | CreatedOnToolsVersion = 11.1; 93 | LastSwiftMigration = 1170; 94 | }; 95 | }; 96 | }; 97 | buildConfigurationList = FA0EFF5B236CC8FB00069FA8 /* Build configuration list for PBXProject "RNMaterialYouModule" */; 98 | compatibilityVersion = "Xcode 9.3"; 99 | developmentRegion = en; 100 | hasScannedForEncodings = 0; 101 | knownRegions = ( 102 | en, 103 | Base, 104 | ); 105 | mainGroup = FA0EFF57236CC8FB00069FA8; 106 | productRefGroup = FA0EFF61236CC8FB00069FA8 /* Products */; 107 | projectDirPath = ""; 108 | projectRoot = ""; 109 | targets = ( 110 | FA0EFF5F236CC8FB00069FA8 /* RNMaterialYouModule */, 111 | ); 112 | }; 113 | /* End PBXProject section */ 114 | 115 | /* Begin PBXSourcesBuildPhase section */ 116 | FA0EFF5C236CC8FB00069FA8 /* Sources */ = { 117 | isa = PBXSourcesBuildPhase; 118 | buildActionMask = 2147483647; 119 | files = ( 120 | FA4F9FE82512AA42002DB4D5 /* RNMaterialYouModule.swift in Sources */, 121 | FA4F9FEB2512ACC2002DB4D5 /* RNMaterialYouModule.m in Sources */, 122 | ); 123 | runOnlyForDeploymentPostprocessing = 0; 124 | }; 125 | /* End PBXSourcesBuildPhase section */ 126 | 127 | /* Begin XCBuildConfiguration section */ 128 | FA0EFF67236CC8FB00069FA8 /* Debug */ = { 129 | isa = XCBuildConfiguration; 130 | buildSettings = { 131 | ALWAYS_SEARCH_USER_PATHS = NO; 132 | CLANG_ANALYZER_NONNULL = YES; 133 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 134 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 135 | CLANG_CXX_LIBRARY = "libc++"; 136 | CLANG_ENABLE_MODULES = YES; 137 | CLANG_ENABLE_OBJC_ARC = YES; 138 | CLANG_ENABLE_OBJC_WEAK = YES; 139 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 140 | CLANG_WARN_BOOL_CONVERSION = YES; 141 | CLANG_WARN_COMMA = YES; 142 | CLANG_WARN_CONSTANT_CONVERSION = YES; 143 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 144 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 145 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 146 | CLANG_WARN_EMPTY_BODY = YES; 147 | CLANG_WARN_ENUM_CONVERSION = YES; 148 | CLANG_WARN_INFINITE_RECURSION = YES; 149 | CLANG_WARN_INT_CONVERSION = YES; 150 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 151 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 152 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 153 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 154 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 155 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 156 | CLANG_WARN_STRICT_PROTOTYPES = YES; 157 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 158 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 159 | CLANG_WARN_UNREACHABLE_CODE = YES; 160 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 161 | COPY_PHASE_STRIP = NO; 162 | DEBUG_INFORMATION_FORMAT = dwarf; 163 | ENABLE_STRICT_OBJC_MSGSEND = YES; 164 | ENABLE_TESTABILITY = YES; 165 | GCC_C_LANGUAGE_STANDARD = gnu11; 166 | GCC_DYNAMIC_NO_PIC = NO; 167 | GCC_NO_COMMON_BLOCKS = YES; 168 | GCC_OPTIMIZATION_LEVEL = 0; 169 | GCC_PREPROCESSOR_DEFINITIONS = ( 170 | "DEBUG=1", 171 | "$(inherited)", 172 | ); 173 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 174 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 175 | GCC_WARN_UNDECLARED_SELECTOR = YES; 176 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 177 | GCC_WARN_UNUSED_FUNCTION = YES; 178 | GCC_WARN_UNUSED_VARIABLE = YES; 179 | IPHONEOS_DEPLOYMENT_TARGET = 10.0; 180 | MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE; 181 | MTL_FAST_MATH = YES; 182 | ONLY_ACTIVE_ARCH = YES; 183 | SDKROOT = iphoneos; 184 | }; 185 | name = Debug; 186 | }; 187 | FA0EFF68236CC8FB00069FA8 /* Release */ = { 188 | isa = XCBuildConfiguration; 189 | buildSettings = { 190 | ALWAYS_SEARCH_USER_PATHS = NO; 191 | CLANG_ANALYZER_NONNULL = YES; 192 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 193 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 194 | CLANG_CXX_LIBRARY = "libc++"; 195 | CLANG_ENABLE_MODULES = YES; 196 | CLANG_ENABLE_OBJC_ARC = YES; 197 | CLANG_ENABLE_OBJC_WEAK = YES; 198 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 199 | CLANG_WARN_BOOL_CONVERSION = YES; 200 | CLANG_WARN_COMMA = YES; 201 | CLANG_WARN_CONSTANT_CONVERSION = YES; 202 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 203 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 204 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 205 | CLANG_WARN_EMPTY_BODY = YES; 206 | CLANG_WARN_ENUM_CONVERSION = YES; 207 | CLANG_WARN_INFINITE_RECURSION = YES; 208 | CLANG_WARN_INT_CONVERSION = YES; 209 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 210 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 211 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 212 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 213 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 214 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 215 | CLANG_WARN_STRICT_PROTOTYPES = YES; 216 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 217 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 218 | CLANG_WARN_UNREACHABLE_CODE = YES; 219 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 220 | COPY_PHASE_STRIP = NO; 221 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 222 | ENABLE_NS_ASSERTIONS = NO; 223 | ENABLE_STRICT_OBJC_MSGSEND = YES; 224 | GCC_C_LANGUAGE_STANDARD = gnu11; 225 | GCC_NO_COMMON_BLOCKS = YES; 226 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 227 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 228 | GCC_WARN_UNDECLARED_SELECTOR = YES; 229 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 230 | GCC_WARN_UNUSED_FUNCTION = YES; 231 | GCC_WARN_UNUSED_VARIABLE = YES; 232 | IPHONEOS_DEPLOYMENT_TARGET = 10.0; 233 | MTL_ENABLE_DEBUG_INFO = NO; 234 | MTL_FAST_MATH = YES; 235 | SDKROOT = iphoneos; 236 | SWIFT_COMPILATION_MODE = wholemodule; 237 | VALIDATE_PRODUCT = YES; 238 | }; 239 | name = Release; 240 | }; 241 | FA0EFF6A236CC8FB00069FA8 /* Debug */ = { 242 | isa = XCBuildConfiguration; 243 | buildSettings = { 244 | CLANG_ENABLE_MODULES = YES; 245 | CODE_SIGN_STYLE = Automatic; 246 | HEADER_SEARCH_PATHS = ( 247 | "$(inherited)", 248 | "$(SRCROOT)/../example/ios/Pods/Headers/Public/React-Core", 249 | "$(SRCROOT)/../../../ios/Pods/Headers/Public/React-Core", 250 | ); 251 | LD_RUNPATH_SEARCH_PATHS = ( 252 | "$(inherited)", 253 | "@executable_path/Frameworks", 254 | "@loader_path/Frameworks", 255 | ); 256 | OTHER_LDFLAGS = "-ObjC"; 257 | PRODUCT_NAME = "$(TARGET_NAME)"; 258 | SKIP_INSTALL = YES; 259 | SWIFT_OBJC_BRIDGING_HEADER = "RNMaterialYouModule-Bridging-Header.h"; 260 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 261 | SWIFT_VERSION = 5.0; 262 | TARGETED_DEVICE_FAMILY = "1,2"; 263 | }; 264 | name = Debug; 265 | }; 266 | FA0EFF6B236CC8FB00069FA8 /* Release */ = { 267 | isa = XCBuildConfiguration; 268 | buildSettings = { 269 | CLANG_ENABLE_MODULES = YES; 270 | CODE_SIGN_STYLE = Automatic; 271 | HEADER_SEARCH_PATHS = ( 272 | "$(inherited)", 273 | "$(SRCROOT)/../example/ios/Pods/Headers/Public/React-Core", 274 | "$(SRCROOT)/../../../ios/Pods/Headers/Public/React-Core", 275 | ); 276 | LD_RUNPATH_SEARCH_PATHS = ( 277 | "$(inherited)", 278 | "@executable_path/Frameworks", 279 | "@loader_path/Frameworks", 280 | ); 281 | OTHER_LDFLAGS = "-ObjC"; 282 | PRODUCT_NAME = "$(TARGET_NAME)"; 283 | SKIP_INSTALL = YES; 284 | SWIFT_OBJC_BRIDGING_HEADER = "RNMaterialYouModule-Bridging-Header.h"; 285 | SWIFT_VERSION = 5.0; 286 | TARGETED_DEVICE_FAMILY = "1,2"; 287 | }; 288 | name = Release; 289 | }; 290 | /* End XCBuildConfiguration section */ 291 | 292 | /* Begin XCConfigurationList section */ 293 | FA0EFF5B236CC8FB00069FA8 /* Build configuration list for PBXProject "RNMaterialYouModule" */ = { 294 | isa = XCConfigurationList; 295 | buildConfigurations = ( 296 | FA0EFF67236CC8FB00069FA8 /* Debug */, 297 | FA0EFF68236CC8FB00069FA8 /* Release */, 298 | ); 299 | defaultConfigurationIsVisible = 0; 300 | defaultConfigurationName = Release; 301 | }; 302 | FA0EFF69236CC8FB00069FA8 /* Build configuration list for PBXNativeTarget "RNMaterialYouModule" */ = { 303 | isa = XCConfigurationList; 304 | buildConfigurations = ( 305 | FA0EFF6A236CC8FB00069FA8 /* Debug */, 306 | FA0EFF6B236CC8FB00069FA8 /* Release */, 307 | ); 308 | defaultConfigurationIsVisible = 0; 309 | defaultConfigurationName = Release; 310 | }; 311 | /* End XCConfigurationList section */ 312 | }; 313 | rootObject = FA0EFF58236CC8FB00069FA8 /* Project object */; 314 | } 315 | -------------------------------------------------------------------------------- /ios/RNMaterialYouModule.xcodeproj/xcshareddata/xcschemes/RNMaterialYouModule.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 43 | 44 | 50 | 51 | 57 | 58 | 59 | 60 | 62 | 63 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@assembless/react-native-material-you", 3 | "version": "1.0.0-beta.4", 4 | "description": "👩‍🎨 Material You native module for React Native", 5 | "homepage": "https://github.com/Assembless/react-native-material-you#readme", 6 | "main": "lib/index.js", 7 | "types": "lib/index.d.ts", 8 | "author": "Assembless ", 9 | "license": "MIT", 10 | "keywords": [ 11 | "material you", 12 | "material design", 13 | "react native", 14 | "personalization" 15 | ], 16 | "files": [ 17 | "android", 18 | "ios", 19 | "lib", 20 | "react-native-material-you.podspec", 21 | "!.DS_Store", 22 | "!.gradle", 23 | "!.idea", 24 | "!build", 25 | "!gradle", 26 | "!*.iml", 27 | "!gradlew", 28 | "!gradlew.bat", 29 | "!local.properties", 30 | "!project.xcworkspace", 31 | "!xcshareddata", 32 | "!xcuserdata" 33 | ], 34 | "scripts": { 35 | "build": "yarn clean && yarn compile", 36 | "compile": "tsc -p .", 37 | "clean": "rimraf ./lib", 38 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx", 39 | "prepare": "yarn compile", 40 | "test": "jest", 41 | "docs": "typedoc --out docs src/index.tsx", 42 | "predeploy": "yarn docs", 43 | "deploy": "gh-pages -d docs" 44 | }, 45 | "devDependencies": { 46 | "@babel/core": "^7.14.3", 47 | "@babel/runtime": "^7.14.0", 48 | "@react-native-community/eslint-config": "^2.0.0", 49 | "@types/jest": "^26.0.23", 50 | "@types/react-native": "^0.64.8", 51 | "@types/react-test-renderer": "^17.0.1", 52 | "babel-jest": "^26.6.3", 53 | "eslint": "^7.27.0", 54 | "eslint-plugin-simple-import-sort": "^7.0.0", 55 | "gh-pages": "^3.2.3", 56 | "jest": "^26.6.3", 57 | "metro-react-native-babel-preset": "^0.66.0", 58 | "react-test-renderer": "^17.0.2", 59 | "rimraf": "^3.0.2", 60 | "typedoc": "^0.22.8", 61 | "typescript": "^4.3.2" 62 | }, 63 | "peerDependencies": { 64 | "react": "*", 65 | "react-native": "*" 66 | }, 67 | "jest": { 68 | "preset": "react-native", 69 | "moduleFileExtensions": [ 70 | "ts", 71 | "tsx", 72 | "js", 73 | "jsx", 74 | "json", 75 | "node" 76 | ] 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /react-native-material-you.podspec: -------------------------------------------------------------------------------- 1 | require 'json' 2 | 3 | package = JSON.parse(File.read(File.join(__dir__, 'package.json'))) 4 | 5 | Pod::Spec.new do |s| 6 | s.name = package['name'] 7 | s.version = package['version'] 8 | s.summary = package['description'] 9 | s.license = package['license'] 10 | 11 | s.authors = package['author'] 12 | s.homepage = package['homepage'] 13 | s.platform = :ios, "10.0" 14 | 15 | s.source = { :git => "https://github.com/Assembless/react-native-material-you.git", :tag => "v#{s.version}" } 16 | s.source_files = "ios/**/*.{h,m,swift}" 17 | 18 | s.dependency 'React' 19 | end 20 | -------------------------------------------------------------------------------- /src/__tests__/index.test.ts: -------------------------------------------------------------------------------- 1 | import { addOne } from '../index' 2 | 3 | test('addOne', () => { 4 | expect(addOne(0)).toEqual(1) 5 | }) 6 | -------------------------------------------------------------------------------- /src/constants.ts: -------------------------------------------------------------------------------- 1 | import { MaterialYouPalette } from './types' 2 | 3 | // TODO: Get default colors from Android. Keep in mind supporting lower API level devices. 4 | export const DEFAULT_PALETTE: MaterialYouPalette = Object.freeze({ 5 | // system_accent1: [PlatformColor("@android:color/system_accent1_0").toString(), PlatformColor("@android:color/system_accent1_10").toString(), PlatformColor("@android:color/system_accent1_50").toString(), PlatformColor("@android:color/system_accent1_100").toString(), PlatformColor("@android:color/system_accent1_200").toString(), PlatformColor("@android:color/system_accent1_300").toString(), PlatformColor("@android:color/system_accent1_400").toString(), PlatformColor("@android:color/system_accent1_500").toString(), PlatformColor("@android:color/system_accent1_600").toString(), PlatformColor("@android:color/system_accent1_700").toString(), PlatformColor("@android:color/system_accent1_800").toString(), PlatformColor("@android:color/system_accent1_900").toString(), PlatformColor("@android:color/system_accent1_1000").toString()], 6 | // system_accent2: [PlatformColor("@android:color/system_accent2_0").toString(), PlatformColor("@android:color/system_accent2_10").toString(), PlatformColor("@android:color/system_accent2_50").toString(), PlatformColor("@android:color/system_accent2_100").toString(), PlatformColor("@android:color/system_accent2_200").toString(), PlatformColor("@android:color/system_accent2_300").toString(), PlatformColor("@android:color/system_accent2_400").toString(), PlatformColor("@android:color/system_accent2_500").toString(), PlatformColor("@android:color/system_accent2_600").toString(), PlatformColor("@android:color/system_accent2_700").toString(), PlatformColor("@android:color/system_accent2_800").toString(), PlatformColor("@android:color/system_accent2_900").toString(), PlatformColor("@android:color/system_accent2_1000").toString()], 7 | // system_accent3: [PlatformColor("@android:color/system_accent3_0").toString(), PlatformColor("@android:color/system_accent3_10").toString(), PlatformColor("@android:color/system_accent3_50").toString(), PlatformColor("@android:color/system_accent3_100").toString(), PlatformColor("@android:color/system_accent3_200").toString(), PlatformColor("@android:color/system_accent3_300").toString(), PlatformColor("@android:color/system_accent3_400").toString(), PlatformColor("@android:color/system_accent3_500").toString(), PlatformColor("@android:color/system_accent3_600").toString(), PlatformColor("@android:color/system_accent3_700").toString(), PlatformColor("@android:color/system_accent3_800").toString(), PlatformColor("@android:color/system_accent3_900").toString(), PlatformColor("@android:color/system_accent3_1000").toString()], 8 | // system_neutral1: [PlatformColor("@android:color/system_neutral1_0").toString(), PlatformColor("@android:color/system_neutral1_10").toString(), PlatformColor("@android:color/system_neutral1_50").toString(), PlatformColor("@android:color/system_neutral1_100").toString(), PlatformColor("@android:color/system_neutral1_200").toString(), PlatformColor("@android:color/system_neutral1_300").toString(), PlatformColor("@android:color/system_neutral1_400").toString(), PlatformColor("@android:color/system_neutral1_500").toString(), PlatformColor("@android:color/system_neutral1_600").toString(), PlatformColor("@android:color/system_neutral1_700").toString(), PlatformColor("@android:color/system_neutral1_800").toString(), PlatformColor("@android:color/system_neutral1_900").toString(), PlatformColor("@android:color/system_neutral1_1000").toString()], 9 | // system_neutral2: [PlatformColor("@android:color/system_neutral2_0").toString(), PlatformColor("@android:color/system_neutral2_10").toString(), PlatformColor("@android:color/system_neutral2_50").toString(), PlatformColor("@android:color/system_neutral2_100").toString(), PlatformColor("@android:color/system_neutral2_200").toString(), PlatformColor("@android:color/system_neutral2_300").toString(), PlatformColor("@android:color/system_neutral2_400").toString(), PlatformColor("@android:color/system_neutral2_500").toString(), PlatformColor("@android:color/system_neutral2_600").toString(), PlatformColor("@android:color/system_neutral2_700").toString(), PlatformColor("@android:color/system_neutral2_800").toString(), PlatformColor("@android:color/system_neutral2_900").toString(), PlatformColor("@android:color/system_neutral2_1000").toString()], 10 | system_accent1: [ 11 | '#FFFFFF', 12 | '#FAFAFA', 13 | '#F9F9F9', 14 | '#F8F8F8', 15 | '#F7F7F7', 16 | '#F6F6F6', 17 | '#F5F5F5', 18 | '#F4F4F4', 19 | '#F3F3F3', 20 | '#F2F2F2', 21 | '#F1F1F1', 22 | '#EFEFEF', 23 | '#EEEEEE', 24 | ], 25 | system_accent2: [ 26 | '#FFFFFF', 27 | '#FAFAFA', 28 | '#F9F9F9', 29 | '#F8F8F8', 30 | '#F7F7F7', 31 | '#F6F6F6', 32 | '#F5F5F5', 33 | '#F4F4F4', 34 | '#F3F3F3', 35 | '#F2F2F2', 36 | '#F1F1F1', 37 | '#EFEFEF', 38 | '#EEEEEE', 39 | ], 40 | system_accent3: [ 41 | '#FFFFFF', 42 | '#FAFAFA', 43 | '#F9F9F9', 44 | '#F8F8F8', 45 | '#F7F7F7', 46 | '#F6F6F6', 47 | '#F5F5F5', 48 | '#F4F4F4', 49 | '#F3F3F3', 50 | '#F2F2F2', 51 | '#F1F1F1', 52 | '#EFEFEF', 53 | '#EEEEEE', 54 | ], 55 | system_neutral1: [ 56 | '#FFFFFF', 57 | '#FAFAFA', 58 | '#F9F9F9', 59 | '#F8F8F8', 60 | '#F7F7F7', 61 | '#F6F6F6', 62 | '#F5F5F5', 63 | '#F4F4F4', 64 | '#F3F3F3', 65 | '#F2F2F2', 66 | '#F1F1F1', 67 | '#EFEFEF', 68 | '#EEEEEE', 69 | ], 70 | system_neutral2: [ 71 | '#FFFFFF', 72 | '#FAFAFA', 73 | '#F9F9F9', 74 | '#F8F8F8', 75 | '#F7F7F7', 76 | '#F6F6F6', 77 | '#F5F5F5', 78 | '#F4F4F4', 79 | '#F3F3F3', 80 | '#F2F2F2', 81 | '#F1F1F1', 82 | '#EFEFEF', 83 | '#EEEEEE', 84 | ], 85 | }) 86 | -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable prettier/prettier */ 2 | import * as React from 'react' 3 | import { AppState, NativeModules } from 'react-native' 4 | 5 | import { DEFAULT_PALETTE } from './constants'; 6 | import { MaterialYouPalette } from './types'; 7 | 8 | let RNMaterialYouModule: any; 9 | 10 | try { 11 | RNMaterialYouModule = NativeModules?.RNMaterialYouModule; 12 | } catch(err) { 13 | console.error(err); 14 | RNMaterialYouModule = undefined; 15 | } 16 | 17 | 18 | /** 19 | * Hook to get the generated Material You colors. 20 | * @category React 21 | * @subcategory Hooks 22 | * @param {MaterialYouPalette} [fallbackPalette] The palette to use in case Material You is not supported. 23 | * @returns {MaterialYouPalette} 24 | */ 25 | export const useMaterialYou = ({ fallbackPalette }: { fallbackPalette?: MaterialYouPalette }) => { 26 | type State = { 27 | palette: MaterialYouPalette; 28 | isSupported: boolean; 29 | _refresh: () => void; 30 | } 31 | const stateRef = React.useRef(null as unknown as State); 32 | const initialPalette = RNMaterialYouModule?.initialPalette ?? cachedPalette ?? fallbackPalette ?? DEFAULT_PALETTE; 33 | const [palette, setPalette] = React.useState(initialPalette); 34 | 35 | if (stateRef.current === null) { 36 | const _refresh = async () => { 37 | 38 | let _palette = initialPalette; 39 | 40 | try { 41 | _palette = await getPalette(); 42 | } 43 | catch(err){ 44 | console.error(err); 45 | if (!stateRef.current.isSupported && fallbackPalette){ 46 | _palette = fallbackPalette; 47 | } 48 | } 49 | 50 | if (_palette && _palette.system_accent1 && _palette.system_accent2 && _palette.system_accent3 && _palette.system_neutral1 && _palette.system_neutral2) { 51 | setPalette(_palette) 52 | cachedPalette = _palette; 53 | } else { 54 | console.warn("Something went wrong while extracting Material You palette."); 55 | } 56 | }; 57 | 58 | stateRef.current = { 59 | palette, 60 | isSupported: deviceSupportsMaterialYou(), 61 | _refresh 62 | } 63 | stateRef.current._refresh(); 64 | } 65 | stateRef.current.palette = palette; 66 | 67 | return stateRef.current; 68 | } 69 | 70 | // --- 71 | 72 | type MaterialYouState = { 73 | /** The generated palette. */ 74 | palette: MaterialYouPalette; 75 | /** Get the palette from native module. */ 76 | _refresh: () => void; 77 | /** Is Material You supported on this device. */ 78 | isSupported: boolean; 79 | } 80 | 81 | /** 82 | * The context for the Material You API. 83 | */ 84 | const MaterialYouContext = React.createContext(null as unknown as MaterialYouState); 85 | 86 | /** 87 | * React Context Provider for the Material You API. 88 | * - Makes sure Material You is supported on the device. 89 | * - Subscribes to palette regeneration. 90 | * 91 | * @param {MaterialYouPalette} [fallbackPalette] The palette to use in case Material You is not supported. 92 | */ 93 | export const MaterialYouService = ({ children, fallbackPalette }: { children: React.ReactNode, fallbackPalette?: MaterialYouPalette }) => { 94 | const materialYouApi = useMaterialYou({ fallbackPalette }); 95 | 96 | // Update color on app focus change. 97 | React.useEffect(() => { 98 | if (!materialYouApi.isSupported) 99 | return; 100 | 101 | const subscription = AppState.addEventListener('focus', () => { 102 | materialYouApi._refresh(); 103 | }); 104 | 105 | return () => { 106 | // @ts-ignore 107 | subscription.remove(); 108 | } 109 | // eslint-disable-next-line react-hooks/exhaustive-deps 110 | }, []); 111 | 112 | return 113 | {children} 114 | 115 | } 116 | 117 | /** 118 | * A hook that returns the current palette in current context. 119 | */ 120 | export const useMaterialYouPalette = () => 121 | React.useContext(MaterialYouContext).palette; 122 | 123 | /** 124 | * A hook that returns the current context. 125 | */ 126 | export const useMaterialYouService = () => 127 | React.useContext(MaterialYouContext) 128 | 129 | 130 | // --- 131 | 132 | /** 133 | * Returns a promise with Material You palette generated from the devices wallpaper. 134 | */ 135 | export const getPalette = async () => { 136 | const palette = await RNMaterialYouModule?.getMaterialYouPalettePromise(); 137 | if (!palette) 138 | throw new Error("Material You is not supported on this device."); 139 | 140 | return { ...palette } 141 | } 142 | 143 | /** 144 | * Returns the Material You palette generated at runtime from the device wallpaper. 145 | */ 146 | export const getPaletteSync = (): MaterialYouPalette | null => { 147 | try { 148 | const palette = getInitialPalette(); 149 | 150 | if (!palette) 151 | throw new Error("Material You is not supported on this device."); 152 | 153 | return { ...palette } 154 | } catch (err) { 155 | console.error(err); 156 | return null; 157 | } 158 | } 159 | 160 | // --- 161 | 162 | /** 163 | * Returns true, if the device is running Android 12/has the generated color palette. 164 | * @returns {Boolean} 165 | */ 166 | export const deviceSupportsMaterialYou = () => RNMaterialYouModule?.isSupported ?? false; 167 | 168 | // Chaching the palette to avoid flicker when the palette changes and provice a fallback. 169 | // Might be stupid, let me know if you have objections. 170 | let cachedPalette: MaterialYouPalette = null as unknown as MaterialYouPalette; 171 | 172 | /** 173 | * Returns the initial palette. 174 | */ 175 | const getInitialPalette = () => RNMaterialYouModule?.initialPalette ?? cachedPalette ?? DEFAULT_PALETTE; 176 | 177 | export const defaultPalette = DEFAULT_PALETTE; 178 | 179 | export { MaterialYouPalette }; 180 | -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | export type MaterialYouPalette = { 2 | /** 3 | * Android API: [system_accent1](https://developer.android.com/reference/android/R.color#system_accent1_0) 4 | */ 5 | system_accent1: string[] 6 | /** 7 | * Android API: [system_accent2](https://developer.android.com/reference/android/R.color#system_accent2_0) 8 | */ 9 | system_accent2: string[] 10 | /** 11 | * Android API: [system_accent3](https://developer.android.com/reference/android/R.color#system_accent3_0) 12 | */ 13 | system_accent3: string[] 14 | /** 15 | * Android API: [system_neutral1](https://developer.android.com/reference/android/R.color#system_neutral1_0) 16 | */ 17 | system_neutral1: string[] 18 | /** 19 | * Android API: [system_neutral2](https://developer.android.com/reference/android/R.color#system_neutral2_0) 20 | */ 21 | system_neutral2: string[] 22 | } 23 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": true, 4 | "esModuleInterop": true, 5 | "jsx": "react-native", 6 | "lib": ["ESNext"], 7 | "module": "CommonJS", 8 | "noEmitOnError": true, 9 | "outDir": "./lib", 10 | "skipLibCheck": true, 11 | "sourceMap": true, 12 | "strict": true, 13 | "target": "ESNext", 14 | }, 15 | "exclude": ["**/__tests__/*"], 16 | "include": ["src"] 17 | } 18 | --------------------------------------------------------------------------------