nx-react-native-cli 1.0.7 → 1.0.8

package/README.md

@@ -24,6 +24,6 @@ This NPM library package allows you to effortlessly generate a Nx workspace with
 
 <h2 id="🛠-usage">🛠 Usage</h2>
 <p>Generate a new Nx workspace with the React Native preset:</p>
-<pre><code class="language-bash">npx nx-react-native-cli@latest nxrn create
+<pre><code class="language-bash">npx nx-react-native-cli@latest create
 </code></pre>
 

package/contents/.eslintrc.json

@@ -0,0 +1,293 @@
+{
+  "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nx"],
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"] // @typescript-eslint/parser
+    },
+    "import/resolver": {
+      "typescript": {
+        "project": ["tsconfig.base.json"]
+      },
+      "node": {
+        "project": ["tsconfig.base.json"]
+      }
+    }
+  },
+  "overrides": [
+    {
+      "parserOptions": {
+        "project": "tsconfig.base.json"
+      },
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "extends": [
+        "airbnb-typescript", // eslint-config-airbnb-typescript
+        "eslint:recommended", // eslint-plugin-react
+        "plugin:react/recommended", // eslint-plugin-react
+        "plugin:react-hooks/recommended", // eslint-plugin-react-hooks
+        "plugin:react-perf/recommended", // eslint-plugin-react-perf
+        "plugin:sonarjs/recommended", // eslint-plugin-sonarjs
+        "plugin:@tanstack/eslint-plugin-query/recommended", // @tanstack/eslint-plugin-query
+        "plugin:tailwindcss/recommended", // eslint-plugin-tailwindcss
+        "prettier" // eslint-config-prettier
+      ],
+      "plugins": [
+        "@typescript-eslint", // @typescript-eslint/eslint-plugin
+        "react", // eslint-plugin-react
+        "react-perf", // eslint-plugin-react-perf
+        "react-hooks", // eslint-plugin-react-hooks
+        "@tanstack/query", // @tanstack/eslint-plugin-query
+        "sonarjs", // eslint-plugin-sonarjs
+        "import", // eslint-plugin-import
+        "sort-destructure-keys", // eslint-plugin-sort-destructure-keys
+        "sort-keys-fix", // eslint-plugin-sort-keys-fix
+        "prettier" // eslint-plugin-prettier
+      ],
+      "settings": {
+        "import/resolver": {
+          "node": {
+            "extensions": [".js", ".jsx", ".ts", ".tsx"]
+          },
+          "typescript": {}
+        },
+        "react": {
+          "version": "detect"
+        }
+      },
+      "rules": {
+        "@nx/enforce-module-boundaries": [
+          "error",
+          {
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
+          }
+        ],
+        "@tanstack/query/exhaustive-deps": "error",
+        "array-bracket-spacing": ["error", "never"],
+        "arrow-body-style": ["error", "as-needed"],
+        "arrow-parens": ["error", "always"],
+        "brace-style": "error",
+        "comma-dangle": [
+          "error",
+          {
+            "arrays": "always-multiline",
+            "exports": "always-multiline",
+            "functions": "only-multiline",
+            "imports": "always-multiline",
+            "objects": "always-multiline"
+          }
+        ],
+        "comma-spacing": [
+          "error",
+          {
+            "after": true,
+            "before": false
+          }
+        ],
+        "curly": "error",
+        "eol-last": ["error", "always"],
+        "eqeqeq": ["error", "always"],
+        "func-names": "error",
+        "import/no-extraneous-dependencies": "off",
+        "import/no-unresolved": "error",
+        "sort-destructure-keys/sort-destructure-keys": [
+          "error",
+          {
+            "caseSensitive": false
+          }
+        ],
+        "sort-keys-fix/sort-keys-fix": "warn",
+        "import/order": [
+          "error",
+          {
+            "alphabetize": {
+              "order": "asc"
+            },
+            "groups": [
+              "builtin",
+              "external",
+              "internal",
+              "parent",
+              "sibling",
+              "index"
+            ],
+            "newlines-between": "always"
+          }
+        ],
+        "jsx-quotes": ["error", "prefer-double"],
+        "key-spacing": [
+          "error",
+          {
+            "mode": "strict"
+          }
+        ],
+        "max-depth": ["error", 3],
+        "max-len": [
+          "error",
+          {
+            "code": 125,
+            "ignoreComments": true,
+            "ignoreStrings": true,
+            "ignoreTemplateLiterals": true
+          }
+        ],
+        "max-params": ["error", 3],
+        "no-alert": "error",
+        "no-console": "warn",
+        "no-duplicate-imports": "error",
+        "no-empty-function": "warn",
+        "no-extra-boolean-cast": "warn",
+        "no-extra-semi": "warn",
+        "no-magic-numbers": [
+          "error",
+          {
+            "ignore": [-1, 0, 1, 2, 30, 60, 100, 1000],
+            "ignoreArrayIndexes": true
+          }
+        ],
+        "no-multi-spaces": "warn",
+        "no-multiple-empty-lines": [
+          "error",
+          {
+            "max": 1,
+            "maxEOF": 0
+          }
+        ],
+        "no-plusplus": "warn",
+        "no-trailing-spaces": "warn",
+        "no-unreachable": "error",
+        "no-unused-expressions": "warn",
+        "no-unused-vars": "off",
+        "no-use-before-define": "off",
+        "no-var": "error",
+        "padding-line-between-statements": [
+          "error",
+          {
+            "blankLine": "always",
+            "next": "return",
+            "prev": "*"
+          }
+        ],
+        "prefer-arrow-callback": "warn",
+        "prefer-const": "error",
+        "prettier/prettier": [
+          "error",
+          {
+            "endOfLine": "auto"
+          }
+        ],
+        "quotes": ["error", "single", { "avoidEscape": true }],
+        "react-hooks/exhaustive-deps": "warn",
+        "react-hooks/rules-of-hooks": "error",
+        "react-perf/jsx-no-new-array-as-prop": "off",
+        "react-perf/jsx-no-new-function-as-prop": "off",
+        "react-perf/jsx-no-new-object-as-prop": "off",
+        "react/display-name": "off",
+        "react/jsx-filename-extension": [
+          "warn",
+          {
+            "extensions": [".tsx", ".ts"]
+          }
+        ],
+        "react/jsx-handler-names": [
+          "error",
+          {
+            "eventHandlerPrefix": "handle",
+            "eventHandlerPropPrefix": "on"
+          }
+        ],
+        "react/jsx-sort-props": [
+          "error",
+          {
+            "callbacksLast": true,
+            "ignoreCase": true,
+            "reservedFirst": true,
+            "shorthandFirst": true
+          }
+        ],
+        "react/prefer-stateless-function": "error",
+        "react/prop-types": "off",
+        "react/react-in-jsx-scope": "off",
+        "react/sort-comp": [
+          "error",
+          {
+            "order": [
+              "type-annotations",
+              "static-methods",
+              "lifecycle",
+              "/^handle.+$/",
+              "everything-else",
+              "render"
+            ]
+          }
+        ],
+        "semi": ["error", "always"],
+        "semi-spacing": [
+          "error",
+          {
+            "after": true,
+            "before": false
+          }
+        ],
+        "sonarjs/cognitive-complexity": ["error", 50],
+        "sort-keys": [
+          "error",
+          "asc",
+          {
+            "caseSensitive": true,
+            "minKeys": 2,
+            "natural": false
+          }
+        ],
+        "space-before-blocks": "error",
+        "space-before-function-paren": [
+          "error",
+          {
+            "anonymous": "always",
+            "asyncArrow": "always",
+            "named": "never"
+          }
+        ],
+        "space-in-parens": ["error", "never"],
+        "tailwindcss/classnames-order": "off"
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nx/typescript"],
+      "rules": {
+        "@typescript-eslint/consistent-type-definitions": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-use-before-define": "off",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          {
+            "args": "none"
+          }
+        ],
+        "@typescript-eslint/ban-types": [
+          "error",
+          {
+            "types": {
+              "{}": false,
+              "Function": false
+            },
+            "extendDefaults": true
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {}
+    }
+  ]
+}

package/contents/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+echo -e "===\n>> Checking lint..."
+npm run lint:all

package/contents/.husky/pre-push

@@ -0,0 +1,15 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+echo -e "===\n>> Checking branch name..."
+BRANCH=`git rev-parse --abbrev-ref HEAD`
+PROTECTED_BRANCHES="^(main|staging|development)$"
+BRANCH_COMMAND=$(ps -ocommand= -p $PPID | awk '{print $NF}')
+
+if [[ "$BRANCH" =~ $PROTECTED_BRANCHES ]]
+then
+  echo -e "\n🚫 Cannot push to remote $BRANCH branch, please create your own branch and create a PR." && exit 1
+fi
+
+echo -e ">> Finished checking branch name.\n==="
+

package/contents/.nvmrc

@@ -0,0 +1 @@
+v18.17.0

package/contents/.prettierignore

@@ -0,0 +1,8 @@
+# Add files here to ignore them from prettier formatting
+tmp
+node_modules
+/dist
+/coverage
+/test
+/build
+/.nx/cache

package/contents/.prettierrc

@@ -0,0 +1,13 @@
+{
+  "arrowParens": "always",
+  "endOfLine": "auto",
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "tailwindAttributes": ["className", "style"],
+  "tailwindFunctions": ["clsx", "tw", "twMerge"],
+  "trailingComma": "all",
+  "useTabs": false
+}

package/contents/.ruby-version

@@ -0,0 +1 @@
+3.1.2

package/contents/.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "nrwl.angular-console",
+    "esbenp.prettier-vscode",
+    "firsttris.vscode-jest-runner",
+    "bradlc.vscode-tailwindcss",
+    "dbaeumer.vscode-eslint",
+    "streetsidesoftware.code-spell-checker"
+  ]
+}

