9954f9502d
* feat: add token and nft injection * feat: basic tests * fix: get jest configured properly * fix: change timeout * fix: uninstall port ready * fix: readd port ready * fix: local tests work * Update yarn.lock * add lint disable for setup files * fix: update dependencies * fix: basic test suite for nfts/tokens * feat: collection data * fix: make tests more comprehensive * fix: change matches to contains * fix: tests for twitter alt image tag * fix: image gen * fix: add patch-package * fix: update yarn install * feat: basic image gen for nfts and collections * fix: remove vibrant attempt * use watermark asset * dynamically grab color * modularize code and prototype for token preview * refactor code * finalize css * fix color grabber * update tests * fix up css * refactor code a bit more * remove console logs * tests * update tests * update images based on design feedback * network logos * update lint * slight refactoring * more refactoring * fix packages * Update yarn.lock * remove dynamically generated image stuff * Revert "remove dynamically generated image stuff" This reverts commit a80241edb3a970a724b9a07ce36e492ff8a1c2af. * change image reference and revamp tests * cleanup return values * Create README.md * Revert "Create README.md" This reverts commit 7a91c98d384995fba914c9bf9a2fb3072793621f. * First round of feedback * comments * feat: cache * Update test.yml * Update test.yml * Update test.yml * feedback round 2 * final feedback * final final feedback * add coverage and other options * Update test.yml * start typecheck * update cache * update snapshots? * Update jest.config.json * Update jest.config.json * give timeout some buffer * update import * upgrade ts * fix typing for apollo deps * finalize typechecks * downgrade typescript to original version * add cache directory to jest * remove coverage * remove google analytics from tests * merge main * remove timeout * update tests * update graphql queries * review changes * try cache setup * Update cache.test.ts * make cache helper function * cache test * remove unneeded test causing issues * feat: parallelize cache (#6930) * feat: parallelize cache? * remove graph query from concurrency await * most of feedback * move tests * update token tests * singleton cache * restructuring res and cache promise * abstract away repeated graph logic * update tests and functions * refactor * update typing, parallelize, and start tests * fix one tsc issue * final feedback * Update yarn.lock * final final feedback * add svgs * try and setup svg * stashing changes * cleanup! * prepare for start of feedback? * LESS GOO * modify versioning * fix: update wrangler version * Update yarn.lock * downgrade wrangler * Update yarn.lock * Update yarn.lock * fix type error * update github test * cleanup tests * Delete custom.d.ts * fix: cloudfunctions * update tests * final touchups * lint * change github action * Update yarn.lock * styling updates * nate's feedback * feedback p1 * typing feedback * update yarn * Create wrangler.toml * move wrangler.toml location * last try * Delete wrangler.toml * use 2.20? * remove comment * Update yarn.lock * change compatibility date * update wrangler and fix bugs * Update colorthief+2.4.0.patch * build: cleanup flags * cleaner patches * update compatibility date * quick tweeks * cleanup rendering and lint * final color update --------- Co-authored-by: Zach Pomerantz <zzmp@uniswap.org>
68 lines
2.9 KiB
TypeScript
68 lines
2.9 KiB
TypeScript
const tokens = [
|
|
{
|
|
address: '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
|
|
network: 'ethereum',
|
|
symbol: 'USDC',
|
|
image: 'http://127.0.0.1:3000/api/image/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
|
|
},
|
|
{
|
|
address: 'NATIVE',
|
|
network: 'ethereum',
|
|
symbol: 'ETH',
|
|
image: 'http://127.0.0.1:3000/api/image/tokens/ethereum/NATIVE',
|
|
},
|
|
{
|
|
address: 'NATIVE',
|
|
network: 'polygon',
|
|
symbol: 'MATIC',
|
|
image: 'http://127.0.0.1:3000/api/image/tokens/polygon/NATIVE',
|
|
},
|
|
{
|
|
address: '0x6982508145454ce325ddbe47a25d4ec3d2311933',
|
|
network: 'ethereum',
|
|
symbol: 'PEPE',
|
|
image: 'http://127.0.0.1:3000/api/image/tokens/ethereum/0x6982508145454ce325ddbe47a25d4ec3d2311933',
|
|
},
|
|
]
|
|
|
|
test.each(tokens)('should inject metadata for valid tokens', async (token) => {
|
|
const url = 'http://127.0.0.1:3000/tokens/' + token.network + '/' + token.address
|
|
const body = await fetch(new Request(url)).then((res) => res.text())
|
|
expect(body).toMatchSnapshot()
|
|
expect(body).toContain(`<meta property="og:title" content="Get ${token.symbol} on Uniswap"/>`)
|
|
expect(body).toContain(`<meta property="og:image" content="${token.image}"/>`)
|
|
expect(body).toContain(`<meta property="og:image:width" content="1200"/>`)
|
|
expect(body).toContain(`<meta property="og:image:height" content="630"/>`)
|
|
expect(body).toContain(`<meta property="og:type" content="website"/>`)
|
|
expect(body).toContain(`<meta property="og:url" content="${url}"/>`)
|
|
expect(body).toContain(`<meta property="og:image:alt" content="Get ${token.symbol} on Uniswap"/>`)
|
|
expect(body).toContain(`<meta property="twitter:card" content="summary_large_image"/>`)
|
|
expect(body).toContain(`<meta property="twitter:title" content="Get ${token.symbol} on Uniswap"/>`)
|
|
expect(body).toContain(`<meta property="twitter:image" content="${token.image}"/>`)
|
|
expect(body).toContain(`<meta property="twitter:image:alt" content="Get ${token.symbol} on Uniswap"/>`)
|
|
})
|
|
|
|
const invalidTokens = [
|
|
'http://127.0.0.1:3000/tokens/ethereum/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb49',
|
|
'http://127.0.0.1:3000/tokens/ethereum',
|
|
'http://127.0.0.1:3000/tokens/ethereun',
|
|
'http://127.0.0.1:3000/tokens/ethereum/0x0',
|
|
'http://127.0.0.1:3000/tokens/ethereum//',
|
|
'http://127.0.0.1:3000/tokens/potato/?potato=1',
|
|
]
|
|
|
|
test.each(invalidTokens)('should not inject metadata for invalid tokens', async (url) => {
|
|
const body = await fetch(new Request(url)).then((res) => res.text())
|
|
expect(body).not.toContain('og:title')
|
|
expect(body).not.toContain('og:image')
|
|
expect(body).not.toContain('og:image:width')
|
|
expect(body).not.toContain('og:image:height')
|
|
expect(body).not.toContain('og:type')
|
|
expect(body).not.toContain('og:url')
|
|
expect(body).not.toContain('og:image:alt')
|
|
expect(body).not.toContain('twitter:card')
|
|
expect(body).not.toContain('twitter:title')
|
|
expect(body).not.toContain('twitter:image')
|
|
expect(body).not.toContain('twitter:image:alt')
|
|
})
|