feat: support add custom sub

Author: tingyuan

app.json

@@ -2,15 +2,15 @@
   "expo": {
     "name": "Hotsou",
     "slug": "hotsou",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "scheme": "myapp",
     "userInterfaceStyle": "automatic",
     "splash": {
       "image": "./assets/images/splash.png",
       "resizeMode": "contain",
-      "backgroundColor": "#e8ffcc"
+      "backgroundColor": "#e4fcbd"
     },
     "ios": {
       "supportsTablet": true

app/(tabs)/baidu.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   if (location.hostname === 'top.baidu.com') {
@@ -17,11 +17,13 @@ export default function Baidu() {
   return (
     <WebView
       name={TabsName.baidu}
-      url={'https://top.baidu.com/board?tab=realtime&__main_page'}
+      url={getTabUrl(TabsName.baidu)!}
       js={`(${__$inject})()`}
       css={`
         #bdrainrwDragButton,
-        #page-copyright {
+        #page-copyright,
+        .invokeAppBtnWrapper,
+        .newHeadDeflectorWrapper {
           display: none !important;
         }
         .row-start-center:has(img[src*='redtop']) {

app/(tabs)/douyin.tsx

@@ -1,13 +1,13 @@
 import cssCode from '@/components/douyin/css'
 import jsCode from '@/components/douyin/inject'
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 export default function Douyin() {
   return (
     <WebView
       name={TabsName.douyin}
-      url={'https://www.douyin.com/share/billboard?__main_page'}
+      url={getTabUrl(TabsName.douyin)!}
       js={jsCode}
       css={cssCode}
       forbiddenUrls={['z.douyin.com', 'zijieapi.com', '/log-sdk/collect/']}

app/(tabs)/muzi.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   if (location.pathname === '/ranking') {
@@ -19,7 +19,7 @@ export default function Tengxun() {
   return (
     <WebView
       name={TabsName.tengxun}
-      url="https://view.inews.qq.com/ranking?rankingtabtype=1&__main_page"
+      url={getTabUrl(TabsName.tengxun)!}
       js={`(${__$inject})()`}
       css={`
         div[class*='downloader-floating-bar'],

app/(tabs)/tengxun.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   if (location.pathname.startsWith('/article/')) {
@@ -17,9 +17,7 @@ export default function Toutiao() {
   return (
     <WebView
       name={TabsName.toutiao}
-      url={
-        'https://api.toutiaoapi.com/feoffline/hotspot_and_local/html/hot_list/index.html?__main_page'
-      }
+      url={getTabUrl(TabsName.toutiao)!}
       js={`(${__$inject})();true;`}
       css={`
         .float-activate-button-container,

app/(tabs)/toutiao.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   if (location.pathname.includes('newsapp/hot-content/')) {
@@ -100,7 +100,7 @@ export default function Wangyi() {
   return (
     <WebView
       name={TabsName.wangyi}
-      url="https://wp.m.163.com/163/html/newsapp/hot-content/index.html?version=searchFirstTab&__main_page"
+      url={getTabUrl(TabsName.wangyi)!}
       css={`
         .footer-container,
         .js-open-newsapp,

app/(tabs)/wangyi.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   if (location.pathname.startsWith('/p/106003')) {
@@ -16,9 +16,7 @@ export default function Weibo() {
   return (
     <WebView
       name={TabsName.weibo}
-      url={
-        'https://m.weibo.cn/p/106003type=25&t=3&disable_hot=1&filter_type=realtimehot?__main_page'
-      }
+      url={getTabUrl(TabsName.weibo)!}
       css={`
         div.card.m-panel.card4:has(img[src*='search_point_orange']) {
           display: none;

app/(tabs)/weibo.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   // @ts-ignore
@@ -14,7 +14,7 @@ export default function Xinlang() {
   return (
     <WebView
       name={TabsName.xinlang}
-      url="https://sinanews.sina.cn/h5/top_news_list.d.html?__main_page"
+      url={getTabUrl(TabsName.xinlang)!}
       js={`(${__$inject})();true;`}
       css={`
         .callup-component,

app/(tabs)/xinlang.tsx

@@ -1,5 +1,5 @@
 import WebView from '@/components/WebView'
-import { TabsName } from '@/constants/Tabs'
+import { getTabUrl, TabsName } from '@/constants/Tabs'
 
 function __$inject() {
   setInterval(() => {
@@ -15,7 +15,7 @@ export default function Zhihu() {
   return (
     <WebView
       name={TabsName.zhihu}
-      url={'https://www.zhihu.com/billboard?__main_page'}
+      url={getTabUrl(TabsName.zhihu)!}
       forbiddenUrls={['zhihu-web-analytics.zhihu.com', 'datahub.zhihu.com', 'apm.zhihu.com']}
       css={`
         .OpenInAppButton,