chore: begin solito refactor

apps/native/.npmcheckrc

@@ -2,7 +2,21 @@
 	"depcheck": {
 		"ignoreMatches": [
 			"@babel/core",
-			"@babel/preset-typescript"
+			"@babel/preset-typescript",
+			"expo-dev-client",
+			"expo-updates",
+			"react-dom",
+			"react-native-web",
+			"@types/react-dom",
+			"ajv",
+			"@lodev09/react-native-true-sheet",
+			"@react-navigation/routers",
+			"@tanstack/eslint-plugin-query",
+			"browserslist",
+			"update-browserslist-db",
+			"eslint-config-react-app",
+			"react-test-renderer",
+			"@babel/runtime"
 		]
 	}
 }

apps/native/app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="@mychat/ui/rnw-overrides" />

apps/native/package.json

@@ -26,105 +26,72 @@
 		]
 	},
 	"dependencies": {
-		"@expo/metro-runtime": "^3.2.1",
 		"@expo/vector-icons": "^14.0.2",
-		"@hookform/resolvers": "^3.4.2",
 		"@lodev09/react-native-true-sheet": "^0.11.3",
-		"@mychat/agents": "workspace:*",
 		"@mychat/api": "workspace:*",
 		"@mychat/db": "workspace:*",
 		"@mychat/shared": "workspace:*",
 		"@mychat/ui": "workspace:*",
+		"@mychat/views": "workspace:*",
 		"@react-native-async-storage/async-storage": "1.23.1",
 		"@react-native-community/netinfo": "^11.3.2",
-		"@react-native-picker/picker": "^2.7.6",
 		"@react-navigation/drawer": "^6.6.15",
-		"@react-navigation/elements": "^1.3.30",
 		"@react-navigation/native": "^6.1.17",
-		"@react-navigation/native-stack": "^6.9.26",
 		"@react-navigation/routers": "^6.1.9",
-		"@shopify/flash-list": "^1.6.4",
-		"@tanstack/query-async-storage-persister": "^5.37.1",
-		"@tanstack/react-query": "^5.37.1",
-		"@tanstack/react-query-persist-client": "^5.37.1",
+		"@tanstack/query-async-storage-persister": "^5.38.0",
+		"@tanstack/react-query": "^5.39.0",
+		"@tanstack/react-query-persist-client": "^5.39.0",
 		"@trpc/client": "11.0.0-rc.374",
-		"@trpc/react-query": "11.0.0-rc.374",
 		"@trpc/server": "11.0.0-rc.374",
 		"clsx": "^2.1.1",
 		"expo": "^51.0.8",
-		"expo-application": "~5.9.1",
-		"expo-clipboard": "~6.0.3",
 		"expo-constants": "~16.0.1",
 		"expo-dev-client": "~4.0.14",
-		"expo-document-picker": "~12.0.1",
 		"expo-font": "~12.0.5",
 		"expo-haptics": "~13.0.1",
-		"expo-image": "~1.12.9",
 		"expo-linking": "~6.3.1",
-		"expo-network": "~6.0.1",
 		"expo-router": "3.5.14",
 		"expo-splash-screen": "~0.27.4",
 		"expo-status-bar": "~1.12.1",
-		"expo-system-ui": "~3.0.4",
 		"expo-updates": "~0.25.14",
-		"expo-web-browser": "~13.0.3",
-		"gpt4-tokenizer": "^1.3.0",
-		"openai": "^4.47.1",
+		"nativewind": "^4.0.36",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
-		"react-hook-form": "^7.51.5",
 		"react-native": "0.74.1",
-		"react-native-drawer-layout": "^3.3.0",
 		"react-native-fetch-api": "^3.0.0",
 		"react-native-gesture-handler": "~2.16.2",
-		"react-native-ios-context-menu": "^2.5.1",
-		"react-native-ios-utilities": "^4.4.5",
-		"react-native-markdown-display": "^7.0.2",
 		"react-native-react-query-devtools": "^1.1.1",
 		"react-native-reanimated": "3.11.0",
-		"react-native-root-siblings": "^5.0.1",
 		"react-native-safe-area-context": "4.10.1",
 		"react-native-screens": "^3.31.1",
 		"react-native-svg": "^15.3.0",
 		"react-native-toast-message": "^2.2.0",
 		"react-native-url-polyfill": "^2.0.0",
-		"react-native-vector-icons": "^10.1.0",
-		"react-native-web": "~0.19.12",
-		"react-syntax-highlighter": "^15.5.0",
-		"react-textarea-autosize": "^8.5.3",
 		"superjson": "^2.2.1",
 		"tailwind-merge": "^2.3.0",
 		"tailwindcss": "^3.4.3",
 		"text-encoding": "^0.7.0",
 		"web-streams-polyfill": "^4.0.0",
-		"zod": "^3.23.8",
-		"zustand": "^4.5.2"
+		"zod": "^3.23.8"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.24.5",
-		"@babel/plugin-proposal-export-default-from": "^7.24.1",
-		"@babel/plugin-syntax-export-default-from": "^7.24.1",
-		"@babel/plugin-transform-flow-strip-types": "^7.24.1",
-		"@babel/plugin-transform-private-methods": "^7.24.1",
-		"@babel/plugin-transform-private-property-in-object": "^7.24.5",
-		"@babel/plugin-transform-runtime": "^7.24.3",
-		"@babel/runtime": "^7.24.5",
+		"@babel/core": "^7.24.6",
+		"@babel/runtime": "^7.24.6",
 		"@mychat/eslint-config": "workspace:*",
 		"@mychat/prettier-config": "workspace:*",
 		"@mychat/tailwind-config": "workspace:*",
 		"@mychat/tsconfig": "workspace:*",
 		"@tanstack/eslint-plugin-query": "^5.35.6",
-		"@types/babel__plugin-transform-runtime": "^7.9.5",
 		"@types/react": "^18.3.3",
 		"@types/react-dom": "^18.3.0",
-		"@types/react-syntax-highlighter": "^15.5.13",
 		"@types/text-encoding": "^0.0.39",
 		"ajv": "^8.13.0",
 		"browserslist": "^4.23.0",
 		"eslint": "^9.3.0",
 		"eslint-config-react-app": "^7.0.1",
 		"jest": "^29.7.0",
 		"jest-expo": "~51.0.2",
+		"metro-cache": "^0.80.9",
 		"npm-check": "^6.0.1",
 		"prettier": "^3.2.5",
 		"react-test-renderer": "18.3.1",

apps/native/src/app/(app)/_layout.tsx

@@ -1,16 +1,14 @@
 import type { DrawerContentComponentProps } from "@react-navigation/drawer";
 import { useEffect } from "react";
 import { Platform } from "react-native";
-import { Redirect, withLayoutContext } from "expo-router";
-import NativeSafeAreaView from "@/components/NativeSafeAreaView";
+import { Redirect } from "expo-router";
 import ThreadHistory from "@/components/ThreadDrawer/ThreadHistory";
-import { useUserData } from "@/hooks/stores/useUserData";
 import { useBreakpoints } from "@/hooks/useBreakpoints";
-import { createDrawerNavigator } from "@react-navigation/drawer";
 
+import { useUserData } from "@mychat/shared/hooks/stores/useUserData";
 import { useColorScheme } from "@mychat/ui/hooks/useColorScheme";
-
-export const Drawer = withLayoutContext(createDrawerNavigator().Navigator);
+import NativeSafeAreaView from "@mychat/ui/NativeSafeAreaView";
+import { Drawer } from "@mychat/views/navigators";
 
 export default function HomeLayout() {
 	const session = useUserData.use.session();

apps/native/src/app/(app)/agents.tsx

@@ -1,4 +1,4 @@
-import { AgentsView } from "@/views/agents/AgentsView";
+import { AgentsView } from "@mychat/views/agents/AgentsView";
 
 export default function Agents() {
 	return <AgentsView />;

apps/native/src/app/(app)/index.tsx

@@ -2,7 +2,8 @@ import { useEffect } from "react";
 import { useGlobalSearchParams } from "expo-router";
 import Head from "expo-router/head";
 import { useConfigStore } from "@/hooks/stores/configStore";
-import { ChatView } from "@/views/chat";
+
+import { ChatView } from "@mychat/ui/views/chat";
 
 export default function Chat() {
 	const { c } = useGlobalSearchParams<{ c?: string }>();

apps/native/src/app/(app)/settings.tsx

@@ -1,4 +1,4 @@
-import { SettingsView } from "@/views/settings/SettingsView";
+import { SettingsView } from "@mychat/ui/views/settings/SettingsView";
 
 export default function SettingsPage() {
 	return <SettingsView />;

apps/native/src/app/(app)/tools/[id].tsx

@@ -1,5 +1,6 @@
 import { Stack, useLocalSearchParams } from "expo-router";
-import { ToolConfig } from "@/views/tools/[id]/ToolConfig";
+
+import { ToolConfig } from "@mychat/ui/views/tools/[id]/ToolConfig";
 
 export default function Tool() {
 	const { id } = useLocalSearchParams<{ id: string }>();

apps/native/src/app/(app)/tools/_layout.tsx

@@ -1,5 +1,6 @@
 import { Stack } from "expo-router";
-import { ToolHeader } from "@/views/tools/Header";
+
+import { ToolHeader } from "@mychat/ui/views/tools/Header";
 
 import { Drawer } from "../_layout";
 

apps/native/src/app/(app)/tools/index.tsx

@@ -1,4 +1,4 @@
-import { ToolView } from "@/views/tools/ToolView";
+import { ToolView } from "@mychat/ui/views/tools/ToolView";
 
 export default function Tools() {
 	return <ToolView />;

apps/native/src/app/(auth)/index.tsx

@@ -1,4 +1,4 @@
-import { AuthView } from "@/views/auth/AuthView";
+import { AuthView } from "@mychat/ui/views/auth/AuthView";
 
 export default function Chat() {
 	return <AuthView />;

apps/native/src/app/(auth)/login.tsx

@@ -1,4 +1,4 @@
-import { LoginView } from "@/views/auth/LoginView";
+import { LoginView } from "@mychat/ui/views/auth/LoginView";
 
 export default function Chat() {
 	return <LoginView />;

apps/native/src/app/(auth)/signup.tsx

@@ -1,4 +1,4 @@
-import { SignUpView } from "@/views/auth/SignupView";
+import { SignUpView } from "@mychat/ui/views/auth/SignupView";
 
 export default function Chat() {
 	return <SignUpView />;

apps/native/src/app/agent/[id].tsx

@@ -1,6 +1,7 @@
 import { useLocalSearchParams } from "expo-router";
 import { useAgentQuery } from "@/hooks/fetchers/Agent/useAgentQuery";
-import AgentModal from "@/views/agent/AgentModal";
+
+import AgentModal from "@mychat/ui/views/agent/AgentModal";
 
 export default function AgentPage() {
 	const { id } = useLocalSearchParams<{ id: string }>();

apps/native/src/app/agent/create/index.tsx

@@ -1,4 +1,4 @@
-import { AgentForm } from "@/views/agent/create/AgentForm";
+import { AgentForm } from "@mychat/ui/views/agent/create/AgentForm";
 
 export default function NewAgentPage() {
 	return <AgentForm />;

apps/native/src/app/agent/index.tsx

@@ -1,5 +1,6 @@
 import { useConfigStore } from "@/hooks/stores/configStore";
-import AgentModal from "@/views/agent/AgentModal";
+
+import AgentModal from "@mychat/ui/views/agent/AgentModal";
 
 export default function AgentPage() {
 	const defaultAgent = useConfigStore.use.defaultAgent();

apps/native/src/app/file/[id].tsx

@@ -1,5 +1,6 @@
 import { useLocalSearchParams } from "expo-router";
-import FileModal from "@/views/file/FileModal";
+
+import FileModal from "@mychat/ui/views/file/FileModal";
 
 export default function FilePage() {
 	const { id, messageId, threadId } = useLocalSearchParams<{

apps/native/src/app/settings.tsx

@@ -1,4 +1,4 @@
-import SettingsModal from "@/views/settings/SettingsModal";
+import SettingsModal from "@mychat/ui/views/settings/SettingsModal";
 
 export default function SettingsPage() {
 	return <SettingsModal />;