Skip to content

pendulum-chain/portal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pendulum Portal

Netlify Status   TypeScript  Preact  Vite  Tailwind CSS  SASS  Polkadot 


Web application for Pendulum. This project was bootstrapped with vite

Run

In the project directory, you can run:

Install yarn - corepack

Enable Corepack by executing the command corepack enable. Corepack is included by default in Node.js, it manages the Yarn version specified in the packageManager field.

Important: Modern Yarn releases should not be installed globally or via npm - use Corepack instead.

Note: If you are using Volta to manage your Node.js versions, you need to follow the instructions here.

yarn install

Install dependencies

yarn dev

Runs the app in development mode.
Open http://127.0.0.1:5173/ to view it in the browser.

Build

yarn build

Builds the app for production to the dist folder.
It transpiles TypeScript, bundles Preact in production mode, splits and optimizes the builds for the best performance.

The build is minified and the filenames include the hashes.
We call on version.cjs to show the commit version on the sidebar.
We also create a file, on the fly, a file named _redirects that will serve the index.html instead of giving a 404 no matter what URL the browser requests.

Troubleshooting

Missing price information

If you are missing the price information about the assets on the dashboard page, you are probably experiencing a CORS problem with the batching server. If you want to fetch prices locally, you can use the proxy server available at pendulum-tools. Change url in src/hooks/usePriceFetcher.ts file to http://localhost:3000

Fixing type issues

If you encounter issues with the IDE not detecting the type overwrites of the @pendulum-chain/types package properly, make sure that all the @polkadot/xxx packages match the same version used in the types package. It is also important to make sure that peer dependencies have the same version as this might also cause issues.