update: merkl app (AngleProtocol#5)

* create: merkl-lite * chore: update CI * sync: merkl app changes (AngleProtocol#46) * fix: some type errors * add: services model draft * change: more opportunity types * fix: lint * add: themes and theme switcher in dev mode (AngleProtocol#4) * add: theme selector when in dev mode * add: theme switcher in dev mode * fix: protocol empty tag * fix: lint error * Tabs sync (AngleProtocol#5) * tabs, capitalize, socials * fix lint * change links to terms & priuvacy * lint * move edit address to breadcrumbs * user edit in component * footer issue ok * show bg-main color instead of banner outside of home and opportunities * add link to protocol header * implement zkSync colors/fonts as default * commit hash * lint * remove comments * lint * feat: re add CI (AngleProtocol#6) * Feat/leaderboard display (AngleProtocol#7) * Update the display of daily rewards * refactor: update CampaignTableRow to use Dropdown for blacklist and whitelist, and improve layout with Divider * wip handling rewards * update: dashboard styling (AngleProtocol#8) * tweak: dashboard * tweak: dappkit * fix: no user warning * remove: input from description * fix: lint * add(front): modal, hero, select, tabs/tags, pagination (AngleProtocol#9) * pagination wip * review Hero cpt gp * change pagination * change modal * change Hero + connect wallet and search results modals * lint * commit hash * comit hash * commit * update: opportunity campaigns/leaderboard view (AngleProtocol#11) * update: campaign information collapsible * update: campaign information * add: campaign rules * update: leaderboard * fixes * fix: lint * tweaks * fix: aggregate * feat: add APR modal and table components for opportunity details on h… (AngleProtocol#10) * feat: add APR modal and table components for opportunity details on hover opportunities table * lint * Apr tvl modal end * Feat Hero campaign and protocol (AngleProtocol#13) * Feat Hero campaign and protocol * fix api call on subpage * lint and request can't be undefinable on service * feat(opportunity): new hero, tableRow, OpportunityFilters (AngleProtocol#15) * working on table row + new hero image * add fitlers * add todos * lint * lint * ✨ sum daily rewards fora protocol (AngleProtocol#16) * Fix/campaign page (AngleProtocol#17) * wording * fix hero link default home * lint * wording * wording * show icon * ✨ redirect to Etherscan on TOken tooltip * 🐛 change Time zone UTC * update: opportunities pages (AngleProtocol#14) * add: metrics badges * update: opportunity list * fix: rewardsRecord sometimes being missing * add: apply button * add: loading bar * rm: log & lint * add: protocols filter * fix: search params * fix: * fix: lint * add: missing chains * fixes * update: dappkit * fix: lint * remove: comment * add: constant * apr (AngleProtocol#18) * apr done * hide forwards if none + change border * lint * replace content null * Fix/campaign page (AngleProtocol#20) * wording * fix lint error * fix time when live * wording * link to dashboard on leaderboard addresses * Leaderboard campaign selector display * lint * add lastSnapshot * add lastSnapshot (AngleProtocol#21) * fixes: feedback, mainly opportunities & dashboard (AngleProtocol#22) * fix: search & filters * update: descriptions * add: rewards siorting * add: tvl filter * fix * fix: redirect * fix: whitelist * add: selective claim * add: selective token * add: global claim * fix * lint * typo * fix: explorer * caching * add caching test * lint * update * add: cache on static resoruces (AngleProtocol#23) * Enhance opportunity data retrieval with APR and daily rewards metrics (AngleProtocol#24) * fix: pagination defaulting & cache (AngleProtocol#25) * fix: bugs in selectors * fix: dappkit * clean wip: comment out static sideDatas for dynamic implementation (AngleProtocol#26) * fix: protocl filter (AngleProtocol#27) * fix: protocol desc (AngleProtocol#28) * fix: protocol: description * rm: log * token stats + cleaning (AngleProtocol#29) * Small APR Fix (AngleProtocol#19) * lint * commit hash * commit hash * commit hash * Fixes on protocol, chain, token and campaign pages (AngleProtocol#30) * Fixes on protocol, chain, token and campaign pages * lint * fix tooltip * add: depositor (AngleProtocol#31) * update: dappkit (AngleProtocol#33) * remove: workflwos --------- Co-authored-by: sheykei <[email protected]> Co-authored-by: Viande <[email protected]> Co-authored-by: Picodes <[email protected]> Co-authored-by: hugolxt <[email protected]> Co-authored-by: Hugo Lextrait <[email protected]> * remove: extra files * fix * fix --------- Co-authored-by: picodes <[email protected]> Co-authored-by: sheykei <[email protected]> Co-authored-by: Viande <[email protected]> Co-authored-by: Picodes <[email protected]> Co-authored-by: hugolxt <[email protected]> Co-authored-by: Hugo Lextrait <[email protected]>
AngleProtocol · Dec 16, 2024 · c1750aa · c1750aa
1 parent 0c19ecb
commit c1750aa
Show file tree

Hide file tree

Showing 125 changed files with 3,132 additions and 1,427 deletions.
diff --git a/.github/workflows/update_production.yml b/.github/workflows/update_production.yml
diff --git a/.github/workflows/update_staging.yml b/.github/workflows/update_staging.yml
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@ For detailed terms and conditions, refer to the [`LICENSE`](./LICENSE) file in t
 # Welcome to Merkl Lite !
 
 ## Prerequisites
+
 - [Bun](https://bun.sh/)
 - [Remix](https://remix.run/docs)
 

diff --git a/merkl.config.ts b/merkl.config.ts
@@ -1,70 +1,58 @@
 import { createColoring } from "dappkit";
 import { createConfig } from "src/config/type";
-import { createClient, custom, http } from "viem";
+import hero from "src/customer/assets/images/hero.jpg?url";
+import { http, createClient, custom } from "viem";
 import {
-  mainnet,
-  optimism,
-  rootstock,
-  bsc,
-  gnosis,
-  thunderCore,
-  fuse,
-  polygon,
-  manta,
-  xLayer,
-  fantom,
-  fraxtal,
-  filecoin,
-  zksync,
-  worldchain,
+  arbitrum,
   astar,
-  polygonZkEvm,
-  coreDao,
-  moonbeam,
-  sei,
   astarZkEVM,
-  mantle,
+  avalanche,
   base,
+  blast,
+  bob,
+  bsc,
+  coreDao,
+  etherlink,
+  fantom,
+  filecoin,
+  fraxtal,
+  fuse,
+  gnosis,
   immutableZkEvm,
-  mode,
-  arbitrum,
-  avalanche,
   linea,
-  bob,
-  blast,
-  taiko,
+  lisk,
+  mainnet,
+  manta,
+  mantle,
+  mode,
+  moonbeam,
+  optimism,
+  polygon,
+  polygonZkEvm,
+  rootstock,
   scroll,
+  sei,
+  taiko,
+  thunderCore,
+  worldchain,
+  xLayer,
+  zksync,
 } from "viem/chains";
-import { coinbaseWallet, walletConnect } from "wagmi/connectors";
-import hero from "src/customer/assets/images/hero.jpg?url";
 import { eip712WalletActions } from "viem/zksync";
+import { coinbaseWallet, walletConnect } from "wagmi/connectors";
 
 export default createConfig({
   appName: "Puffer",
-  defaultTheme: "puffer",
   modes: ["light"],
+  defaultTheme: "puffer",
+  deposit: false,
   themes: {
-    merkl: {
-      base: createColoring(
-        ["#2A35BD", "#F5F9FF", "#FFFFFF"],
-        ["#2A35BD", "#F5F9FF", "#FFFFFF"]
-      ),
-      info: createColoring(
-        ["#2ABDFF", "#2ABDFF", "#131620"],
-        ["#FFFFFF", "#40B66B", "white"]
-      ),
-      good: createColoring(
-        ["#40B66B", "#40B66B", "#131620"],
-        ["#FFFFFF", "#40B66B", "white"]
-      ),
-      warn: createColoring(
-        ["#ff9600", "#ff9600", "#131620"],
-        ["#FFFFFF", "#40B66B", "white"]
-      ),
-      harm: createColoring(
-        ["#d22e14", "#d22e14", "#131620"],
-        ["#FFFFFF", "#40B66B", "white"]
-      ),
+    puffer: {
+      base: createColoring(["#2A35BD", "#F5F9FF", "#FFFFFF"], ["#2A35BD", "#F5F9FF", "#FFFFFF"]),
+      info: createColoring(["#2ABDFF", "#2ABDFF", "#131620"], ["#FFFFFF", "#40B66B", "white"]),
+      good: createColoring(["#40B66B", "#40B66B", "#131620"], ["#FFFFFF", "#40B66B", "white"]),
+      warn: createColoring(["#ff9600", "#ff9600", "#131620"], ["#FFFFFF", "#40B66B", "white"]),
+      harm: createColoring(["#d22e14", "#d22e14", "#131620"], ["#FFFFFF", "#40B66B", "white"]),
     },
   },
   sizing: {
@@ -91,16 +79,16 @@ export default createConfig({
     //   route: "/protocols",
     //   key: crypto.randomUUID(),
     // },
-    terms: {
-      icon: "RiCompassesLine",
-      route: "/terms",
-      key: crypto.randomUUID(),
-    },
-    privacy: {
-      icon: "RiInformationFill",
-      route: "/privacy",
-      key: crypto.randomUUID(),
-    },
+    // terms: {
+    //   icon: "RiCompassesLine",
+    //   route: "/terms",
+    //   key: crypto.randomUUID(),
+    // },
+    // privacy: {
+    //   icon: "RiInformationFill",
+    //   route: "/privacy",
+    //   key: crypto.randomUUID(),
+    // },
   },
   socials: {
     discord: "https://discord.com/invite/pufferfi",
@@ -110,13 +98,17 @@ export default createConfig({
   },
   links: {
     merkl: "https://merkl.xyz/",
+    merklTermsConditions: "https://app.merkl.xyz/merklTerms.pdf",
+    merklPrivacy: "https://privacy.angle.money",
   },
+  footerLinks: [],
   wagmi: {
     chains: [
       mainnet,
       optimism,
       rootstock,
       bsc,
+      lisk,
       gnosis,
       thunderCore,
       fuse,
@@ -126,6 +118,7 @@ export default createConfig({
       fantom,
       fraxtal,
       filecoin,
+      etherlink,
       zksync,
       worldchain,
       astar,

diff --git a/package.json b/package.json
@@ -7,8 +7,8 @@
     "start": "bun run scripts/start.ts",
     "build": "remix vite:build",
     "dev": "remix vite:dev --host",
-    "lint": "biome check --fix ./src",
-    "lint:ci": "biome check --diagnostic-level error ./src",
+    "lint": "biome check --fix ./src ./*.ts",
+    "lint:ci": "biome check --diagnostic-level error ./src ./*.ts",
     "serve": "remix-serve ./build/server/index.js",
     "typecheck": "tsc"
   },
@@ -17,10 +17,10 @@
   ],
   "dependencies": {
     "@acab/ecsstatic": "^0.8.0",
-    "@merkl/api": "0.10.78",
     "@ariakit/react": "^0.4.12",
     "@elysiajs/eden": "^1.1.3",
     "@emotion/css": "^11.13.4",
+    "@merkl/api": "0.10.156",
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@remix-run/dev": "^2.11.2",
@@ -39,6 +39,7 @@
     "lucide-react": "^0.439.0",
     "match-sorter": "^6.3.4",
     "moment": "^2.30.1",
+    "node-cache": "^5.1.2",
     "qs": "^6.13.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -48,7 +49,7 @@
     "tailwindcss": "^3.4.12",
     "tailwindcss-animate": "^1.0.7",
     "typedoc": "^0.26.7",
-    "viem": "2.x",
+    "viem": "2.21.54",
     "vite-plugin-dts": "^4.2.1",
     "wagmi": "^2.12.29",
     "zustand": "^5.0.0-rc.2"

diff --git a/packages/dappkit b/packages/dappkit
diff --git a/src/api/services/cache.service.ts b/src/api/services/cache.service.ts
@@ -0,0 +1,42 @@
+import type { ClientLoaderFunction, ClientLoaderFunctionArgs } from "@remix-run/react";
+import NodeCache from "node-cache";
+
+export class CacheService {
+  cache = new NodeCache();
+
+  set<T>(key: string, ttl: number, value: T) {
+    this.cache.set(key, value, ttl);
+
+    return value;
+  }
+
+  get<T>(key: string): T | undefined {
+    const cached = this.cache.get<T>(key);
+
+    return cached;
+  }
+
+  reset(key: string) {
+    this.cache.del(key);
+  }
+
+  wrap(resource: string, ttl: number): ClientLoaderFunction {
+    const loader = async ({ request, serverLoader }: ClientLoaderFunctionArgs) => {
+      const key = `${resource}:${request.url}`;
+      const cache = Cache.get(key);
+
+      if (cache) return cache;
+
+      const data = await serverLoader();
+
+      Cache.set(key, ttl, data);
+
+      return data;
+    };
+
+    loader.hydrate = true;
+    return loader;
+  }
+}
+
+export const Cache = new CacheService();
diff --git a/src/api/services/campaigns/campaign.model.ts b/src/api/services/campaigns/campaign.model.ts
@@ -0,0 +1,6 @@
+import type { Campaign as CampaignFromApi } from "@merkl/api";
+import type { Fetched } from "src/api/types";
+
+export type Campaign<C extends CampaignFromApi["type"] = CampaignFromApi["type"]> = Fetched<CampaignFromApi<C>> & {
+  params: CampaignFromApi<C>["params"];
+};