🚀 Configure for android

android/app/src/main/AndroidManifest.xml

@@ -3,19 +3,18 @@
 
     <application
         android:allowBackup="true"
+        android:label="Solian"
         android:icon="@mipmap/ic_launcher"
-    android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
 
         <activity
-      android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
             android:name=".MainActivity"
-      android:label="@string/title_activity_main"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
-      android:theme="@style/AppTheme.NoActionBarLaunch"
+            android:exported="true"
             android:launchMode="singleTask"
-      android:exported="true">
+            android:theme="@style/AppTheme.NoActionBarLaunch">
 
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
@@ -31,16 +30,19 @@
             android:grantUriPermissions="true">
             <meta-data
                 android:name="android.support.FILE_PROVIDER_PATHS"
-        android:resource="@xml/file_paths"></meta-data>
+                android:resource="@xml/file_paths" />
         </provider>
     </application>
 
     <!-- Permissions -->
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
     <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
-  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"
+    <uses-permission
+        android:name="android.permission.READ_EXTERNAL_STORAGE"
         android:maxSdkVersion="32" />
-  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"
+    <uses-permission
+        android:name="android.permission.WRITE_EXTERNAL_STORAGE"
         android:maxSdkVersion="29" />
 </manifest>

android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -1,34 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:aapt="http://schemas.android.com/aapt"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportHeight="108"
-    android:viewportWidth="108">
-    <path
-        android:fillType="evenOdd"
-        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1">
-        <aapt:attr name="android:fillColor">
-            <gradient
-                android:endX="78.5885"
-                android:endY="90.9159"
-                android:startX="48.7653"
-                android:startY="61.0927"
-                android:type="linear">
-                <item
-                    android:color="#44000000"
-                    android:offset="0.0" />
-                <item
-                    android:color="#00000000"
-                    android:offset="1.0" />
-            </gradient>
-        </aapt:attr>
-    </path>
-    <path
-        android:fillColor="#FFFFFF"
-        android:fillType="nonZero"
-        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1" />
-</vector>

android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -5,166 +5,6 @@
     android:viewportHeight="108"
     android:viewportWidth="108">
     <path
-        android:fillColor="#26A69A"
+        android:fillColor="#FFFFFF"
         android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
 </vector>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background"/>
+    <background android:drawable="@drawable/ic_launcher_background"/>
     <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
 </adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background"/>
+    <background android:drawable="@drawable/ic_launcher_background"/>
     <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
 </adaptive-icon>

android/app/src/main/res/values/styles.xml

@@ -17,6 +17,5 @@
 
 
     <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
-        <item name="android:background">@drawable/splash</item>
     </style>
 </resources>

index.html

@@ -6,12 +6,6 @@
   <link rel="apple-touch-icon" type="image/png" href="/apple-touch-icon.png" sizes="1024x1024">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
   <title>Solian</title>
-
-  <style>
-      html, body {
-          scroll-behavior: smooth;
-      }
-  </style>
 </head>
 <body>
 <div id="app"></div>

package.json

@@ -22,6 +22,7 @@
     "@mdi/font": "^7.4.47",
     "dompurify": "^3.0.11",
     "marked": "^12.0.1",
+    "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
     "universal-cookie": "^7.1.0",
     "vue": "^3.4.21",
@@ -36,6 +37,7 @@
     "@tsconfig/node20": "^20.1.2",
     "@types/dompurify": "^3.0.5",
     "@types/node": "^20.11.28",
+    "@types/nprogress": "^0.2.3",
     "@unocss/reset": "^0.58.7",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",

src/assets/utils.css

@@ -12,3 +12,11 @@ body,
 .no-scrollbar::-webkit-scrollbar {
   width: 0;
 }
+
+html, body {
+  scroll-behavior: smooth;
+}
+
+#nprogress .bar {
+  background: #ffffff !important;
+}

src/components/chat/ChatMessage.vue

@@ -35,8 +35,8 @@
         <v-card>
           <div class="flex px-2 py-0.5">
             <v-btn icon="mdi-reply" size="x-small" variant="text" @click="replyMessage" />
-            <v-btn icon="mdi-pencil" size="x-small" variant="text" color="warning" @click="editMessage" />
+            <v-btn v-if="isOwned" icon="mdi-pencil" size="x-small" variant="text" color="warning" @click="editMessage" />
-            <v-btn icon="mdi-delete" size="x-small" variant="text" color="error" @click="deleteMessage" />
+            <v-btn v-if="isOwned" icon="mdi-delete" size="x-small" variant="text" color="error" @click="deleteMessage" />
           </div>
         </v-card>
       </div>
@@ -46,12 +46,17 @@
 
 <script setup lang="ts">
 import { useChannels } from "@/stores/channels"
+import { useUserinfo } from "@/stores/userinfo"
+import { computed } from "vue"
 import MessageAttachment from "@/components/chat/renderer/MessageAttachment.vue"
 
+const id = useUserinfo()
 const channels = useChannels()
 
 const props = defineProps<{ item: any }>()
 
