ignite-parse-auth-kit 1.0.0

package/babel.config.js

@@ -0,0 +1,7 @@
+/** @type {import('@babel/core').TransformOptions} */
+module.exports = function (api) {
+  api.cache(true)
+  return {
+    presets: ["babel-preset-expo"],
+  }
+}

package/bin/cli.js

@@ -0,0 +1,196 @@
+#!/usr/bin/env node
+
+const { execSync, spawn } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+
+const chalk = require('chalk');
+const { program } = require('commander');
+const ora = require('ora');
+
+const packageJson = require('../package.json');
+
+program
+  .name('ignite-parse-auth-kit')
+  .description('Create a new React Native app with Parse authentication')
+  .version(packageJson.version)
+  .argument('[project-name]', 'Name of the project to create')
+  .option('-d, --directory <path>', 'Directory to create the project in')
+  .option('--skip-install', 'Skip installing dependencies')
+  .option('--use-npm', 'Use npm instead of yarn')
+  .option('--use-bun', 'Use bun instead of yarn')
+  .action(async (projectName, options) => {
+    console.log(chalk.cyan('\n🔥 Ignite Parse Auth Kit\n'));
+    console.log(chalk.gray(`v${packageJson.version}\n`));
+
+    if (!projectName) {
+      console.log(chalk.yellow('Usage: npx ignite-parse-auth-kit <project-name>\n'));
+      console.log(chalk.gray('Example: npx ignite-parse-auth-kit my-app\n'));
+      process.exit(1);
+    }
+
+    const targetDir = options.directory 
+      ? path.resolve(options.directory, projectName)
+      : path.resolve(process.cwd(), projectName);
+
+    if (fs.existsSync(targetDir)) {
+      console.log(chalk.red(`\n❌ Directory "${projectName}" already exists.\n`));
+      process.exit(1);
+    }
+
+    const spinner = ora('Creating your new project...').start();
+
+    try {
+      // Create the target directory
+      fs.mkdirSync(targetDir, { recursive: true });
+
+      // Get the template source directory (where this package is installed)
+      const templateDir = path.resolve(__dirname, '..');
+      
+      // Files and directories to copy
+      const itemsToCopy = [
+        'app',
+        'assets',
+        'ignite',
+        'plugins',
+        'src',
+        'template',
+        'test',
+        'types',
+        'index.tsx',
+        'app.config.ts',
+        'app.json',
+        'babel.config.js',
+        'metro.config.js',
+        'tsconfig.json',
+        'jest.config.js',
+        '.gitignore',
+        'README.md',
+        'LICENSE',
+        'CONTRIBUTING.md'
+      ];
+
+      // Copy each item
+      for (const item of itemsToCopy) {
+        const sourcePath = path.join(templateDir, item);
+        const destPath = path.join(targetDir, item);
+        
+        if (fs.existsSync(sourcePath)) {
+          copyRecursive(sourcePath, destPath);
+        }
+      }
+
+      // Copy package.json but modify it for the new project
+      const templatePkgPath = path.join(templateDir, 'package.json');
+      const templatePkg = JSON.parse(fs.readFileSync(templatePkgPath, 'utf8'));
+      
+      // Create a clean package.json for the new project
+      const newPkg = {
+        name: projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-'),
+        version: '1.0.0',
+        private: true,
+        main: templatePkg.main,
+        scripts: { ...templatePkg.scripts },
+        dependencies: { ...templatePkg.dependencies },
+        devDependencies: {},
+        engines: templatePkg.engines,
+        expo: templatePkg.expo
+      };
+
+      // Copy devDependencies except CLI-specific ones
+      const cliDeps = ['chalk', 'commander', 'fs-extra', 'ora'];
+      for (const [dep, version] of Object.entries(templatePkg.devDependencies || {})) {
+        if (!cliDeps.includes(dep)) {
+          newPkg.devDependencies[dep] = version;
+        }
+      }
+
+      // Remove bin and files entries (not needed for the project)
+      delete newPkg.bin;
+      delete newPkg.files;
+      delete newPkg.repository;
+      delete newPkg.bugs;
+      delete newPkg.homepage;
+      delete newPkg.keywords;
+
+      fs.writeFileSync(
+        path.join(targetDir, 'package.json'),
+        JSON.stringify(newPkg, null, 2)
+      );
+
+      // Update app.json with the new project name
+      const appJsonPath = path.join(targetDir, 'app.json');
+      if (fs.existsSync(appJsonPath)) {
+        const appJson = JSON.parse(fs.readFileSync(appJsonPath, 'utf8'));
+        appJson.expo = appJson.expo || {};
+        appJson.expo.name = projectName;
+        appJson.expo.slug = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
+        fs.writeFileSync(appJsonPath, JSON.stringify(appJson, null, 2));
+      }
+
+      spinner.succeed(chalk.green('Project created successfully!'));
+
+      // Install dependencies
+      if (!options.skipInstall) {
+        const installSpinner = ora('Installing dependencies...').start();
+        
+        try {
+          const packageManager = options.useBun ? 'bun' : (options.useNpm ? 'npm' : 'yarn');
+          const installCmd = packageManager === 'npm' ? 'npm install' : `${packageManager} install`;
+          
+          execSync(installCmd, {
+            cwd: targetDir,
+            stdio: 'pipe'
+          });
+          
+          installSpinner.succeed(chalk.green('Dependencies installed!'));
+        } catch (error) {
+          installSpinner.warn(chalk.yellow('Could not install dependencies automatically.'));
+          console.log(chalk.gray('Run "npm install" or "yarn install" manually.\n'));
+        }
+      }
+
+      // Print next steps
+      console.log('\n' + chalk.cyan('🎉 Your project is ready!\n'));
+      console.log(chalk.white('Next steps:\n'));
+      console.log(chalk.gray(`  cd ${projectName}`));
+      if (options.skipInstall) {
+        console.log(chalk.gray('  npm install'));
+      }
+      console.log(chalk.gray('  npx expo start\n'));
+      
+      console.log(chalk.white('Configure your Parse Server:\n'));
+      console.log(chalk.gray('  Edit app/config/config.dev.ts with your Parse Server credentials\n'));
+      
+      console.log(chalk.cyan('Happy coding! 🚀\n'));
+
+    } catch (error) {
+      spinner.fail(chalk.red('Failed to create project'));
+      console.error(chalk.red(error.message));
+      process.exit(1);
+    }
+  });
+
+/**
+ * Recursively copy files and directories
+ */
+function copyRecursive(src, dest) {
+  const stat = fs.statSync(src);
+  
+  if (stat.isDirectory()) {
+    fs.mkdirSync(dest, { recursive: true });
+    const items = fs.readdirSync(src);
+    
+    for (const item of items) {
+      // Skip node_modules and other unwanted directories
+      if (['node_modules', '.git', '.expo', 'android', 'ios'].includes(item)) {
+        continue;
+      }
+      copyRecursive(path.join(src, item), path.join(dest, item));
+    }
+  } else {
+    fs.copyFileSync(src, dest);
+  }
+}
+
+program.parse();

