https://github.com/hirosystems/clarity-playground
Run Clarity code in the browser Clarinet
https://github.com/hirosystems/clarity-playground
Last synced: 12 months ago
JSON representation
Run Clarity code in the browser Clarinet
- Host: GitHub
- URL: https://github.com/hirosystems/clarity-playground
- Owner: hirosystems
- License: gpl-3.0
- Created: 2024-06-06T21:09:04.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-16T20:16:33.000Z (about 1 year ago)
- Last Synced: 2025-06-26T11:56:52.501Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://play.hiro.so
- Size: 457 KB
- Stars: 3
- Watchers: 14
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: history.txt
- License: LICENSE
Awesome Lists containing this project
README
# Clarity Playground
Run Clarity code in the browser with the [Clarinet SDK](https://www.npmjs.com/package/@hirosystems/clarinet-sdk-browser).
The playground gives access to the [Simnet](https://docs.hiro.so/clarinet/networks) in the browser. It's possible to:
- deploy contracts,
- perform contract calls,
- execute clarinet commands, type `::help` to learn more
## Contributing
This project is built using vanilla HTML, CSS, and JS. Dependencies are managers with esm.sh, have a look at the
`importmap` in the index.html. There is not built step at all.
### Run it locally
```sh
npm install
npm start
```
Visit http://localhost:3000 (or the url printed in the console).
### About NPM dependencies
The NPM dependencies are optional, it used for local development (with `serve`), and types handlings.
VSCode is able to resolve the type dependencies from the `node_modules` even though the project is built with esm.sh.
The only caveat is that the esm.sh and the package.json dependencies have to be kept in sync.