• Installation
• What is it for
• Architecture
• Contributing
• Acknowledgement

[!NOTE] You can find our alpha mvp and relevant examples here. Geneated contract code from the Redprint Wizard is stored here due to documentation and testing purpose.

Installation

with npm

We assume that you already setup your own working front-end environment and cd into it

cd my-project;

Add the redprint-wizard using your favorite package manager, e.g., with pnpm:

npm add -D redprint-wizard

Alternatively, you can fork a project and installed dependencies with pnpm install (or yarn), then start a development server:

git clone [email protected]:Ratimon/redprint-wizard.git
cd redprint-wizard;
pnpm dev

What Is It For

One of our Swiss army knife toolset: Redprint Wizard UI. It is a code generator/ interactive developer playground. It supports a space to experience, innovate and build features that either lie far along ether Optimism or Ethereum 's roadmaps which aren't yet available on the production at all, empowering developers to dream, tinker, and push the boundaries of what's possible by composing their own different OPStack components together.

Together with redprint-forge, it does not only help novice developers to deploy OPStack's smart contracts to deploy on OP mainnet, but also help them to use generated deployment script in their own projects.

Architecture

├── src
│   ├── lib
│   │   ├── analytics            # Google Analytics 
│   │   ├── model                # Front-end Data Model
│   │   ├── ui                   # UI Compoment
│   │   ├── utils
│   │   └── wizard               # code generation logic.
│   │       ├── deploy-scripts
│   │       ├── shared
│   │       ├── smart-contracts
│   │       └── utils
│   ├── routes                    # Svelte routes
│   │   ├── 1-governance
│   │   ├── 2-superchain
│   │   ├── 3-plasmachain
│   │   ├── 4-opchain
│   │   ├── about
│   │   ├── blog
│   │   ├── privacy-policy
│   │   └── tos
└── static                        # Static files
    ├── blog
    └── pwa

Contributing

See our contributing guidelines.

If you want to say thank you or/and support active development of Redprint Wizard:

• Add a GitHub Star to the project.
• Tweet about Redprint
• Write interesting articles about the project on Medium, or your personal blog.
• Keep Optimimstic !!

Acknowledgement

This project would not have been possible to build without the advanced iniatiative from opensource software including contracts-wizard, so we are deeply thankful for their contributions in our web3 ecosystem.