chore: add pages worker

.gitignore

@@ -34,3 +34,6 @@ yarn-error.log*
 .turbo
 **/dist/**
 **/node_modules/**
+
+# cloudflare
+.wrangler

apps/yup-live/package.json

@@ -8,9 +8,10 @@
     "lint": "eslint --ext .ts,.vue --ignore-path .gitignore --fix src&&prettier . -w -u",
     "build-no-ssg": "vite build",
     "build-ssg": "vite-ssg build",
+    "build-worker": "bun build ./worker/worker.ts --outfile=./dist/_worker.js",
     "encrypt": "node ./scripts/build-encrypt.mjs --env-file=.env",
     "preview": "vite preview",
-    "build": "yarn build-ssg"
+    "build": "yarn build-ssg && yarn build-worker"
   },
   "husky": {
     "hooks": {
@@ -22,6 +23,7 @@
     "*": "prettier -w -u"
   },
   "dependencies": {
+    "@airstack/frames": "^1.2.0",
     "@ethersproject/abstract-signer": "^5.7.0",
     "@noble/hashes": "^1.3.0",
     "@oruga-ui/oruga-next": "^0.7.0",
@@ -46,6 +48,7 @@
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
+    "@cloudflare/workers-types": "^4.20240909.0",
     "@types/d3": "^7.4.0",
     "@types/node": "^18.19.6",
     "@types/video.js": "^7.3.56",

apps/yup-live/src/components/content/post/crossPost.vue

@@ -520,7 +520,7 @@ export default defineComponent({
       let searchTerm = "";
       do {
         searchTerm = searchString;
-        result = await searchChannel(searchString);
+        result = (await searchChannel(searchString)) as TChannel[];
       } while (searchTerm !== searchString);
       channels.value = result;
       isChannelSearching.value = false;
@@ -588,7 +588,7 @@ export default defineComponent({
       if (!imageFile) return;
       isFileUploading.value = true;
       const imageBase64 = await fileToBase64(imageFile);
-      const upload = await mediaUpload(store, postPlatforms.value, imageFile);
+      const upload = (await mediaUpload(store, postPlatforms.value, imageFile)) as any;
 
       if (upload?.errors) {
         const platforms = [] as TPlatform[];
@@ -637,7 +637,7 @@ export default defineComponent({
         );
         postPlatforms.value = postPlatforms.value.filter((p) => p !== "bsky");
       }
-      const upload = await mediaUpload(store, postPlatforms.value, videoFile);
+      const upload = (await mediaUpload(store, postPlatforms.value, videoFile)) as any;
       if (upload?.errors) {
         const platforms = [] as TPlatform[];
         for (const error of upload.errors) {

apps/yup-live/tsconfig.json

@@ -15,7 +15,8 @@
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "types": ["@cloudflare/workers-types/2023-07-01"]
   },
   "include": [
     "./src/**/*.js",
@@ -24,6 +25,7 @@
     "./src/**/*.tsx",
     "./src/**/*.vue",
     "./src/**/*.vue",
+    "./worker/**/*.ts",
     "../../packages/icons/src/**/*.vue",
     "../../packages/shared/src/**/*.*",
     "../../packages/components/**/*.vue"

apps/yup-live/worker/types.ts

@@ -0,0 +1,19 @@
+export interface T_FRAME_API_BODY {
+    untrustedData: {
+        fid: number
+        url: string
+        messageHash: string
+        timestamp: number
+        network: number
+        buttonIndex: number
+        inputText: string
+        castId: {
+            fid: number
+            hash: string
+        }
+        state: string
+    }
+    trustedData: {
+        messageBytes: string
+    }
+}

apps/yup-live/worker/utils.ts

@@ -0,0 +1,18 @@
+import {
+  validateFramesMessage as verifyMessageWithAirstack,
+  ValidateFramesMessageInput,
+  init
+} from '@airstack/frames'
+
+import type { T_FRAME_API_BODY } from './types'
+
+
+export const verifyMessage = async (body: T_FRAME_API_BODY, AIRSTACK_KEY: string): Promise<{ valid: boolean }> => {
+  try {
+    init(AIRSTACK_KEY)
+    const verify = await verifyMessageWithAirstack(body as ValidateFramesMessageInput)
+    return { valid: verify.isValid }
+  } catch (e) {
+    return { valid: false }
+  }
+}

apps/yup-live/worker/worker.ts

@@ -0,0 +1,43 @@
+/* eslint-disable no-undef */
+import { verifyMessage } from './utils'
+import type { T_FRAME_API_BODY } from './types'
+
+
+interface Env {
+  ASSETS: Fetcher;
+  AIRSTACK_KEY: string;
+}
+
+export default {
+  async fetch (request, env): Promise<Response> {
+    const url = new URL(request.url);
+    if (url.pathname.startsWith('/api/miniapp')) {
+      // get url from query
+      const url = new URL(request.url);
+      const query = url.searchParams;
+      const urlToFetch = query.get('url');
+
+      // check if method is POST
+      if (request.method === 'POST') {
+        const body = await request.json() as T_FRAME_API_BODY;
+        verifyMessage(body, env.AIRSTACK_KEY)
+      }
+
+      const jsonToSend = {
+        "type": "form",
+        "title": "Yup Link",
+        "url": urlToFetch,
+      }
+
+      return new Response(JSON.stringify(jsonToSend), {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+    }
+    // Otherwise, serve the static assets.
+    // Without this, the Worker will error and no assets will be served.
+    return env.ASSETS.fetch(request);
+  },
+} satisfies ExportedHandler<Env>;

package.json

@@ -18,5 +18,8 @@
   },
   "engines": {
     "node": ">=16.0.0"
+  },
+  "dependencies": {
+    "wrangler": "^3.78.5"
   }
 }