package/ignite/templates/component/NAME.tsx.ejs

@@ -0,0 +1,39 @@
+---
+destinationDir: app/components/<%= props.subdirectory %>
+---
+import { StyleProp, TextStyle, View, ViewStyle } from "react-native"
+import { useAppTheme } from "@/theme/context"
+import type { ThemedStyle } from "@/theme/types"
+import { Text } from "@/components/Text"
+
+export interface <%= props.pascalCaseName %>Props {
+  /**
+   * An optional style override useful for padding & margin.
+   */
+  style?: StyleProp<ViewStyle>
+}
+
+/**
+ * Describe your component here
+ */
+export const <%= props.pascalCaseName %> = (props: <%= props.pascalCaseName %>Props) => {
+  const { style } = props
+  const $styles = [$container, style]
+  const { themed } = useAppTheme();
+
+  return (
+    <View style={$styles}>
+      <Text style={themed($text)}>Hello</Text>
+    </View>
+  )
+}
+
+const $container: ViewStyle = {
+  justifyContent: "center",
+}
+
+const $text: ThemedStyle<TextStyle> = ({ colors, typography }) => ({
+  fontFamily: typography.primary.normal,
+  fontSize: 14,
+  color: colors.palette.primary500,
+})

package/ignite/templates/navigator/NAMENavigator.tsx.ejs

@@ -0,0 +1,18 @@
+---
+destinationDir: app/navigators
+---
+import { createNativeStackNavigator } from "@react-navigation/native-stack"
+import { WelcomeScreen } from "@/screens/WelcomeScreen"
+
+export type <%= props.pascalCaseName %>NavigatorParamList = {
+  Demo: undefined
+}
+
+const Stack = createNativeStackNavigator<<%= props.pascalCaseName %>NavigatorParamList>()
+export const <%= props.pascalCaseName %>Navigator = () => {
+  return (
+    <Stack.Navigator screenOptions={{ cardStyle: { backgroundColor: "transparent" }, headerShown: false, }}>
+      <Stack.Screen name="Demo" component={WelcomeScreen} />
+    </Stack.Navigator>
+  )
+}

