create-m5kdev 0.25.3 → 0.26.1

package/templates/minimal-app/apps/email/tsconfig.json.tpl

@@ -1,11 +1,16 @@
-{
-  "extends": "@m5kdev/config/tsconfig.node.json",
-  "rootDir": ".",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "noEmit": true,
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo"
-  },
-  "exclude": ["node_modules"],
-  "include": ["src/**/*.ts", "src/**/*.tsx"]
-}
+{
+  "extends": "@m5kdev/config/tsconfig.node.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "noEmit": true,
+    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
+    "rootDir": "."
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
+}

package/templates/minimal-app/apps/expo/.gitignore.tpl

@@ -0,0 +1,44 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# Dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Uniwind (generated on first `expo start`)
+uniwind-types.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# Debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# Local env files
+.env*.local
+
+# TypeScript
+*.tsbuildinfo
+
+# Generated native folders
+/ios
+/android

package/templates/minimal-app/apps/expo/.prettierignore

@@ -0,0 +1,13 @@
+node_modules
+.expo
+dist
+ios
+android
+*.lock
+pnpm-lock.yaml
+yarn.lock
+package-lock.json
+bun.lockb
+expo-env.d.ts
+uniwind-types.d.ts
+.DS_Store

package/templates/minimal-app/apps/expo/.prettierrc.json.tpl

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/templates/minimal-app/apps/expo/CHANGELOG.md.tpl

@@ -0,0 +1,156 @@
+# m5kdev-auth-e2e-expo
+
+## 1.5.3
+
+### Patch Changes
+
+- reconcile
+- Updated dependencies
+  - @m5kdev/commons@0.25.3
+  - @m5kdev/frontend@0.25.3
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.5.2
+
+### Patch Changes
+
+- errors 500
+- Updated dependencies
+  - @m5kdev/commons@0.25.2
+  - @m5kdev/frontend@0.25.2
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.5.1
+
+### Patch Changes
+
+- error handeling
+- Updated dependencies
+  - @m5kdev/commons@0.25.1
+  - @m5kdev/frontend@0.25.1
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.5.0
+
+### Minor Changes
+
+- roles
+
+### Patch Changes
+
+- Updated dependencies
+  - @m5kdev/frontend@0.25.0
+  - @m5kdev/commons@0.25.0
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.4.0
+
+### Minor Changes
+
+- roles
+
+### Patch Changes
+
+- Updated dependencies
+  - @m5kdev/commons@0.24.0
+  - @m5kdev/frontend@0.24.0
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.3.0
+
+### Minor Changes
+
+- i18next
+
+### Patch Changes
+
+- Updated dependencies
+  - @m5kdev/commons@0.23.0
+  - @m5kdev/frontend@0.23.0
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.2.0
+
+### Minor Changes
+
+- i18n
+
+### Patch Changes
+
+- Updated dependencies
+  - @m5kdev/commons@0.22.0
+  - @m5kdev/frontend@0.22.0
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.6
+
+### Patch Changes
+
+- table columns
+- Updated dependencies
+  - @m5kdev/commons@0.21.9
+  - @m5kdev/frontend@0.21.9
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.5
+
+### Patch Changes
+
+- emails
+- Updated dependencies
+  - @m5kdev/frontend@0.21.7
+  - @m5kdev/commons@0.21.7
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.4
+
+### Patch Changes
+
+- verify
+- Updated dependencies
+  - @m5kdev/commons@0.21.4
+  - @m5kdev/frontend@0.21.4
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.3
+
+### Patch Changes
+
+- hide upgrade
+- Updated dependencies
+  - @m5kdev/commons@0.21.3
+  - @m5kdev/frontend@0.21.3
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.2
+
+### Patch Changes
+
+- provider
+- Updated dependencies
+  - @m5kdev/commons@0.21.2
+  - @m5kdev/frontend@0.21.2
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.1
+
+### Patch Changes
+
+- frontend rework
+- Updated dependencies
+  - @m5kdev/commons@0.21.1
+  - @m5kdev/frontend@0.21.1
+  - m5kdev-auth-e2e-shared@0.0.0
+
+## 1.1.0
+
+### Minor Changes
+
+- frontend rework
+
+### Patch Changes
+
+- Updated dependencies
+  - @m5kdev/commons@0.21.0
+  - @m5kdev/frontend@0.21.0
+  - m5kdev-auth-e2e-shared@0.0.0

package/templates/minimal-app/apps/expo/README.md.tpl

