Feature/refactoring

src/common/color.ts

@@ -0,0 +1,99 @@
+/**
+ * Converts an RGB color value to HSL. Conversion formula
+ * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
+ * Assumes r, g, and b are contained in the set [0, 255] and
+ * returns h, s, and l in the set [0, 1].
+ *
+ * @return  Array           The HSL representation
+ * @param r
+ * @param g
+ * @param b
+ */
+export function rgbToHsl(r: number, g: number, b: number): [number, number, number] {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+
+    const max = Math.max(r, g, b),
+        min = Math.min(r, g, b);
+    let h,
+        s,
+        l = (max + min) / 2;
+
+    if (max == min) {
+        h = s = 0; // achromatic
+    } else {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+            default:
+                h = 0;
+                break;
+        }
+
+        h /= 6;
+    }
+
+    return [h, s, l];
+}
+
+/**
+ * Converts an HSL color value to RGB. Conversion formula
+ * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
+ * Assumes h, s, and l are contained in the set [0, 1] and
+ * returns r, g, and b in the set [0, 255].
+ *
+ * @return  Array           The RGB representation
+ * @param h
+ * @param s
+ * @param l
+ */
+export function hslToRgb(h: number, s: number, l: number): [number, number, number] {
+    let r, g, b;
+
+    if (s == 0) {
+        r = g = b = l; // achromatic
+    } else {
+        function hue2rgb(p: number, q: number, t: number) {
+            if (t < 0) t += 1;
+            if (t > 1) t -= 1;
+            if (t < 1 / 6) return p + (q - p) * 6 * t;
+            if (t < 1 / 2) return q;
+            if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+            return p;
+        }
+
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+
+    return [r * 255, g * 255, b * 255];
+}
+
+export function hex2rgb(hex: string): [number, number, number] {
+    const res = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return res ? [parseInt(res[1], 16), parseInt(res[2], 16), parseInt(res[3], 16)] : [0, 0, 0];
+}
+
+export function rgb2hex(r: number, g: number, b: number) {
+    return (
+        '#' +
+        Math.round((1 << 24) + (r << 16) + (g << 8) + b)
+            .toString(16)
+            .slice(1)
+    );
+}

src/common/theme.ts

@@ -0,0 +1,14 @@
+import RSS3 from '@/common/rss3';
+import { RSS3Asset } from 'rss3-next/types/rss3';
+
+const setupTheme = (assets: RSS3Asset[]) => {
+    // Setup theme
+    const themes = RSS3.getAvailableThemes(assets);
+    if (themes[0]) {
+        document.body.classList.add(themes[0].class);
+    } else {
+        document.body.classList.remove(...document.body.classList);
+    }
+};
+
+export default setupTheme;

src/common/types.ts

@@ -16,6 +16,7 @@ export interface GitcoinResponse {
 export interface NFT extends Asset {
     token_id: string;
     name?: string;
+    chain: 'BSC' | 'Ethereum' | 'Polygon';
     description?: string | null;
     image_url?: string | null;
     image_preview_url?: string | null;
@@ -39,6 +40,7 @@ export interface NFT extends Asset {
 }
 
 export interface GrantInfo {
+    id?: string;
     active: boolean;
     title?: string;
     slug?: string;
@@ -54,12 +56,15 @@ export interface GrantInfo {
 
 export interface DonationInfo {
     donor: string;
+    adminAddr?: string;
     tokenAddr: string;
     amount: string;
     symbol?: string;
+    decimals?: number;
     formatedAmount?: string;
     timeStamp: string;
     txHash: string;
+    approach?: 'zkSync' | 'Standard';
 }
 
 export interface DonationDetailByGrant {
@@ -105,7 +110,7 @@ export interface GeneralAsset {
         animation_original_url?: string | null;
         title?: string;
         total_contribs?: number;
-        token_contribs: {
+        token_contribs?: {
             token: string;
             amount: string;
         }[];
@@ -119,3 +124,12 @@ export interface GeneralAsset {
 export interface GeneralAssetWithTags extends GeneralAsset {
     tags?: string[];
 }
+
+export interface Profile {
+    avatar: string;
+    username: string;
+    address: string;
+    bio: string;
+    rns?: string;
+    displayAddress?: string;
+}