package/contents/.vscode/settings.json

@@ -0,0 +1,18 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.fixAll.stylelint": "never"
+  },
+  "files.insertFinalNewline": true,
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "typescript.preferences.importModuleSpecifier": "project-relative",
+  "tailwindCSS.classAttributes": ["className", "style"],
+  "tailwindCSS.experimental.classRegex": [
+    "tw`([^`]*)",
+    ["tw.style\\(([^)]*)\\)", "'([^']*)'"]
+  ]
+}

package/contents/apps/mobile/.env.template

@@ -0,0 +1,3 @@
+IS_LIVE=false
+STORAGE_KEY=MMKV-STORAGE-KEY
+API_BASE_URL=

package/contents/apps/mobile/.eslintrc.json

@@ -0,0 +1,34 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": [
+    "!**/*",
+    ".cache",
+    ".next/**/*",
+    "*.d.ts",
+    "*.spec.ts",
+    "babel.config.js",
+    "jest.config.ts",
+    "metro.config.js",
+    "node_modules",
+    "project.json",
+    "react-native.config.js",
+    "tailwind.config.js",
+    "test-setup.ts",
+    "tsconfig.json",
+    "tsconfig.spec.json"
+  ],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/contents/apps/mobile/Gemfile

@@ -0,0 +1,11 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+gem "fastlane", "= 2.221.1"
+
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'
+
+plugins_path = File.join(File.dirname(__FILE__), './fastlane', 'Pluginfile')
+eval_gemfile(plugins_path) if File.exist?(plugins_path)

