@simple-auth-kit/cli 1.0.0

package/registry/mobile-apps/bare-rn/shared/ios/MobileBareRn.xcodeproj/xcshareddata/xcschemes/MobileBareRn.xcscheme

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "MobileBareRn.app"
+               BlueprintName = "MobileBareRn"
+               ReferencedContainer = "container:MobileBareRn.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "MobileBareRnTests.xctest"
+               BlueprintName = "MobileBareRnTests"
+               ReferencedContainer = "container:MobileBareRn.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "MobileBareRn.app"
+            BlueprintName = "MobileBareRn"
+            ReferencedContainer = "container:MobileBareRn.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "MobileBareRn.app"
+            BlueprintName = "MobileBareRn"
+            ReferencedContainer = "container:MobileBareRn.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/registry/mobile-apps/bare-rn/shared/ios/Podfile

@@ -0,0 +1,34 @@
+# Resolve react_native_pods.rb with node to allow for hoisting
+require Pod::Executable.execute_command('node', ['-p',
+  'require.resolve(
+    "react-native/scripts/react_native_pods.rb",
+    {paths: [process.argv[1]]},
+  )', __dir__]).strip
+
+platform :ios, min_ios_version_supported
+prepare_react_native_project!
+
+linkage = ENV['USE_FRAMEWORKS']
+if linkage != nil
+  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
+  use_frameworks! :linkage => linkage.to_sym
+end
+
+target 'MobileBareRn' do
+  config = use_native_modules!
+
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/.."
+  )
+
+  post_install do |installer|
+    react_native_post_install(
+      installer,
+      config[:reactNativePath],
+      :mac_catalyst_enabled => false,
+      # :ccache_enabled => true
+    )
+  end
+end

package/registry/mobile-apps/bare-rn/shared/jest.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  preset: '@react-native/jest-preset',
+  setupFiles: ['react-native-gesture-handler/jestSetup'],
+  // pnpm nests every package under node_modules/.pnpm/<name>@<version>/node_modules/<name>, so
+  // the preset's own transformIgnorePatterns (which only looks past the *first* "node_modules/")
+  // never reaches the react-native packages it means to un-ignore — whitelisting ".pnpm" lets the
+  // pattern search past that wrapper segment to the real package name.
+  transformIgnorePatterns: [
+    'node_modules/(?!(\\.pnpm|(jest-)?react-native|@react-native(-[\\w-]+)?|@react-navigation|react-native-[\\w-]+|nativewind|@simple-auth-kit)/)',
+  ],
+  // nativewind's global.css import has no meaning outside Metro's bundler — jest has nothing
+  // that transforms raw CSS, so stub it to an empty module rather than let it hit the parser.
+  moduleNameMapper: {
+    '\\.css$': '<rootDir>/__mocks__/styleMock.js',
+    '^react-native-config$': '<rootDir>/__mocks__/reactNativeConfigMock.js',
+  },
+};

package/registry/mobile-apps/bare-rn/shared/metro.config.js

