feat: mobile app architecture and initial screens

.env.example

@@ -6,3 +6,7 @@ VITE_BUILD_TYPE=production
 VITE_INBOXES_EMAIL=@follow.re
 VITE_OPENPANEL_CLIENT_ID=
 VITE_OPENPANEL_API_URL=
+
+EXPO_PUBLIC_API_URL=https://api.follow.is
+EXPO_PUBLIC_OPENPANEL_CLIENT_ID=
+EXPO_PUBLIC_OPENPANEL_API_URL=

.vscode/settings.json

@@ -13,6 +13,8 @@
     ["[a-zA-Z]+[cC]lass[nN]ame[\"'`]?:\\s*[\"'`]([^\"'`]*)[\"'`]", "([^\"'`]*)"],
     ["[a-zA-Z]+[cC]lass[nN]ame\\s*=\\s*[\"'`]([^\"'`]*)[\"'`]", "([^\"'`]*)"]
   ],
+  "typescript.tsserver.maxTsServerMemory": 8096,
+  "typescript.tsserver.nodePath": "node",
   // If you do not want to autofix some rules on save
   // You can put this in your user settings or workspace settings
   "eslint.codeActionsOnSave.rules": [
@@ -54,22 +56,6 @@
     {
       "rule": "unused-imports/no-unused-imports",
       "severity": "off"
-    },
-    {
-      "rule": "@typescript-eslint/require-await",
-      "severity": "info"
-    },
-    {
-      "rule": "@typescript-eslint/await-thenable",
-      "severity": "info"
-    },
-    {
-      "rule": "@typescript-eslint/no-floating-promises",
-      "severity": "info"
-    },
-    {
-      "rule": "@typescript-eslint/no-misused-promises",
-      "severity": "info"
     }
   ],
   "cSpell.words": ["Hydable", "rsshub", "Русский"],

apps/mobile/.env

@@ -0,0 +1 @@
+../../.env

apps/mobile/README.md

@@ -0,0 +1,50 @@
+# Welcome to your Expo app 👋
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## 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 **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## Get a fresh project
+
+When you're ready, run:
+
+```bash
+npm run reset-project
+```
+
+This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+
+## Join the community
+
+Join our community of developers creating universal apps.
+
+- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
+- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.

apps/mobile/app.config.ts

@@ -0,0 +1,97 @@
+import { resolve } from "node:path"
+
+import type { ConfigContext, ExpoConfig } from "expo/config"
+
+// const roundedIconPath = resolve(__dirname, "../../resources/icon.png")
+const iconPath = resolve(__dirname, "./assets/icon.png")
+const adaptiveIconPath = resolve(__dirname, "./assets/adaptive-icon.png")
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  ...config,
+  extra: {
+    eas: {
+      projectId: "a6335b14-fb84-45aa-ba80-6f6ab8926920",
+    },
+  },
+  owner: "follow",
+  updates: {
+    url: "https://u.expo.dev/a6335b14-fb84-45aa-ba80-6f6ab8926920",
+  },
+  runtimeVersion: {
+    policy: "appVersion",
+  },
+
+  name: "Follow",
+  slug: "follow",
+  version: "1.0.0",
+  orientation: "portrait",
+  icon: iconPath,
+  scheme: "follow",
+  userInterfaceStyle: "automatic",
+  newArchEnabled: true,
+  ios: {
+    supportsTablet: true,
+    bundleIdentifier: "is.follow",
+    usesAppleSignIn: true,
+    infoPlist: {
+      LSApplicationCategoryType: "public.app-category.news",
+    },
+  },
+  android: {
+    package: "is.follow",
+    adaptiveIcon: {
+      foregroundImage: adaptiveIconPath,
+      backgroundColor: "#FF5C00",
+    },
+  },
+  web: {
+    bundler: "metro",
+    output: "static",
+    favicon: iconPath,
+  },
+  plugins: [
+    [
+      "expo-router",
+      {
+        root: "./src/screens",
+      },
+    ],
+    [
+      "expo-splash-screen",
+      {
+        backgroundColor: "#ffffff",
+        dark: {
+          backgroundColor: "#000000",
+        },
+      },
+    ],
+    [
+      "expo-font",
+      {
+        fonts: [
+          "./assets/font/sn-pro/SNPro-Black.otf",
+          "./assets/font/sn-pro/SNPro-BlackItalic.otf",
+          "./assets/font/sn-pro/SNPro-Bold.otf",
+          "./assets/font/sn-pro/SNPro-BoldItalic.otf",
+          "./assets/font/sn-pro/SNPro-Heavy.otf",
+          "./assets/font/sn-pro/SNPro-HeavyItalic.otf",
+          "./assets/font/sn-pro/SNPro-Light.otf",
+          "./assets/font/sn-pro/SNPro-LightItalic.otf",
+          "./assets/font/sn-pro/SNPro-Medium.otf",
+          "./assets/font/sn-pro/SNPro-MediumItalic.otf",
+          "./assets/font/sn-pro/SNPro-Regular.otf",
+          "./assets/font/sn-pro/SNPro-RegularItalic.otf",
+          "./assets/font/sn-pro/SNPro-Semibold.otf",
+          "./assets/font/sn-pro/SNPro-SemiboldItalic.otf",
+          "./assets/font/sn-pro/SNPro-Thin.otf",
+          "./assets/font/sn-pro/SNPro-ThinItalic.otf",
+        ],
+      },
+    ],
+    "expo-apple-authentication",
+    [require("./scripts/with-follow-assets.js")],
+  ],
+  experiments: {
+    typedRoutes: true,
+  },
+})

