Merge pull request #1 from earth-association/feat-nfts

Add validators, image helper functions

Author: earthflower

package.json

@@ -1,11 +1,11 @@
 {
   "name": "@earthwallet/assets",
-  "version": "0.3.1",
+  "version": "0.3.5",
   "description": "Secure assets fetching and transfer functions for Earth Wallet",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
   "module": "build/module/index.js",
-  "repository": "https://github.com/earthgohan/assets",
+  "repository": "https://github.com/earth-association/assets",
   "license": "MIT",
   "keywords": [],
   "scripts": {

src/util/icp/index.spec.ts

@@ -15,7 +15,7 @@ test('get tokens for a EXT type canister for a user', async (t) => {
       info: {
         seller:
           'o7nwu-n6kuf-4afzp-ybcuf-346pr-odd54-damf5-v4pvc-4sexh-cabph-7qe',
-        price: BigInt(18000000000),
+        price: BigInt(18000000000).toString(),
         locked: [],
       },
       tokenIndex: 2112,
@@ -60,7 +60,7 @@ test('list not owned NFT of a canister should give UNAUTHORISED status', async (
       'owuqd-dyaaa-aaaah-qapxq-cai',
       walletObj.identity,
       '2112',
-      4
+      180
     );
 
     t.is(status, 'UNAUTHORISED');

src/util/icp/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Actor, HttpAgent } from '@dfinity/agent';
 import { sha224 } from '@dfinity/rosetta-client/lib/hash';
 import fetch from 'cross-fetch';
@@ -31,6 +32,14 @@ export const principal_id_to_address_buffer = (pid) => {
   ]);
 };
 
+export const getTokenImageExt = (canisterId: string, tokenid: string) =>
+  `https://${canisterId}.raw.ic0.app/?tokenid=${tokenid}`;
+
+export const getTokenThumbnailImageExt = (
+  canisterId: string,
+  tokenid: string
+) => `https://${canisterId}.raw.ic0.app/?type=thumbnail&tokenid=${tokenid}`;
+
 export const getNFTsFromCanisterExt = async (
   canisterId: string,
   accountId: string
@@ -63,11 +72,11 @@ export const getNFTsFromCanisterExt = async (
 
   return tokensOK.map((token) => {
     const tokenIndex = parseInt(token[0]);
-    const info = { seller: '', price: BigInt(0), locked: [] };
+    const info = { seller: '', price: BigInt(0).toString(), locked: [] };
     let forSale = false;
     if (token[1][0] !== undefined) {
       info.seller = token[1][0]?.seller.toText();
-      info.price = BigInt(token[1][0]?.price);
+      info.price = BigInt(token[1][0]?.price).toString();
       info.locked = token[1][0]?.locked;
       forSale = true;
     }
@@ -84,8 +93,8 @@ export const getNFTsFromCanisterExt = async (
   });
 };
 
-export const principal_to_address = (princial) =>
-  address_to_hex(principal_id_to_address_buffer(princial));
+export const principal_to_address = (principal) =>
+  address_to_hex(principal_id_to_address_buffer(principal));
 
 export const getTokenIdentifier = (
   canisterId: string,
@@ -106,8 +115,6 @@ export const transferNFTsExt = async (
   toAccountId: string,
   tokenIndex: string
 ) => {
-  //const fetchWallet = await createWallet(TEST_MNE_1, 'ICP');
-
   const agent = await Promise.resolve(
     new HttpAgent({
       host: ICP_HOST,
@@ -156,14 +163,13 @@ export const transferNFTsExt = async (
   return status;
 };
 
+// Price in xx ICP and 0 to unlist
 export const listNFTsExt = async (
   canisterId: string,
   identity: Identity,
   tokenIndex: string,
   price: number
 ) => {
-  //const fetchWallet = await createWallet(TEST_MNE_1, 'ICP');
-
   const agent = await Promise.resolve(
     new HttpAgent({
       host: ICP_HOST,
@@ -186,7 +192,7 @@ export const listNFTsExt = async (
   try {
     status = await API.list({
       token,
-      price: [Math.floor(price * 100000000)],
+      price: price === 0 ? [] : [Math.floor(price * 100000000)],
       from_subaccount: [getSubAccountArray(0)],
     });
   } catch (error) {
@@ -201,3 +207,19 @@ export const listNFTsExt = async (
   }
   return status;
 };
+
+export const isHex = (str) => {
+  return Boolean(str.match(/^[0-9a-f]+$/i));
+};
+
+export const validateAddress = (a) => {
+  return isHex(a) && a.length === 64;
+};
+
+export const validatePrincipal = (p) => {
+  try {
+    return p === Principal.fromText(p).toText();
+  } catch (e) {
+    return false;
+  }
+};

src/util/icp/nfts/index.ts

@@ -3,6 +3,7 @@ const list = [
     name: 'Cronic Critters',
     id: 'e3izy-jiaaa-aaaah-qacbq-cai',
     standard: 'EXT',
+    isLive: true,
     description:
       'Cronics is a Play-to-earn NFT game being developed by ToniqLabs for the Internet Computer. Cronics  incorporates breeding mechanics, wearable NFTs and a p2e minigame ecosystem and more.',
     icon: 'https://e3izy-jiaaa-aaaah-qacbq-cai.raw.ic0.app/?tokenid=hancg-5ykor-uwiaa-aaaaa-b4aaq-maqca-aabuk-a',
@@ -11,29 +12,36 @@ const list = [
     name: 'Starverse',
     id: 'nbg4r-saaaa-aaaah-qap7a-cai',
     standard: 'EXT',
+    isLive: true,
     description:
       'Starverse is an NFT collection of rare and unique Stars, a collaboration between DSCVR and ToniqLabs. The Starverse symbolizes the unlimited potential of the Internet Computer with it’s infinite size and unstoppable nature.',
     icon: 'https://nbg4r-saaaa-aaaah-qap7a-cai.raw.ic0.app/?tokenid=wdyem-pikor-uwiaa-aaaaa-b4ad7-yaqca-aacsh-a',
   },
   {
     name: 'Wrapped ICPunks',
+    wrapped: true,
     id: 'bxdf4-baaaa-aaaah-qaruq-cai',
     standard: 'EXT',
+    isLive: true,
     description:
       'ICPunks wrapped under the EXT standard. 10,000 randomly generated, unique collectible clowns with proof of ownership stored on the Internet Computer blockchain. Created as a reference to a meme comparing the Internet Computer token (ICP) with the Insane Clown Posse.',
     icon: 'https://qcg3w-tyaaa-aaaah-qakea-cai.raw.ic0.app/Token/1',
+    tokenImage: (tokenNumber) =>
+      `https://qcg3w-tyaaa-aaaah-qakea-cai.raw.ic0.app/Token/${tokenNumber}`,
   },
   {
     name: 'ICP News',
     id: 'uzhxd-ziaaa-aaaah-qanaq-cai',
     standard: 'EXT',
+    isLive: false,
     description:
       'An NFT collection set designed by the @icp_news artist with an Internet Computer theme.',
     icon: 'https://uzhxd-ziaaa-aaaah-qanaq-cai.raw.ic0.app/?tokenid=3qdzl-jikor-uwiaa-aaaaa-b4adi-eaqca-aaaad-q',
   },
   {
     name: 'Cronic Wearables',
     id: 'tde7l-3qaaa-aaaah-qansa-cai',
+    isLive: true,
     standard: 'EXT',
     description:
       'Wearable NFTs, usable with the Cronics NFT collection. A Play-to-earn NFT game being developed by ToniqLabs for the Internet Computer. Cronics  incorporates breeding mechanics, wearable NFTs, a p2e minigame ecosystem, and more.',
@@ -42,6 +50,7 @@ const list = [
   {
     name: 'ICMojis',
     id: 'gevsk-tqaaa-aaaah-qaoca-cai',
+    isLive: true,
     standard: 'EXT',
     description:
       'A collection inspired in old school forum emotes, designed by the artist @Visions_GFX, also part of the interactive strategy game ICMoji Origins.',
@@ -51,6 +60,7 @@ const list = [
     name: 'ICPuzzle',
     id: 'owuqd-dyaaa-aaaah-qapxq-cai',
     standard: 'EXT',
+    isLive: true,
     description:
       'The ICPuzzle NFT is an artistic NFT that is meant to invoke thought around individuality, community, and the beauty of the human condition. Each puzzle piece represents human individuality within humanity, a self-contained piece of a larger cohesive whole.',
     icon: 'https://owuqd-dyaaa-aaaah-qapxq-cai.raw.ic0.app/?tokenid=2e7o5-wykor-uwiaa-aaaaa-b4ad5-4aqca-aaagc-q',
@@ -59,20 +69,26 @@ const list = [
     name: 'IC Drip',
     id: '3db6u-aiaaa-aaaah-qbjbq-cai',
     standard: 'EXT',
+    wrapped: true,
+    isLive: true,
     description:
       'IC Drip are randomly generated NFTs with meta-commerce shopping carts for outfits and personas stored on chain on the Internet Computer.',
     icon: 'https://d3ttm-qaaaa-aaaai-qam4a-cai.raw.ic0.app/?tokenId=1',
+    tokenImage: (tokenNumber) =>
+      `https://d3ttm-qaaaa-aaaai-qam4a-cai.raw.ic0.app/?tokenId=${tokenNumber}`,
   },
   {
     name: 'Wing',
     id: '73xld-saaaa-aaaah-qbjya-cai',
     standard: 'EXT',
+    isLive: true,
     description:
       'An NFT photographic series created by the photographer @olisav ',
     icon: 'https://73xld-saaaa-aaaah-qbjya-cai.raw.ic0.app/?tokenid=tpx6i-sykor-uwiaa-aaaaa-b4ako-aaqca-aaaaz-a',
   },
   {
     name: 'ICPunks',
+    isLive: false,
     id: 'qcg3w-tyaaa-aaaah-qakea-cai',
     standard: 'ICPunks',
     description: