chore: fix mage in getStaticMetaFrame

andrei0x309 · Sep 18, 2024 · a6b0ad6 · a6b0ad6
1 parent 45168be
commit a6b0ad6
Show file tree

Hide file tree

Showing 13 changed files with 51 additions and 39 deletions.
diff --git a/apps/yup-live/src/pages/changeLog.vue b/apps/yup-live/src/pages/changeLog.vue
@@ -58,6 +58,8 @@ import { useHead } from "@unhead/vue";
 import { changes } from "shared/src/utils/changeLog";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 const siteData = {
   title: `Yup Live ChangeLog`,
   description: `Sumary of changes to yup live, all code is open source and available on github`,
@@ -72,9 +74,9 @@ useHead({
     },
     {
       name: "og:image",
-      content: `/share/yup-live-ogs/og-yup-live-changelog.png`,
+      content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-changelog.png`,
     },
-    ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-changelog.png`),
+    ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-changelog.png`),
   ],
 });
 

diff --git a/apps/yup-live/src/pages/custom-error.vue b/apps/yup-live/src/pages/custom-error.vue
@@ -42,6 +42,8 @@ import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 import { useRoute, useRouter } from "vue-router";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 export default defineComponent({
   name: "ErrorPage",
   components: {},
@@ -96,9 +98,9 @@ export default defineComponent({
         },
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/emissions.vue b/apps/yup-live/src/pages/emissions.vue
@@ -60,6 +60,8 @@ import { useMainStore } from "@/store/main";
 import { useRoute } from "vue-router";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 export default defineComponent({
   name: "EmissionsPage",
   components: {
@@ -100,7 +102,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -138,7 +140,7 @@ export default defineComponent({
           name: "twitter:description",
           content: computed(() => siteData.description).value,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/fc-channel.vue b/apps/yup-live/src/pages/fc-channel.vue
@@ -105,6 +105,7 @@ import { searchChannel } from "shared/src/utils/requests/web3-posting";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 const API_BASE = import.meta.env.VITE_YUP_API_BASE;
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const deps: IPostDeps = {
   stackAlertError,
@@ -164,7 +165,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-feeds.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-feeds.png`,
         },
         {
           name: "description",
@@ -202,7 +203,7 @@ export default defineComponent({
           name: "twitter:description",
           content: siteData.description,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-feeds.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-feeds.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/feeds.vue b/apps/yup-live/src/pages/feeds.vue
@@ -260,6 +260,7 @@ import DeleteIcon from "icons/src/delete.vue";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 const API_BASE = import.meta.env.VITE_YUP_API_BASE;
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const deps: IPostDeps = {
   stackAlertError,
@@ -355,7 +356,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-feeds.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-feeds.png`,
         },
         {
           name: "description",
@@ -393,7 +394,7 @@ export default defineComponent({
           name: "twitter:description",
           content: siteData.description,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-feeds.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-feeds.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/home.vue b/apps/yup-live/src/pages/home.vue
@@ -49,6 +49,8 @@ import { useMainStore, openConnectModal } from "@/store/main";
 
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 export default defineComponent({
   name: "HomePage",
   components: {
@@ -130,7 +132,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -168,7 +170,7 @@ export default defineComponent({
           name: "twitter:description",
           content: computed(() => siteData.description).value,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/meetings.vue b/apps/yup-live/src/pages/meetings.vue
@@ -115,6 +115,8 @@ import { useHead } from "@unhead/vue";
 
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 export default defineComponent({
   name: "MeetingRecordings",
   components: {
@@ -154,7 +156,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `$/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -192,7 +194,7 @@ export default defineComponent({
           name: "twitter:description",
           content: siteData.description,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/notifications.vue b/apps/yup-live/src/pages/notifications.vue
@@ -154,6 +154,8 @@ import { useMainStore } from "@/store/main";
 import { router } from "@/router";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
+const BASE_URL = import.meta.env.VITE_BASE_URL;
+
 export default defineComponent({
   name: "Notifications",
   components: {
@@ -187,7 +189,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -225,7 +227,7 @@ export default defineComponent({
           name: "twitter:description",
           content: computed(() => siteData.description).value,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/postDetail.vue b/apps/yup-live/src/pages/postDetail.vue
@@ -119,6 +119,7 @@ import BlueSkyIcon from "icons/src/bsky.vue";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 const API_BASE = import.meta.env.VITE_YUP_API_BASE;
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const postDeps: IPostDeps = {
   stackAlertError,
@@ -188,7 +189,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -226,7 +227,7 @@ export default defineComponent({
           name: "twitter:description",
           content: computed(() => siteData.description),
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     } as unknown) as Ref<HeadObject>);
 

diff --git a/apps/yup-live/src/pages/profile.vue b/apps/yup-live/src/pages/profile.vue
@@ -298,6 +298,7 @@ import {
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 const API_BASE = import.meta.env.VITE_YUP_API_BASE;
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const postDeps: IPostDeps = {
   stackAlertError,
@@ -431,7 +432,7 @@ export default defineComponent({
         },
         {
           name: "og:image",
-          content: `share/yup-live-ogs/og-yup-live-web3-profile.png`,
+          content: `${BASE_URL}share/yup-live-ogs/og-yup-live-web3-profile.png`,
         },
         {
           name: "twitter:card",
@@ -453,7 +454,9 @@ export default defineComponent({
           name: "twitter:image",
           content: `/share/yup-live-ogs/og-yup-live-web3-profile.png`,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-web3-profile.png`),
+        ...getStaticMetaFrame(
+          `${BASE_URL}/share/yup-live-ogs/og-yup-live-web3-profile.png`
+        ),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/reward-claim.vue b/apps/yup-live/src/pages/reward-claim.vue
@@ -248,18 +248,6 @@ export default defineComponent({
 
     const siteData = reactive({
       title: `Yup Content rewards claim`,
-      description: `Interact with the Yup content rewards contracts.`,
-      meta: [
-        {
-          name: "description",
-          content: `Interact with the Yup content rewards contracts.`,
-        },
-        {
-          name: "og:image",
-          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
-        },
-        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
-      ],
     });
 
     onUnmounted(() => {
@@ -271,8 +259,13 @@ export default defineComponent({
       meta: [
         {
           name: "description",
-          content: computed(() => siteData.description).value,
+          content: `Interact with the Yup content rewards contracts.`,
+        },
+        {
+          name: "og:image",
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/apps/yup-live/src/pages/team-panel.vue b/apps/yup-live/src/pages/team-panel.vue
@@ -83,6 +83,7 @@ import ActiveUsers from "./team/active-users.vue";
 import { getStaticMetaFrame } from "shared/src/utils/frame";
 
 const API_BASE = import.meta.env.VITE_YUP_API_BASE;
+const BASE_URL = import.meta.env.VITE_BASE_URL;
 
 const deps: IPostDeps = {
   stackAlertError,
@@ -142,7 +143,7 @@ export default defineComponent({
       meta: [
         {
           name: "og:image",
-          content: `/share/yup-live-ogs/og-yup-live-default.png`,
+          content: `${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`,
         },
         {
           name: "description",
@@ -180,7 +181,7 @@ export default defineComponent({
           name: "twitter:description",
           content: siteData.description,
         },
-        ...getStaticMetaFrame(`/share/yup-live-ogs/og-yup-live-default.png`),
+        ...getStaticMetaFrame(`${BASE_URL}/share/yup-live-ogs/og-yup-live-default.png`),
       ],
     });
 

diff --git a/packages/shared/src/utils/frame.ts b/packages/shared/src/utils/frame.ts
@@ -6,11 +6,11 @@ export const getStaticMetaFrame = (image: string) => {
         },
         {
             "name": "fc:frame:image",
-            "content": "https://moxie-frames.airstack.xyz/MoxieBalance/starting.png?v=1"
+            "content": image
         },
         {
             "name": "fc:frame:post_url",
-            "content": "https://moxie-frames.airstack.xyz/mb/frame?r="
+            "content": 'https://yup.live'
         },
         {
             "name": "fc:frame:image:aspect_ratio",
@@ -49,8 +49,8 @@ export const getStaticMetaFrame = (image: string) => {
             "content": "link"
         },
         {
-            "name": "fc:frame:button:2:target",
-            "content": "https://warpcast.com/?composerActionURL=https://yup.live"
+            "name": "fc:frame:button:3:target",
+            "content": `https://warpcast.com/?composerActionURL=${encodeURIComponent('https://yup.live')}`
         },
     ] as { name: string, content: string }[];
     return meta;