diff --git a/apps/yup-live/src/pages/changeLog.vue b/apps/yup-live/src/pages/changeLog.vue index a513be3..994eef9 100644 --- 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 index 3dd10a4..5ffdee8 100644 --- 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 index 69c2282..94b491d 100644 --- 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 index 496b282..8f6d0f5 100644 --- 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 index c986b05..0bb100b 100644 --- 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 index f11d146..f6f377f 100644 --- 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 index 8d0afe9..3f02b37 100644 --- 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 index ca381ca..bbc41f8 100644 --- 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 index d0a66f1..a3aed52 100644 --- 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); diff --git a/apps/yup-live/src/pages/profile.vue b/apps/yup-live/src/pages/profile.vue index d29bc20..e82e250 100644 --- 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 index a988362..6e43944 100644 --- 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 index 4269844..e2932b0 100644 --- 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 index 65aaf82..a1e377b 100644 --- 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=https%3A%2F%2Fapi.paragraph.xyz%2Ffarcaster%2Fv2%2Faction%3Furl%3Dhttps%3A%2F%2Fyup.live' }, ] as { name: string, content: string }[]; return meta;