[ { "path": ".gitignore", "content": "\n# node.js\n#\nnpm-debug.log\nyarn-error.log\nyarn-lock.json\npackage-lock.json\nyarn.lock\n\nnode_modules\n.yarn/\n\ntemplates/CliTemplate/android/app/build\ntemplates/CliTemplate/ios/build\ntemplates/ExpoTemplate/.env.production\ntemplates/ExpoTemplate/.env.staging\ntemplates/ExpoTemplate/.env.development\ntemplates/CliTemplate/.env.development\ntemplates/CliTemplate/.env.production\ntemplates/CliTemplate/.env.staging\n" }, { "path": ".husky/commit-msg", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpx --no -- commitlint --edit\n" }, { "path": ".husky/pre-commit", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\n" }, { "path": ".npmignore", "content": ".github\n\n!.env\nmedia/\n.yarn/\n\n# \n\n# node.js\n#\nnpm-debug.log\nyarn-error.log\nyarn-lock.json\npackage-lock.json\nnode_modules/\n.husky/\ntemplates/CliTemplate/android/app/build\ntemplates/CliTemplate/ios/build\ndocumentation/\n.yarn/\n" }, { "path": ".vscode/settings.json", "content": "{\n \"eslint.options\": {},\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"eslint.run\": \"onSave\",\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"editor.formatOnSave\": true,\n \"cSpell.words\": [\"dtos\", \"Formik\", \"gradlew\", \"MMKV\", \"persistor\"],\n \"conventionalCommits.scopes\": [\"contents\"]\n}\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2023 MindInventory\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "\n\n# React Native Boilerplate!🚀\n\n[![npm version](https://img.shields.io/npm/v/@mindinventory/react-native-boilerplate.svg)](<[https://www.npmjs.org/package/@mindinventory/react-native-boilerplate](https://www.npmjs.com/package/@mindinventory/react-native-boilerplate)>)\n![@mindinventory/React Native Boilerplate Top Language](https://img.shields.io/github/languages/top/Mindinventory/react-native-boilerplate)\n![@mindinventory/React Native Boilerplate TypeScript](https://badgen.net/npm/types/tslib)\n![@mindinventory/React Native Boilerplate License](https://img.shields.io/github/license/Mindinventory/react-native-boilerplate)\n\nThe Boilerplate contains all the basic packages, common components and, prebuilt code architecture. It will save developer's project setup time.\n\n## Introduction\n\nThis repository serves as a boilerplate for React Native projects, providing a solid foundation to kickstart your development process. It includes a collection of scripts to generate images and icons, making it easier to customize your app's visual assets.\n\nCreate a new project using the boilerplate :\n\n**For React Native Cli**\n\n```\nnpx @react-native-community/cli@latest init APP_NAME --template @mindinventory/react-native-boilerplate\n```\n\n**For Expo**\n\n```\nnpx @mindinventory/react-native-boilerplate\n```\n\n## [Comprehensive documentation](https://mindinventory.github.io/react-native-boilerplate)\n\nUnlock the power of our boilerplate with our comprehensive [documentation here](https://mindinventory.github.io/react-native-boilerplate)! Learn the rationale behind design decisions and get clear instructions on using features.\n\n## Tech Stack\n\n| Library | Category | Version | Description |\n| ---------------------------------- | -------------------- | ------- | ---------------------------------------------- |\n| React Native | Mobile Framework | v0.74 | The best cross-platform mobile framework |\n| React | UI Framework | v18 | The most popular UI framework in the world |\n| TypeScript | Language | v5 | Static typechecking |\n| React Navigation | Navigation | v6 | Performant and consistent navigation framework |\n| React Native Localization(for CLI) | Internationalization | v3 | i18n support (including RTL!) |\n| Redux | State Management | v5 | Observable state tree |\n| Redux-toolkit | Redux integration | v2 | New redux library with some function helpers |\n| RN Reanimated | Animations | v3 | Beautiful and performant animations |\n| MMKV(for CLI) | Persistence | v2 | State persistence |\n| axios | REST client | v1 | Communicate with back-end |\n| Hermes | JS engine | | Fine-tuned JS engine for RN |\n| Async storage(for Expo) | Persistence | v1 | State persistence |\n| expo-localization(for Expo) | Internationalization | v15 | localization support |\n\n## Contribution\n\nContributions to this boilerplate are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the repository.\n\n# LICENSE\n\nreact-native-boilerplate is [MIT-licensed](https://github.com/Mindinventory/react-native-boilerplate/blob/master/LICENSE).\n\n# Let us know\n\nIf you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventory.com\n\n

Please feel free to use this component and Let us know if you are interested to building Apps or Designing Products.

\n\n\"app\n\n" }, { "path": "bin/index.js", "content": "#!/usr/bin/env node\nconst path = require(\"path\");\nconst { fileURLToPath, URL } = require(\"node:url\");\nconst kleur = require(\"kleur\");\nconst {\n getProjectName,\n getBoilerplateType,\n getPackageId,\n getConfirmationForGitInit,\n} = require(\"../src/prompts.js\");\nconst { expoProjectSetup } = require(\"../src/projectSetup.js\");\nconst { setupInitialdependency } = require(\"../src/dependencyHandler.js\");\nconst { gitInitialize } = require(\"../src/gitHandler.js\");\nconst { textBanners, boilerplateBanner } = require(\"../src/helper.js\");\n\nconst { green } = kleur;\n\n// const __filename = fileURLToPath(import.meta.url)\n// const __filenameNew = fileURLToPath(new URL('.', './index.js'));\n\n// const __dirnameNew = path.dirname(__filenameNew)\nconst __filenameNew = path.resolve(__dirname, \"index.js\"); // Resolves index.js in the current directory\nconst __dirnameNew = path.dirname(__filenameNew);\nconsole.log(\"__dirnameNew: \", __dirnameNew);\n\nconst boilerplates = \"ExpoTemplate\";\n\nasync function main() {\n const { projectName } = await getProjectName();\n if (!projectName) {\n return;\n }\n const destPath = path.resolve(process.cwd(), projectName);\n\n const packageJsonPath = path.join(destPath, \"package.json\");\n const appJsonPath = path.join(destPath, \"app.json\");\n\n const { boilerplate } = await getBoilerplateType();\n\n let packageId = null;\n if (boilerplate === \"bare react native\") {\n const response = await getPackageId(projectName);\n packageId = response.packageId;\n }\n const { gitInit } = await getConfirmationForGitInit();\n\n const srcPath = path.resolve(__dirnameNew, \"../templates\", boilerplates);\n\n try {\n await textBanners();\n await boilerplateBanner();\n if (boilerplate === \"expo\") {\n await expoProjectSetup({\n srcPath,\n destPath,\n packageJsonPath,\n appJsonPath,\n projectName,\n packageId,\n makePreBuildConfig: false,\n });\n await setupInitialdependency({ makePreBuildConfig: false });\n if (gitInit) {\n await gitInitialize();\n }\n\n console.log(\"\\n\");\n console.log(green().bold(\"🚀\\u00A0Project created successfully.\"));\n } else {\n if (projectName && packageId) {\n await expoProjectSetup({\n srcPath,\n destPath,\n packageJsonPath,\n appJsonPath,\n projectName,\n packageId,\n makePreBuildConfig: true,\n });\n await setupInitialdependency({ makePreBuildConfig: true });\n if (gitInit) {\n await gitInitialize();\n }\n\n console.log(\"\\n\");\n console.log(green().bold(\"🚀\\u00A0Project created successfully.\"));\n } else {\n return;\n }\n }\n } catch (err) {\n console.error(\"❌ Error setting up boilerplate:\", err);\n }\n}\n\nmain();\n" }, { "path": "commitlint.config.js", "content": "module.exports = {extends: ['@commitlint/config-conventional']};\n" }, { "path": "package.json", "content": "{\n \"name\": \"@mindinventory/react-native-boilerplate\",\n \"version\": \"3.0.0\",\n \"description\": \"React Native Template\",\n \"repository\": \"https://github.com/Mindinventory/react-native-boilerplate.git\",\n \"author\": \"Mindinventory\",\n \"license\": \"MIT\",\n \"main\": \"./bin/index.js\",\n \"private\": false,\n \"scripts\": {\n \"android\": \"cd MIBoilerplate/ && npx react-native run-android\",\n \"ios\": \"cd MIBoilerplate/ && npx react-native run-ios\",\n \"prepare\": \"husky\"\n },\n \"bin\": {\n \"@mindinventory/react-native-boilerplate\": \"./bin/index.js\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/Mindinventory/react-native-boilerplate/issues\"\n },\n \"homepage\": \"https://github.com/Mindinventory/react-native-boilerplate/blob/master/README.md\",\n \"keywords\": [\n \"react-native\",\n \"mindinventory\",\n \"boilerplate\",\n \"starter-kit\",\n \"react-native-template\",\n \"react\",\n \"native\",\n \"template\",\n \"expo\"\n ],\n \"licenses\": [\n {\n \"type\": \"MIT\",\n \"url\": \"https://github.com/Mindinventory/react-native-boilerplate/blob/master/LICENSE\"\n }\n ],\n \"devDependencies\": {\n \"@commitlint/cli\": \"^19.5.0\",\n \"@commitlint/config-conventional\": \"^19.5.0\",\n \"husky\": \"^9.1.6\"\n },\n \"dependencies\": {\n \"chalk\": \"^5.3.0\",\n \"execa\": \"^9.4.0\",\n \"figlet\": \"^1.7.0\",\n \"fs-extra\": \"^11.2.0\",\n \"inquirer\": \"^11.0.2\",\n \"kleur\": \"^4.1.5\",\n \"ora\": \"^8.1.0\",\n \"path\": \"^0.12.7\",\n \"replace-in-file\": \"^8.2.0\"\n },\n \"type\": \"commonjs\"\n}\n" }, { "path": "script.js", "content": "#!/usr/bin/env node\n\nconsole.log(\"Welcome to Mindinventory React native boilerplate\");\n\nconst { execSync } = require(\"child_process\");\n\nconst installDependencies = () => {\n console.log(\"\\n\\n\");\n\n console.log(\n \"@mindinventory/react-native-boilerplate initialized with success! 🚀\\n\"\n );\n\n console.log(\"Installing dependencies... 🛠️\\n\");\n execSync(`yarn`, { stdio: \"inherit\" });\n console.log(\"Dependencies installed successfully. 🚀\\n\");\n\n console.log(\"bundle Installing 🛠️\\n\");\n execSync(`bundle`, { stdio: \"inherit\" });\n console.log(\"bundle installed successfully.🚀\\n\");\n\n console.log(\"pod-install Installing 🛠️\\n\");\n execSync(`npx pod-install`, { stdio: \"inherit\" });\n console.log(\"pod-install installed successfully.🚀\\n\");\n};\nconst fs = require(\"fs\");\n\nconst initializeGit = () => {\n const gitignoreContent = `\n# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# production\n/build\n\n# misc\n.DS_Store\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n `;\n\n fs.writeFileSync(\".gitignore\", gitignoreContent);\n console.log(\".gitignore file created successfully. 🚀\\n\");\n try {\n execSync(\"git add .\", { stdio: \"inherit\", shell: true });\n execSync(`git commit -m 'Initial commit'`, {\n stdio: \"inherit\",\n shell: true,\n });\n } catch (error) {\n console.error(`🚨 An error occurred while initializing git: ${error}`);\n }\n};\n\nconst main = async () => {\n execSync(\"git init\", { stdio: \"inherit\" });\n installDependencies();\n initializeGit();\n};\n\nnew Promise((resolve) => {\n main();\n resolve();\n})\n .then(() => {\n console.log(\n \"- 🎉 Congrats! Your project is ready with @mindinventory/react-native-boilerplate! 🎉\\n\"\n );\n\n console.log(\n \"- 📚 If you need to read more about this boilerplate : https://github.com/Mindinventory/react-native-boilerplate/blob/master/README.md\\n\"\n );\n console.log(\n \"- 🤕 If you have some troubles : https://github.com/Mindinventory/react-native-boilerplate/issues\\n\"\n );\n console.log(\n \"- ⭐ If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :) https://github.com/Mindinventory/react-native-boilerplate\\n\"\n );\n })\n .catch((error) => {\n console.error(`🚨 An error occurred with post init script: ${error}`);\n throw new Error();\n });\n" }, { "path": "src/dependencyHandler.js", "content": "const { exec } = require('child_process');\n\nvar util = require('util')\nconst { loading, logger } = require(\"./helper.js\");\nconst execAsync = util.promisify(exec)\n\nasync function setupInitialdependency({makePreBuildConfig}) {\n let installDepenLoading = await loading('🛠️\\u00A0dependency installing...')\n installDepenLoading.start()\n await execAsync(\"yarn\",{stdio: 'inherit'});\n await execAsync(\"npx expo install --fix \",{stdio: 'inherit'});\n if (makePreBuildConfig) {\n await execAsync(`npx expo install expo-dev-client`) \n }\n installDepenLoading.succeed('dependency install successfully...')\n if (makePreBuildConfig) {\n logger('⚙️' + ' ' + 'Configuring project...')\n logger('⏱️' + ' ' + 'Please wait. May this process will take minutes...')\n console.log(\"\\n\")\n let preBuildLoading = await loading('⚙️' + ' ' + 'Configuring project...')\n preBuildLoading.start()\n await execAsync(`npx expo prebuild --clean`)\n preBuildLoading.succeed('Configured project successfully!! ...')\n }\n}\n\nmodule.exports = {\n setupInitialdependency\n};" }, { "path": "src/gitHandler.js", "content": "const { exec } = require('child_process');\nvar util = require('util')\n\nconst execAsync = util.promisify(exec)\n\nasync function gitInitialize() {\n await execAsync(\"git init\", { stdio: \"inherit\" });\n await execAsync(\"git add .\");\n await execAsync(`git commit -m 'Initial commit'`);\n}\n\nmodule.exports = {\n gitInitialize\n};" }, { "path": "src/helper.js", "content": "const kleur = require(\"kleur\");\nvar figlet = require(\"figlet\");\nconst { red, green, yellow } = kleur;\n\nfunction logError(message) {\n console.error(red().bold(`[ERROR] ${message}`));\n process.exit(1); // Exit the process after logging error\n}\nfunction logWarning(message) {\n console.warn(yellow().bold(`[WARNING] ${message}`));\n}\nfunction logSuccess(message) {\n console.log(green().bold(`[SUCCESS] ${message}`));\n}\n\nfunction logger(message) {\n console.log(`${message}`);\n}\n\nasync function loading(text) {\n const ora = (await import(\"ora\")).default;\n return ora(`${text}`);\n}\n\nasync function textBanners() {\n const chalk = (await import(\"chalk\")).default;\n return figlet.text(\n \"MINDINVENTORY\",\n {\n font: \"Big Money-nw\",\n horizontalLayout: \"full\",\n verticalLayout: \"default\",\n whitespaceBreak: true,\n width: 200,\n },\n function (err, data) {\n if (err) {\n console.log(\"Something went wrong...\");\n console.dir(err);\n return;\n }\n console.log(chalk.hex(\"#ED184F\")(data));\n }\n );\n}\n\nasync function boilerplateBanner() {\n const chalk = (await import(\"chalk\")).default;\n return figlet.text(\n \"BOILERPLATE\",\n {\n font: \"Big Money-nw\",\n horizontalLayout: \"full\",\n verticalLayout: \"default\",\n whitespaceBreak: true,\n width: 200,\n },\n function (err, data) {\n if (err) {\n console.log(\"Something went wrong...\");\n console.dir(err);\n return;\n }\n console.log(chalk.hex(\"#FFFFFF\")(data));\n }\n );\n}\nmodule.exports = {\n logError,\n logWarning,\n logSuccess,\n loading,\n textBanners,\n logger,\n boilerplateBanner,\n};\n" }, { "path": "src/projectSetup.js", "content": "const fs = require('fs-extra')\nconst {loading} = require('./helper.js')\n\nasync function expoProjectSetup({srcPath, destPath, packageJsonPath, appJsonPath, projectName, packageId, makePreBuildConfig}) {\n let initLoading = await loading('🧰\\u00A0Setting up environment...')\n initLoading.start()\n await fs.copy(srcPath, destPath)\n if (await fs.pathExists(packageJsonPath)) {\n const packageJson = await fs.readJson(packageJsonPath)\n packageJson.name = projectName\n await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 })\n }\n\n if (await fs.pathExists(appJsonPath)) {\n const appJson = await fs.readJson(appJsonPath)\n appJson.expo.name = projectName\n appJson.expo.slug = projectName\n if (makePreBuildConfig) {\n appJson.expo.ios.bundleIdentifier = packageId\n appJson.expo.android.package = packageId\n }\n await fs.writeJson(appJsonPath, appJson, { spaces: 2 }) \n }\n process.chdir(destPath)\n initLoading.info()\n}\n\nmodule.exports = {\n expoProjectSetup\n};" }, { "path": "src/prompts.js", "content": "const path = require('path')\nconst fs = require('fs-extra')\nconst {logError} = require('./helper.js') \n\nasync function getProjectName() {\n const inquirer = (await import('inquirer')).default;\n const { projectName } = await inquirer.prompt([\n {\n type: \"input\",\n name: \"projectName\",\n message: \"Enter the project name:\",\n validate: (input) => (input ? true : \"Project name cannot be empty\"),\n },\n ])\n\n const destPath = path.resolve(process.cwd(), projectName)\n if (await fs.pathExists(destPath)) { \n logError(`The directory \"${projectName}\" already exists`)\n return {\n projectName : ''\n }\n }\n return {\n projectName\n }\n}\n\nasync function getBoilerplateType() {\n const inquirer = (await import('inquirer')).default;\n return await inquirer.prompt([\n {\n type: \"list\",\n name: \"boilerplate\",\n message: \"Select the boilerplate to use:\",\n choices: [\"expo\", \"bare react native\"],\n },\n ]);\n}\n\n\nasync function getPackageId(projectName) {\n const inquirer = (await import('inquirer')).default;\n return await inquirer.prompt([\n {\n type: \"input\",\n name: \"packageId\",\n message: \"Enter the package ID (e.g., com.myapp):\",\n validate: (input) =>\n /^[a-zA-Z]+\\.[a-zA-Z]+/.test(input) ? true : \"Package ID is not valid\",\n default: `com.${projectName.toLowerCase()}`,\n },\n ]);\n}\n\nasync function getConfirmationForGitInit() {\n const inquirer = (await import('inquirer')).default;\n return await inquirer.prompt([\n {\n type: \"confirm\",\n name: \"gitInit\",\n message: \"Initialize git repository?\", \n default: true\n },\n ]);\n}\n\nmodule.exports = {\n getProjectName,\n getBoilerplateType,\n getPackageId,\n getConfirmationForGitInit\n};" }, { "path": "template.config.js", "content": "module.exports = {\n // Placeholder used to rename and replace in files\n // package.json, index.json, android/, ios/\n placeholderName: \"MIBoilerplate\",\n\n // Directory with template\n templateDir: \"./templates/CliTemplate\",\n\n // Path to script, which will be executed after init\n postInitScript: \"./script.js\",\n titlePlaceholder: \"@mindinventory React Native Boilerplate\",\n}\n" }, { "path": "templates/CliTemplate/.bundle/config", "content": "BUNDLE_PATH: \"vendor/bundle\"\nBUNDLE_FORCE_RUBY_PLATFORM: 1\n" }, { "path": "templates/CliTemplate/.eslintrc.js", "content": "module.exports = {\n extends: [\n '@react-native',\n 'prettier',\n 'plugin:react-hooks/recommended',\n 'plugin:react-native/all',\n ],\n overrides: [\n {\n files: ['*.ts', '*.tsx', '*.js'],\n rules: {\n '@typescript-eslint/no-shadow': ['error'],\n 'no-shadow': 'off',\n 'no-undef': 'off',\n 'react/no-unstable-nested-components': ['off', {allowAsProps: true}],\n },\n },\n ],\n parser: '@typescript-eslint/parser',\n plugins: [\n '@typescript-eslint',\n 'eslint-plugin-no-inline-styles',\n 'import',\n 'react-hooks',\n 'sort-keys-fix',\n 'sort-destructure-keys',\n 'react-native',\n ],\n root: true,\n rules: {\n 'import/newline-after-import': [\n 'warn',\n {\n count: 1,\n },\n ],\n 'import/no-duplicates': 'error',\n 'import/order': [\n 'error',\n {\n alphabetize: {\n caseInsensitive: true,\n order: 'asc',\n },\n groups: [\n ['external', 'builtin'],\n 'internal',\n ['sibling', 'parent'],\n 'index',\n ],\n 'newlines-between': 'always',\n pathGroups: [\n {\n group: 'external',\n pattern: '@(react|react-native)',\n position: 'before',\n },\n {\n group: 'internal',\n pattern: '@miBoilerplate/**',\n },\n {\n group: 'internal',\n pattern: '@src/**',\n },\n ],\n pathGroupsExcludedImportTypes: ['internal', 'react'],\n },\n ],\n 'no-console': ['error'],\n 'no-inline-styles/no-inline-styles': 2,\n 'no-restricted-imports': [\n 'error',\n {\n importNames: ['Text', 'Image'],\n message: 'Please use @app/blueprints for importing main elements.',\n name: 'react-native',\n },\n ],\n 'no-shadow': 'off',\n 'prettier/prettier': [\n 'error',\n {\n arrowParens: 'avoid',\n bracketSameLine: true,\n bracketSpacing: true,\n quoteProps: 'consistent',\n singleQuote: true,\n tabWidth: 2,\n trailingComma: 'es5',\n useTabs: false,\n },\n ],\n 'react-hooks/exhaustive-deps': 'error',\n 'react-hooks/rules-of-hooks': 'error',\n 'sort-destructure-keys/sort-destructure-keys': [2, {caseSensitive: false}],\n 'sort-imports': [\n 'error',\n {\n ignoreCase: true,\n ignoreDeclarationSort: true,\n ignoreMemberSort: false,\n },\n ],\n 'sort-keys-fix/sort-keys-fix': [\n 'error',\n 'asc',\n {\n caseSensitive: false,\n natural: true,\n },\n ],\n },\n};\n" }, { "path": "templates/CliTemplate/.gitignore", "content": "# OSX\n#\n.DS_Store\n\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2v3\n!default.mode2v3\n*.perspectivev3\n!default.perspectivev3\nxcuserdata\n*.xccheckout\n*.moved-aside\nDerivedData\n*.hmap\n*.ipa\n*.xcuserstate\n**/.xcode.env.local\n\n# Android/IntelliJ\n#\nbuild/\n.idea\n.gradle\nlocal.properties\n*.iml\n*.hprof\n.cxx/\n*.keystore\n!debug.keystore\n\n# node.js\n#\nnode_modules/\nnpm-debug.log\nyarn-error.log\n\n# fastlane\n#\n# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the\n# screenshots whenever they are needed.\n# For more information about the recommended setup visit:\n# https://docs.fastlane.tools/best-practices/source-control/\n\n**/fastlane/report.xml\n**/fastlane/Preview.html\n**/fastlane/screenshots\n**/fastlane/test_output\n\n# Bundle artifact\n*.jsbundle\n\n# Ruby / CocoaPods\n**/Pods/\n/vendor/bundle/\n\n# Temporary files created by Metro to check the health of the file watcher\n.metro-health-check*\n\n# testing\n/coverage\n\n# Yarn\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/sdks\n!.yarn/versions\n" }, { "path": "templates/CliTemplate/.husky/commit-msg", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpx --no -- commitlint --edit \n" }, { "path": "templates/CliTemplate/.husky/pre-commit", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nyarn fix:lint\n" }, { "path": "templates/CliTemplate/.node-version", "content": "18\n" }, { "path": "templates/CliTemplate/.prettierrc.js", "content": "module.exports = {\n arrowParens: 'avoid',\n bracketSameLine: true,\n bracketSpacing: true,\n quoteProps: 'consistent',\n singleQuote: true,\n tabWidth: 2,\n trailingComma: 'es5',\n useTabs: false,\n};\n" }, { "path": "templates/CliTemplate/.svgrrc", "content": "{\n \"replaceAttrValues\": {\n \"#FFF\": \"{props.pathFill}\"\n }\n}\n" }, { "path": "templates/CliTemplate/.vscode/settings.json", "content": "{\n \"eslint.options\": {},\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"eslint.run\": \"onSave\",\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"editor.formatOnSave\": true,\n \"cSpell.words\": [\"dtos\", \"Formik\", \"gradlew\", \"MMKV\", \"persistor\"],\n \"conventionalCommits.scopes\": [\"contents\"]\n}\n" }, { "path": "templates/CliTemplate/.watchmanconfig", "content": "{}\n" }, { "path": "templates/CliTemplate/.yarnrc.yml", "content": "nodeLinker: node-modules" }, { "path": "templates/CliTemplate/App.tsx", "content": "import React from 'react';\n\nimport { MainApp } from './src/MainApp';\n\nconst App = () => {\n return ;\n};\n\nexport default App;\n" }, { "path": "templates/CliTemplate/Gemfile", "content": "source 'https://rubygems.org'\n\n# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version\nruby \">= 2.6.10\"\n\n# Exclude problematic versions of cocoapods and activesupport that causes build failures.\ngem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'\ngem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'\n" }, { "path": "templates/CliTemplate/README.md", "content": "This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).\n\n# Getting Started\n\n>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till \"Creating a new application\" step, before proceeding.\n\n## Step 1: Start the Metro Server\n\nFirst, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.\n\nTo start Metro, run the following command from the _root_ of your React Native project:\n\n```bash\n# using npm\nnpm start\n\n# OR using Yarn\nyarn start\n```\n\n## Step 2: Start your Application\n\nLet Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:\n\n### For Android\n\n```bash\n# using npm\nnpm run android\n\n# OR using Yarn\nyarn android\n```\n\n### For iOS\n\n```bash\n# using npm\nnpm run ios\n\n# OR using Yarn\nyarn ios\n```\n\nIf everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.\n\nThis is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.\n\n## Step 3: Modifying your App\n\nNow that you have successfully run the app, let's modify it.\n\n1. Open `App.tsx` in your text editor of choice and edit some lines.\n2. For **Android**: Press the R key twice or select **\"Reload\"** from the **Developer Menu** (Ctrl + M (on Window and Linux) or Cmd ⌘ + M (on macOS)) to see your changes!\n\n For **iOS**: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes!\n\n## Congratulations! :tada:\n\nYou've successfully run and modified your React Native App. :partying_face:\n\n### Now what?\n\n- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).\n- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).\n\n# Troubleshooting\n\nIf you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.\n\n# Learn More\n\nTo learn more about React Native, take a look at the following resources:\n\n- [React Native Website](https://reactnative.dev) - learn more about React Native.\n- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.\n- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.\n- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.\n- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.\n" }, { "path": "templates/CliTemplate/__tests__/App.test.tsx", "content": "/**\n * @format\n */\n\nimport 'react-native';\nimport React from 'react';\nimport App from '../App';\n\n// Note: import explicitly to use the types shipped with jest.\nimport {it} from '@jest/globals';\n\n// Note: test renderer must be required after react-native.\nimport renderer from 'react-test-renderer';\n\nit('renders correctly', () => {\n renderer.create();\n});\n" }, { "path": "templates/CliTemplate/android/app/build.gradle", "content": "apply plugin: \"com.android.application\"\napply plugin: \"org.jetbrains.kotlin.android\"\napply plugin: \"com.facebook.react\"\n\n/**\n * This is the configuration block to customize your React Native Android app.\n * By default you don't need to apply any configuration, just uncomment the lines you need.\n */\nreact {\n /* Folders */\n // The root of your project, i.e. where \"package.json\" lives. Default is '../..'\n // root = file(\"../../\")\n // The folder where the react-native NPM package is. Default is ../../node_modules/react-native\n // reactNativeDir = file(\"../../node_modules/react-native\")\n // The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen\n // codegenDir = file(\"../../node_modules/@react-native/codegen\")\n // The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js\n // cliFile = file(\"../../node_modules/react-native/cli.js\")\n\n /* Variants */\n // The list of variants to that are debuggable. For those we're going to\n // skip the bundling of the JS bundle and the assets. By default is just 'debug'.\n // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.\n // debuggableVariants = [\"liteDebug\", \"prodDebug\"]\n\n /* Bundling */\n // A list containing the node command and its flags. Default is just 'node'.\n // nodeExecutableAndArgs = [\"node\"]\n //\n // The command to run when bundling. By default is 'bundle'\n // bundleCommand = \"ram-bundle\"\n //\n // The path to the CLI configuration file. Default is empty.\n // bundleConfig = file(../rn-cli.config.js)\n //\n // The name of the generated asset file containing your JS bundle\n // bundleAssetName = \"MyApplication.android.bundle\"\n //\n // The entry file for bundle generation. Default is 'index.android.js' or 'index.js'\n // entryFile = file(\"../js/MyApplication.android.js\")\n //\n // A list of extra flags to pass to the 'bundle' commands.\n // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle\n // extraPackagerArgs = []\n\n /* Hermes Commands */\n // The hermes compiler command to run. By default it is 'hermesc'\n // hermesCommand = \"$rootDir/my-custom-hermesc/bin/hermesc\"\n //\n // The list of flags to pass to the Hermes compiler. By default is \"-O\", \"-output-source-map\"\n // hermesFlags = [\"-O\", \"-output-source-map\"]\n /* Autolinking */\n autolinkLibrariesWithApp()\n}\n\n/**\n * Set this to true to Run Proguard on Release builds to minify the Java bytecode.\n */\ndef enableProguardInReleaseBuilds = false\n\n/**\n * The preferred build flavor of JavaScriptCore (JSC)\n *\n * For example, to use the international variant, you can use:\n * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`\n *\n * The international variant includes ICU i18n library and necessary data\n * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that\n * give correct results when using with locales other than en-US. Note that\n * this variant is about 6MiB larger per architecture than default.\n */\ndef jscFlavor = 'org.webkit:android-jsc:+'\n\nandroid {\n ndkVersion rootProject.ext.ndkVersion\n buildToolsVersion rootProject.ext.buildToolsVersion\n compileSdk rootProject.ext.compileSdkVersion\n\n namespace \"com.miboilerplate\"\n defaultConfig {\n applicationId \"com.miboilerplate\"\n minSdkVersion rootProject.ext.minSdkVersion\n targetSdkVersion rootProject.ext.targetSdkVersion\n versionCode 1\n versionName \"1.0\"\n }\n signingConfigs {\n debug {\n storeFile file('debug.keystore')\n storePassword 'android'\n keyAlias 'androiddebugkey'\n keyPassword 'android'\n }\n }\n buildTypes {\n debug {\n signingConfig signingConfigs.debug\n }\n release {\n // Caution! In production, you need to generate your own keystore file.\n // see https://reactnative.dev/docs/signed-apk-android.\n signingConfig signingConfigs.debug\n minifyEnabled enableProguardInReleaseBuilds\n proguardFiles getDefaultProguardFile(\"proguard-android.txt\"), \"proguard-rules.pro\"\n }\n }\n}\n\ndependencies {\n // The version of react-native is set by the React Native Gradle Plugin\n implementation(\"com.facebook.react:react-android\")\n\n if (hermesEnabled.toBoolean()) {\n implementation(\"com.facebook.react:hermes-android\")\n } else {\n implementation jscFlavor\n }\n}\n\n// apply from: file(\"../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle\"); applyNativeModulesAppBuildGradle(project)\n" }, { "path": "templates/CliTemplate/android/app/proguard-rules.pro", "content": "# Add project specific ProGuard rules here.\n# By default, the flags in this file are appended to flags specified\n# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt\n# You can edit the include path and order by changing the proguardFiles\n# directive in build.gradle.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# Add any project specific keep options here:\n" }, { "path": "templates/CliTemplate/android/app/src/debug/AndroidManifest.xml", "content": "\n\n\n \n\n" }, { "path": "templates/CliTemplate/android/app/src/main/AndroidManifest.xml", "content": "\n\n \n\n \n \n \n \n \n \n \n \n\n" }, { "path": "templates/CliTemplate/android/app/src/main/java/com/miboilerplate/MainActivity.kt", "content": "package com.miboilerplate\n\nimport com.facebook.react.ReactActivity\nimport com.facebook.react.ReactActivityDelegate\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled\nimport com.facebook.react.defaults.DefaultReactActivityDelegate\n\nclass MainActivity : ReactActivity() {\n\n /**\n * Returns the name of the main component registered from JavaScript. This is used to schedule\n * rendering of the component.\n */\n override fun getMainComponentName(): String = \"MIBoilerplate\"\n\n /**\n * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]\n * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]\n */\n override fun createReactActivityDelegate(): ReactActivityDelegate =\n DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)\n}\n" }, { "path": "templates/CliTemplate/android/app/src/main/java/com/miboilerplate/MainApplication.kt", "content": "package com.miboilerplate\n\nimport android.app.Application\nimport com.facebook.react.PackageList\nimport com.facebook.react.ReactApplication\nimport com.facebook.react.ReactHost\nimport com.facebook.react.ReactNativeHost\nimport com.facebook.react.ReactPackage\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load\nimport com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost\nimport com.facebook.react.defaults.DefaultReactNativeHost\nimport com.facebook.soloader.SoLoader\n\nclass MainApplication : Application(), ReactApplication {\n\n override val reactNativeHost: ReactNativeHost =\n object : DefaultReactNativeHost(this) {\n override fun getPackages(): List =\n PackageList(this).packages.apply {\n // Packages that cannot be autolinked yet can be added manually here, for example:\n // add(MyReactNativePackage())\n }\n\n override fun getJSMainModuleName(): String = \"index\"\n\n override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG\n\n override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED\n override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED\n }\n\n override val reactHost: ReactHost\n get() = getDefaultReactHost(applicationContext, reactNativeHost)\n\n override fun onCreate() {\n super.onCreate()\n SoLoader.init(this, false)\n if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {\n // If you opted-in for the New Architecture, we load the native entry point for this app.\n load()\n }\n }\n}\n" }, { "path": "templates/CliTemplate/android/app/src/main/res/drawable/rn_edit_text_material.xml", "content": "\n\n\n\n \n \n \n \n \n\n\n" }, { "path": "templates/CliTemplate/android/app/src/main/res/values/strings.xml", "content": "\n MIBoilerplate\n\n" }, { "path": "templates/CliTemplate/android/app/src/main/res/values/styles.xml", "content": "\n\n \n \n\n\n" }, { "path": "templates/CliTemplate/android/build.gradle", "content": "buildscript {\n ext {\n buildToolsVersion = \"34.0.0\"\n minSdkVersion = 23\n compileSdkVersion = 34\n targetSdkVersion = 34\n ndkVersion = \"26.1.10909125\"\n kotlinVersion = \"1.9.24\"\n }\n repositories {\n google()\n mavenCentral()\n }\n dependencies {\n classpath(\"com.android.tools.build:gradle\")\n classpath(\"com.facebook.react:react-native-gradle-plugin\")\n classpath(\"org.jetbrains.kotlin:kotlin-gradle-plugin\")\n }\n}\n\napply plugin: \"com.facebook.react.rootproject\"\n" }, { "path": "templates/CliTemplate/android/gradle/wrapper/gradle-wrapper.properties", "content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-8.8-all.zip\nnetworkTimeout=10000\nvalidateDistributionUrl=true\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n" }, { "path": "templates/CliTemplate/android/gradle.properties", "content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m\norg.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n\n# AndroidX package structure to make it clearer which packages are bundled with the\n# Android operating system, and which are packaged with your app's APK\n# https://developer.android.com/topic/libraries/support-library/androidx-rn\nandroid.useAndroidX=true\n\n# Use this property to specify which architecture you want to build.\n# You can also override it from the CLI using\n# ./gradlew -PreactNativeArchitectures=x86_64\nreactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64\n\n# Use this property to enable support to the new architecture.\n# This will allow you to use TurboModules and the Fabric render in\n# your application. You should enable this flag either if you want\n# to write custom TurboModules/Fabric components OR use libraries that\n# are providing them.\nnewArchEnabled=false\n\n# Use this property to enable or disable the Hermes JS engine.\n# If set to false, you will be using JSC instead.\nhermesEnabled=true\n" }, { "path": "templates/CliTemplate/android/gradlew", "content": "#!/bin/sh\n\n#\n# Copyright © 2015-2021 the original authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n# https://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##############################################################################\n#\n# Gradle start up script for POSIX generated by Gradle.\n#\n# Important for running:\n#\n# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is\n# noncompliant, but you have some other compliant shell such as ksh or\n# bash, then to run this script, type that shell name before the whole\n# command line, like:\n#\n# ksh Gradle\n#\n# Busybox and similar reduced shells will NOT work, because this script\n# requires all of these POSIX shell features:\n# * functions;\n# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,\n# «${var#prefix}», «${var%suffix}», and «$( cmd )»;\n# * compound commands having a testable exit status, especially «case»;\n# * various built-in commands including «command», «set», and «ulimit».\n#\n# Important for patching:\n#\n# (2) This script targets any POSIX shell, so it avoids extensions provided\n# by Bash, Ksh, etc; in particular arrays are avoided.\n#\n# The \"traditional\" practice of packing multiple parameters into a\n# space-separated string is a well documented source of bugs and security\n# problems, so this is (mostly) avoided, by progressively accumulating\n# options in \"$@\", and eventually passing that to Java.\n#\n# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,\n# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;\n# see the in-line comments for details.\n#\n# There are tweaks for specific operating systems such as AIX, CygWin,\n# Darwin, MinGW, and NonStop.\n#\n# (3) This script is generated from the Groovy template\n# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt\n# within the Gradle project.\n#\n# You can find Gradle at https://github.com/gradle/gradle/.\n#\n##############################################################################\n\n# Attempt to set APP_HOME\n\n# Resolve links: $0 may be a link\napp_path=$0\n\n# Need this for daisy-chained symlinks.\nwhile\n APP_HOME=${app_path%\"${app_path##*/}\"} # leaves a trailing /; empty if no leading path\n [ -h \"$app_path\" ]\ndo\n ls=$( ls -ld \"$app_path\" )\n link=${ls#*' -> '}\n case $link in #(\n /*) app_path=$link ;; #(\n *) app_path=$APP_HOME$link ;;\n esac\ndone\n\n# This is normally unused\n# shellcheck disable=SC2034\nAPP_BASE_NAME=${0##*/}\n# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)\nAPP_HOME=$( cd \"${APP_HOME:-./}\" > /dev/null && pwd -P ) || exit\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=maximum\n\nwarn () {\n echo \"$*\"\n} >&2\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n} >&2\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"$( uname )\" in #(\n CYGWIN* ) cygwin=true ;; #(\n Darwin* ) darwin=true ;; #(\n MSYS* | MINGW* ) msys=true ;; #(\n NONSTOP* ) nonstop=true ;;\nesac\n\nCLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar\n\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=$JAVA_HOME/jre/sh/java\n else\n JAVACMD=$JAVA_HOME/bin/java\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=java\n if ! command -v java >/dev/null 2>&1\n then\n die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nfi\n\n# Increase the maximum file descriptors if we can.\nif ! \"$cygwin\" && ! \"$darwin\" && ! \"$nonstop\" ; then\n case $MAX_FD in #(\n max*)\n # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n MAX_FD=$( ulimit -H -n ) ||\n warn \"Could not query maximum file descriptor limit\"\n esac\n case $MAX_FD in #(\n '' | soft) :;; #(\n *)\n # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n ulimit -n \"$MAX_FD\" ||\n warn \"Could not set maximum file descriptor limit to $MAX_FD\"\n esac\nfi\n\n# Collect all arguments for the java command, stacking in reverse order:\n# * args from the command line\n# * the main class name\n# * -classpath\n# * -D...appname settings\n# * --module-path (only if needed)\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.\n\n# For Cygwin or MSYS, switch paths to Windows format before running java\nif \"$cygwin\" || \"$msys\" ; then\n APP_HOME=$( cygpath --path --mixed \"$APP_HOME\" )\n CLASSPATH=$( cygpath --path --mixed \"$CLASSPATH\" )\n\n JAVACMD=$( cygpath --unix \"$JAVACMD\" )\n\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n for arg do\n if\n case $arg in #(\n -*) false ;; # don't mess with options #(\n /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath\n [ -e \"$t\" ] ;; #(\n *) false ;;\n esac\n then\n arg=$( cygpath --path --ignore --mixed \"$arg\" )\n fi\n # Roll the args list around exactly as many times as the number of\n # args, so each arg winds up back in the position where it started, but\n # possibly modified.\n #\n # NB: a `for` loop captures its iteration list before it begins, so\n # changing the positional parameters here affects neither the number of\n # iterations, nor the values presented in `arg`.\n shift # remove old arg\n set -- \"$@\" \"$arg\" # push replacement arg\n done\nfi\n\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Collect all arguments for the java command:\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,\n# and any embedded shellness will be escaped.\n# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be\n# treated as '${Hostname}' itself on the command line.\n\nset -- \\\n \"-Dorg.gradle.appname=$APP_BASE_NAME\" \\\n -classpath \"$CLASSPATH\" \\\n org.gradle.wrapper.GradleWrapperMain \\\n \"$@\"\n\n# Stop when \"xargs\" is not available.\nif ! command -v xargs >/dev/null 2>&1\nthen\n die \"xargs is not available\"\nfi\n\n# Use \"xargs\" to parse quoted args.\n#\n# With -n1 it outputs one arg per line, with the quotes and backslashes removed.\n#\n# In Bash we could simply go:\n#\n# readarray ARGS < <( xargs -n1 <<<\"$var\" ) &&\n# set -- \"${ARGS[@]}\" \"$@\"\n#\n# but POSIX shell has neither arrays nor command substitution, so instead we\n# post-process each arg (as a line of input to sed) to backslash-escape any\n# character that might be a shell metacharacter, then use eval to reverse\n# that process (while maintaining the separation between arguments), and wrap\n# the whole thing up as a single \"set\" statement.\n#\n# This will of course break if any of these variables contains a newline or\n# an unmatched quote.\n#\n\neval \"set -- $(\n printf '%s\\n' \"$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS\" |\n xargs -n1 |\n sed ' s~[^-[:alnum:]+,./:=@_]~\\\\&~g; ' |\n tr '\\n' ' '\n )\" '\"$@\"'\n\nexec \"$JAVACMD\" \"$@\"\n" }, { "path": "templates/CliTemplate/android/gradlew.bat", "content": "@rem\r\n@rem Copyright 2015 the original author or authors.\r\n@rem\r\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\r\n@rem you may not use this file except in compliance with the License.\r\n@rem You may obtain a copy of the License at\r\n@rem\r\n@rem https://www.apache.org/licenses/LICENSE-2.0\r\n@rem\r\n@rem Unless required by applicable law or agreed to in writing, software\r\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\r\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n@rem See the License for the specific language governing permissions and\r\n@rem limitations under the License.\r\n@rem\r\n\r\n@if \"%DEBUG%\"==\"\" @echo off\r\n@rem ##########################################################################\r\n@rem\r\n@rem Gradle startup script for Windows\r\n@rem\r\n@rem ##########################################################################\r\n\r\n@rem Set local scope for the variables with windows NT shell\r\nif \"%OS%\"==\"Windows_NT\" setlocal\r\n\r\nset DIRNAME=%~dp0\r\nif \"%DIRNAME%\"==\"\" set DIRNAME=.\r\n@rem This is normally unused\r\nset APP_BASE_NAME=%~n0\r\nset APP_HOME=%DIRNAME%\r\n\r\n@rem Resolve any \".\" and \"..\" in APP_HOME to make it shorter.\r\nfor %%i in (\"%APP_HOME%\") do set APP_HOME=%%~fi\r\n\r\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\r\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\r\n\r\n@rem Find java.exe\r\nif defined JAVA_HOME goto findJavaFromJavaHome\r\n\r\nset JAVA_EXE=java.exe\r\n%JAVA_EXE% -version >NUL 2>&1\r\nif %ERRORLEVEL% equ 0 goto execute\r\n\r\necho. 1>&2\r\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2\r\necho. 1>&2\r\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\r\necho location of your Java installation. 1>&2\r\n\r\ngoto fail\r\n\r\n:findJavaFromJavaHome\r\nset JAVA_HOME=%JAVA_HOME:\"=%\r\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\r\n\r\nif exist \"%JAVA_EXE%\" goto execute\r\n\r\necho. 1>&2\r\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2\r\necho. 1>&2\r\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\r\necho location of your Java installation. 1>&2\r\n\r\ngoto fail\r\n\r\n:execute\r\n@rem Setup the command line\r\n\r\nset CLASSPATH=%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\r\n\r\n\r\n@rem Execute Gradle\r\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" org.gradle.wrapper.GradleWrapperMain %*\r\n\r\n:end\r\n@rem End local scope for the variables with windows NT shell\r\nif %ERRORLEVEL% equ 0 goto mainEnd\r\n\r\n:fail\r\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\r\nrem the _cmd.exe /c_ return code!\r\nset EXIT_CODE=%ERRORLEVEL%\r\nif %EXIT_CODE% equ 0 set EXIT_CODE=1\r\nif not \"\"==\"%GRADLE_EXIT_CONSOLE%\" exit %EXIT_CODE%\r\nexit /b %EXIT_CODE%\r\n\r\n:mainEnd\r\nif \"%OS%\"==\"Windows_NT\" endlocal\r\n\r\n:omega\r\n" }, { "path": "templates/CliTemplate/android/settings.gradle", "content": "pluginManagement { includeBuild(\"../node_modules/@react-native/gradle-plugin\") }\nplugins { id(\"com.facebook.react.settings\") }\nextensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }\nrootProject.name = 'MIBoilerplate'\n\ninclude ':app'\nincludeBuild('../node_modules/@react-native/gradle-plugin')\n" }, { "path": "templates/CliTemplate/app.json", "content": "{\n \"name\": \"MIBoilerplate\",\n \"displayName\": \"MIBoilerplate\"\n}\n" }, { "path": "templates/CliTemplate/babel.config.js", "content": "module.exports = {\n plugins: [\n 'react-native-reanimated/plugin',\n [\n 'module:react-native-dotenv',\n {\n envName: 'APP_ENV',\n moduleName: '@env',\n path: './.env',\n },\n ],\n [\n 'module-resolver',\n {\n alias: {\n '@app/blueprints': './blueprints',\n '@src/assets': './src/assets',\n '@src/components': './src/components',\n '@src/constants': './src/constants',\n '@src/context': './src/context',\n '@src/hooks': './src/hooks',\n '@src/i18n': './src/i18n',\n '@src/screens': './src/screens',\n '@src/services': './src/services',\n '@src/store': './src/store',\n '@src/utils': './src/utils',\n },\n extensions: ['.js', '.json'],\n root: ['./src'],\n },\n ],\n ],\n presets: ['module:@react-native/babel-preset'],\n};\n" }, { "path": "templates/CliTemplate/blueprints/Button/Button.tsx", "content": "import React from 'react';\nimport {\n StyleProp,\n StyleSheet,\n TextStyle,\n TouchableOpacity,\n TouchableOpacityProps,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport Animated, {\n useAnimatedStyle,\n useSharedValue,\n withSpring,\n} from 'react-native-reanimated';\n\nimport { useColor } from '@src/context';\nimport { moderateScale, Palette, scaleHeight } from '@src/utils';\n\nimport { Text } from '../Text/Text';\n\nconst AnimatedButtonComponent =\n Animated.createAnimatedComponent(TouchableOpacity);\n\ninterface ExtraButtonProps {\n buttonContainerStyle?: StyleProp;\n titleContainerStyle?: StyleProp;\n titleStyle?: StyleProp;\n title?: React.ReactNode;\n rightIcon?: JSX.Element;\n leftIcon?: JSX.Element;\n}\n\nexport type AnimatedButtonProps = Omit<\n TouchableOpacityProps,\n 'onPressIn' | 'onPressOut' | 'style'\n> & {\n containerStyle?: StyleProp;\n};\n\nexport type ButtonProps = AnimatedButtonProps & ExtraButtonProps;\n\nexport const AnimatedTouchableOpacity = React.memo(\n (props: AnimatedButtonProps) => {\n const { containerStyle } = props;\n const scaleValue = useSharedValue(1);\n\n const animatedButtonStyle = useAnimatedStyle(() => {\n return {\n transform: [{ scale: scaleValue.value }],\n };\n });\n\n return (\n (scaleValue.value = withSpring(0.9))}\n onPressOut={() => (scaleValue.value = withSpring(1))}\n activeOpacity={0.8}\n {...props}>\n {props.children}\n \n );\n }\n);\n\nexport const Button = React.memo((props: ButtonProps) => {\n const { buttonContainerStyle, title, titleContainerStyle, titleStyle } =\n props;\n\n const { color } = useColor();\n\n const styles = buttonStyles(color);\n\n return (\n \n \n {props.leftIcon}\n \n {title}\n \n {props.rightIcon}\n \n \n );\n});\n\nconst buttonStyles = ({ primaryColor }: Palette) =>\n StyleSheet.create({\n buttonContainer: {\n alignItems: 'center',\n backgroundColor: primaryColor,\n borderRadius: moderateScale(60),\n height: scaleHeight(45),\n width: '100%',\n },\n titleContainer: {\n alignItems: 'center',\n flexDirection: 'row',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n },\n });\n" }, { "path": "templates/CliTemplate/blueprints/Image/Image.tsx", "content": "import React, { useEffect, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport {\n ActivityIndicator,\n LayoutRectangle,\n StyleProp,\n StyleSheet,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport FastImage, {\n FastImageProps as FastImageProp,\n ImageStyle,\n Priority,\n Source,\n} from 'react-native-fast-image';\n\nimport { useColor } from '@src/context';\n\nexport type FastImageProps = Omit;\n\nexport interface ImageProps extends FastImageProps {\n containerStyle?: StyleProp;\n style?: ImageStyle;\n priority?: Priority;\n uploading?: boolean;\n width?: number;\n height?: number;\n children?: React.ReactNode;\n showIndicator?: boolean;\n indicatorSize?: number;\n source?: string | Source | number;\n loaderColor?: string;\n}\n\nexport const Image = React.memo((props: ImageProps) => {\n const {\n children,\n containerStyle,\n indicatorSize = 20,\n loaderColor,\n priority,\n resizeMode,\n showIndicator = true,\n source,\n style,\n uploading,\n width,\n ...rest\n } = props;\n const { color } = useColor();\n\n const [loading, setLoading] = useState(false);\n const [layout, setLayout] = useState(null);\n\n useEffect(() => {\n if (typeof uploading !== 'undefined' && uploading !== loading) {\n setLoading(uploading);\n }\n }, [loading, uploading]);\n\n const onLayout = (e: LayoutChangeEvent) => {\n const { height } = e.nativeEvent.layout;\n if (layout && layout.height === height && layout.width === width) {\n return;\n }\n setLayout(e.nativeEvent.layout);\n };\n\n const shouldShowIndicator =\n showIndicator &&\n typeof source === 'string' &&\n (source.startsWith('http') || source.startsWith('https'));\n\n let indicator = null;\n if (loading && shouldShowIndicator) {\n indicator = (\n \n \n \n );\n }\n\n let imageSource: number | Source | undefined = {\n priority: priority || FastImage.priority.normal,\n uri: source as string,\n };\n\n if (typeof source !== 'string') {\n // Local image\n imageSource = source;\n }\n\n let imageStyle: StyleProp = style || {};\n\n if (imageStyle.flex === 1 && layout) {\n imageStyle = { ...style };\n delete imageStyle.flex;\n imageStyle = { ...imageStyle, ...layout };\n }\n\n return (\n \n {\n !loading && setLoading(true);\n }}\n onError={() => {\n loading && setLoading(false);\n }}\n onLoadEnd={() => {\n loading && setLoading(false);\n }}\n {...rest}>\n {children}\n \n {indicator}\n \n );\n});\n\nconst styles = StyleSheet.create({\n container: {},\n indicator: {\n ...StyleSheet.absoluteFillObject,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n" }, { "path": "templates/CliTemplate/blueprints/Indicator/Indicator.tsx", "content": "import React, {\n useCallback,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { Palette, scaledSize } from '@src/utils';\n\nimport { Text } from '../Text/Text';\n\nexport interface IndicatorProps {\n isLoading: boolean;\n}\n\nexport type IndicatorRef = {\n hide: () => void;\n show: () => void;\n};\n\nexport const IndicatorViewRef = (\n props: IndicatorProps,\n ref: React.Ref\n) => {\n const { isLoading = true } = props;\n const { color } = useColor();\n const [loading, setIsLoading] = useState(isLoading);\n\n const pressCount = useRef(0);\n\n const show = useCallback(() => setIsLoading(true), []);\n\n const hide = useCallback(() => setIsLoading(false), []);\n\n const handlePressCount = useCallback(() => {\n pressCount.current = pressCount.current + 1;\n\n if (pressCount.current === 2) {\n setIsLoading(false);\n pressCount.current = 0;\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => {\n return {\n hide,\n show,\n };\n },\n [hide, show]\n );\n\n const styles = indicatorStyles(color);\n\n if (!loading) return <>;\n\n return (\n \n \n \n \n Please wait ...\n \n \n \n );\n};\n\nexport const IndicatorView = React.forwardRef(\n IndicatorViewRef\n);\n\nexport const indicatorStyles = ({ backgroundColor }: Palette) => {\n const styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n justifyContent: 'center',\n ...StyleSheet.absoluteFillObject,\n },\n loaderContainer: {\n alignItems: 'center',\n backgroundColor: backgroundColor,\n borderRadius: scaledSize(7),\n justifyContent: 'center',\n padding: scaledSize(10),\n },\n loaderStyle: {\n padding: scaledSize(7),\n },\n });\n\n return styles;\n};\n" }, { "path": "templates/CliTemplate/blueprints/Text/Text.tsx", "content": "import React from 'react';\nimport {\n // eslint-disable-next-line no-restricted-imports\n Text as RNText,\n StyleProp,\n TextProps as TextProperties,\n TextStyle,\n} from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { scaledSize } from '@src/utils';\n\nexport enum Fonts {\n Poppins = 'Poppins',\n}\n\nconst BASE_TEXT: TextStyle = {\n fontSize: scaledSize(7),\n};\n\nexport const presets = {\n default: BASE_TEXT,\n font400: {\n ...BASE_TEXT,\n //add your font normal for weight 400\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font500: {\n ...BASE_TEXT,\n //add your font medium for weight 500\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font600: {\n ...BASE_TEXT,\n //add your font semi-bold for weight 600\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font700: {\n ...BASE_TEXT,\n //add your font bold for weight 700\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n h1: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(24),\n fontWeight: '700',\n } as TextStyle,\n h2: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(21),\n fontWeight: '700',\n } as TextStyle,\n h3: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(18),\n fontWeight: '500',\n } as TextStyle,\n h4: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(15),\n fontWeight: '500',\n } as TextStyle,\n h5: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(12),\n fontWeight: '400',\n } as TextStyle,\n h6: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(9),\n fontWeight: '400',\n } as TextStyle,\n small: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(6),\n fontWeight: '300',\n } as TextStyle,\n title: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(13),\n fontWeight: '700',\n } as TextStyle,\n};\n\nexport type TextPresets = keyof typeof presets;\n\nexport interface TextProps extends TextProperties {\n style?: StyleProp;\n preset?: TextPresets;\n color?: string;\n textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n}\n\nexport const Text = ({ children, ...props }: TextProps) => {\n const {\n color,\n preset = 'default',\n style: styleOverride,\n textAlign = 'auto',\n ...rest\n } = props;\n\n const { color: palette } = useColor();\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/CliTemplate/blueprints/TextInput/Input.tsx", "content": "import React, { useCallback } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n StyleSheet,\n TargetedEvent,\n TextInputFocusEventData,\n TextInputProps,\n View,\n} from 'react-native';\n\nimport Animated, {\n Easing,\n interpolate,\n interpolateColor,\n useAnimatedProps,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated';\n\nimport { useColor } from '@src/context';\nimport { Palette } from '@src/utils';\n\nimport { InputProps } from './TextInputProps';\nimport { Text } from '../Text/Text';\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(RNTextInput);\n\nexport const Input = React.memo(\n React.forwardRef((props: InputProps, ref?: React.Ref) => {\n const {\n backgroundColor = 'white',\n borderColor = 'black',\n error,\n errorContainerStyle,\n errorStyle,\n inputContainerStyle,\n inputStyle,\n label,\n labelColor = 'black',\n leftIcon,\n leftIconContainerStyle,\n onBlur,\n onFocus,\n onFocusBackgroundColor = '#e9e9e9',\n onFocusBorderColor = '#0c5fed',\n onFocusLabelColor = '#0c5fed',\n onHoverBackgroundColor = '#e9e9e9',\n onMouseEnter,\n onMouseLeave,\n outlineGapColor = 'white',\n placeholder,\n rightIcon,\n rightIconContainerStyle,\n style,\n variant = 'filled',\n ...rest\n } = props;\n\n const { color } = useColor();\n\n const styles = inputStyles(color);\n\n const hovered = useSharedValue(false);\n const focused = useSharedValue(false);\n\n const handleMouseEnter = useCallback(\n (event: NativeSyntheticEvent) => {\n onMouseEnter?.(event);\n hovered.value = true;\n },\n [hovered, onMouseEnter]\n );\n\n const handleMouseLeave = useCallback(\n (event: NativeSyntheticEvent) => {\n onMouseLeave?.(event);\n hovered.value = false;\n },\n [hovered, onMouseLeave]\n );\n\n const handleFocus = useCallback(\n (event: NativeSyntheticEvent) => {\n onFocus?.(event);\n focused.value = true;\n },\n [focused, onFocus]\n );\n\n const handleBlur = useCallback(\n (event: NativeSyntheticEvent) => {\n onBlur?.(event);\n focused.value = false;\n },\n [focused, onBlur]\n );\n\n const focusAnimation = useSharedValue(0);\n\n useDerivedValue(() => {\n focusAnimation.value = withTiming(focused.value ? 1 : 0, {\n duration: 200,\n easing: Easing.out(Easing.ease),\n });\n }, [focused.value, focusAnimation.value]);\n\n const active = useDerivedValue(\n () => focused.value || (rest.value?.length || 0) > 0,\n [focused.value, rest.value]\n );\n\n const activeAnimation = useSharedValue(0);\n\n useDerivedValue(() => {\n activeAnimation.value = withTiming(active.value ? 1 : 0, {\n duration: 200,\n easing: Easing.out(Easing.ease),\n });\n }, [active.value, activeAnimation.value]);\n\n const animatedInputContainerStyle = useAnimatedStyle(() => {\n return {\n backgroundColor:\n variant === 'filled'\n ? focused.value\n ? onFocusBackgroundColor\n : hovered.value\n ? onHoverBackgroundColor\n : backgroundColor\n : variant === 'outlined'\n ? backgroundColor\n : backgroundColor,\n borderBottomEndRadius: variant !== 'standard' ? 4 : 0,\n borderBottomStartRadius: variant !== 'standard' ? 4 : 0,\n borderTopEndRadius: 4,\n borderTopStartRadius: 4,\n };\n }, [focused.value, hovered.value, variant]);\n\n const animatedInput = useAnimatedStyle(() => {\n return {\n fontSize: 16,\n minHeight: variant === 'standard' ? 48 : 56,\n paddingEnd: rightIcon ? 12 : variant === 'standard' ? 0 : 16,\n paddingStart: leftIcon ? 12 : variant === 'standard' ? 0 : 16,\n paddingTop: variant === 'filled' && label ? 18 : 0,\n };\n }, [variant, leftIcon, rightIcon]);\n\n const animatedLeading = useAnimatedStyle(() => {\n return {\n marginStart: variant === 'standard' ? 0 : 12,\n marginVertical: variant === 'standard' ? 12 : 16,\n };\n }, [variant]);\n\n const animatedTrailing = useAnimatedStyle(() => {\n return {\n marginEnd: variant === 'standard' ? 0 : 12,\n marginVertical: variant === 'standard' ? 12 : 16,\n };\n }, [variant]);\n\n const animatedOutline = useAnimatedStyle(() => {\n return {\n borderBottomEndRadius: 4,\n borderBottomStartRadius: 4,\n borderColor: focused.value\n ? onFocusBorderColor\n : hovered.value\n ? onFocusBorderColor\n : borderColor,\n borderTopEndRadius: 4,\n borderTopStartRadius: 4,\n borderWidth: focused.value ? 2 : 1,\n };\n }, [focused.value, hovered.value]);\n\n const animatedOutlineLabelGap = useAnimatedStyle(() => {\n return {\n height: focused.value ? 2 : 1,\n };\n }, [focused.value]);\n\n const animatedLabelContainer = useAnimatedStyle(() => {\n return {\n height: variant === 'standard' ? 48 : 56,\n start:\n variant === 'standard' ? (leftIcon ? 36 : 0) : leftIcon ? 48 : 16,\n };\n }, [variant, leftIcon]);\n\n const animatedLabel = useAnimatedStyle(() => {\n return {\n color: interpolateColor(\n focusAnimation.value,\n [0, 1],\n [labelColor, onFocusLabelColor]\n ),\n fontSize: interpolate(activeAnimation.value, [0, 1], [16, 12]),\n transform: [\n {\n translateY: interpolate(\n activeAnimation.value,\n [0, 1],\n [\n 0,\n variant === 'filled' ? -12 : variant === 'outlined' ? -28 : -24,\n ]\n ),\n },\n ],\n };\n }, [focusAnimation, activeAnimation]);\n\n const animatedPlaceholder = useAnimatedProps(() => {\n return {\n placeholder: label ? (focused.value ? placeholder : '') : placeholder,\n };\n }, [label, focused, placeholder]);\n\n const animatedUnderline = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n focusAnimation.value,\n [0, 1],\n [borderColor, onFocusBorderColor]\n ),\n transform: [{ scaleX: focusAnimation.value }],\n };\n }, [focusAnimation.value]);\n\n const animatedOutlineLabel = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n activeAnimation.value,\n [0, 1],\n [backgroundColor, outlineGapColor]\n ),\n transform: [{ scaleX: activeAnimation.value }],\n };\n }, [activeAnimation.value]);\n\n return (\n \n \n {leftIcon && (\n \n {leftIcon}\n \n )}\n\n \n\n {rightIcon && (\n \n {rightIcon}\n \n )}\n\n {(variant === 'filled' || variant === 'standard') && (\n <>\n \n \n \n )}\n\n {variant === 'outlined' && (\n \n )}\n\n {label ? (\n \n {variant === 'outlined' && (\n \n )}\n {label}\n \n ) : null}\n \n \n {error ? (\n {error}\n ) : null}\n \n \n );\n })\n);\n\nconst inputStyles = ({ backgroundColor }: Palette) =>\n StyleSheet.create({\n errorView: {\n marginHorizontal: 16,\n marginTop: 4,\n },\n helperText: {\n fontSize: 14,\n },\n input: {\n flex: 1,\n ...Platform.select({\n web: {\n outlineStyle: 'none',\n },\n }),\n },\n inputContainer: {\n flexDirection: 'row',\n },\n labelContainer: {\n justifyContent: 'center',\n position: 'absolute',\n top: 0,\n },\n leading: {\n alignItems: 'center',\n height: 24,\n justifyContent: 'center',\n width: 24,\n },\n outline: {},\n outlineLabelGap: {\n backgroundColor: backgroundColor,\n end: -4,\n position: 'absolute',\n start: -4,\n top: 0,\n },\n trailing: {\n alignItems: 'center',\n height: 24,\n justifyContent: 'center',\n width: 24,\n },\n underline: {\n bottom: 0,\n end: 0,\n height: 1,\n position: 'absolute',\n start: 0,\n },\n underlineFocused: {\n bottom: 0,\n end: 0,\n height: 2,\n position: 'absolute',\n start: 0,\n },\n });\n" }, { "path": "templates/CliTemplate/blueprints/TextInput/TextInput.tsx", "content": "import React from 'react';\nimport { TextInput as RNTextInput } from 'react-native';\n\nimport { Field, FieldProps } from 'formik';\n\nimport { Input } from './Input';\nimport { TextInputProps } from './TextInputProps';\n\nexport const TextInput = React.memo(\n React.forwardRef(\n ({ ...props }: TextInputProps, ref?: React.Ref) => {\n const { name } = props;\n return (\n \n {({ form, meta }: FieldProps) => {\n return (\n ) => {\n form?.handleChange(name)(text);\n }}\n onBlur={form?.handleBlur(name)}\n value={meta?.value}\n error={meta?.error && meta?.touched ? meta?.error ?? '' : ''}\n ref={ref}\n {...props}\n />\n );\n }}\n \n );\n }\n )\n);\n" }, { "path": "templates/CliTemplate/blueprints/TextInput/TextInputProps.ts", "content": "import {\n NativeSyntheticEvent,\n TextInputProps as RNTextInputProps,\n StyleProp,\n TargetedEvent,\n TextStyle,\n ViewStyle,\n} from 'react-native';\n\nexport interface TextInputProps extends InputProps {\n name: string;\n}\n\nexport type Variant = 'filled' | 'outlined' | 'standard';\n\nexport interface InputProps extends RNTextInputProps {\n /**\n * The variant of the TextInput style.\n * @default \"filled\"\n */\n variant?: Variant;\n /**\n * The label to display.\n */\n label?: string;\n /**\n * The element placed before the text input.\n */\n leftIcon?: React.ReactNode | null;\n /**\n * The element placed after the text input.\n */\n rightIcon?: React.ReactNode | null;\n /**\n * The helper text to display.\n */\n error?: string;\n /**\n * Callback function to call when user moves pointer over the input.\n */\n onMouseEnter?: (event: NativeSyntheticEvent) => void;\n /**\n * Callback function to call when user moves pointer away from the input.\n */\n onMouseLeave?: (event: NativeSyntheticEvent) => void;\n /**\n * The style of the container view.\n */\n style?: StyleProp;\n /**\n * The style of the text input container view.\n */\n inputContainerStyle?: StyleProp;\n /**\n * The style of the text input.\n */\n inputStyle?: RNTextInputProps['style'];\n /**\n * The style of the text input's leading element container.\n */\n leftIconContainerStyle?: StyleProp;\n /**\n * The style of the text input's trailing element container.\n */\n rightIconContainerStyle?: StyleProp;\n /**\n * Background color of the input container style.\n * @default \"white\"\n */\n backgroundColor?: string;\n /**\n * On focus background color of the input container style.\n * @default \"#e9e9e9\"\n */\n onFocusBackgroundColor?: string;\n /**\n * Border color of the outline input container style.\n * @default \"black\"\n */\n borderColor?: string;\n /**\n * On focus Border color of the outline input container style.\n * @default \"#0c5fed\"\n */\n onFocusBorderColor?: string;\n /**\n * On hover background color of the filled input container style.\n * @default \"#e9e9e9\"\n */\n onHoverBackgroundColor?: string;\n /**\n * Label text color of the input.\n * @default \"black\"\n */\n labelColor?: string;\n /**\n * On focus Label text color change.\n * @default \"#0c5fed\"\n */\n onFocusLabelColor?: string;\n /**\n * On error or any helper text below text Input container style.\n */\n errorContainerStyle?: StyleProp;\n /**\n * On error or any helper text below text Input Text-Style.\n */\n errorStyle?: StyleProp;\n /**\n * In outlined variant the gap border color.\n * @default white\n */\n outlineGapColor?: string;\n}\n" }, { "path": "templates/CliTemplate/blueprints/TextInput/index.tsx", "content": "import { Input } from './Input';\nimport { TextInput } from './TextInput';\nimport { InputProps, TextInputProps } from './TextInputProps';\n\nexport { TextInput, Input };\nexport type { TextInputProps, InputProps };\n" }, { "path": "templates/CliTemplate/blueprints/index.ts", "content": "export * from './Text/Text';\nexport * from './Image/Image';\nexport * from './Indicator/Indicator';\nexport * from './Button/Button';\nexport * from './TextInput';\n" }, { "path": "templates/CliTemplate/commitlint.config.js", "content": "module.exports = { extends: ['@commitlint/config-conventional'] };\n" }, { "path": "templates/CliTemplate/declarations.d.ts", "content": "declare module '*.svg' {\n import React from 'react';\n\n import { SvgProps } from 'react-native-svg';\n\n const content: React.FC;\n export default content;\n}\n" }, { "path": "templates/CliTemplate/env.d.ts", "content": "declare module '@env' {\n export const API_URL: string;\n export const ENV: string;\n}\n" }, { "path": "templates/CliTemplate/index.js", "content": "/**\n * @format\n */\n\nimport { AppRegistry } from 'react-native';\n\nimport { startNetworkLogging } from 'react-native-network-logger';\n\nimport App from './App';\nimport { name as appName } from './app.json';\n\nif (__DEV__) startNetworkLogging({ ignoredHosts: ['clients3.google.com'] });\n\nAppRegistry.registerComponent(appName, () => App);\n" }, { "path": "templates/CliTemplate/ios/.xcode.env", "content": "# This `.xcode.env` file is versioned and is used to source the environment\n# used when running script phases inside Xcode.\n# To customize your local environment, you can create an `.xcode.env.local`\n# file that is not versioned.\n\n# NODE_BINARY variable contains the PATH to the node executable.\n#\n# Customize the NODE_BINARY variable here.\n# For example, to use nvm with brew, add the following line\n# . \"$(brew --prefix nvm)/nvm.sh\" --no-use\nexport NODE_BINARY=$(command -v node)\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/AppDelegate.h", "content": "#import \n#import \n\n@interface AppDelegate : RCTAppDelegate\n\n@end\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/AppDelegate.mm", "content": "#import \"AppDelegate.h\"\n\n#import \n\n@implementation AppDelegate\n\n- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\n{\n self.moduleName = @\"MIBoilerplate\";\n // You can add your custom initial props in the dictionary below.\n // They will be passed down to the ViewController used by React Native.\n self.initialProps = @{};\n\n return [super application:application didFinishLaunchingWithOptions:launchOptions];\n}\n\n- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge\n{\n return [self bundleURL];\n}\n\n- (NSURL *)bundleURL\n{\n#if DEBUG\n return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@\"index\"];\n#else\n return [[NSBundle mainBundle] URLForResource:@\"main\" withExtension:@\"jsbundle\"];\n#endif\n}\n\n@end\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/Images.xcassets/AppIcon.appiconset/Contents.json", "content": "{\n \"images\" : [\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"20x20\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"20x20\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"29x29\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"29x29\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"40x40\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"40x40\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"60x60\"\n },\n {\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"60x60\"\n },\n {\n \"idiom\" : \"ios-marketing\",\n \"scale\" : \"1x\",\n \"size\" : \"1024x1024\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/Images.xcassets/Contents.json", "content": "{\n \"info\" : {\n \"version\" : 1,\n \"author\" : \"xcode\"\n }\n}\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/Info.plist", "content": "\n\n\n\n\tCFBundleDevelopmentRegion\n\ten\n\tCFBundleDisplayName\n\tMIBoilerplate\n\tCFBundleExecutable\n\t$(EXECUTABLE_NAME)\n\tCFBundleIdentifier\n\t$(PRODUCT_BUNDLE_IDENTIFIER)\n\tCFBundleInfoDictionaryVersion\n\t6.0\n\tCFBundleName\n\t$(PRODUCT_NAME)\n\tCFBundlePackageType\n\tAPPL\n\tCFBundleShortVersionString\n\t$(MARKETING_VERSION)\n\tCFBundleSignature\n\t????\n\tCFBundleVersion\n\t$(CURRENT_PROJECT_VERSION)\n\tLSRequiresIPhoneOS\n\t\n\tNSAppTransportSecurity\n\t\n\t \n\t\tNSAllowsArbitraryLoads\n\t\t\n\t\tNSAllowsLocalNetworking\n\t\t\n\t\n\tNSLocationWhenInUseUsageDescription\n\t\n\tUILaunchStoryboardName\n\tLaunchScreen\n\tUIRequiredDeviceCapabilities\n\t\n\t\tarm64\n\t\n\tUISupportedInterfaceOrientations\n\t\n\t\tUIInterfaceOrientationPortrait\n\t\tUIInterfaceOrientationLandscapeLeft\n\t\tUIInterfaceOrientationLandscapeRight\n\t\n\tUIViewControllerBasedStatusBarAppearance\n\t\n\n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/LaunchScreen.storyboard", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/PrivacyInfo.xcprivacy", "content": "\n\n\n\n\tNSPrivacyAccessedAPITypes\n\t\n\t\t\n\t\t\tNSPrivacyAccessedAPIType\n\t\t\tNSPrivacyAccessedAPICategoryFileTimestamp\n\t\t\tNSPrivacyAccessedAPITypeReasons\n\t\t\t\n\t\t\t\tC617.1\n\t\t\t\n\t\t\n\t\t\n\t\t\tNSPrivacyAccessedAPIType\n\t\t\tNSPrivacyAccessedAPICategoryUserDefaults\n\t\t\tNSPrivacyAccessedAPITypeReasons\n\t\t\t\n\t\t\t\tCA92.1\n\t\t\t\n\t\t\n\t\t\n\t\t\tNSPrivacyAccessedAPIType\n\t\t\tNSPrivacyAccessedAPICategorySystemBootTime\n\t\t\tNSPrivacyAccessedAPITypeReasons\n\t\t\t\n\t\t\t\t35F9.1\n\t\t\t\n\t\t\n\t\n\tNSPrivacyCollectedDataTypes\n\t\n\tNSPrivacyTracking\n\t\n\n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate/main.m", "content": "#import \n\n#import \"AppDelegate.h\"\n\nint main(int argc, char *argv[])\n{\n @autoreleasepool {\n return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));\n }\n}\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate.xcodeproj/project.pbxproj", "content": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 54;\n\tobjects = {\n\n/* Begin PBXBuildFile section */\n\t\t00E356F31AD99517003FC87E /* MIBoilerplateTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* MIBoilerplateTests.m */; };\n\t\t0C80B921A6F3F58F76C31292 /* libPods-MIBoilerplate.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-MIBoilerplate.a */; };\n\t\t13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; };\n\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\n\t\t13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };\n\t\t7699B88040F8A987B510C191 /* libPods-MIBoilerplate-MIBoilerplateTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-MIBoilerplate-MIBoilerplateTests.a */; };\n\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };\n\t\tAD012B0CAE985EACFCEE8BD9 /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 9ED2BB560F2ACE119C9702C2 /* PrivacyInfo.xcprivacy */; };\n/* End PBXBuildFile section */\n\n/* Begin PBXContainerItemProxy section */\n\t\t00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;\n\t\t\tproxyType = 1;\n\t\t\tremoteGlobalIDString = 13B07F861A680F5B00A75B9A;\n\t\t\tremoteInfo = MIBoilerplate;\n\t\t};\n/* End PBXContainerItemProxy section */\n\n/* Begin PBXFileReference section */\n\t\t00E356EE1AD99517003FC87E /* MIBoilerplateTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = MIBoilerplateTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = \"\"; };\n\t\t00E356F21AD99517003FC87E /* MIBoilerplateTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = MIBoilerplateTests.m; sourceTree = \"\"; };\n\t\t13B07F961A680F5B00A75B9A /* MIBoilerplate.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = MIBoilerplate.app; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = MIBoilerplate/AppDelegate.h; sourceTree = \"\"; };\n\t\t13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = MIBoilerplate/AppDelegate.mm; sourceTree = \"\"; };\n\t\t13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = MIBoilerplate/Images.xcassets; sourceTree = \"\"; };\n\t\t13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = MIBoilerplate/Info.plist; sourceTree = \"\"; };\n\t\t13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = MIBoilerplate/main.m; sourceTree = \"\"; };\n\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = MIBoilerplate/PrivacyInfo.xcprivacy; sourceTree = \"\"; };\n\t\t19F6CBCC0A4E27FBF8BF4A61 /* libPods-MIBoilerplate-MIBoilerplateTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = \"libPods-MIBoilerplate-MIBoilerplateTests.a\"; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t3B4392A12AC88292D35C810B /* Pods-MIBoilerplate.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MIBoilerplate.debug.xcconfig\"; path = \"Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate.debug.xcconfig\"; sourceTree = \"\"; };\n\t\t5709B34CF0A7D63546082F79 /* Pods-MIBoilerplate.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MIBoilerplate.release.xcconfig\"; path = \"Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate.release.xcconfig\"; sourceTree = \"\"; };\n\t\t5B7EB9410499542E8C5724F5 /* Pods-MIBoilerplate-MIBoilerplateTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MIBoilerplate-MIBoilerplateTests.debug.xcconfig\"; path = \"Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests.debug.xcconfig\"; sourceTree = \"\"; };\n\t\t5DCACB8F33CDC322A6C60F78 /* libPods-MIBoilerplate.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = \"libPods-MIBoilerplate.a\"; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = MIBoilerplate/LaunchScreen.storyboard; sourceTree = \"\"; };\n\t\t89C6BE57DB24E9ADA2F236DE /* Pods-MIBoilerplate-MIBoilerplateTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MIBoilerplate-MIBoilerplateTests.release.xcconfig\"; path = \"Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests.release.xcconfig\"; sourceTree = \"\"; };\n\t\t9ED2BB560F2ACE119C9702C2 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; includeInIndex = 1; name = PrivacyInfo.xcprivacy; path = MIBoilerplate/PrivacyInfo.xcprivacy; sourceTree = \"\"; };\n\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };\n/* End PBXFileReference section */\n\n/* Begin PBXFrameworksBuildPhase section */\n\t\t00E356EB1AD99517003FC87E /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t7699B88040F8A987B510C191 /* libPods-MIBoilerplate-MIBoilerplateTests.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t0C80B921A6F3F58F76C31292 /* libPods-MIBoilerplate.a in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXFrameworksBuildPhase section */\n\n/* Begin PBXGroup section */\n\t\t00E356EF1AD99517003FC87E /* MIBoilerplateTests */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00E356F21AD99517003FC87E /* MIBoilerplateTests.m */,\n\t\t\t\t00E356F01AD99517003FC87E /* Supporting Files */,\n\t\t\t);\n\t\t\tpath = MIBoilerplateTests;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t00E356F01AD99517003FC87E /* Supporting Files */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t00E356F11AD99517003FC87E /* Info.plist */,\n\t\t\t);\n\t\t\tname = \"Supporting Files\";\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t13B07FAE1A68108700A75B9A /* MIBoilerplate */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */,\n\t\t\t\t13B07FB01A68108700A75B9A /* AppDelegate.mm */,\n\t\t\t\t13B07FB51A68108700A75B9A /* Images.xcassets */,\n\t\t\t\t13B07FB61A68108700A75B9A /* Info.plist */,\n\t\t\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,\n\t\t\t\t13B07FB71A68108700A75B9A /* main.m */,\n\t\t\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,\n\t\t\t\t9ED2BB560F2ACE119C9702C2 /* PrivacyInfo.xcprivacy */,\n\t\t\t);\n\t\t\tname = MIBoilerplate;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */,\n\t\t\t\t5DCACB8F33CDC322A6C60F78 /* libPods-MIBoilerplate.a */,\n\t\t\t\t19F6CBCC0A4E27FBF8BF4A61 /* libPods-MIBoilerplate-MIBoilerplateTests.a */,\n\t\t\t);\n\t\t\tname = Frameworks;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t832341AE1AAA6A7D00B99B32 /* Libraries */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t);\n\t\t\tname = Libraries;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t83CBB9F61A601CBA00E9B192 = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FAE1A68108700A75B9A /* MIBoilerplate */,\n\t\t\t\t832341AE1AAA6A7D00B99B32 /* Libraries */,\n\t\t\t\t00E356EF1AD99517003FC87E /* MIBoilerplateTests */,\n\t\t\t\t83CBBA001A601CBA00E9B192 /* Products */,\n\t\t\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */,\n\t\t\t\tBBD78D7AC51CEA395F1C20DB /* Pods */,\n\t\t\t);\n\t\t\tindentWidth = 2;\n\t\t\tsourceTree = \"\";\n\t\t\ttabWidth = 2;\n\t\t\tusesTabs = 0;\n\t\t};\n\t\t83CBBA001A601CBA00E9B192 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07F961A680F5B00A75B9A /* MIBoilerplate.app */,\n\t\t\t\t00E356EE1AD99517003FC87E /* MIBoilerplateTests.xctest */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tBBD78D7AC51CEA395F1C20DB /* Pods */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t3B4392A12AC88292D35C810B /* Pods-MIBoilerplate.debug.xcconfig */,\n\t\t\t\t5709B34CF0A7D63546082F79 /* Pods-MIBoilerplate.release.xcconfig */,\n\t\t\t\t5B7EB9410499542E8C5724F5 /* Pods-MIBoilerplate-MIBoilerplateTests.debug.xcconfig */,\n\t\t\t\t89C6BE57DB24E9ADA2F236DE /* Pods-MIBoilerplate-MIBoilerplateTests.release.xcconfig */,\n\t\t\t);\n\t\t\tpath = Pods;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXGroup section */\n\n/* Begin PBXNativeTarget section */\n\t\t00E356ED1AD99517003FC87E /* MIBoilerplateTests */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"MIBoilerplateTests\" */;\n\t\t\tbuildPhases = (\n\t\t\t\tA55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */,\n\t\t\t\t00E356EA1AD99517003FC87E /* Sources */,\n\t\t\t\t00E356EB1AD99517003FC87E /* Frameworks */,\n\t\t\t\t00E356EC1AD99517003FC87E /* Resources */,\n\t\t\t\tC59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */,\n\t\t\t\tF6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */,\n\t\t\t);\n\t\t\tname = MIBoilerplateTests;\n\t\t\tproductName = MIBoilerplateTests;\n\t\t\tproductReference = 00E356EE1AD99517003FC87E /* MIBoilerplateTests.xctest */;\n\t\t\tproductType = \"com.apple.product-type.bundle.unit-test\";\n\t\t};\n\t\t13B07F861A680F5B00A75B9A /* MIBoilerplate */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"MIBoilerplate\" */;\n\t\t\tbuildPhases = (\n\t\t\t\tC38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */,\n\t\t\t\t13B07F871A680F5B00A75B9A /* Sources */,\n\t\t\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */,\n\t\t\t\t13B07F8E1A680F5B00A75B9A /* Resources */,\n\t\t\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,\n\t\t\t\t00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */,\n\t\t\t\tE235C05ADACE081382539298 /* [CP] Copy Pods Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tname = MIBoilerplate;\n\t\t\tproductName = MIBoilerplate;\n\t\t\tproductReference = 13B07F961A680F5B00A75B9A /* MIBoilerplate.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n/* End PBXNativeTarget section */\n\n/* Begin PBXProject section */\n\t\t83CBB9F71A601CBA00E9B192 /* Project object */ = {\n\t\t\tisa = PBXProject;\n\t\t\tattributes = {\n\t\t\t\tLastUpgradeCheck = 1210;\n\t\t\t\tTargetAttributes = {\n\t\t\t\t\t00E356ED1AD99517003FC87E = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 6.2;\n\t\t\t\t\t\tTestTargetID = 13B07F861A680F5B00A75B9A;\n\t\t\t\t\t};\n\t\t\t\t\t13B07F861A680F5B00A75B9A = {\n\t\t\t\t\t\tLastSwiftMigration = 1120;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t};\n\t\t\tbuildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"MIBoilerplate\" */;\n\t\t\tcompatibilityVersion = \"Xcode 12.0\";\n\t\t\tdevelopmentRegion = en;\n\t\t\thasScannedForEncodings = 0;\n\t\t\tknownRegions = (\n\t\t\t\ten,\n\t\t\t\tBase,\n\t\t\t);\n\t\t\tmainGroup = 83CBB9F61A601CBA00E9B192;\n\t\t\tproductRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;\n\t\t\tprojectDirPath = \"\";\n\t\t\tprojectRoot = \"\";\n\t\t\ttargets = (\n\t\t\t\t13B07F861A680F5B00A75B9A /* MIBoilerplate */,\n\t\t\t\t00E356ED1AD99517003FC87E /* MIBoilerplateTests */,\n\t\t\t);\n\t\t};\n/* End PBXProject section */\n\n/* Begin PBXResourcesBuildPhase section */\n\t\t00E356EC1AD99517003FC87E /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F8E1A680F5B00A75B9A /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,\n\t\t\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,\n\t\t\t\tAD012B0CAE985EACFCEE8BD9 /* PrivacyInfo.xcprivacy in Resources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXResourcesBuildPhase section */\n\n/* Begin PBXShellScriptBuildPhase section */\n\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"$(SRCROOT)/.xcode.env.local\",\n\t\t\t\t\"$(SRCROOT)/.xcode.env\",\n\t\t\t);\n\t\t\tname = \"Bundle React Native code and images\";\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"set -e\\n\\nWITH_ENVIRONMENT=\\\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\\\"\\nREACT_NATIVE_XCODE=\\\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\\\"\\n\\n/bin/sh -c \\\"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\\\"\\n\";\n\t\t};\n\t\t00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-frameworks.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tA55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\n\t\t\t);\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\n\t\t\toutputFileListPaths = (\n\t\t\t);\n\t\t\toutputPaths = (\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-MIBoilerplate-MIBoilerplateTests-checkManifestLockResult.txt\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n # print error to STDERR\\n echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tC38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\n\t\t\t);\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\n\t\t\toutputFileListPaths = (\n\t\t\t);\n\t\t\toutputPaths = (\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-MIBoilerplate-checkManifestLockResult.txt\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n # print error to STDERR\\n echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tC59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-frameworks.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tE235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-resources-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Copy Pods Resources\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-resources-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate/Pods-MIBoilerplate-resources.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tF6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-resources-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Copy Pods Resources\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-resources-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MIBoilerplate-MIBoilerplateTests/Pods-MIBoilerplate-MIBoilerplateTests-resources.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n/* End PBXShellScriptBuildPhase section */\n\n/* Begin PBXSourcesBuildPhase section */\n\t\t00E356EA1AD99517003FC87E /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t00E356F31AD99517003FC87E /* MIBoilerplateTests.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\t13B07F871A680F5B00A75B9A /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */,\n\t\t\t\t13B07FC11A68108700A75B9A /* main.m in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXSourcesBuildPhase section */\n\n/* Begin PBXTargetDependency section */\n\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */ = {\n\t\t\tisa = PBXTargetDependency;\n\t\t\ttarget = 13B07F861A680F5B00A75B9A /* MIBoilerplate */;\n\t\t\ttargetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;\n\t\t};\n/* End PBXTargetDependency section */\n\n/* Begin XCBuildConfiguration section */\n\t\t00E356F61AD99517003FC87E /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 5B7EB9410499542E8C5724F5 /* Pods-MIBoilerplate-MIBoilerplateTests.debug.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tINFOPLIST_FILE = MIBoilerplateTests/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 13.4;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t\t\"@loader_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/MIBoilerplate.app/MIBoilerplate\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t00E356F71AD99517003FC87E /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 89C6BE57DB24E9ADA2F236DE /* Pods-MIBoilerplate-MIBoilerplateTests.release.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tINFOPLIST_FILE = MIBoilerplateTests/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 13.4;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t\t\"@loader_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/MIBoilerplate.app/MIBoilerplate\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t13B07F941A680F5B00A75B9A /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-MIBoilerplate.debug.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tENABLE_BITCODE = NO;\n\t\t\t\tINFOPLIST_FILE = MIBoilerplate/Info.plist;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\n\t\t\t\tPRODUCT_NAME = MIBoilerplate;\n\t\t\t\tSWIFT_OPTIMIZATION_LEVEL = \"-Onone\";\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t13B07F951A680F5B00A75B9A /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-MIBoilerplate.release.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tINFOPLIST_FILE = MIBoilerplate/Info.plist;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\n\t\t\t\tPRODUCT_NAME = MIBoilerplate;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t83CBBA201A601CBA00E9B192 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCC = \"\";\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tCXX = \"\";\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tGCC_SYMBOLS_PRIVATE_EXTERN = NO;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 13.4;\n\t\t\t\tLD = \"\";\n\t\t\t\tLDPLUSPLUS = \"\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = YES;\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\" \",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tSWIFT_ACTIVE_COMPILATION_CONDITIONS = \"$(inherited) DEBUG\";\n\t\t\t\tUSE_HERMES = true;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t83CBBA211A601CBA00E9B192 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCC = \"\";\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = YES;\n\t\t\t\tCXX = \"\";\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 13.4;\n\t\t\t\tLD = \"\";\n\t\t\t\tLDPLUSPLUS = \"\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\" \",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tUSE_HERMES = true;\n\t\t\t\tVALIDATE_PRODUCT = YES;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n/* End XCBuildConfiguration section */\n\n/* Begin XCConfigurationList section */\n\t\t00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"MIBoilerplateTests\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t00E356F61AD99517003FC87E /* Debug */,\n\t\t\t\t00E356F71AD99517003FC87E /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"MIBoilerplate\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t13B07F941A680F5B00A75B9A /* Debug */,\n\t\t\t\t13B07F951A680F5B00A75B9A /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"MIBoilerplate\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t83CBBA201A601CBA00E9B192 /* Debug */,\n\t\t\t\t83CBBA211A601CBA00E9B192 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n/* End XCConfigurationList section */\n\t};\n\trootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;\n}\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist", "content": "\n\n\n\n\tIDEDidComputeMac32BitWarning\n\t\n\n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate.xcodeproj/xcshareddata/xcschemes/MIBoilerplate.xcscheme", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate.xcworkspace/contents.xcworkspacedata", "content": "\n\n \n \n \n \n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplate.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist", "content": "\n\n\n\n\tIDEDidComputeMac32BitWarning\n\t\n\n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplateTests/Info.plist", "content": "\n\n\n\n\tCFBundleDevelopmentRegion\n\ten\n\tCFBundleExecutable\n\t$(EXECUTABLE_NAME)\n\tCFBundleIdentifier\n\t$(PRODUCT_BUNDLE_IDENTIFIER)\n\tCFBundleInfoDictionaryVersion\n\t6.0\n\tCFBundleName\n\t$(PRODUCT_NAME)\n\tCFBundlePackageType\n\tBNDL\n\tCFBundleShortVersionString\n\t1.0\n\tCFBundleSignature\n\t????\n\tCFBundleVersion\n\t1\n\n\n" }, { "path": "templates/CliTemplate/ios/MIBoilerplateTests/MIBoilerplateTests.m", "content": "#import \n#import \n\n#import \n#import \n\n#define TIMEOUT_SECONDS 600\n#define TEXT_TO_LOOK_FOR @\"Welcome to React\"\n\n@interface MIBoilerplateTests : XCTestCase\n\n@end\n\n@implementation MIBoilerplateTests\n\n- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test\n{\n if (test(view)) {\n return YES;\n }\n for (UIView *subview in [view subviews]) {\n if ([self findSubviewInView:subview matching:test]) {\n return YES;\n }\n }\n return NO;\n}\n\n- (void)testRendersWelcomeScreen\n{\n UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];\n NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];\n BOOL foundElement = NO;\n\n __block NSString *redboxError = nil;\n#ifdef DEBUG\n RCTSetLogFunction(\n ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {\n if (level >= RCTLogLevelError) {\n redboxError = message;\n }\n });\n#endif\n\n while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {\n [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n\n foundElement = [self findSubviewInView:vc.view\n matching:^BOOL(UIView *view) {\n if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {\n return YES;\n }\n return NO;\n }];\n }\n\n#ifdef DEBUG\n RCTSetLogFunction(RCTDefaultLogFunction);\n#endif\n\n XCTAssertNil(redboxError, @\"RedBox error: %@\", redboxError);\n XCTAssertTrue(foundElement, @\"Couldn't find element with text '%@' in %d seconds\", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);\n}\n\n@end\n" }, { "path": "templates/CliTemplate/ios/Podfile", "content": "# Resolve react_native_pods.rb with node to allow for hoisting\nrequire Pod::Executable.execute_command('node', ['-p',\n 'require.resolve(\n \"react-native/scripts/react_native_pods.rb\",\n {paths: [process.argv[1]]},\n )', __dir__]).strip\n\nplatform :ios, min_ios_version_supported\nprepare_react_native_project!\n\nlinkage = ENV['USE_FRAMEWORKS']\nif linkage != nil\n Pod::UI.puts \"Configuring Pod with #{linkage}ally linked Frameworks\".green\n use_frameworks! :linkage => linkage.to_sym\nend\n\ntarget 'MIBoilerplate' do\n config = use_native_modules!\n\n use_react_native!(\n :path => config[:reactNativePath],\n # An absolute path to your application root.\n :app_path => \"#{Pod::Config.instance.installation_root}/..\"\n )\n\n target 'MIBoilerplateTests' do\n inherit! :complete\n # Pods for testing\n end\n\n post_install do |installer|\n # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202\n react_native_post_install(\n installer,\n config[:reactNativePath],\n :mac_catalyst_enabled => false,\n # :ccache_enabled => true\n )\n end\nend\n" }, { "path": "templates/CliTemplate/jest.config.js", "content": "module.exports = {\n preset: 'react-native',\n};\n" }, { "path": "templates/CliTemplate/metro.config.js", "content": "const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');\n\nconst defaultConfig = getDefaultConfig(__dirname);\nconst { assetExts, sourceExts } = defaultConfig.resolver;\n\n/**\n * Metro configuration\n * https://reactnative.dev/docs/metro\n *\n * @type {import('metro-config').MetroConfig}\n */\nconst config = {\n resolver: {\n assetExts: assetExts.filter(ext => ext !== 'svg'),\n sourceExts: [...sourceExts, 'svg'],\n },\n transformer: {\n babelTransformerPath: require.resolve('react-native-svg-transformer'),\n },\n};\n\nmodule.exports = mergeConfig(defaultConfig, config);\n" }, { "path": "templates/CliTemplate/package.json", "content": "{\n \"name\": \"MIBoilerplate\",\n \"version\": \"0.0.1\",\n \"private\": true,\n \"scripts\": {\n \"android\": \"react-native run-android\",\n \"fix:lint\": \"yarn lint --fix && yarn typescript\",\n \"icons\": \"cd scripts && node icons.js\",\n \"images\": \"cd scripts && node images.js\",\n \"screens\": \"cd scripts && node generateScreenFile.js\",\n \"svgs\": \"cd scripts && node svgIcons.js\",\n \"preios\": \"ENVFILE=.env\",\n \"preandroid\": \"ENVFILE=.env\",\n \"ios\": \"react-native run-ios\",\n \"lint\": \"eslint . --ext .js,.jsx,.ts,.tsx\",\n \"postinstall\": \"npx pod-install\",\n \"prepare\": \"husky\",\n \"refresh\": \"bash ./scripts/refresh.sh\",\n \"start\": \"NODE_ENV=default APP_ENV=default npx react-native start --reset-cache\",\n \"start:development\": \"NODE_ENV=development APP_ENV=development npx react-native start --reset-cache\",\n \"start:staging\": \"NODE_ENV=staging APP_ENV=staging npx react-native start --reset-cache\",\n \"start:production\": \"NODE_ENV=production APP_ENV=production npx react-native start --reset-cache\",\n \"test\": \"jest\",\n \"typescript\": \"tsc --noEmit\"\n },\n \"dependencies\": {\n \"@react-native-community/netinfo\": \"^11.4.1\",\n \"@react-navigation/native\": \"^6.1.18\",\n \"@react-navigation/native-stack\": \"^6.11.0\",\n \"@reduxjs/toolkit\": \"^2.2.7\",\n \"axios\": \"^1.7.7\",\n \"formik\": \"^2.4.6\",\n \"i18n-js\": \"^4.4.3\",\n \"react\": \"18.3.1\",\n \"react-native\": \"0.75.3\",\n \"react-native-fast-image\": \"^8.6.3\",\n \"react-native-gesture-handler\": \"^2.20.0\",\n \"react-native-localize\": \"^3.2.1\",\n \"react-native-mmkv\": \"^2.12.2\",\n \"react-native-network-logger\": \"^1.17.0\",\n \"react-native-reanimated\": \"^3.15.3\",\n \"react-native-safe-area-context\": \"^4.11.0\",\n \"react-native-screens\": \"^3.34.0\",\n \"react-native-svg\": \"^15.7.1\",\n \"react-redux\": \"^9.1.2\",\n \"redux\": \"^5.0.1\",\n \"redux-persist\": \"^6.0.0\",\n \"redux-thunk\": \"^3.1.0\",\n \"yup\": \"^1.4.0\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.4\",\n \"@babel/runtime\": \"^7.25.6\",\n \"@commitlint/cli\": \"^19.5.0\",\n \"@commitlint/config-conventional\": \"^19.5.0\",\n \"@react-native/babel-preset\": \"0.75.3\",\n \"@react-native/eslint-config\": \"0.75.3\",\n \"@react-native/metro-config\": \"0.75.3\",\n \"@react-native/typescript-config\": \"0.75.3\",\n \"@types/i18n-js\": \"^3.8.9\",\n \"@types/jest\": \"^29.5.13\",\n \"@types/react\": \"^18.3.9\",\n \"@types/react-test-renderer\": \"^18.3.0\",\n \"@typescript-eslint/eslint-plugin\": \"^8.7.0\",\n \"@typescript-eslint/parser\": \"^8.7.0\",\n \"babel-jest\": \"^29.7.0\",\n \"babel-plugin-module-resolver\": \"^5.0.2\",\n \"eslint\": \"^9.11.1\",\n \"eslint-config-prettier\": \"^9.1.0\",\n \"eslint-plugin-import\": \"^2.30.0\",\n \"eslint-plugin-import-order-autofix\": \"^0.8.3\",\n \"eslint-plugin-no-inline-styles\": \"^1.0.5\",\n \"eslint-plugin-prettier\": \"^5.2.1\",\n \"eslint-plugin-react-hooks\": \"^4.6.2\",\n \"eslint-plugin-react-native\": \"^4.1.0\",\n \"eslint-plugin-sort-destructure-keys\": \"^2.0.0\",\n \"eslint-plugin-sort-keys-fix\": \"^1.1.2\",\n \"husky\": \"^9.1.6\",\n \"jest\": \"^29.7.0\",\n \"prettier\": \"3.3.3\",\n \"react-native-dotenv\": \"^3.4.11\",\n \"react-native-svg-transformer\": \"^1.5.0\",\n \"react-test-renderer\": \"18.3.1\",\n \"typescript\": \"5.6.2\"\n },\n \"engines\": {\n \"node\": \">=18\"\n },\n \"resolutions\": {\n \"@types/react\": \"^18.0.24\"\n },\n \"eslintIgnore\": [\n \"node_modules/\",\n \"lib/\"\n ]\n}\n" }, { "path": "templates/CliTemplate/react-native.config.js", "content": "module.exports = {\n assets: ['./src/assets/fonts'],\n project: {\n android: {},\n ios: {},\n },\n};\n" }, { "path": "templates/CliTemplate/scripts/generateScreenFile.js", "content": "/* eslint-disable no-console */\nconst fs = require('fs');\nconst path = require('path');\n\n// get folder name from terminal argument\nconst folderName = process.argv[2];\nif (!folderName) {\n console.error('Please provide a folder name');\n process.exit(1);\n}\n\nfunction capitalizeFirstLetter(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// create the folder\nfs.mkdir(`../src/screens/${capitalizeFirstLetter(folderName)}`, err => {\n if (err) throw err;\n console.log(`Folder ${folderName} created successfully`);\n\n const fileName = capitalizeFirstLetter(folderName);\n\n const useHookFileName = capitalizeFirstLetter(fileName);\n\n // create hook js hookFile.ts\n const hookFile = `import { useAppContext } from '@src/context';\n\nimport { ${folderName}Styles } from './${fileName}.style';\n\nconst use${useHookFileName} = () => {\n const { color, navigation } = useAppContext();\n\n // add your code here\n\n return {\n navigation,\n styles: ${folderName}Styles(color),\n };\n};\n\nexport default use${useHookFileName};\n`;\n\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `use${useHookFileName}.ts`),\n hookFile,\n errHook => {\n if (errHook) throw errHook;\n console.log(`use${fileName}.ts file created successfully`);\n }\n );\n\n // create styleFile.ts\n const styleFile = `import { StyleSheet } from 'react-native';\n\nimport { Palette } from '@src/utils';\n\nexport const ${folderName}Styles = ({}: Palette) =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center',\n },\n });\n`;\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `${fileName}.style.ts`),\n styleFile,\n errStyles => {\n if (errStyles) throw errStyles;\n console.log(`${fileName}.style.ts file created successfully`);\n }\n );\n\n // create defaultScreen.tsx\n const defaultScreen = `import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text } from '@app/blueprints';\n\nimport use${useHookFileName} from './use${useHookFileName}';\n\nconst ${useHookFileName}Screen = () => {\n const { styles } = use${useHookFileName}();\n\n return (\n \n ${useHookFileName} Screen\n \n );\n};\n\nexport default React.memo(${useHookFileName}Screen);\n`;\n\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `${fileName}Screen.tsx`),\n defaultScreen,\n errScreen => {\n if (errScreen) throw errScreen;\n console.log(`${fileName}Screen.tsx file created successfully`);\n }\n );\n\n const exportToIndex = `export { default as ${useHookFileName}Screen } from './${fileName}/${fileName}Screen';\\n`;\n\n fs.appendFile(`../src/screens/index.ts`, exportToIndex, errScreen => {\n if (errScreen) throw errScreen;\n console.log(`${useHookFileName} file created successfully`);\n });\n});\n" }, { "path": "templates/CliTemplate/scripts/icons.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst iconFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/icons')\n .filter(file => {\n return ['gif', 'jpeg', 'jpg', 'png', 'webp'].includes(file.split('.')[1]);\n })\n .map(file => {\n const ext = path.parse(file).ext;\n return file.split('@').length > 1 &&\n ['1x', '2x', '3x'].includes(file.split('@')[1].split('.')[0])\n ? file.replace(`@2x${ext}`, `${ext}`).replace(`@3x${ext}`, `${ext}`)\n : file;\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = iconFileNames()\n .map(name => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${iconName}_ICONS = require('./${name}'),`;\n })\n .join('\\n ');\n\n const string = `export enum Icons {\n ${properties}\n}\n`;\n\n fs.writeFileSync('../src/assets/icons/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/CliTemplate/scripts/images.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst imageFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/images')\n .filter(file => {\n return ['gif', 'jpeg', 'jpg', 'png', 'webp'].includes(file.split('.')[1]);\n })\n .map(file => {\n const ext = path.parse(file).ext;\n return file.split('@').length > 1 &&\n ['1x', '2x', '3x'].includes(file.split('@')[1].split('.')[0])\n ? file.replace(`@2x${ext}`, `${ext}`).replace(`@3x${ext}`, `${ext}`)\n : file;\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = imageFileNames()\n .map(name => {\n const imageName = path.parse(name).name.toUpperCase().replace(/\\s/g, '_');\n return `${imageName}_IMAGE = require('./${name}'),`;\n })\n .join('\\n ');\n\n const string = `export enum Images {\n ${properties}\n}\n`;\n\n fs.writeFileSync('../src/assets/images/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/CliTemplate/scripts/refresh.sh", "content": "echo \"START_CLEAR\"\nrm -rf node_modules\necho \"node_modules removed\"\n\nrm -rf Gemfile.lock\necho \"Gemfile.lock removed\"\n\nrm -rf vendor\necho \"Bundle file removed\"\n\nrm -rf yarn.lock\necho \"yarn.lock removed\"\n\nrm -rf android/build\necho \"android/build removed\"\n\nrm -rf android/app/build\necho \"android/app/build removed\"\n\nrm -rf ios/Pods/\necho \"ios/Pods/ removed\"\n\nrm -rf ios/Podfile.lock\necho \"ios/Podfile.lock removed\"\n\nrm -rf android/.idea/\necho \"android/.idea/ removed\"\n\necho \"CLEAR_DONE - START_YARN\"\n\nyarn\necho \"YARN_DONE - Start Bundle iOS\"\n\nbundle\necho \"bundle done - Start_pod install\"\n\nnpx pod-install --ios\necho \"Finished\"\n" }, { "path": "templates/CliTemplate/scripts/svgIcons.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst iconFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/svgIcons')\n .filter(file => {\n return file.endsWith('.svg');\n })\n .map(file => {\n return file.replace('@2x.svg', '').replace('@3x.svg', '');\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = iconFileNames()\n .map(name => {\n const iconName = path.parse(name).name.toUpperCase();\n return `import ${iconName}_ICON from './${name}';`;\n })\n .join('\\n');\n\n let exportFiles = iconFileNames()\n .map((name, index) => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${iconName} = ${index + 1},`;\n })\n .join('\\n ');\n\n let mapper = iconFileNames()\n .map((name, index) => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${index + 1}: ${iconName}_ICON,`;\n })\n .join('\\n ');\n\n const string = `${properties}\\n\\nexport enum SVGIcons {\\n ${exportFiles}\n}\\n\\nexport const SVGIconsMapper = {\\n ${mapper}\n};\\n`;\n\n fs.writeFileSync('../src/assets/svgIcons/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/CliTemplate/src/MainApp.tsx", "content": "import React from 'react';\n\nimport { IndicatorView } from '@app/blueprints';\nimport { NavigationContainer } from '@react-navigation/native';\nimport { Provider } from 'react-redux';\nimport { PersistGate } from 'redux-persist/integration/react';\n\nimport { LocalizationProvider, ThemeProvider } from './context';\nimport { AppNavigation, navigationRef } from './navigation/AppNavigation';\nimport store, { persistor } from './store';\nimport { loader } from './utils';\n\nexport const MainApp = () => {\n return (\n \n \n \n \n {/**\n * PersistGate delays the rendering of the app's UI until the persisted state has been retrieved\n * and saved to redux.\n * The `loading` prop can be `null` or any react instance to show during loading (e.g. a splash screen),\n * for example `loading={}`.\n * @see https://github.com/rt2zz/redux-persist/blob/master/docs/PersistGate.md\n */}\n \n \n \n \n \n \n \n \n );\n};\n" }, { "path": "templates/CliTemplate/src/assets/icons/index.ts", "content": "export enum Icons {\n DEBUG_ICONS = require('./debug.png'),\n}\n" }, { "path": "templates/CliTemplate/src/assets/images/index.ts", "content": "export enum Images {\n PLACEHOLDER_IMAGE = require('./placeholder.webp'),\n}\n" }, { "path": "templates/CliTemplate/src/assets/index.ts", "content": "export * from './images';\nexport * from './icons';\nexport * from './svgIcons';\n" }, { "path": "templates/CliTemplate/src/assets/svgIcons/index.ts", "content": "import SETTING_ICON from './setting.svg';\n\nexport enum SVGIcons {\n SETTING = 1,\n}\n\nexport const SVGIconsMapper = {\n 1: SETTING_ICON,\n};\n" }, { "path": "templates/CliTemplate/src/components/AppIcon/AppIcon.tsx", "content": "import React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { Image, ImageProps } from 'react-native';\n\nimport { SvgProps } from 'react-native-svg';\n\nimport { Icons, SVGIcons, SVGIconsMapper } from '@src/assets';\nimport { scaled } from '@src/utils';\n\nexport type IconProps = Omit & {\n icon: Icons;\n};\n\nexport const Icon = (props: IconProps) => {\n const { icon } = props;\n return (\n \n );\n};\n\n/**\n * SVG ICON\n */\n\nexport type SVGIconProps = SvgProps & {\n icon: SVGIcons;\n height?: number | string;\n width?: number | string;\n pathFill?: string;\n};\n\nexport const SvgIcon = (props: SVGIconProps) => {\n const { icon, pathFill = '#FFF' } = props;\n const IconsImage = SVGIconsMapper[icon];\n\n return ;\n};\n" }, { "path": "templates/CliTemplate/src/components/AppImage/AppImage.tsx", "content": "import React from 'react';\n\nimport { Image, ImageProps } from '@app/blueprints';\n\nimport { Images } from '@src/assets';\n\nexport type ImageSource = Images | string;\n\nexport interface AppImageProps extends Omit {\n source: ImageSource;\n}\n\nexport const AppImage = (props: AppImageProps) => {\n return (\n \n );\n};\n" }, { "path": "templates/CliTemplate/src/components/BaseLayout/BaseLayout.tsx", "content": "import React from 'react';\nimport {\n SafeAreaView,\n StatusBar,\n StyleProp,\n StyleSheet,\n ViewStyle,\n} from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { Palette } from '@src/utils';\n\nexport type BaseLayoutProps = React.PropsWithChildren & {\n style?: StyleProp;\n};\n\nexport const BaseLayout = React.memo(({ children, style }: BaseLayoutProps) => {\n const { appTheme, color } = useColor();\n const styles = baseLayoutStyles(color);\n\n return (\n \n \n {children}\n \n );\n});\n\nexport const baseLayoutStyles = ({ backgroundColor }: Palette) =>\n StyleSheet.create({\n safeAreaStyle: {\n backgroundColor: backgroundColor,\n flex: 1,\n },\n });\n" }, { "path": "templates/CliTemplate/src/components/index.ts", "content": "export * from './BaseLayout/BaseLayout';\nexport * from './AppImage/AppImage';\nexport * from './AppIcon/AppIcon';\n" }, { "path": "templates/CliTemplate/src/constants/config.ts", "content": "import { API_URL, ENV } from '@env';\n\nexport const AppConfig = {\n API_URL,\n ENV,\n};\n" }, { "path": "templates/CliTemplate/src/constants/index.ts", "content": "export * from './config';\nexport * from './platform';\nexport * from './storageKeys';\n" }, { "path": "templates/CliTemplate/src/constants/platform.ts", "content": "import { Platform } from 'react-native';\n\nconst isAndroid = Platform.OS === 'android';\nconst isIOS = Platform.OS === 'ios';\n\nexport { isAndroid, isIOS, Platform };\n" }, { "path": "templates/CliTemplate/src/constants/storageKeys.ts", "content": "export enum StorageKeys {\n APP_THEME = 'APP_THEME',\n APP_LANGUAGE = 'APP_LANGUAGE',\n FIRST_LAUNCH = 'FIRST_LAUNCH',\n PROFILE_DATA = 'PROFILE_DATA',\n}\n\nexport type STORAGES_KEY = StorageKeys;\n" }, { "path": "templates/CliTemplate/src/context/LocalizationContext.tsx", "content": "import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\n\nimport { StorageKeys } from '@src/constants';\nimport i18n, { ContentLanguage } from '@src/i18n';\n\nimport { storage } from './storage';\n\nexport type LocalizationAppContextType = {\n /**\n * This variable is of type ContentLanguage and is used to store the language of content.\n * language = \"English\";\n */\n language: ContentLanguage;\n /**\n * For setLanguage change content lang\n * @example i18n.locale = ContentLanguage.France\n * @return void change app content language.\n */\n setLanguageInApp: (lang: ContentLanguage) => void;\n};\n\nexport const LocalizationAppContext = createContext<\n LocalizationAppContextType | undefined\n>(undefined);\n\nexport const useLanguage = () => {\n const context = useContext(LocalizationAppContext);\n if (!context)\n throw Error('useLanguage must be used inside LocalizationAppContext');\n return context;\n};\n\nexport const LocalizationProvider = ({ children }: React.PropsWithChildren) => {\n const [language, setLanguage] = useState(\n ContentLanguage.English\n );\n\n /**\n * For setLanguage change content lang\n * i18n.locale = ContentLanguage.France\n * @return void change app content language.\n */\n const setLanguageInApp = useCallback((lang: ContentLanguage) => {\n storage.setData(StorageKeys.APP_LANGUAGE, lang);\n i18n.locale = lang;\n setLanguage(lang);\n }, []);\n\n const value: LocalizationAppContextType = useMemo(() => {\n return {\n language,\n setLanguageInApp,\n };\n }, [language, setLanguageInApp]);\n\n useEffect(() => {\n const appLanguage = storage.getData(StorageKeys.APP_LANGUAGE);\n if (appLanguage) {\n setLanguageInApp(appLanguage);\n }\n }, [setLanguageInApp]);\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/CliTemplate/src/context/ThemeContext.tsx", "content": "import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { useColorScheme } from 'react-native';\n\nimport { StorageKeys } from '@src/constants';\nimport { color, Palette, Theme } from '@src/utils';\n\nimport { storage } from './storage';\n\nexport interface AppThemeContextType {\n /**\n * The appTheme variable is used to define the color scheme used for the application. It takes a ColorSchemeName as its value.\n */\n appTheme: Theme;\n /**\n * This function is used to set the theme of the application. It takes a single argument, _theme, which should be of type ColorSchemeName.\n * @example setAppTheme('dark');\n * @param theme ColorSchemeName\n * @returns void\n */\n setAppTheme: (theme: Theme) => void;\n /**\n * Get app palette colors.\n */\n color: Palette;\n}\n\nexport const AppThemeContext = createContext(\n undefined\n);\n\nexport const useColor = () => {\n const context = useContext(AppThemeContext);\n if (!context) throw Error('useColor must be used inside AppThemeContext');\n return context;\n};\n\nexport const ThemeProvider = ({ children }: React.PropsWithChildren) => {\n const colorScheme = useColorScheme();\n\n const [appTheme, setTheme] = useState(colorScheme);\n\n /**\n * For setAppTheme change app theming.\n * setTheme(ColorSchemeName)\n * @return void change app Theme.\n */\n const setAppTheme = useCallback((theme: Theme) => {\n storage.setData(StorageKeys.APP_THEME, theme);\n setTheme(theme);\n }, []);\n\n const value: AppThemeContextType = useMemo(() => {\n return {\n appTheme,\n color: color[appTheme || 'light'],\n setAppTheme,\n };\n }, [appTheme, setAppTheme]);\n\n useEffect(() => {\n const theme = storage.getData(StorageKeys.APP_THEME);\n if (theme) {\n setTheme(theme);\n } else {\n setTheme(colorScheme);\n }\n }, [colorScheme, setAppTheme]);\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/CliTemplate/src/context/content.ts", "content": "import { TranslateOptions } from 'i18n-js';\n\nimport i18n, { TxKeyPath } from '../i18n';\n\n/**\n * Translates text.\n *\n * @param key The i18n key.\n * @param options The i18n options.\n * @returns The translated text.\n *\n * @example\n * Translations:\n *\n * ```en.json\n * {\n * \"hello\": \"Hello, {{name}}!\"\n * }\n * ```\n *\n * Usage:\n * ```ts\n * import { contents } from '@src/context';\n *\n * contents(\"common.hello\", { name: \"world\" })\n * => \"Hello world!\"\n * ```\n */\nexport const contents = (key: TxKeyPath, options?: TranslateOptions) => {\n return i18n.t(key, options);\n};\n" }, { "path": "templates/CliTemplate/src/context/context.ts", "content": "import { loader } from '@src/utils';\n\nimport { useLanguage } from './LocalizationContext';\nimport { storage } from './storage';\nimport { useColor } from './ThemeContext';\nimport { AppNavigationProp } from '../navigation/appNavigation.type';\nimport {\n useWithNavigation,\n WithNavigation,\n} from '../navigation/withNavigation';\nimport { appServices } from '../services/appServices';\n\nexport const useAppContextOnly = () => {\n const color = useColor();\n const { ...language } = useLanguage();\n\n return {\n loader: loader,\n services: appServices,\n storage,\n ...color,\n ...language,\n };\n};\n\nexport type AppContextType = ReturnType;\n\nexport const useAppContext = (): WithNavigation<\n AppNavigationProp,\n AppContextType\n> => {\n return useWithNavigation(\n useAppContextOnly()\n );\n};\n" }, { "path": "templates/CliTemplate/src/context/index.ts", "content": "export * from './context';\nexport * from './storage';\nexport * from './content';\nexport * from './ThemeContext';\nexport * from './LocalizationContext';\n" }, { "path": "templates/CliTemplate/src/context/storage.ts", "content": "import { MMKV } from 'react-native-mmkv';\nimport { Storage as ReduxStorage } from 'redux-persist';\n\nimport type { STORAGES_KEY } from '@src/constants';\nimport { logger } from '@src/utils';\n\nexport type dataStoreType = 'string' | 'boolean' | 'number' | 'object';\n\nexport const storageMmkv = new MMKV();\n\nexport const getData = (key: STORAGES_KEY, _type?: dataStoreType) => {\n try {\n const data = storageMmkv.getString(key);\n if (data) {\n const parseData = JSON.parse(data);\n return parseData;\n }\n } catch (error) {\n logger('storage getData', error);\n }\n};\n\nexport const setData = (key: STORAGES_KEY, value: any) => {\n try {\n if (typeof value === 'boolean') {\n storageMmkv.set(key, value);\n } else if (typeof value === 'number') {\n storageMmkv.set(key, value);\n } else {\n const jsonValue = JSON.stringify(value);\n storageMmkv.set(key, jsonValue);\n }\n } catch (error) {\n logger('storage setData', error);\n }\n};\n\nexport const getStorageKey = () => {\n const keys = storageMmkv.getAllKeys();\n return keys;\n};\n\nexport const deleteStorage = (key: STORAGES_KEY) => {\n return storageMmkv.delete(key);\n};\n\nexport const storage = {\n deleteStorage,\n getData,\n getStorageKey,\n setData,\n};\n\nexport const reduxStorage: ReduxStorage = {\n getItem: key => {\n const value = storageMmkv.getString(key);\n return Promise.resolve(value);\n },\n removeItem: key => {\n storageMmkv.delete(key);\n return Promise.resolve();\n },\n setItem: (key, value) => {\n storageMmkv.set(key, value);\n return Promise.resolve(true);\n },\n};\n\nexport type Storage = typeof storage;\n" }, { "path": "templates/CliTemplate/src/hooks/index.ts", "content": "export * from './useDebounce';\nexport * from './useIsFirstRender';\nexport * from './useIsMounted';\nexport * from './useTimer';\n" }, { "path": "templates/CliTemplate/src/hooks/useBackHandler.ts", "content": "import { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\nexport const useBackHandler = () => {\n useEffect(() => {\n const backHandler = BackHandler.addEventListener(\n 'hardwareBackPress',\n () => {\n BackHandler.exitApp();\n return true;\n }\n );\n\n return () => backHandler.remove();\n }, []);\n};\n" }, { "path": "templates/CliTemplate/src/hooks/useDebounce.ts", "content": "import { useEffect, useState } from 'react';\n\nexport function useDebounce(value: T, delay?: number): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n return () => {\n clearTimeout(timer);\n };\n }, [value, delay]);\n\n return debouncedValue;\n}\n" }, { "path": "templates/CliTemplate/src/hooks/useIsFirstRender.ts", "content": "import { useRef } from 'react';\n\nexport const useIsFirstRender = (): boolean => {\n const isFirst = useRef(true);\n\n if (isFirst.current) {\n isFirst.current = false;\n\n return true;\n }\n\n return isFirst.current;\n};\n" }, { "path": "templates/CliTemplate/src/hooks/useIsMounted.ts", "content": "import * as React from 'react';\n\nexport const useIsMounted = () => {\n const isMounted = React.useRef(false);\n React.useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return isMounted;\n};\n" }, { "path": "templates/CliTemplate/src/hooks/useTimer.ts", "content": "import { useEffect, useRef } from 'react';\n\ntype ClearTimerFn = (id: number | undefined) => void;\ntype RunTimerFn = (handler: () => void, timeout: number) => number;\n\nconst creteUseTimer =\n (clear: ClearTimerFn, runTimer: RunTimerFn) =>\n (callback: () => void, delay: number): void => {\n const timerRef = useRef();\n\n useEffect(() => {\n const stop = () => clear(timerRef.current);\n\n stop();\n\n timerRef.current = runTimer(callback, delay);\n\n return stop;\n }, [callback, delay]);\n };\n\nexport const useInterval = creteUseTimer(\n clearInterval as ClearTimerFn,\n setInterval\n);\nexport const useTimeout = creteUseTimer(\n clearTimeout as ClearTimerFn,\n setTimeout\n);\n" }, { "path": "templates/CliTemplate/src/i18n/index.ts", "content": "import { I18n } from 'i18n-js';\nimport * as RNLocalize from 'react-native-localize';\n\nimport en from './locales/en.json';\nimport hi from './locales/hi.json';\n\nconst locales = RNLocalize.getLocales();\n\nconst i18n = new I18n();\n\nif (Array.isArray(locales)) {\n i18n.locale = locales[0]?.languageTag ? locales[0].languageTag : 'en';\n}\nexport const locale = locales[0]?.languageCode;\n\ni18n.enableFallback = true;\n\ni18n.defaultLocale = 'en';\n\ni18n.translations = {\n en,\n hi,\n};\n\nexport default i18n;\n\nexport enum ContentLanguage {\n English = 'en',\n Hindi = 'hi',\n}\n\nexport type TxKeyPath = RecursiveKeyOf;\n\n// via: https://stackoverflow.com/a/65333050\ntype RecursiveKeyOf = {\n [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<\n TObj[TKey],\n `${TKey}`\n >;\n}[keyof TObj & (string | number)];\n\ntype RecursiveKeyOfInner = {\n [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<\n TObj[TKey],\n `['${TKey}']` | `.${TKey}`\n >;\n}[keyof TObj & (string | number)];\n\ntype RecursiveKeyOfHandleValue<\n TValue,\n Text extends string\n> = TValue extends any[]\n ? Text\n : TValue extends object\n ? Text | `${Text}${RecursiveKeyOfInner}`\n : Text;\n" }, { "path": "templates/CliTemplate/src/i18n/locales/en.json", "content": "{\n \"common\": {\n \"cancel\": \"Cancel\",\n \"create\": \"Create\",\n \"delete\": \"Delete\",\n \"errorMessage\": \"Unknown error..!!!\",\n \"hey\": \"Hey there,\",\n \"ohhNo\": \"Ohh Noo!!!\",\n \"or\": \"Or\",\n \"ok\": \"OK\",\n \"save\": \"Save\",\n \"see_more\": \"See More\",\n \"skip\": \"Skip\",\n \"welcome\": \"Welcome\",\n \"yes\": \"Yes\",\n \"hello\": \"Hello {{name}}!\",\n \"internetConnectionError\": \"Please check you internet connectivity.\"\n },\n \"newsList\": {\n \"breakingNews\": \"Breaking News\",\n \"general\": \"general\"\n },\n \"newsDetail\": {\n \"anonymous\": \"anonymous\"\n },\n \"forceUpdate\": {\n \"update\": \"Update\",\n \"updateMessage\": \"We've release a new version of the App!\\nPlease update your app to enjoy these new features.\",\n \"retry\": \"Try again\"\n },\n \"setting\": {\n \"languages\": \"Languages\",\n \"settingScreen\": \"Setting Screen\",\n \"theme\": \"Theme\"\n },\n \"login\": {\n \"log_in\": \"Log-in\",\n \"email\": \"Email\",\n \"yourEmailId\": \"Your Email ID\",\n \"password\": \"Password\",\n \"login\": \"Login\",\n \"don'tHaveAnAccount\": \"Don't have an account ?\",\n \"sign_up\": \"Sign-up\"\n },\n \"signUp\": {\n \"sign_up\": \"Sign-up\",\n \"name\": \"Name\",\n \"email\": \"Email\",\n \"yourEmailId\": \"Your Email ID\",\n \"password\": \"Password\",\n \"confirmPassword\": \"Confirm Password\",\n \"signUp\": \"SignUp\"\n }\n}\n" }, { "path": "templates/CliTemplate/src/i18n/locales/hi.json", "content": "{\n \"common\": {\n \"cancel\": \"रद्द करना\",\n \"create\": \"बनाएं\",\n \"delete\": \"मिटाना\",\n \"errorMessage\": \"अज्ञात त्रुटि..!!!\",\n \"hey\": \"सुनो,\",\n \"ohhNo\": \"ओह तेरी!!!\",\n \"or\": \"या\",\n \"ok\": \"ठीक\",\n \"save\": \"बचाना\",\n \"see_more\": \"और देखें\",\n \"skip\": \"छोड़ें\",\n \"welcome\": \"स्वागत\",\n \"yes\": \"हाँ\",\n \"internetConnectionError\": \"कृपया आप इंटरनेट कनेक्टिविटी की जाँच करें।\"\n },\n \"newsList\": {\n \"breakingNews\": \"आज की ताजा खबर\",\n \"general\": \"आम\"\n },\n \"newsDetail\": {\n \"anonymous\": \"अनाम\"\n },\n \"setting\": {\n \"languages\": \"भाषा\",\n \"settingScreen\": \"स्क्रीन सेट करना\",\n \"theme\": \"विषय-वस्तु\"\n }\n}\n" }, { "path": "templates/CliTemplate/src/navigation/AppNavigation.tsx", "content": "import React from 'react';\n\nimport { NavigationContainerRef } from '@react-navigation/native';\nimport {\n createNativeStackNavigator,\n NativeStackNavigationOptions,\n} from '@react-navigation/native-stack';\nimport { useSelector } from 'react-redux';\n\nimport {\n LoginScreen,\n NetworkLoggerScreen,\n NewsDetailScreen,\n NewsListScreen,\n SettingScreen,\n} from '@src/screens';\nimport { isForceUpdate } from '@src/store';\n\nimport { NavStackParams, Screen } from './appNavigation.type';\nimport { ForUpdateStack } from './ForceupdateStack';\n\nexport const navigationRef =\n React.createRef>();\n\nconst Stack = createNativeStackNavigator();\n\nconst screenOptions: NativeStackNavigationOptions = {\n animation: 'slide_from_right',\n headerShown: false,\n};\n\nexport const AppNavigation = () => {\n const isForceUpdateApp = useSelector(isForceUpdate);\n\n return (\n <>\n {isForceUpdateApp ? (\n \n ) : (\n \n \n \n \n \n {__DEV__ && (\n \n )}\n \n )}\n \n );\n};\n" }, { "path": "templates/CliTemplate/src/navigation/ForceupdateStack.tsx", "content": "import React from 'react';\n\nimport { NavigationContainerRef } from '@react-navigation/native';\nimport {\n createNativeStackNavigator,\n NativeStackNavigationOptions,\n} from '@react-navigation/native-stack';\n\nimport { ForceUpdateScreen, NetworkLoggerScreen } from '@src/screens';\n\nimport { NavStackParams, Screen } from './appNavigation.type';\n\nexport const navigationRef =\n React.createRef>();\n\nconst ForceUpdateStack = createNativeStackNavigator();\n\nconst screenOptions: NativeStackNavigationOptions = {\n animation: 'slide_from_right',\n headerShown: false,\n};\n\nexport const ForUpdateStack = () => {\n return (\n \n \n {__DEV__ && (\n \n )}\n \n );\n};\n" }, { "path": "templates/CliTemplate/src/navigation/appNavigation.type.ts", "content": "import type { RouteProp } from '@react-navigation/native';\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack';\n\nimport { NewsResult } from '@src/services';\n\nexport enum Screen {\n FORCE_UPDATE_SCREEN = 'FORCE_UPDATE_SCREEN',\n NETWORK_CHECK = 'NETWORK_CHECK',\n NEWS_DETAIL = 'NEWS_DETAIL',\n NEWS_LIST = 'NEWS_LIST',\n SETTING = 'SETTING',\n LOGIN = 'LOGIN',\n SIGNUP = 'SIGNUP',\n}\n\nexport type NavStackParams = {\n [Screen.FORCE_UPDATE_SCREEN]: undefined;\n [Screen.NETWORK_CHECK]: undefined;\n [Screen.NEWS_DETAIL]: NewsDetailParams;\n [Screen.NEWS_LIST]: undefined;\n [Screen.SETTING]: undefined;\n [Screen.LOGIN]: undefined;\n [Screen.SIGNUP]: undefined;\n};\n\nexport type NewsDetailParams = {\n item: NewsResult;\n};\n\nexport type AppNavigationProp = NativeStackNavigationProp;\n\nexport type NewsDetailRoute = RouteProp;\n" }, { "path": "templates/CliTemplate/src/navigation/withNavigation.ts", "content": "import {\n NavigationProp,\n ParamListBase,\n useNavigation,\n} from '@react-navigation/native';\n\nexport declare type WithNavigation<\n NavProp extends NavigationProp,\n T\n> = {\n navigation: NavProp;\n} & T;\n\nexport function useWithNavigation<\n NavProp extends NavigationProp,\n T extends object\n>(data: T): WithNavigation {\n const navigation = useNavigation();\n\n return { ...data, navigation };\n}\n" }, { "path": "templates/CliTemplate/src/screens/ErrorBoundary/ErrorBoundary.tsx", "content": "import React, { ErrorInfo, ReactNode } from 'react';\n// import { ErrorDetails } from \"./ErrorDetails\"\n\ninterface Props {\n children: ReactNode;\n catchErrors: 'always' | 'dev' | 'prod' | 'never';\n}\n\ninterface State {\n error: Error | null;\n errorInfo: ErrorInfo | null;\n}\n\n/**\n * This component handles whenever the user encounters a JS error in the\n * app. It follows the \"error boundary\" pattern in React. We're using a\n * class component because according to the documentation, only class\n * components can be error boundaries.\n *\n * - [Documentation and Examples](https://github.com/infinitered/ignite/blob/master/docs/Error-Boundary.md)\n * - [React Error Boundaries](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary)\n */\nexport class ErrorBoundary extends React.Component {\n state = { error: null, errorInfo: null };\n\n // If an error in a child is encountered, this will run\n componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n // Only set errors if enabled\n if (!this.isEnabled()) {\n return;\n }\n // Catch errors in any components below and re-render with error message\n this.setState({\n error,\n errorInfo,\n });\n\n // You can also log error messages to an error reporting service here\n // This is a great place to put BugSnag, Sentry, crashlytics, etc:\n // reportCrash(error)\n }\n\n // Reset the error back to null\n resetError = () => {\n this.setState({ error: null, errorInfo: null });\n };\n\n // To avoid unnecessary re-renders\n shouldComponentUpdate(\n _nextProps: Readonly,\n nextState: Readonly\n ): boolean {\n return nextState.error !== this.state.error;\n }\n\n // Only enable if we're catching errors in the right environment\n isEnabled(): boolean {\n return (\n this.props.catchErrors === 'always' ||\n (this.props.catchErrors === 'dev' && __DEV__) ||\n (this.props.catchErrors === 'prod' && !__DEV__)\n );\n }\n\n // Render an error UI if there's an error; otherwise, render children\n render() {\n return this.isEnabled() && this.state.error\n ? // \n null\n : this.props.children;\n }\n}\n" }, { "path": "templates/CliTemplate/src/screens/ForceUpdate/ForceUpdate.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaledSize, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const forceUpdateStyles = ({ backgroundColor, textColor }: Palette) =>\n StyleSheet.create({\n buttonContainer: {\n marginTop: scaleHeight(40),\n },\n container: {\n backgroundColor: backgroundColor,\n flex: 1,\n justifyContent: 'center',\n paddingHorizontal: scaleWidth(35),\n },\n messageStyle: {\n color: textColor,\n fontSize: scaledSize(18),\n marginBottom: scaleHeight(40),\n textAlign: 'center',\n },\n retryButton: {\n backgroundColor: backgroundColor,\n borderColor: textColor,\n borderWidth: scaleWidth(1),\n marginTop: scaleHeight(20),\n },\n retryText: {\n color: textColor,\n },\n updateText: {\n color: backgroundColor,\n },\n });\n" }, { "path": "templates/CliTemplate/src/screens/ForceUpdate/ForceUpdateScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { Button, Text } from '@app/blueprints';\n\nimport { contents } from '@src/context';\n\nimport useForceUpdate from './useForceUpdate';\n\nconst ForceUpdateScreen = () => {\n const { styles } = useForceUpdate();\n\n return (\n \n \n {contents('forceUpdate.updateMessage')}\n \n \n \n \n );\n};\n\nexport default React.memo(ForceUpdateScreen);\n" }, { "path": "templates/CliTemplate/src/screens/ForceUpdate/useForceUpdate.ts", "content": "import { useCallback } from 'react';\nimport { Linking } from 'react-native';\n\nimport { useFocusEffect } from '@react-navigation/native';\n\nimport { AppConfig, isIOS } from '@src/constants';\nimport { useAppContext } from '@src/context';\nimport { logger } from '@src/utils';\n\nimport { forceUpdateStyles } from './ForceUpdate.style';\n\nconst useForceUpdate = () => {\n const { color, ...props } = useAppContext();\n\n const styles = forceUpdateStyles(color);\n\n const onUpdatePress = useCallback(() => {\n try {\n const URLToOpen = isIOS\n ? AppConfig.APP_STORE_URL\n : AppConfig.PLAY_STORE_URL;\n Linking.canOpenURL(URLToOpen)\n .then(res => {\n res && Linking.openURL(URLToOpen);\n })\n .catch(error => {\n logger(`Error:: ${error}`);\n });\n } catch (error) {\n logger(`Error:: ${error}`);\n }\n }, []);\n\n const onRetryPress = useCallback(() => {}, []);\n\n useFocusEffect(\n useCallback(() => {\n onRetryPress();\n }, [onRetryPress])\n );\n\n return {\n onRetryPress,\n onUpdatePress,\n styles,\n ...props,\n };\n};\n\nexport default useForceUpdate;\n" }, { "path": "templates/CliTemplate/src/screens/Login/Login.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaledSize, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const loginStyles = ({ backgroundColor, secondaryColor }: Palette) =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center',\n },\n content: {\n backgroundColor: backgroundColor,\n borderRadius: scaledSize(30),\n flex: 2,\n paddingHorizontal: scaleWidth(15),\n paddingTop: scaleHeight(25),\n top: -scaleHeight(25),\n },\n fieldContainer: {},\n header: {\n backgroundColor: secondaryColor,\n flex: 1,\n },\n input: {\n marginVertical: scaleHeight(10),\n },\n loginBtn: {\n marginTop: scaleHeight(15),\n },\n });\n" }, { "path": "templates/CliTemplate/src/screens/Login/LoginScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { Button, Text, TextInput } from '@app/blueprints';\nimport { Formik } from 'formik';\n\nimport { BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\n\nimport useLogin from './useLogin';\n\nconst LoginScreen = () => {\n const {\n disabled,\n fieldValidation,\n handleButtonSubmit,\n initialValues,\n passwordRef,\n styles,\n } = useLogin();\n\n return (\n \n \n \n {contents('login.log_in')}\n \n {({ resetForm, submitForm }) => (\n \n {\n passwordRef.current?.focus();\n }}\n />\n \n \n {\n resetForm();\n }}\n />\n \n )}\n \n \n \n );\n};\n\nexport default React.memo(LoginScreen);\n" }, { "path": "templates/CliTemplate/src/screens/Login/useLogin.ts", "content": "import { useCallback, useRef, useState } from 'react';\nimport { TextInput } from 'react-native';\n\nimport * as yup from 'yup';\n\nimport { useAppContext } from '@src/context';\nimport { logger } from '@src/utils';\n\nimport { loginStyles } from './Login.style';\n\nconst useLogin = () => {\n const { color, navigation } = useAppContext();\n\n const [disabled, setDisabled] = useState(false);\n const passwordRef = useRef(null);\n\n const fieldValidation = yup.object().shape({\n email: yup.string().trim().required('Please enter your Email'),\n password: yup.string().trim().required('Please enter your Password'),\n });\n\n const initialValues = {\n email: '',\n password: '',\n };\n\n const handleButtonSubmit = useCallback(\n async (values: typeof initialValues) => {\n logger('values: ', values);\n setDisabled(true);\n await new Promise(res => setTimeout(res, 3000));\n setDisabled(false);\n },\n []\n );\n\n return {\n disabled,\n fieldValidation,\n handleButtonSubmit,\n initialValues,\n navigation,\n passwordRef,\n styles: loginStyles(color),\n };\n};\n\nexport default useLogin;\n" }, { "path": "templates/CliTemplate/src/screens/NetworkLogger/NetworkLoggerScreen.tsx", "content": "import React from 'react';\n\nimport NetworkLogger from 'react-native-network-logger';\n\nimport { BaseLayout } from '@src/components';\n\nconst NetworkLoggerScreen = () => {\n return (\n \n \n \n );\n};\n\nexport default React.memo(NetworkLoggerScreen);\n" }, { "path": "templates/CliTemplate/src/screens/NewsDetail/NewsDetail.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaleHeight, scaleWidth, screenWidth } from '@src/utils';\n\nexport const newsDetailStyles = ({}: Palette) =>\n StyleSheet.create({\n descriptionText: {},\n infoContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: scaleHeight(16),\n },\n newsImage: {\n height: screenWidth * 0.8,\n width: screenWidth - scaleWidth(20),\n },\n scrollViewContainer: { paddingHorizontal: scaleWidth(10) },\n title: {\n marginBottom: scaleHeight(15),\n textAlign: 'center',\n },\n });\n" }, { "path": "templates/CliTemplate/src/screens/NewsDetail/NewsDetailScreen.tsx", "content": "import React from 'react';\nimport { ScrollView, View } from 'react-native';\n\nimport { Button, Text } from '@app/blueprints';\n\nimport { AppImage, BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\nimport { scaleHeight } from '@src/utils';\n\nimport useNewsDetail from './useNewsDetail';\n\nconst NewsDetailScreen = () => {\n const { data, getPublishedMonth, handleGoBack, styles } = useNewsDetail();\n\n return (\n \n \n \n {data.title}\n \n \n \n \n {data.categories\n ? data.categories\n : contents('newsDetail.anonymous')}\n \n {getPublishedMonth(data.published_on)}\n \n\n \n {data.body}\n \n \n \n \n );\n};\n\nexport default React.memo(NewsDetailScreen);\n" }, { "path": "templates/CliTemplate/src/screens/NewsDetail/useNewsDetail.ts", "content": "import { useCallback } from 'react';\n\nimport { useRoute } from '@react-navigation/native';\n\nimport { contents, useAppContext } from '@src/context';\n\nimport { newsDetailStyles } from './NewsDetail.style';\nimport { NewsDetailRoute } from '../../navigation/appNavigation.type';\n\nconst useNewsDetail = () => {\n const { color, navigation } = useAppContext();\n\n const {\n params: { item: data },\n } = useRoute();\n\n const getPublishedMonth = useCallback((val: number) => {\n const publishedAt = new Date(val).toString();\n return publishedAt.split(' ').slice(0, 3).join(' ');\n }, []);\n\n const handleGoBack = useCallback(async () => {\n navigation.goBack();\n }, [navigation]);\n\n return {\n contents,\n data,\n getPublishedMonth,\n handleGoBack,\n navigation,\n styles: newsDetailStyles(color),\n };\n};\n\nexport default useNewsDetail;\n" }, { "path": "templates/CliTemplate/src/screens/NewsList/NewsList.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport {\n Palette,\n scaled,\n scaledSize,\n scaleHeight,\n scaleWidth,\n} from '@src/utils';\n\nexport const newsListStyles = ({ backgroundColor, primaryColor }: Palette) =>\n StyleSheet.create({\n debugIcon: {\n ...scaled(25),\n tintColor: primaryColor,\n },\n flatlistStyles: { paddingHorizontal: scaledSize(5) },\n headerContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n marginVertical: scaleHeight(10),\n },\n networkButton: {\n position: 'absolute',\n right: scaleWidth(5),\n },\n newsImage: {\n borderRadius: scaledSize(5),\n height: scaleHeight(95),\n width: scaleWidth(120),\n },\n newsItemContainer: {\n backgroundColor,\n borderRadius: scaledSize(5),\n flex: 1,\n flexDirection: 'row',\n marginBottom: scaleHeight(5),\n marginTop: scaleHeight(5),\n },\n newsTextView: {\n flex: 1,\n padding: scaledSize(5),\n },\n settingBtn: {\n position: 'absolute',\n right: scaleWidth(40),\n },\n });\n" }, { "path": "templates/CliTemplate/src/screens/NewsList/NewsListScreen.tsx", "content": "import React from 'react';\nimport { FlatList, TouchableOpacity, View } from 'react-native';\n\nimport { AnimatedTouchableOpacity, Text } from '@app/blueprints';\n\nimport { Icons, SVGIcons } from '@src/assets';\nimport { AppImage, BaseLayout, Icon, SvgIcon } from '@src/components';\nimport { contents } from '@src/context';\nimport type { NewsResult } from '@src/services';\nimport { scaled } from '@src/utils';\n\nimport useNewsList from './useNewsList';\n\nconst NewsListScreen = () => {\n const {\n color,\n data,\n handleNavigationNetwork,\n handleNavigationNewsItem,\n handleSetting,\n styles,\n } = useNewsList();\n\n const renderItem = ({ item }: { item: NewsResult }) => {\n return (\n \n \n \n \n {item?.source ? item.source : contents('newsList.general')}\n \n {item.title}\n \n \n );\n };\n\n return (\n \n `${item.id}_${item.title}`}\n renderItem={renderItem}\n ListHeaderComponent={\n \n {contents('newsList.breakingNews')}\n \n \n \n \n \n \n \n }\n />\n \n );\n};\n\nexport default React.memo(NewsListScreen);\n" }, { "path": "templates/CliTemplate/src/screens/NewsList/useNewsList.ts", "content": "import { useCallback, useEffect } from 'react';\n\nimport { useSelector } from 'react-redux';\n\nimport { contents, useAppContext } from '@src/context';\nimport { NewsResult } from '@src/services';\nimport { getNewsData as newsData, setNews, useAppDispatch } from '@src/store';\nimport { logger } from '@src/utils';\n\nimport { newsListStyles } from './NewsList.style';\nimport { Screen } from '../../navigation/appNavigation.type';\n\nconst useNewsList = () => {\n const { color, loader, navigation, services } = useAppContext();\n const dispatch = useAppDispatch();\n\n const data = useSelector(newsData);\n\n const getNewsData = useCallback(async () => {\n loader.current?.show();\n try {\n const getNews = await services.getNews();\n dispatch(setNews(getNews));\n } catch (error) {\n logger('Error getNews>>', error);\n } finally {\n loader.current?.hide();\n }\n }, [loader, services, dispatch]);\n\n const handleNavigationNetwork = useCallback(() => {\n navigation.navigate(Screen.NETWORK_CHECK);\n }, [navigation]);\n\n const handleNavigationNewsItem = useCallback(\n (item: NewsResult) => () => {\n navigation.navigate(Screen.NEWS_DETAIL, {\n item,\n });\n },\n [navigation]\n );\n\n const handleSetting = useCallback(() => {\n navigation.navigate(Screen.SETTING);\n }, [navigation]);\n\n useEffect(() => {\n logger('Calling Use Effect');\n getNewsData();\n }, [getNewsData]);\n\n return {\n color,\n contents,\n data,\n handleNavigationNetwork,\n handleNavigationNewsItem,\n handleSetting,\n styles: newsListStyles(color),\n };\n};\n\nexport default useNewsList;\n" }, { "path": "templates/CliTemplate/src/screens/Setting/Setting.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaled, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const settingStyles = ({ primaryColor }: Palette) =>\n StyleSheet.create({\n btn: {\n marginTop: scaleHeight(30),\n },\n content: {\n marginTop: scaleHeight(25),\n paddingHorizontal: scaleWidth(50),\n },\n header: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n radio: {\n ...scaled(20),\n alignItems: 'center',\n borderRadius: 10,\n borderWidth: 1,\n justifyContent: 'center',\n },\n selectedRadio: {\n ...scaled(10),\n backgroundColor: primaryColor,\n borderRadius: 10,\n },\n themes: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: scaleHeight(5),\n },\n });\n" }, { "path": "templates/CliTemplate/src/screens/Setting/SettingScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { AnimatedTouchableOpacity, Button, Text } from '@app/blueprints';\n\nimport { BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\nimport { ContentLanguage } from '@src/i18n';\n\nimport useSetting from './useSetting';\n\nconst SettingScreen = () => {\n const {\n appTheme,\n handleChangeLanguage,\n handleChangeTheme,\n handleLogin,\n language,\n languages,\n styles,\n themes,\n } = useSetting();\n\n return (\n \n \n {contents('setting.settingScreen')}\n \n \n \n {contents('setting.theme')}\n \n {themes.map(m => {\n return (\n \n {m}\n \n {appTheme === m.toLowerCase() ? (\n \n ) : null}\n \n \n );\n })}\n\n \n {contents('setting.languages')}\n \n {languages.map(m => {\n return (\n \n {m}\n \n {ContentLanguage[m as keyof typeof ContentLanguage] ===\n language ? (\n \n ) : null}\n \n \n );\n })}\n \n \n \n );\n};\n\nexport default React.memo(SettingScreen);\n" }, { "path": "templates/CliTemplate/src/screens/Setting/useSetting.ts", "content": "import { useCallback } from 'react';\n\nimport { useAppContext } from '@src/context';\nimport { ContentLanguage } from '@src/i18n';\nimport { Theme } from '@src/utils';\n\nimport { settingStyles } from './Setting.style';\nimport { Screen } from '../../navigation/appNavigation.type';\n\nconst themes = ['Dark', 'Light', 'Theme1', 'Theme2', 'Theme3'];\n\nconst languages = Object.keys(ContentLanguage);\n\nconst useSetting = () => {\n const {\n appTheme,\n color,\n language,\n navigation,\n setAppTheme,\n setLanguageInApp,\n } = useAppContext();\n\n const handleChangeTheme = useCallback(\n (m: string) => () => {\n setAppTheme(m as Theme);\n },\n [setAppTheme]\n );\n\n const handleChangeLanguage = useCallback(\n (m: string) => () => {\n setLanguageInApp(ContentLanguage[m as keyof typeof ContentLanguage]);\n },\n [setLanguageInApp]\n );\n\n const handleLogin = useCallback(() => {\n navigation.navigate(Screen.LOGIN);\n }, [navigation]);\n\n // add your code here\n\n return {\n appTheme,\n color,\n handleChangeLanguage,\n handleChangeTheme,\n handleLogin,\n language,\n languages,\n navigation,\n styles: settingStyles(color),\n themes,\n };\n};\n\nexport default useSetting;\n" }, { "path": "templates/CliTemplate/src/screens/index.ts", "content": "export { default as NetworkLoggerScreen } from './NetworkLogger/NetworkLoggerScreen';\nexport { default as NewsListScreen } from './NewsList/NewsListScreen';\nexport { default as NewsDetailScreen } from './NewsDetail/NewsDetailScreen';\nexport { default as ForceUpdateScreen } from './ForceUpdate/ForceUpdateScreen';\nexport { default as SettingScreen } from './Setting/SettingScreen';\nexport { default as LoginScreen } from './Login/LoginScreen';\n" }, { "path": "templates/CliTemplate/src/services/apiHandler.ts", "content": "import axios, { AxiosInstance, AxiosResponse } from 'axios';\n\nimport { AppConfig } from '@src/constants';\n\n\nclass APIhandler {\n private readonly axiosInstance: AxiosInstance;\n private readonly axiosHeaders = {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n };\n\n constructor() {\n this.axiosInstance = axios.create({\n baseURL: AppConfig.API_URL,\n headers: this.axiosHeaders,\n timeout: 10000,\n timeoutErrorMessage: 'Slow Network',\n validateStatus(status) {\n return (\n (status >= 200 && status < 300) || status === 400 || status === 401\n );\n },\n });\n // ***** Uncomment lines for debugging Request *****\n // this.axiosInstance.interceptors.request.use(req => {\n // if (__DEV__) {\n // // eslint-disable-next-line no-console\n // console.log(\n // '⛔️⛔️⛔️ this.axiosInstance.interceptors.request: ',\n // JSON.stringify(req, null, ' ')\n // );\n // }\n // return req;\n // });\n\n //***** Uncomment lines for debugging Response *****\n // this.axiosInstance.interceptors.response.use(res => {\n // if (__DEV__) {\n // // eslint-disable-next-line no-console\n // console.log(\n // '🚀🚀🚀🚀 this.axiosInstance.interceptors.response: ',\n // JSON.stringify(res, null, ' ')\n // );\n // }\n // return res;\n // });\n }\n\n requestHeader = () => {\n return {\n Authorization: `Bearer `,\n };\n };\n\n handleBodyResponse = async (response: AxiosResponse): Promise => {\n if (response.status === 200) {\n return Promise.resolve(JSON.parse(JSON.stringify(response.data)));\n } else if (response.status === 400) {\n return Promise.reject({\n cause: response.status.toString(),\n message: response.data.message,\n } as Error);\n } else if (response.status === 401) {\n return Promise.reject({\n cause: response.status.toString(),\n message: 'Your session has been expired..!!! please login again...',\n } as Error);\n } else {\n return Promise.reject({\n cause: response.status.toString(),\n message: response.statusText,\n } as Error);\n }\n };\n\n postAPIService = async (api: string, reqParams: any): Promise => {\n try {\n const response = await this.axiosInstance.post(api, reqParams, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n async getAPIService(api: string): Promise {\n try {\n // get, D = any>(url: string, config?: AxiosRequestConfig): Promise;\n const response = await this.axiosInstance.get(api, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n }\n\n deleteAPIService = async (api: string, reqParams: any = {}): Promise => {\n try {\n const response = await this.axiosInstance.delete(api, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n params: reqParams,\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n putAPIService = async (api: string, reqParams: any = {}): Promise => {\n try {\n const response = await this.axiosInstance({\n data: reqParams,\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n method: 'PUT',\n url: api,\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n}\n\nexport const API = new APIhandler();\n" }, { "path": "templates/CliTemplate/src/services/appServices.ts", "content": "import { API_METHODS } from './appServices.type';\nimport { ServicesEndPoints } from './appServicesEndPoints';\nimport { getNewsCommercialResponseAdapter } from './commercial/adapters/response/getNewsCommercialResponseAdapter';\nimport { GetUserCommercialResponseAdapter } from './commercial/adapters/response/getUserCommercialResponseAdapter';\nimport { PostLoginCommercialResponseAdapter } from './commercial/adapters/response/postLoginCommercialResponseAdapter';\nimport { NewsResponseDTO } from './commercial/dtos/NewsResponseDTO';\nimport {\n LoginResponseDTO,\n UserResponseDTO,\n} from './commercial/dtos/UserResponseDTO';\nimport { ListUserReq, NewsResult, UserResult } from './models';\nimport { LoginParams, LoginResult } from './models/login';\nimport serviceAdapter from './serviceAdapter';\n\nexport class AppServices {\n constructor() {}\n\n loginUser = async (loginParams: LoginParams): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.POST,\n ServicesEndPoints.LOGIN,\n loginParams\n )\n .then(res => {\n resolve(new PostLoginCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n\n listUsers = async (listUserReq: ListUserReq): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.GET,\n `${ServicesEndPoints.USERS}?page=${listUserReq.page}&per_page=${listUserReq.per_page}`\n )\n .then(res => {\n resolve(new GetUserCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n\n getNews = async (): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.GET,\n ServicesEndPoints.NEWS\n )\n .then(res => {\n resolve(new getNewsCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n}\n\nexport const appServices = new AppServices();\n" }, { "path": "templates/CliTemplate/src/services/appServices.type.ts", "content": "export enum API_METHODS {\n DELETE = 'DELETE',\n GET = 'GET',\n POST = 'POST',\n PUT = 'PUT',\n}\n" }, { "path": "templates/CliTemplate/src/services/appServicesEndPoints.ts", "content": "export enum ServicesEndPoints {\n USERS = '/users',\n LOGIN = '/login',\n NEWS = '/news/',\n}\n" }, { "path": "templates/CliTemplate/src/services/commercial/adapters/response/getNewsCommercialResponseAdapter.ts", "content": "import { NewsResult } from '../../../models';\nimport { NewDataResponse, NewsResponseDTO } from '../../dtos/NewsResponseDTO';\n\nexport class getNewsCommercialResponseAdapter {\n constructor() {}\n\n service(dto: NewsResponseDTO): NewsResult[] {\n return dto.Data.map((item: NewDataResponse) => {\n return {\n body: item.body,\n categories: item.categories,\n id: item.id,\n imageUrl: item.imageurl,\n published_on: item.published_on,\n source: item.source,\n tags: item.tags,\n title: item.title,\n };\n });\n }\n}\n" }, { "path": "templates/CliTemplate/src/services/commercial/adapters/response/getUserCommercialResponseAdapter.ts", "content": "import { UserResult } from '@src/services/models/user';\n\nimport { UserResponseDTO } from '../../dtos/UserResponseDTO';\n\nexport class GetUserCommercialResponseAdapter {\n constructor() {}\n\n service(dto: UserResponseDTO): UserResult[] {\n return dto.data.map(item => {\n return {\n firstName: item.first_name,\n id: item.id,\n lastName: item.last_name,\n };\n });\n }\n}\n" }, { "path": "templates/CliTemplate/src/services/commercial/adapters/response/postLoginCommercialResponseAdapter.ts", "content": "import { LoginResult } from '@src/services/models/login';\n\nimport { LoginResponseDTO } from '../../dtos/UserResponseDTO';\n\nexport class PostLoginCommercialResponseAdapter {\n constructor() {}\n\n service(dto: LoginResponseDTO): LoginResult {\n return {\n userToken: dto.token,\n };\n }\n}\n" }, { "path": "templates/CliTemplate/src/services/commercial/dtos/NewsResponseDTO.ts", "content": "export interface NewsResponseDTO {\n Type: number;\n Message: string;\n Promoted?: null[] | null;\n Data: NewDataResponse[];\n RateLimit: Object;\n HasWarning: boolean;\n}\n\nexport interface NewDataResponse {\n id: string;\n guid?: string;\n published_on: number;\n imageurl: string;\n title: string;\n url?: string;\n body: string;\n tags: string;\n lang?: string;\n upvotes?: string;\n downvotes?: string;\n categories: string;\n source_info?: SourceInfo;\n source: string;\n}\nexport interface SourceInfo {\n name: string;\n img: string;\n lang: string;\n}\n" }, { "path": "templates/CliTemplate/src/services/commercial/dtos/UserResponseDTO.ts", "content": "export interface UserResponseDTO {\n page: number;\n per_page: number;\n total: number;\n total_pages: number;\n data: DatumDTO[];\n support: SupportDTO;\n}\n\nexport interface DatumDTO {\n id: number;\n email: string;\n first_name: string;\n last_name: string;\n avatar: string;\n}\n\nexport interface SupportDTO {\n url: string;\n text: string;\n}\n\nexport interface LoginResponseDTO {\n token: string;\n}\n" }, { "path": "templates/CliTemplate/src/services/index.ts", "content": "export * from './apiHandler';\nexport * from './appServicesEndPoints';\nexport * from './serviceAdapter';\nexport * from './models';\nexport * from './appServices';\n" }, { "path": "templates/CliTemplate/src/services/models/index.ts", "content": "export * from './unknown';\nexport * from './user';\nexport * from './news';\n" }, { "path": "templates/CliTemplate/src/services/models/login.ts", "content": "export interface LoginResult {\n userToken: string;\n}\n\nexport interface LoginParams {\n email: string;\n password: string;\n}\n" }, { "path": "templates/CliTemplate/src/services/models/news.ts", "content": "export interface Source {\n id?: null | string | number;\n name: string;\n}\n\nexport interface NewsResult {\n body: string;\n categories: string;\n id: string;\n imageUrl: string;\n published_on: number;\n source: string;\n tags: string;\n title: string;\n}\n" }, { "path": "templates/CliTemplate/src/services/models/unknown.ts", "content": "export interface ApiUnknownResponse {}\n\nexport interface ApiUnknownRequestParams {}\n\nexport interface UnknownResponse {}\n" }, { "path": "templates/CliTemplate/src/services/models/user.ts", "content": "export interface ListUserReq {\n page: number;\n per_page: number;\n}\n\nexport interface UserResult {\n firstName: string;\n id: number;\n lastName: string;\n}\n" }, { "path": "templates/CliTemplate/src/services/serviceAdapter.ts", "content": "import { isNetworkConnected } from '@src/utils';\n\nimport { API } from './apiHandler';\nimport { API_METHODS } from './appServices.type';\nimport { contents } from '../context/content';\n\nexport default async function serviceAdapter(\n method: API_METHODS,\n url: string,\n requestParam?: reqParams\n): Promise {\n const status = await isNetworkConnected();\n if (status) {\n if (method.toString() === API_METHODS.GET) {\n return API.getAPIService(url);\n } else if (method.toString() === API_METHODS.DELETE) {\n return API.deleteAPIService(url, requestParam);\n } else if (method.toString() === API_METHODS.PUT) {\n return API.putAPIService(url, requestParam);\n } else if (method.toString() === API_METHODS.POST) {\n return API.postAPIService(url, requestParam);\n } else {\n return Promise.reject('REST METHOD NOT EXITSt');\n }\n } else {\n return Promise.reject(Error(contents('common.internetConnectionError')));\n }\n}\n" }, { "path": "templates/CliTemplate/src/store/index.ts", "content": "import { combineReducers, configureStore } from '@reduxjs/toolkit';\nimport { useDispatch } from 'react-redux';\nimport {\n FLUSH,\n PAUSE,\n PERSIST,\n PersistConfig,\n persistReducer,\n persistStore,\n PURGE,\n REGISTER,\n REHYDRATE,\n} from 'redux-persist';\n\nimport { reduxStorage } from '@src/context';\n\nimport { newsData, newsDataName, userData } from './reducers';\n\nconst rootReducer = combineReducers({\n newsData,\n userData,\n});\n\nexport type RootState = ReturnType;\n\nconst persistConfig: PersistConfig = {\n key: 'root',\n storage: reduxStorage,\n whitelist: [newsDataName],\n};\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\n\nconst store = configureStore({\n devTools: true,\n middleware: getDefaultMiddleware =>\n getDefaultMiddleware({\n serializableCheck: {\n ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\n },\n thunk: {\n extraArgument: {},\n },\n }),\n reducer: persistedReducer,\n});\n\nexport const persistor = persistStore(store);\n\nexport type AppDispatch = typeof store.dispatch;\n\nexport const useAppDispatch = () => useDispatch();\n\nexport default store;\n\nexport * from './reducers';\nexport * from './observers';\n" }, { "path": "templates/CliTemplate/src/store/observers/index.ts", "content": "export * from './users';\nexport * from './news';\n" }, { "path": "templates/CliTemplate/src/store/observers/news.ts", "content": "import { RootState } from '../index';\n\nexport const getNewsData = (state: RootState) => state.newsData.news;\n" }, { "path": "templates/CliTemplate/src/store/observers/users.ts", "content": "import { RootState } from '../index';\n\nexport const usersData = (state: RootState) => state.userData.users;\n\nexport const isForceUpdate = (state: RootState) => state.userData.isForceUpdate;\n" }, { "path": "templates/CliTemplate/src/store/reducers/index.ts", "content": "export * from './usersData';\nexport * from './newsData';\n" }, { "path": "templates/CliTemplate/src/store/reducers/newsData.ts", "content": "import { createSlice, PayloadAction } from '@reduxjs/toolkit';\n\nimport { NewsResult } from '@src/services';\n\ntype NewsData = {\n news: NewsResult[];\n};\n\nconst initialState: NewsData = {\n news: [],\n};\n\nexport const newsDataSlice = createSlice({\n initialState,\n name: 'newsData',\n reducers: {\n resetNewsData: () => initialState,\n setNews: (state, { payload }: PayloadAction) => {\n state.news = payload;\n },\n },\n});\n\nexport const {\n actions: { resetNewsData, setNews },\n name: newsDataName,\n reducer: newsData,\n} = newsDataSlice;\n" }, { "path": "templates/CliTemplate/src/store/reducers/usersData.ts", "content": "import { createSlice, PayloadAction } from '@reduxjs/toolkit';\n\nimport { UserResult } from '@src/services';\n\ntype AppData = {\n users: UserResult[];\n isForceUpdate: boolean;\n};\n\nconst initialState: AppData = {\n isForceUpdate: false,\n users: [],\n};\n\nexport const userDataSlice = createSlice({\n initialState,\n name: 'userData',\n reducers: {\n resetUserData: () => initialState,\n setForceUpdate: (state, { payload }: PayloadAction) => {\n state.isForceUpdate = payload;\n },\n setUsers: (state, { payload }: PayloadAction) => {\n state.users = payload;\n },\n },\n});\n\nexport const {\n actions: { resetUserData, setForceUpdate, setUsers },\n name: userDataName,\n reducer: userData,\n} = userDataSlice;\n" }, { "path": "templates/CliTemplate/src/utils/color.ts", "content": "import { ColorSchemeName } from 'react-native';\n\nexport const color = {\n dark: {\n backgroundColor: '#212121', // light grey\n primaryColor: '#0a84ff', // bright blue\n secondaryColor: '#dcdcdc', // dark grey\n textColor: '#f8f9fa', // off-white\n },\n light: {\n backgroundColor: '#f8f9fa', // grey\n primaryColor: '#000080', // blue\n secondaryColor: '#6c757d', // off-white\n textColor: '#343a40', // dark grey\n },\n theme1: {\n backgroundColor: '#f8f8f8', // light pink\n primaryColor: '#ff5a5f', // red\n secondaryColor: '#f2c9c9', // off-white\n textColor: '#424242', // dark grey\n },\n theme2: {\n backgroundColor: '#e5e5e5', // wheat\n primaryColor: '#000080', // navy blue\n secondaryColor: '#f5deb3', // light grey\n textColor: '#333333', // dark grey\n },\n theme3: {\n backgroundColor: '#f0f0f0', // light yellow\n primaryColor: '#800000', // maroon\n secondaryColor: '#ffffe0', // light grey\n textColor: '#2f4f4f', // dark slate grey\n },\n theme4: {\n backgroundColor: '#f5f5f5', // misty rose\n primaryColor: '#663399', // rebecca purple\n secondaryColor: '#ffe4e1', // light grey\n textColor: '#333333', // dark grey\n },\n};\n\nexport type Palette = (typeof color)[keyof typeof color];\n\nexport type Theme = ColorSchemeName | keyof typeof color;\n" }, { "path": "templates/CliTemplate/src/utils/dimensions.ts", "content": "import { Dimensions } from 'react-native';\n\nconst { height: screenHeight, width: screenWidth } = Dimensions.get('window');\n\n// resolution changes as per design\nexport const designWidth = 375;\nexport const designHeight = 812;\n\nconst scaleWidth = (val: number) => {\n return (screenWidth * val) / designWidth;\n};\n\nconst scaleHeight = (val: number) => {\n return (screenHeight * val) / designHeight;\n};\n\nconst scale = Math.min(screenWidth / designWidth, screenHeight / designHeight);\n\nconst moderateScale = (size: number, factor = 1) =>\n size + (scaleWidth(size) - size) * factor;\n\nconst scaledSize = (size: number) => Math.ceil(size * scale);\n\nexport {\n moderateScale,\n scaledSize,\n scaleHeight,\n scaleWidth,\n screenHeight,\n screenWidth,\n};\n" }, { "path": "templates/CliTemplate/src/utils/helper.ts", "content": "import { createRef } from 'react';\n\nimport NetInfo from '@react-native-community/netinfo';\n\nimport { scaledSize } from './dimensions';\nimport { IndicatorRef } from '../../blueprints/Indicator/Indicator';\n\nexport const isNetworkConnected = async () => {\n const state = await NetInfo.refresh();\n return state.isConnected || false;\n};\n\nexport function isEmpty(obj: object) {\n return Object.keys(obj).length === 0;\n}\n\nexport const logger = (...args: any) => {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.log(...args);\n }\n};\n\nexport const scaled = (value: number) => {\n return {\n height: scaledSize(value),\n width: scaledSize(value),\n };\n};\n\nexport function boxShadow(\n color: string,\n offset = { height: 2, width: 2 },\n radius = 8,\n opacity = 0.2\n) {\n return {\n elevation: radius,\n shadowColor: color,\n shadowOffset: offset,\n shadowOpacity: opacity,\n shadowRadius: radius,\n };\n}\n\nexport function delay(ms: number) {\n return new Promise(resolve => setTimeout(resolve as () => void, ms));\n}\n\nexport const loader = createRef();\n" }, { "path": "templates/CliTemplate/src/utils/index.ts", "content": "export * from './dimensions';\nexport * from './helper';\nexport * from './color';\n" }, { "path": "templates/CliTemplate/tsconfig.json", "content": "{\n \"extends\": \"@react-native/typescript-config/tsconfig.json\",\n \"compilerOptions\": {\n /* Basic Options */\n \"target\": \"esnext\" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,\n \"module\": \"esnext\" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,\n \"lib\": [\n \"esnext\"\n ] /* Specify library files to be included in the compilation. */,\n \"allowJs\": true /* Allow javascript files to be compiled. */,\n \"jsx\": \"react\" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,\n \"moduleResolution\": \"bundler\" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,\n \"paths\": {\n \"@src/*\": [\"./src/*\"],\n \"@app/blueprints\": [\"./blueprints\"]\n } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,\n \"allowUnreachableCode\": false,\n \"allowUnusedLabels\": false,\n \"forceConsistentCasingInFileNames\": true,\n \"isolatedModules\": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,\n \"strict\": true /* Enable all strict type-checking options. */,\n \"noUnusedLocals\": true /* Report errors on unused locals. */,\n \"noUnusedParameters\": true /* Report errors on unused parameters. */,\n \"noImplicitReturns\": true /* Report error when not all code paths in function return a value. */,\n \"noFallthroughCasesInSwitch\": true /* Report errors for fallthrough cases in switch statement. */,\n \"noImplicitUseStrict\": false,\n \"noStrictGenericChecks\": false,\n \"noUncheckedIndexedAccess\": true,\n \"types\": [\"react-native\", \"jest\", \"node\"],\n \"typeRoots\": [\"@types\", \"./node_modules/@types\"],\n \"allowSyntheticDefaultImports\": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,\n \"esModuleInterop\": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,\n \"skipLibCheck\": true /* Skip type checking of declaration files. */,\n \"resolveJsonModule\": true /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */\n\n /* Module Resolution Options */\n // \"importsNotUsedAsValues\": \"error\",\n // \"baseUrl\": \"..\", /* Base directory to resolve non-absolute module names. */,\n // \"checkJs\": true, /* Report errors in .js files. */\n // \"declaration\": true, /* Generates corresponding '.d.ts' file. */\n // \"sourceMap\": true, /* Generates corresponding '.map' file. */\n // \"outFile\": \"./\", /* Concatenate and emit output to single file. */\n // \"outDir\": \"./\", /* Redirect output structure to the directory. */\n // \"rootDir\": \"./\", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */\n // \"removeComments\": true, /* Do not emit comments to output. */\n // \"noEmit\": true /* Do not emit outputs. */,\n // \"incremental\": true, /* Enable incremental compilation */\n // \"importHelpers\": true, /* Import emit helpers from 'tslib'. */\n // \"downlevelIteration\": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */\n\n /* Strict Type-Checking Options */\n // \"noImplicitAny\": true, /* Raise error on expressions and declarations with an implied 'any' type. */\n // \"strictNullChecks\": true, /* Enable strict null checks. */\n // \"strictFunctionTypes\": true, /* Enable strict checking of function types. */\n // \"strictPropertyInitialization\": true, /* Enable strict checking of property initialization in classes. */\n // \"noImplicitThis\": true, /* Raise error on 'this' expressions with an implied 'any' type. */\n // \"alwaysStrict\": true, /* Parse in strict mode and emit \"use strict\" for each source file. */\n /* Experimental Options */\n // \"experimentalDecorators\": true, /* Enables experimental support for ES7 decorators. */\n // \"emitDecoratorMetadata\": true, /* Enables experimental support for emitting type metadata for decorators. */\n /* Additional Checks */\n // \"rootDirs\": [], /* List of root folders whose combined content represents the structure of the project at runtime. */\n // \"typeRoots\": [], /* List of folders to include type definitions from. */\n // \"types\": [], /* Type declaration files to be included in compilation. */\n // \"preserveSymlinks\": true, /* Do not resolve the real path of symlinks. */\n /* Source Map Options */\n // \"sourceRoot\": \"./\", /* Specify the location where debugger should locate TypeScript files instead of source locations. */\n // \"mapRoot\": \"./\", /* Specify the location where debugger should locate map files instead of generated locations. */\n // \"inlineSourceMap\": true, /* Emit a single file with source maps instead of having a separate file. */\n // \"inlineSources\": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */\n },\n \"exclude\": [\n \"node_modules\",\n \"babel.config.js\",\n \"metro.config.js\",\n \"jest.config.js\"\n ]\n}\n" }, { "path": "templates/ExpoTemplate/.eslintrc.js", "content": "module.exports = {\n extends: [\n '@react-native',\n 'prettier',\n 'plugin:react-hooks/recommended',\n 'plugin:react-native/all',\n ],\n overrides: [\n {\n files: ['*.ts', '*.tsx', '*.js'],\n rules: {\n '@typescript-eslint/no-shadow': ['error'],\n 'no-shadow': 'off',\n 'no-undef': 'off',\n 'react/no-unstable-nested-components': ['off', { allowAsProps: true }],\n },\n },\n ],\n parser: '@typescript-eslint/parser',\n plugins: [\n '@typescript-eslint',\n 'eslint-plugin-no-inline-styles',\n 'import',\n 'react-hooks',\n 'sort-keys-fix',\n 'sort-destructure-keys',\n 'react-native',\n ],\n root: true,\n rules: {\n 'import/newline-after-import': [\n 'warn',\n {\n count: 1,\n },\n ],\n 'import/no-duplicates': 'error',\n 'import/order': [\n 'error',\n {\n 'alphabetize': {\n caseInsensitive: true,\n order: 'asc',\n },\n 'groups': [\n ['external', 'builtin'],\n 'internal',\n ['sibling', 'parent'],\n 'index',\n ],\n 'newlines-between': 'always',\n 'pathGroups': [\n {\n group: 'external',\n pattern: '@(react|react-native)',\n position: 'before',\n },\n {\n group: 'internal',\n pattern: '@miBoilerplate/**',\n },\n {\n group: 'internal',\n pattern: '@src/**',\n },\n ],\n 'pathGroupsExcludedImportTypes': ['internal', 'react'],\n },\n ],\n 'no-console': ['error'],\n 'no-inline-styles/no-inline-styles': 2,\n 'no-restricted-imports': [\n 'error',\n {\n importNames: ['Text', 'Image'],\n message: 'Please use @app/blueprints for importing main elements.',\n name: 'react-native',\n },\n ],\n 'no-shadow': 'off',\n 'prettier/prettier': [\n 'error',\n {\n arrowParens: 'avoid',\n bracketSameLine: true,\n bracketSpacing: true,\n quoteProps: 'consistent',\n singleQuote: true,\n tabWidth: 2,\n trailingComma: 'es5',\n useTabs: false,\n },\n ],\n 'react-hooks/exhaustive-deps': 'error',\n 'react-hooks/rules-of-hooks': 'error',\n 'sort-destructure-keys/sort-destructure-keys': [\n 2,\n { caseSensitive: false },\n ],\n 'sort-imports': [\n 'error',\n {\n ignoreCase: true,\n ignoreDeclarationSort: true,\n ignoreMemberSort: false,\n },\n ],\n 'sort-keys-fix/sort-keys-fix': [\n 'error',\n 'asc',\n {\n caseSensitive: false,\n natural: true,\n },\n ],\n },\n};\n" }, { "path": "templates/ExpoTemplate/.gitignore", "content": "# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files\n\n# dependencies\nnode_modules/\ndist/*\n# Expo\n.expo/\nweb-build/\n\n# Native\n*.orig.*\n*.jks\n*.p8\n*.p12\n*.key\n*.mobileprovision\n\n# Metro\n.metro-health-check*\n\n# debug\nnpm-debug.*\nyarn-debug.*\nyarn-error.*\n\n# macOS\n.DS_Store\n*.pem\n\n# local env files\n.env*.local\n\n# typescript\n*.tsbuildinfo\n.yarn/" }, { "path": "templates/ExpoTemplate/.husky/commit-msg", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpx --no -- commitlint --edit \n" }, { "path": "templates/ExpoTemplate/.husky/pre-commit", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nyarn lint & npx yarn typescript\n" }, { "path": "templates/ExpoTemplate/.prettierrc.js", "content": "module.exports = {\n arrowParens: \"avoid\",\n bracketSameLine: true,\n bracketSpacing: true,\n quoteProps: \"consistent\",\n singleQuote: true,\n tabWidth: 2,\n trailingComma: \"es5\",\n useTabs: false,\n};\n" }, { "path": "templates/ExpoTemplate/.vscode/settings.json", "content": "{\n \"eslint.options\": {},\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"eslint.run\": \"onSave\",\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"editor.formatOnSave\": true,\n \"cSpell.words\": [\"dtos\", \"Formik\", \"gradlew\", \"MMKV\", \"persistor\"],\n \"conventionalCommits.scopes\": [\"contents\"]\n}\n" }, { "path": "templates/ExpoTemplate/.yarnrc.yml", "content": "nodeLinker: node-modules\ncompressionLevel: mixed\n\nenableGlobalCache: false\n" }, { "path": "templates/ExpoTemplate/App.tsx", "content": "import React from 'react';\n\nimport { useFonts } from 'expo-font';\n\nimport { MainApp } from './src/MainApp';\n\nconst App = () => {\n const [fontsLoaded] = useFonts({\n Poppins: require('./src/assets/fonts/Poppins.ttf'),\n });\n\n if (!fontsLoaded) {\n return null;\n }\n\n return ;\n};\n\nexport default App;\n" }, { "path": "templates/ExpoTemplate/app.json", "content": "{\n \"expo\": {\n \"name\": \"MIBoilerplate\",\n \"slug\": \"mindinventory-expo-boilerplate\",\n \"version\": \"1.0.0\",\n \"orientation\": \"portrait\",\n \"icon\": \"./assets/icon.png\",\n \"userInterfaceStyle\": \"light\",\n \"splash\": {\n \"image\": \"./assets/splash.png\",\n \"resizeMode\": \"contain\",\n \"backgroundColor\": \"#ffffff\"\n },\n \"assetBundlePatterns\": [\"**/*\"],\n \"ios\": {\n \"supportsTablet\": true\n },\n \"android\": {\n \"adaptiveIcon\": {\n \"foregroundImage\": \"./assets/adaptive-icon.png\",\n \"backgroundColor\": \"#ffffff\"\n }\n },\n \"web\": {\n \"favicon\": \"./assets/favicon.png\"\n },\n \"plugins\": [\"expo-localization\", \"expo-font\"]\n }\n}\n" }, { "path": "templates/ExpoTemplate/babel.config.js", "content": "module.exports = function (api) {\n api.cache(true);\n return {\n plugins: [\n 'react-native-reanimated/plugin',\n [\n 'module:react-native-dotenv',\n {\n envName: 'APP_ENV',\n moduleName: '@env',\n path: './.env',\n safe: true,\n allowUndefined: false,\n },\n ],\n [\n 'module-resolver',\n {\n alias: {\n '@app/blueprints': './blueprints',\n '@src/assets': './src/assets',\n '@src/components': './src/components',\n '@src/constants': './src/constants',\n '@src/context': './src/context',\n '@src/hooks': './src/hooks',\n '@src/i18n': './src/i18n',\n '@src/screens': './src/screens',\n '@src/services': './src/services',\n '@src/store': './src/store',\n '@src/utils': './src/utils',\n },\n extensions: ['.js', '.json'],\n root: ['./src'],\n },\n ],\n ],\n presets: ['babel-preset-expo'],\n };\n};\n" }, { "path": "templates/ExpoTemplate/blueprints/Button/Button.tsx", "content": "import React from 'react';\nimport {\n StyleProp,\n StyleSheet,\n TextStyle,\n TouchableOpacity,\n TouchableOpacityProps,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport Animated, {\n useAnimatedStyle,\n useSharedValue,\n withSpring,\n} from 'react-native-reanimated';\n\nimport { useColor } from '@src/context';\nimport { moderateScale, Palette, scaleHeight } from '@src/utils';\n\nimport { Text } from '../Text/Text';\n\nconst AnimatedButtonComponent =\n Animated.createAnimatedComponent(TouchableOpacity);\n\ninterface ExtraButtonProps {\n buttonContainerStyle?: StyleProp;\n titleContainerStyle?: StyleProp;\n titleStyle?: StyleProp;\n title?: React.ReactNode;\n rightIcon?: JSX.Element;\n leftIcon?: JSX.Element;\n}\n\nexport type AnimatedButtonProps = Omit<\n TouchableOpacityProps,\n 'onPressIn' | 'onPressOut' | 'style'\n> & {\n containerStyle?: StyleProp;\n};\n\nexport type ButtonProps = AnimatedButtonProps & ExtraButtonProps;\n\nexport const AnimatedTouchableOpacity = React.memo(\n (props: AnimatedButtonProps) => {\n const { containerStyle } = props;\n const scaleValue = useSharedValue(1);\n\n const animatedButtonStyle = useAnimatedStyle(() => {\n return {\n transform: [{ scale: scaleValue.value }],\n };\n });\n\n return (\n (scaleValue.value = withSpring(0.9))}\n onPressOut={() => (scaleValue.value = withSpring(1))}\n activeOpacity={0.8}\n {...props}>\n {props.children}\n \n );\n }\n);\n\nexport const Button = React.memo((props: ButtonProps) => {\n const { buttonContainerStyle, title, titleContainerStyle, titleStyle } =\n props;\n\n const { color } = useColor();\n\n const styles = buttonStyles(color);\n\n return (\n \n \n {props.leftIcon}\n \n {title}\n \n {props.rightIcon}\n \n \n );\n});\n\nconst buttonStyles = ({ primaryColor }: Palette) =>\n StyleSheet.create({\n buttonContainer: {\n alignItems: 'center',\n backgroundColor: primaryColor,\n borderRadius: moderateScale(60),\n height: scaleHeight(45),\n width: '100%',\n },\n titleContainer: {\n alignItems: 'center',\n flexDirection: 'row',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n },\n });\n" }, { "path": "templates/ExpoTemplate/blueprints/Image/Image.tsx", "content": "import React, { useEffect, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport {\n ActivityIndicator,\n LayoutRectangle,\n StyleProp,\n StyleSheet,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport {\n Image as ExpoImage,\n ImageProps as ExpoImageProps,\n ImageSource as ExpoImageSource,\n ImageStyle,\n} from 'expo-image';\n\nimport { useColor } from '@src/context';\n\ntype ImgPriority = 'low' | 'normal' | 'high' | null;\n\nexport interface ImageProps extends Omit {\n containerStyle?: StyleProp;\n style?: ImageStyle;\n priority?: ImgPriority;\n uploading?: boolean;\n width?: number;\n height?: number;\n children?: React.ReactNode;\n showIndicator?: boolean;\n indicatorSize?: number;\n source?: string | ExpoImageSource | number;\n loaderColor?: string;\n}\n\nexport const Image = React.memo((props: ImageProps) => {\n const {\n children,\n containerStyle,\n indicatorSize = 20,\n loaderColor,\n priority,\n showIndicator = true,\n source,\n style = { backgroundColor: 'red', flex: 1 },\n uploading,\n width,\n ...rest\n } = props;\n const { color } = useColor();\n\n const [loading, setLoading] = useState(false);\n const [layout, setLayout] = useState(null);\n\n useEffect(() => {\n if (typeof uploading !== 'undefined' && uploading !== loading) {\n setLoading(uploading);\n }\n }, [loading, uploading]);\n\n const onLayout = (e: LayoutChangeEvent) => {\n const { height } = e.nativeEvent.layout;\n if (layout && layout.height === height && layout.width === width) {\n return;\n }\n setLayout(e.nativeEvent.layout);\n };\n\n const shouldShowIndicator =\n showIndicator &&\n typeof source === 'string' &&\n (source.startsWith('http') || source.startsWith('https'));\n\n let indicator = null;\n if (loading && shouldShowIndicator) {\n indicator = (\n \n \n \n );\n }\n\n let imageSource: number | ExpoImageSource | undefined = {\n uri: source as string,\n };\n\n if (typeof source !== 'string') {\n // Local image\n imageSource = source;\n }\n\n let imageStyle: ImageStyle = style || {};\n\n if (imageStyle.flex === 1 && layout) {\n imageStyle = { ...style };\n delete imageStyle.flex;\n imageStyle = { ...imageStyle, ...layout };\n }\n\n return (\n \n {\n !loading && setLoading(true);\n }}\n onError={() => {\n loading && setLoading(false);\n }}\n onLoadEnd={() => {\n loading && setLoading(false);\n }}\n priority={priority || 'normal'}\n {...rest}>\n {children}\n \n {indicator}\n \n );\n});\n\nconst styles = StyleSheet.create({\n container: {},\n indicator: {\n ...StyleSheet.absoluteFillObject,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n" }, { "path": "templates/ExpoTemplate/blueprints/Indicator/Indicator.tsx", "content": "import React, {\n useCallback,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { Palette, scaledSize } from '@src/utils';\n\nimport { Text } from '../Text/Text';\n\nexport interface IndicatorProps {\n isLoading: boolean;\n}\n\nexport type IndicatorRef = {\n hide: () => void;\n show: () => void;\n};\n\nexport const IndicatorViewRef = (\n props: IndicatorProps,\n ref: React.Ref\n) => {\n const { isLoading = true } = props;\n const { color } = useColor();\n const [loading, setIsLoading] = useState(isLoading);\n\n const pressCount = useRef(0);\n\n const show = useCallback(() => setIsLoading(true), []);\n\n const hide = useCallback(() => setIsLoading(false), []);\n\n const handlePressCount = useCallback(() => {\n pressCount.current = pressCount.current + 1;\n\n if (pressCount.current === 2) {\n setIsLoading(false);\n pressCount.current = 0;\n }\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n hide,\n show,\n };\n }, [hide, show]);\n\n const styles = indicatorStyles(color);\n\n if (!loading) return <>;\n\n return (\n \n \n \n \n Please wait ...\n \n \n \n );\n};\n\nexport const IndicatorView = React.forwardRef(\n IndicatorViewRef\n);\n\nexport const indicatorStyles = ({ backgroundColor }: Palette) => {\n const styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n justifyContent: 'center',\n ...StyleSheet.absoluteFillObject,\n },\n loaderContainer: {\n alignItems: 'center',\n backgroundColor: backgroundColor,\n borderRadius: scaledSize(7),\n justifyContent: 'center',\n padding: scaledSize(10),\n },\n loaderStyle: {\n padding: scaledSize(7),\n },\n });\n\n return styles;\n};\n" }, { "path": "templates/ExpoTemplate/blueprints/Text/Text.tsx", "content": "import React from 'react';\nimport {\n // eslint-disable-next-line no-restricted-imports\n Text as RNText,\n StyleProp,\n TextProps as TextProperties,\n TextStyle,\n} from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { scaledSize } from '@src/utils';\n\nexport enum Fonts {\n Poppins = 'Poppins',\n}\n\nconst BASE_TEXT: TextStyle = {\n fontSize: scaledSize(7),\n};\n\nexport const presets = {\n default: BASE_TEXT,\n font400: {\n ...BASE_TEXT,\n //add your font normal for weight 400\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font500: {\n ...BASE_TEXT,\n //add your font medium for weight 500\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font600: {\n ...BASE_TEXT,\n //add your font semi-bold for weight 600\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n font700: {\n ...BASE_TEXT,\n //add your font bold for weight 700\n fontFamily: Fonts.Poppins,\n } as TextStyle,\n h1: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(24),\n fontWeight: '700',\n } as TextStyle,\n h2: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(21),\n fontWeight: '700',\n } as TextStyle,\n h3: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(18),\n fontWeight: '500',\n } as TextStyle,\n h4: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(15),\n fontWeight: '500',\n } as TextStyle,\n h5: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(12),\n fontWeight: '400',\n } as TextStyle,\n h6: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(9),\n fontWeight: '400',\n } as TextStyle,\n small: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(6),\n fontWeight: '300',\n } as TextStyle,\n title: {\n ...BASE_TEXT,\n fontFamily: Fonts.Poppins,\n fontSize: scaledSize(13),\n fontWeight: '700',\n } as TextStyle,\n};\n\nexport type TextPresets = keyof typeof presets;\n\nexport interface TextProps extends TextProperties {\n style?: StyleProp;\n preset?: TextPresets;\n color?: string;\n textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n}\n\nexport const Text = ({ children, ...props }: TextProps) => {\n const {\n color,\n preset = 'default',\n style: styleOverride,\n textAlign = 'auto',\n ...rest\n } = props;\n\n const { color: palette } = useColor();\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/blueprints/TextInput/Input.tsx", "content": "import React, { useCallback } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n StyleSheet,\n TargetedEvent,\n TextInputFocusEventData,\n TextInputProps,\n View,\n} from 'react-native';\n\nimport Animated, {\n Easing,\n interpolate,\n interpolateColor,\n useAnimatedProps,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated';\n\nimport { useColor } from '@src/context';\nimport { Palette } from '@src/utils';\n\nimport { InputProps } from './TextInputProps';\nimport { Text } from '../Text/Text';\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(RNTextInput);\n\nexport const Input = React.memo(\n React.forwardRef((props: InputProps, ref?: React.Ref) => {\n const {\n backgroundColor = 'white',\n borderColor = 'black',\n error,\n errorContainerStyle,\n errorStyle,\n inputContainerStyle,\n inputStyle,\n label,\n labelColor = 'black',\n leftIcon,\n leftIconContainerStyle,\n onBlur,\n onFocus,\n onFocusBackgroundColor = '#e9e9e9',\n onFocusBorderColor = '#0c5fed',\n onFocusLabelColor = '#0c5fed',\n onHoverBackgroundColor = '#e9e9e9',\n onMouseEnter,\n onMouseLeave,\n outlineGapColor = 'white',\n placeholder,\n rightIcon,\n rightIconContainerStyle,\n style,\n variant = 'filled',\n ...rest\n } = props;\n\n const { color } = useColor();\n\n const styles = inputStyles(color);\n\n const hovered = useSharedValue(false);\n const focused = useSharedValue(false);\n\n const handleMouseEnter = useCallback(\n (event: NativeSyntheticEvent) => {\n onMouseEnter?.(event);\n hovered.value = true;\n },\n [hovered, onMouseEnter]\n );\n\n const handleMouseLeave = useCallback(\n (event: NativeSyntheticEvent) => {\n onMouseLeave?.(event);\n hovered.value = false;\n },\n [hovered, onMouseLeave]\n );\n\n const handleFocus = useCallback(\n (event: NativeSyntheticEvent) => {\n onFocus?.(event);\n focused.value = true;\n },\n [focused, onFocus]\n );\n\n const handleBlur = useCallback(\n (event: NativeSyntheticEvent) => {\n onBlur?.(event);\n focused.value = false;\n },\n [focused, onBlur]\n );\n\n const focusAnimation = useSharedValue(0);\n\n useDerivedValue(() => {\n focusAnimation.value = withTiming(focused.value ? 1 : 0, {\n duration: 200,\n easing: Easing.out(Easing.ease),\n });\n }, [focused.value, focusAnimation.value]);\n\n const active = useDerivedValue(\n () => focused.value || (rest.value?.length || 0) > 0,\n [focused.value, rest.value]\n );\n\n const activeAnimation = useSharedValue(0);\n\n useDerivedValue(() => {\n activeAnimation.value = withTiming(active.value ? 1 : 0, {\n duration: 200,\n easing: Easing.out(Easing.ease),\n });\n }, [active.value, activeAnimation.value]);\n\n const animatedInputContainerStyle = useAnimatedStyle(() => {\n return {\n backgroundColor:\n variant === 'filled'\n ? focused.value\n ? onFocusBackgroundColor\n : hovered.value\n ? onHoverBackgroundColor\n : backgroundColor\n : variant === 'outlined'\n ? backgroundColor\n : backgroundColor,\n borderBottomEndRadius: variant !== 'standard' ? 4 : 0,\n borderBottomStartRadius: variant !== 'standard' ? 4 : 0,\n borderTopEndRadius: 4,\n borderTopStartRadius: 4,\n };\n }, [focused.value, hovered.value, variant]);\n\n const animatedInput = useAnimatedStyle(() => {\n return {\n fontSize: 16,\n minHeight: variant === 'standard' ? 48 : 56,\n paddingEnd: rightIcon ? 12 : variant === 'standard' ? 0 : 16,\n paddingStart: leftIcon ? 12 : variant === 'standard' ? 0 : 16,\n paddingTop: variant === 'filled' && label ? 18 : 0,\n };\n }, [variant, leftIcon, rightIcon]);\n\n const animatedLeading = useAnimatedStyle(() => {\n return {\n marginStart: variant === 'standard' ? 0 : 12,\n marginVertical: variant === 'standard' ? 12 : 16,\n };\n }, [variant]);\n\n const animatedTrailing = useAnimatedStyle(() => {\n return {\n marginEnd: variant === 'standard' ? 0 : 12,\n marginVertical: variant === 'standard' ? 12 : 16,\n };\n }, [variant]);\n\n const animatedOutline = useAnimatedStyle(() => {\n return {\n borderBottomEndRadius: 4,\n borderBottomStartRadius: 4,\n borderColor: focused.value\n ? onFocusBorderColor\n : hovered.value\n ? onFocusBorderColor\n : borderColor,\n borderTopEndRadius: 4,\n borderTopStartRadius: 4,\n borderWidth: focused.value ? 2 : 1,\n };\n }, [focused.value, hovered.value]);\n\n const animatedOutlineLabelGap = useAnimatedStyle(() => {\n return {\n height: focused.value ? 2 : 1,\n };\n }, [focused.value]);\n\n const animatedLabelContainer = useAnimatedStyle(() => {\n return {\n height: variant === 'standard' ? 48 : 56,\n start:\n variant === 'standard' ? (leftIcon ? 36 : 0) : leftIcon ? 48 : 16,\n };\n }, [variant, leftIcon]);\n\n const animatedLabel = useAnimatedStyle(() => {\n return {\n color: interpolateColor(\n focusAnimation.value,\n [0, 1],\n [labelColor, onFocusLabelColor]\n ),\n fontSize: interpolate(activeAnimation.value, [0, 1], [16, 12]),\n transform: [\n {\n translateY: interpolate(\n activeAnimation.value,\n [0, 1],\n [\n 0,\n variant === 'filled' ? -12 : variant === 'outlined' ? -28 : -24,\n ]\n ),\n },\n ],\n };\n }, [focusAnimation, activeAnimation]);\n\n const animatedPlaceholder = useAnimatedProps(() => {\n return {\n placeholder: label ? (focused.value ? placeholder : '') : placeholder,\n };\n }, [label, focused, placeholder]);\n\n const animatedUnderline = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n focusAnimation.value,\n [0, 1],\n [borderColor, onFocusBorderColor]\n ),\n transform: [{ scaleX: focusAnimation.value }],\n };\n }, [focusAnimation.value]);\n\n const animatedOutlineLabel = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n activeAnimation.value,\n [0, 1],\n [backgroundColor, outlineGapColor]\n ),\n transform: [{ scaleX: activeAnimation.value }],\n };\n }, [activeAnimation.value]);\n\n return (\n \n \n {leftIcon && (\n \n {leftIcon}\n \n )}\n\n \n\n {rightIcon && (\n \n {rightIcon}\n \n )}\n\n {(variant === 'filled' || variant === 'standard') && (\n <>\n \n \n \n )}\n\n {variant === 'outlined' && (\n \n )}\n\n {label ? (\n \n {variant === 'outlined' && (\n \n )}\n {label}\n \n ) : null}\n \n \n {error ? (\n {error}\n ) : null}\n \n \n );\n })\n);\n\nconst inputStyles = ({ backgroundColor }: Palette) =>\n StyleSheet.create({\n errorView: {\n marginHorizontal: 16,\n marginTop: 4,\n },\n helperText: {\n fontSize: 14,\n },\n input: {\n flex: 1,\n ...Platform.select({\n web: {\n outlineStyle: 'none',\n },\n }),\n },\n inputContainer: {\n flexDirection: 'row',\n },\n labelContainer: {\n justifyContent: 'center',\n position: 'absolute',\n top: 0,\n },\n leading: {\n alignItems: 'center',\n height: 24,\n justifyContent: 'center',\n width: 24,\n },\n outline: {},\n outlineLabelGap: {\n backgroundColor: backgroundColor,\n end: -4,\n position: 'absolute',\n start: -4,\n top: 0,\n },\n trailing: {\n alignItems: 'center',\n height: 24,\n justifyContent: 'center',\n width: 24,\n },\n underline: {\n bottom: 0,\n end: 0,\n height: 1,\n position: 'absolute',\n start: 0,\n },\n underlineFocused: {\n bottom: 0,\n end: 0,\n height: 2,\n position: 'absolute',\n start: 0,\n },\n });\n" }, { "path": "templates/ExpoTemplate/blueprints/TextInput/TextInput.tsx", "content": "import React from 'react';\nimport { TextInput as RNTextInput } from 'react-native';\n\nimport { Field, FieldProps } from 'formik';\n\nimport { Input } from './Input';\nimport { TextInputProps } from './TextInputProps';\n\nexport const TextInput = React.memo(\n React.forwardRef(\n ({ ...props }: TextInputProps, ref?: React.Ref) => {\n const { name } = props;\n return (\n \n {({ form, meta }: FieldProps) => {\n return (\n ) => {\n form?.handleChange(name)(text);\n }}\n onBlur={form?.handleBlur(name)}\n value={meta?.value}\n error={meta?.error && meta?.touched ? meta?.error ?? '' : ''}\n ref={ref}\n {...props}\n />\n );\n }}\n \n );\n }\n )\n);\n" }, { "path": "templates/ExpoTemplate/blueprints/TextInput/TextInputProps.ts", "content": "import {\n NativeSyntheticEvent,\n TextInputProps as RNTextInputProps,\n StyleProp,\n TargetedEvent,\n TextStyle,\n ViewStyle,\n} from 'react-native';\n\nexport interface TextInputProps extends InputProps {\n name: string;\n}\n\nexport type Variant = 'filled' | 'outlined' | 'standard';\n\nexport interface InputProps extends RNTextInputProps {\n /**\n * The variant of the TextInput style.\n * @default \"filled\"\n */\n variant?: Variant;\n /**\n * The label to display.\n */\n label?: string;\n /**\n * The element placed before the text input.\n */\n leftIcon?: React.ReactNode | null;\n /**\n * The element placed after the text input.\n */\n rightIcon?: React.ReactNode | null;\n /**\n * The helper text to display.\n */\n error?: string;\n /**\n * Callback function to call when user moves pointer over the input.\n */\n onMouseEnter?: (event: NativeSyntheticEvent) => void;\n /**\n * Callback function to call when user moves pointer away from the input.\n */\n onMouseLeave?: (event: NativeSyntheticEvent) => void;\n /**\n * The style of the container view.\n */\n style?: StyleProp;\n /**\n * The style of the text input container view.\n */\n inputContainerStyle?: StyleProp;\n /**\n * The style of the text input.\n */\n inputStyle?: RNTextInputProps['style'];\n /**\n * The style of the text input's leading element container.\n */\n leftIconContainerStyle?: StyleProp;\n /**\n * The style of the text input's trailing element container.\n */\n rightIconContainerStyle?: StyleProp;\n /**\n * Background color of the input container style.\n * @default \"white\"\n */\n backgroundColor?: string;\n /**\n * On focus background color of the input container style.\n * @default \"#e9e9e9\"\n */\n onFocusBackgroundColor?: string;\n /**\n * Border color of the outline input container style.\n * @default \"black\"\n */\n borderColor?: string;\n /**\n * On focus Border color of the outline input container style.\n * @default \"#0c5fed\"\n */\n onFocusBorderColor?: string;\n /**\n * On hover background color of the filled input container style.\n * @default \"#e9e9e9\"\n */\n onHoverBackgroundColor?: string;\n /**\n * Label text color of the input.\n * @default \"black\"\n */\n labelColor?: string;\n /**\n * On focus Label text color change.\n * @default \"#0c5fed\"\n */\n onFocusLabelColor?: string;\n /**\n * On error or any helper text below text Input container style.\n */\n errorContainerStyle?: StyleProp;\n /**\n * On error or any helper text below text Input Text-Style.\n */\n errorStyle?: StyleProp;\n /**\n * In outlined variant the gap border color.\n * @default white\n */\n outlineGapColor?: string;\n}\n" }, { "path": "templates/ExpoTemplate/blueprints/TextInput/index.tsx", "content": "import { Input } from './Input';\nimport { TextInput } from './TextInput';\nimport { InputProps, TextInputProps } from './TextInputProps';\n\nexport { TextInput, Input };\nexport type { TextInputProps, InputProps };\n" }, { "path": "templates/ExpoTemplate/blueprints/index.ts", "content": "export * from './Text/Text';\nexport * from './Image/Image';\nexport * from './Indicator/Indicator';\nexport * from './Button/Button';\nexport * from './TextInput';\n" }, { "path": "templates/ExpoTemplate/commitlint.config.js", "content": "module.exports = {\n extends: ['@commitlint/config-conventional'],\n};\n" }, { "path": "templates/ExpoTemplate/env.d.ts", "content": "declare module '@env' {\n export const API_URL: string;\n export const ENV: string;\n}\n" }, { "path": "templates/ExpoTemplate/jest.config.js", "content": "module.exports = {\n preset: 'react-native',\n};\n" }, { "path": "templates/ExpoTemplate/metro.config.js", "content": "const { getDefaultConfig } = require('expo/metro-config');\n\nmodule.exports = (() => {\n const config = getDefaultConfig(__dirname);\n\n const { resolver, transformer } = config;\n\n config.transformer = {\n ...transformer,\n babelTransformerPath: require.resolve('react-native-svg-transformer'),\n };\n config.resolver = {\n ...resolver,\n assetExts: resolver.assetExts.filter(ext => ext !== 'svg'),\n sourceExts: [...resolver.sourceExts, 'svg'],\n };\n\n return config;\n})();\n" }, { "path": "templates/ExpoTemplate/package.json", "content": "{\n \"name\": \"mindinventory-expo-boilerplate\",\n \"version\": \"1.0.0\",\n \"main\": \"node_modules/expo/AppEntry.js\",\n \"scripts\": {\n \"start\": \"NODE_ENV=default APP_ENV=default npx expo start --reset-cache\",\n \"start:development\": \"NODE_ENV=development APP_ENV=development npx expo start --reset-cache\",\n \"start:staging\": \"NODE_ENV=staging APP_ENV=staging npx expo start --reset-cache\",\n \"start:production\": \"NODE_ENV=production APP_ENV=production npx expo start --reset-cache\",\n \"android\": \"expo start --android\",\n \"ios\": \"expo start --ios\",\n \"web\": \"expo start --web\",\n \"typescript\": \"tsc --noEmit\",\n \"prepare\": \"husky install\",\n \"lint\": \"eslint . --ext .js,.jsx,.ts,.tsx\",\n \"fix:lint\": \"yarn lint --fix && yarn typescript\",\n \"icons\": \"cd scripts && node icons.js\",\n \"images\": \"cd scripts && node images.js\",\n \"screens\": \"cd scripts && node generateScreenFile.js\",\n \"svgs\": \"cd scripts && node svgIcons.js\"\n },\n \"dependencies\": {\n \"@react-native-async-storage/async-storage\": \"1.23.1\",\n \"@react-native-community/netinfo\": \"11.3.1\",\n \"@react-navigation/native\": \"^6.1.18\",\n \"@react-navigation/native-stack\": \"^6.11.0\",\n \"@reduxjs/toolkit\": \"^2.2.7\",\n \"axios\": \"^1.7.7\",\n \"expo\": \"^51.0.28\",\n \"expo-font\": \"~12.0.9\",\n \"expo-image\": \"~1.13.0\",\n \"expo-localization\": \"~15.0.3\",\n \"expo-status-bar\": \"~1.12.1\",\n \"formik\": \"^2.4.6\",\n \"i18n-js\": \"^4.4.3\",\n \"react\": \"18.2.0\",\n \"react-native\": \"0.74.5\",\n \"react-native-gesture-handler\": \"~2.16.1\",\n \"react-native-network-logger\": \"^1.17.0\",\n \"react-native-reanimated\": \"~3.10.1\",\n \"react-native-safe-area-context\": \"4.10.5\",\n \"react-native-screens\": \"3.31.1\",\n \"react-native-svg\": \"15.2.0\",\n \"react-redux\": \"^9.1.2\",\n \"redux\": \"^5.0.1\",\n \"redux-persist\": \"^6.0.0\",\n \"redux-thunk\": \"^3.1.0\",\n \"yup\": \"^1.4.0\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.4\",\n \"@babel/runtime\": \"^7.25.6\",\n \"@commitlint/cli\": \"^19.5.0\",\n \"@commitlint/config-conventional\": \"^19.5.0\",\n \"@react-native/eslint-config\": \"^0.75.3\",\n \"@react-native/metro-config\": \"^0.75.3\",\n \"@react-native/typescript-config\": \"^0.75.3\",\n \"@types/i18n-js\": \"^3.8.9\",\n \"@types/jest\": \"^29.5.13\",\n \"@types/react\": \"~18.2.79\",\n \"@types/react-test-renderer\": \"^18.3.0\",\n \"@typescript-eslint/parser\": \"^8.7.0\",\n \"babel-jest\": \"^29.7.0\",\n \"babel-plugin-module-resolver\": \"^5.0.2\",\n \"eslint\": \"^9.11.1\",\n \"eslint-config-prettier\": \"^9.1.0\",\n \"eslint-plugin-import\": \"^2.30.0\",\n \"eslint-plugin-import-order-autofix\": \"^0.8.3\",\n \"eslint-plugin-no-inline-styles\": \"^1.0.5\",\n \"eslint-plugin-prettier\": \"^5.2.1\",\n \"eslint-plugin-react-hooks\": \"^4.6.2\",\n \"eslint-plugin-react-native\": \"^4.1.0\",\n \"eslint-plugin-sort-destructure-keys\": \"^2.0.0\",\n \"eslint-plugin-sort-keys-fix\": \"^1.1.2\",\n \"husky\": \"^9.1.6\",\n \"jest\": \"^29.7.0\",\n \"prettier\": \"^3.3.3\",\n \"react-native-dotenv\": \"^3.4.11\",\n \"react-native-svg-transformer\": \"^1.5.0\",\n \"react-test-renderer\": \"^18.3.1\",\n \"typescript\": \"~5.3.3\"\n },\n \"resolutions\": {\n \"@types/react\": \"^18.0.24\"\n },\n \"eslintIgnore\": [\n \"node_modules/\",\n \"lib/\"\n ]\n}\n" }, { "path": "templates/ExpoTemplate/scripts/generateScreenFile.js", "content": "/* eslint-disable no-console */\nconst fs = require('fs');\nconst path = require('path');\n\n// get folder name from terminal argument\nconst folderName = process.argv[2];\nif (!folderName) {\n console.error('Please provide a folder name');\n process.exit(1);\n}\n\nfunction capitalizeFirstLetter(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// create the folder\nfs.mkdir(`../src/screens/${capitalizeFirstLetter(folderName)}`, err => {\n if (err) throw err;\n console.log(`Folder ${folderName} created successfully`);\n\n const fileName = capitalizeFirstLetter(folderName);\n\n const useHookFileName = capitalizeFirstLetter(fileName);\n\n // create hook js hookFile.ts\n const hookFile = `import { useAppContext } from '@src/context';\n\nimport { ${folderName}Styles } from './${fileName}.style';\n\nconst use${useHookFileName} = () => {\n const { color, navigation } = useAppContext();\n\n // add your code here\n\n return {\n navigation,\n styles: ${folderName}Styles(color),\n };\n};\n\nexport default use${useHookFileName};\n`;\n\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `use${useHookFileName}.ts`),\n hookFile,\n errHook => {\n if (errHook) throw errHook;\n console.log(`use${fileName}.ts file created successfully`);\n }\n );\n\n // create styleFile.ts\n const styleFile = `import { StyleSheet } from 'react-native';\n\nimport { Palette } from '@src/utils';\n\nexport const ${folderName}Styles = ({}: Palette) =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center',\n },\n });\n`;\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `${fileName}.style.ts`),\n styleFile,\n errStyles => {\n if (errStyles) throw errStyles;\n console.log(`${fileName}.style.ts file created successfully`);\n }\n );\n\n // create defaultScreen.tsx\n const defaultScreen = `import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text } from '@app/blueprints';\n\nimport use${useHookFileName} from './use${useHookFileName}';\n\nconst ${useHookFileName}Screen = () => {\n const { styles } = use${useHookFileName}();\n\n return (\n \n ${useHookFileName} Screen\n \n );\n};\n\nexport default React.memo(${useHookFileName}Screen);\n`;\n\n fs.writeFileSync(\n path.join(`../src/screens/${fileName}`, `${fileName}Screen.tsx`),\n defaultScreen,\n errScreen => {\n if (errScreen) throw errScreen;\n console.log(`${fileName}Screen.tsx file created successfully`);\n }\n );\n\n const exportToIndex = `export { default as ${useHookFileName}Screen } from './${fileName}/${fileName}Screen';\\n`;\n\n fs.appendFile(`../src/screens/index.ts`, exportToIndex, errScreen => {\n if (errScreen) throw errScreen;\n console.log(`${useHookFileName} file created successfully`);\n });\n});\n" }, { "path": "templates/ExpoTemplate/scripts/icons.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst iconFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/icons')\n .filter(file => {\n return ['gif', 'jpeg', 'jpg', 'png', 'webp'].includes(file.split('.')[1]);\n })\n .map(file => {\n const ext = path.parse(file).ext;\n return file.split('@').length > 1 &&\n ['1x', '2x', '3x'].includes(file.split('@')[1].split('.')[0])\n ? file.replace(`@2x${ext}`, `${ext}`).replace(`@3x${ext}`, `${ext}`)\n : file;\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = iconFileNames()\n .map(name => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${iconName}_ICONS = require('./${name}'),`;\n })\n .join('\\n ');\n\n const string = `export enum Icons {\n ${properties}\n}\n`;\n\n fs.writeFileSync('../src/assets/icons/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/ExpoTemplate/scripts/images.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst imageFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/images')\n .filter(file => {\n return ['gif', 'jpeg', 'jpg', 'png', 'webp'].includes(file.split('.')[1]);\n })\n .map(file => {\n const ext = path.parse(file).ext;\n return file.split('@').length > 1 &&\n ['1x', '2x', '3x'].includes(file.split('@')[1].split('.')[0])\n ? file.replace(`@2x${ext}`, `${ext}`).replace(`@3x${ext}`, `${ext}`)\n : file;\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = imageFileNames()\n .map(name => {\n const imageName = path.parse(name).name.toUpperCase().replace(/\\s/g, '_');\n return `${imageName}_IMAGE = require('./${name}'),`;\n })\n .join('\\n ');\n\n const string = `export enum Images {\n ${properties}\n}\n`;\n\n fs.writeFileSync('../src/assets/images/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/ExpoTemplate/scripts/refresh.sh", "content": "echo \"START_CLEAR\"\nrm -rf node_modules\necho \"node_modules removed\"\n\nrm -rf Gemfile.lock\necho \"Gemfile.lock removed\"\n\nrm -rf vendor\necho \"Bundle file removed\"\n\nrm -rf yarn.lock\necho \"yarn.lock removed\"\n\nrm -rf android/build\necho \"android/build removed\"\n\nrm -rf android/app/build\necho \"android/app/build removed\"\n\nrm -rf ios/Pods/\necho \"ios/Pods/ removed\"\n\nrm -rf ios/Podfile.lock\necho \"ios/Podfile.lock removed\"\n\nrm -rf android/.idea/\necho \"android/.idea/ removed\"\n\necho \"CLEAR_DONE - START_YARN\"\n\nyarn\necho \"YARN_DONE - Start Bundle iOS\"\n\nbundle\necho \"bundle done - Start_pod install\"\n\nnpx pod-install --ios\necho \"Finished\"\n" }, { "path": "templates/ExpoTemplate/scripts/svgIcons.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst iconFileNames = () => {\n const array = fs\n .readdirSync('../src/assets/svgIcons')\n .filter(file => {\n return file.endsWith('.svg');\n })\n .map(file => {\n return file.replace('@2x.svg', '').replace('@3x.svg', '');\n });\n\n return Array.from(new Set(array));\n};\n\nconst generate = () => {\n let properties = iconFileNames()\n .map(name => {\n const iconName = path.parse(name).name.toUpperCase();\n return `import ${iconName}_ICON from './${name}';`;\n })\n .join('\\n');\n\n let exportFiles = iconFileNames()\n .map((name, index) => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${iconName} = ${index + 1},`;\n })\n .join('\\n ');\n\n let mapper = iconFileNames()\n .map((name, index) => {\n const iconName = path.parse(name).name.toUpperCase();\n return `${index + 1}: ${iconName}_ICON,`;\n })\n .join('\\n ');\n\n const string = `${properties}\\n\\nexport enum SVGIcons {\\n ${exportFiles}\n}\\n\\nexport const SVGIconsMapper = {\\n ${mapper}\n};\\n`;\n\n fs.writeFileSync('../src/assets/svgIcons/index.ts', string, 'utf8');\n};\n\ngenerate();\n" }, { "path": "templates/ExpoTemplate/src/MainApp.tsx", "content": "import React from 'react';\n\nimport { IndicatorView } from '@app/blueprints';\nimport { NavigationContainer } from '@react-navigation/native';\nimport { Provider } from 'react-redux';\nimport { PersistGate } from 'redux-persist/integration/react';\n\nimport { LocalizationProvider, ThemeProvider } from './context';\nimport { AppNavigation, navigationRef } from './navigation/AppNavigation';\nimport store, { persistor } from './store';\nimport { loader } from './utils';\n\nexport const MainApp = () => {\n return (\n \n \n \n \n {/**\n * PersistGate delays the rendering of the app's UI until the persisted state has been retrieved\n * and saved to redux.\n * The `loading` prop can be `null` or any react instance to show during loading (e.g. a splash screen),\n * for example `loading={}`.\n * @see https://github.com/rt2zz/redux-persist/blob/master/docs/PersistGate.md\n */}\n \n \n \n \n \n \n \n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/assets/icons/index.ts", "content": "export enum Icons {\n DEBUG_ICONS = require('./debug.png'),\n}\n" }, { "path": "templates/ExpoTemplate/src/assets/images/index.ts", "content": "export enum Images {\n PLACEHOLDER_IMAGE = require('./placeholder.webp'),\n}\n" }, { "path": "templates/ExpoTemplate/src/assets/index.ts", "content": "export * from './images';\nexport * from './icons';\nexport * from './svgIcons';\n" }, { "path": "templates/ExpoTemplate/src/assets/svgIcons/index.ts", "content": "import SETTING_ICON from './setting.svg';\n\nexport enum SVGIcons {\n SETTING = 1,\n}\n\nexport const SVGIconsMapper = {\n 1: SETTING_ICON,\n};\n" }, { "path": "templates/ExpoTemplate/src/components/AppIcon/AppIcon.tsx", "content": "import React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { Image, ImageProps } from 'react-native';\n\nimport { SvgProps } from 'react-native-svg';\n\nimport { Icons, SVGIcons, SVGIconsMapper } from '@src/assets';\nimport { scaled } from '@src/utils';\n\nexport type IconProps = Omit & {\n icon: Icons;\n};\n\nexport const Icon = (props: IconProps) => {\n const { icon } = props;\n return ;\n};\n\n/**\n * SVG ICON\n */\n\nexport type SVGIconProps = SvgProps & {\n icon: SVGIcons;\n height?: number | string;\n width?: number | string;\n pathFill?: string;\n};\n\nexport const SvgIcon = (props: SVGIconProps) => {\n const { icon, pathFill = '#FFF' } = props;\n const IconsImage = SVGIconsMapper[icon];\n\n return ;\n};\n" }, { "path": "templates/ExpoTemplate/src/components/AppImage/AppImage.tsx", "content": "import React from 'react';\n\nimport { Image, ImageProps } from '@app/blueprints';\n\nimport { Images } from '@src/assets';\n\nexport type ImageSource = Images | string;\n\nexport interface AppImageProps extends Omit {\n source: ImageSource;\n}\n\nexport const AppImage = (props: AppImageProps) => {\n return (\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/components/BaseLayout/BaseLayout.tsx", "content": "import React from 'react';\nimport {\n SafeAreaView,\n StatusBar,\n StyleProp,\n StyleSheet,\n ViewStyle,\n} from 'react-native';\n\nimport { useColor } from '@src/context';\nimport { Palette } from '@src/utils';\n\nexport type BaseLayoutProps = React.PropsWithChildren & {\n style?: StyleProp;\n};\n\nexport const BaseLayout = React.memo(({ children, style }: BaseLayoutProps) => {\n const { appTheme, color } = useColor();\n const styles = baseLayoutStyles(color);\n\n return (\n \n \n {children}\n \n );\n});\n\nexport const baseLayoutStyles = ({ backgroundColor }: Palette) =>\n StyleSheet.create({\n safeAreaStyle: {\n backgroundColor: backgroundColor,\n flex: 1,\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/components/index.ts", "content": "export * from './BaseLayout/BaseLayout';\nexport * from './AppImage/AppImage';\nexport * from './AppIcon/AppIcon';\n" }, { "path": "templates/ExpoTemplate/src/constants/config.ts", "content": "import { API_URL, ENV } from '@env';\n\nexport const AppConfig = {\n API_URL,\n ENV,\n};\n" }, { "path": "templates/ExpoTemplate/src/constants/index.ts", "content": "export * from './config';\nexport * from './platform';\nexport * from './storageKeys';\n" }, { "path": "templates/ExpoTemplate/src/constants/platform.ts", "content": "import { Platform } from 'react-native';\n\nconst isAndroid = Platform.OS === 'android';\nconst isIOS = Platform.OS === 'ios';\n\nexport { isAndroid, isIOS, Platform };\n" }, { "path": "templates/ExpoTemplate/src/constants/storageKeys.ts", "content": "export enum StorageKeys {\n APP_THEME = 'APP_THEME',\n APP_LANGUAGE = 'APP_LANGUAGE',\n FIRST_LAUNCH = 'FIRST_LAUNCH',\n PROFILE_DATA = 'PROFILE_DATA',\n}\n\nexport type STORAGES_KEY = StorageKeys;\n" }, { "path": "templates/ExpoTemplate/src/context/LocalizationContext.tsx", "content": "import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\n\nimport { StorageKeys } from '@src/constants';\nimport i18n, { ContentLanguage } from '@src/i18n';\n\nimport { storage } from './storage';\n\nexport type LocalizationAppContextType = {\n /**\n * This variable is of type ContentLanguage and is used to store the language of content.\n * language = \"English\";\n */\n language: ContentLanguage;\n /**\n * For setLanguage change content lang\n * @example i18n.locale = ContentLanguage.France\n * @return void change app content language.\n */\n setLanguageInApp: (lang: ContentLanguage) => void;\n};\n\nexport const LocalizationAppContext = createContext<\n LocalizationAppContextType | undefined\n>(undefined);\n\nexport const useLanguage = () => {\n const context = useContext(LocalizationAppContext);\n if (!context)\n throw Error('useLanguage must be used inside LocalizationAppContext');\n return context;\n};\n\nexport const LocalizationProvider = ({ children }: React.PropsWithChildren) => {\n const [language, setLanguage] = useState(\n ContentLanguage.English\n );\n\n /**\n * For setLanguage change content lang\n * i18n.locale = ContentLanguage.France\n * @return void change app content language.\n */\n const setLanguageInApp = useCallback(async (lang: ContentLanguage) => {\n await storage.setData(StorageKeys.APP_LANGUAGE, lang);\n i18n.locale = lang;\n setLanguage(lang);\n }, []);\n\n const value: LocalizationAppContextType = useMemo(() => {\n return {\n language,\n setLanguageInApp,\n };\n }, [language, setLanguageInApp]);\n\n useEffect(() => {\n const init = async () => {\n const appLanguage = await storage.getData(StorageKeys.APP_LANGUAGE);\n if (appLanguage) {\n await setLanguageInApp(appLanguage);\n }\n };\n\n init();\n }, [setLanguageInApp]);\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/context/ThemeContext.tsx", "content": "import React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { useColorScheme } from 'react-native';\n\nimport { StorageKeys } from '@src/constants';\nimport { color, Palette, Theme } from '@src/utils';\n\nimport { storage } from './storage';\n\nexport interface AppThemeContextType {\n /**\n * The appTheme variable is used to define the color scheme used for the application. It takes a ColorSchemeName as its value.\n */\n appTheme: Theme;\n /**\n * This function is used to set the theme of the application. It takes a single argument, _theme, which should be of type ColorSchemeName.\n * @example setAppTheme('dark');\n * @param theme ColorSchemeName\n * @returns void\n */\n setAppTheme: (theme: Theme) => void;\n /**\n * Get app palette colors.\n */\n color: Palette;\n}\n\nexport const AppThemeContext = createContext(\n undefined\n);\n\nexport const useColor = () => {\n const context = useContext(AppThemeContext);\n if (!context) throw Error('useColor must be used inside AppThemeContext');\n return context;\n};\n\nexport const ThemeProvider = ({ children }: React.PropsWithChildren) => {\n const colorScheme = useColorScheme();\n\n const [appTheme, setTheme] = useState(colorScheme);\n\n /**\n * For setAppTheme change app theming.\n * setTheme(ColorSchemeName)\n * @return void change app Theme.\n */\n const setAppTheme = useCallback((theme: Theme) => {\n storage.setData(StorageKeys.APP_THEME, theme);\n setTheme(theme);\n }, []);\n\n const value: AppThemeContextType = useMemo(() => {\n return {\n appTheme,\n color: color[appTheme || 'light'],\n setAppTheme,\n };\n }, [appTheme, setAppTheme]);\n\n useEffect(() => {\n const init = async () => {\n const theme = await storage.getData(StorageKeys.APP_THEME);\n if (theme) {\n setTheme(theme);\n } else {\n setTheme(colorScheme);\n }\n };\n\n init();\n }, [colorScheme, setAppTheme]);\n\n return (\n \n {children}\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/context/content.ts", "content": "import { TranslateOptions } from 'i18n-js';\n\nimport i18n, { TxKeyPath } from '../i18n';\n\n/**\n * Translates text.\n *\n * @param key The i18n key.\n * @param options The i18n options.\n * @returns The translated text.\n *\n * @example\n * Translations:\n *\n * ```en.json\n * {\n * \"hello\": \"Hello, {{name}}!\"\n * }\n * ```\n *\n * Usage:\n * ```ts\n * import { contents } from '@src/context';\n *\n * contents(\"common.hello\", { name: \"world\" })\n * => \"Hello world!\"\n * ```\n */\nexport const contents = (key: TxKeyPath, options?: TranslateOptions) => {\n return i18n.t(key, options);\n};\n" }, { "path": "templates/ExpoTemplate/src/context/context.ts", "content": "import { loader } from '@src/utils';\n\nimport { useLanguage } from './LocalizationContext';\nimport { storage } from './storage';\nimport { useColor } from './ThemeContext';\nimport { AppNavigationProp } from '../navigation/appNavigation.type';\nimport {\n useWithNavigation,\n WithNavigation,\n} from '../navigation/withNavigation';\nimport { appServices } from '../services/appServices';\n\nexport const useAppContextOnly = () => {\n const color = useColor();\n const { ...language } = useLanguage();\n\n return {\n loader: loader,\n services: appServices,\n storage,\n ...color,\n ...language,\n };\n};\n\nexport type AppContextType = ReturnType;\n\nexport const useAppContext = (): WithNavigation<\n AppNavigationProp,\n AppContextType\n> => {\n return useWithNavigation(\n useAppContextOnly()\n );\n};\n" }, { "path": "templates/ExpoTemplate/src/context/index.ts", "content": "export * from './context';\nexport * from './storage';\nexport * from './content';\nexport * from './ThemeContext';\nexport * from './LocalizationContext';\n" }, { "path": "templates/ExpoTemplate/src/context/storage.ts", "content": "import AsyncStorage from '@react-native-async-storage/async-storage';\nimport { Storage as ReduxStorage } from 'redux-persist';\n\nimport type { STORAGES_KEY } from '@src/constants';\nimport { logger } from '@src/utils';\n\nexport type dataStoreType = 'string' | 'boolean' | 'number' | 'object';\n\nexport const getData = async (key: STORAGES_KEY, _type?: dataStoreType) => {\n try {\n const data = await AsyncStorage.getItem(key);\n if (data) {\n const parseData = JSON.parse(data);\n return parseData;\n }\n } catch (error) {\n logger('storage getData', error);\n }\n};\n\nexport const setData = async (key: STORAGES_KEY, value: any) => {\n try {\n const jsonValue = JSON.stringify(value);\n await AsyncStorage.setItem(key, jsonValue);\n } catch (error) {\n logger('storage setData', error);\n }\n};\n\nexport const getStorageKey = async () => {\n const keys = await AsyncStorage.getAllKeys();\n return keys;\n};\n\nexport const deleteStorage = async (key: STORAGES_KEY) => {\n return await AsyncStorage.removeItem(key);\n};\n\nexport const storage = {\n deleteStorage,\n getData,\n getStorageKey,\n setData,\n};\n\nexport const reduxStorage: ReduxStorage = {\n getItem: async key => {\n const value = await AsyncStorage.getItem(key);\n return Promise.resolve(value);\n },\n removeItem: async key => {\n await AsyncStorage.removeItem(key);\n return Promise.resolve();\n },\n setItem: async (key, value) => {\n await AsyncStorage.setItem(key, value);\n return Promise.resolve(true);\n },\n};\n\nexport type Storage = typeof storage;\n" }, { "path": "templates/ExpoTemplate/src/hooks/index.ts", "content": "export * from './useDebounce';\nexport * from './useIsFirstRender';\nexport * from './useIsMounted';\nexport * from './useTimer';\n" }, { "path": "templates/ExpoTemplate/src/hooks/useBackHandler.ts", "content": "import { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\nexport const useBackHandler = () => {\n useEffect(() => {\n const backHandler = BackHandler.addEventListener(\n 'hardwareBackPress',\n () => {\n BackHandler.exitApp();\n return true;\n }\n );\n\n return () => backHandler.remove();\n }, []);\n};\n" }, { "path": "templates/ExpoTemplate/src/hooks/useDebounce.ts", "content": "import { useEffect, useState } from 'react';\n\nexport function useDebounce(value: T, delay?: number): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n return () => {\n clearTimeout(timer);\n };\n }, [value, delay]);\n\n return debouncedValue;\n}\n" }, { "path": "templates/ExpoTemplate/src/hooks/useIsFirstRender.ts", "content": "import { useRef } from 'react';\n\nexport const useIsFirstRender = (): boolean => {\n const isFirst = useRef(true);\n\n if (isFirst.current) {\n isFirst.current = false;\n\n return true;\n }\n\n return isFirst.current;\n};\n" }, { "path": "templates/ExpoTemplate/src/hooks/useIsMounted.ts", "content": "import * as React from 'react';\n\nexport const useIsMounted = () => {\n const isMounted = React.useRef(false);\n React.useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return isMounted;\n};\n" }, { "path": "templates/ExpoTemplate/src/hooks/useTimer.ts", "content": "import { useEffect, useRef } from 'react';\n\ntype ClearTimerFn = (id: number | undefined) => void;\ntype RunTimerFn = (handler: () => void, timeout: number) => number;\n\nconst creteUseTimer =\n (clear: ClearTimerFn, runTimer: RunTimerFn) =>\n (callback: () => void, delay: number): void => {\n const timerRef = useRef();\n\n useEffect(() => {\n const stop = () => clear(timerRef.current);\n\n stop();\n\n timerRef.current = runTimer(callback, delay);\n\n return stop;\n }, [callback, delay]);\n };\n\nexport const useInterval = creteUseTimer(\n clearInterval as ClearTimerFn,\n setInterval\n);\nexport const useTimeout = creteUseTimer(\n clearTimeout as ClearTimerFn,\n setTimeout\n);\n" }, { "path": "templates/ExpoTemplate/src/i18n/index.ts", "content": "import { getLocales } from 'expo-localization';\nimport { I18n } from 'i18n-js';\n\nimport en from './locales/en.json';\nimport hi from './locales/hi.json';\n\nconst locales = getLocales();\n\nconst i18n = new I18n();\n\nif (Array.isArray(locales)) {\n i18n.locale = locales[0]?.languageTag ? locales[0].languageTag : 'en';\n}\nexport const locale = locales[0]?.languageCode;\n\ni18n.enableFallback = true;\n\ni18n.defaultLocale = 'en';\n\ni18n.translations = {\n en,\n hi,\n};\n\nexport default i18n;\n\nexport enum ContentLanguage {\n English = 'en',\n Hindi = 'hi',\n}\n\nexport type TxKeyPath = RecursiveKeyOf;\n\n// via: https://stackoverflow.com/a/65333050\ntype RecursiveKeyOf = {\n [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<\n TObj[TKey],\n `${TKey}`\n >;\n}[keyof TObj & (string | number)];\n\ntype RecursiveKeyOfInner = {\n [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<\n TObj[TKey],\n `['${TKey}']` | `.${TKey}`\n >;\n}[keyof TObj & (string | number)];\n\ntype RecursiveKeyOfHandleValue<\n TValue,\n Text extends string,\n> = TValue extends any[]\n ? Text\n : TValue extends object\n ? Text | `${Text}${RecursiveKeyOfInner}`\n : Text;\n" }, { "path": "templates/ExpoTemplate/src/i18n/locales/en.json", "content": "{\n \"common\": {\n \"cancel\": \"Cancel\",\n \"create\": \"Create\",\n \"delete\": \"Delete\",\n \"errorMessage\": \"Unknown error..!!!\",\n \"hey\": \"Hey there,\",\n \"ohhNo\": \"Ohh Noo!!!\",\n \"or\": \"Or\",\n \"ok\": \"OK\",\n \"save\": \"Save\",\n \"see_more\": \"See More\",\n \"skip\": \"Skip\",\n \"welcome\": \"Welcome\",\n \"yes\": \"Yes\",\n \"hello\": \"Hello {{name}}!\",\n \"internetConnectionError\": \"Please check you internet connectivity.\"\n },\n \"newsList\": {\n \"breakingNews\": \"Breaking News\",\n \"general\": \"general\"\n },\n \"newsDetail\": {\n \"anonymous\": \"anonymous\"\n },\n \"forceUpdate\": {\n \"update\": \"Update\",\n \"updateMessage\": \"We've release a new version of the App!\\nPlease update your app to enjoy these new features.\",\n \"retry\": \"Try again\"\n },\n \"setting\": {\n \"languages\": \"Languages\",\n \"settingScreen\": \"Setting Screen\",\n \"theme\": \"Theme\"\n },\n \"login\": {\n \"log_in\": \"Log-in\",\n \"email\": \"Email\",\n \"yourEmailId\": \"Your Email ID\",\n \"password\": \"Password\",\n \"login\": \"Login\",\n \"don'tHaveAnAccount\": \"Don't have an account ?\",\n \"sign_up\": \"Sign-up\"\n },\n \"signUp\": {\n \"sign_up\": \"Sign-up\",\n \"name\": \"Name\",\n \"email\": \"Email\",\n \"yourEmailId\": \"Your Email ID\",\n \"password\": \"Password\",\n \"confirmPassword\": \"Confirm Password\",\n \"signUp\": \"SignUp\"\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/i18n/locales/hi.json", "content": "{\n \"common\": {\n \"cancel\": \"रद्द करना\",\n \"create\": \"बनाएं\",\n \"delete\": \"मिटाना\",\n \"errorMessage\": \"अज्ञात त्रुटि..!!!\",\n \"hey\": \"सुनो,\",\n \"ohhNo\": \"ओह तेरी!!!\",\n \"or\": \"या\",\n \"ok\": \"ठीक\",\n \"save\": \"बचाना\",\n \"see_more\": \"और देखें\",\n \"skip\": \"छोड़ें\",\n \"welcome\": \"स्वागत\",\n \"yes\": \"हाँ\",\n \"internetConnectionError\": \"कृपया आप इंटरनेट कनेक्टिविटी की जाँच करें।\"\n },\n \"newsList\": {\n \"breakingNews\": \"आज की ताजा खबर\",\n \"general\": \"आम\"\n },\n \"newsDetail\": {\n \"anonymous\": \"अनाम\"\n },\n \"setting\": {\n \"languages\": \"भाषा\",\n \"settingScreen\": \"स्क्रीन सेट करना\",\n \"theme\": \"विषय-वस्तु\"\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/navigation/AppNavigation.tsx", "content": "import React from 'react';\n\nimport { NavigationContainerRef } from '@react-navigation/native';\nimport {\n createNativeStackNavigator,\n NativeStackNavigationOptions,\n} from '@react-navigation/native-stack';\nimport { useSelector } from 'react-redux';\n\nimport {\n LoginScreen,\n NetworkLoggerScreen,\n NewsDetailScreen,\n NewsListScreen,\n SettingScreen,\n} from '@src/screens';\nimport { isForceUpdate } from '@src/store';\n\nimport { NavStackParams, Screen } from './appNavigation.type';\nimport { ForUpdateStack } from './ForceupdateStack';\n\nexport const navigationRef =\n React.createRef>();\n\nconst Stack = createNativeStackNavigator();\n\nconst screenOptions: NativeStackNavigationOptions = {\n animation: 'slide_from_right',\n headerShown: false,\n};\n\nexport const AppNavigation = () => {\n const isForceUpdateApp = useSelector(isForceUpdate);\n\n return (\n <>\n {isForceUpdateApp ? (\n \n ) : (\n \n \n \n \n \n {__DEV__ && (\n \n )}\n \n )}\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/navigation/ForceupdateStack.tsx", "content": "import React from 'react';\n\nimport { NavigationContainerRef } from '@react-navigation/native';\nimport {\n createNativeStackNavigator,\n NativeStackNavigationOptions,\n} from '@react-navigation/native-stack';\n\nimport { ForceUpdateScreen, NetworkLoggerScreen } from '@src/screens';\n\nimport { NavStackParams, Screen } from './appNavigation.type';\n\nexport const navigationRef =\n React.createRef>();\n\nconst ForceUpdateStack = createNativeStackNavigator();\n\nconst screenOptions: NativeStackNavigationOptions = {\n animation: 'slide_from_right',\n headerShown: false,\n};\n\nexport const ForUpdateStack = () => {\n return (\n \n \n {__DEV__ && (\n \n )}\n \n );\n};\n" }, { "path": "templates/ExpoTemplate/src/navigation/appNavigation.type.ts", "content": "import type { RouteProp } from '@react-navigation/native';\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack';\n\nimport { NewsResult } from '@src/services';\n\nexport enum Screen {\n FORCE_UPDATE_SCREEN = 'FORCE_UPDATE_SCREEN',\n NETWORK_CHECK = 'NETWORK_CHECK',\n NEWS_DETAIL = 'NEWS_DETAIL',\n NEWS_LIST = 'NEWS_LIST',\n SETTING = 'SETTING',\n LOGIN = 'LOGIN',\n SIGNUP = 'SIGNUP',\n}\n\nexport type NavStackParams = {\n [Screen.FORCE_UPDATE_SCREEN]: undefined;\n [Screen.NETWORK_CHECK]: undefined;\n [Screen.NEWS_DETAIL]: NewsDetailParams;\n [Screen.NEWS_LIST]: undefined;\n [Screen.SETTING]: undefined;\n [Screen.LOGIN]: undefined;\n [Screen.SIGNUP]: undefined;\n};\n\nexport type NewsDetailParams = {\n item: NewsResult;\n};\n\nexport type AppNavigationProp = NativeStackNavigationProp;\n\nexport type NewsDetailRoute = RouteProp;\n" }, { "path": "templates/ExpoTemplate/src/navigation/withNavigation.ts", "content": "import {\n NavigationProp,\n ParamListBase,\n useNavigation,\n} from '@react-navigation/native';\n\nexport declare type WithNavigation<\n NavProp extends NavigationProp,\n T,\n> = {\n navigation: NavProp;\n} & T;\n\nexport function useWithNavigation<\n NavProp extends NavigationProp,\n T extends object,\n>(data: T): WithNavigation {\n const navigation = useNavigation();\n\n return { ...data, navigation };\n}\n" }, { "path": "templates/ExpoTemplate/src/screens/ErrorBoundary/ErrorBoundary.tsx", "content": "import React, { ErrorInfo, ReactNode } from 'react';\n// import { ErrorDetails } from \"./ErrorDetails\"\n\ninterface Props {\n children: ReactNode;\n catchErrors: 'always' | 'dev' | 'prod' | 'never';\n}\n\ninterface State {\n error: Error | null;\n errorInfo: ErrorInfo | null;\n}\n\n/**\n * This component handles whenever the user encounters a JS error in the\n * app. It follows the \"error boundary\" pattern in React. We're using a\n * class component because according to the documentation, only class\n * components can be error boundaries.\n *\n * - [Documentation and Examples](https://github.com/infinitered/ignite/blob/master/docs/Error-Boundary.md)\n * - [React Error Boundaries](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary)\n */\nexport class ErrorBoundary extends React.Component {\n state = { error: null, errorInfo: null };\n\n // If an error in a child is encountered, this will run\n componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n // Only set errors if enabled\n if (!this.isEnabled()) {\n return;\n }\n // Catch errors in any components below and re-render with error message\n this.setState({\n error,\n errorInfo,\n });\n\n // You can also log error messages to an error reporting service here\n // This is a great place to put BugSnag, Sentry, crashlytics, etc:\n // reportCrash(error)\n }\n\n // Reset the error back to null\n resetError = () => {\n this.setState({ error: null, errorInfo: null });\n };\n\n // To avoid unnecessary re-renders\n shouldComponentUpdate(\n _nextProps: Readonly,\n nextState: Readonly\n ): boolean {\n return nextState.error !== this.state.error;\n }\n\n // Only enable if we're catching errors in the right environment\n isEnabled(): boolean {\n return (\n this.props.catchErrors === 'always' ||\n (this.props.catchErrors === 'dev' && __DEV__) ||\n (this.props.catchErrors === 'prod' && !__DEV__)\n );\n }\n\n // Render an error UI if there's an error; otherwise, render children\n render() {\n return this.isEnabled() && this.state.error\n ? // \n null\n : this.props.children;\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/screens/ForceUpdate/ForceUpdate.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaledSize, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const forceUpdateStyles = ({ backgroundColor, textColor }: Palette) =>\n StyleSheet.create({\n buttonContainer: {\n marginTop: scaleHeight(40),\n },\n container: {\n backgroundColor: backgroundColor,\n flex: 1,\n justifyContent: 'center',\n paddingHorizontal: scaleWidth(35),\n },\n messageStyle: {\n color: textColor,\n fontSize: scaledSize(18),\n marginBottom: scaleHeight(40),\n textAlign: 'center',\n },\n retryButton: {\n backgroundColor: backgroundColor,\n borderColor: textColor,\n borderWidth: scaleWidth(1),\n marginTop: scaleHeight(20),\n },\n retryText: {\n color: textColor,\n },\n updateText: {\n color: backgroundColor,\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/screens/ForceUpdate/ForceUpdateScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { Button, Text } from '@app/blueprints';\n\nimport { contents } from '@src/context';\n\nimport useForceUpdate from './useForceUpdate';\n\nconst ForceUpdateScreen = () => {\n const { styles } = useForceUpdate();\n\n return (\n \n \n {contents('forceUpdate.updateMessage')}\n \n \n \n \n );\n};\n\nexport default React.memo(ForceUpdateScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/ForceUpdate/useForceUpdate.ts", "content": "import { useCallback } from 'react';\nimport { Linking } from 'react-native';\n\nimport { useFocusEffect } from '@react-navigation/native';\n\nimport { AppConfig, isIOS } from '@src/constants';\nimport { useAppContext } from '@src/context';\nimport { logger } from '@src/utils';\n\nimport { forceUpdateStyles } from './ForceUpdate.style';\n\nconst useForceUpdate = () => {\n const { color, ...props } = useAppContext();\n\n const styles = forceUpdateStyles(color);\n\n const onUpdatePress = useCallback(() => {\n try {\n const URLToOpen = isIOS\n ? AppConfig.APP_STORE_URL\n : AppConfig.PLAY_STORE_URL;\n Linking.canOpenURL(URLToOpen)\n .then(res => {\n res && Linking.openURL(URLToOpen);\n })\n .catch(error => {\n logger(`Error:: ${error}`);\n });\n } catch (error) {\n logger(`Error:: ${error}`);\n }\n }, []);\n\n const onRetryPress = useCallback(() => {}, []);\n\n useFocusEffect(\n useCallback(() => {\n onRetryPress();\n }, [onRetryPress])\n );\n\n return {\n onRetryPress,\n onUpdatePress,\n styles,\n ...props,\n };\n};\n\nexport default useForceUpdate;\n" }, { "path": "templates/ExpoTemplate/src/screens/Login/Login.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaledSize, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const loginStyles = ({ backgroundColor, secondaryColor }: Palette) =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center',\n },\n content: {\n backgroundColor: backgroundColor,\n borderRadius: scaledSize(30),\n flex: 2,\n paddingHorizontal: scaleWidth(15),\n paddingTop: scaleHeight(25),\n top: -scaleHeight(25),\n },\n fieldContainer: {},\n header: {\n backgroundColor: secondaryColor,\n flex: 1,\n },\n input: {\n marginVertical: scaleHeight(10),\n },\n loginBtn: {\n marginTop: scaleHeight(15),\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/screens/Login/LoginScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { Button, Text, TextInput } from '@app/blueprints';\nimport { Formik } from 'formik';\n\nimport { BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\n\nimport useLogin from './useLogin';\n\nconst LoginScreen = () => {\n const {\n disabled,\n fieldValidation,\n handleButtonSubmit,\n initialValues,\n passwordRef,\n styles,\n } = useLogin();\n\n return (\n \n \n \n {contents('login.log_in')}\n \n {({ resetForm, submitForm }) => (\n \n {\n passwordRef.current?.focus();\n }}\n />\n \n \n {\n resetForm();\n }}\n />\n \n )}\n \n \n \n );\n};\n\nexport default React.memo(LoginScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/Login/useLogin.ts", "content": "import { useCallback, useRef, useState } from 'react';\nimport { TextInput } from 'react-native';\n\nimport * as yup from 'yup';\n\nimport { useAppContext } from '@src/context';\nimport { logger } from '@src/utils';\n\nimport { loginStyles } from './Login.style';\n\nconst useLogin = () => {\n const { color, navigation } = useAppContext();\n\n const [disabled, setDisabled] = useState(false);\n const passwordRef = useRef(null);\n\n const fieldValidation = yup.object().shape({\n email: yup.string().trim().required('Please enter your Email'),\n password: yup.string().trim().required('Please enter your Password'),\n });\n\n const initialValues = {\n email: '',\n password: '',\n };\n\n const handleButtonSubmit = useCallback(\n async (values: typeof initialValues) => {\n logger('values: ', values);\n setDisabled(true);\n await new Promise(res => setTimeout(res, 3000));\n setDisabled(false);\n },\n []\n );\n\n return {\n disabled,\n fieldValidation,\n handleButtonSubmit,\n initialValues,\n navigation,\n passwordRef,\n styles: loginStyles(color),\n };\n};\n\nexport default useLogin;\n" }, { "path": "templates/ExpoTemplate/src/screens/NetworkLogger/NetworkLoggerScreen.tsx", "content": "import React from 'react';\n\nimport NetworkLogger from 'react-native-network-logger';\n\nimport { BaseLayout } from '@src/components';\n\nconst NetworkLoggerScreen = () => {\n return (\n \n \n \n );\n};\n\nexport default React.memo(NetworkLoggerScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsDetail/NewsDetail.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaleHeight, scaleWidth, screenWidth } from '@src/utils';\n\nexport const newsDetailStyles = ({}: Palette) =>\n StyleSheet.create({\n descriptionText: {},\n infoContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: scaleHeight(16),\n },\n newsImage: {\n height: screenWidth * 0.8,\n width: screenWidth - scaleWidth(20),\n },\n scrollViewContainer: { paddingHorizontal: scaleWidth(10) },\n title: {\n marginBottom: scaleHeight(15),\n textAlign: 'center',\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsDetail/NewsDetailScreen.tsx", "content": "import React from 'react';\nimport { ScrollView, View } from 'react-native';\n\nimport { Button, Text } from '@app/blueprints';\n\nimport { AppImage, BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\nimport { scaleHeight } from '@src/utils';\n\nimport useNewsDetail from './useNewsDetail';\n\nconst NewsDetailScreen = () => {\n const { data, getPublishedMonth, handleGoBack, styles } = useNewsDetail();\n\n return (\n \n \n \n {data.title}\n \n \n \n \n {data.categories\n ? data.categories\n : contents('newsDetail.anonymous')}\n \n {getPublishedMonth(data.published_on)}\n \n\n \n {data.body}\n \n \n \n \n );\n};\n\nexport default React.memo(NewsDetailScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsDetail/useNewsDetail.ts", "content": "import { useCallback } from 'react';\n\nimport { useRoute } from '@react-navigation/native';\n\nimport { contents, useAppContext } from '@src/context';\n\nimport { newsDetailStyles } from './NewsDetail.style';\nimport { NewsDetailRoute } from '../../navigation/appNavigation.type';\n\nconst useNewsDetail = () => {\n const { color, navigation } = useAppContext();\n\n const {\n params: { item: data },\n } = useRoute();\n\n const getPublishedMonth = useCallback((val: number) => {\n const publishedAt = new Date(val).toString();\n return publishedAt.split(' ').slice(0, 3).join(' ');\n }, []);\n\n const handleGoBack = useCallback(async () => {\n navigation.goBack();\n }, [navigation]);\n\n return {\n contents,\n data,\n getPublishedMonth,\n handleGoBack,\n navigation,\n styles: newsDetailStyles(color),\n };\n};\n\nexport default useNewsDetail;\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsList/NewsList.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport {\n Palette,\n scaled,\n scaledSize,\n scaleHeight,\n scaleWidth,\n} from '@src/utils';\n\nexport const newsListStyles = ({ backgroundColor, primaryColor }: Palette) =>\n StyleSheet.create({\n debugIcon: {\n ...scaled(25),\n tintColor: primaryColor,\n },\n flatlistStyles: { paddingHorizontal: scaledSize(5) },\n headerContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n marginVertical: scaleHeight(10),\n },\n networkButton: {\n position: 'absolute',\n right: scaleWidth(5),\n },\n newsImage: {\n borderRadius: scaledSize(5),\n height: scaleHeight(95),\n width: scaleWidth(120),\n },\n newsItemContainer: {\n backgroundColor,\n borderRadius: scaledSize(5),\n flex: 1,\n flexDirection: 'row',\n marginBottom: scaleHeight(5),\n marginTop: scaleHeight(5),\n },\n newsTextView: {\n flex: 1,\n padding: scaledSize(5),\n },\n settingBtn: {\n position: 'absolute',\n right: scaleWidth(40),\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsList/NewsListScreen.tsx", "content": "import React from 'react';\nimport { FlatList, TouchableOpacity, View } from 'react-native';\n\nimport { AnimatedTouchableOpacity, Text } from '@app/blueprints';\n\nimport { Icons, SVGIcons } from '@src/assets';\nimport { AppImage, BaseLayout, Icon, SvgIcon } from '@src/components';\nimport { contents } from '@src/context';\nimport type { NewsResult } from '@src/services';\nimport { scaled } from '@src/utils';\n\nimport useNewsList from './useNewsList';\n\nconst NewsListScreen = () => {\n const {\n color,\n data,\n handleNavigationNetwork,\n handleNavigationNewsItem,\n handleSetting,\n styles,\n } = useNewsList();\n\n const renderItem = ({ item }: { item: NewsResult }) => {\n return (\n \n \n \n \n {item?.source ? item.source : contents('newsList.general')}\n \n {item.title}\n \n \n );\n };\n\n return (\n \n `${item.id}_${item.title}`}\n renderItem={renderItem}\n ListHeaderComponent={\n \n {contents('newsList.breakingNews')}\n \n \n \n \n \n \n \n }\n />\n \n );\n};\n\nexport default React.memo(NewsListScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/NewsList/useNewsList.ts", "content": "import { useCallback, useEffect } from 'react';\n\nimport { useSelector } from 'react-redux';\n\nimport { contents, useAppContext } from '@src/context';\nimport { NewsResult } from '@src/services';\nimport { getNewsData as newsData, setNews, useAppDispatch } from '@src/store';\nimport { logger } from '@src/utils';\n\nimport { newsListStyles } from './NewsList.style';\nimport { Screen } from '../../navigation/appNavigation.type';\n\nconst useNewsList = () => {\n const { color, loader, navigation, services } = useAppContext();\n const dispatch = useAppDispatch();\n\n const data = useSelector(newsData);\n\n const getNewsData = useCallback(async () => {\n loader.current?.show();\n try {\n const getNews = await services.getNews();\n dispatch(setNews(getNews));\n } catch (error) {\n logger('Error getNews>>', error);\n } finally {\n loader.current?.hide();\n }\n }, [loader, services, dispatch]);\n\n const handleNavigationNetwork = useCallback(() => {\n navigation.navigate(Screen.NETWORK_CHECK);\n }, [navigation]);\n\n const handleNavigationNewsItem = useCallback(\n (item: NewsResult) => () => {\n navigation.navigate(Screen.NEWS_DETAIL, {\n item,\n });\n },\n [navigation]\n );\n\n const handleSetting = useCallback(() => {\n navigation.navigate(Screen.SETTING);\n }, [navigation]);\n\n useEffect(() => {\n getNewsData();\n }, [getNewsData]);\n\n return {\n color,\n contents,\n data,\n handleNavigationNetwork,\n handleNavigationNewsItem,\n handleSetting,\n styles: newsListStyles(color),\n };\n};\n\nexport default useNewsList;\n" }, { "path": "templates/ExpoTemplate/src/screens/Setting/Setting.style.ts", "content": "import { StyleSheet } from 'react-native';\n\nimport { Palette, scaled, scaleHeight, scaleWidth } from '@src/utils';\n\nexport const settingStyles = ({ primaryColor }: Palette) =>\n StyleSheet.create({\n btn: {\n marginTop: scaleHeight(30),\n },\n content: {\n marginTop: scaleHeight(25),\n paddingHorizontal: scaleWidth(50),\n },\n header: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n radio: {\n ...scaled(20),\n alignItems: 'center',\n borderRadius: 10,\n borderWidth: 1,\n justifyContent: 'center',\n },\n selectedRadio: {\n ...scaled(10),\n backgroundColor: primaryColor,\n borderRadius: 10,\n },\n themes: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n marginVertical: scaleHeight(5),\n },\n });\n" }, { "path": "templates/ExpoTemplate/src/screens/Setting/SettingScreen.tsx", "content": "import React from 'react';\nimport { View } from 'react-native';\n\nimport { AnimatedTouchableOpacity, Button, Text } from '@app/blueprints';\n\nimport { BaseLayout } from '@src/components';\nimport { contents } from '@src/context';\nimport { ContentLanguage } from '@src/i18n';\n\nimport useSetting from './useSetting';\n\nconst SettingScreen = () => {\n const {\n appTheme,\n handleChangeLanguage,\n handleChangeTheme,\n handleLogin,\n language,\n languages,\n styles,\n themes,\n } = useSetting();\n\n return (\n \n \n {contents('setting.settingScreen')}\n \n \n \n {contents('setting.theme')}\n \n {themes.map(m => {\n return (\n \n {m}\n \n {appTheme === m.toLowerCase() ? (\n \n ) : null}\n \n \n );\n })}\n\n \n {contents('setting.languages')}\n \n {languages.map(m => {\n return (\n \n {m}\n \n {ContentLanguage[m as keyof typeof ContentLanguage] ===\n language ? (\n \n ) : null}\n \n \n );\n })}\n \n \n \n );\n};\n\nexport default React.memo(SettingScreen);\n" }, { "path": "templates/ExpoTemplate/src/screens/Setting/useSetting.ts", "content": "import { useCallback } from 'react';\n\nimport { useAppContext } from '@src/context';\nimport { ContentLanguage } from '@src/i18n';\nimport { Theme } from '@src/utils';\n\nimport { settingStyles } from './Setting.style';\nimport { Screen } from '../../navigation/appNavigation.type';\n\nconst themes = ['Dark', 'Light', 'Theme1', 'Theme2', 'Theme3'];\n\nconst languages = Object.keys(ContentLanguage);\n\nconst useSetting = () => {\n const {\n appTheme,\n color,\n language,\n navigation,\n setAppTheme,\n setLanguageInApp,\n } = useAppContext();\n\n const handleChangeTheme = useCallback(\n (m: string) => () => {\n setAppTheme(m as Theme);\n },\n [setAppTheme]\n );\n\n const handleChangeLanguage = useCallback(\n (m: string) => async () => {\n await setLanguageInApp(\n ContentLanguage[m as keyof typeof ContentLanguage]\n );\n },\n [setLanguageInApp]\n );\n\n const handleLogin = useCallback(() => {\n navigation.navigate(Screen.LOGIN);\n }, [navigation]);\n\n // add your code here\n\n return {\n appTheme,\n color,\n handleChangeLanguage,\n handleChangeTheme,\n handleLogin,\n language,\n languages,\n navigation,\n styles: settingStyles(color),\n themes,\n };\n};\n\nexport default useSetting;\n" }, { "path": "templates/ExpoTemplate/src/screens/index.ts", "content": "export { default as NetworkLoggerScreen } from './NetworkLogger/NetworkLoggerScreen';\nexport { default as NewsListScreen } from './NewsList/NewsListScreen';\nexport { default as NewsDetailScreen } from './NewsDetail/NewsDetailScreen';\nexport { default as ForceUpdateScreen } from './ForceUpdate/ForceUpdateScreen';\nexport { default as SettingScreen } from './Setting/SettingScreen';\nexport { default as LoginScreen } from './Login/LoginScreen';\n" }, { "path": "templates/ExpoTemplate/src/services/apiHandler.ts", "content": "import axios, { AxiosInstance, AxiosResponse } from 'axios';\n\nimport { AppConfig } from '@src/constants';\n\nclass APIhandler {\n private readonly axiosInstance: AxiosInstance;\n private readonly axiosHeaders = {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n };\n\n constructor() {\n this.axiosInstance = axios.create({\n baseURL: AppConfig.API_URL,\n headers: this.axiosHeaders,\n timeout: 10000,\n timeoutErrorMessage: 'Slow Network',\n validateStatus(status) {\n return (\n (status >= 200 && status < 300) || status === 400 || status === 401\n );\n },\n });\n // ***** Uncomment lines for debugging Request *****\n // this.axiosInstance.interceptors.request.use(req => {\n // if (__DEV__) {\n // // eslint-disable-next-line no-console\n // console.log(\n // '⛔️⛔️⛔️ this.axiosInstance.interceptors.request: ',\n // JSON.stringify(req, null, ' ')\n // );\n // }\n // return req;\n // });\n\n //***** Uncomment lines for debugging Response *****\n // this.axiosInstance.interceptors.response.use(res => {\n // if (__DEV__) {\n // // eslint-disable-next-line no-console\n // console.log(\n // '🚀🚀🚀🚀 this.axiosInstance.interceptors.response: ',\n // JSON.stringify(res, null, ' ')\n // );\n // }\n // return res;\n // });\n }\n\n requestHeader = () => {\n return {\n Authorization: `Bearer `,\n };\n };\n\n handleBodyResponse = async (response: AxiosResponse): Promise => {\n if (response.status === 200) {\n return Promise.resolve(JSON.parse(JSON.stringify(response.data)));\n } else if (response.status === 400) {\n return Promise.reject({\n cause: response.status.toString(),\n message: response.data.message,\n } as Error);\n } else if (response.status === 401) {\n return Promise.reject({\n cause: response.status.toString(),\n message: 'Your session has been expired..!!! please login again...',\n } as Error);\n } else {\n return Promise.reject({\n cause: response.status.toString(),\n message: response.statusText,\n } as Error);\n }\n };\n\n postAPIService = async (api: string, reqParams: any): Promise => {\n try {\n const response = await this.axiosInstance.post(api, reqParams, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n async getAPIService(api: string): Promise {\n try {\n // get, D = any>(url: string, config?: AxiosRequestConfig): Promise;\n const response = await this.axiosInstance.get(api, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n }\n\n deleteAPIService = async (api: string, reqParams: any = {}): Promise => {\n try {\n const response = await this.axiosInstance.delete(api, {\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n params: reqParams,\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n putAPIService = async (api: string, reqParams: any = {}): Promise => {\n try {\n const response = await this.axiosInstance({\n data: reqParams,\n headers: { ...this.axiosHeaders, ...this.requestHeader() },\n method: 'PUT',\n url: api,\n });\n return this.handleBodyResponse(response);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n}\n\nexport const API = new APIhandler();\n" }, { "path": "templates/ExpoTemplate/src/services/appServices.ts", "content": "import { API_METHODS } from './appServices.type';\nimport { ServicesEndPoints } from './appServicesEndPoints';\nimport { getNewsCommercialResponseAdapter } from './commercial/adapters/response/getNewsCommercialResponseAdapter';\nimport { GetUserCommercialResponseAdapter } from './commercial/adapters/response/getUserCommercialResponseAdapter';\nimport { PostLoginCommercialResponseAdapter } from './commercial/adapters/response/postLoginCommercialResponseAdapter';\nimport { NewsResponseDTO } from './commercial/dtos/NewsResponseDTO';\nimport {\n LoginResponseDTO,\n UserResponseDTO,\n} from './commercial/dtos/UserResponseDTO';\nimport { ListUserReq, NewsResult, UserResult } from './models';\nimport { LoginParams, LoginResult } from './models/login';\nimport serviceAdapter from './serviceAdapter';\n\nexport class AppServices {\n constructor() {}\n\n loginUser = async (loginParams: LoginParams): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.POST,\n ServicesEndPoints.LOGIN,\n loginParams\n )\n .then(res => {\n resolve(new PostLoginCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n\n listUsers = async (listUserReq: ListUserReq): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.GET,\n `${ServicesEndPoints.USERS}?page=${listUserReq.page}&per_page=${listUserReq.per_page}`\n )\n .then(res => {\n resolve(new GetUserCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n\n getNews = async (): Promise => {\n return new Promise((resolve, reject) => {\n serviceAdapter(\n API_METHODS.GET,\n ServicesEndPoints.NEWS\n )\n .then(res => {\n resolve(new getNewsCommercialResponseAdapter().service(res));\n })\n .catch(error => {\n reject(error);\n });\n });\n };\n}\n\nexport const appServices = new AppServices();\n" }, { "path": "templates/ExpoTemplate/src/services/appServices.type.ts", "content": "export enum API_METHODS {\n DELETE = 'DELETE',\n GET = 'GET',\n POST = 'POST',\n PUT = 'PUT',\n}\n" }, { "path": "templates/ExpoTemplate/src/services/appServicesEndPoints.ts", "content": "export enum ServicesEndPoints {\n USERS = '/users',\n LOGIN = '/login',\n NEWS = '/news/',\n}\n" }, { "path": "templates/ExpoTemplate/src/services/commercial/adapters/response/getNewsCommercialResponseAdapter.ts", "content": "import { NewsResult } from '../../../models';\nimport { NewDataResponse, NewsResponseDTO } from '../../dtos/NewsResponseDTO';\n\nexport class getNewsCommercialResponseAdapter {\n constructor() {}\n\n service(dto: NewsResponseDTO): NewsResult[] {\n return dto.Data.map((item: NewDataResponse) => {\n return {\n body: item.body,\n categories: item.categories,\n id: item.id,\n imageUrl: item.imageurl,\n published_on: item.published_on,\n source: item.source,\n tags: item.tags,\n title: item.title,\n };\n });\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/services/commercial/adapters/response/getUserCommercialResponseAdapter.ts", "content": "import { UserResult } from '@src/services/models/user';\n\nimport { UserResponseDTO } from '../../dtos/UserResponseDTO';\n\nexport class GetUserCommercialResponseAdapter {\n constructor() {}\n\n service(dto: UserResponseDTO): UserResult[] {\n return dto.data.map(item => {\n return {\n firstName: item.first_name,\n id: item.id,\n lastName: item.last_name,\n };\n });\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/services/commercial/adapters/response/postLoginCommercialResponseAdapter.ts", "content": "import { LoginResult } from '@src/services/models/login';\n\nimport { LoginResponseDTO } from '../../dtos/UserResponseDTO';\n\nexport class PostLoginCommercialResponseAdapter {\n constructor() {}\n\n service(dto: LoginResponseDTO): LoginResult {\n return {\n userToken: dto.token,\n };\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/services/commercial/dtos/NewsResponseDTO.ts", "content": "export interface NewsResponseDTO {\n Type: number;\n Message: string;\n Promoted?: null[] | null;\n Data: NewDataResponse[];\n RateLimit: Object;\n HasWarning: boolean;\n}\n\nexport interface NewDataResponse {\n id: string;\n guid?: string;\n published_on: number;\n imageurl: string;\n title: string;\n url?: string;\n body: string;\n tags: string;\n lang?: string;\n upvotes?: string;\n downvotes?: string;\n categories: string;\n source_info?: SourceInfo;\n source: string;\n}\nexport interface SourceInfo {\n name: string;\n img: string;\n lang: string;\n}\n" }, { "path": "templates/ExpoTemplate/src/services/commercial/dtos/UserResponseDTO.ts", "content": "export interface UserResponseDTO {\n page: number;\n per_page: number;\n total: number;\n total_pages: number;\n data: DatumDTO[];\n support: SupportDTO;\n}\n\nexport interface DatumDTO {\n id: number;\n email: string;\n first_name: string;\n last_name: string;\n avatar: string;\n}\n\nexport interface SupportDTO {\n url: string;\n text: string;\n}\n\nexport interface LoginResponseDTO {\n token: string;\n}\n" }, { "path": "templates/ExpoTemplate/src/services/index.ts", "content": "export * from './apiHandler';\nexport * from './appServicesEndPoints';\nexport * from './serviceAdapter';\nexport * from './models';\nexport * from './appServices';\n" }, { "path": "templates/ExpoTemplate/src/services/models/index.ts", "content": "export * from './unknown';\nexport * from './user';\nexport * from './news';\n" }, { "path": "templates/ExpoTemplate/src/services/models/login.ts", "content": "export interface LoginResult {\n userToken: string;\n}\n\nexport interface LoginParams {\n email: string;\n password: string;\n}\n" }, { "path": "templates/ExpoTemplate/src/services/models/news.ts", "content": "export interface Source {\n id?: null | string | number;\n name: string;\n}\n\nexport interface NewsResult {\n body: string;\n categories: string;\n id: string;\n imageUrl: string;\n published_on: number;\n source: string;\n tags: string;\n title: string;\n}\n" }, { "path": "templates/ExpoTemplate/src/services/models/unknown.ts", "content": "export interface ApiUnknownResponse {}\n\nexport interface ApiUnknownRequestParams {}\n\nexport interface UnknownResponse {}\n" }, { "path": "templates/ExpoTemplate/src/services/models/user.ts", "content": "export interface ListUserReq {\n page: number;\n per_page: number;\n}\n\nexport interface UserResult {\n firstName: string;\n id: number;\n lastName: string;\n}\n" }, { "path": "templates/ExpoTemplate/src/services/serviceAdapter.ts", "content": "import { isNetworkConnected } from '@src/utils';\n\nimport { API } from './apiHandler';\nimport { API_METHODS } from './appServices.type';\nimport { contents } from '../context/content';\n\nexport default async function serviceAdapter(\n method: API_METHODS,\n url: string,\n requestParam?: reqParams\n): Promise {\n const status = await isNetworkConnected();\n if (status) {\n if (method.toString() === API_METHODS.GET) {\n return API.getAPIService(url);\n } else if (method.toString() === API_METHODS.DELETE) {\n return API.deleteAPIService(url, requestParam);\n } else if (method.toString() === API_METHODS.PUT) {\n return API.putAPIService(url, requestParam);\n } else if (method.toString() === API_METHODS.POST) {\n return API.postAPIService(url, requestParam);\n } else {\n return Promise.reject('REST METHOD NOT EXITSt');\n }\n } else {\n return Promise.reject(Error(contents('common.internetConnectionError')));\n }\n}\n" }, { "path": "templates/ExpoTemplate/src/store/index.ts", "content": "import { combineReducers, configureStore } from '@reduxjs/toolkit';\nimport { useDispatch } from 'react-redux';\nimport {\n FLUSH,\n PAUSE,\n PERSIST,\n PersistConfig,\n persistReducer,\n persistStore,\n PURGE,\n REGISTER,\n REHYDRATE,\n} from 'redux-persist';\n\nimport { reduxStorage } from '@src/context';\n\nimport { newsData, newsDataName, userData } from './reducers';\n\nconst rootReducer = combineReducers({\n newsData,\n userData,\n});\n\nexport type RootState = ReturnType;\n\nconst persistConfig: PersistConfig = {\n key: 'root',\n storage: reduxStorage,\n whitelist: [newsDataName],\n};\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\n\nconst store = configureStore({\n devTools: true,\n middleware: getDefaultMiddleware =>\n getDefaultMiddleware({\n serializableCheck: {\n ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],\n },\n thunk: {\n extraArgument: {},\n },\n }),\n reducer: persistedReducer,\n});\n\nexport const persistor = persistStore(store);\n\nexport type AppDispatch = typeof store.dispatch;\n\nexport const useAppDispatch = () => useDispatch();\n\nexport default store;\n\nexport * from './reducers';\nexport * from './observers';\n" }, { "path": "templates/ExpoTemplate/src/store/observers/index.ts", "content": "export * from './users';\nexport * from './news';\n" }, { "path": "templates/ExpoTemplate/src/store/observers/news.ts", "content": "import { RootState } from '../index';\n\nexport const getNewsData = (state: RootState) => state.newsData.news;\n" }, { "path": "templates/ExpoTemplate/src/store/observers/users.ts", "content": "import { RootState } from '../index';\n\nexport const usersData = (state: RootState) => state.userData.users;\n\nexport const isForceUpdate = (state: RootState) => state.userData.isForceUpdate;\n" }, { "path": "templates/ExpoTemplate/src/store/reducers/index.ts", "content": "export * from './usersData';\nexport * from './newsData';\n" }, { "path": "templates/ExpoTemplate/src/store/reducers/newsData.ts", "content": "import { createSlice, PayloadAction } from '@reduxjs/toolkit';\n\nimport { NewsResult } from '@src/services';\n\ntype NewsData = {\n news: NewsResult[];\n};\n\nconst initialState: NewsData = {\n news: [],\n};\n\nexport const newsDataSlice = createSlice({\n initialState,\n name: 'newsData',\n reducers: {\n resetNewsData: () => initialState,\n setNews: (state, { payload }: PayloadAction) => {\n state.news = payload;\n },\n },\n});\n\nexport const {\n actions: { resetNewsData, setNews },\n name: newsDataName,\n reducer: newsData,\n} = newsDataSlice;\n" }, { "path": "templates/ExpoTemplate/src/store/reducers/usersData.ts", "content": "import { createSlice, PayloadAction } from '@reduxjs/toolkit';\n\nimport { UserResult } from '@src/services';\n\ntype AppData = {\n users: UserResult[];\n isForceUpdate: boolean;\n};\n\nconst initialState: AppData = {\n isForceUpdate: false,\n users: [],\n};\n\nexport const userDataSlice = createSlice({\n initialState,\n name: 'userData',\n reducers: {\n resetUserData: () => initialState,\n setForceUpdate: (state, { payload }: PayloadAction) => {\n state.isForceUpdate = payload;\n },\n setUsers: (state, { payload }: PayloadAction) => {\n state.users = payload;\n },\n },\n});\n\nexport const {\n actions: { resetUserData, setForceUpdate, setUsers },\n name: userDataName,\n reducer: userData,\n} = userDataSlice;\n" }, { "path": "templates/ExpoTemplate/src/utils/color.ts", "content": "import { ColorSchemeName } from 'react-native/types';\n\nexport const color = {\n dark: {\n backgroundColor: '#212121', // light grey\n primaryColor: '#0a84ff', // bright blue\n secondaryColor: '#dcdcdc', // dark grey\n textColor: '#f8f9fa', // off-white\n },\n light: {\n backgroundColor: '#f8f9fa', // grey\n primaryColor: '#000080', // blue\n secondaryColor: '#6c757d', // off-white\n textColor: '#343a40', // dark grey\n },\n theme1: {\n backgroundColor: '#f8f8f8', // light pink\n primaryColor: '#ff5a5f', // red\n secondaryColor: '#f2c9c9', // off-white\n textColor: '#424242', // dark grey\n },\n theme2: {\n backgroundColor: '#e5e5e5', // wheat\n primaryColor: '#000080', // navy blue\n secondaryColor: '#f5deb3', // light grey\n textColor: '#333333', // dark grey\n },\n theme3: {\n backgroundColor: '#f0f0f0', // light yellow\n primaryColor: '#800000', // maroon\n secondaryColor: '#ffffe0', // light grey\n textColor: '#2f4f4f', // dark slate grey\n },\n theme4: {\n backgroundColor: '#f5f5f5', // misty rose\n primaryColor: '#663399', // rebecca purple\n secondaryColor: '#ffe4e1', // light grey\n textColor: '#333333', // dark grey\n },\n};\n\nexport type Palette = (typeof color)[keyof typeof color];\n\nexport type Theme = ColorSchemeName | keyof typeof color;\n" }, { "path": "templates/ExpoTemplate/src/utils/dimensions.ts", "content": "import { Dimensions } from 'react-native';\n\nconst { height: screenHeight, width: screenWidth } = Dimensions.get('window');\n\n// resolution changes as per design\nexport const designWidth = 375;\nexport const designHeight = 812;\n\nconst scaleWidth = (val: number) => {\n return (screenWidth * val) / designWidth;\n};\n\nconst scaleHeight = (val: number) => {\n return (screenHeight * val) / designHeight;\n};\n\nconst scale = Math.min(screenWidth / designWidth, screenHeight / designHeight);\n\nconst moderateScale = (size: number, factor = 1) =>\n size + (scaleWidth(size) - size) * factor;\n\nconst scaledSize = (size: number) => Math.ceil(size * scale);\n\nexport {\n moderateScale,\n scaledSize,\n scaleHeight,\n scaleWidth,\n screenHeight,\n screenWidth,\n};\n" }, { "path": "templates/ExpoTemplate/src/utils/helper.ts", "content": "import { createRef } from 'react';\n\nimport NetInfo from '@react-native-community/netinfo';\n\nimport { scaledSize } from './dimensions';\nimport { IndicatorRef } from '../../blueprints/Indicator/Indicator';\n\nexport const isNetworkConnected = async () => {\n const state = await NetInfo.refresh();\n return state.isConnected || false;\n};\n\nexport function isEmpty(obj: object) {\n return Object.keys(obj).length === 0;\n}\n\nexport const logger = (...args: any) => {\n if (__DEV__) {\n // eslint-disable-next-line no-console\n console.log(...args);\n }\n};\n\nexport const scaled = (value: number) => {\n return {\n height: scaledSize(value),\n width: scaledSize(value),\n };\n};\n\nexport function boxShadow(\n color: string,\n offset = { height: 2, width: 2 },\n radius = 8,\n opacity = 0.2\n) {\n return {\n elevation: radius,\n shadowColor: color,\n shadowOffset: offset,\n shadowOpacity: opacity,\n shadowRadius: radius,\n };\n}\n\nexport function delay(ms: number) {\n return new Promise(resolve => setTimeout(resolve as () => void, ms));\n}\n\nexport const loader = createRef();\n" }, { "path": "templates/ExpoTemplate/src/utils/index.ts", "content": "export * from './dimensions';\nexport * from './helper';\nexport * from './color';\n" }, { "path": "templates/ExpoTemplate/tsconfig.json", "content": "{\n \"extends\": \"expo/tsconfig.base\",\n \"compilerOptions\": {\n /* Basic Options */\n \"target\": \"esnext\" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,\n \"module\": \"esnext\" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,\n \"lib\": [\n \"esnext\"\n ] /* Specify library files to be included in the compilation. */,\n \"allowJs\": true /* Allow javascript files to be compiled. */,\n \"jsx\": \"react\" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,\n \"moduleResolution\": \"bundler\" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,\n \"paths\": {\n \"@src/*\": [\"./src/*\"],\n \"@app/blueprints\": [\"./blueprints\"]\n } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,\n \"allowUnreachableCode\": false,\n \"allowUnusedLabels\": false,\n \"forceConsistentCasingInFileNames\": true,\n \"isolatedModules\": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,\n \"strict\": true /* Enable all strict type-checking options. */,\n \"noUnusedLocals\": true /* Report errors on unused locals. */,\n \"noUnusedParameters\": true /* Report errors on unused parameters. */,\n \"noImplicitReturns\": true /* Report error when not all code paths in function return a value. */,\n \"noFallthroughCasesInSwitch\": true /* Report errors for fallthrough cases in switch statement. */,\n \"noImplicitUseStrict\": false,\n \"noStrictGenericChecks\": false,\n \"noUncheckedIndexedAccess\": true,\n \"types\": [\"react-native\", \"jest\", \"node\"],\n \"typeRoots\": [\"@types\", \"./node_modules/@types\"],\n \"allowSyntheticDefaultImports\": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,\n \"esModuleInterop\": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,\n \"skipLibCheck\": true /* Skip type checking of declaration files. */,\n \"resolveJsonModule\": true /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */\n\n /* Module Resolution Options */\n // \"importsNotUsedAsValues\": \"error\",\n // \"baseUrl\": \"..\", /* Base directory to resolve non-absolute module names. */,\n // \"checkJs\": true, /* Report errors in .js files. */\n // \"declaration\": true, /* Generates corresponding '.d.ts' file. */\n // \"sourceMap\": true, /* Generates corresponding '.map' file. */\n // \"outFile\": \"./\", /* Concatenate and emit output to single file. */\n // \"outDir\": \"./\", /* Redirect output structure to the directory. */\n // \"rootDir\": \"./\", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */\n // \"removeComments\": true, /* Do not emit comments to output. */\n // \"noEmit\": true /* Do not emit outputs. */,\n // \"incremental\": true, /* Enable incremental compilation */\n // \"importHelpers\": true, /* Import emit helpers from 'tslib'. */\n // \"downlevelIteration\": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */\n\n /* Strict Type-Checking Options */\n // \"noImplicitAny\": true, /* Raise error on expressions and declarations with an implied 'any' type. */\n // \"strictNullChecks\": true, /* Enable strict null checks. */\n // \"strictFunctionTypes\": true, /* Enable strict checking of function types. */\n // \"strictPropertyInitialization\": true, /* Enable strict checking of property initialization in classes. */\n // \"noImplicitThis\": true, /* Raise error on 'this' expressions with an implied 'any' type. */\n // \"alwaysStrict\": true, /* Parse in strict mode and emit \"use strict\" for each source file. */\n /* Experimental Options */\n // \"experimentalDecorators\": true, /* Enables experimental support for ES7 decorators. */\n // \"emitDecoratorMetadata\": true, /* Enables experimental support for emitting type metadata for decorators. */\n /* Additional Checks */\n // \"rootDirs\": [], /* List of root folders whose combined content represents the structure of the project at runtime. */\n // \"typeRoots\": [], /* List of folders to include type definitions from. */\n // \"types\": [], /* Type declaration files to be included in compilation. */\n // \"preserveSymlinks\": true, /* Do not resolve the real path of symlinks. */\n /* Source Map Options */\n // \"sourceRoot\": \"./\", /* Specify the location where debugger should locate TypeScript files instead of source locations. */\n // \"mapRoot\": \"./\", /* Specify the location where debugger should locate map files instead of generated locations. */\n // \"inlineSourceMap\": true, /* Emit a single file with source maps instead of having a separate file. */\n // \"inlineSources\": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */\n },\n \"exclude\": [\n \"node_modules\",\n \"babel.config.js\",\n \"metro.config.js\",\n \"jest.config.js\"\n ]\n}\n" } ]