Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ton-community/blueprint

TON development for professionals - all-in-one tool for writing, testing and deploying smart contracts
https://github.com/ton-community/blueprint

hack-ton-berfest hacktoberfest

Last synced: 3 months ago
JSON representation

TON development for professionals - all-in-one tool for writing, testing and deploying smart contracts

Awesome Lists containing this project

README 

        



# Blueprint



A development environment for TON blockchain for writing, testing, and deploying smart contracts.



## Table of Contents



* [Quick start](#quick-start-)

* [Overview](#overview)

  * [Core features](#core-features)

  * [Tech stack](#tech-stack)

  * [Requirements](#requirements)

* [Features overview](#features-overview)

  * [Project creation](#project-creation)

  * [Directory structure](#directory-structure)

  * [Building contracts](#building-contracts)

  * [Running the test suites](#running-the-test-suites)

  * [Deploying contracts](#deploying-contracts)

  * [Custom scripts](#custom-scripts)

* [Contract development](#contract-development)

  * [Creating contracts](#creating-contracts)

  * [Writing contract code](#writing-contract-code)

  * [Testing contracts](#testing-contracts)

* [Configuration](#configuration)

  * [Plugins](#plugins)

  * [Custom network](#custom-network)

* [Contributors](#contributors)

* [License](#license)

* [Donations](#donations)



## Quick start 🚀



Run the command in terminal to create a new project and follow the on-screen instructions:



```console

npm create ton@latest

```



## Overview



Blueprint is an all-in-one development environment designed to enhance the process of creating, testing, and deploying smart contracts on TON blockchain using [FunC](https://docs.ton.org/develop/func/overview) and [Tact](https://docs.tact-lang.org/) languages



### Core features



* Create a development environment from template - `npm create ton@latest`

* Streamlined workflow for building, testing and deploying smart contracts

* Dead simple deployment to mainnet/testnet using your favorite wallet (eg. Tonkeeper)

* Blazing fast testing of multiple smart contracts in an isolated blockchain running in-process



### Tech stack



1. Compiling FunC with https://github.com/ton-community/func-js

2. Compiling Tact with https://github.com/tact-lang/tact

3. Testing smart contracts with https://github.com/ton-org/sandbox

4. Deploying smart contracts with [TON Connect 2](https://github.com/ton-connect), [Tonhub wallet](https://tonhub.com/) or a `ton://` deeplink



### Requirements



* [Node.js](https://nodejs.org) with a recent version like v18. Version can be verified with `node -v`

* IDE with TON support:

  * [Visual Studio Code](https://code.visualstudio.com/) with the [FunC plugin](https://marketplace.visualstudio.com/items?itemName=tonwhales.func-vscode)

  * [IntelliJ IDEA](https://www.jetbrains.com/idea/) with the [TON Development plugin](https://plugins.jetbrains.com/plugin/23382-ton)



## Features overview



### Project creation



1. Run and follow the on-screen instructions:   `npm create ton@latest`   or   `npx create-ton@latest`

2. From the project directory run   `npm/yarn install`   to install dependencies



### Directory structure



* `contracts/` - Source code in [FunC](https://docs.ton.org/develop/func/overview) or [Tact](https://tact-lang.org/) for all smart contracts and their imports

* `wrappers/` - TypeScript interface classes for all contracts (implementing `Contract` from [@ton/core](https://www.npmjs.com/package/@ton/core))

  * include message [de]serialization primitives, getter wrappers and compilation functions

  * used by the test suite and client code to interact with the contracts from TypeScript

* `compilables/` - Compilations scripts for contracts

* `tests/` - TypeScript test suite for all contracts (relying on [Sandbox](https://github.com/ton-org/sandbox) for in-process tests)

* `scripts/` - Deployment scripts to mainnet/testnet and other scripts interacting with live contracts

* `build/` - Compilation artifacts created here after running a build command



### Building contracts



1. You need a compilation script in `compilables/.compile.ts` - [example](/example/compilables/Counter.compile.ts)

2. Run interactive:    `npx blueprint build`   or   `yarn blueprint build`

3. Non-interactive:   `npx/yarn blueprint build `   OR build all contracts   `yarn blueprint build --all`

   * Example: `yarn blueprint build counter`

4. Build results are generated in `build/.compiled.json`

5. Tact generated files are located in `build/` directory



### Running the test suites



1. Run in terminal:   `npx blueprint test`   or   `yarn blueprint test`

2. Alternative method:   `npm test`   or   `yarn test`

3. You can specify test file to run:    `npm/yarn test `

    * Example: `yarn test counter`



> Learn more about writing tests from the Sandbox's documentation - [here](https://github.com/ton-org/sandbox#writing-tests).



### Deploying contracts



1. You need a deployment script in `scripts/deploy.ts` - [example](/example/scripts/deployCounter.ts)

2. Run interactive:    `npx blueprint run`   or   `yarn blueprint run`

3. Non-interactive:   `npx/yarn blueprint run deploy -- --`

   * Example: `yarn blueprint run deployCounter --mainnet --tonconnect`



### Custom scripts



1. Custom scripts should be located in `scripts` folder

2. Script file must have exported function `run`

```ts

export async function run(provider: NetworkProvider) {

  // 

}

```

3. Script can be run using `npx/yarn blueprint run ` command



### Updating FunC version



FunC version can be updated using `npx/yarn blueprint set func` command



### Help and additional commands



Run in terminal:   `npx blueprint help`   or   `yarn blueprint help`



## Contract development



Before developing, make sure that your current working directory is located in the root of the project created using `npm create ton@latest`



### Creating contracts



1. Run interactive:    `npx blueprint create`   or   `yarn blueprint create`

2. Non-interactive: &nbsp; `npx/yarn blueprint create <CONTRACT> --type <TYPE>` (type can be `func-empty`, `func-counter`, `tact-empty`, `tact-counter`)

   * Example: `yarn blueprint create MyNewContract --type func-empty`



### Writing contract code



#### FunC

1. Implement the standalone FunC root contract in `contracts/<CONTRACT>.fc`

2. Implement shared FunC imports (if breaking code to multiple files) in `contracts/imports/*.fc`

3. Implement wrapper TypeScript class in `wrappers/<CONTRACT>.ts` to encode messages and decode getters



#### Tact

1. Implement tact contract in `contracts/<CONTRACT>.tact`

2. Wrappers will be automatically generated in `build/<CONTRACT>/tact_<CONTRACT>.ts`



### Testing contracts



1. Implement TypeScript tests in `tests/<CONTRACT>.spec.ts`

2. Rely on the wrapper TypeScript class from `wrappers/<CONTRACT>.ts` to interact with the contract



> Learn more about writing tests from the Sandbox's documentation - [here](https://github.com/ton-org/sandbox#writing-tests).



## Configuration



A config may be created in order to control some of blueprint's features. If a config is needed, create a `blueprint.config.ts` file in the root of your project with something like this:

```typescript

import { Config } from '@ton/blueprint';



export const config: Config = {

    // config contents

};

```

It is important that the config is exported, is named `config`, and is not `default` exported.



Config's features are explained below.



### Plugins



Blueprint has a plugin system to allow the community to develop their own additions for the ecosystem without the need to change blueprint's code.



In order to use plugins, add a `plugins` array to your config:

```typescript

import { Config } from '@ton/blueprint';

import { ScaffoldPlugin } from 'blueprint-scaffold';



export const config: Config = {

    plugins: [new ScaffoldPlugin()],

};

```

(This example shows how to add the [scaffold](https://github.com/1IxI1/blueprint-scaffold) plugin)



Here are some of the plugins developed by the community:

- [scaffold](https://github.com/1IxI1/blueprint-scaffold) - allows developers to quickly create a simple dapp automatically using the wrappers' code



### Custom network



A custom network may be specified by using the `--custom` flags, which you can read about by running `blueprint help run`, but it can be tiresome to use these at all times. Instead, to specify a custom network to always be used (unless `--custom` flags are present), add a `network` object to your config:

```typescript

import { Config } from '@ton/blueprint';



export const config: Config = {

    network: {

        endpoint: 'https://toncenter.com/api/v2/jsonRPC',

        type: 'mainnet',

        version: 'v2',

        key: 'YOUR_API_KEY',

    },

};

```



The above config parameters are equivalent to the arguments in the following command:

```bash

npx blueprint run --custom https://toncenter.com/api/v2/jsonRPC --custom-version v2 --custom-type mainnet --custom-key YOUR_API_KEY

```



Properties of the `network` object have the same semantics as the `--custom` flags with respective names (see `blueprint help run`).



You can also use custom network to verify contracts, like so:

```bash

npx blueprint verify --custom https://toncenter.com/api/v2/jsonRPC --custom-version v2 --custom-type mainnet --custom-key YOUR_API_KEY

```

(or similarly using the config), however custom type MUST be specified as either `mainnet` or `testnet` when verifying.



## Contributors



Special thanks to [@qdevstudio](https://t.me/qdevstudio) for their logo for blueprint.



## License



MIT



## Donations



TON - `EQAQR1d1Q4NaE5EefwUMdrr1QvXg-8mDB0XI2-fwDBD0nYxC`