@@ -0,0 +1,44 @@
+# Welcome to your HeroUI Native app 👋
+
+This is an [Expo](https://expo.dev) project preconfigured with
+[HeroUI Native](https://heroui.com/docs/native), [Uniwind](https://docs.uniwind.dev)
+(Tailwind CSS for React Native), and [Expo Router](https://docs.expo.dev/router/introduction).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   npm install
+   ```
+
+2. Start the app
+
+   ```bash
+   npx expo start
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
+
+You can start developing by editing the files inside the **src/app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## What's preconfigured
+
+- **HeroUI Native** (`heroui-native`) wrapped in `HeroUINativeProvider` and `GestureHandlerRootView` in `src/app/_layout.tsx`
+- **Uniwind** + **Tailwind CSS** wired through `metro.config.js` and `src/global.css`
+- All HeroUI Native mandatory peer dependencies: `react-native-reanimated`, `react-native-gesture-handler`, `react-native-worklets`, `react-native-safe-area-context`, `react-native-svg`, `react-native-screens`
+- `@gorhom/bottom-sheet` for bottom-sheet UIs
+- TypeScript with `strict: true` and `@/*` path alias to `./src/*`
+- React Compiler enabled
+
+## Learn more
+
+- [HeroUI Native components](https://heroui.com/docs/native) — full component reference
+- [Expo documentation](https://docs.expo.dev/) — Expo fundamentals and guides
+- [Uniwind documentation](https://docs.uniwind.dev) — Tailwind for React Native
+- [Expo Router](https://docs.expo.dev/router/introduction) — file-based routing

package/templates/minimal-app/apps/expo/app.json.tpl

@@ -0,0 +1,36 @@
+{
+  "expo": {
+    "name": "Auth E2E Expo",
+    "slug": "auth-e2e-expo",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "auth-e2e-expo",
+    "userInterfaceStyle": "automatic",
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "predictiveBackGestureEnabled": false
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-icon.png",
+          "resizeMode": "contain",
+          "backgroundColor": "#ffffff"
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true,
+      "reactCompiler": true
+    }
+  }
+}

package/templates/minimal-app/apps/expo/eslint.config.js.tpl

@@ -0,0 +1,8 @@
+const expoConfig = require("eslint-config-expo/flat");
+
+module.exports = [
+  ...expoConfig,
+  {
+    ignores: ["dist/*", ".expo/*", "node_modules/*", "expo-env.d.ts", "uniwind-types.d.ts"],
+  },
+];

package/templates/minimal-app/apps/expo/expo-env.d.ts.tpl

@@ -0,0 +1,3 @@
+/// <reference types="expo/types" />
+
+// NOTE: This file should not be edited and should be in your git ignore

package/templates/minimal-app/apps/expo/metro.config.js.tpl

@@ -0,0 +1,16 @@
+const { getDefaultConfig } = require("expo/metro-config");
+const { withUniwindConfig } = require("uniwind/metro");
+const path = require("node:path");
+
+const config = getDefaultConfig(__dirname);
+const workspaceRoot = path.resolve(__dirname, "../../..");
+
+config.watchFolders = [workspaceRoot];
+config.resolver.nodeModulesPaths = [
+  path.resolve(__dirname, "node_modules"),
+  path.resolve(workspaceRoot, "node_modules"),
+];
+
+module.exports = withUniwindConfig(config, {
+  cssEntryFile: "./src/global.css",
+});

package/templates/minimal-app/apps/expo/package.json.tpl

@@ -0,0 +1,59 @@
+{
+  "name": "{{PACKAGE_SCOPE}}/expo",
+  "version": "1.5.3",
+  "private": true,
+  "main": "expo-router/entry",
+  "scripts": {
+    "build": "expo export --platform web --output-dir dist",
+    "start": "expo start",
+    "dev:standard": "EXPO_PUBLIC_ENABLE_WAITLIST=false EXPO_PUBLIC_SERVER_URL=http://127.0.0.1:18182 EXPO_PUBLIC_APP_URL=http://127.0.0.1:15183 EXPO_NO_TELEMETRY=1 BROWSER=none expo start --web --port 15183 --host localhost",
+    "dev:waitlist": "EXPO_PUBLIC_ENABLE_WAITLIST=true EXPO_PUBLIC_SERVER_URL=http://127.0.0.1:18183 EXPO_PUBLIC_APP_URL=http://127.0.0.1:15184 EXPO_NO_TELEMETRY=1 BROWSER=none expo start --web --port 15184 --host localhost",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "lint": "biome check app.json package.json metro.config.js eslint.config.js src tsconfig.json uniwind-env.d.ts",
+    "lint:fix": "biome check app.json package.json metro.config.js eslint.config.js src tsconfig.json uniwind-env.d.ts --write",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "check-types": "tsc --noEmit",
+    "typecheck": "pnpm check-types"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "~56.0.13",
+    "@gorhom/bottom-sheet": "^5.2.14",
+    "@m5kdev/commons": "catalog:",
+    "@m5kdev/frontend": "catalog:",
+    "@trpc/client": "catalog:",
+    "expo": "~56.0.5",
+    "expo-constants": "~56.0.16",
+    "expo-linking": "~56.0.12",
+    "expo-router": "~56.2.7",
+    "expo-splash-screen": "~56.0.10",
+    "expo-status-bar": "~56.0.4",
+    "heroui-native": "^1.0.2",
+    "{{PACKAGE_SCOPE}}/shared": "workspace:*",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-gesture-handler": "~2.31.2",
+    "react-native-reanimated": "~4.3.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.25.2",
+    "react-native-svg": "15.15.4",
+    "react-native-web": "catalog:",
+    "react-native-worklets": "0.8.3",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.1.17",
+    "uniwind": "^1.5.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "catalog:",
+    "@m5kdev/backend": "catalog:",
+    "@m5kdev/config": "catalog:",
+    "@types/react": "~19.2.15",
+    "eslint": "^9.39.4",
+    "eslint-config-expo": "^56.0.4",
+    "prettier": "^3.8.3",
+    "typescript": "~6.0.3"
+  }
+}

package/templates/minimal-app/apps/expo/src/app/_layout.tsx.tpl

@@ -0,0 +1,31 @@
+import { AppConfigProvider } from "@m5kdev/frontend/modules/app/components/AppConfigProvider";
+import { AuthProvider } from "@m5kdev/frontend/modules/auth/components/AuthProvider";
+import { Stack } from "expo-router";
+import { HeroUINativeProvider } from "heroui-native";
+import { APP_NAME } from "{{PACKAGE_SCOPE}}/shared/modules/app/app.constants";
+import type { JSX } from "react";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { LoadingScreen } from "../components/LoadingScreen";
+import { appUrl, serverUrl } from "../config";
+
+import "../global.css";
+
+export default function RootLayout(): JSX.Element {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <HeroUINativeProvider>
+        <AppConfigProvider
+          config={{
+            appName: APP_NAME,
+            appUrl,
+            serverUrl,
+          }}
+        >
+          <AuthProvider loader={<LoadingScreen />}>
+            <Stack screenOptions={{ headerShown: false }} />
+          </AuthProvider>
+        </AppConfigProvider>
+      </HeroUINativeProvider>
+    </GestureHandlerRootView>
+  );
+}

package/templates/minimal-app/apps/expo/src/app/claim-account.tsx.tpl

@@ -0,0 +1,151 @@
+import { useAppConfig } from "@m5kdev/frontend/modules/app/hooks/useAppConfig";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+import { Button } from "heroui-native";
+import { useEffect, useState } from "react";
+import { View } from "react-native";
+import { AuthScaffold } from "../components/AuthScaffold";
+import { FormTextField } from "../components/FormTextField";
+import { StatusText } from "../components/StatusText";
+import { trpcClient } from "../lib/trpc";
+
+export default function ClaimAccountScreen() {
+  const { serverUrl } = useAppConfig();
+  const { data: session, registerSession } = useSession();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [status, setStatus] = useState<string | null>("Loading claim status...");
+  const [statusTone, setStatusTone] = useState<"default" | "error" | "success">("default");
+  const [hasClaim, setHasClaim] = useState(false);
+  const [isClaimed, setIsClaimed] = useState(false);
+  const [isBusy, setIsBusy] = useState(false);
+
+  useEffect(() => {
+    if (session?.user.email) {
+      setEmail(session.user.email);
+    }
+  }, [session?.user.email]);
+
+  useEffect(() => {
+    let cancelled = false;
+
+    if (isClaimed) {
+      return;
+    }
+
+    if (!session?.user) {
+      setStatusTone("error");
+      setStatus("You need to sign in with your magic link before claiming this account.");
+      setHasClaim(false);
+      return;
+    }
+
+    trpcClient.auth.getMyAccountClaimStatus
+      .query()
+      .then((claim) => {
+        if (cancelled) return;
+        setHasClaim(Boolean(claim));
+        setStatusTone(claim ? "success" : "error");
+        setStatus(claim ? "Claim your account" : "No pending account claim was found.");
+        if (claim?.claimedEmail) {
+          setEmail(claim.claimedEmail);
+        }
+      })
+      .catch((error) => {
+        if (cancelled) return;
+        setHasClaim(false);
+        setStatusTone("error");
+        setStatus(error instanceof Error ? error.message : "Unable to load claim status");
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [isClaimed, session?.user]);
+
+  const saveEmail = async () => {
+    setIsBusy(true);
+    setStatus(null);
+    try {
+      await trpcClient.auth.setMyAccountClaimEmail.mutate({ email });
+      registerSession();
+      setStatusTone("success");
+      setStatus("Email updated");
+    } catch (error) {
+      setStatusTone("error");
+      setStatus(error instanceof Error ? error.message : "Unable to update email");
+    } finally {
+      setIsBusy(false);
+    }
+  };
+
+  const setPasswordAndClaim = async () => {
+    setIsBusy(true);
+    setStatus(null);
+    try {
+      const response = await fetch(`${serverUrl}/api/auth/set-password`, {
+        method: "POST",
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          newPassword: password,
+        }),
+      });
+      const payload = (await response.json().catch(() => ({}))) as { message?: string };
+      if (!response.ok) {
+        throw new Error(payload.message ?? "Unable to set password");
+      }
+
+      await trpcClient.auth.acceptMyAccountClaim.mutate();
+      setIsClaimed(true);
+      registerSession();
+      setStatusTone("success");
+      setStatus("Password set. Account claimed.");
+    } catch (error) {
+      setStatusTone("error");
+      setStatus(error instanceof Error ? error.message : "Unable to claim account");
+    } finally {
+      setIsBusy(false);
+    }
+  };
+
+  return (
+    <AuthScaffold
+      title="Claim your account"
+      description="Set permanent credentials for a provisioned account."
+    >
+      <View className="gap-4">
+        <FormTextField
+          label="Email"
+          testID="claim-email"
+          value={email}
+          onChangeText={setEmail}
+          keyboardType="email-address"
+          editable={hasClaim && !isBusy}
+        />
+        <Button testID="claim-email-submit" onPress={saveEmail} isDisabled={!hasClaim || isBusy}>
+          Save Email
+        </Button>
+        <FormTextField
+          label="Set password"
+          testID="claim-password"
+          value={password}
+          onChangeText={setPassword}
+          secureTextEntry
+          editable={hasClaim && !isBusy}
+        />
+        <Button
+          testID="claim-password-submit"
+          onPress={setPasswordAndClaim}
+          isDisabled={!hasClaim || !password || isBusy}
+        >
+          Set Password and Claim
+        </Button>
+        <StatusText testID="claim-status" tone={statusTone}>
+          {status}
+        </StatusText>
+      </View>
+    </AuthScaffold>
+  );
+}

package/templates/minimal-app/apps/expo/src/app/forgot-password.tsx.tpl

@@ -0,0 +1,53 @@
+import { useAuthClient } from "@m5kdev/frontend/modules/auth/hooks/useAuthClient";
+import { Button } from "heroui-native";
+import { useState } from "react";
+import { View } from "react-native";
+import { AuthScaffold } from "../components/AuthScaffold";
+import { FormTextField } from "../components/FormTextField";
+import { StatusText } from "../components/StatusText";
+
+export default function ForgotPasswordScreen() {
+  const authClient = useAuthClient();
+  const [email, setEmail] = useState("");
+  const [status, setStatus] = useState<string | null>(null);
+  const [tone, setTone] = useState<"error" | "success">("success");
+  const [isBusy, setIsBusy] = useState(false);
+
+  const submit = async () => {
+    setIsBusy(true);
+    setStatus(null);
+    try {
+      await authClient.requestPasswordReset({
+        email,
+        redirectTo: "/reset-password",
+      });
+      setTone("success");
+      setStatus("Password reset email sent");
+    } catch (error) {
+      setTone("error");
+      setStatus(error instanceof Error ? error.message : "Failed to request password reset");
+    } finally {
+      setIsBusy(false);
+    }
+  };
+
+  return (
+    <AuthScaffold title="Reset password">
+      <View className="gap-4">
+        <FormTextField
+          label="Email"
+          testID="forgot-password-email"
+          value={email}
+          onChangeText={setEmail}
+          keyboardType="email-address"
+        />
+        <StatusText testID="auth-status" tone={tone}>
+          {status}
+        </StatusText>
+        <Button testID="forgot-password-submit" onPress={submit} isDisabled={isBusy}>
+          Reset password
+        </Button>
+      </View>
+    </AuthScaffold>
+  );
+}

package/templates/minimal-app/apps/expo/src/app/index.tsx.tpl

@@ -0,0 +1,8 @@
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+import { Redirect } from "expo-router";
+
+export default function IndexScreen() {
+  const { data: session } = useSession();
+
+  return <Redirect href={session ? "/posts" : "/login"} />;
+}