package/ignite/templates/screen/NAMEScreen.tsx.ejs

@@ -0,0 +1,29 @@
+---
+destinationDir: app/screens
+patches:
+- path: "app/navigators/AppNavigator.tsx"
+  replace: "// IGNITE_GENERATOR_ANCHOR_APP_STACK_PARAM_LIST"
+  insert: "<%= props.pascalCaseName %>: undefined\n\t// IGNITE_GENERATOR_ANCHOR_APP_STACK_PARAM_LIST"
+---
+import { FC } from "react"
+import { ViewStyle } from "react-native"
+import type { AppStackScreenProps } from "@/navigators/AppNavigator"
+import { Screen } from "@/components/Screen"
+import { Text } from "@/components/Text"
+// import { useNavigation } from "@react-navigation/native"
+
+interface <%= props.pascalCaseName %>ScreenProps extends AppStackScreenProps<"<%= props.pascalCaseName %>"> {}
+
+export const <%= props.pascalCaseName %>Screen: FC<<%= props.pascalCaseName %>ScreenProps> = () => {
+  // Pull in navigation via hook
+  // const navigation = useNavigation()
+  return (
+    <Screen style={$root} preset="scroll">
+      <Text text="<%= props.camelCaseName %>" />
+    </Screen>
+  )
+}
+
+const $root: ViewStyle = {
+  flex: 1,
+}

package/index.tsx

@@ -0,0 +1,9 @@
+import "@expo/metro-runtime" // this is for fast refresh on web w/o expo-router
+import { registerRootComponent } from "expo"
+
+import { App } from "@/app"
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App)

package/jest.config.js

@@ -0,0 +1,5 @@
+/** @type {import('@jest/types').Config.ProjectConfig} */
+module.exports = {
+  preset: "jest-expo",
+  setupFiles: ["<rootDir>/test/setup.ts"],
+}

package/metro.config.js

@@ -0,0 +1,31 @@
+/* eslint-env node */
+// Learn more https://docs.expo.io/guides/customizing-metro
+const { getDefaultConfig } = require("expo/metro-config")
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getDefaultConfig(__dirname)
+
+config.transformer.getTransformOptions = async () => ({
+  transform: {
+    // Inline requires are very useful for deferring loading of large dependencies/components.
+    // For example, we use it in app.tsx to conditionally load Reactotron.
+    // However, this comes with some gotchas.
+    // Read more here: https://reactnative.dev/docs/optimizing-javascript-loading
+    // And here: https://github.com/expo/expo/issues/27279#issuecomment-1971610698
+    inlineRequires: true,
+  },
+})
+
+// This is a temporary fix that helps fixing an issue with axios/apisauce.
+// See the following issues in Github for more details:
+// https://github.com/infinitered/apisauce/issues/331
+// https://github.com/axios/axios/issues/6899
+// The solution was taken from the following issue:
+// https://github.com/facebook/metro/issues/1272
+config.resolver.unstable_conditionNames = ["require", "default", "browser"]
+
+// This helps support certain popular third-party libraries
+// such as Firebase that use the extension cjs.
+config.resolver.sourceExts.push("cjs")
+
+module.exports = config

package/package.json