@@ -0,0 +1,55 @@
+const path = require('node:path');
+const { getDefaultConfig: getRNDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+// NativeWind 5 / react-native-css requires a bundler-level CSS asset pipeline that, as of
+// this writing, only Expo's metro config provides. Per react-native-css's README, non-Expo
+// (bare RN) apps should install `@expo/metro-config` purely for its `getDefaultConfig` and
+// use that instead of `@react-native/metro-config`'s `getDefaultConfig`.
+const { getDefaultConfig } = require('@expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+/**
+ * Metro configuration
+ * https://reactnative.dev/docs/metro
+ *
+ * pnpm workspace note: pnpm's node_modules are symlinks into a central content-addressed
+ * store, which Metro doesn't follow by default. `unstable_enableSymlinks` plus watching the
+ * monorepo root (so Metro's file watcher can see packages like @simple-auth-kit/auth-client that
+ * live outside this app's directory) is the standard, documented fix.
+ * See: https://metrobundler.dev/docs/configuration/#unstable_enablesymlinks-experimental
+ *
+ * @type {import('@react-native/metro-config').MetroConfig}
+ */
+const projectRoot = __dirname;
+const monorepoRoot = path.resolve(projectRoot, '../..');
+
+const config = {
+  watchFolders: [monorepoRoot],
+  resolver: {
+    unstable_enableSymlinks: true,
+    nodeModulesPaths: [
+      path.resolve(projectRoot, 'node_modules'),
+      path.resolve(monorepoRoot, 'node_modules'),
+    ],
+  },
+};
+
+// NativeWind's `withNativeWind` spreads the config it's given and only adds/overrides
+// `transformerPath`/`transformer.*` (plus a resolver.resolveRequest wrapper for its virtual
+// CSS module). It does not touch `resolver.unstable_enableSymlinks`, `resolver.nodeModulesPaths`,
+// or `watchFolders` — so it must WRAP the already-merged pnpm-aware config below, not be merged
+// as a sibling/replacement of it, or the symlink fix would be silently lost.
+//
+// NativeWind 5 no longer takes an `input` option here — the global CSS file is loaded via a
+// plain `import './global.css'` in the app's entry point instead (see App.tsx).
+const expoConfig = mergeConfig(getDefaultConfig(projectRoot), config);
+
+// `@expo/metro-config`'s getDefaultConfig only points `transformer.asyncRequireModulePath` at
+// `expo/internal/async-require-module` when the `expo` package is resolvable — but it still
+// leaves it unset/broken for a bare RN app in some resolution orders, causing "Unable to
+// resolve module expo/internal/async-require-module". Force it back to React Native's own
+// async-require shim (resolved via @react-native/metro-config, which can find it relative to
+// its own install location) since this is a non-Expo app.
+expoConfig.transformer.asyncRequireModulePath =
+  getRNDefaultConfig(projectRoot).transformer.asyncRequireModulePath;
+
+module.exports = withNativeWind(expoConfig);

package/registry/mobile-apps/bare-rn/shared/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

package/registry/mobile-apps/bare-rn/shared/src/api/tokenStorage.ts

@@ -0,0 +1,29 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import type { AuthTokens, TokenStorage } from '@simple-auth-kit/auth-client';
+
+/**
+ * Per-project decision: plain AsyncStorage (unencrypted), not Keychain-backed secure storage.
+ * The whole tokens object is JSON-stringified into a single key.
+ */
+const STORAGE_KEY = 'simple-auth-kit/tokens';
+
+export const asyncStorageTokenStorage: TokenStorage = {
+  async get(): Promise<AuthTokens | null> {
+    const raw = await AsyncStorage.getItem(STORAGE_KEY);
+    if (!raw) return null;
+    try {
+      return JSON.parse(raw) as AuthTokens;
+    } catch {
+      // Corrupt/unexpected value — treat as logged out rather than throwing.
+      return null;
+    }
+  },
+
+  async set(tokens: AuthTokens): Promise<void> {
+    await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(tokens));
+  },
+
+  async clear(): Promise<void> {
+    await AsyncStorage.removeItem(STORAGE_KEY);
+  },
+};

package/registry/mobile-apps/bare-rn/shared/src/components/FormInput.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Text, TextInput, View, type TextInputProps } from 'react-native';
+
+interface FormInputProps extends TextInputProps {
+  label: string;
+}
+
+export function FormInput({ label, className, ...rest }: FormInputProps): React.JSX.Element {
+  return (
+    <View className="mb-4">
+      <Text className="mb-1.5 text-[13px] font-semibold text-[#333333]">{label}</Text>
+      <TextInput
+        className={`rounded-lg border border-[#cccccc] px-3 py-2.5 text-base ${className ?? ''}`}
+        autoCapitalize="none"
+        autoCorrect={false}
+        placeholderTextColor="#8a8a8a"
+        {...rest}
+      />
+    </View>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/src/components/PrimaryButton.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { ActivityIndicator, Pressable, Text } from 'react-native';
+
+interface PrimaryButtonProps {
+  title: string;
+  onPress: () => void;
+  loading?: boolean;
+  disabled?: boolean;
+  variant?: 'primary' | 'secondary' | 'danger';
+}
+
+const variantBg: Record<NonNullable<PrimaryButtonProps['variant']>, string> = {
+  primary: 'bg-blue-600',
+  secondary: 'bg-gray-200',
+  danger: 'bg-red-600',
+};
+
+export function PrimaryButton({
+  title,
+  onPress,
+  loading = false,
+  disabled = false,
+  variant = 'primary',
+}: PrimaryButtonProps): React.JSX.Element {
+  const isDisabled = disabled || loading;
+  const isSecondary = variant === 'secondary';
+
+  return (
+    <Pressable
+      onPress={onPress}
+      disabled={isDisabled}
+      className={[
+        'mb-3 items-center justify-center rounded-lg py-3.5',
+        variantBg[variant],
+        isDisabled ? 'opacity-50' : 'active:opacity-[0.85]',
+      ].join(' ')}
+    >
+      {loading ? (
+        <ActivityIndicator className={isSecondary ? 'text-gray-800' : 'text-white'} />
+      ) : (
+        <Text className={`text-base font-semibold ${isSecondary ? 'text-gray-800' : 'text-white'}`}>
+          {title}
+        </Text>
+      )}
+    </Pressable>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/src/screens/LoginScreen.tsx

@@ -0,0 +1,58 @@
+import React, { useState } from 'react';
+import { KeyboardAvoidingView, Platform, ScrollView, Text } from 'react-native';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { FormInput } from '../components/FormInput';
+import { PrimaryButton } from '../components/PrimaryButton';
+import { useAuthStore } from '../store/authStore';
+import type { RootStackParamList } from '../navigation/types';
+
+type Props = NativeStackScreenProps<RootStackParamList, 'Login'>;
+
+export function LoginScreen({ navigation }: Props): React.JSX.Element {
+  const login = useAuthStore((s) => s.login);
+  const isLoading = useAuthStore((s) => s.isLoading);
+  const error = useAuthStore((s) => s.error);
+
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  const canSubmit = email.trim().length > 0 && password.length > 0;
+
+  const onSubmit = async (): Promise<void> => {
+    try {
+      const result = await login({ identifier: email.trim(), password });
+      if ('twoFactorRequired' in result) {
+        navigation.navigate('TwoFactor', { challengeToken: result.challengeToken });
+      }
+      // On a direct AuthTokens result, the root navigator swaps to the authenticated
+      // stack automatically once `currentUser` is set — no manual navigation needed.
+    } catch {
+      // Error message is already surfaced via the store's `error` field.
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView className="flex-1" behavior={Platform.OS === 'ios' ? 'padding' : undefined}>
+      <ScrollView
+        contentContainerClassName="flex-grow justify-center p-6"
+        keyboardShouldPersistTaps="handled"
+      >
+        <Text className="mb-2 text-[28px] font-bold">Log in</Text>
+
+        <FormInput
+          label="Email"
+          value={email}
+          onChangeText={setEmail}
+          placeholder="you@example.com"
+          keyboardType="email-address"
+        />
+        <FormInput label="Password" value={password} onChangeText={setPassword} placeholder="••••••••" secureTextEntry />
+
+        {error ? <Text className="mb-3 text-sm text-red-600">{error}</Text> : null}
+
+        <PrimaryButton title="Log in" onPress={() => void onSubmit()} loading={isLoading} disabled={!canSubmit} />
+        <PrimaryButton title="Create an account" variant="secondary" onPress={() => navigation.navigate('Signup')} />
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/src/screens/SessionsScreen.tsx

@@ -0,0 +1,77 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { ActivityIndicator, FlatList, RefreshControl, Text, View } from 'react-native';
+import { AuthApiError, type SessionSummary } from '@simple-auth-kit/auth-client';
+import { authClient } from '../api/authClient';
+import { PrimaryButton } from '../components/PrimaryButton';
+import { useAuthStore } from '../store/authStore';
+
+export function SessionsScreen(): React.JSX.Element {
+  const logoutAll = useAuthStore((s) => s.logoutAll);
+  const isLoggingOutAll = useAuthStore((s) => s.isLoading);
+
+  const [sessions, setSessions] = useState<SessionSummary[] | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [refreshing, setRefreshing] = useState(false);
+
+  const load = useCallback(async () => {
+    try {
+      const result = await authClient.sessions();
+      setSessions(result);
+      setError(null);
+    } catch (err) {
+      setError(err instanceof AuthApiError ? err.message : 'Failed to load sessions.');
+    }
+  }, []);
+
+  useEffect(() => {
+    void load();
+  }, [load]);
+
+  const onRefresh = useCallback(() => {
+    setRefreshing(true);
+    void load().finally(() => setRefreshing(false));
+  }, [load]);
+
+  return (
+    <View className="flex-1">
+      {sessions === null && !error ? (
+        <View className="flex-1 items-center justify-center">
+          <ActivityIndicator size="large" />
+        </View>
+      ) : (
+        <FlatList
+          data={sessions ?? []}
+          keyExtractor={(item) => item.id}
+          contentContainerClassName="p-6"
+          refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
+          ListHeaderComponent={
+            <>
+              <Text className="mb-4 text-[28px] font-bold">Active sessions</Text>
+              {/* No per-session revoke endpoint on the backend today — only bulk logout-all. */}
+              <PrimaryButton
+                title="Log out everywhere"
+                variant="danger"
+                onPress={() => void logoutAll()}
+                loading={isLoggingOutAll}
+              />
+              {error ? <Text className="mb-3 text-sm text-red-600">{error}</Text> : null}
+            </>
+          }
+          ListEmptyComponent={!error ? <Text className="text-sm text-[#666666]">No sessions found.</Text> : null}
+          renderItem={({ item }) => (
+            <View className="mb-3 rounded-xl bg-[#f5f5f7] p-4">
+              <Text className="mb-1.5 text-sm font-semibold text-[#111111]">{item.id}</Text>
+              <Text className="mb-0.5 text-[13px] text-[#555555]">
+                Created: {new Date(item.createdAt).toLocaleString()}
+              </Text>
+              {item.ip ? <Text className="mb-0.5 text-[13px] text-[#555555]">IP: {item.ip}</Text> : null}
+              {item.userAgent ? (
+                <Text className="mb-0.5 text-[13px] text-[#555555]">{item.userAgent}</Text>
+              ) : null}
+            </View>
+          )}
+        />
+      )}
+    </View>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/src/screens/SignupScreen.tsx

@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+import { KeyboardAvoidingView, Platform, ScrollView, Text } from 'react-native';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { FormInput } from '../components/FormInput';
+import { PrimaryButton } from '../components/PrimaryButton';
+import { useAuthStore } from '../store/authStore';
+import type { RootStackParamList } from '../navigation/types';
+
+type Props = NativeStackScreenProps<RootStackParamList, 'Signup'>;
+
+export function SignupScreen({ navigation }: Props): React.JSX.Element {
+  const signup = useAuthStore((s) => s.signup);
+  const isLoading = useAuthStore((s) => s.isLoading);
+  const error = useAuthStore((s) => s.error);
+
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  const canSubmit = email.trim().length > 0 && password.length > 0;
+
+  const onSubmit = async (): Promise<void> => {
+    try {
+      await signup({ email: email.trim(), password });
+      // Root navigator swaps to the authenticated stack once `currentUser` is set.
+    } catch {
+      // Error message is already surfaced via the store's `error` field.
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView className="flex-1" behavior={Platform.OS === 'ios' ? 'padding' : undefined}>
+      <ScrollView
+        contentContainerClassName="flex-grow justify-center p-6"
+        keyboardShouldPersistTaps="handled"
+      >
+        <Text className="mb-2 text-[28px] font-bold">Create account</Text>
+
+        <FormInput
+          label="Email"
+          value={email}
+          onChangeText={setEmail}
+          placeholder="you@example.com"
+          keyboardType="email-address"
+        />
+        <FormInput label="Password" value={password} onChangeText={setPassword} placeholder="••••••••" secureTextEntry />
+
+        {error ? <Text className="mb-3 text-sm text-red-600">{error}</Text> : null}
+
+        <PrimaryButton title="Sign up" onPress={() => void onSubmit()} loading={isLoading} disabled={!canSubmit} />
+        <PrimaryButton title="Back to log in" variant="secondary" onPress={() => navigation.navigate('Login')} />
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/src/screens/TwoFactorScreen.tsx

@@ -0,0 +1,59 @@
+import React, { useState } from 'react';
+import { KeyboardAvoidingView, Platform, ScrollView, Text } from 'react-native';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { FormInput } from '../components/FormInput';
+import { PrimaryButton } from '../components/PrimaryButton';
+import { useAuthStore } from '../store/authStore';
+import type { RootStackParamList } from '../navigation/types';
+
+type Props = NativeStackScreenProps<RootStackParamList, 'TwoFactor'>;
+
+export function TwoFactorScreen({ route }: Props): React.JSX.Element {
+  const { challengeToken } = route.params;
+  const loginTwoFactor = useAuthStore((s) => s.loginTwoFactor);
+  const isLoading = useAuthStore((s) => s.isLoading);
+  const error = useAuthStore((s) => s.error);
+
+  const [code, setCode] = useState('');
+
+  const onSubmit = async (): Promise<void> => {
+    try {
+      await loginTwoFactor({ challengeToken, code: code.trim() });
+      // Root navigator swaps to the authenticated stack once `currentUser` is set.
+    } catch {
+      // Error message is already surfaced via the store's `error` field.
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView className="flex-1" behavior={Platform.OS === 'ios' ? 'padding' : undefined}>
+      <ScrollView
+        contentContainerClassName="flex-grow justify-center p-6"
+        keyboardShouldPersistTaps="handled"
+      >
+        <Text className="mb-2 text-[28px] font-bold">Enter your code</Text>
+        <Text className="mb-6 text-sm text-[#666666]">
+          Open your authenticator app and enter the current 6-digit code.
+        </Text>
+
+        <FormInput
+          label="Verification code"
+          value={code}
+          onChangeText={setCode}
+          placeholder="123456"
+          keyboardType="number-pad"
+          maxLength={6}
+        />
+
+        {error ? <Text className="mb-3 text-sm text-red-600">{error}</Text> : null}
+
+        <PrimaryButton
+          title="Verify"
+          onPress={() => void onSubmit()}
+          loading={isLoading}
+          disabled={code.trim().length === 0}
+        />
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+}

package/registry/mobile-apps/bare-rn/shared/tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./App.tsx', './src/**/*.{js,jsx,ts,tsx}'],
+  presets: [require('nativewind/preset')],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/registry/mobile-apps/bare-rn/shared/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "types": [
+      "jest"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "nativewind-env.d.ts"
+  ],
+  "exclude": [
+    "**/node_modules",
+    "**/Pods"
+  ]
+}

package/registry/mobile-apps/bare-rn/variants/base/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "mobile-bare-rn",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Bare React Native CLI end-user mobile app for the simple-auth-kit backend — login/signup, 2FA, profile, sessions. Uses the shared @simple-auth-kit/auth-client package; state via Zustand, navigation via React Navigation.",
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@simple-auth-kit/auth-client": "^1.0.0",
+    "@react-native-async-storage/async-storage": "^3.1.1",
+    "@react-native/new-app-screen": "0.86.2",
+    "@react-navigation/native": "^7.3.16",
+    "@react-navigation/native-stack": "^7.18.8",
+    "nativewind": "5.0.0-preview.4",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-config": "^1.6.1",
+    "react-native-css": "^3.0.7",
+    "react-native-gesture-handler": "^3.1.0",
+    "react-native-reanimated": "4.5.3",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-screens": "^4.27.0",
+    "react-native-worklets": "0.11.3",
+    "tailwindcss": "^4.3.3",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@expo/metro-config": "^57.0.7",
+    "@react-native-community/cli": "20.1.0",
+    "@react-native-community/cli-platform-android": "20.1.0",
+    "@react-native-community/cli-platform-ios": "20.1.0",
+    "@react-native/babel-preset": "0.86.2",
+    "@react-native/eslint-config": "0.86.2",
+    "@react-native/jest-preset": "0.86.2",
+    "@react-native/metro-config": "0.86.2",
+    "@react-native/typescript-config": "0.86.2",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "react-test-renderer": "19.2.3",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">= 22.11.0"
+  }
+}

package/registry/mobile-apps/bare-rn/variants/base/src/api/authClient.ts

@@ -0,0 +1,14 @@
+import { AuthClient } from '@simple-auth-kit/auth-client';
+import Config from 'react-native-config';
+import { asyncStorageTokenStorage } from './tokenStorage';
+
+// react-native-config injects keys from the repo-root .env at build time (see .env / react-native-config.d.ts).
+// Falls back to the locally-running nestjs-prisma-app example if the native build step wasn't wired up
+// (e.g. running the JS bundle standalone) — see README notes on Android emulator / physical device hosts.
+const baseUrl = Config.API_BASE_URL ?? 'http://localhost:3001';
+
+/** Single shared client for the whole app — screens/store import this instead of constructing their own. */
+export const authClient = new AuthClient({
+  baseUrl,
+  storage: asyncStorageTokenStorage,
+});