Add tappads api endpoint

Author: chiliec

.env.example

@@ -21,4 +21,5 @@ TESTNET=true
 STABILITY_API_KEY=
 OPENAI_API_KEY=
 TELEMETREE_API_KEY=
-TELEMETREE_PROJECT_ID=
+TELEMETREE_PROJECT_ID=
+TAPPADS_SECRET_URL=/secret-url

src/backend/tappads.ts

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable camelcase */
+import { usdToPoints } from "#root/bot/helpers/points"
+import { BalanceChangeType } from "#root/bot/models/balance"
+import { addPoints, findUserById } from "#root/bot/models/user"
+import { config } from "#root/config"
+import { logger } from "#root/logger"
+
+const tappadsHandler = (fastify: any, _options: any, done: () => void) => {
+  const secretUrl = config.TAPPADS_SECRET_URL
+  // eslint-disable-next-line no-unused-vars
+  fastify.get(secretUrl, async (request: any, _reply: any) => {
+    const { offer, payout, currency, goal_id, clickid, sub3 } = request.query
+    if (sub3) {
+      const userId = Number(sub3)
+      const user = await findUserById(userId)
+      if (!user) {
+        logger.error(`User ${userId} not found`)
+        return { result: false }
+      }
+      logger.info(`User ${userId} solved ${offer}:${clickid}:${goal_id} with ${payout}${currency}`)
+      const points = usdToPoints(payout)
+      await addPoints(userId, points, BalanceChangeType.Task)
+      return { result: true }
+    }
+    return { result: false }
+  })
+  done()
+}
+
+export default tappadsHandler

src/bot/models/balance.ts

