├── .eslintignore ├── .eslintrc.js ├── .gitattributes ├── .github ├── dependabot.yml └── workflows │ └── build-website.yml ├── .gitignore ├── .npmignore ├── .prettierrc.json ├── .vscode └── extensions.json ├── LICENSE ├── README.md ├── android ├── build.gradle ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── src │ └── main │ ├── AndroidManifest.xml │ └── java │ └── com │ └── rxninput │ ├── RXNInputModule.java │ └── RXNInputPackage.java ├── app.json ├── babel.config.js ├── debug ├── .eslintrc.js ├── .prettierrc.json ├── package.json ├── packages │ ├── mobile │ │ ├── .buckconfig │ │ ├── .bundle │ │ │ └── config │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── .prettierrc.js │ │ ├── .ruby-version │ │ ├── .watchmanconfig │ │ ├── Gemfile │ │ ├── __tests__ │ │ │ └── App-test.tsx │ │ ├── android │ │ │ ├── app │ │ │ │ ├── _BUCK │ │ │ │ ├── build.gradle │ │ │ │ ├── build_defs.bzl │ │ │ │ ├── debug.keystore │ │ │ │ ├── proguard-rules.pro │ │ │ │ └── src │ │ │ │ │ ├── debug │ │ │ │ │ ├── AndroidManifest.xml │ │ │ │ │ └── java │ │ │ │ │ │ └── com │ │ │ │ │ │ └── rxninputexample │ │ │ │ │ │ └── ReactNativeFlipper.java │ │ │ │ │ └── main │ │ │ │ │ ├── AndroidManifest.xml │ │ │ │ │ ├── java │ │ │ │ │ └── com │ │ │ │ │ │ └── rxninputexample │ │ │ │ │ │ ├── MainActivity.java │ │ │ │ │ │ ├── MainApplication.java │ │ │ │ │ │ └── newarchitecture │ │ │ │ │ │ ├── MainApplicationReactNativeHost.java │ │ │ │ │ │ ├── components │ │ │ │ │ │ └── MainComponentsRegistry.java │ │ │ │ │ │ └── modules │ │ │ │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ │ │ │ ├── jni │ │ │ │ │ ├── Android.mk │ │ │ │ │ ├── MainApplicationModuleProvider.cpp │ │ │ │ │ ├── MainApplicationModuleProvider.h │ │ │ │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ │ │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ │ │ │ ├── MainComponentsRegistry.cpp │ │ │ │ │ ├── MainComponentsRegistry.h │ │ │ │ │ └── OnLoad.cpp │ │ │ │ │ └── res │ │ │ │ │ ├── drawable │ │ │ │ │ └── rn_edit_text_material.xml │ │ │ │ │ ├── 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 │ │ │ │ │ ├── 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 │ │ │ ├── RXNInputExample.xcodeproj │ │ │ │ ├── project.pbxproj │ │ │ │ └── xcshareddata │ │ │ │ │ └── xcschemes │ │ │ │ │ └── RXNInputExample.xcscheme │ │ │ ├── RXNInputExample │ │ │ │ ├── AppDelegate.h │ │ │ │ ├── AppDelegate.mm │ │ │ │ ├── Images.xcassets │ │ │ │ │ ├── AppIcon.appiconset │ │ │ │ │ │ └── Contents.json │ │ │ │ │ └── Contents.json │ │ │ │ ├── Info.plist │ │ │ │ ├── LaunchScreen.storyboard │ │ │ │ └── main.m │ │ │ ├── RXNInputExampleTests │ │ │ │ ├── Info.plist │ │ │ │ └── RXNInputExampleTests.m │ │ │ └── _xcode.env │ │ ├── metro.config.js │ │ ├── package.json │ │ └── tsconfig.json │ ├── shared │ │ ├── package.json │ │ ├── src │ │ │ ├── index.tsx │ │ │ └── styles │ │ │ │ └── theme │ │ │ │ └── Colors.ts │ │ └── tsconfig.json │ └── web │ │ ├── .gitignore │ │ ├── craco.config.js │ │ ├── package.json │ │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ └── robots.txt │ │ ├── src │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── reportWebVitals.ts │ │ ├── tsconfig.json │ │ └── yarn.lock ├── tsconfig.base.json ├── tsconfig.json └── yarn.lock ├── ios ├── RXNInput.h ├── RXNInput.m └── RXNInput.xcodeproj │ ├── project.pbxproj │ └── project.xcworkspace │ └── contents.xcworkspacedata ├── package.json ├── react-native.config.js ├── rxn-input.podspec ├── src ├── AndroidKeyCode.ts ├── ErrorMessages.ts ├── Input │ ├── getAxis │ │ ├── index.d.ts │ │ ├── index.native.tsx │ │ └── index.web.tsx │ ├── getAxisRaw │ │ ├── index.d.ts │ │ ├── index.native.tsx │ │ └── index.web.tsx │ ├── index.ts │ ├── isMouseButtonDown │ │ ├── index.d.ts │ │ ├── index.native.tsx │ │ └── index.web.tsx │ └── isMouseButtonUp │ │ ├── index.d.ts │ │ ├── index.native.tsx │ │ └── index.web.tsx ├── KeyCode.ts ├── helpers │ ├── dispatchClick │ │ ├── index.d.ts │ │ ├── index.native.ts │ │ └── index.web.ts │ └── index.ts ├── hooks │ ├── index.ts │ ├── useMousePresent │ │ └── index.web.tsx │ └── useTouchPresent │ │ ├── index.d.ts │ │ ├── index.native.tsx │ │ └── index.web.tsx ├── index.ts └── listeners │ ├── KeyListener │ ├── index.d.ts │ ├── index.native.ts │ └── index.web.ts │ ├── MouseListener │ └── index.d.ts │ ├── TouchListener │ └── index.d.ts │ └── index.ts ├── tsconfig.build.json ├── tsconfig.json ├── website ├── .babelrc ├── .eslintrc.json ├── .gitignore ├── .prettierrc.json ├── next.config.js ├── package.json ├── public │ ├── .nojekyll │ └── favicon.ico ├── scripts │ ├── .webpack │ │ └── plugins │ │ │ └── DocsDataPlugin.js │ └── preGenFiles.js ├── src │ ├── assets │ │ ├── Devices.svg │ │ ├── Logo.svg │ │ ├── close-icon.svg │ │ ├── github-icon.svg │ │ └── kebab-icon.svg │ ├── components │ │ ├── DocsNavigator │ │ │ ├── index.tsx │ │ │ └── styled.ts │ │ ├── Layout │ │ │ ├── MobileMenu │ │ │ │ ├── index.tsx │ │ │ │ └── styles.ts │ │ │ ├── TopBar │ │ │ │ ├── index.tsx │ │ │ │ └── styles.ts │ │ │ ├── index.tsx │ │ │ └── styles.ts │ │ └── MdxComponents │ │ │ ├── index.tsx │ │ │ └── styled.tsx │ ├── content │ │ └── docs │ │ │ ├── schema.json │ │ │ └── v1.0.0 │ │ │ ├── Getting Started │ │ │ ├── Installation.mdx │ │ │ └── Setup Android.mdx │ │ │ ├── Hooks │ │ │ ├── useMousePresent.mdx │ │ │ └── useTouchPresent.mdx │ │ │ ├── Input │ │ │ ├── getAxis.mdx │ │ │ ├── getAxisRaw.mdx │ │ │ ├── isMouseButtonDown.mdx │ │ │ └── isMouseButtonUp.mdx │ │ │ └── Listeners │ │ │ ├── KeyListener.mdx │ │ │ ├── MouseListener.mdx │ │ │ └── TouchListener.mdx │ ├── helpers │ │ └── getDocBySlug.ts │ ├── hooks │ │ ├── useEffectOnce.ts │ │ ├── useMediaQuery.ts │ │ └── useScrollPosition.ts │ ├── interfaces │ │ └── SelectedPage.ts │ ├── pages │ │ ├── 404.tsx │ │ ├── _app.tsx │ │ ├── docs │ │ │ └── [[...slug]].tsx │ │ ├── examples.tsx │ │ └── index.tsx │ └── styles │ │ ├── css │ │ └── globals.css │ │ ├── pages │ │ ├── docs.styles.ts │ │ └── index.styles.ts │ │ └── theme │ │ ├── BreakPoints.ts │ │ ├── Colors.ts │ │ ├── Sizes.ts │ │ └── zIndex.ts ├── tsconfig.json └── yarn.lock └── yarn.lock /.eslintignore: -------------------------------------------------------------------------------- 1 | dist -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | overrides: [ 7 | { 8 | files: ['*.ts', '*.tsx'], 9 | rules: { 10 | '@typescript-eslint/no-shadow': ['error'], 11 | 'no-shadow': 'off', 12 | 'no-undef': 'off', 13 | }, 14 | }, 15 | ], 16 | }; 17 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * -crlf 2 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- 1 | # To get started with Dependabot version updates, you'll need to specify which 2 | # package ecosystems to update and where the package manifests are located. 3 | # Please see the documentation for all configuration options: 4 | # https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates 5 | 6 | version: 2 7 | updates: 8 | - package-ecosystem: "npm" 9 | directory: "/" 10 | schedule: 11 | interval: "weekly" 12 | 13 | - package-ecosystem: "npm" 14 | directory: "website/" 15 | schedule: 16 | interval: "weekly" 17 | 18 | - package-ecosystem: "npm" 19 | directory: "debug/" 20 | schedule: 21 | interval: "weekly" 22 | 23 | - package-ecosystem: "npm" 24 | directory: "debug/packages/mobile" 25 | schedule: 26 | interval: "weekly" 27 | 28 | - package-ecosystem: "npm" 29 | directory: "debug/packages/shared" 30 | schedule: 31 | interval: "weekly" 32 | 33 | - package-ecosystem: "npm" 34 | directory: "debug/packages/web" 35 | schedule: 36 | interval: "weekly" -------------------------------------------------------------------------------- /.github/workflows/build-website.yml: -------------------------------------------------------------------------------- 1 | name: build-website 2 | 3 | on: 4 | push: 5 | branches: 6 | - main 7 | paths: 8 | - 'website/**' 9 | - '.github/workflows/**' 10 | 11 | jobs: 12 | deploy: 13 | runs-on: ubuntu-20.04 14 | steps: 15 | - uses: actions/checkout@v2 16 | - uses: actions/setup-node@v1 17 | with: 18 | node-version: '14.x' 19 | - name: Install dependencies 20 | working-directory: ./website 21 | run: | 22 | yarn install --frozen-lockfile 23 | - name: Build website 24 | working-directory: ./website 25 | run: | 26 | yarn run build 27 | - name: Deploy to gh-pages 28 | uses: peaceiris/actions-gh-pages@v3 29 | with: 30 | github_token: ${{ secrets.GITHUB_TOKEN }} 31 | publish_dir: ./website/out -------------------------------------------------------------------------------- /.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 | *.hprof 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | package-lock.json 39 | 40 | # BUCK 41 | buck-out/ 42 | \.buckd/ 43 | *.keystore 44 | !debug.keystore 45 | 46 | # fastlane 47 | # 48 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 49 | # screenshots whenever they are needed. 50 | # For more information about the recommended setup visit: 51 | # https://docs.fastlane.tools/best-practices/source-control/ 52 | 53 | */fastlane/report.xml 54 | */fastlane/Preview.html 55 | */fastlane/screenshots 56 | 57 | # Bundle artifact 58 | *.jsbundle 59 | 60 | # Ruby / CocoaPods 61 | /ios/Pods/ 62 | /vendor/bundle/ 63 | 64 | # Others 65 | /dist -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | debug 2 | website 3 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "semi": true, 3 | "trailingComma": "es5", 4 | "singleQuote": true, 5 | "printWidth": 180, 6 | "tabWidth": 2, 7 | "useTabs": false 8 | } -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | // See http://go.microsoft.com/fwlink/?LinkId=827846 2 | // for the documentation about the extensions.json format 3 | { 4 | "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "styled-components.vscode-styled-components"] 5 | } 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Luffos 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 | 2 | 3 | 4 |

5 |

6 | GitHub ‎ ‎ GitHub issues ‎ ‎ GitHub code size in bytes ‎ ‎ GitHub last commit (branch) ‎ ‎ GitHub package.json version 7 |

8 | 9 |

See Official Website

10 | 11 | --------------------------------------------- 12 | 13 |
14 | 15 | 16 | 17 | ### BETA, DO NOT USE IN PRODUCTION! ⚠️ 18 | 19 | ## Support: 20 | 21 | | | Android | IOS | Web
(react-native-web) | Windows
(react-native-windows) | Expo | 22 | |----------------|:-------:|:---:|:----------------------:|:---------------------------------------:|:------:| 23 | | Mouse‎ ‎ 🖱️ | 🚧 | 🚧 | 🚧 | 🚧 | ❌ | 24 | | Keyboard‎ ‎ ⌨️ | ✅ | 🚧 | ✅ | 🚧 | ❌ | 25 | | Gamepad‎ ‎ 🎮 | 🚧 | 🚧 | 🚧 | 🚧 | ❌ | 26 | | MIDI‎ ‎ 🎹 | 🚧 | 🚧 | 🚧 | 🚧 | ❌ | 27 | 28 | Inspired by [react-native-keyevent](https://github.com/kevinejohn/react-native-keyevent) and [Unity](https://unity.com). 29 | 30 | ## Install 31 | 32 | Using NPM 33 | ```sh 34 | npm install rxn-input 35 | ``` 36 | 37 | Using Yarn 38 | ```sh 39 | yarn add rxn-input 40 | ``` 41 | 42 | ## Setup 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |

Android
IOS
See instructions hereWorking on it...
54 | 55 | 🌐 Using this module for Web?
Don't forget to setup [react-native-web](https://github.com/necolas/react-native-web) 56 | 57 | ## Usage 58 | 59 | See on [Documentation](https://luffos.github.io/rxn-input/docs) 60 | 61 | ## Contributors 62 | 63 | 64 | 65 | 66 | 67 | ## 📄 License 68 | MIT - Feel free for modify, edit, copy, fork and share 69 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | if (project == rootProject) { 3 | repositories { 4 | google() 5 | mavenCentral() 6 | jcenter() 7 | } 8 | 9 | dependencies { 10 | classpath 'com.android.tools.build:gradle:3.5.3' 11 | } 12 | } 13 | } 14 | 15 | apply plugin: 'com.android.library' 16 | 17 | def safeExtGet(prop, fallback) { 18 | rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback 19 | } 20 | 21 | android { 22 | compileSdkVersion safeExtGet('RXNInput_compileSdkVersion', 29) 23 | defaultConfig { 24 | minSdkVersion safeExtGet('RXNInput_minSdkVersion', 16) 25 | targetSdkVersion safeExtGet('RXNInput_targetSdkVersion', 29) 26 | versionCode 1 27 | versionName "1.0" 28 | 29 | } 30 | 31 | buildTypes { 32 | release { 33 | minifyEnabled false 34 | } 35 | } 36 | lintOptions { 37 | disable 'GradleCompatible' 38 | } 39 | compileOptions { 40 | sourceCompatibility JavaVersion.VERSION_1_8 41 | targetCompatibility JavaVersion.VERSION_1_8 42 | } 43 | } 44 | 45 | repositories { 46 | mavenLocal() 47 | maven { 48 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 49 | url("$rootDir/../node_modules/react-native/android") 50 | } 51 | google() 52 | mavenCentral() 53 | jcenter() 54 | } 55 | 56 | dependencies { 57 | //noinspection GradleDynamicVersion 58 | implementation "com.facebook.react:react-native:+" // From node_modules 59 | } 60 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.1-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /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 | MSYS* | 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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /android/src/main/java/com/rxninput/RXNInputModule.java: -------------------------------------------------------------------------------- 1 | package com.rxninput; 2 | 3 | import android.view.InputDevice; 4 | import android.view.KeyEvent; 5 | 6 | import androidx.annotation.NonNull; 7 | 8 | import com.facebook.react.bridge.ReactApplicationContext; 9 | import com.facebook.react.bridge.ReactContext; 10 | import com.facebook.react.bridge.ReactContextBaseJavaModule; 11 | import com.facebook.react.bridge.WritableMap; 12 | import com.facebook.react.bridge.WritableNativeMap; 13 | import com.facebook.react.module.annotations.ReactModule; 14 | import com.facebook.react.modules.core.DeviceEventManagerModule; 15 | 16 | @ReactModule(name = RXNInputModule.NAME) 17 | public class RXNInputModule extends ReactContextBaseJavaModule { 18 | public static final String NAME = "RXNInput"; 19 | 20 | private static ReactContext mReactContext; 21 | private static DeviceEventManagerModule.RCTDeviceEventEmitter mJSModule = null; 22 | 23 | private static RXNInputModule instance = null; 24 | 25 | public static RXNInputModule initModule(ReactApplicationContext reactContext) { 26 | instance = new RXNInputModule(reactContext); 27 | return instance; 28 | } 29 | 30 | protected RXNInputModule(ReactApplicationContext reactContext) { 31 | super(reactContext); 32 | mReactContext = reactContext; 33 | } 34 | 35 | @Override 36 | @NonNull 37 | public String getName() { 38 | return NAME; 39 | } 40 | 41 | private WritableMap createMap(int keyCode, KeyEvent keyEvent) { 42 | WritableMap map = new WritableNativeMap(); 43 | 44 | map.putString("keyCode", ""); 45 | 46 | String key = String.valueOf((char) keyEvent.getUnicodeChar()); 47 | 48 | if (key.matches("^[a-zA-Z0-9]*$")) { 49 | map.putString("key", key); 50 | } else { 51 | map.putString("key", KeyEvent.keyCodeToString(keyCode)); 52 | } 53 | 54 | map.putBoolean("shiftKey", keyEvent.isShiftPressed()); 55 | map.putBoolean("altKey", keyEvent.isAltPressed()); 56 | map.putBoolean("ctrlKey", keyEvent.isCtrlPressed()); 57 | map.putBoolean("metaKey", keyEvent.isMetaPressed()); 58 | map.putBoolean("capsLock", keyEvent.isCapsLockOn()); 59 | map.putBoolean("numLock", keyEvent.isNumLockOn()); 60 | map.putBoolean("scrollLock", keyEvent.isScrollLockOn()); 61 | 62 | InputDevice device = keyEvent.getDevice(); 63 | 64 | WritableMap deviceMap = new WritableNativeMap(); 65 | deviceMap.putInt("id", device.getId()); 66 | deviceMap.putString("name", device.getName()); 67 | deviceMap.putString("descriptor", device.getDescriptor()); 68 | deviceMap.putBoolean("isVirtual", device.isVirtual()); 69 | 70 | map.putMap("device", deviceMap); 71 | 72 | WritableMap originalMap = new WritableNativeMap(); 73 | originalMap.putInt("KeyCode", keyEvent.getKeyCode()); 74 | originalMap.putString("keyCodeString", KeyEvent.keyCodeToString(keyCode)); 75 | originalMap.putInt("Action", keyEvent.getAction()); 76 | originalMap.putInt("Flags", keyEvent.getFlags()); 77 | originalMap.putInt("UnicodeChar", keyEvent.getUnicodeChar()); 78 | originalMap.putInt("DiplayLabel", keyEvent.getDisplayLabel()); 79 | originalMap.putInt("RepeatCount", keyEvent.getRepeatCount()); 80 | 81 | map.putMap("original", originalMap); 82 | 83 | 84 | return map; 85 | } 86 | 87 | public static void onKeyDownEvent(int keyCode, KeyEvent keyEvent) { 88 | if (mJSModule == null) { 89 | mJSModule = mReactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class); 90 | } 91 | 92 | mJSModule.emit("keydown", instance.createMap(keyCode, keyEvent)); 93 | } 94 | 95 | public static void onKeyUpEvent(int keyCode, KeyEvent keyEvent) { 96 | if (mJSModule == null) { 97 | mJSModule = mReactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class); 98 | } 99 | mJSModule.emit("keyup", instance.createMap(keyCode, keyEvent)); 100 | } 101 | 102 | } 103 | -------------------------------------------------------------------------------- /android/src/main/java/com/rxninput/RXNInputPackage.java: -------------------------------------------------------------------------------- 1 | package com.rxninput; 2 | 3 | import com.facebook.react.ReactPackage; 4 | import com.facebook.react.bridge.JavaScriptModule; 5 | import com.facebook.react.bridge.NativeModule; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.react.uimanager.ViewManager; 8 | 9 | import java.util.Arrays; 10 | import java.util.Collections; 11 | import java.util.List; 12 | 13 | public class RXNInputPackage implements ReactPackage { 14 | 15 | public RXNInputPackage() { } 16 | 17 | @Override 18 | public List createNativeModules(ReactApplicationContext reactContext) { 19 | return Arrays.asList( 20 | RXNInputModule.initModule(reactContext) 21 | ); 22 | } 23 | 24 | // Deprecated from RN 0.47 25 | public List> createJSModules() { 26 | return Collections.emptyList(); 27 | } 28 | 29 | @Override 30 | public List createViewManagers(ReactApplicationContext reactContext) { 31 | return Collections.emptyList(); 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "RXNInput", 3 | "displayName": "RXNInput" 4 | } -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /debug/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | overrides: [ 4 | { 5 | files: '**/*.+(ts|tsx)', 6 | parser: '@typescript-eslint/parser', 7 | plugins: ['@typescript-eslint', 'react-native', 'import'], 8 | extends: ['plugin:react/recommended', 'prettier', 'plugin:@typescript-eslint/recommended'], 9 | rules: { 10 | 'no-unused-vars': 'off', 11 | '@typescript-eslint/no-unused-vars': ['warn'], 12 | '@typescript-eslint/explicit-module-boundary-types': 'off' 13 | }, 14 | }, 15 | { 16 | files: '**/*.+(js|jsx)', 17 | env: { 18 | commonjs: true, 19 | es6: true, 20 | node: true, 21 | }, 22 | parserOptions: { 23 | ecmaVersion: 2018, 24 | }, 25 | extends: ['eslint:recommended', 'prettier'], 26 | }, 27 | ], 28 | settings: { 29 | react: { 30 | version: 'detect', 31 | }, 32 | }, 33 | }; 34 | -------------------------------------------------------------------------------- /debug/.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "semi": true, 3 | "trailingComma": "es5", 4 | "singleQuote": true, 5 | "printWidth": 180, 6 | "tabWidth": 2, 7 | "useTabs": false 8 | } -------------------------------------------------------------------------------- /debug/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "debug", 3 | "private": true, 4 | "workspaces": { 5 | "packages": [ 6 | "packages/*" 7 | ], 8 | "nohoist": [ 9 | "**/react", 10 | "**/react-dom", 11 | "**/react-native", 12 | "**/react-native/**", 13 | "**/react-native-codegen", 14 | "**/react-native-dev-menu", 15 | "**/@react-native-community/**" 16 | ] 17 | }, 18 | "scripts": { 19 | "lint": "ultra -r lint", 20 | "lint:fix": "ultra -r lint:fix" 21 | }, 22 | "devDependencies": { 23 | "@typescript-eslint/eslint-plugin": "^5.39.0", 24 | "@typescript-eslint/parser": "^5.41.0", 25 | "eslint": "^8.26.0", 26 | "eslint-config-prettier": "^8.3.0", 27 | "eslint-import-resolver-typescript": "^2.7.0", 28 | "eslint-plugin-import": "^2.25.4", 29 | "eslint-plugin-react-app": "^6.2.2", 30 | "eslint-plugin-react-native": "^4.0.0", 31 | "prettier": "^2.3.2", 32 | "typescript": "^4.8.3", 33 | "ultra-runner": "^3.10.5" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /debug/packages/mobile/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /debug/packages/mobile/.bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 3 | -------------------------------------------------------------------------------- /debug/packages/mobile/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | overrides: [ 7 | { 8 | files: ['*.ts', '*.tsx'], 9 | rules: { 10 | '@typescript-eslint/no-shadow': ['error'], 11 | 'no-shadow': 'off', 12 | 'no-undef': 'off', 13 | }, 14 | }, 15 | ], 16 | }; 17 | -------------------------------------------------------------------------------- /debug/packages/mobile/.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 | ios/.xcode.env.local 24 | 25 | # Android/IntelliJ 26 | # 27 | build/ 28 | .idea 29 | .gradle 30 | local.properties 31 | *.iml 32 | *.hprof 33 | 34 | # node.js 35 | # 36 | node_modules/ 37 | npm-debug.log 38 | yarn-error.log 39 | 40 | # BUCK 41 | buck-out/ 42 | \.buckd/ 43 | *.keystore 44 | !debug.keystore 45 | 46 | # fastlane 47 | # 48 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 49 | # screenshots whenever they are needed. 50 | # For more information about the recommended setup visit: 51 | # https://docs.fastlane.tools/best-practices/source-control/ 52 | 53 | **/fastlane/report.xml 54 | **/fastlane/Preview.html 55 | **/fastlane/screenshots 56 | **/fastlane/test_output 57 | 58 | # Bundle artifact 59 | *.jsbundle 60 | 61 | # Ruby / CocoaPods 62 | /ios/Pods/ 63 | /vendor/bundle/ 64 | -------------------------------------------------------------------------------- /debug/packages/mobile/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | arrowParens: 'avoid', 3 | bracketSameLine: true, 4 | bracketSpacing: false, 5 | singleQuote: true, 6 | trailingComma: 'all', 7 | }; 8 | -------------------------------------------------------------------------------- /debug/packages/mobile/.ruby-version: -------------------------------------------------------------------------------- 1 | 2.7.5 2 | -------------------------------------------------------------------------------- /debug/packages/mobile/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /debug/packages/mobile/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version 4 | ruby '2.7.5' 5 | 6 | gem 'cocoapods', '~> 1.11', '>= 1.11.2' 7 | -------------------------------------------------------------------------------- /debug/packages/mobile/__tests__/App-test.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import 'react-native'; 6 | import React from 'react'; 7 | import App from '../App'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders correctly', () => { 13 | renderer.create(); 14 | }); 15 | -------------------------------------------------------------------------------- /debug/packages/mobile/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.rxninputexample", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.rxninputexample", 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 | -------------------------------------------------------------------------------- /debug/packages/mobile/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 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/debug.keystore -------------------------------------------------------------------------------- /debug/packages/mobile/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 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/debug/java/com/rxninputexample/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. 3 | * 4 | *

