This repo contains 6 packages.
@klimadao/app -> app.klimadao.finance, a standalone single-page-app for protocol interactions.
@klimadao/carbon-projects -> A Sanity CMS that contains curated data for Verra projects, deployed to carbon-projects.sanity.studio, and referenced by the Carbonmark frontend and backend. NOTE: Unlike the other packages, this one is not included as an NPM workspace from the root package.json. To work with the CMS you need to run sanity install from inside the carbon-projects folder.
@klimadao/carbon -> data.klimadao.finance site (formerly carbon.klimadao.finance)
@klimadao/lib -> Components and utilities that are shared between packages.
@klimadao/site -> klimadao.finance homepage, content and cms-powered pages.
Take note, this repo utilizes newer features from Node, NPM and TypeScript 4.5.
- Node >= v18.17.1
- NPM >= v9.x (for NPM Workspaces)
- TypeScript >= 4.5 (for ESModules support)
npm install -g typescript - VSCode Prettier extension
- VSCode ESLint extension
From the klimadao/ root folder, not from individual packages:
npm install
A set of NPM Workspace commands are provided, and can be run from the root folder.
npm run dev-all: run all workspaces with hot reloading enabled.npm run dev-app: http://localhost:3001npm run dev-carbonmark: http://localhost:3002npm run dev-carbonmark-api: http://localhost:3003npm run dev-site: http://localhost:3000npm run dev-lib: enable hot-reload for changes to components or utils.
Other scripts you should know about:
npm run build-all: build all workspaces.npm run format-all: Format all files withprettier.npm run extract-strings:dev: Extract translation files for the source language "en".
Typescript types for Carbonmark and Carbonmark API are generated via the generate:types script in each respective project.
Regenerate types in any of the following changes:
- Models in the API (.model files)
- Change to any of the dependant subgraphs (see
codegen.constants.ts) - API Version targeted by Carbonmark
This repo uses lingui in combination with translation.io.
We follow these rules:
- Don't use ids, except for very long strings.
- Extract the source translation with
npm run extract-strings:dev - Commit source language files "en" only
- Create an account on translation.io
- Request access to the project atmosfearful/klimadao in the #content-translation KlimaDAO discord server
- Log in translation.io
- Select the appropriate project klimadao-site or klimadao-app
- Make sure you select the appropriate language in the top menu
- Start translating!
- Select an item to translate in the left column
- On the bottom right you will notice the source text (in English) and the place to translate the text beneath.
- You can prefill this by selecting an entry in the Suggestion area above.
Klima Infinity pledge dashboard is backed by a firebase database. Follow the following to set up your dev environment if you'd like to contribute to the project.
See this page in the wiki of this repo for architecture and other diagrams.
The DAO is looking for react/typescript devs as well as experienced Solidity devs! Enjoy a flexible work schedule and work on something truly ambitious and meaningful. Monthly compensation available based on your level of experience and degree of contribution.
If you'd like to just take a ticket or fix a bug, go for it (always better to ask first, though).
If you'd like to become a regular contributor to the DAO, join the KlimaDAO discord and follow the application instructions.
📚Check out the contribution & style guide.