apps/mobile/babel.config.js

@@ -0,0 +1,21 @@
+const path = require("node:path")
+
+module.exports = function (api) {
+  api.cache(true)
+  return {
+    presets: [["babel-preset-expo", { jsxImportSource: "nativewind" }], "nativewind/babel"],
+    plugins: [
+      ["inline-import", { extensions: [".sql"] }],
+      [
+        "module-resolver",
+        {
+          alias: {
+            "es-toolkit": path.resolve(__dirname, "../../node_modules/es-toolkit/dist/index.js"),
+          },
+          extensions: [".js", ".jsx", ".ts", ".tsx"],
+        },
+      ],
+      "react-native-reanimated/plugin",
+    ],
+  }
+}

apps/mobile/drizzle.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "drizzle-kit"
+
+export default defineConfig({
+  dialect: "sqlite",
+  driver: "expo",
+  schema: "./src/database/schemas/index.ts",
+  out: "./drizzle",
+})

apps/mobile/drizzle/0000_harsh_shiva.sql

@@ -0,0 +1,43 @@
+CREATE TABLE `feeds` (
+	`id` text PRIMARY KEY NOT NULL,
+	`title` text,
+	`url` text NOT NULL,
+	`description` text,
+	`image` text,
+	`error_at` text,
+	`site_url` text,
+	`owner_user_id` text,
+	`error_message` text
+);
+--> statement-breakpoint
+CREATE TABLE `inboxes` (
+	`id` text PRIMARY KEY NOT NULL,
+	`user_id` text NOT NULL,
+	`title` text
+);
+--> statement-breakpoint
+CREATE TABLE `lists` (
+	`id` text PRIMARY KEY NOT NULL,
+	`user_id` text NOT NULL,
+	`title` text NOT NULL,
+	`feed_ids` text,
+	`description` text,
+	`view` integer NOT NULL,
+	`image` text,
+	`fee` integer,
+	`owner_user_id` text
+);
+--> statement-breakpoint
+CREATE TABLE `subscriptions` (
+	`feed_id` text,
+	`list_id` text,
+	`inbox_id` text,
+	`user_id` text NOT NULL,
+	`view` integer NOT NULL,
+	`is_private` integer NOT NULL,
+	`title` text,
+	`category` text,
+	`created_at` text,
+	`type` text NOT NULL,
+	`id` text PRIMARY KEY NOT NULL
+);

apps/mobile/drizzle/0001_bored_hobgoblin.sql

@@ -0,0 +1 @@
+ALTER TABLE `inboxes` DROP COLUMN `user_id`;

apps/mobile/drizzle/0002_smart_power_man.sql

@@ -0,0 +1,5 @@
+CREATE TABLE `unread` (
+	`id` text PRIMARY KEY NOT NULL,
+	`subscription_id` text NOT NULL,
+	`count` integer NOT NULL
+);

apps/mobile/drizzle/0003_known_roland_deschain.sql

@@ -0,0 +1,10 @@
+PRAGMA foreign_keys=OFF;--> statement-breakpoint
+CREATE TABLE `__new_unread` (
+	`subscription_id` text PRIMARY KEY NOT NULL,
+	`count` integer NOT NULL
+);
+--> statement-breakpoint
+INSERT INTO `__new_unread`("subscription_id", "count") SELECT "subscription_id", "count" FROM `unread`;--> statement-breakpoint
+DROP TABLE `unread`;--> statement-breakpoint
+ALTER TABLE `__new_unread` RENAME TO `unread`;--> statement-breakpoint
+PRAGMA foreign_keys=ON;

apps/mobile/drizzle/0004_majestic_thunderbolt_ross.sql

@@ -0,0 +1,8 @@
+CREATE TABLE `users` (
+	`id` text PRIMARY KEY NOT NULL,
+	`email` text NOT NULL,
+	`handle` text,
+	`name` text,
+	`image` text,
+	`is_me` integer NOT NULL
+);