@@ -0,0 +1,166 @@
+{
+  "name": "ignite-parse-auth-kit",
+  "version": "1.0.0",
+  "private": false,
+  "description": "A comprehensive React Native (Expo) template powered by Ignite CLI and Parse Server, providing production-ready authentication solutions.",
+  "main": "index.tsx",
+  "bin": {
+    "ignite-parse-auth-kit": "./bin/cli.js",
+    "create-ignite-parse-auth-app": "./bin/cli.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/neweracy/IgniteParseAuthKit.git"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "ignite",
+    "parse-server",
+    "authentication",
+    "google-signin",
+    "template",
+    "boilerplate",
+    "typescript",
+    "mobile"
+  ],
+  "author": "neweracy",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/neweracy/IgniteParseAuthKit/issues"
+  },
+  "homepage": "https://github.com/neweracy/IgniteParseAuthKit#readme",
+  "scripts": {
+    "start": "expo start --dev-client",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
+    "web": "expo start --web",
+    "bundle:web": "npx expo export --platform web",
+    "serve:web": "npx serve dist",
+    "prebuild:clean": "npx expo prebuild --clean",
+    "compile": "tsc --noEmit -p . --pretty",
+    "lint": "eslint . --fix",
+    "lint:check": "eslint .",
+    "align-deps": "npx expo install --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:maestro": "maestro test -e MAESTRO_APP_ID=com.authtemplate .maestro/flows",
+    "adb": "adb reverse tcp:9090 tcp:9090 && adb reverse tcp:3000 tcp:3000 && adb reverse tcp:9001 tcp:9001 && adb reverse tcp:8081 tcp:8081",
+    "build:ios:sim": "eas build --profile development --platform ios --local",
+    "build:ios:dev": "eas build --profile development:device --platform ios --local",
+    "build:ios:preview": "eas build --profile preview --platform ios --local",
+    "build:ios:prod": "eas build --profile production --platform ios --local",
+    "build:android:sim": "eas build --profile development --platform android --local",
+    "build:android:dev": "eas build --profile development:device --platform android --local",
+    "build:android:preview": "eas build --profile preview --platform android --local",
+    "build:android:prod": "eas build --profile production --platform android --local"
+  },
+  "dependencies": {
+    "@expo-google-fonts/space-grotesk": "^0.4.0",
+    "@expo/metro-runtime": "~5.0.4",
+    "@parse/react-native": "^0.0.1-alpha.18",
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-navigation/bottom-tabs": "^7.2.0",
+    "@react-navigation/native": "^7.0.14",
+    "@react-navigation/native-stack": "^7.2.0",
+    "@shopify/flash-list": "1.8.1",
+    "@types/jwt-decode": "^3.1.0",
+    "@types/parse": "^3.0.9",
+    "@types/react-native-keychain": "^3.1.0",
+    "apisauce": "3.1.1",
+    "date-fns": "^4.1.0",
+    "expo": "^53.0.15",
+    "expo-application": "~6.1.4",
+    "expo-auth-session": "~6.2.1",
+    "expo-build-properties": "~0.14.6",
+    "expo-crypto": "~14.1.5",
+    "expo-dev-client": "~5.2.1",
+    "expo-font": "~13.3.0",
+    "expo-linking": "~7.1.4",
+    "expo-localization": "~16.1.5",
+    "expo-splash-screen": "~0.30.9",
+    "expo-system-ui": "~5.0.9",
+    "expo-web-browser": "~14.2.0",
+    "i18next": "^23.14.0",
+    "intl-pluralrules": "^2.0.1",
+    "jwt-decode": "^4.0.0",
+    "mobx-react-lite": "^4.1.0",
+    "parse": "^6.1.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-i18next": "^15.0.1",
+    "react-native": "0.79.4",
+    "react-native-drawer-layout": "^4.0.1",
+    "react-native-edge-to-edge": "1.6.0",
+    "react-native-gesture-handler": "~2.24.0",
+    "react-native-get-random-values": "^1.11.0",
+    "react-native-keyboard-controller": "^1.12.7",
+    "react-native-keychain": "^10.0.0",
+    "react-native-mmkv": "^3.2.0",
+    "react-native-reanimated": "~3.17.4",
+    "react-native-safe-area-context": "5.4.0",
+    "react-native-screens": "~4.11.1",
+    "react-native-web": "^0.20.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "@babel/preset-env": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
+    "@react-native-community/cli": "latest",
+    "@testing-library/react-native": "^13.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "~19.0.10",
+    "babel-jest": "^29.2.1",
+    "chalk": "^4.1.2",
+    "commander": "^11.1.0",
+    "eslint": "^8.57.0",
+    "eslint-config-expo": "~9.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react-native": "^4.1.0",
+    "eslint-plugin-reactotron": "^0.1.2",
+    "fs-extra": "^11.3.3",
+    "jest": "~29.7.0",
+    "jest-expo": "~53.0.7",
+    "ora": "^5.4.1",
+    "prettier": "^3.3.3",
+    "react-test-renderer": "19.0.0",
+    "reactotron-core-client": "^2.9.4",
+    "reactotron-react-js": "^3.3.11",
+    "reactotron-react-native": "^5.0.5",
+    "reactotron-react-native-mmkv": "^0.2.6",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "bin/",
+    "app/",
+    "assets/",
+    "ignite/",
+    "plugins/",
+    "types/",
+    "src/",
+    "test/",
+    "index.tsx",
+    "app.config.ts",
+    "app.json",
+    "babel.config.js",
+    "metro.config.js",
+    "tsconfig.json",
+    "jest.config.js",
+    "README.md",
+    "LICENSE",
+    "CONTRIBUTING.md"
+  ],
+  "expo": {
+    "install": {
+      "exclude": [
+        "@shopify/flash-list"
+      ]
+    }
+  }
+}