metamask/dapps

home.metamask.io website

home.metamask.io

Contributing

Managing featured dapps

You need to submit a pull request to this repo with your changes to the file: https://github.com/MetaMask/dapps/blob/master/src/data/featured-dapps.js

Managing dapps inside categories

You need to submit a pull request to this repo with your changes to the file: https://github.com/MetaMask/dapps/blob/master/src/data/all-dapps.js

Dapp icons

If you're adding a new dapp to the list, make sure you add its icon under ./public/images/dapps/

If you're deleting a dapp from the list, make sure that you're deleting its icon (but check it's not in use in another category!)

Development

Available commands:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Release

The project follows the same release process as the other projects in the MetaMask organization.

1. Choose a release version.

   • The release version should be chosen according to SemVer. Analyze the changes to see whether they include any breaking changes, new features, or deprecations, then choose the appropriate SemVer version. See the SemVer specification for more information.

2. If this release is backporting changes onto a previous release, then ensure there is a major version branch for that version (e.g. 1.x for a v1 backport release).

   • The major version branch should be set to the most recent release with that major version. For example, when backporting a v1.0.2 release, you'd want to ensure there was a 1.x branch that was set to the v1.0.1 tag.

3. Create a release PR branch using the following syntax release/x.x.x.

4. Run yarn auto-changelog on the release branch and check that the changelog is correctly formatted.

   • Generally any changes that don't affect consumers of the package (e.g. lockfile changes or development environment changes) are omitted. Exceptions may be made for changes that might be of interest despite not having an effect upon the published package (e.g. major test improvements, security improvements, improved documentation, etc.).
   • Try to explain each change in terms that users of the package would understand (e.g. avoid referencing internal variables/concepts).
   • Consolidate related changes into one change entry if it makes it easier to explain.

5. Dev review and QA the release.

   • If changes are made to the base branch, the release branch will need to be updated with these changes and review/QA will need to restart again. As such, it's probably best to avoid merging other PRs into the base branch while review is underway.

Deployments

• Make sure you have the netlify client configured with your credentials and you have access to the project.

Staging

• npm run deploy

Production

• npm run deploy:prod

dapps's Issues

Add CircleCI config

We should at least add a job to confirm that yarn build continues to work

update favicon

currently is the react icon

Add LICENSE file

This project is missing a license file

Update Maker's link

Update from the old CDP site link to their new Oasis site:
https://oasis.app/

Wrong dApp URL for PoolTogether

After clicking the Decentralized finance button and landing on the /decentralized-finance page. PoolTogether's url is https://app.pooltogether.us/ which is incorrect and should be: https://app.pooltogether.com/

Remove bounties.network

Update YFIMX token icon in metamask

Hello,

Unfortunately, our project logo does not appear when we add our token
in
the mata mask

Our logo appears in etherscan contract token address information

https://etherscan.io/token/0x5A2fc0E03cF45EB1522eaeD8E4ACD292eE760d5E

Can you add our token logo in metamask so that users will see
the
logo when they add YFIMX to MetaMask

Thanks & Regards

Our official website: https://yfimx-maxcoin.com

update maker entry

Lost Favorites + cannot add Favourites

Since updating to the latest Metamask version 3.3.0 on iPhone all my Metamask Favourites have disappeared. It is no longer possible to add Favourites in Metamask. In addition I can no longer add custom tokens.
The problem occurred while being on iOS 14.7, I'm now on 14.8
I have uninstalled and reinstalled Metamask but the problem remains.
How can this be fixed ?

[Bug]: Search input Box is not Working

Search input Box is not Working in Desktop Chrome

Search input Box is not Working in Desktop Chrome getting Metamask Error:

MetaMask - RPC Error: The method "metamask_showAutocomplete" does not exist / is not available.

Error Object: {
"code": -32601,
"message": "The method "metamask_showAutocomplete" does not exist / is not available.",
"data": {
"origin": "https://home.metamask.io"
}
}

Solution:
Show any FallBack Popup or Modal to let user knows, What's going!

Update coinswitch link

https://metamask.coinswitch.co/

Add mirror.xyz to list of sites

Add autocomplete

Wrong site icon shown when call ERC-20 contract “approve”

this react logo appeared when user call the USDT contract “approve” function on metamask mobile. but it's the wrong logo, I wanna show the site logo.

But it works well on computer.

REL “icon" and "shortcut icon" tag has been set on the site main webpage, but they don't work. it seems that metamask read the cache from a certain server direct.

<link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon.png" />
<link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/favicon.png" />

who knows how to fix this issue?

Change Airswap to AirSwap

Under the Finance section, slight revision: AirSwap (uppercase S).

Support multiple languages

Test suite failure?

Was going through this repo and ran the tests but noticed they weren't passing.

console.error node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js:29
    Error: Uncaught [Invariant Violation: You should not use <Route> or withRouter() outside a <Router>]

Further inspection shows that we don't actually have many tests for the components either.

Would updating tests and adding new ones be something that we'd be open to working on?

Mark package as private

Refs:

dapps/package.json

Line 2 in 4cb100b

"name": "dapps",

The current package name seems to be already taken on npm, which is fine, as this package should be marked as private: true to indicate that it is an app and not a library

How to Use Deep Links to Wake Up on Metamask Android

How to Use Deep Links to Wake Up on Metamask Android

Change MakerDAO CDP name & logo

Description

In the mobile browser dapp explorer change the name MakerDAO CDP into Oasis.app and the logo (attached)
New URL: https://oasis.app/

update cent.co's image

Update image to:

Per cent.co support request: 34122

Dap

https://localcryptos.com/ - Remove from Earn crypto section

Site was closed Oct 2022.
Please remove from Earn crypto section of Home.MetaMask.io

Might be a good place to link the article explaining MetaMask Staking. https://support.metamask.io/hc/en-us/articles/17304456569627-How-do-I-stake-with-MetaMask-Staking-

Consider Using In-App Search for Search Bar Component

Creating a browser-based search bar seems messy and most people would want to search for DAPPs specifically on the site, not on a search engine. Therefore, I suggest this minor update as an enhancement.

/package.json

dapps/package.json

Line 2 in 4cb100b

"name": "dapps",