+const isOwned = computed(() => props.item?.sender?.id === id.userinfo.idSet.messaging)
+
 function replyMessage() {
   channels.related.messages.reply_to = JSON.parse(JSON.stringify(props.item))
 }

src/components/chat/renderer/MessageAttachment.vue

@@ -20,10 +20,10 @@
           :alt="item.filename"
           @click="openLightbox(item, idx)"
         />
-        <video v-if="item.type === 2" controls class="w-full content-visibility-auto">
+        <video v-else-if="item.type === 2" controls class="w-full content-visibility-auto">
           <source :src="getUrl(item)" />
         </video>
-        <div v-if="item.type === 3" class="w-[480px] py-12">
+        <div v-else-if="item.type === 3" class="w-[480px] py-12">
           <div class="text-center">
             <p class="mb-1">{{ getFileName(item) }}</p>
             <audio controls :src="getUrl(item)" class="mx-auto"></audio>

src/layouts/master.vue

@@ -57,6 +57,11 @@
               </template>
 
               <v-list density="compact">
+                <v-list-item
+                  title="Sign out"
+                  prepend-icon="mdi-logout-variant"
+                  @click="signout"
+                />
                 <v-list-item
                   title="Solarpass"
                   prepend-icon="mdi-passport-biometric"
@@ -96,7 +101,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue"
-import { useUserinfo } from "@/stores/userinfo"
+import { useUserinfo, signout as signoutAccount } from "@/stores/userinfo"
 import { useWellKnown } from "@/stores/wellKnown"
 import { useUI } from "@/stores/ui"
 import RealmList from "@/components/realms/RealmList.vue"
@@ -143,5 +148,11 @@ meta.readWellKnown()
 
 const drawerOpen = ref(true)
 const drawerMini = ref(false)
+
+async function signout() {
+  signoutAccount().then(() => {
+    window.location.reload()
+  })
+}
 </script>
 

src/main.ts

@@ -3,6 +3,8 @@ import "virtual:uno.css"
 import "./assets/utils.css"
 import "./assets/safe-area.css"
 
+import "nprogress/nprogress.css"
+
 import { createApp } from "vue"
 import { createPinia } from "pinia"
 
@@ -17,9 +19,16 @@ import "@mdi/font/css/materialdesignicons.min.css"
 import "@fontsource/roboto/latin.css"
 import "@unocss/reset/tailwind.css"
 
+import nprogress from "nprogress";
+
 import index from "./index.vue"
 import router from "./router"
 
+nprogress.configure({showSpinner: false})
+nprogress.start()
+
+window.onload = () => nprogress.done()
+
 const app = createApp(index)
 
 app.use(

src/router/index.ts

@@ -1,6 +1,8 @@
 import { createRouter, createWebHistory } from "vue-router"
 import MasterLayout from "@/layouts/master.vue"
 
+import nprogress from "nprogress";
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -71,4 +73,11 @@ const router = createRouter({
   ]
 })
 
+router.beforeEach((_to, _from, next) => {
+  nprogress.start()
+  next()
+})
+
+router.afterEach(() => nprogress.done())
+
 export default router

src/stores/userinfo.ts

@@ -29,10 +29,26 @@ export async function getRtk() {
   return (await Preferences.get({ key: "identity.refresh_token" })).value
 }
 
+export async function getIdSet() {
+  const value = (await Preferences.get({ key: "userinfo.id_set" })).value
+  if (value == null) return null
+  else return JSON.parse(value)
+}
+
+export async function setIdSet(data: any) {
+  await Preferences.set({ key: "userinfo.id_set", value: JSON.stringify(data) })
+}
+
 export async function checkLoggedIn(): Promise<boolean> {
   return (await Preferences.get({ key: "identity.access_token" })).value != null
 }
 
+export async function signout() {
+  await Preferences.remove({ key: "identity.access_token" })
+  await Preferences.remove({ key: "identity.refresh_token" })
+  await Preferences.remove({ key: "userinfo.id_set" })
+}
+
 export const useUserinfo = defineStore("userinfo", () => {
   const userinfoHooks = {
     after: [useRealms().list, useChannels().list, useChannels().connect]
@@ -54,7 +70,9 @@ export const useUserinfo = defineStore("userinfo", () => {
     }
 
     const data = await res.json()
+    let idSet = await getIdSet()
 
+    if (idSet == null) {
       const federationResp = await Promise.all([
         request("interactive", "/api/users/me", {
           headers: { Authorization: `Bearer ${await getAtk()}` }
@@ -63,15 +81,18 @@ export const useUserinfo = defineStore("userinfo", () => {
           headers: { Authorization: `Bearer ${await getAtk()}` }
         })
       ])
+      await setIdSet({
+        interactive: (await federationResp[0].json())["id"],
+        messaging: (await federationResp[1].json())["id"]
+      })
+      idSet = await getIdSet()
+    }
 
     userinfo.value = {
       isReady: true,
       isLoggedIn: true,
       displayName: data["nick"],
-      idSet: {
+      idSet: idSet,
-        interactive: (await federationResp[0].json())["id"],
-        messaging: (await federationResp[1].json())["id"]
-      },
       data: data
     }