Android Support (#166)

1. Add vpnservice tauri plugin for android.
2. add workflow for android.
3. Easytier Core support android, allow set tun fd.

easytier-gui/src/pages/index.vue

@@ -15,6 +15,7 @@ import { open } from '@tauri-apps/plugin-shell';
 import { appLogDir } from '@tauri-apps/api/path'
 import { writeText } from '@tauri-apps/plugin-clipboard-manager';
 import { useTray } from '~/composables/tray';
+import { type } from '@tauri-apps/plugin-os';
 
 const { t, locale } = useI18n()
 const visible = ref(false)
@@ -82,8 +83,13 @@ networkStore.$subscribe(async () => {
 })
 
 async function runNetworkCb(cfg: NetworkConfig, cb: () => void) {
-  cb()
-  networkStore.removeNetworkInstance(cfg.instance_id)
+  if (type() === 'android') {
+    await prepareVpnService()
+    networkStore.clearNetworkInstances()
+  } else {
+    networkStore.removeNetworkInstance(cfg.instance_id)
+  }
+
   await retainNetworkInstance(networkStore.networkInstanceIds)
   networkStore.addNetworkInstance(cfg.instance_id)
 
@@ -94,6 +100,8 @@ async function runNetworkCb(cfg: NetworkConfig, cb: () => void) {
     // console.error(e)
     toast.add({ severity: 'info', detail: e })
   }
+
+  cb()
 }
 
 async function stopNetworkCb(cfg: NetworkConfig, cb: () => void) {
@@ -112,9 +120,9 @@ onMounted(async () => {
   intervalId = window.setInterval(async () => {
     await updateNetworkInfos()
   }, 500)
-  await setTrayMenu([ 
-    await MenuItemExit(t('tray.exit')), 
-    await MenuItemShow(t('tray.show')) 
+  await setTrayMenu([
+    await MenuItemExit(t('tray.exit')),
+    await MenuItemShow(t('tray.show'))
   ])
 })
 onUnmounted(() => clearInterval(intervalId))
@@ -132,9 +140,9 @@ const setting_menu_items = ref([
     icon: 'pi pi-language',
     command: async () => {
       await loadLanguageAsync((locale.value === 'en' ? 'cn' : 'en'))
-      await setTrayMenu([ 
-        await MenuItemExit(t('tray.exit')), 
-        await MenuItemShow(t('tray.show')) 
+      await setTrayMenu([
+        await MenuItemExit(t('tray.exit')),
+        await MenuItemShow(t('tray.show'))
       ])
     },
   },
@@ -206,11 +214,15 @@ onMounted(async () => {
       }
     }
   }
+  if (type() === 'android') {
+    await initMobileVpnService()
+  }
 })
 
 function isRunning(id: string) {
   return networkStore.networkInstanceIds.includes(id)
 }
+
 </script>
 
 <script lang="ts">
@@ -233,14 +245,13 @@ function isRunning(id: string) {
     <div>
       <Toolbar>
         <template #start>
-          <div class="flex align-items-center gap-2">
-            <Button icon="pi pi-plus" class="mr-2" severity="primary" :label="t('add_new_network')"
-              @click="addNewNetwork" />
+          <div class="flex align-items-center">
+            <Button icon="pi pi-plus" severity="primary" :label="t('add_new_network')" @click="addNewNetwork" />
           </div>
         </template>
 
         <template #center>
-          <div class="min-w-80 mr-20">
+          <div class="min-w-40">
             <Dropdown v-model="networkStore.curNetwork" :options="networkStore.networkList" :highlight-on-select="false"
               :placeholder="t('select_network')" class="w-full">
               <template #value="slotProps">
@@ -275,32 +286,32 @@ function isRunning(id: string) {
         </template>
 
         <template #end>
-          <Button icon="pi pi-cog" class="mr-2" severity="secondary" aria-haspopup="true" :label="t('settings')"
+          <Button icon="pi pi-cog" severity="secondary" aria-haspopup="true" :label="t('settings')"
             aria-controls="overlay_setting_menu" @click="toggle_setting_menu" />
           <TieredMenu id="overlay_setting_menu" ref="setting_menu" :model="setting_menu_items" :popup="true" />
         </template>
       </Toolbar>
     </div>
 
-    <Panel class="h-full overflow-y-auto" >
+    <Panel class="h-full overflow-y-auto">
       <Stepper :value="activeStep">
         <StepList value="1">
           <Step value="1">{{ t('config_network') }}</Step>
           <Step value="2">{{ t('running') }}</Step>
         </StepList>
         <StepPanels value="1">
-          <StepPanel v-slot="{ activateCallback = (s: string) => {} } = {}" value="1">
-              <Config :instance-id="networkStore.curNetworkId" :config-invalid="messageBarSeverity !== Severity.None"
-                @run-network="runNetworkCb($event, () => activateCallback('2'))" />
+          <StepPanel v-slot="{ activateCallback = (s: string) => { } } = {}" value="1">
+            <Config :instance-id="networkStore.curNetworkId" :config-invalid="messageBarSeverity !== Severity.None"
+              @run-network="runNetworkCb($event, () => activateCallback('2'))" />
           </StepPanel>
-          <StepPanel v-slot="{ activateCallback = (s: string) => {} } = {}" value="2">
-              <div class="flex flex-column">
-                <Status :instance-id="networkStore.curNetworkId" />
-              </div>
-              <div class="flex pt-4 justify-content-center">
-                <Button :label="t('stop_network')" severity="danger" icon="pi pi-arrow-left"
-                  @click="stopNetworkCb(networkStore.curNetwork, () => activateCallback('1'))" />
-              </div>
+          <StepPanel v-slot="{ activateCallback = (s: string) => { } } = {}" value="2">
+            <div class="flex flex-column">
+              <Status :instance-id="networkStore.curNetworkId" />
+            </div>
+            <div class="flex pt-4 justify-content-center">
+              <Button :label="t('stop_network')" severity="danger" icon="pi pi-arrow-left"
+                @click="stopNetworkCb(networkStore.curNetwork, () => activateCallback('1'))" />
+            </div>
           </StepPanel>
         </StepPanels>
       </Stepper>