chore: changes at https://yup-live.pages.dev/change-log

.github/workflows/on-demand-cross-build-tauri.yml

@@ -80,10 +80,10 @@ jobs:
           cache: 'yarn' # Set this to npm, yarn or pnpm.
 
       - name: Install frontend dependencies && build
-        run: cd apps/yup-live && yarn install && yarn build-no-ssg && cd ../..
+        run: cd apps/yup-live && yarn install --network-timeout 1000000 && yarn build-no-ssg && cd ../..
 
       - name: Build the app
-        timeout-minutes: 30
+        timeout-minutes: 35
         uses: tauri-apps/tauri-action@v0
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -18,3 +18,14 @@ Yup gets data from EVM blockchains, arewaeve and farcaster and aggregates it int
 - `packages/shared` - TS types/utils and other shared code
 - `packages/components` - shared components
 - `packages/icons` - shared icon components
+
+## DEMOS
+
+### YUP-Live WebApp
+
+https://github.com/user-attachments/assets/186fd5e3-7acb-4ef4-b8b6-f58fe3386fa6
+
+
+### YUP-Live Mobile
+
+https://github.com/user-attachments/assets/1344d485-6807-4940-b9e9-7205ef2581d1

apps/yup-live-mobile/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "gf.info.yup"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 60
-        versionName "1.4.9"
+        versionCode 61
+        versionName "1.4.10"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

apps/yup-live-mobile/scripts/check-build-endpoints.ts

@@ -4,7 +4,8 @@ import { API_BASE as API_BASE_THREADS } from 'shared/src/utils/requests/threads'
 import { API_BASE as API_BASE_TEAM } from 'shared/src/utils/requests/team'
 import { API_BASE as API_BASE_FARCASTER } from 'shared/src/utils/requests/farcaster'
 import { API_BASE as API_BASE_ACCOUNTS } from 'shared/src/utils/requests/accounts'