package/contents/apps/mobile/android/app/build.gradle

@@ -0,0 +1,164 @@
+apply plugin: "com.android.application"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '..'
+    // root = file("../")
+    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+    // reactNativeDir = file("../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
+    // codegenDir = file("../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
+    // cliFile = file("../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+    entryFile = file("../../src/main.tsx")
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    namespace "com.appsmobile"
+    flavorDimensions "default"
+
+    defaultConfig {
+        applicationId "com.appsmobile"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+        
+        testBuildType System.getProperty('testBuildType', 'debug')
+        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
+        
+    }
+    signingConfigs {
+        debug {
+            storeFile file('dev.keystore')
+            storePassword 'development'
+            keyAlias 'dev'
+            keyPassword 'development'
+        }
+        dev {
+            storeFile file('dev.keystore')
+            storePassword 'development'
+            keyAlias 'dev'
+            keyPassword 'development'
+        }
+        production {
+            storeFile file('production.keystore')
+            storePassword System.getenv("STORE_PASSWORD")
+            keyAlias System.getenv("KEY_ALIAS")
+            keyPassword System.getenv("KEY_PASSWORD")
+        }
+    }
+
+    productFlavors {
+        dev {
+            minSdkVersion rootProject.ext.minSdkVersion
+            applicationId "com.appsmobile"
+            applicationIdSuffix ".dev"
+            targetSdkVersion rootProject.ext.targetSdkVersion
+            resValue "string", "build_config_package", "com.appsmobile.dev"
+            signingConfig signingConfigs.dev
+        }
+        production {
+            minSdkVersion rootProject.ext.minSdkVersion
+            applicationId "com.appsmobile"
+            targetSdkVersion rootProject.ext.targetSdkVersion
+            resValue "string", "build_config_package", "com.appsmobile"
+            signingConfig signingConfigs.production
+        }
+    }
+
+    buildTypes {
+        debug {
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+            
+            proguardFile "${rootProject.projectDir}/../node_modules/detox/android/detox/proguard-rules-app.pro"
+            
+        }
+    }
+}
+
+dependencies {
+    
+    androidTestImplementation('com.wix:detox:+')
+    implementation 'androidx.appcompat:appcompat:1.1.0'
+    
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
+    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
+        exclude group:'com.squareup.okhttp3', module:'okhttp'
+    }
+
+    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

package/contents/apps/mobile/android/app/src/dev/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">AppsMobile - Dev</string>
+</resources>

package/contents/apps/mobile/android/app/src/production/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+<string name="app_name">AppsMobile</string>
+</resources>

package/contents/apps/mobile/android/build.gradle

@@ -0,0 +1,34 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext {
+        buildToolsVersion = "33.0.0"
+        minSdkVersion = 24
+        compileSdkVersion = 34
+        targetSdkVersion = 34
+        kotlinVersion = "1.8.20"
+
+        // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP.
+        ndkVersion = "23.1.7779620"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion")
+    }
+}
+
+allprojects {
+    repositories {
+        
+        maven {
+            // https://wix.github.io/Detox/docs/introduction/project-setup
+            url("$rootDir/../node_modules/detox/Detox-android")
+        }
+        
+    }
+}

package/contents/apps/mobile/babel.config.json

@@ -0,0 +1,14 @@
+{
+  "presets": ["module:metro-react-native-babel-preset"],
+  "plugins": [
+    [
+      "module:react-native-dotenv",
+      {
+        "envName": "ENVFILE",
+        "moduleName": "@env",
+        "path": ".env"
+      }
+    ],
+    "react-native-reanimated/plugin"
+  ]
+}