alt3 / rank-my-wallet Goto Github PK

• https://twitter.com/NikolovLazar/status/1486445592729591818?s=20&t=OQByXW29lk3vXpkuzLjeVg
• https://blog.logrocket.com/advanced-techniques-chakra-ui/

Currently e.g. https://rankmywallet.com/blog throws below error instead of the UnrecognizedAddress message:

Unexpected Error
Error 400: can't access property "charAt", e is undefined

src\lib\capitalize.ts (7:14) @ charAt

  5 |  */
  6 | export const capitalize = function (word: string) {
> 7 |   return word.charAt(0).toUpperCase() + word.slice(1)
    |              ^
  8 | }
  9 | 

Inspired by https://levelup.gitconnected.com/create-a-responsive-navigation-bar-using-chakraui-6489473e933

• Enable Vercel Analytics
• Enable Vercel Audiences
• Update _app.tsx via 99f5b86

If you're using a Content Security Policy (CSP)
, be sure you’ve allowed the Domain vitals.vercel-insights.com.

• https://chakra-ui.com/docs/styled-system/rtl-support

https://reactjs.org/docs/code-splitting.html#reactlazy

1. Update this line https://github.com/alt3/rank-my-wallet/blob/main/src/components/DataGrid/DataGrid.tsx#L9

2. Following the instructions at chakra-ui/chakra-ui#6566

3. To resolve below deprecation error:

(alias) const StylesProvider: react.Provider<Record<string, SystemStyleObject>>
import StylesProvider
@deprecated — - Prefer to use createStylesContext to provide better error messages

@example

import { createStylesContext } from "@chakra-ui/react"

const [StylesProvider, useStyles] = createStylesContext("Component")
'StylesProvider' is deprecated.ts(6385)

providers.d.ts(19, 4): The declaration was marked as deprecated here.

• MetaTags component
• mention address-analyzer

Error: NextRouter was not mounted. 

• Fix https://nextjs.org/docs/messages/next-router-not-mounted
• Re-enable test for index

Better for SEO and analytics

• Swap button-logic for links
• Add Cardano-specific page
• Add Ergo-specific page
• Update sitemap.xml

Toast no longer works when copying sponsor card address.

E.g.

• twitter
• reddit
• ???

With warning

Currently not using the correct group and decimal separators for locales like nl-NL.

https://github.com/iamvishnusankar/next-sitemap

As explained here https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary

Use base-x v4 which returns Uint8Arrays

cryptocoinjs/bs58@499611a

• Rank My Wallet - Cardano Rankings
• Rank My Wallet - Ergo Rankings

Nice to have, low priority

New supported address feature

Binary values that are not used (because bit is 0 like shown below) should be dimmed.

• @next/bundle-analyzer
• https://daily-dev-tips.com/posts/exploring-the-nextjs-bundle-analyzer/

Make sure to include as a dev dependency!

Try out component level suspense loading.

• https://nextjs.org/blog/next-13-4

On-hold while awaiting migration to nextjs app router, not yet supporting i18n.

Solution described at rstacruz/nprogress#206 and prepared as nprogress config option in rstacruz/nprogress#143.

Test locally by setting e.g. pseudo language property rtl to true.

Currently not the same as on the supported page. Perhaps better to refactor into shared components.

• Accordion
• Cardano and Ergo sections
• Explain Ergo boxes + how to consolidate
• No support for Byron addresses
• Reference blitzjs, chakra ?

• https://blog.logrocket.com/complete-guide-internationalization-nextjs/
• https://lingui.js.org/
• https://lingui.dev/tutorials/react
• https://github.com/vercel/next.js/tree/canary/examples/with-lingui
• https://codesandbox.io/s/djzqm?file=/lingui-example/i18n.ts
• https://stackblitz.com/edit/github-qnfa4f

Tasks

• Next subpath routing
• Lingui configuration
• Lingui use .po files in development so file saves trigger a page refresh. Only use the .js files in production
• npm run scripts
• gitignore *.mo files as produced by e.g. Poedit
• Use lingui defineMessage() for src/core/constants etc.
• Fix imports, always use loader
• Use eslint plugin for lingui (to detect usage of macros outside components etc.)
• Use Lingui context to differentiate between words that are identical in both singular and plural form
• Dialect fallback using nonExplicitSupportedLngs for e.g. non-existing nl-BE translation to fallback to nl DROPPED to prevent catalog loading bloat.
• Test Lingui duplicates (multiple use of single translation)
• Plural support
• Naming convention for *.po file msgid. Conclusion: do not use any, stick to natural language. Leads to a better translator experience, no double work and much cleaner code
• Language dropdown:
  • Something like this
  • Dutch (nl)
  • Nederlands (nl)
  • Nederlands (be)
  • オランダの (nl)
  • (nl) هولندي
  • 擬似 (pseudo), dev-only
  • country flag icon using react-country-flag derived from Lingui active locale
  • Sort dropdown alphabetically
  • Pseudo available in dev-mode only
  • Dropdown translations
  • Add terrritory to dropdown (when applicabale)
• No assumptions:
  • Names like カルダノfor Cardano
• Replace capitalize() with capitalization in the .po files because of languages without capital letters etc.
• lang meta tag
• Sitemap: #105
• Husky pre-commit hook should prevent file diffs between npm run translations:extract and e.g. Poedit. Update: not required when using crowdin
• About: technology stack
• Readme:
  • Poedit
  • Updates vs new language
  • New languange: update next.config.js, src/translations/setup.ts
• FAQ:
  • How do I add a translation?
• Extend bigToString.test.ts with other locales
• Localized numbers
  • indian separators
  • ar-EG
  • Japanese?
• Support Indian numbering for Counter component
• Consider https://crowdin.com/

Good to know:

• Language in NEXT_LOCALE cookie wins over ACCEPT_LANGUAGE header
• Language in ACCEPT_LANGUAGE supported: route to language. Not supported: fall back to default language.
• Only use Lingui macros. They transform code before parsing to Babel and lead to cleaner code.

Poedit

Disable below POEdit setting to prevent creation of *.mo files:

Make new box with ❤️ icon below the initial results (and thus above the accordion)

As instructed at https://realfavicongenerator.net/favicon_result?file_id=p1fupju85rncssumb6b1n3v2o86#.Yjos5lTMKUk

Hello,
Do you guys know how much time does it get for the website to get updated. For example, i created a new wallet for more than a week and when i launch a search, the wallet is still labelled as "ghost" with 0 erg.
Thanks in advance for any response !

Site not getting indexed by google plus lots of of problems according to https://seositecheckup.com:

• missing sitemap. Fixed in d3e77e8
• https://rankmywallet.com/ and https://www.rankmywallet.com/ should resolve to the same URL
• ads.txt is returning html instead of txt file
• add site to Google Search Engine

Refs #67

For top-100 ranks and top-5 species?

Optionally offset number of known exchange wallets per blockchain.

Rename currencySymbol to tickerSymbol

Current thresholds specified here were basically a draft, now gone live. Can probably be improved. Should get community involvement.