Search screen (#4)

* feat: search screen ui

* feat: rewrite anime page and add data fetching

* feat(info-screen): fetching data

* feat(info-screen): fetching data

codegen.ts

@@ -0,0 +1,15 @@
+import type { CodegenConfig } from '@graphql-codegen/cli';
+
+const config: CodegenConfig = {
+  schema: 'https://graphql.anilist.co',
+  documents: ['src/**/*.tsx'],
+  ignoreNoDocuments: true, // for better experience with the watcher
+  generates: {
+    './src/gql/': {
+      preset: 'client',
+    },
+  },
+  hooks: { afterAllFileWrite: ['prettier --write'] },
+};
+
+export default config;

module-structure.md

@@ -1,22 +1,5 @@
 Modules are saved to `FileSystem.documentDirectory/modules`
 
-## Modules structure of the app (not the module itself):
-
-```
-modules/
-│   └── module_id/ (anime)
-│       ├── search.js
-│       ├── episodes.js
-│       ├── video-servers.js
-│       ├── video-container.js
-│       └── metadata.json
-    └── module_id/ (manga)
-        ├── search.js
-        ├── chapters.js
-        ├── images.js
-        └── metadata.json
-```
-
 ## Metadata structure:
 
 ```
@@ -28,8 +11,7 @@ modules/
   "type": "anime",
   "info": {
     "logo": String (e.g. "https://logo-example.com"),
-    "author": String (e.g. "MostHandsomeDude"),
-    "description": String (e.g. "A module to get the data from aniwatch.to")
+    "author": String (e.g. "MostHandsomeDude")
   }
 }
 ```

package.json

@@ -27,17 +27,19 @@
     "np-release": "cross-env SKIP_BRANCH_PROTECTION=true np --no-publish --no-cleanup",
     "version": "pnpm run prebuild && git add .",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "type-check": "tsc  --noemit"
+    "type-check": "tsc  --noemit",
+    "generate": "pnpm graphql-codegen",
+    "generate:watch": "pnpm graphql-codegen --watch"
   },
   "dependencies": {
     "@bacons/link-assets": "^1.1.0",
     "@gorhom/bottom-sheet": "^4.4.5",
+    "@graphql-typed-document-node/core": "^3.2.0",
     "@miblanchard/react-native-slider": "^2.3.1",
     "@plussub/srt-vtt-parser": "^1.1.0",
     "@react-native-community/viewpager": "^5.0.11",
     "@react-native-picker/picker": "2.4.10",
     "@react-navigation/bottom-tabs": "^6.5.7",
-    "@react-navigation/material-top-tabs": "^6.6.3",
     "@react-navigation/native": "^6.1.6",
     "@react-navigation/native-stack": "^6.9.12",
     "@shopify/flash-list": "1.4.3",
@@ -57,6 +59,8 @@
     "expo-splash-screen": "0.20.5",
     "expo-status-bar": "~1.6.0",
     "expo-system-ui": "~2.4.0",
+    "graphql": "^16.8.1",
+    "graphql-request": "^6.1.0",
     "jotai": "^2.4.3",
     "lucide-react-native": "^0.276.0",
     "nativewind": "^2.0.10",
@@ -66,19 +70,18 @@
     "react-if": "^4.1.5",
     "react-native": "0.72.5",
     "react-native-avoid-softinput": "^4.0.1",
-    "react-native-collapsible-tab-view": "^6.2.1",
     "react-native-flash-message": "^0.4.0",
     "react-native-gesture-handler": "~2.12.0",
     "react-native-mmkv": "2.6.3",
     "react-native-modal": "^13.0.1",
     "react-native-orientation-locker": "^1.5.0",
     "react-native-pager-view": "6.2.0",
     "react-native-reanimated": "~3.3.0",
+    "react-native-reanimated-carousel": "^3.5.1",
     "react-native-restart": "0.0.27",
     "react-native-safe-area-context": "4.6.3",
     "react-native-screens": "~3.22.1",
     "react-native-svg": "13.9.0",
-    "react-native-swipe-list-view": "^3.2.9",
     "react-native-tab-view": "^3.5.2",
     "react-native-video": "6.0.0-alpha.8",
     "react-native-web": "~0.19.7",
@@ -94,7 +97,11 @@
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
     "@expo/config": "~8.1.2",
+    "@graphql-codegen/cli": "^5.0.0",
+    "@graphql-codegen/client-preset": "^4.1.0",
+    "@parcel/watcher": "^2.3.0",
     "@react-native-community/eslint-config": "^3.2.0",
+    "@total-typescript/ts-reset": "^0.5.1",
     "@types/i18n-js": "^3.8.4",
     "@types/jest": "^29.4.0",
     "@types/lodash.memoize": "^4.1.7",
@@ -122,6 +129,7 @@
     "prettier": "^2.8.4",
     "tailwindcss": "^3.2.7",
     "ts-jest": "^29.0.5",
+    "ts-node": "^10.9.1",
     "typescript": "^5.1.6"
   },
   "repository": {