@@ -9,6 +9,7 @@ export enum BalanceChangeType {
   Dice = 3,
   Referral = 4,
   Donation = 5, // TON
+  Task = 6,
 }
 
 export function getBalanceChangeTypeName(type: BalanceChangeType): string {

src/config.ts

@@ -38,6 +38,7 @@ const createConfigFromEnvironment = (environment: NodeJS.ProcessEnv) => {
     OPENAI_API_KEY: z.string(),
     TELEMETREE_API_KEY: z.string(),
     TELEMETREE_PROJECT_ID: z.string(),
+    TAPPADS_SECRET_URL: z.string(),
   })
 
   if (config.BOT_MODE === "webhook") {

src/frontend/components.d.ts

@@ -11,13 +11,13 @@ declare module 'vue' {
     Clicker: typeof import('./src/components/Clicker.vue')['default']
     CNFT: typeof import('./src/components/CNFT.vue')['default']
     FAQ: typeof import('./src/components/FAQ.vue')['default']
-    Feed: typeof import('./src/components/Feed.vue')['default']
     Header: typeof import('./src/components/Header.vue')['default']
     Main: typeof import('./src/components/Main.vue')['default']
     MainMenu: typeof import('./src/components/nested/MainMenu.vue')['default']
     Pagination: typeof import('./src/components/nested/Pagination.vue')['default']
     Presentation: typeof import('./src/components/Presentation.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    Tasks: typeof import('./src/components/Tasks.vue')['default']
   }
 }

src/frontend/src/components/Feed.vue renamed to src/frontend/src/components/Tasks.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="feed-container">
+  <div class="task-container">
     <div v-if="refreshing" class="loading">
       <div class="planet-loader"></div>
       <p>Loading...</p>
@@ -9,23 +9,23 @@
     </div>
     <template v-else>
       <ul
-        v-if="feedItems.length"
-        class="feed-list"
+        v-if="taskItems.length"
+        class="task-list"
         @touchstart="startRefresh"
         @touchmove="moveRefresh"
         @touchend="endRefresh"
       >
-        <li v-for="item in feedItems" :key="item.id" class="feed-item">
+        <li v-for="item in taskItems" :key="item.id" class="task-item">
           <div class="item-content">
-            <img :src="item.icon" :alt="item.name" class="feed-icon" />
-            <div class="feed-text">
+            <img :src="item.icon" :alt="item.name" class="task-icon" />
+            <div class="task-text">
               <h3>{{ item.name }}</h3>
               <p>{{ item.description }}</p>
             </div>
           </div>
           <p>{{ usdToPoints(item.payout) }} $CUBE</p>
           <button
-            class="feed-button"
+            class="task-button"
             :disabled="item.is_done"
             @click="handleClick(item)"
             :style="{
@@ -39,15 +39,15 @@
       </ul>
       <div v-else class="empty-state">
         <p>No entities detected</p>
-        <button @click="fetchFeed" class="refresh-button">
+        <button @click="fetchTasks" class="refresh-button">
           <span class="refresh-icon">↻</span> Scan Again
         </button>
       </div>
     </template>
   </div>
 </template>
 
-<script setup lang="ts" name="FeedComponent">
+<script setup lang="ts" name="TasksComponent">
 import { ref, onMounted, Ref, watch } from "vue"
 import axios from "axios"
 import useLoadingAndError from "../composables/useLoadingAndError"
@@ -79,7 +79,7 @@ interface TappAdsOffer {
 const tappAdsKey: string = import.meta.env.VITE_APIKEY
 const { loadingInstance, showError } = useLoadingAndError()
 const userStore = useUserStore()
-const feedItems: Ref<TappAdsOffer[]> = ref([])
+const taskItems: Ref<TappAdsOffer[]> = ref([])
 const error = ref(null)
 const refreshing = ref(false)
 const startY = ref(0)
@@ -88,7 +88,7 @@ function escape(str: string) {
   return (str + "").replace(/[\\"']/g, "\\$&").replace(/\u0000/g, "\\0")
 }
 
-const fetchFeed = async () => {
+const fetchTasks = async () => {
   if (refreshing.value) return
   refreshing.value = true
   loadingInstance.visible.value = true
@@ -104,7 +104,7 @@ const fetchFeed = async () => {
         ua: escape(navigator.userAgent),
       },
     })
-    feedItems.value = response.data as TappAdsOffer[]
+    taskItems.value = response.data as TappAdsOffer[]
   } catch (err) {
     showError(err)
   } finally {
@@ -118,7 +118,11 @@ const handleClick = async (item: any) => {
     loadingInstance.visible.value = true
     openLink(item.url)
     await sleep(1000)
-    const res = await axios.get(item.click_postback)
+    const userId = userStore.user?.id
+    const ip = userStore.user?.ip ?? "0.0.0.0"
+    const ua = escape(navigator.userAgent)
+    const addParams = `&ip=${ip}&ua=${ua}&sub2=${userId}`
+    const res = await axios.get(item.click_postback + addParams)
     if (res.data.is_done === true) {
       item.is_done = true
     }
@@ -137,7 +141,7 @@ const moveRefresh = (e: TouchEvent) => {
   const touch = e.touches[0]
   const pullDistance = touch.clientY - startY.value
   if (pullDistance > 50 && !refreshing.value) {
-    fetchFeed()
+    fetchTasks()
   }
 }
 
@@ -147,33 +151,33 @@ const endRefresh = () => {
 
 onMounted(() => {
   if (userStore.user) {
-    fetchFeed()
+    fetchTasks()
   }
 })
 
 watch(
   () => userStore.user,
   () => {
-    fetchFeed()
+    fetchTasks()
   }
 )
 </script>
 
 <style scoped>
-.feed-container {
+.task-container {
   max-height: 100vh;
   overflow-y: auto;
   background-color: rgba(0, 0, 51, 0.8);
   font-family: "Arial", sans-serif;
   color: #fff;
 }
 
-.feed-list {
+.task-list {
   list-style-type: none;
   padding: 0;
 }
 
-.feed-item {
+.task-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -185,7 +189,7 @@ watch(
   transition: all 0.3s ease;
 }
 
-.feed-item:hover {
+.task-item:hover {
   transform: translateY(-2px);
   box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
 }
@@ -195,7 +199,7 @@ watch(
   align-items: center;
 }
 
-.feed-icon {
+.task-icon {
   width: 50px;
   height: 50px;
   margin-right: 15px;
@@ -204,19 +208,19 @@ watch(
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
 }
 
-.feed-text h3 {
+.task-text h3 {
   margin: 0 0 5px 0;
   color: #fff;
   font-size: 18px;
 }
 
-.feed-text p {
+.task-text p {
   margin: 0;
   color: #ccc;
   font-size: 14px;
 }
 
-.feed-button {
+.task-button {
   padding: 8px 15px;
   background-color: rgba(255, 255, 255, 0.2);
   color: #fff;

src/frontend/src/components/nested/MainMenu.vue

@@ -5,7 +5,7 @@
       <router-link to="/cnft" class="menu-link" active-class="active">🎨</router-link>
       <router-link to="/clicker" class="menu-link" active-class="active">🖱️</router-link>
       <router-link
-        to="/feed"
+        to="/tasks"
         class="menu-link"
         v-show="isDevelopment"
         active-class="active"

src/frontend/src/main.ts

@@ -12,7 +12,7 @@ import FAQComponent from "./components/FAQ.vue";
 import PresentationComponent from "./components/Presentation.vue";
 import { fluent } from "./fluent";
 import ClickerComponent from "./components/Clicker.vue";
-import FeedComponent from "./components/Feed.vue";
+import TasksComponent from "./components/Tasks.vue";
 
 const routes = [
   // RESERVED: /cnfts /api
@@ -24,7 +24,7 @@ const routes = [
 ];
 
 if (import.meta.env.VITE_ENV === "development") {
-  routes.push({ path: "/feed", mame: "FeedPage", component: FeedComponent });
+  routes.push({ path: "/tasks", mame: "TasksPage", component: TasksComponent });
 }
 
 const router = createRouter({

src/server.ts

@@ -9,6 +9,7 @@ import { authHandler } from "./backend/auth-handler"
 import nftHandler from "./backend/nft-handler"
 import checkCaptcha from "./backend/captcha"
 import analyticsHandler from "./backend/analytics"
+import tappadsHandler from "./backend/tappads"
 
 export const createServer = async (bot: Bot) => {
   const server = fastify({
@@ -27,6 +28,8 @@ export const createServer = async (bot: Bot) => {
 
   await server.register(nftHandler, { prefix: "/api/nft" })
 
+  await server.register(tappadsHandler, { prefix: "/api/tappads" })
+
   await server.register(checkCaptcha, { bot })
 
   const __filename = fileURLToPath(import.meta.url)