This source code is licensed under the MIT license found in the LICENSE file in the root 5 | * directory of this source tree. 6 | */ 7 | package com.rxninputexample; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceEventListener; 23 | import com.facebook.react.ReactInstanceManager; 24 | import com.facebook.react.bridge.ReactContext; 25 | import com.facebook.react.modules.network.NetworkingModule; 26 | import okhttp3.OkHttpClient; 27 | 28 | public class ReactNativeFlipper { 29 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 30 | if (FlipperUtils.shouldEnableFlipper(context)) { 31 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 32 | 33 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 34 | client.addPlugin(new ReactFlipperPlugin()); 35 | client.addPlugin(new DatabasesFlipperPlugin(context)); 36 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 37 | client.addPlugin(CrashReporterPlugin.getInstance()); 38 | 39 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 40 | NetworkingModule.setCustomClientBuilder( 41 | new NetworkingModule.CustomClientBuilder() { 42 | @Override 43 | public void apply(OkHttpClient.Builder builder) { 44 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 45 | } 46 | }); 47 | client.addPlugin(networkFlipperPlugin); 48 | client.start(); 49 | 50 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 51 | // Hence we run if after all native modules have been initialized 52 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 53 | if (reactContext == null) { 54 | reactInstanceManager.addReactInstanceEventListener( 55 | new ReactInstanceEventListener() { 56 | @Override 57 | public void onReactContextInitialized(ReactContext reactContext) { 58 | reactInstanceManager.removeReactInstanceEventListener(this); 59 | reactContext.runOnNativeModulesQueueThread( 60 | new Runnable() { 61 | @Override 62 | public void run() { 63 | client.addPlugin(new FrescoFlipperPlugin()); 64 | } 65 | }); 66 | } 67 | }); 68 | } else { 69 | client.addPlugin(new FrescoFlipperPlugin()); 70 | } 71 | } 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/java/com/rxninputexample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.rxninputexample; 2 | 3 | import android.view.KeyEvent; 4 | 5 | import com.facebook.react.ReactActivity; 6 | import com.facebook.react.ReactActivityDelegate; 7 | import com.facebook.react.ReactRootView; 8 | import com.rxninput.RXNInputModule; 9 | 10 | public class MainActivity extends ReactActivity { 11 | 12 | @Override 13 | public boolean onKeyDown(int keyCode, KeyEvent event) { 14 | RXNInputModule.onKeyDownEvent(keyCode, event); 15 | super.onKeyDown(keyCode, event); 16 | return true; 17 | } 18 | 19 | @Override 20 | public boolean onKeyUp(int keyCode, KeyEvent event) { 21 | RXNInputModule.onKeyUpEvent(keyCode, event); 22 | super.onKeyUp(keyCode, event); 23 | return true; 24 | } 25 | 26 | 27 | /** 28 | * Returns the name of the main component registered from JavaScript. This is used to schedule 29 | * rendering of the component. 30 | */ 31 | @Override 32 | protected String getMainComponentName() { 33 | return "RXNInputExample"; 34 | } 35 | 36 | /** 37 | * Returns the instance of the {@link ReactActivityDelegate}. There the RootView is created and 38 | * you can specify the renderer you wish to use - the new renderer (Fabric) or the old renderer 39 | * (Paper). 40 | */ 41 | @Override 42 | protected ReactActivityDelegate createReactActivityDelegate() { 43 | return new MainActivityDelegate(this, getMainComponentName()); 44 | } 45 | 46 | public static class MainActivityDelegate extends ReactActivityDelegate { 47 | public MainActivityDelegate(ReactActivity activity, String mainComponentName) { 48 | super(activity, mainComponentName); 49 | } 50 | 51 | @Override 52 | protected ReactRootView createRootView() { 53 | ReactRootView reactRootView = new ReactRootView(getContext()); 54 | // If you opted-in for the New Architecture, we enable the Fabric Renderer. 55 | reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); 56 | return reactRootView; 57 | } 58 | 59 | @Override 60 | protected boolean isConcurrentRootEnabled() { 61 | // If you opted-in for the New Architecture, we enable Concurrent Root (i.e. React 18). 62 | // More on this on https://reactjs.org/blog/2022/03/29/react-v18.html 63 | return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 64 | } 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/java/com/rxninputexample/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.rxninputexample; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.config.ReactFeatureFlags; 11 | import com.facebook.soloader.SoLoader; 12 | import com.rxninputexample.newarchitecture.MainApplicationReactNativeHost; 13 | import java.lang.reflect.InvocationTargetException; 14 | import java.util.List; 15 | import com.rxninput.RXNInputPackage; 16 | 17 | public class MainApplication extends Application implements ReactApplication { 18 | 19 | private final ReactNativeHost mReactNativeHost = 20 | new ReactNativeHost(this) { 21 | @Override 22 | public boolean getUseDeveloperSupport() { 23 | return BuildConfig.DEBUG; 24 | } 25 | 26 | @Override 27 | protected List getPackages() { 28 | @SuppressWarnings("UnnecessaryLocalVariable") 29 | List packages = new PackageList(this).getPackages(); 30 | // Packages that cannot be autolinked yet can be added manually here, for example: 31 | packages.add(new RXNInputPackage()); 32 | return packages; 33 | } 34 | 35 | @Override 36 | protected String getJSMainModuleName() { 37 | return "index"; 38 | } 39 | }; 40 | 41 | private final ReactNativeHost mNewArchitectureNativeHost = 42 | new MainApplicationReactNativeHost(this); 43 | 44 | @Override 45 | public ReactNativeHost getReactNativeHost() { 46 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 47 | return mNewArchitectureNativeHost; 48 | } else { 49 | return mReactNativeHost; 50 | } 51 | } 52 | 53 | @Override 54 | public void onCreate() { 55 | super.onCreate(); 56 | // If you opted-in for the New Architecture, we enable the TurboModule system 57 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 58 | SoLoader.init(this, /* native exopackage */ false); 59 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 60 | } 61 | 62 | /** 63 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 64 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 65 | * 66 | * @param context 67 | * @param reactInstanceManager 68 | */ 69 | private static void initializeFlipper( 70 | Context context, ReactInstanceManager reactInstanceManager) { 71 | if (BuildConfig.DEBUG) { 72 | try { 73 | /* 74 | We use reflection here to pick up the class that initializes Flipper, 75 | since Flipper library is not available in release mode 76 | */ 77 | Class aClass = Class.forName("com.rxninputexample.ReactNativeFlipper"); 78 | aClass 79 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 80 | .invoke(null, context, reactInstanceManager); 81 | } catch (ClassNotFoundException e) { 82 | e.printStackTrace(); 83 | } catch (NoSuchMethodException e) { 84 | e.printStackTrace(); 85 | } catch (IllegalAccessException e) { 86 | e.printStackTrace(); 87 | } catch (InvocationTargetException e) { 88 | e.printStackTrace(); 89 | } 90 | } 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/java/com/rxninputexample/newarchitecture/MainApplicationReactNativeHost.java: -------------------------------------------------------------------------------- 1 | package com.rxninputexample.newarchitecture; 2 | 3 | import android.app.Application; 4 | import androidx.annotation.NonNull; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactInstanceManager; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 10 | import com.facebook.react.bridge.JSIModulePackage; 11 | import com.facebook.react.bridge.JSIModuleProvider; 12 | import com.facebook.react.bridge.JSIModuleSpec; 13 | import com.facebook.react.bridge.JSIModuleType; 14 | import com.facebook.react.bridge.JavaScriptContextHolder; 15 | import com.facebook.react.bridge.ReactApplicationContext; 16 | import com.facebook.react.bridge.UIManager; 17 | import com.facebook.react.fabric.ComponentFactory; 18 | import com.facebook.react.fabric.CoreComponentsRegistry; 19 | import com.facebook.react.fabric.FabricJSIModuleProvider; 20 | import com.facebook.react.fabric.ReactNativeConfig; 21 | import com.facebook.react.uimanager.ViewManagerRegistry; 22 | import com.rxninputexample.BuildConfig; 23 | import com.rxninputexample.newarchitecture.components.MainComponentsRegistry; 24 | import com.rxninputexample.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 25 | import java.util.ArrayList; 26 | import java.util.List; 27 | 28 | /** 29 | * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both 30 | * TurboModule delegates and the Fabric Renderer. 31 | * 32 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 33 | * `newArchEnabled` property). Is ignored otherwise. 34 | */ 35 | public class MainApplicationReactNativeHost extends ReactNativeHost { 36 | public MainApplicationReactNativeHost(Application application) { 37 | super(application); 38 | } 39 | 40 | @Override 41 | public boolean getUseDeveloperSupport() { 42 | return BuildConfig.DEBUG; 43 | } 44 | 45 | @Override 46 | protected List getPackages() { 47 | List packages = new PackageList(this).getPackages(); 48 | // Packages that cannot be autolinked yet can be added manually here, for example: 49 | // packages.add(new MyReactNativePackage()); 50 | // TurboModules must also be loaded here providing a valid TurboReactPackage implementation: 51 | // packages.add(new TurboReactPackage() { ... }); 52 | // If you have custom Fabric Components, their ViewManagers should also be loaded here 53 | // inside a ReactPackage. 54 | return packages; 55 | } 56 | 57 | @Override 58 | protected String getJSMainModuleName() { 59 | return "index"; 60 | } 61 | 62 | @NonNull 63 | @Override 64 | protected ReactPackageTurboModuleManagerDelegate.Builder 65 | getReactPackageTurboModuleManagerDelegateBuilder() { 66 | // Here we provide the ReactPackageTurboModuleManagerDelegate Builder. This is necessary 67 | // for the new architecture and to use TurboModules correctly. 68 | return new MainApplicationTurboModuleManagerDelegate.Builder(); 69 | } 70 | 71 | @Override 72 | protected JSIModulePackage getJSIModulePackage() { 73 | return new JSIModulePackage() { 74 | @Override 75 | public List getJSIModules( 76 | final ReactApplicationContext reactApplicationContext, 77 | final JavaScriptContextHolder jsContext) { 78 | final List specs = new ArrayList<>(); 79 | 80 | // Here we provide a new JSIModuleSpec that will be responsible of providing the 81 | // custom Fabric Components. 82 | specs.add( 83 | new JSIModuleSpec() { 84 | @Override 85 | public JSIModuleType getJSIModuleType() { 86 | return JSIModuleType.UIManager; 87 | } 88 | 89 | @Override 90 | public JSIModuleProvider getJSIModuleProvider() { 91 | final ComponentFactory componentFactory = new ComponentFactory(); 92 | CoreComponentsRegistry.register(componentFactory); 93 | 94 | // Here we register a Components Registry. 95 | // The one that is generated with the template contains no components 96 | // and just provides you the one from React Native core. 97 | MainComponentsRegistry.register(componentFactory); 98 | 99 | final ReactInstanceManager reactInstanceManager = getReactInstanceManager(); 100 | 101 | ViewManagerRegistry viewManagerRegistry = 102 | new ViewManagerRegistry( 103 | reactInstanceManager.getOrCreateViewManagers(reactApplicationContext)); 104 | 105 | return new FabricJSIModuleProvider( 106 | reactApplicationContext, 107 | componentFactory, 108 | ReactNativeConfig.DEFAULT_CONFIG, 109 | viewManagerRegistry); 110 | } 111 | }); 112 | return specs; 113 | } 114 | }; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/java/com/rxninputexample/newarchitecture/components/MainComponentsRegistry.java: -------------------------------------------------------------------------------- 1 | package com.rxninputexample.newarchitecture.components; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.proguard.annotations.DoNotStrip; 5 | import com.facebook.react.fabric.ComponentFactory; 6 | import com.facebook.soloader.SoLoader; 7 | 8 | /** 9 | * Class responsible to load the custom Fabric Components. This class has native methods and needs a 10 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 11 | * folder for you). 12 | * 13 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 14 | * `newArchEnabled` property). Is ignored otherwise. 15 | */ 16 | @DoNotStrip 17 | public class MainComponentsRegistry { 18 | static { 19 | SoLoader.loadLibrary("fabricjni"); 20 | } 21 | 22 | @DoNotStrip private final HybridData mHybridData; 23 | 24 | @DoNotStrip 25 | private native HybridData initHybrid(ComponentFactory componentFactory); 26 | 27 | @DoNotStrip 28 | private MainComponentsRegistry(ComponentFactory componentFactory) { 29 | mHybridData = initHybrid(componentFactory); 30 | } 31 | 32 | @DoNotStrip 33 | public static MainComponentsRegistry register(ComponentFactory componentFactory) { 34 | return new MainComponentsRegistry(componentFactory); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/java/com/rxninputexample/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java: -------------------------------------------------------------------------------- 1 | package com.rxninputexample.newarchitecture.modules; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.react.ReactPackage; 5 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.soloader.SoLoader; 8 | import java.util.List; 9 | 10 | /** 11 | * Class responsible to load the TurboModules. This class has native methods and needs a 12 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 13 | * folder for you). 14 | * 15 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 16 | * `newArchEnabled` property). Is ignored otherwise. 17 | */ 18 | public class MainApplicationTurboModuleManagerDelegate 19 | extends ReactPackageTurboModuleManagerDelegate { 20 | 21 | private static volatile boolean sIsSoLibraryLoaded; 22 | 23 | protected MainApplicationTurboModuleManagerDelegate( 24 | ReactApplicationContext reactApplicationContext, List packages) { 25 | super(reactApplicationContext, packages); 26 | } 27 | 28 | protected native HybridData initHybrid(); 29 | 30 | native boolean canCreateTurboModule(String moduleName); 31 | 32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder { 33 | protected MainApplicationTurboModuleManagerDelegate build( 34 | ReactApplicationContext context, List packages) { 35 | return new MainApplicationTurboModuleManagerDelegate(context, packages); 36 | } 37 | } 38 | 39 | @Override 40 | protected synchronized void maybeLoadOtherSoLibraries() { 41 | if (!sIsSoLibraryLoaded) { 42 | // If you change the name of your application .so file in the Android.mk file, 43 | // make sure you update the name here as well. 44 | SoLoader.loadLibrary("rxninputexample_appmodules"); 45 | sIsSoLibraryLoaded = true; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/Android.mk: -------------------------------------------------------------------------------- 1 | THIS_DIR := $(call my-dir) 2 | 3 | include $(REACT_ANDROID_DIR)/Android-prebuilt.mk 4 | 5 | # If you wish to add a custom TurboModule or Fabric component in your app you 6 | # will have to include the following autogenerated makefile. 7 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 8 | include $(CLEAR_VARS) 9 | 10 | LOCAL_PATH := $(THIS_DIR) 11 | 12 | # You can customize the name of your application .so file here. 13 | LOCAL_MODULE := rxninputexample_appmodules 14 | 15 | LOCAL_C_INCLUDES := $(LOCAL_PATH) 16 | LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp) 17 | LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH) 18 | 19 | # If you wish to add a custom TurboModule or Fabric component in your app you 20 | # will have to uncomment those lines to include the generated source 21 | # files from the codegen (placed in $(GENERATED_SRC_DIR)/codegen/jni) 22 | # 23 | # LOCAL_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 24 | # LOCAL_SRC_FILES += $(wildcard $(GENERATED_SRC_DIR)/codegen/jni/*.cpp) 25 | # LOCAL_EXPORT_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 26 | 27 | # Here you should add any native library you wish to depend on. 28 | LOCAL_SHARED_LIBRARIES := \ 29 | libfabricjni \ 30 | libfbjni \ 31 | libfolly_runtime \ 32 | libglog \ 33 | libjsi \ 34 | libreact_codegen_rncore \ 35 | libreact_debug \ 36 | libreact_nativemodule_core \ 37 | libreact_render_componentregistry \ 38 | libreact_render_core \ 39 | libreact_render_debug \ 40 | libreact_render_graphics \ 41 | librrc_view \ 42 | libruntimeexecutor \ 43 | libturbomodulejsijni \ 44 | libyoga 45 | 46 | LOCAL_CFLAGS := -DLOG_TAG=\"ReactNative\" -fexceptions -frtti -std=c++17 -Wall 47 | 48 | include $(BUILD_SHARED_LIBRARY) 49 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainApplicationModuleProvider.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationModuleProvider.h" 2 | 3 | #include 4 | 5 | namespace facebook { 6 | namespace react { 7 | 8 | std::shared_ptr MainApplicationModuleProvider( 9 | const std::string moduleName, 10 | const JavaTurboModule::InitParams ¶ms) { 11 | // Here you can provide your own module provider for TurboModules coming from 12 | // either your application or from external libraries. The approach to follow 13 | // is similar to the following (for a library called `samplelibrary`: 14 | // 15 | // auto module = samplelibrary_ModuleProvider(moduleName, params); 16 | // if (module != nullptr) { 17 | // return module; 18 | // } 19 | // return rncore_ModuleProvider(moduleName, params); 20 | return rncore_ModuleProvider(moduleName, params); 21 | } 22 | 23 | } // namespace react 24 | } // namespace facebook 25 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook 17 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationTurboModuleManagerDelegate.h" 2 | #include "MainApplicationModuleProvider.h" 3 | 4 | namespace facebook { 5 | namespace react { 6 | 7 | jni::local_ref 8 | MainApplicationTurboModuleManagerDelegate::initHybrid( 9 | jni::alias_ref) { 10 | return makeCxxInstance(); 11 | } 12 | 13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() { 14 | registerHybrid({ 15 | makeNativeMethod( 16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid), 17 | makeNativeMethod( 18 | "canCreateTurboModule", 19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule), 20 | }); 21 | } 22 | 23 | std::shared_ptr 24 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 25 | const std::string name, 26 | const std::shared_ptr jsInvoker) { 27 | // Not implemented yet: provide pure-C++ NativeModules here. 28 | return nullptr; 29 | } 30 | 31 | std::shared_ptr 32 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 33 | const std::string name, 34 | const JavaTurboModule::InitParams ¶ms) { 35 | return MainApplicationModuleProvider(name, params); 36 | } 37 | 38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule( 39 | std::string name) { 40 | return getTurboModule(name, nullptr) != nullptr || 41 | getTurboModule(name, {.moduleName = name}) != nullptr; 42 | } 43 | 44 | } // namespace react 45 | } // namespace facebook 46 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | #include 5 | #include 6 | 7 | namespace facebook { 8 | namespace react { 9 | 10 | class MainApplicationTurboModuleManagerDelegate 11 | : public jni::HybridClass< 12 | MainApplicationTurboModuleManagerDelegate, 13 | TurboModuleManagerDelegate> { 14 | public: 15 | // Adapt it to the package you used for your Java class. 16 | static constexpr auto kJavaDescriptor = 17 | "Lcom/rxninputexample/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;"; 18 | 19 | static jni::local_ref initHybrid(jni::alias_ref); 20 | 21 | static void registerNatives(); 22 | 23 | std::shared_ptr getTurboModule( 24 | const std::string name, 25 | const std::shared_ptr jsInvoker) override; 26 | std::shared_ptr getTurboModule( 27 | const std::string name, 28 | const JavaTurboModule::InitParams ¶ms) override; 29 | 30 | /** 31 | * Test-only method. Allows user to verify whether a TurboModule can be 32 | * created by instances of this class. 33 | */ 34 | bool canCreateTurboModule(std::string name); 35 | }; 36 | 37 | } // namespace react 38 | } // namespace facebook 39 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainComponentsRegistry.cpp: -------------------------------------------------------------------------------- 1 | #include "MainComponentsRegistry.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {} 12 | 13 | std::shared_ptr 14 | MainComponentsRegistry::sharedProviderRegistry() { 15 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 16 | 17 | // Custom Fabric Components go here. You can register custom 18 | // components coming from your App or from 3rd party libraries here. 19 | // 20 | // providerRegistry->add(concreteComponentDescriptorProvider< 21 | // AocViewerComponentDescriptor>()); 22 | return providerRegistry; 23 | } 24 | 25 | jni::local_ref 26 | MainComponentsRegistry::initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate) { 29 | auto instance = makeCxxInstance(delegate); 30 | 31 | auto buildRegistryFunction = 32 | [](EventDispatcher::Weak const &eventDispatcher, 33 | ContextContainer::Shared const &contextContainer) 34 | -> ComponentDescriptorRegistry::Shared { 35 | auto registry = MainComponentsRegistry::sharedProviderRegistry() 36 | ->createComponentDescriptorRegistry( 37 | {eventDispatcher, contextContainer}); 38 | 39 | auto mutableRegistry = 40 | std::const_pointer_cast(registry); 41 | 42 | mutableRegistry->setFallbackComponentDescriptor( 43 | std::make_shared( 44 | ComponentDescriptorParameters{ 45 | eventDispatcher, contextContainer, nullptr})); 46 | 47 | return registry; 48 | }; 49 | 50 | delegate->buildRegistryFunction = buildRegistryFunction; 51 | return instance; 52 | } 53 | 54 | void MainComponentsRegistry::registerNatives() { 55 | registerHybrid({ 56 | makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid), 57 | }); 58 | } 59 | 60 | } // namespace react 61 | } // namespace facebook 62 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/MainComponentsRegistry.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | class MainComponentsRegistry 12 | : public facebook::jni::HybridClass { 13 | public: 14 | // Adapt it to the package you used for your Java class. 15 | constexpr static auto kJavaDescriptor = 16 | "Lcom/rxninputexample/newarchitecture/components/MainComponentsRegistry;"; 17 | 18 | static void registerNatives(); 19 | 20 | MainComponentsRegistry(ComponentFactory *delegate); 21 | 22 | private: 23 | static std::shared_ptr 24 | sharedProviderRegistry(); 25 | 26 | static jni::local_ref initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate); 29 | }; 30 | 31 | } // namespace react 32 | } // namespace facebook 33 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | RXNInputExample 3 | 4 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/build.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 4 | 5 | buildscript { 6 | ext { 7 | buildToolsVersion = "31.0.0" 8 | minSdkVersion = 21 9 | compileSdkVersion = 31 10 | targetSdkVersion = 31 11 | 12 | if (System.properties['os.arch'] == "aarch64") { 13 | // For M1 Users we need to use the NDK 24 which added support for aarch64 14 | ndkVersion = "24.0.8215888" 15 | } else { 16 | // Otherwise we default to the side-by-side NDK version from AGP. 17 | ndkVersion = "21.4.7075529" 18 | } 19 | } 20 | repositories { 21 | google() 22 | mavenCentral() 23 | } 24 | dependencies { 25 | classpath("com.android.tools.build:gradle:7.1.1") 26 | classpath("com.facebook.react:react-native-gradle-plugin") 27 | classpath("de.undercouch:gradle-download-task:5.0.1") 28 | // NOTE: Do not place your application dependencies here; they belong 29 | // in the individual module build.gradle files 30 | } 31 | } 32 | 33 | allprojects { 34 | repositories { 35 | maven { 36 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 37 | url("$rootDir/../node_modules/react-native/android") 38 | } 39 | maven { 40 | // Android JSC is installed from npm 41 | url("$rootDir/../node_modules/jsc-android/dist") 42 | } 43 | mavenCentral { 44 | // We don't want to fetch react-native from Maven Central as there are 45 | // older versions over there. 46 | content { 47 | excludeGroup "com.facebook.react" 48 | } 49 | } 50 | google() 51 | maven { url 'https://www.jitpack.io' } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /debug/packages/mobile/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: -Xmx512m -XX:MaxMetaspaceSize=256m 13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | # AndroidX package structure to make it clearer which packages are bundled with the 21 | # Android operating system, and which are packaged with your app's APK 22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 23 | android.useAndroidX=true 24 | # Automatically convert third-party libraries to use AndroidX 25 | android.enableJetifier=true 26 | 27 | # Version of flipper SDK to use with React Native 28 | FLIPPER_VERSION=0.125.0 29 | 30 | # Use this property to specify which architecture you want to build. 31 | # You can also override it from the CLI using 32 | # ./gradlew -PreactNativeArchitectures=x86_64 33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 34 | 35 | # Use this property to enable support to the new architecture. 36 | # This will allow you to use TurboModules and the Fabric render in 37 | # your application. You should enable this flag either if you want 38 | # to write custom TurboModules/Fabric components OR use libraries that 39 | # are providing them. 40 | newArchEnabled=false 41 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/mobile/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /debug/packages/mobile/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # 4 | # Copyright © 2015-2021 the original 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 POSIX generated by Gradle. 22 | # 23 | # Important for running: 24 | # 25 | # (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is 26 | # noncompliant, but you have some other compliant shell such as ksh or 27 | # bash, then to run this script, type that shell name before the whole 28 | # command line, like: 29 | # 30 | # ksh Gradle 31 | # 32 | # Busybox and similar reduced shells will NOT work, because this script 33 | # requires all of these POSIX shell features: 34 | # * functions; 35 | # * expansions «$var», «${var}», «${var:-default}», «${var+SET}», 36 | # «${var#prefix}», «${var%suffix}», and «$( cmd )»; 37 | # * compound commands having a testable exit status, especially «case»; 38 | # * various built-in commands including «command», «set», and «ulimit». 39 | # 40 | # Important for patching: 41 | # 42 | # (2) This script targets any POSIX shell, so it avoids extensions provided 43 | # by Bash, Ksh, etc; in particular arrays are avoided. 44 | # 45 | # The "traditional" practice of packing multiple parameters into a 46 | # space-separated string is a well documented source of bugs and security 47 | # problems, so this is (mostly) avoided, by progressively accumulating 48 | # options in "$@", and eventually passing that to Java. 49 | # 50 | # Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, 51 | # and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; 52 | # see the in-line comments for details. 53 | # 54 | # There are tweaks for specific operating systems such as AIX, CygWin, 55 | # Darwin, MinGW, and NonStop. 56 | # 57 | # (3) This script is generated from the Groovy template 58 | # https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt 59 | # within the Gradle project. 60 | # 61 | # You can find Gradle at https://github.com/gradle/gradle/. 62 | # 63 | ############################################################################## 64 | 65 | # Attempt to set APP_HOME 66 | 67 | # Resolve links: $0 may be a link 68 | app_path=$0 69 | 70 | # Need this for daisy-chained symlinks. 71 | while 72 | APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path 73 | [ -h "$app_path" ] 74 | do 75 | ls=$( ls -ld "$app_path" ) 76 | link=${ls#*' -> '} 77 | case $link in #( 78 | /*) app_path=$link ;; #( 79 | *) app_path=$APP_HOME$link ;; 80 | esac 81 | done 82 | 83 | APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit 84 | 85 | APP_NAME="Gradle" 86 | APP_BASE_NAME=${0##*/} 87 | 88 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 89 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 90 | 91 | # Use the maximum available, or set MAX_FD != -1 to use that value. 92 | MAX_FD=maximum 93 | 94 | warn () { 95 | echo "$*" 96 | } >&2 97 | 98 | die () { 99 | echo 100 | echo "$*" 101 | echo 102 | exit 1 103 | } >&2 104 | 105 | # OS specific support (must be 'true' or 'false'). 106 | cygwin=false 107 | msys=false 108 | darwin=false 109 | nonstop=false 110 | case "$( uname )" in #( 111 | CYGWIN* ) cygwin=true ;; #( 112 | Darwin* ) darwin=true ;; #( 113 | MSYS* | MINGW* ) msys=true ;; #( 114 | NONSTOP* ) nonstop=true ;; 115 | esac 116 | 117 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 118 | 119 | 120 | # Determine the Java command to use to start the JVM. 121 | if [ -n "$JAVA_HOME" ] ; then 122 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 123 | # IBM's JDK on AIX uses strange locations for the executables 124 | JAVACMD=$JAVA_HOME/jre/sh/java 125 | else 126 | JAVACMD=$JAVA_HOME/bin/java 127 | fi 128 | if [ ! -x "$JAVACMD" ] ; then 129 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 130 | 131 | Please set the JAVA_HOME variable in your environment to match the 132 | location of your Java installation." 133 | fi 134 | else 135 | JAVACMD=java 136 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 137 | 138 | Please set the JAVA_HOME variable in your environment to match the 139 | location of your Java installation." 140 | fi 141 | 142 | # Increase the maximum file descriptors if we can. 143 | if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then 144 | case $MAX_FD in #( 145 | max*) 146 | MAX_FD=$( ulimit -H -n ) || 147 | warn "Could not query maximum file descriptor limit" 148 | esac 149 | case $MAX_FD in #( 150 | '' | soft) :;; #( 151 | *) 152 | ulimit -n "$MAX_FD" || 153 | warn "Could not set maximum file descriptor limit to $MAX_FD" 154 | esac 155 | fi 156 | 157 | # Collect all arguments for the java command, stacking in reverse order: 158 | # * args from the command line 159 | # * the main class name 160 | # * -classpath 161 | # * -D...appname settings 162 | # * --module-path (only if needed) 163 | # * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. 164 | 165 | # For Cygwin or MSYS, switch paths to Windows format before running java 166 | if "$cygwin" || "$msys" ; then 167 | APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) 168 | CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) 169 | 170 | JAVACMD=$( cygpath --unix "$JAVACMD" ) 171 | 172 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 173 | for arg do 174 | if 175 | case $arg in #( 176 | -*) false ;; # don't mess with options #( 177 | /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath 178 | [ -e "$t" ] ;; #( 179 | *) false ;; 180 | esac 181 | then 182 | arg=$( cygpath --path --ignore --mixed "$arg" ) 183 | fi 184 | # Roll the args list around exactly as many times as the number of 185 | # args, so each arg winds up back in the position where it started, but 186 | # possibly modified. 187 | # 188 | # NB: a `for` loop captures its iteration list before it begins, so 189 | # changing the positional parameters here affects neither the number of 190 | # iterations, nor the values presented in `arg`. 191 | shift # remove old arg 192 | set -- "$@" "$arg" # push replacement arg 193 | done 194 | fi 195 | 196 | # Collect all arguments for the java command; 197 | # * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of 198 | # shell script including quotes and variable substitutions, so put them in 199 | # double quotes to make sure that they get re-expanded; and 200 | # * put everything else in single quotes, so that it's not re-expanded. 201 | 202 | set -- \ 203 | "-Dorg.gradle.appname=$APP_BASE_NAME" \ 204 | -classpath "$CLASSPATH" \ 205 | org.gradle.wrapper.GradleWrapperMain \ 206 | "$@" 207 | 208 | # Use "xargs" to parse quoted args. 209 | # 210 | # With -n1 it outputs one arg per line, with the quotes and backslashes removed. 211 | # 212 | # In Bash we could simply go: 213 | # 214 | # readarray ARGS < <( xargs -n1 <<<"$var" ) && 215 | # set -- "${ARGS[@]}" "$@" 216 | # 217 | # but POSIX shell has neither arrays nor command substitution, so instead we 218 | # post-process each arg (as a line of input to sed) to backslash-escape any 219 | # character that might be a shell metacharacter, then use eval to reverse 220 | # that process (while maintaining the separation between arguments), and wrap 221 | # the whole thing up as a single "set" statement. 222 | # 223 | # This will of course break if any of these variables contains a newline or 224 | # an unmatched quote. 225 | # 226 | 227 | eval "set -- $( 228 | printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | 229 | xargs -n1 | 230 | sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | 231 | tr '\n' ' ' 232 | )" '"$@"' 233 | 234 | exec "$JAVACMD" "$@" 235 | -------------------------------------------------------------------------------- /debug/packages/mobile/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 | -------------------------------------------------------------------------------- /debug/packages/mobile/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'RXNInputExample' 2 | include ':rxninput' 3 | project(':rxninput').projectDir = file('../../../../android') 4 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 5 | include ':app' 6 | includeBuild('../node_modules/react-native-gradle-plugin') 7 | 8 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 9 | include(":ReactAndroid") 10 | project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid') 11 | include(":ReactAndroid:hermes-engine") 12 | project(":ReactAndroid:hermes-engine").projectDir = file('../node_modules/react-native/ReactAndroid/hermes-engine') 13 | } 14 | -------------------------------------------------------------------------------- /debug/packages/mobile/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "RXNInputExample", 3 | "displayName": "RXNInputExample" 4 | } -------------------------------------------------------------------------------- /debug/packages/mobile/babel.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const pak = require('../../../package.json'); 3 | 4 | module.exports = { 5 | presets: [ 6 | 'module:metro-react-native-babel-preset', 7 | ['@babel/preset-typescript', {allowDeclareFields: true}], 8 | ], 9 | plugins: [ 10 | [ 11 | 'module-resolver', 12 | { 13 | alias: { 14 | [pak.name]: path.join(__dirname, '../../..', pak.source), 15 | react: './node_modules/react', 16 | 'react-native': './node_modules/react-native', 17 | }, 18 | }, 19 | ], 20 | ], 21 | }; 22 | -------------------------------------------------------------------------------- /debug/packages/mobile/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import {AppRegistry} from 'react-native'; 6 | import App from '@debug/shared'; 7 | import {name as appName} from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /debug/packages/mobile/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, '12.4' 5 | install! 'cocoapods', :deterministic_uuids => false 6 | 7 | production = ENV["PRODUCTION"] == "1" 8 | 9 | target 'RXNInputExample' do 10 | config = use_native_modules! 11 | 12 | # Flags change depending on the env values. 13 | flags = get_default_flags() 14 | 15 | use_react_native!( 16 | :path => config[:reactNativePath], 17 | # to enable hermes on iOS, change `false` to `true` and then install pods 18 | :production => production, 19 | :hermes_enabled => flags[:hermes_enabled], 20 | :fabric_enabled => flags[:fabric_enabled], 21 | :flipper_configuration => FlipperConfiguration.enabled, 22 | # An absolute path to your application root. 23 | :app_path => "#{Pod::Config.instance.installation_root}/.." 24 | ) 25 | 26 | target 'RXNInputExampleTests' do 27 | inherit! :complete 28 | # Pods for testing 29 | end 30 | 31 | post_install do |installer| 32 | react_native_post_install(installer) 33 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 34 | end 35 | end 36 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample.xcodeproj/xcshareddata/xcschemes/RXNInputExample.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 33 | 39 | 40 | 41 | 42 | 43 | 53 | 55 | 61 | 62 | 63 | 64 | 70 | 72 | 78 | 79 | 80 | 81 | 83 | 84 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | #import 8 | 9 | #if RCT_NEW_ARCH_ENABLED 10 | #import 11 | #import 12 | #import 13 | #import 14 | #import 15 | #import 16 | 17 | #import 18 | 19 | static NSString *const kRNConcurrentRoot = @"concurrentRoot"; 20 | 21 | @interface AppDelegate () { 22 | RCTTurboModuleManager *_turboModuleManager; 23 | RCTSurfacePresenterBridgeAdapter *_bridgeAdapter; 24 | std::shared_ptr _reactNativeConfig; 25 | facebook::react::ContextContainer::Shared _contextContainer; 26 | } 27 | @end 28 | #endif 29 | 30 | @implementation AppDelegate 31 | 32 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 33 | { 34 | RCTAppSetupPrepareApp(application); 35 | 36 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 37 | 38 | #if RCT_NEW_ARCH_ENABLED 39 | _contextContainer = std::make_shared(); 40 | _reactNativeConfig = std::make_shared(); 41 | _contextContainer->insert("ReactNativeConfig", _reactNativeConfig); 42 | _bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:bridge contextContainer:_contextContainer]; 43 | bridge.surfacePresenter = _bridgeAdapter.surfacePresenter; 44 | #endif 45 | 46 | NSDictionary *initProps = [self prepareInitialProps]; 47 | UIView *rootView = RCTAppSetupDefaultRootView(bridge, @"RXNInputExample", initProps); 48 | 49 | if (@available(iOS 13.0, *)) { 50 | rootView.backgroundColor = [UIColor systemBackgroundColor]; 51 | } else { 52 | rootView.backgroundColor = [UIColor whiteColor]; 53 | } 54 | 55 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 56 | UIViewController *rootViewController = [UIViewController new]; 57 | rootViewController.view = rootView; 58 | self.window.rootViewController = rootViewController; 59 | [self.window makeKeyAndVisible]; 60 | return YES; 61 | } 62 | 63 | /// This method controls whether the `concurrentRoot`feature of React18 is turned on or off. 64 | /// 65 | /// @see: https://reactjs.org/blog/2022/03/29/react-v18.html 66 | /// @note: This requires to be rendering on Fabric (i.e. on the New Architecture). 67 | /// @return: `true` if the `concurrentRoot` feture is enabled. Otherwise, it returns `false`. 68 | - (BOOL)concurrentRootEnabled 69 | { 70 | // Switch this bool to turn on and off the concurrent root 71 | return true; 72 | } 73 | 74 | - (NSDictionary *)prepareInitialProps 75 | { 76 | NSMutableDictionary *initProps = [NSMutableDictionary new]; 77 | 78 | #ifdef RCT_NEW_ARCH_ENABLED 79 | initProps[kRNConcurrentRoot] = @([self concurrentRootEnabled]); 80 | #endif 81 | 82 | return initProps; 83 | } 84 | 85 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 86 | { 87 | #if DEBUG 88 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 89 | #else 90 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 91 | #endif 92 | } 93 | 94 | #if RCT_NEW_ARCH_ENABLED 95 | 96 | #pragma mark - RCTCxxBridgeDelegate 97 | 98 | - (std::unique_ptr)jsExecutorFactoryForBridge:(RCTBridge *)bridge 99 | { 100 | _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge 101 | delegate:self 102 | jsInvoker:bridge.jsCallInvoker]; 103 | return RCTAppSetupDefaultJsExecutorFactory(bridge, _turboModuleManager); 104 | } 105 | 106 | #pragma mark RCTTurboModuleManagerDelegate 107 | 108 | - (Class)getModuleClassFromName:(const char *)name 109 | { 110 | return RCTCoreModulesClassProvider(name); 111 | } 112 | 113 | - (std::shared_ptr)getTurboModule:(const std::string &)name 114 | jsInvoker:(std::shared_ptr)jsInvoker 115 | { 116 | return nullptr; 117 | } 118 | 119 | - (std::shared_ptr)getTurboModule:(const std::string &)name 120 | initParams: 121 | (const facebook::react::ObjCTurboModule::InitParams &)params 122 | { 123 | return nullptr; 124 | } 125 | 126 | - (id)getModuleInstanceFromClass:(Class)moduleClass 127 | { 128 | return RCTAppSetupDefaultModuleFromClass(moduleClass); 129 | } 130 | 131 | #endif 132 | 133 | @end 134 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/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 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | RXNInputExample 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 | 1 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 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/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 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExample/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char *argv[]) 6 | { 7 | @autoreleasepool { 8 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExampleTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/RXNInputExampleTests/RXNInputExampleTests.m: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | #import 5 | #import 6 | 7 | #define TIMEOUT_SECONDS 600 8 | #define TEXT_TO_LOOK_FOR @"Welcome to React" 9 | 10 | @interface RXNInputExampleTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation RXNInputExampleTests 15 | 16 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test 17 | { 18 | if (test(view)) { 19 | return YES; 20 | } 21 | for (UIView *subview in [view subviews]) { 22 | if ([self findSubviewInView:subview matching:test]) { 23 | return YES; 24 | } 25 | } 26 | return NO; 27 | } 28 | 29 | - (void)testRendersWelcomeScreen 30 | { 31 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 32 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 33 | BOOL foundElement = NO; 34 | 35 | __block NSString *redboxError = nil; 36 | #ifdef DEBUG 37 | RCTSetLogFunction( 38 | ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 39 | if (level >= RCTLogLevelError) { 40 | redboxError = message; 41 | } 42 | }); 43 | #endif 44 | 45 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 46 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 47 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 48 | 49 | foundElement = [self findSubviewInView:vc.view 50 | matching:^BOOL(UIView *view) { 51 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 52 | return YES; 53 | } 54 | return NO; 55 | }]; 56 | } 57 | 58 | #ifdef DEBUG 59 | RCTSetLogFunction(RCTDefaultLogFunction); 60 | #endif 61 | 62 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 63 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 64 | } 65 | 66 | @end 67 | -------------------------------------------------------------------------------- /debug/packages/mobile/ios/_xcode.env: -------------------------------------------------------------------------------- 1 | # This `.xcode.env` file is versioned and is used to source the environment 2 | # used when running script phases inside Xcode. 3 | # To customize your local environment, you can create an `.xcode.env.local` 4 | # file that is not versioned. 5 | 6 | # NODE_BINARY variable contains the PATH to the node executable. 7 | # 8 | # Customize the NODE_BINARY variable here. 9 | # For example, to use nvm with brew, add the following line 10 | # . "$(brew --prefix nvm)/nvm.sh" --no-use 11 | export NODE_BINARY=$(command -v node) 12 | -------------------------------------------------------------------------------- /debug/packages/mobile/metro.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const exclusionList = require('metro-config/src/defaults/exclusionList'); 3 | const { 4 | getMetroTools, 5 | getMetroAndroidAssetsResolutionFix, 6 | } = require('react-native-monorepo-tools'); 7 | 8 | const {getDefaultConfig} = require('metro-config'); 9 | 10 | const moduleRoot = path.resolve(__dirname, '../../..'); 11 | 12 | const monorepoMetroTools = getMetroTools(); 13 | 14 | const androidAssetsResolutionFix = getMetroAndroidAssetsResolutionFix(); 15 | 16 | module.exports = (async () => { 17 | const { 18 | resolver: {sourceExts, assetExts}, 19 | } = await getDefaultConfig(); 20 | return { 21 | transformer: { 22 | // Apply the Android assets resolution fix to the public path... 23 | publicPath: androidAssetsResolutionFix.publicPath, 24 | getTransformOptions: async () => ({ 25 | transform: { 26 | experimentalImportSupport: false, 27 | inlineRequires: false, 28 | }, 29 | }), 30 | }, 31 | server: { 32 | // ...and to the server middleware. 33 | enhanceMiddleware: middleware => { 34 | return androidAssetsResolutionFix.applyMiddleware(middleware); 35 | }, 36 | }, 37 | // Add additional Yarn workspace package roots to the module map. 38 | // This allows importing importing from all the project's packages. 39 | watchFolders: [moduleRoot, ...monorepoMetroTools.watchFolders], 40 | resolver: { 41 | assetExts: assetExts, 42 | sourceExts: [...sourceExts], 43 | // Ensure we resolve nohoist libraries from this directory. 44 | blockList: exclusionList(monorepoMetroTools.blockList), 45 | extraNodeModules: monorepoMetroTools.extraNodeModules, 46 | }, 47 | }; 48 | })(); 49 | -------------------------------------------------------------------------------- /debug/packages/mobile/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@debug/mobile", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "ios": "react-native run-ios", 8 | "start": "react-native start", 9 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx" 10 | }, 11 | "dependencies": { 12 | "@debug/shared": "*", 13 | "babel-plugin-module-resolver": "^4.1.0", 14 | "react": "18.0.0", 15 | "react-native": "0.69.3", 16 | "react-native-monorepo-tools": "^1.2.0" 17 | }, 18 | "devDependencies": { 19 | "@babel/core": "^7.12.9", 20 | "@babel/runtime": "^7.19.4", 21 | "@react-native-community/eslint-config": "^3.1.0", 22 | "@tsconfig/react-native": "^2.0.2", 23 | "@types/jest": "^26.0.23", 24 | "@types/react-native": "^0.69.3", 25 | "@types/react-test-renderer": "^18.0.0", 26 | "@typescript-eslint/eslint-plugin": "^5.39.0", 27 | "@typescript-eslint/parser": "^5.41.0", 28 | "babel-jest": "^26.6.3", 29 | "eslint": "^8.26.0", 30 | "jest": "^29.0.3", 31 | "metro-react-native-babel-preset": "^0.72.0", 32 | "react-test-renderer": "18.0.0", 33 | "typescript": "^4.8.3" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /debug/packages/mobile/tsconfig.json: -------------------------------------------------------------------------------- 1 | // prettier-ignore 2 | { 3 | "extends": "@tsconfig/react-native/tsconfig.json", /* Recommended React Native TSConfig base */ 4 | "compilerOptions": { 5 | /* Visit https://aka.ms/tsconfig.json to read more about this file */ 6 | 7 | /* Completeness */ 8 | "skipLibCheck": true /* Skip type checking all .d.ts files. */ 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /debug/packages/shared/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@debug/shared", 3 | "version": "0.0.1", 4 | "private": true, 5 | "description": "", 6 | "main": "src/index.tsx", 7 | "source": "src/index.tsx", 8 | "scripts": { 9 | "test": "echo \"Error: no test specified\" && exit 1" 10 | }, 11 | "devDependencies": { 12 | "@types/react": "^17.0.19", 13 | "@types/react-native": "^0.69.3", 14 | "typescript": "^4.8.3" 15 | }, 16 | "peerDependencies": { 17 | "react": "*", 18 | "react-native": "*" 19 | }, 20 | "peerDependenciesMeta": { 21 | "react-native-web": { 22 | "optional": true 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /debug/packages/shared/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react-native/no-inline-styles */ 2 | import React, { useCallback, useEffect, useState } from 'react'; 3 | import { Text, StatusBar, View } from 'react-native'; 4 | 5 | import { KeyEvent, KeyListener } from 'rxn-input'; 6 | 7 | const App = () => { 8 | useEffect(() => { 9 | KeyListener.addListener('keydown', (e) => { 10 | console.log('keydown', e); 11 | }); 12 | 13 | KeyListener.addListener('keyup', (e) => { 14 | console.log('keyup', e); 15 | }); 16 | 17 | return () => { 18 | KeyListener.clearAllListeners(); 19 | }; 20 | }, []); 21 | 22 | return ( 23 | 32 | 33 | 34 | ); 35 | }; 36 | 37 | export default App; 38 | -------------------------------------------------------------------------------- /debug/packages/shared/src/styles/theme/Colors.ts: -------------------------------------------------------------------------------- 1 | const Colors = { 2 | BLUEBLOUSE: '#94A3B8', 3 | CLOUDLESS: '#D9E8FB', 4 | ZIMABLUE: '#1CB0FA' 5 | }; 6 | 7 | export default Colors; 8 | -------------------------------------------------------------------------------- /debug/packages/shared/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.base.json", 3 | "include": ["."], 4 | "exclude": ["node_modules"] 5 | } 6 | -------------------------------------------------------------------------------- /debug/packages/web/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /debug/packages/web/craco.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-unused-vars */ 2 | const webpack = require("webpack"); 3 | const path = require('path') 4 | 5 | const { 6 | when, 7 | whenDev, 8 | whenProd, 9 | whenTest, 10 | ESLINT_MODES, 11 | POSTCSS_MODES, 12 | getLoader, 13 | loaderByName, 14 | getPlugin, 15 | pluginByName 16 | } = require("@craco/craco"); 17 | 18 | const { 19 | getWebpackTools 20 | } = require("react-native-monorepo-tools"); 21 | 22 | const monorepoWebpackTools = getWebpackTools(); 23 | 24 | const findWebpackPlugin = (webpackConfig, pluginName) => 25 | webpackConfig.resolve.plugins.find( 26 | ({ 27 | constructor 28 | }) => constructor && constructor.name === pluginName, 29 | ); 30 | 31 | const enableTypescriptImportsFromExternalPaths = ( 32 | webpackConfig, 33 | newIncludePaths, 34 | ) => { 35 | const oneOfRule = webpackConfig.module.rules.find(rule => rule.oneOf); 36 | if (oneOfRule) { 37 | const tsxRule = oneOfRule.oneOf.find( 38 | rule => rule.test && rule.test.toString().includes('tsx'), 39 | ); 40 | 41 | if (tsxRule) { 42 | tsxRule.include = Array.isArray(tsxRule.include) ? 43 | [...tsxRule.include, ...newIncludePaths] : 44 | [tsxRule.include, ...newIncludePaths]; 45 | } 46 | } 47 | }; 48 | 49 | const addPathsToModuleScopePlugin = (webpackConfig, paths) => { 50 | const moduleScopePlugin = findWebpackPlugin( 51 | webpackConfig, 52 | 'ModuleScopePlugin', 53 | ); 54 | if (!moduleScopePlugin) { 55 | throw new Error(`Expected to find plugin "ModuleScopePlugin", but didn't.`); 56 | } 57 | moduleScopePlugin.appSrcs = [...moduleScopePlugin.appSrcs, ...paths]; 58 | }; 59 | 60 | const enableImportsFromExternalPaths = (webpackConfig, paths) => { 61 | enableTypescriptImportsFromExternalPaths(webpackConfig, paths); 62 | addPathsToModuleScopePlugin(webpackConfig, paths); 63 | }; 64 | 65 | const pak = require('../../../package.json'); 66 | 67 | module.exports = function({ 68 | env 69 | }) { 70 | return { 71 | babel: { 72 | plugins: [ 73 | ["module-resolver", { 74 | "extensions": ['.tsx', '.ts', '.js', '.json'], 75 | "alias": { 76 | [pak.name]: path.join(__dirname, '../../..', pak.source), 77 | "^react-native$": "react-native-web" 78 | } 79 | }] 80 | ], 81 | }, 82 | webpack: { 83 | configure: (webpackConfig) => { 84 | 85 | enableImportsFromExternalPaths(webpackConfig, [ 86 | path.resolve(__dirname, '../../../'), 87 | ]); 88 | 89 | // Allow importing from external workspaces. 90 | monorepoWebpackTools.enableWorkspacesResolution(webpackConfig); 91 | // Ensure nohoisted libraries are resolved from this workspace. 92 | monorepoWebpackTools.addNohoistAliases(webpackConfig); 93 | 94 | return webpackConfig; 95 | }, 96 | plugins: { 97 | add: [ 98 | // Inject the "__DEV__" global variable. 99 | new webpack.DefinePlugin({ 100 | __DEV__: process.env.NODE_ENV !== "production", 101 | }), 102 | ], 103 | remove: ["ManifestPlugin", "WorkboxWebpackPlugin", "WebpackManifestPlugin"] 104 | } 105 | }, 106 | } 107 | }; -------------------------------------------------------------------------------- /debug/packages/web/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@debug/web", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "build": "craco build", 7 | "start": "craco start", 8 | "test": "craco test" 9 | }, 10 | "browserslist": { 11 | "production": [ 12 | ">0.2%", 13 | "not dead", 14 | "not op_mini all" 15 | ], 16 | "development": [ 17 | "last 1 chrome version", 18 | "last 1 firefox version", 19 | "last 1 safari version" 20 | ] 21 | }, 22 | "eslintConfig": { 23 | "extends": [ 24 | "react-app", 25 | "react-app/jest" 26 | ] 27 | }, 28 | "dependencies": { 29 | "@craco/craco": "^6.4.5", 30 | "@testing-library/jest-dom": "^5.16.5", 31 | "@testing-library/react": "^13.3.0", 32 | "@testing-library/user-event": "^14.4.3", 33 | "@types/jest": "^27.5.2", 34 | "@types/node": "^18.11.9", 35 | "@types/react": "^18.0.12", 36 | "@types/react-dom": "^18.0.5", 37 | "react": "^18.1.0", 38 | "react-dom": "^18.1.0", 39 | "react-native-monorepo-tools": "^1.2.0", 40 | "react-native-web": "^0.18.9", 41 | "react-scripts": "5.0.1", 42 | "typescript": "^4.8.3", 43 | "web-vitals": "^3.0.3" 44 | }, 45 | "devDependencies": { 46 | "babel-plugin-module-resolver": "^4.1.0" 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /debug/packages/web/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/debug/packages/web/public/favicon.ico -------------------------------------------------------------------------------- /debug/packages/web/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | RXN Input - Debug 9 | 16 | 17 | 18 | 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /debug/packages/web/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /debug/packages/web/src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import App from '../../shared'; 4 | import reportWebVitals from './reportWebVitals'; 5 | 6 | const root = ReactDOM.createRoot( 7 | document.getElementById('root') as HTMLElement, 8 | ); 9 | root.render(); 10 | 11 | // If you want to start measuring performance in your app, pass a function 12 | // to log results (for example: reportWebVitals(console.log)) 13 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 14 | reportWebVitals(); 15 | -------------------------------------------------------------------------------- /debug/packages/web/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /debug/packages/web/src/reportWebVitals.ts: -------------------------------------------------------------------------------- 1 | import { ReportHandler } from 'web-vitals'; 2 | 3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => { 4 | if (onPerfEntry && onPerfEntry instanceof Function) { 5 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 6 | getCLS(onPerfEntry); 7 | getFID(onPerfEntry); 8 | getFCP(onPerfEntry); 9 | getLCP(onPerfEntry); 10 | getTTFB(onPerfEntry); 11 | }); 12 | } 13 | }; 14 | 15 | export default reportWebVitals; 16 | -------------------------------------------------------------------------------- /debug/packages/web/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.base.json", 3 | "compilerOptions": { 4 | "jsx": "react-jsx", 5 | "lib": ["DOM", "DOM.Iterable", "esnext"], 6 | "noFallthroughCasesInSwitch": true, 7 | "module": "esnext", 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true 10 | }, 11 | "include": ["src"] 12 | } 13 | -------------------------------------------------------------------------------- /debug/tsconfig.base.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "esnext", 4 | "module": "esnext", 5 | "moduleResolution": "node", 6 | "lib": ["esnext", "dom", "dom.iterable"], 7 | "allowJs": false, 8 | "allowSyntheticDefaultImports": true, 9 | "esModuleInterop": true, 10 | "isolatedModules": true, 11 | "jsx": "preserve", 12 | "resolveJsonModule": true, 13 | "skipLibCheck": true, 14 | "sourceMap": true, 15 | "strict": true, 16 | "paths": { 17 | "rxn-input": ["../src/index.ts"], 18 | "rxn-input/*": ["../src/*"] 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /debug/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.base.json", 3 | "exclude": ["node_modules"], 4 | "compilerOptions": { "noEmit": true } 5 | } 6 | -------------------------------------------------------------------------------- /ios/RXNInput.h: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | @interface RXNInput : NSObject 4 | 5 | @end 6 | -------------------------------------------------------------------------------- /ios/RXNInput.m: -------------------------------------------------------------------------------- 1 | #import "RXNInput.h" 2 | 3 | @implementation RXNInput 4 | 5 | RCT_EXPORT_MODULE() 6 | 7 | // Example method 8 | // See // https://reactnative.dev/docs/native-modules-ios 9 | RCT_REMAP_METHOD(multiply, 10 | multiplyWithA:(nonnull NSNumber*)a withB:(nonnull NSNumber*)b 11 | withResolver:(RCTPromiseResolveBlock)resolve 12 | withRejecter:(RCTPromiseRejectBlock)reject) 13 | { 14 | NSNumber *result = @([a floatValue] * [b floatValue]); 15 | 16 | resolve(result); 17 | } 18 | 19 | @end 20 | -------------------------------------------------------------------------------- /ios/RXNInput.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rxn-input", 3 | "version": "0.0.1", 4 | "license": "MIT", 5 | "author": "Luffos", 6 | "description": "🎮 🖱️ ⌨️‎ ‎ Cross-Platform Input Handler for React Native and React Native Web.", 7 | "keywords": [ 8 | "react", 9 | "typescript", 10 | "react-native", 11 | "input", 12 | "react-native-web", 13 | "rxn", 14 | "gamepad", 15 | "keyboard", 16 | "mouse" 17 | ], 18 | "homepage": "https://github.com/Luffos/rxn-input#readme", 19 | "bugs": { 20 | "url": "https://github.com/Luffos/rxn-input/issues" 21 | }, 22 | "repository": { 23 | "type": "git", 24 | "url": "git+https://github.com/Luffos/rxn-input.git" 25 | }, 26 | "main": "dist/index.js", 27 | "source": "src/index", 28 | "types": "dist/index.d.ts", 29 | "react-native": "dist/index.js", 30 | "files": [ 31 | "android", 32 | "ios", 33 | "rxn-input.podspec", 34 | "!lib/typescript/example", 35 | "!android/build", 36 | "!ios/build", 37 | "!**/__tests__", 38 | "!**/__fixtures__", 39 | "!**/__mocks__", 40 | "dist" 41 | ], 42 | "scripts": { 43 | "lint": "eslint . --ext .ts,.tsx", 44 | "mobile:android": "cd ./debug/packages/mobile & yarn android", 45 | "mobile:ios": "cd ./debug/packages/mobile & yarn ios", 46 | "mobile:start": "cd ./debug/packages/mobile & yarn start", 47 | "test": "jest", 48 | "web:start": "cd ./debug/packages/web & yarn start", 49 | "build": "rimraf ./dist && tsc --build", 50 | "build-watch": "watch \"npm run build\" ./src --interval 1 --wait 0.1", 51 | "prepack": "npm run build" 52 | }, 53 | "jest": { 54 | "moduleFileExtensions": [ 55 | "ts", 56 | "tsx", 57 | "js", 58 | "jsx", 59 | "json", 60 | "node" 61 | ], 62 | "preset": "react-native" 63 | }, 64 | "resolutions": { 65 | "@types/react": "^17" 66 | }, 67 | "dependencies": { 68 | "react": "17.0.2", 69 | "react-native": "0.68.2" 70 | }, 71 | "devDependencies": { 72 | "@babel/core": "^7.19.6", 73 | "@babel/runtime": "^7.19.0", 74 | "@react-native-community/eslint-config": "^2.0.0", 75 | "@types/jest": "^29.0.3", 76 | "@types/react-native": "^0.67.3", 77 | "@types/react-test-renderer": "^17.0.1", 78 | "@typescript-eslint/eslint-plugin": "^5.39.0", 79 | "@typescript-eslint/parser": "^5.17.0", 80 | "babel-jest": "^26.6.3", 81 | "eslint": "^7.32.0", 82 | "jest": "^29.0.3", 83 | "metro-react-native-babel-preset": "^0.73.1", 84 | "react-test-renderer": "17.0.2", 85 | "typescript": "^4.8.4" 86 | }, 87 | "rnpm": { 88 | "android": { 89 | "packageInstance": "new RXNInputPackage()" 90 | } 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /react-native.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | project: { 3 | android: { 4 | packageInstance: 'new RXNInputPackage()', 5 | }, 6 | }, 7 | }; 8 | -------------------------------------------------------------------------------- /rxn-input.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 = "rxn-input" 7 | s.version = package["version"] 8 | s.summary = package["description"] 9 | s.homepage = package["homepage"] 10 | s.license = package["license"] 11 | s.authors = package["author"] 12 | 13 | s.platforms = { :ios => "10.0" } 14 | s.source = { :git => "https://github.com/Luffos/rxn-input.git", :tag => "#{s.version}" } 15 | 16 | s.source_files = "ios/**/*.{h,m,mm}" 17 | 18 | s.dependency "React-Core" 19 | end 20 | -------------------------------------------------------------------------------- /src/AndroidKeyCode.ts: -------------------------------------------------------------------------------- 1 | enum AndroidKeyCode { 2 | ACTION_DOWN = 0, 3 | ACTION_UP = 1, 4 | ACTION_MULTIPLE = 2, 5 | KEYCODE_0 = 7, 6 | KEYCODE_1 = 8, 7 | KEYCODE_2 = 9, 8 | KEYCODE_3 = 10, 9 | KEYCODE_4 = 11, 10 | KEYCODE_5 = 12, 11 | KEYCODE_6 = 13, 12 | KEYCODE_7 = 14, 13 | KEYCODE_8 = 15, 14 | KEYCODE_9 = 16, 15 | STAR = 17, 16 | POUND = 18, 17 | } 18 | 19 | enum AndroidKeyCodeString { 20 | ACTION_DOWN = 'ACTION_DOWN', 21 | ACTION_UP = 'ACTION_UP', 22 | ACTION_MULTIPLE = 'ACTION_MULTIPLE', 23 | KEYCODE_0 = 'KEYCODE_0', 24 | KEYCODE_1 = 'KEYCODE_1', 25 | KEYCODE_2 = 'KEYCODE_2', 26 | KEYCODE_3 = 'KEYCODE_3', 27 | KEYCODE_4 = 'KEYCODE_4', 28 | KEYCODE_5 = 'KEYCODE_5', 29 | KEYCODE_6 = 'KEYCODE_6', 30 | KEYCODE_7 = 'KEYCODE_7', 31 | KEYCODE_8 = 'KEYCODE_8', 32 | KEYCODE_9 = 'KEYCODE_9', 33 | STAR = 'START', 34 | POUND = 'POUND', 35 | } 36 | 37 | export { AndroidKeyCode, AndroidKeyCodeString }; 38 | -------------------------------------------------------------------------------- /src/ErrorMessages.ts: -------------------------------------------------------------------------------- 1 | export const ErrorMessages = { 2 | InvalidEvent: "[RXNInput] Please, use 'keyup' or 'keydown' as event.", 3 | }; 4 | -------------------------------------------------------------------------------- /src/Input/getAxis/index.d.ts: -------------------------------------------------------------------------------- 1 | const getAxis: (axis: number, deviceId?: string) => number; 2 | export default getAxis; 3 | -------------------------------------------------------------------------------- /src/Input/getAxis/index.native.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const getAxis: typeof iType = (axis, deviceId) => { 5 | return 0; 6 | }; 7 | 8 | export default getAxis; 9 | -------------------------------------------------------------------------------- /src/Input/getAxis/index.web.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const getAxis: typeof iType = (axis, deviceId) => { 5 | return 0; 6 | }; 7 | 8 | export default getAxis; 9 | -------------------------------------------------------------------------------- /src/Input/getAxisRaw/index.d.ts: -------------------------------------------------------------------------------- 1 | const getAxisRaw: (axis: number, deviceId?: string) => number; 2 | export default getAxisRaw; 3 | -------------------------------------------------------------------------------- /src/Input/getAxisRaw/index.native.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const getAxisRaw: typeof iType = (axis, deviceId) => { 5 | return 0; 6 | }; 7 | 8 | export default getAxisRaw; 9 | -------------------------------------------------------------------------------- /src/Input/getAxisRaw/index.web.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const getAxisRaw: typeof iType = (axis, deviceId) => { 5 | return 0; 6 | }; 7 | 8 | export default getAxisRaw; 9 | -------------------------------------------------------------------------------- /src/Input/index.ts: -------------------------------------------------------------------------------- 1 | import type getAxis from './getAxis'; 2 | import type getAxisRaw from './getAxisRaw'; 3 | import type isMouseButtonDown from './isMouseButtonDown'; 4 | import type isMouseButtonUp from './isMouseButtonUp'; 5 | 6 | export interface InputFunctions { 7 | isMouseButtonDown: typeof isMouseButtonDown; 8 | isMouseButtonUp: typeof isMouseButtonUp; 9 | getAxis: typeof getAxis; 10 | getAxisRaw: typeof getAxisRaw; 11 | } 12 | 13 | export interface InputVariables { 14 | /** 15 | * Returns if touch inputs are present, which maybe supported by device but that's not in use at moment. 16 | * 17 | * Can change on desktop web browsers, when toggle mobile simulation tools. 18 | * 19 | * @hook useTouchPresent 20 | * @event TouchListener.on('changeTouchPresence') 21 | * @returns boolean 22 | */ 23 | touchPresent: boolean; 24 | 25 | /** 26 | * Returns if a mouse device is detected / connected. 27 | * 28 | * @hook useMousePresent 29 | * @event MouseListener.on('changeMousePresence') 30 | * @returns boolean 31 | */ 32 | mousePresent: boolean; 33 | 34 | /** 35 | * The current mouse position in pixel coordinates. (X and Y) 36 | * 37 | * @hook useMousePosition 38 | * @event MouseListener.on('changeMousePosition') 39 | * @returns object 40 | */ 41 | mousePosition: { x: number; y: number }; 42 | } 43 | 44 | const Input = {} as InputFunctions & InputVariables; 45 | 46 | export default Input; 47 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonDown/index.d.ts: -------------------------------------------------------------------------------- 1 | const isMouseButtonDown: (button: number) => boolean; 2 | export default isMouseButtonDown; 3 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonDown/index.native.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const isMouseButtonDown: typeof iType = (button) => { 5 | return false; 6 | }; 7 | 8 | export default isMouseButtonDown; 9 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonDown/index.web.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const isMouseButtonDown: typeof iType = (button) => { 5 | return false; 6 | }; 7 | 8 | export default isMouseButtonDown; 9 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonUp/index.d.ts: -------------------------------------------------------------------------------- 1 | const isMouseButtonUp: (button: number) => boolean; 2 | export default isMouseButtonUp; 3 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonUp/index.native.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const isMouseButtonUp: typeof iType = (button) => { 5 | return false; 6 | }; 7 | 8 | export default isMouseButtonUp; 9 | -------------------------------------------------------------------------------- /src/Input/isMouseButtonUp/index.web.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import type iType from '.'; 3 | 4 | const isMouseButtonUp: typeof iType = (button) => { 5 | return false; 6 | }; 7 | 8 | export default isMouseButtonUp; 9 | -------------------------------------------------------------------------------- /src/KeyCode.ts: -------------------------------------------------------------------------------- 1 | enum KeyCode { 2 | Backspace = 'Backspace', 3 | Delete = 'Delete', 4 | Tab = 'Tab', 5 | Keypad0 = 'Keypad0', 6 | Keypad1 = 'Keypad1', 7 | Keypad2 = 'Keypad2', 8 | Keypad3 = 'Keypad3', 9 | Keypad4 = 'Keypad4', 10 | Keypad5 = 'Keypad5', 11 | Keypad6 = 'Keypad6', 12 | Keypad7 = 'Keypad7', 13 | Keypad8 = 'Keypad8', 14 | Keypad9 = 'Keypad9', 15 | F1 = 'F1', 16 | F2 = 'F2', 17 | F3 = 'F3', 18 | F4 = 'F4', 19 | F5 = 'F5', 20 | F6 = 'F6', 21 | F7 = 'F7', 22 | F8 = 'F8', 23 | F9 = 'F9', 24 | F10 = 'F10', 25 | F11 = 'F11', 26 | F12 = 'F12', 27 | F14 = 'F14', 28 | F15 = 'F15', 29 | UpArrow = 'UpArrow', 30 | DownArrow = 'DownArrow', 31 | RightArrow = 'RightArrow', 32 | LeftArrow = 'LeftArrow', 33 | A = 'A', 34 | B = 'B', 35 | C = 'C', 36 | D = 'D', 37 | E = 'E', 38 | F = 'F', 39 | G = 'G', 40 | H = 'H', 41 | I = 'I', 42 | J = 'J', 43 | K = 'K', 44 | L = 'L', 45 | M = 'M', 46 | N = 'N', 47 | O = 'O', 48 | P = 'P', 49 | Q = 'Q', 50 | R = 'R', 51 | S = 'S', 52 | T = 'T', 53 | U = 'U', 54 | V = 'V', 55 | W = 'W', 56 | X = 'X', 57 | Y = 'Y', 58 | Z = 'Z', 59 | } 60 | 61 | export default KeyCode; 62 | -------------------------------------------------------------------------------- /src/helpers/dispatchClick/index.d.ts: -------------------------------------------------------------------------------- 1 | export type iDispatchClick = (x: number, y: number) => void; 2 | 3 | const dispatchClick: iDispatchClick; 4 | 5 | export default dispatchClick; 6 | -------------------------------------------------------------------------------- /src/helpers/dispatchClick/index.native.ts: -------------------------------------------------------------------------------- 1 | import type { iDispatchClick } from '..'; 2 | 3 | const dispatchClick: iDispatchClick = (x, y) => { 4 | return; 5 | }; 6 | 7 | export default dispatchClick; 8 | -------------------------------------------------------------------------------- /src/helpers/dispatchClick/index.web.ts: -------------------------------------------------------------------------------- 1 | import type { iDispatchClick } from '..'; 2 | 3 | const dispatchClick: iDispatchClick = (x, y) => { 4 | return; 5 | }; 6 | 7 | export default dispatchClick; 8 | -------------------------------------------------------------------------------- /src/helpers/index.ts: -------------------------------------------------------------------------------- 1 | export * from './dispatchClick'; 2 | -------------------------------------------------------------------------------- /src/hooks/index.ts: -------------------------------------------------------------------------------- 1 | export {}; 2 | -------------------------------------------------------------------------------- /src/hooks/useMousePresent/index.web.tsx: -------------------------------------------------------------------------------- 1 | // matchMedia('(pointer:fine)').matches; 2 | -------------------------------------------------------------------------------- /src/hooks/useTouchPresent/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/src/hooks/useTouchPresent/index.d.ts -------------------------------------------------------------------------------- /src/hooks/useTouchPresent/index.native.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/src/hooks/useTouchPresent/index.native.tsx -------------------------------------------------------------------------------- /src/hooks/useTouchPresent/index.web.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/src/hooks/useTouchPresent/index.web.tsx -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import { NativeModules } from 'react-native'; 6 | import KeyCode from './KeyCode'; 7 | import { AndroidKeyCode, AndroidKeyCodeString } from './AndroidKeyCode'; 8 | import Input from './Input'; 9 | 10 | const { RXNInput } = NativeModules; 11 | 12 | export * from './helpers'; 13 | export * from './hooks'; 14 | export * from './listeners'; 15 | 16 | export { Input, RXNInput, KeyCode, AndroidKeyCode, AndroidKeyCodeString }; 17 | 18 | export default Input; 19 | -------------------------------------------------------------------------------- /src/listeners/KeyListener/index.d.ts: -------------------------------------------------------------------------------- 1 | import type { AndroidKeyCodeString } from 'src/AndroidKeyCode'; 2 | import type KeyCode from 'src/KeyCode'; 3 | 4 | export interface KeyListenerListener {} 5 | 6 | export interface KeyEvent { 7 | keyCode: KeyCode | string; 8 | key: string; 9 | shiftKey: boolean; 10 | altKey: boolean; 11 | ctrlKey: boolean; 12 | metaKey: boolean; 13 | capsLock: boolean; 14 | numLock: boolean; 15 | scrollLock: boolean; 16 | device?: 17 | | { 18 | id: number; 19 | name: string; 20 | descriptor: string; 21 | isVirtual: boolean; 22 | } 23 | | undefined; 24 | original: 25 | | Partial 26 | | Partial<{ 27 | KeyCode: AndroidKeyCode | number; 28 | keyCodeString: AndroidKeyCodeString | string; 29 | Action: number; 30 | Flags: number; 31 | UnicodeChar: number; 32 | DiplayLabel: number; 33 | RepeatCount: number; 34 | }>; 35 | } 36 | 37 | export const KeyListener = {} as { 38 | addListener: (event: 'keyup' | 'keydown', callback: (e: KeyEvent) => void) => KeyListenerListener; 39 | removeListener: (listener: KeyListenerListener) => void; 40 | clearAllListeners: () => void; 41 | }; 42 | -------------------------------------------------------------------------------- /src/listeners/KeyListener/index.native.ts: -------------------------------------------------------------------------------- 1 | import { NativeModules } from 'react-native'; 2 | import { EmitterSubscription, NativeEventEmitter } from 'react-native'; 3 | import { ErrorMessages } from '../../ErrorMessages'; 4 | import type { KeyListener as _KeyListener } from '.'; 5 | 6 | const eventEmitter = new NativeEventEmitter(NativeModules.RXNInput); 7 | 8 | const KeyListener: typeof _KeyListener = { 9 | addListener: (event, callback) => { 10 | if (event.toLowerCase() === 'keydown' || event.toLowerCase() === 'keyup') { 11 | return eventEmitter.addListener(event.toLowerCase(), (e) => callback(e)); 12 | } 13 | 14 | throw Error(ErrorMessages.InvalidEvent); 15 | }, 16 | removeListener: (listener: any) => { 17 | if (listener) { 18 | (listener as EmitterSubscription).remove(); 19 | } 20 | }, 21 | clearAllListeners: () => { 22 | eventEmitter.removeAllListeners('keyup'); 23 | eventEmitter.removeAllListeners('keydown'); 24 | }, 25 | }; 26 | 27 | const KeyEvent = {}; 28 | 29 | export { KeyEvent, KeyListener }; 30 | -------------------------------------------------------------------------------- /src/listeners/KeyListener/index.web.ts: -------------------------------------------------------------------------------- 1 | import { EmitterSubscription, NativeEventEmitter, NativeModules } from 'react-native'; 2 | import type { KeyListener as _KeyListener } from '.'; 3 | import { ErrorMessages } from '../../ErrorMessages'; 4 | 5 | const eventEmitter = new NativeEventEmitter(NativeModules.RXNInput); 6 | 7 | window.addEventListener('keydown', (e) => { 8 | eventEmitter.emit('keydown', e); 9 | }); 10 | 11 | window.addEventListener('keyup', (e) => { 12 | eventEmitter.emit('keyup', e); 13 | }); 14 | 15 | const KeyListener: typeof _KeyListener = { 16 | addListener: (event, callback) => { 17 | if (event.toLowerCase() === 'keydown' || event.toLowerCase() === 'keyup') { 18 | return eventEmitter.addListener(event.toLowerCase(), (e: KeyboardEvent) => 19 | callback({ 20 | keyCode: '', 21 | key: e.key, 22 | shiftKey: e.shiftKey, 23 | altKey: e.altKey, 24 | ctrlKey: e.ctrlKey, 25 | metaKey: e.metaKey, 26 | capsLock: e.getModifierState('CapsLock'), 27 | numLock: e.getModifierState('NumLock'), 28 | scrollLock: e.getModifierState('ScrollLock'), 29 | device: undefined, 30 | original: e, 31 | }) 32 | ); 33 | } 34 | 35 | throw Error(ErrorMessages.InvalidEvent); 36 | }, 37 | removeListener: (listener: any) => { 38 | if (listener) { 39 | (listener as EmitterSubscription).remove(); 40 | } 41 | }, 42 | clearAllListeners: () => { 43 | eventEmitter.removeAllListeners('keyup'); 44 | eventEmitter.removeAllListeners('keydown'); 45 | }, 46 | }; 47 | 48 | const KeyEvent = {}; 49 | 50 | export { KeyEvent, KeyListener }; 51 | -------------------------------------------------------------------------------- /src/listeners/MouseListener/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/src/listeners/MouseListener/index.d.ts -------------------------------------------------------------------------------- /src/listeners/TouchListener/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/src/listeners/TouchListener/index.d.ts -------------------------------------------------------------------------------- /src/listeners/index.ts: -------------------------------------------------------------------------------- 1 | export * from './KeyListener'; 2 | //export * from './MouseListener'; 3 | //export * from './TouchListener'; 4 | -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig", 3 | "exclude": ["debug"] 4 | } 5 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "dist", 4 | "useDefineForClassFields": true, 5 | "allowSyntheticDefaultImports": true, 6 | "allowJs": true, 7 | "forceConsistentCasingInFileNames": true, 8 | "module": "esnext", 9 | "noFallthroughCasesInSwitch": true, 10 | "noImplicitUseStrict": false, 11 | "noStrictGenericChecks": false, 12 | "noUncheckedIndexedAccess": true, 13 | "resolveJsonModule": true, 14 | "skipDefaultLibCheck": true, 15 | "strict": true, 16 | "target": "esnext", 17 | "lib": ["dom", "esnext"], 18 | "jsx": "react", 19 | "moduleResolution": "node", 20 | "esModuleInterop": true, 21 | "typeRoots": [ 22 | "./ts-declarations", 23 | "node_modules/@types" 24 | ], 25 | "declaration": true, 26 | "strictNullChecks": true, 27 | "strictPropertyInitialization": true, 28 | "strictFunctionTypes": true, 29 | "skipLibCheck": true 30 | }, 31 | "include": ["src"] 32 | } 33 | -------------------------------------------------------------------------------- /website/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["next/babel"], 3 | "plugins": ["babel-plugin-styled-components"] 4 | } 5 | -------------------------------------------------------------------------------- /website/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "root": true, 3 | "plugins": ["@typescript-eslint"], 4 | "extends": [ 5 | "next/core-web-vitals", 6 | "plugin:@typescript-eslint/recommended", 7 | "prettier" 8 | ], 9 | "rules": { 10 | "@typescript-eslint/no-unused-vars": "error", 11 | "@typescript-eslint/no-explicit-any": "error" 12 | } 13 | } -------------------------------------------------------------------------------- /website/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | package-lock.json 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | .pnpm-debug.log* 28 | 29 | # local env files 30 | .env*.local 31 | 32 | # vercel 33 | .vercel 34 | 35 | # typescript 36 | *.tsbuildinfo 37 | next-env.d.ts 38 | 39 | #extra 40 | src/content/docs/data.json -------------------------------------------------------------------------------- /website/.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "semi": true, 3 | "trailingComma": "es5", 4 | "singleQuote": true, 5 | "printWidth": 190, 6 | "tabWidth": 2, 7 | "useTabs": false 8 | } -------------------------------------------------------------------------------- /website/next.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | /* eslint-disable @typescript-eslint/no-var-requires */ 3 | var path = require('path'); 4 | var DocsDataPlugin = require('./scripts/.webpack/plugins/DocsDataPlugin'); 5 | 6 | const isProd = process.env.NODE_ENV === 'production' 7 | 8 | /** @type {import('next').NextConfig} */ 9 | const nextConfig = { 10 | basePath: isProd ? '/rxn-input' : undefined, 11 | assetPrefix: isProd ? '/rxn-input/' : undefined, 12 | reactStrictMode: true, 13 | swcMinify: true, 14 | 15 | images: { 16 | unoptimized: true, 17 | }, 18 | 19 | webpack: (config, { isServer }) => { 20 | config.resolve.alias = { 21 | ...config.resolve.alias, 22 | 'styled-components': path.resolve('./node_modules/styled-components'), 23 | }; 24 | 25 | config.module.rules.push({ 26 | test: /\.svg$/i, 27 | issuer: /\.[jt]sx?$/, 28 | use: ['@svgr/webpack'], 29 | }); 30 | 31 | config.plugins.push(new DocsDataPlugin()); 32 | 33 | return config; 34 | }, 35 | 36 | eslint: { 37 | ignoreDuringBuilds: true, 38 | }, 39 | }; 40 | 41 | module.exports = nextConfig; 42 | -------------------------------------------------------------------------------- /website/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rxn-input-website", 3 | "version": "0.1.0", 4 | "private": true, 5 | "homepage": "https://luffos.github.io/rxn-input/", 6 | "description": "RXNInput Official Website", 7 | "scripts": { 8 | "predev": "node ./scripts/preGenFiles.js", 9 | "dev": "next dev", 10 | "prebuild": "node ./scripts/preGenFiles.js", 11 | "build": "next build && next export", 12 | "prestart": "node ./scripts/preGenFiles.js", 13 | "start": "next start", 14 | "prelint": "node ./scripts/preGenFiles.js", 15 | "lint": "next lint" 16 | }, 17 | "dependencies": { 18 | "@fontsource/lato": "^4.5.10", 19 | "@mdx-js/loader": "^2.1.4", 20 | "@mdx-js/react": "^2.1.5", 21 | "@next/mdx": "^12.3.1", 22 | "@svgr/webpack": "^6.4.0", 23 | "chokidar": "^3.5.3", 24 | "glob": "^8.0.3", 25 | "gray-matter": "^4.0.3", 26 | "next": "12.3.1", 27 | "next-mdx-remote": "^4.1.0", 28 | "prism-react-renderer": "^1.3.5", 29 | "react": "18.2.0", 30 | "react-animated-components": "^4.0.0", 31 | "react-dom": "18.2.0", 32 | "remark-gfm": "^3.0.1", 33 | "styled-components": "^5.3.6", 34 | "uuid": "^9.0.0" 35 | }, 36 | "devDependencies": { 37 | "@types/node": "18.8.3", 38 | "@types/react": "18.0.21", 39 | "@types/react-dom": "18.0.6", 40 | "@types/styled-components": "^5.1.26", 41 | "@typescript-eslint/eslint-plugin": "^5.41.0", 42 | "babel-plugin-styled-components": "^2.0.7", 43 | "eslint": "8.25.0", 44 | "eslint-config-next": "12.3.1", 45 | "eslint-config-prettier": "^8.5.0", 46 | "prettier": "^2.7.1", 47 | "typescript": "4.8.4" 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /website/public/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/website/public/.nojekyll -------------------------------------------------------------------------------- /website/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gomes042/rxn-input/d800a1cadf6857443eae6cb908d7db41d1c165df/website/public/favicon.ico -------------------------------------------------------------------------------- /website/scripts/.webpack/plugins/DocsDataPlugin.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const fs = require('fs'); 3 | const glob = require('glob'); 4 | const chokidar = require('chokidar'); 5 | const { v4: uuidv4 } = require('uuid'); 6 | const matter = require('gray-matter'); 7 | 8 | const docsPath = './src/content/docs'; 9 | let docsSchema = JSON.parse(fs.readFileSync(`${docsPath}/schema.json`, { encoding: `utf-8` })); 10 | 11 | let pluginAlreadyLoaded = false; 12 | let isProduction = String(process?.env?.NODE_ENV).toLowerCase() === 'production'; 13 | let lastBuildHash = ''; 14 | 15 | class DocsDataPlugin { 16 | apply(compiler) { 17 | compiler.hooks.emit.tapAsync('DocsDataPlugin', (compilation, callback) => { 18 | if (pluginAlreadyLoaded) return callback(); 19 | pluginAlreadyLoaded = true; 20 | 21 | buildData(); 22 | 23 | if (!isProduction) { 24 | chokidar.watch(`${docsPath}/schema.json`, { ignoreInitial: true }).on('all', (event, path, stats) => { 25 | buildData(); 26 | }); 27 | 28 | chokidar.watch(`${docsPath}/**/*.mdx`, { ignoreInitial: true }).on('all', (event, path, stats) => { 29 | buildData(); 30 | }); 31 | } 32 | 33 | callback(); 34 | }); 35 | } 36 | 37 | preBuild(){ 38 | buildData() 39 | } 40 | } 41 | 42 | const handleDocFile = (data, version, folder, docPath, contextIndex) => { 43 | try { 44 | const docFileName = docPath.replace(/^.*[\\\/]/, '').replace(/\.[^/.]+$/, ''); 45 | 46 | const body = fs.readFileSync(docPath, 'utf-8'); 47 | 48 | data[version][folder][docFileName] = { 49 | slugs: generateSlugs(data, version, folder, docPath, docFileName, contextIndex), 50 | body: body, 51 | version: version, 52 | frontmatter: matter(body).data, 53 | }; 54 | } catch (error) { 55 | console.log(`error! ${version}/${folder}/${docPath}`, error); 56 | } 57 | }; 58 | 59 | const buildData = () => { 60 | const buildHash = uuidv4(); 61 | lastBuildHash = buildHash; 62 | 63 | docsSchema = JSON.parse(fs.readFileSync(`${docsPath}/schema.json`, { encoding: `utf-8` })); 64 | const data = {}; 65 | 66 | Object.keys(docsSchema).forEach((version) => { 67 | data[version] = {}; 68 | 69 | Object.keys(docsSchema[version]).forEach((folder) => { 70 | data[version][folder] = {}; 71 | 72 | if (docsSchema[version][folder] == `asc`) { 73 | return glob.sync(`${docsPath}/${version}/${folder}/*.mdx`).map((docFile, index) => handleDocFile(data, version, folder, docFile, index)); 74 | } 75 | 76 | if (Array.isArray(docsSchema[version][folder])) { 77 | docsSchema[version][folder].map((docFile, index) => handleDocFile(data, version, folder, `${docsPath}/${version}/${folder}/${docFile}`, index)); 78 | } 79 | }); 80 | }); 81 | 82 | if (lastBuildHash !== buildHash) return; 83 | 84 | fs.writeFileSync(`${docsPath}/data.json`, JSON.stringify(data, null, 2), 'utf-8'); 85 | }; 86 | 87 | const generateSlugs = (data, version, folder, docPath, docFileName, contextIndex) => { 88 | let slugs = []; 89 | 90 | // is last version, first folder and first doc 👇 91 | if ( 92 | folder == Object.entries(Object.entries(docsSchema).slice(-1)[0].pop())[0][0] && 93 | Object.entries(Object.entries(docsSchema).slice(-1)[0].pop())[0][1][0] == docFileName + '.mdx' 94 | ) { 95 | slugs.push('docs/'); 96 | } 97 | 98 | // is last version ( dont't need /docs/VERSION/... ) 👇 99 | if (version == Object.keys(docsSchema).slice(-1)[0]) { 100 | //is first doc ( and last version) 👇 101 | if (contextIndex == 0) { 102 | slugs.push(`docs/${folder}`); 103 | } 104 | 105 | slugs.push(`docs/${folder}/${docFileName}`); 106 | } 107 | 108 | //is first doc 👇 109 | if (contextIndex == 0) { 110 | slugs.push(`docs/${version}/${folder}`); 111 | } 112 | 113 | // default 114 | slugs.push(`docs/${version}/${folder}/${docFileName}`); 115 | 116 | // transform 117 | slugs = slugs.map((element) => { 118 | return element.replace(/ /g, '-').toLowerCase(); 119 | }); 120 | 121 | return slugs; 122 | }; 123 | 124 | module.exports = DocsDataPlugin; 125 | -------------------------------------------------------------------------------- /website/scripts/preGenFiles.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-var-requires */ 2 | const DocsDataPlugin = require('./.webpack/plugins/DocsDataPlugin'); 3 | 4 | try { 5 | new DocsDataPlugin().preBuild(); 6 | } catch (error) { 7 | } 8 | -------------------------------------------------------------------------------- /website/src/assets/Logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /website/src/assets/close-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /website/src/assets/github-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /website/src/assets/kebab-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /website/src/components/DocsNavigator/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | /* eslint-disable @typescript-eslint/no-explicit-any */ 3 | import { memo, useCallback } from 'react'; 4 | import Colors from '../../styles/theme/Colors'; 5 | import { MainUl } from './styled'; 6 | import Link from 'next/link'; 7 | 8 | import DocsData from '../../content/docs/data.json'; 9 | import { Router, useRouter } from 'next/router'; 10 | 11 | const DocsNavigator = () => { 12 | const router = useRouter(); 13 | 14 | const getSlugLink = (slugs: Array) => { 15 | // Remove /vx.x.x/ from url 16 | return slugs 17 | .slice(-1)[0] 18 | .split('docs/') 19 | .pop() 20 | ?.replace(/v(\d+\.)?(\d+\.)?(\*|\d+)\//g, ''); 21 | }; 22 | 23 | const isCurrentDoc = useCallback( 24 | (slugs: Array) => { 25 | const transform = (str: string) => str.split('docs/')?.pop()?.split('/docs')?.pop()?.replace(/\/+$/, ''); 26 | 27 | return slugs.find((i: any) => transform(i) == transform(router.asPath)) ? true : false; 28 | }, 29 | [router] 30 | ); 31 | 32 | return ( 33 |
34 | {(() => { 35 | const d: Array = []; 36 | Object.keys(DocsData).forEach((version) => { 37 | if (version != 'v1.0.0') return; 38 | 39 | Object.keys((DocsData as any)[version]).map((folder, index) => { 40 | d.push( 41 | 42 |

{ 44 | e.currentTarget.parentElement?.toggleAttribute('data-navclosed'); 45 | }} 46 | > 47 | {folder} 48 |

49 | 50 | {Object.keys((DocsData as any)[version][folder]).map((docName, index) => { 51 | return ( 52 |
  • 53 | 54 | {docName} 55 | 56 |
    • 57 | ); 58 | })} 59 |     60 | ); 61 | }); 62 | }); 63 | return d; 64 | })()} 65 |
    66 | ); 67 | }; 68 | 69 | export default memo(DocsNavigator); 70 | -------------------------------------------------------------------------------- /website/src/components/DocsNavigator/styled.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import Colors from '../../styles/theme/Colors'; 3 | 4 | export const MainUl = styled.ul` 5 | margin: 0; 6 | padding: 0; 7 | margin-bottom: 1rem; 8 | list-style: none; 9 | 10 | & > p { 11 | display: inline-block; 12 | margin-left: 0.5rem; 13 | margin-top: 0.75rem; 14 | font-size: 1.2rem; 15 | font-weight: 800; 16 | } 17 | 18 | &[data-navclosed] { 19 | & > li { 20 | display: none; 21 | } 22 | } 23 | 24 | & > li > a { 25 | margin: 0; 26 | margin-left: 0.5rem; 27 | font-size: 0.95rem; 28 | color: ${Colors.BLUEBLOUSE}; 29 | 30 | &:hover { 31 | color: ${Colors.ZIMABLUE}; 32 | } 33 | 34 | &[data-current-doc='true'] { 35 | color: ${Colors.ZIMABLUE}; 36 | } 37 | } 38 | `; 39 | -------------------------------------------------------------------------------- /website/src/components/Layout/MobileMenu/index.tsx: -------------------------------------------------------------------------------- 1 | import React, { memo } from 'react'; 2 | import { MobileMenuBackground, MobileMenuBox, MobileMenuWrapper } from './styles'; 3 | import CloseSVG from '../../../assets/close-icon.svg'; 4 | import Link from 'next/link'; 5 | import GitHubSVG from '../../../assets/github-icon.svg'; 6 | import { FadeIn } from 'react-animated-components'; 7 | import iSelectedPage from '../../../interfaces/SelectedPage'; 8 | //import iSelectedPage from '../../../interfaces/SelectedPage'; 9 | 10 | interface iProps { 11 | SelectedPage?: iSelectedPage; 12 | setMobileMenuOpen: React.Dispatch>; 13 | } 14 | 15 | const MobileMenu = ({ SelectedPage, setMobileMenuOpen }: iProps) => { 16 | return ( 17 | 18 | 19 | setMobileMenuOpen(false)} /> 20 | 21 | 22 |
    setMobileMenuOpen(false)} className="closeWrapper"> 23 | 24 |
    25 | 47 |     48 |     49 | ); 50 | }; 51 | 52 | export default memo(MobileMenu); 53 | -------------------------------------------------------------------------------- /website/src/components/Layout/MobileMenu/styles.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import BreakPoints from '../../../styles/theme/BreakPoints'; 3 | import Colors from '../../../styles/theme/Colors'; 4 | 5 | export const MobileMenuWrapper = styled.div` 6 | display: none; 7 | 8 | position: fixed; 9 | z-index: 9999905; 10 | overflow: hidden; 11 | width: 100%; 12 | height: 100%; 13 | top: 0; 14 | left: 0; 15 | 16 | ${BreakPoints.down('md')} { 17 | display: block; 18 | } 19 | `; 20 | 21 | export const MobileMenuBackground = styled.div` 22 | position: fixed; 23 | z-index: 9999903; 24 | flex: 1; 25 | top: 0; 26 | left: 0; 27 | width: 100%; 28 | height: 100%; 29 | background: linear-gradient( 30 | 180deg, 31 | rgba(1, 10, 43, 0.3) 0%, 32 | rgba(7, 3, 34, 0.2) 100% 33 | ); 34 | backdrop-filter: blur(2px); 35 | `; 36 | 37 | export const MobileMenuBox = styled.div` 38 | position: fixed; 39 | z-index: 9999904; 40 | color: white; 41 | width: 200px; 42 | height: 250px; 43 | right: 8px; 44 | top: 8px; 45 | background: linear-gradient(180deg, rgba(5, 2, 24, 0.9) 0%, #0b091f 100%); 46 | backdrop-filter: blur(10px); 47 | border: 2px solid rgba(148, 163, 184, 0.12); 48 | border-radius: 24px 0px 24px 12px; 49 | & .closeWrapper { 50 | cursor: pointer; 51 | display: flex; 52 | justify-content: center; 53 | align-items: center; 54 | width: 30px; 55 | height: 30px; 56 | margin-left: 8px; 57 | margin-right: 8px; 58 | margin-top: 18px; 59 | margin-left: auto; 60 | & > svg > path { 61 | transition: fill 0.1s ease-in-out; 62 | } 63 | &:hover > svg > path { 64 | fill: ${Colors.CLOUDLESS}; 65 | } 66 | } 67 | & > ul { 68 | width: 100%; 69 | margin: 0; 70 | margin-top: 8px; 71 | padding: 0; 72 | list-style: none; 73 | text-align: center; 74 | & > li { 75 | margin: 0; 76 | padding: 0; 77 | display: flex; 78 | justify-content: center; 79 | align-items: center; 80 | & > a:hover { 81 | & > p { 82 | color: white; 83 | } 84 | & > svg > path { 85 | fill: white; 86 | } 87 | } 88 | & > a:not(.github):hover { 89 | & > p { 90 | color: ${Colors.ZIMABLUE}; 91 | } 92 | & > svg > path { 93 | fill: ${Colors.ZIMABLUE}; 94 | } 95 | } 96 | & > a { 97 | width: fit-content; 98 | display: flex; 99 | justify-content: center; 100 | align-items: center; 101 | flex-direction: row; 102 | &[data-currentpage='true'] { 103 | & > p { 104 | color: ${Colors.ZIMABLUE}; 105 | } 106 | } 107 | & > p { 108 | user-select: none; 109 | font-size: 16px; 110 | letter-spacing: 0.01rem; 111 | display: inline; 112 | color: ${Colors.BLUEBLOUSE}; 113 | font-weight: 600; 114 | transition: color 0.1s ease-in-out; 115 | } 116 | & > svg { 117 | margin-left: 8px; 118 | width: 22px; 119 | height: 22px; 120 | & > path { 121 | transition: fill 0.1s ease-in-out; 122 | } 123 | } 124 | } 125 | } 126 | } 127 | `; 128 | -------------------------------------------------------------------------------- /website/src/components/Layout/TopBar/index.tsx: -------------------------------------------------------------------------------- 1 | import Link from 'next/link'; 2 | import React, { memo, useState } from 'react'; 3 | import LogoSVG from '../../../assets/Logo.svg'; 4 | import GitHubSVG from '../../../assets/github-icon.svg'; 5 | import KebabSVG from '../../../assets/kebab-icon.svg'; 6 | import { ContentWrapper, InnerWrapper, MobileKebab, RItems, Wrapper } from './styles'; 7 | import useMediaQuery from '../../../hooks/useMediaQuery'; 8 | import BreakPoints from '../../../styles/theme/BreakPoints'; 9 | import useEffectOnce from '../../../hooks/useEffectOnce'; 10 | import iSelectedPage from '../../../interfaces/SelectedPage'; 11 | import useScrollPosition from '../../../hooks/useScrollPosition'; 12 | 13 | interface iProps { 14 | SelectedPage?: iSelectedPage; 15 | setMobileMenuOpen: React.Dispatch>; 16 | } 17 | 18 | const TopBar = ({ SelectedPage, setMobileMenuOpen }: iProps) => { 19 | const [canShowKebab, setCanShowKebab] = useState(false); 20 | const showKebab = useMediaQuery(BreakPoints.down('md')); 21 | const scrollPosition = useScrollPosition(); 22 | 23 | useEffectOnce(() => { 24 | setCanShowKebab(true); 25 | }); 26 | 27 | return ( 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
  • 39 | 40 | 41 |

    DOCUMENTATION

    42 |     43 | 44 |
    • 45 |
  • 46 | 47 | 48 |

    EXAMPLES

    49 |     50 | 51 |
    • 52 |
  • 53 | 54 | 55 | 56 |
    • 57 |     58 | 59 | {canShowKebab && showKebab && ( 60 | setMobileMenuOpen(true)}> 61 | 62 | 63 | )} 64 |     65 |     66 |     67 | ); 68 | }; 69 | 70 | export default memo(TopBar); 71 | -------------------------------------------------------------------------------- /website/src/components/Layout/TopBar/styles.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import BreakPoints from '../../../styles/theme/BreakPoints'; 3 | import Colors from '../../../styles/theme/Colors'; 4 | import Sizes from '../../../styles/theme/Sizes'; 5 | import zIndex from '../../../styles/theme/zIndex'; 6 | 7 | export const Wrapper = styled.div` 8 | position: fixed; 9 | top: 0; 10 | flex: none; 11 | align-items: center; 12 | justify-content: center; 13 | box-sizing: border-box; 14 | z-index: ${zIndex.TopBar-1}; 15 | width: 100%; 16 | 17 | &[data-scrolled='true'] { 18 | background: linear-gradient(#0b091f 0%, rgba(8, 6, 31, 0.4) 100%); 19 | transition: background 0.2s ease-in-out; 20 | backdrop-filter: blur(0.3rem); 21 | border-bottom: solid rgba(255, 255, 255, 0.01) 1px; 22 | box-shadow: 0rem 0rem 1rem rgba(8, 6, 31, 0.85); 23 | } 24 | `; 25 | 26 | export const InnerWrapper = styled.div` 27 | display: contents; 28 | `; 29 | 30 | export const ContentWrapper = styled.div` 31 | position: relative; 32 | z-index: ${zIndex.TopBar}; 33 | box-sizing: border-box; 34 | display: flex; 35 | flex-direction: row; 36 | align-items: center; 37 | margin-left: auto; 38 | margin-right: auto; 39 | margin-bottom: auto; 40 | width: 100vw; 41 | max-width: ${Sizes.maxWidth}; 42 | padding-left: 2rem; 43 | padding-right: 2rem; 44 | 45 | ${BreakPoints.down('md')} { 46 | margin-top: 1rem; 47 | margin-bottom: 1rem; 48 | padding-left: 1rem; 49 | padding-right: 1rem; 50 | } 51 | 52 | .logoWrapper { 53 | display: inline-flex; 54 | vertical-align: middle; 55 | justify-content: center; 56 | align-items: center; 57 | width: 180px; 58 | height: 30px; 59 | 60 | &:hover { 61 | & > svg { 62 | filter: brightness(140%); 63 | } 64 | } 65 | 66 | & > svg { 67 | pointer-events: none; 68 | position: relative; 69 | transition: 0.1s filter linear; 70 | } 71 | } 72 | `; 73 | 74 | export const RItems = styled.ul` 75 | display: flex; 76 | justify-content: center; 77 | flex-direction: row; 78 | list-style: none; 79 | padding: 0; 80 | margin-left: auto; 81 | 82 | ${BreakPoints.down('md')} { 83 | display: none; 84 | } 85 | 86 | li, 87 | a, 88 | p { 89 | margin: 0; 90 | padding: 0; 91 | } 92 | 93 | li { 94 | display: flex; 95 | justify-content: center; 96 | align-items: center; 97 | } 98 | 99 | li:not(:first-child) { 100 | margin-left: 3.5rem; 101 | } 102 | 103 | a[data-currentpage='true'] { 104 | & > p { 105 | color: ${Colors.ZIMABLUE}; 106 | 107 | &::after { 108 | background: ${Colors.ZIMABLUE}; 109 | } 110 | } 111 | } 112 | 113 | a { 114 | display: flex; 115 | flex-direction: column; 116 | 117 | &:hover { 118 | & > p { 119 | color: ${Colors.ZIMABLUE}; 120 | 121 | &::after { 122 | background: ${Colors.ZIMABLUE}; 123 | } 124 | } 125 | } 126 | 127 | & > p { 128 | transition: color 0.1s ease-in-out; 129 | color: ${Colors.BLUEBLOUSE}; 130 | font-size: 0.85rem; 131 | font-weight: 600; 132 | letter-spacing: 0.01rem; 133 | 134 | &::after { 135 | margin-left: auto; 136 | margin-right: auto; 137 | margin-top: 0.6rem; 138 | display: block; 139 | white-space: pre; 140 | border-radius: 2rem; 141 | content: ' '; 142 | width: 1rem; 143 | height: 0.4rem; 144 | background: ${Colors.BLUEBLOUSE}; 145 | } 146 | } 147 | } 148 | 149 | .gitHubWrapper { 150 | display: inline-flex; 151 | vertical-align: middle; 152 | justify-content: center; 153 | align-items: center; 154 | width: 30px; 155 | height: 30px; 156 | 157 | & > svg > path { 158 | cursor: pointer; 159 | transition: fill 0.1s ease-in-out; 160 | } 161 | &:hover > svg > path { 162 | fill: #d9e8fb; 163 | } 164 | } 165 | `; 166 | 167 | export const MobileKebab = styled.div` 168 | cursor: pointer; 169 | display: none; 170 | margin-left: auto; 171 | padding-left: 0.2rem; 172 | padding-right: 0.2rem; 173 | 174 | & > svg > path { 175 | transition: fill 0.1s ease-in-out; 176 | } 177 | 178 | &:hover > svg > path { 179 | fill: #d9e8fb; 180 | } 181 | 182 | ${BreakPoints.down('md')} { 183 | display: block; 184 | } 185 | `; 186 | -------------------------------------------------------------------------------- /website/src/components/Layout/index.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useEffect } from 'react'; 2 | import useMediaQuery from '../../hooks/useMediaQuery'; 3 | import iSelectedPage from '../../interfaces/SelectedPage'; 4 | import BreakPoints from '../../styles/theme/BreakPoints'; 5 | import MobileMenu from './MobileMenu'; 6 | import TopBar from './TopBar'; 7 | 8 | interface iProps { 9 | children?: JSX.Element; 10 | SelectedPage?: iSelectedPage; 11 | } 12 | 13 | const Layout = ({ children, SelectedPage }: iProps) => { 14 | const isDesktop = useMediaQuery(BreakPoints.up('sm')); 15 | const [mobileMenuOpen, setMobileMenuOpen] = useState(false); 16 | 17 | useEffect(() => { 18 | if (typeof window !== 'undefined') { 19 | if (mobileMenuOpen) { 20 | document.documentElement.style.overflow = 'hidden'; 21 | } else { 22 | document.documentElement.style.overflow = 'auto'; 23 | } 24 | } 25 | }, [mobileMenuOpen]); 26 | 27 | useEffect(() => { 28 | if (isDesktop) { 29 | setMobileMenuOpen(false); 30 | } 31 | }, [isDesktop]); 32 | 33 | return ( 34 | <> 35 | {mobileMenuOpen && } 36 | 37 | {children} 38 | 39 | ); 40 | }; 41 | 42 | export { LayoutContent } from './styles'; 43 | 44 | export default Layout; 45 | -------------------------------------------------------------------------------- /website/src/components/Layout/styles.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import BreakPoints from '../../styles/theme/BreakPoints'; 3 | import Sizes from '../../styles/theme/Sizes'; 4 | 5 | export const LayoutContent = styled.div` 6 | display: inline; 7 | padding-left: 2rem; 8 | padding-right: 2rem; 9 | display: block; 10 | box-sizing: border-box; 11 | max-width: ${Sizes.maxWidth}; 12 | margin-left: auto; 13 | margin-right: auto; 14 | padding-left: 2rem; 15 | padding-right: 2rem; 16 | 17 | ${BreakPoints.down('md')} { 18 | padding-left: 1rem; 19 | padding-right: 1rem; 20 | } 21 | `; 22 | -------------------------------------------------------------------------------- /website/src/components/MdxComponents/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-explicit-any */ 2 | /* eslint-disable react/jsx-key */ 3 | import type { Components } from '@mdx-js/react/lib'; 4 | import { P, A, H1, Code } from './styled'; 5 | import Link from 'next/link'; 6 | 7 | import Highlight, { defaultProps } from 'prism-react-renderer'; 8 | import theme from 'prism-react-renderer/themes/dracula'; 9 | import React from 'react'; 10 | 11 | const resolveHref = (href: string) => { 12 | return href; 13 | }; 14 | 15 | const MdxComponents: Components = { 16 | h1: ({ children }) =>

    {children}

    , 17 | p: ({ children }) =>

    {children}

    , 18 | code: ({ children, className }) => ( 19 | 20 | {({ className, style, tokens, getLineProps, getTokenProps }) => ( 21 | 22 | {tokens.map((line, i) => ( 23 |
    24 | {line.map((token, key) => { 25 | if (token.empty || token.content == '') { 26 | return ; 27 | } 28 | return ; 29 | })} 30 |
    31 | ))} 32 |     33 | )} 34 |     35 | ), 36 | a: ({ children, href }) => ( 37 | 38 | {children} 39 | 40 | ), 41 | }; 42 | 43 | export default MdxComponents; 44 | -------------------------------------------------------------------------------- /website/src/components/MdxComponents/styled.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import BreakPoints from '../../styles/theme/BreakPoints'; 3 | import Colors from '../../styles/theme/Colors'; 4 | 5 | export const H1 = styled.h1` 6 | font-size: 1.8rem; 7 | margin-top: 1.5rem; 8 | margin-bottom: 1.5rem; 9 | `; 10 | 11 | export const P = styled.p` 12 | color: ${Colors.BLUEBLOUSE}; 13 | margin-top: 2rem; 14 | margin-bottom: 2rem; 15 | font-size: 1.1rem; 16 | 17 | & > code { 18 | ${BreakPoints.down('md')} { 19 | display: block; 20 | } 21 | margin-left: 0.2rem; 22 | padding: 0.5rem; 23 | background-color: rgba(0, 0, 0, 0.2); 24 | border-radius: 0.4rem; 25 | color: ${Colors.ZIMABLUE}; 26 | font-size: 0.9rem; 27 | overflow: auto !important; 28 | } 29 | `; 30 | 31 | export const A = styled.a` 32 | cursor: pointer; 33 | color: ${Colors.ZIMABLUE}; 34 | border-bottom: solid 1px ${Colors.ZIMABLUE}; 35 | `; 36 | 37 | export const Code = styled.div` 38 | min-width: 10rem; 39 | padding-bottom: 1rem; 40 | padding-top: 1rem; 41 | padding-left: 1rem; 42 | padding-right: 1rem; 43 | margin-top: 0.25rem; 44 | margin-bottom: 0.25rem; 45 | background-color: rgba(0, 0, 0, 0.2) !important; 46 | border-radius: 0.4rem; 47 | font-size: 0.9rem; 48 | 49 | overflow: auto; 50 | 51 | .inserted-sign { 52 | background-color: rgba(0, 200, 0, 0.06); 53 | } 54 | `; 55 | -------------------------------------------------------------------------------- /website/src/content/docs/schema.json: -------------------------------------------------------------------------------- 1 | { 2 | "v1.0.0": { 3 | "Getting Started": ["Installation.mdx", "Setup Android.mdx"], 4 | "Input": "asc", 5 | "Hooks": "asc", 6 | "Listeners": "asc" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Getting Started/Installation.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Installation 3 | --- 4 | 5 | So, let's get started... 6 | 7 | # Installing with NPM 8 | ```bash 9 | npm install rxn-input 10 | ``` 11 | 12 | # Installing with Yarn 13 | ```bash 14 | yarn add rxn-input 15 | ``` 16 | 17 | After that, we need to setup the dependencies to use the project on [Android](/docs/getting-started/setup-android). -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Getting Started/Setup Android.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Setup Android 3 | --- 4 | 5 | Once rxn-input was installed, we need to manually make a small change to a single file to ensure everything works as expected on Android. This change will be responsible for passing some events from the application's Main Activity to the library so that events can be listen. 6 | 7 | ## MainActivity.java 8 | 9 | ```diff 10 | package com.YOUR_APP; 11 | 12 | + import android.util.Log; 13 | + import android.view.KeyEvent; 14 | 15 | + import com.rxninput.RXNInputModule; 16 | 17 | public class MainActivity extends ReactActivity { 18 | 19 | + @Override 20 | + public boolean onKeyDown(int keyCode, KeyEvent event) { 21 | + RXNInputModule.onKeyDownEvent(keyCode, event); 22 | + super.onKeyDown(keyCode, event); 23 | + return true; 24 | + } 25 | 26 | + @Override 27 | + public boolean onKeyUp(int keyCode, KeyEvent event) { 28 | + RXNInputModule.onKeyUpEvent(keyCode, event); 29 | + super.onKeyUp(keyCode, event); 30 | + return true; 31 | + } 32 | 33 | . . . 34 | ``` 35 | 36 | OBS: This file is usually located at PROJECT_ROOT/android/app/src/main/java/.../.../MainActivity.java 37 | -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Hooks/useMousePresent.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: useMousePresent 3 | --- 4 | -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Hooks/useTouchPresent.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: useTouchPresent 3 | --- 4 | -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Input/getAxis.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: getAxis 3 | --- -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Input/getAxisRaw.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: getAxisRaw 3 | --- -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Input/isMouseButtonDown.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: isMouseButtonDown 3 | --- -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Input/isMouseButtonUp.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: isMouseButtonUp 3 | --- -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Listeners/KeyListener.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: KeyListener 3 | --- 4 | 5 | # Methods 6 | 7 | ```typescript 8 | KeyListener.addListener(event: "keyup" | "keydown", callback: (e: KeyEvent) => void) 9 | ``` 10 | 11 | ```typescript 12 | KeyListener.removeListener(event: "keyup" | "keydown", callback: (e: KeyEvent) => void) 13 | ``` 14 | 15 | ```typescript 16 | KeyListener.clearAllListeners: () => void 17 | ``` -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Listeners/MouseListener.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: MouseListener 3 | --- 4 | -------------------------------------------------------------------------------- /website/src/content/docs/v1.0.0/Listeners/TouchListener.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: TouchListener 3 | --- 4 | -------------------------------------------------------------------------------- /website/src/helpers/getDocBySlug.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-explicit-any */ 2 | 3 | const getDocBySlug = (DocsData: object, s: string | undefined) => { 4 | let doc = {}; 5 | 6 | Object.keys(DocsData).forEach((version) => { 7 | Object.keys((DocsData as any)[version]).forEach((folder) => { 8 | Object.keys((DocsData as any)[version][folder]).forEach((docName) => { 9 | (DocsData as any)[version][folder][docName].slugs.map((slug: string) => { 10 | if ((slug.split('docs/').pop() == undefined && s == undefined) || Array.from(s || []).join(`/`) == slug.split('docs/').pop()) { 11 | doc = (DocsData as any)[version][folder][docName]; 12 | } 13 | }); 14 | }); 15 | }); 16 | }); 17 | 18 | return doc; 19 | }; 20 | 21 | export default getDocBySlug; 22 | -------------------------------------------------------------------------------- /website/src/hooks/useEffectOnce.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react-hooks/exhaustive-deps */ 2 | /* eslint-disable @typescript-eslint/no-explicit-any */ 3 | import {EffectCallback, useEffect, useRef} from 'react'; 4 | 5 | function useEffectOnce(effect: EffectCallback) { 6 | const destroyFunc = useRef(); 7 | const calledOnce = useRef(false); 8 | const renderAfterCalled = useRef(false); 9 | 10 | if (calledOnce.current) { 11 | renderAfterCalled.current = true; 12 | } 13 | 14 | useEffect(() => { 15 | if (calledOnce.current) { 16 | return; 17 | } 18 | 19 | calledOnce.current = true; 20 | destroyFunc.current = effect(); 21 | 22 | return () => { 23 | if (!renderAfterCalled.current) { 24 | return; 25 | } 26 | 27 | if (destroyFunc.current) { 28 | destroyFunc.current(); 29 | } 30 | }; 31 | }, []); 32 | } 33 | 34 | export default useEffectOnce; -------------------------------------------------------------------------------- /website/src/hooks/useMediaQuery.ts: -------------------------------------------------------------------------------- 1 | import {useEffect, useState} from 'react'; 2 | 3 | function useMediaQuery(query: string): boolean { 4 | query = query.replaceAll('@media', '').trim(); 5 | 6 | const getMatches = (query: string): boolean => { 7 | // Prevents SSR issues 8 | if (typeof window !== 'undefined') { 9 | return window.matchMedia(query).matches; 10 | } 11 | return false; 12 | }; 13 | 14 | const [matches, setMatches] = useState(getMatches(query)); 15 | 16 | function handleChange() { 17 | setMatches(getMatches(query)); 18 | } 19 | 20 | useEffect(() => { 21 | if (typeof window == 'undefined') { 22 | return; 23 | } 24 | 25 | const matchMedia = window.matchMedia(query); 26 | 27 | // Triggered at the first client-side load and if query changes 28 | handleChange(); 29 | 30 | // Listen matchMedia 31 | if (matchMedia.addListener) { 32 | matchMedia.addListener(handleChange); 33 | } else { 34 | matchMedia.addEventListener('change', handleChange); 35 | } 36 | 37 | return () => { 38 | if (matchMedia.removeListener) { 39 | matchMedia.removeListener(handleChange); 40 | } else { 41 | matchMedia.removeEventListener('change', handleChange); 42 | } 43 | }; 44 | }, [query]); 45 | 46 | return matches; 47 | } 48 | 49 | export default useMediaQuery; 50 | -------------------------------------------------------------------------------- /website/src/hooks/useScrollPosition.ts: -------------------------------------------------------------------------------- 1 | import {useEffect, useState} from 'react'; 2 | 3 | const useScrollPosition = () => { 4 | const [scrollPosition, setScrollPosition] = useState(0); 5 | 6 | useEffect(() => { 7 | const updatePosition = () => { 8 | setScrollPosition(window.pageYOffset); 9 | } 10 | window.addEventListener("scroll", updatePosition); 11 | updatePosition(); 12 | return () => window.removeEventListener("scroll", updatePosition); 13 | }, []); 14 | 15 | return scrollPosition; 16 | }; 17 | 18 | export default useScrollPosition; -------------------------------------------------------------------------------- /website/src/interfaces/SelectedPage.ts: -------------------------------------------------------------------------------- 1 | type iSelectedPage = 'DOCS' | 'EXAMPLES' | 'NOT_FOUND' | undefined; 2 | 3 | export default iSelectedPage; -------------------------------------------------------------------------------- /website/src/pages/404.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-document-import-in-page */ 2 | import { NextPage } from 'next'; 3 | import Head from 'next/head'; 4 | import Layout, { LayoutContent } from '../components/Layout'; 5 | 6 | const Page404: NextPage = () => { 7 | return ( 8 | <> 9 | 10 | Page Not Found | RXN Input 11 | 12 | 13 | 14 | 15 |

    Page Not Found

    16 |     17 |     18 | 19 | ); 20 | }; 21 | 22 | export default Page404; 23 | -------------------------------------------------------------------------------- /website/src/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '@fontsource/lato'; 2 | import '../styles/css/globals.css'; 3 | import type { AppProps } from 'next/app'; 4 | import Head from 'next/head'; 5 | import { useState } from 'react'; 6 | import useEffectOnce from '../hooks/useEffectOnce'; 7 | 8 | function MyApp({ Component, pageProps }: AppProps) { 9 | const [isLoaded, setIsLoaded] = useState(false); 10 | 11 | useEffectOnce(() => { 12 | setIsLoaded(true); 13 | }); 14 | 15 | if (!isLoaded) { 16 | return <>; 17 | } 18 | 19 | return ( 20 | <> 21 | 22 | 23 | 24 | 25 | 26 | ); 27 | } 28 | 29 | export default MyApp; 30 | -------------------------------------------------------------------------------- /website/src/pages/docs/[[...slug]].tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | /* eslint-disable @typescript-eslint/no-explicit-any */ 3 | import { GetStaticPaths } from 'next'; 4 | import Head from 'next/head'; 5 | import React from 'react'; 6 | import Layout, { LayoutContent } from '../../components/Layout'; 7 | import getDocBySlug from '../../helpers/getDocBySlug'; 8 | import { serialize } from 'next-mdx-remote/serialize'; 9 | import { MDXRemote } from 'next-mdx-remote'; 10 | import MdxComponents from '../../components/MdxComponents'; 11 | import DocsNavigator from '../../components/DocsNavigator'; 12 | import remarkGfm from 'remark-gfm'; 13 | 14 | import DocsData from '../../content/docs/data.json'; 15 | import useMediaQuery from '../../hooks/useMediaQuery'; 16 | import BreakPoints from '../../styles/theme/BreakPoints'; 17 | import Sizes from '../../styles/theme/Sizes'; 18 | 19 | export default function Docs({ url, doc, source }: any) { 20 | const isMobile = useMediaQuery(BreakPoints.down('md')); 21 | 22 | return ( 23 | <> 24 | 25 | RXN Input - Documentation 26 | 27 | 28 | 29 | 30 | {!isMobile && ( 31 |
    32 | 33 |
    34 | )} 35 |
    42 |

    {doc.frontmatter.title}

    43 | 44 |
    45 |     46 |     47 | 48 | ); 49 | } 50 | 51 | export const getStaticProps = async ({ params }: any) => { 52 | const doc = getDocBySlug(DocsData, params?.slug) as any; 53 | const mdxSource = await serialize(doc?.body, { parseFrontmatter: true, mdxOptions: { remarkPlugins: [remarkGfm] } }); 54 | 55 | return { 56 | props: { 57 | url: params?.slug ? Array.from(params.slug).join('/') : '/', 58 | doc: doc, 59 | source: mdxSource, 60 | }, 61 | }; 62 | }; 63 | 64 | export const getStaticPaths: GetStaticPaths<{ slug: Array | undefined }> = async () => { 65 | const paths: Array<{ params: { slug: Array | undefined } }> = []; 66 | 67 | Object.keys(DocsData).forEach((version) => { 68 | Object.keys((DocsData as any)[version]).forEach((folder) => { 69 | Object.keys((DocsData as any)[version][folder]).forEach((docName) => { 70 | (DocsData as any)[version][folder][docName].slugs.forEach((slug: string) => { 71 | paths.push({ params: { slug: slug.split('/').slice(1)[0] == '' ? undefined : slug.split('/').slice(1) } }); 72 | }); 73 | }); 74 | }); 75 | }); 76 | 77 | return { 78 | paths: paths, 79 | fallback: false, 80 | }; 81 | }; 82 | -------------------------------------------------------------------------------- /website/src/pages/examples.tsx: -------------------------------------------------------------------------------- 1 | import type {NextPage} from 'next'; 2 | import Layout, {LayoutContent} from '../components/Layout'; 3 | 4 | const Examples: NextPage = () => { 5 | return ( 6 | 7 | 8 | <> 9 | 10 | 11 | ); 12 | }; 13 | 14 | export default Examples; 15 | -------------------------------------------------------------------------------- /website/src/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useLayoutEffect } from 'react'; 2 | import type { NextPage } from 'next'; 3 | import Layout, { LayoutContent } from '../components/Layout'; 4 | import { Title, SubTitle, DevicesWrapper, Section1Content, GetStartedButton, Section1Background, Section1 } from '../styles/pages/index.styles'; 5 | import DeviceSVG from '../assets/Devices.svg'; 6 | import Head from 'next/head'; 7 | import useMediaQuery from '../hooks/useMediaQuery'; 8 | import BreakPoints from '../styles/theme/BreakPoints'; 9 | import Link from 'next/link'; 10 | 11 | const Home: NextPage = () => { 12 | const downLg = useMediaQuery(BreakPoints.down('lg')); 13 | 14 | const [showSection1, setShowSection1] = useState(false); 15 | 16 | useLayoutEffect(() => { 17 | setShowSection1(true); 18 | }, []); 19 | 20 | return ( 21 | <> 22 | 23 | RXN Input - Cross Platform Input Handler for React and React Native. 24 | 25 | 26 | 27 | 28 | {showSection1 && ( 29 | 30 | 31 |
    32 | 33 |
    34 | 35 | Cross-Platform Input Handler 36 | <br /> 37 | for React and React Native 38 | 39 | 40 | Mouse, Touches, Keyboard and Gamepad 41 | 42 | {!downLg && ( 43 | 44 | 45 | Get started 46 | 47 | 48 | )} 49 |
    50 | 51 | 52 | 53 | {downLg && ( 54 | 55 | 56 | Get started 57 | 58 | 59 | )} 60 |     61 |
    62 |     63 | )} 64 |     65 |     66 | 67 | ); 68 | }; 69 | 70 | export default Home; 71 | -------------------------------------------------------------------------------- /website/src/styles/css/globals.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | background: #0b091f; 4 | color: white; 5 | font-family: 'Lato', system-ui, -apple-system, sans-serif; 6 | margin: 0; 7 | padding: 0; 8 | overflow-x: hidden; 9 | } 10 | 11 | ::selection { 12 | background: #1a2d79a4; 13 | border-radius: 3vmin; 14 | backdrop-filter: blur(3vmin); 15 | } 16 | 17 | * { 18 | outline: none; 19 | text-decoration: none; 20 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 21 | } 22 | 23 | a { 24 | color: inherit; 25 | text-decoration: none; 26 | } 27 | 28 | ::-webkit-scrollbar { 29 | width: 0.4rem; 30 | height: 0.4rem; 31 | } 32 | 33 | ::-webkit-scrollbar-track { 34 | background-color: #0b091f; 35 | } 36 | 37 | ::-webkit-scrollbar-thumb { 38 | background-color: #8a8a8a; 39 | border-radius: 2rem; 40 | } 41 | 42 | ::-webkit-scrollbar-thumb { 43 | background-color: #94a3b8; 44 | border-radius: 20px; 45 | border: 1rem solid transparent; 46 | } 47 | 48 | ::-webkit-scrollbar-thumb:hover { 49 | background-color: #d9e8fb; 50 | } -------------------------------------------------------------------------------- /website/src/styles/pages/docs.styles.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-unused-vars */ 2 | import styled from 'styled-components'; -------------------------------------------------------------------------------- /website/src/styles/pages/index.styles.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import BreakPoints from '../theme/BreakPoints'; 3 | import Colors from '../theme/Colors'; 4 | import Sizes from '../theme/Sizes'; 5 | 6 | export const Section1 = styled.div` 7 | @keyframes fadeIn { 8 | 0% { 9 | opacity: 0; 10 | } 11 | 100% { 12 | opacity: 1; 13 | } 14 | } 15 | 16 | animation: fadeIn 5s; 17 | `; 18 | 19 | export const Section1Content = styled.div` 20 | display: flex; 21 | flex-direction: row; 22 | 23 | ${BreakPoints.down('lg')} { 24 | flex-direction: column; 25 | } 26 | `; 27 | 28 | export const Section1Background = styled.div` 29 | position: absolute; 30 | width: 100%; 31 | max-width: ${Sizes.maxWidth}; 32 | height: 250px; 33 | filter: blur(8rem); 34 | background: radial-gradient(50% 41.03% at 50% 58.97%, rgba(0, 131, 255, 0) 50%, rgb(0, 131, 255) 28.65%, rgba(0, 25, 245, 0.62) 81.25%, rgba(0, 131, 255, 0) 99.99%); 35 | left: 50%; 36 | margin-top: 20px; 37 | opacity: 0.8; 38 | transform: translateX(-50%); 39 | z-index: 0; 40 | `; 41 | 42 | export const Title = styled.h1` 43 | margin: 0px; 44 | padding: 0; 45 | font-size: 3rem; 46 | 47 | ${BreakPoints.down('lg')} { 48 | margin-left: auto; 49 | margin-right: auto; 50 | align-self: center; 51 | text-align: center; 52 | } 53 | 54 | ${BreakPoints.down('md')} { 55 | font-size: 2rem; 56 | } 57 | 58 | ${BreakPoints.down('sm')} { 59 | font-size: 1.4rem; 60 | } 61 | `; 62 | 63 | export const SubTitle = styled.h2` 64 | margin: 0; 65 | margin-top: 1.5rem; 66 | padding: 0; 67 | font-size: 1.8rem; 68 | color: ${Colors.ZIMABLUE}; 69 | 70 | ${BreakPoints.down('lg')} { 71 | margin-left: auto; 72 | margin-right: auto; 73 | align-self: center; 74 | text-align: center; 75 | } 76 | 77 | ${BreakPoints.down('md')} { 78 | font-size: 1.2rem; 79 | } 80 | 81 | ${BreakPoints.down('sm')} { 82 | font-size: 0.9rem; 83 | } 84 | 85 | & > span { 86 | color: ${Colors.BLUEBLOUSE}; 87 | } 88 | `; 89 | 90 | export const DevicesWrapper = styled.div` 91 | margin-left: auto; 92 | margin-top: -2.5rem; 93 | width: 500px; 94 | height: 500px; 95 | display: flex; 96 | justify-content: center; 97 | 98 | ${BreakPoints.down('lg')} { 99 | margin-top: 4rem; 100 | margin-left: auto; 101 | margin-right: auto; 102 | margin-top: 0rem; 103 | width: 400px; 104 | height: 300px; 105 | 106 | & > svg { 107 | align-self: end; 108 | } 109 | } 110 | 111 | ${BreakPoints.down('md')} { 112 | margin-top: 0rem; 113 | width: 300px; 114 | height: 260px; 115 | } 116 | 117 | ${BreakPoints.down('sm')} { 118 | margin-top: 0.5rem; 119 | width: 240px; 120 | height: 240px; 121 | 122 | & > svg { 123 | align-self: end; 124 | } 125 | } 126 | `; 127 | 128 | export const GetStartedButton = styled.div` 129 | margin-top: 2rem; 130 | display: flex; 131 | justify-content: center; 132 | align-items: center; 133 | cursor: pointer; 134 | user-select: none; 135 | color: white; 136 | font-weight: 600; 137 | font-size: 1.5rem; 138 | letter-spacing: 0.08rem; 139 | width: 16rem; 140 | height: 4rem; 141 | background: linear-gradient(180deg, rgba(16, 117, 255, 0.9) 0%, rgba(9, 115, 223, 0.9) 0.01%, rgba(18, 21, 93, 0.9) 100%); 142 | border: 0.1rem solid #0b4ea8; 143 | border-radius: 1rem; 144 | transition: 0.1s filter linear; 145 | &:hover { 146 | filter: brightness(140%); 147 | } 148 | 149 | ${BreakPoints.down('lg')} { 150 | margin-top: 1rem; 151 | margin-left: auto; 152 | margin-right: auto; 153 | } 154 | 155 | ${BreakPoints.down('md')} { 156 | margin-top: 0rem; 157 | width: 14rem; 158 | height: 3.5rem; 159 | font-size: 1rem; 160 | } 161 | 162 | ${BreakPoints.down('sm')} { 163 | margin-top: 0rem; 164 | width: 12rem; 165 | height: 3rem; 166 | font-size: 0.9rem; 167 | } 168 | `; 169 | -------------------------------------------------------------------------------- /website/src/styles/theme/BreakPoints.ts: -------------------------------------------------------------------------------- 1 | type sizes = "sm" | "md" | "lg" | "xl" | "2xl"; 2 | 3 | const values: Record = { 4 | sm: { min: "460px", max: "767px" }, 5 | md: { min: "768px", max: "1229px" }, 6 | lg: { min: "1230px", max: "1279px" }, 7 | xl: { min: "1280px", max: "1535px" }, 8 | "2xl": { min: "1536px" }, 9 | }; 10 | 11 | const BreakPoints = { 12 | values: values, 13 | up: (key: sizes) => `@media (min-width: ${values[key].max})`, 14 | down: (key: sizes) => `@media (max-width: ${values[key].min})`, 15 | //only: (key: sizes) => "", 16 | //not: (key: sizes) => "", 17 | //between: (start: sizes, end: sizes) => "", 18 | }; 19 | 20 | export default BreakPoints; 21 | -------------------------------------------------------------------------------- /website/src/styles/theme/Colors.ts: -------------------------------------------------------------------------------- 1 | const Colors = { 2 | BLUEBLOUSE: '#94A3B8', 3 | CLOUDLESS: '#D9E8FB', 4 | ZIMABLUE: '#1CB0FA' 5 | }; 6 | 7 | export default Colors; 8 | -------------------------------------------------------------------------------- /website/src/styles/theme/Sizes.ts: -------------------------------------------------------------------------------- 1 | const Sizes ={ 2 | maxWidth: `90rem` 3 | } 4 | 5 | export default Sizes; -------------------------------------------------------------------------------- /website/src/styles/theme/zIndex.ts: -------------------------------------------------------------------------------- 1 | const zIndex = { 2 | TopBar: 999999 3 | }; 4 | 5 | export default zIndex; -------------------------------------------------------------------------------- /website/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | --------------------------------------------------------------------------------