-
+import { API_BASE as API_BASE_BSKY } from 'shared/src/utils/requests/bsky'
+import { API_BASE as API_MASTODON } from 'shared/src/utils/requests/mastodon'
 
 const ENDPOINTS = [
     API_BASE_AUTH,
@@ -13,6 +14,8 @@ const ENDPOINTS = [
     API_BASE_TEAM,
     API_BASE_FARCASTER,
     API_BASE_ACCOUNTS,
+    API_BASE_BSKY,
+    API_MASTODON
 ]
 
 const checkEndpointsForProd = () => {

apps/yup-live-mobile/src/App.vue

@@ -350,18 +350,16 @@ body.dark {
 .gradient-text {
   background-color: #ca4246;
   background-image: linear-gradient(
-    45deg,
-    #ca4246 16.666%,
-    #e16541 16.666%,
-    #e16541 33.333%,
-    #f18f43 33.333%,
-    #f18f43 50%,
-    #8b9862 50%,
-    #8b9862 66.666%,
-    #476098 66.666%,
-    #476098 83.333%,
-    #a7489b 83.333%
+    -90deg,
+    #ca4246 0.666%,
+    #ca4246 45.666%,
+    #f18f43 40.333%,
+    #f18f43 60%,
+    #829641 66.666%,
+    #829641 75.333%,
+    #3b7a57 83.333%
   );
+  font-size: 1.3rem;
 
   background-size: 100%;
   background-repeat: repeat;

apps/yup-live-mobile/src/components/settings/addAccount.vue

@@ -101,6 +101,7 @@ export default defineComponent({
         authToken: account.authToken,
         weight: Number(account.weight ?? "1"),
         fid: "",
+        isTwitterBlue: false,
       };
       await storage.set("authInfo", JSON.stringify(userAuth));
       store.userData = userAuth;

apps/yup-live-mobile/src/components/template/header-bar.vue

@@ -1,57 +1,32 @@
 <template>
-  <ion-header :translucent="true" >
+  <ion-header :translucent="true">
     <ion-toolbar>
-        <ion-buttons v-if="menu" slot="start">
+      <ion-buttons v-if="menu" slot="start">
         <ion-menu-toggle :auto-hide="false">
           <ion-button>
-           <ion-icon :icon="MenuIcon" ></ion-icon>
+            <ion-icon :icon="MenuIcon"></ion-icon>
           </ion-button>
         </ion-menu-toggle>
-        <ion-button v-show="route?.fullPath && !route?.fullPath?.includes('/tabs/feeds')" @click="goBack">
-           <ion-icon :icon="arrowBack" ></ion-icon>
-          </ion-button>
-        </ion-buttons>
-      <div
-        class="logo inline-flex items-center"
-        aria-label="logo"
-      >
+        <ion-button
+          v-show="route?.fullPath && !route?.fullPath?.includes('/tabs/feeds')"
+          @click="goBack"
+        >
+          <ion-icon :icon="arrowBack"></ion-icon>
+        </ion-button>
+      </ion-buttons>
+      <div class="logo inline-flex items-center" aria-label="logo">
         <p style="margin-left: 1rem" class="titleToolbar gradient-text">YUP</p>
-        <svg
-          style="margin-left: 0.5rem; width: 2.4rem"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 27.015619 12.00781"
+        <ActivityIcon class="text-red-700 ml-1 w-5 h-5" />
+        <span
+          v-if="text"
+          style="position: absolute; right: 2rem; top: 1.2rem; font-size: 0.9rem"
         >
-          <path
-            id="live-1"
-            fill="#f04545"
-            d="M 0,6.0039 C 0,5.60937 0.0391,5.21875 0.11328,4.83203 0.19138,4.44531 0.30469,4.07031 0.45703,3.70312 0.60547,3.33984 0.79297,2.99609 1.01172,2.66797 1.23047,2.33984 1.48047,2.03515 1.75781,1.75781 2.03516,1.47656 2.33984,1.23047 2.66797,1.01172 2.99609,0.79297 3.33984,0.60547 3.70703,0.45703 4.07031,0.30469 4.44531,0.1914 4.83203,0.11328 5.21875,0.03518 5.60937,0 6.00391,0 h 15.00781 c 0.39453,0 0.78515,0.0352 1.17187,0.11328 0.38672,0.0781 0.76172,0.19141 1.125,0.34375 0.36719,0.14844 0.71094,0.33594 1.03907,0.55469 0.32812,0.21875 0.63281,0.46484 0.91015,0.74609 0.27735,0.27734 0.52735,0.58203 0.7461,0.91016 0.21875,0.32812 0.40625,0.67187 0.55468,1.03515 0.15235,0.36719 0.26563,0.74219 0.34375,1.12891 0.0742,0.38672 0.11328,0.77734 0.11328,1.17187 0,0.39063 -0.0391,0.78125 -0.11328,1.16797 -0.0781,0.38672 -0.1914,0.76172 -0.34375,1.12891 -0.14843,0.36328 -0.33593,0.71094 -0.55468,1.03516 -0.21875,0.32812 -0.46875,0.63281 -0.7461,0.91015 -0.27734,0.28125 -0.58203,0.52735 -0.91015,0.7461 -0.32813,0.22265 -0.67188,0.40625 -1.03907,0.55859 -0.36328,0.14844 -0.73828,0.26172 -1.125,0.33984 -0.38672,0.0781 -0.77734,0.11719 -1.17187,0.11719 H 6.00391 c -0.39454,0 -0.78516,-0.0391 -1.17188,-0.11719 -0.38672,-0.0781 -0.76172,-0.1914 -1.125,-0.33984 C 3.33984,11.39844 2.99609,11.21484 2.66797,10.99609 2.33984,10.77344 2.03516,10.52734 1.75781,10.24609 1.48047,9.96875 1.23047,9.66406 1.01172,9.33594 0.79297,9.01172 0.60547,8.66406 0.45703,8.30078 0.30469,7.93359 0.19141,7.55859 0.11328,7.17187 0.03908,6.78515 0,6.39453 0,6.0039 Z m 0,0"
-          />
-          <path
-            id="live-2"
-            fill="#fff"
-            d="m 8.8538666,9.0041491 h -3.4375 v -6.203125 h 1.203125 v 5.140625 h 2.0625 z m 0,0"
-          />
-          <path
-            id="live-3"
-            fill="#fff"
-            d="M 10.966965,9.0041491 H 9.7638397 v -6.203125 h 1.2031253 z m 0,0"
-          />
-          <path
-            id="live-4"
-            fill="#fff"
-            d="m 17.635117,2.8010241 -2.3125,6.234375 h -1.21875 l -2.265625,-6.09375 1.25,-0.203125 1.671875,4.75 1.609375,-4.6875 z m 0,0"
-          />
-          <path
-            id="live-5"
-            fill="#fff"
-            d="m 22.175171,9.0041491 h -3.703125 v -6.203125 h 3.609375 v 1 h -2.421875 v 1.484375 h 1.859375 l 0.171875,1 h -2.03125 v 1.71875 h 2.515625 z m 0,0"
-          />
-        </svg>
-        <span v-if="text" style="position: absolute;right: 2rem;top: 1.2rem; font-size: 0.9rem;">
-        {{text}}
+          {{ text }}
         </span>
       </div>
-      <span v-show="route?.fullPath === '/' && version" class="mx-1 text-[0.95rem]"><span class="ml-4 text-[0.75rem]">v</span>{{ version  }}</span>
+      <span v-show="route?.fullPath === '/' && version" class="mx-1 text-[0.95rem]"
+        ><span class="ml-4 text-[0.75rem]">v</span>{{ version }}</span
+      >
     </ion-toolbar>
   </ion-header>
 </template>
@@ -61,18 +36,15 @@ import { defineComponent, ref } from "vue";
 import {
   IonHeader,
   IonToolbar,
-IonMenuToggle,
-    IonButton,
-    IonButtons,
-    IonIcon
+  IonMenuToggle,
+  IonButton,
+  IonButtons,
+  IonIcon,
 } from "@ionic/vue";
-import {
-menu as MenuIcon,
-arrowBack
-} from "ionicons/icons";
+import { menu as MenuIcon, arrowBack } from "ionicons/icons";
 import { useRoute } from "vue-router";
 import { useMainStore } from "@/store/main";
-
+import ActivityIcon from "icons/src/active.vue";
 
 export default defineComponent({
   name: "HeaderBar",
@@ -82,37 +54,38 @@ export default defineComponent({
     IonButton,
     IonMenuToggle,
     IonButtons,
-    IonIcon
-},
+    IonIcon,
+    ActivityIcon,
+  },
   props: {
     text: {
       type: String,
       default: "",
     },
     menu: {
-        type: Boolean,
-        default: false
-    }
+      type: Boolean,
+      default: false,
+    },
   },
   setup() {
-    const store = useMainStore()
+    const store = useMainStore();
     const route = useRoute();
-    const version = ref(store.version)
- 
+    const version = ref(store.version);
+
     const goBack = () => {
       if (route.path === "/") {
-       return;
+        return;
       } else {
         window.history.back();
       }
     };
- 
+
     return {
-        MenuIcon,
-        goBack,
-        arrowBack,
-        route,
-        version
+      MenuIcon,
+      goBack,
+      arrowBack,
+      route,
+      version,
     };
   },
 });

apps/yup-live-mobile/src/store/main.ts

@@ -30,6 +30,7 @@ const useMainStore = defineStore('main', {
                 },
                 bio: '',
                 fullname: '',
+                isTwitterBlue: false
             },
             deletePost: '',
             isLoggedIn: false,

apps/yup-live-mobile/src/theme/variables.css

@@ -188,14 +188,11 @@ body.dark {
  */
 
 .md body.dark {
-  --ion-background-color: #121212;
-  --ion-background-color-rgb: 18,18,18;
-
+  --ion-background-color: #18181b;
+  --ion-background-color-rgb: 18, 18, 18;
   --ion-text-color: #ffffff;
-  --ion-text-color-rgb: 255,255,255;
-
+  --ion-text-color-rgb: 255, 255, 255;
   --ion-border-color: #222222;
-
   --ion-color-step-50: #1e1e1e;
   --ion-color-step-100: #2a2a2a;
   --ion-color-step-150: #363636;
@@ -215,12 +212,8 @@ body.dark {
   --ion-color-step-850: #dbdbdb;
   --ion-color-step-900: #e7e7e7;
   --ion-color-step-950: #f3f3f3;
-
-  --ion-item-background: #1e1e1e;
-
-  --ion-toolbar-background: #1f1f1f;
-
-  --ion-tab-bar-background: #1f1f1f;
-
+  --ion-item-background: #18181b;
+  --ion-toolbar-background: #18181b;
+  --ion-tab-bar-background: #18181b;
   --ion-card-background: #1e1e1e;
 }

apps/yup-live-mobile/src/views/ConnectPage.vue

@@ -468,6 +468,7 @@ const doLogin = (params: Awaited<ReturnType<typeof onSignup>>) => {
         authToken: params?.authToken ?? "",
         weight: params?.weight ?? "1",
         fid: "",
+        isTwitterBlue: false,
       };
       storage.set("authInfo", JSON.stringify(userAuth));
       mainStore.userData = userAuth;
@@ -517,6 +518,7 @@ const doStoreLogin = async (params: Awaited<ReturnType<typeof onLogin>>) => {
         authToken: account.authToken,
         fid: "",
         connected: account.connected,
+        isTwitterBlue: account.isTwitterBlue,
       };
 
       await storage.set("authInfo", JSON.stringify(userAuth));

apps/yup-live-mobile/src/views/CrossPostModal.vue

@@ -620,9 +620,7 @@ export default defineComponent({
                   // insert a space before the link
                   el.appendChild(document.createTextNode("‎ "));
 
-                  el.appendChild(
-                    document.createTextNode(`${store.openPostShareLink}` ?? "")
-                  );
+                  el.appendChild(document.createTextNode(`${store.openPostShareLink}`));
                   setTimeout(() => {
                     const r = document.createRange();
                     r.setStart(el, 0);
@@ -704,6 +702,9 @@ export default defineComponent({
 
       upload.img = imageBase64 as string;
       upload.id = Math.random().toString(36).substring(7);
+      if (posts[index]?.fileInput?.value) {
+        (posts[index] as any).fileInput.value = "";
+      }
 
       isFileUploading.value = false;
     };