Online browser IDE for TON

[ilyjs]

Summary

Online browser IDE to allow creating, editing, deploying, and debugging FunC TON Smart Contracts.

Context

Creating your first TON contract is a challenging endeavor and requires installing, configuring, and running multiple tools.
In the first step, we want to create a tool allowing beginners to quickly start, run, deploy and debug smart contracts with no setup required.

I created an MVP with the help from @thekiba and @kirjs https://github.com/ilyjs/ton

MVP: TON IDE

• video demo
• func, TS syntax highlighting
• compile smart contracts in the browser
• run smart contracts in the browser
• click “run”
  compilation and execution (locally in the browser!)

Screen.Recording.2022-11-12.at.21.15.09.mov.mp4

Goals

New users can open a browser page and start working with TON smart contracts.

Deliverables

• Ability to create/delete/rename/move files
• Deploying contracts to Testnet
• Refactoring and update dependencies to func-js
• IDE available online on github pages and hosted on Firebase Hosting

Definition of Done

• IDE for TON opens in browser on github pages and hosted on Firebase Hosting.
• Deployment of smart contracts to TestNet.
• Ability to create/delete/rename/move files

Reward

MVP:
@ilyjs ($40/hr) total 52hrs
Education - 4hrs
Creating MVP - 40hrs
Consulting/Brainstorming - 8hrs

@thekiba ($50/hr) total 12hrs
UI Polishing and add script files - 5hrs
POC 4hrs
Consulting/Brainstorming 3hrs

@kirjs ($50/hr) total 9hrs
Education 4hrs
Consulting/Brainstorming 5hrs

Footstep:
Ability to create/delete/rename/move files - 40hrs
Refactoring and update dependencies to func-js - 20hrs
Deploying contracts to Testnet - 40hrs
Research and сonsulting - 20hrs
IDE available online on github pages and hosted on Firebase Hosting - 1h

Total 121hrs

Total 7970$ in TON equivalent

[SwiftAdviser]

Nice! TON IDE is a very important initiative!

[delovoyhomie]

How much money do you need in the end for the reward?

[LaDoger]

I really need this! Please! Please! Please make it happen!

My favorite ETH tool:
https://remix.ethereum.org/

Need one for TON as well. I'm not a PHD in computer science so I need a simple tool!

[ilyjs]

How much money do you need in the end for the reward?

Total: $3130 MVP + $4840 new features = $7970 .
If the amount exceeds the limit then I suggest using 2 tranches.

[Naltox]

Would be nice to use https://github.com/ton-community/blueprint as a standard way to develop contracts using this IDE

[ilyjs]

Would be nice to use https://github.com/ton-community/blueprint as a standard way to develop contracts using this IDE

Thanks, great suggestion, we would definitely love to support project templates in feature releases.

[delovoyhomie]

@kirjs, @thekiba write something here for me to assign you

[thekiba]

@delovoyhomie Sure, I would be happy to take on an assignment

[kirjs]

👋

[SwiftAdviser]

Hey guys, any updates? 🙂

[ilyjs]

Hello Roman,

Here's an update:

Completed tasks:
✅ Create/delete/rename/move files
✅ drag and drop file upload
✅ Refactoring and updating of dependencies for func-js.

Remaining tasks:
⏳ Deploying contracts to Testnet.
⏳ Deploying the IDE to github pages/Firebase.

[ilyjs]

Hello everyone,

Here are the latest updates:
🔬 I've checked deployment possibilities and, at @Naltox request, decided to implement the template http://github.com/ton-community/blueprint. Currently, I'm working on solving problems to ensure the proper functioning of the blueprint, including deployment.

❌ I tried http://www.skypack.dev, which allows installing npm packages in the browser. However, this technology doesn't fully support running all modules.

🏆 I tested a new technology that has recently been released in a stable version, http://webcontainers.io.
"WebContainers allow running Node.js applications and OS commands in-browser."
After evaluating the capabilities of this technology, I'm starting to implement webcontainers. As soon as a minimally viable version is ready, I will provide a link.

From now on, I will provide updates on the changes every week.

[ilyjs]

Hello everyone,
Here are the latest updates:
⚙️ I've changed the project build and switched to vite.

💅 Redesigned the layout.

⏳ Currently, I am working on adapting the webcontainers file system.

[ilyjs]

Hello everyone,
Here are the latest updates:
✍️ Added the functionality to create a blueprint project via a dialog box.

⏳ 🏁 Currently, I am finalizing the adaptation of the file system in web containers.

[ilyjs]

Hello everyone,
Here are the latest updates:

✅ File system adaptation is completed. The project can now be assembled.
✅ Stylized and polished dialog box with template selection.
⏳ Set up synchronization between the file system and the editor.
⏳ Implement the ability to deploy smart contracts.

2023-05-31.23.55.14.mov

[ilyjs]

Hello everyone,
Here are the latest updates:

⏳🏁 Currently, I am finishing the synchronization setup between the file system and the editor.
⏳ Implementing the ability to deploy smart contracts.

[ilyjs]

Hello everyone,
Here are the latest updates:

✅ Synchronization between the file system and the editor.
⏳ Resolving issues with adding new folders and files to the file system.
⏳ Implementation of the ability to deploy smart contracts.

[ilyjs]

Hello everyone,
Here are the latest updates:

✅ Resolving issues with adding new folders and files to the file system.
⏳ Implementation of the ability to deploy smart contracts.

[ilyjs]

Hello,
Here are the latest updates:

⏳ 🏁 Currently, I am finishing the implementation of smart contract deployment feature.

[ilyjs]

Hello,
Here are the latest updates:
✅ Smart contract deployment functionality is ready.
⏳ Bug fixes and code polishing.

There is currently an issue with deploying the tonkeeper smart contract.
Smart contracts are being deployed on the testnet and mainnet.
Within the next 7 days, I will deploy the project and provide a link.

[ilyjs]

Hello everyone,
Here are the latest updates:
Here is the link to the project: https://ilyjs.github.io/ton-ide/.
Currently, the issue with deploying the tonkeeper smart contract persists.
🍾 Link provided.
⏳ Working on fixing the issue with deploying the tonkeeper smart contract.

[ilyjs]

Hello everyone,
Here are the latest updates:
⏳ I am working on resolving the deployment issues with the tonkeeper smart contract. The solution to this problem may take a few weeks.

[ilyjs]

Hello everyone,
Here are the latest updates:
⏳🏁 I am finishing the task of deploying the tonkeeper smart contract.

[ilyjs]

Hello,
Here are the latest updates:
✅ The task of deploying the tonkeeper smart contract is completed.
⏳ Bug fixes and code polishing.

[ilyjs]

Hello everyone,
Here are the latest updates:
⏳🏁 I am finishing bug fixes and code polishing.

[ilyjs]

Hello everyone,
Here are the latest updates:
✅ Bug fixes and code polishing.
✅Creating a proxy for smart contracts on TonKeeper.

The project has been updated at https://ilyjs.github.io/ton-ide/.

[ilyjs]

@delovoyhomie
Stage completed.

• IDE is deployed at https://ilyjs.github.io/ton-ide/ and on Firebase at https://ton-ide.web.app/ton-ide.
• Smart contracts can be deployed on testNet and mainnet.
• File creation/deletion/renaming and moving are available.
• Functional terminal is accessible.
• Experimental test execution is available.
• Experimental npm package installation is available.

The most logical next steps are:

• Optimizing the project's startup process
• Stabilizing npm package installation.
• Migrating the project to a shorter domain
• Stabilizing test execution.
• Redesigning the interface to a more classic IDE style.
• Supporting the Tact language.
• Enhancing editor capabilities for func.
• Adding templates for embedded and mobile devices.
• UI for Building, deploying, and testing (without the terminal)
• Setting up the project from a GitHub repository.
• Authorization and project saving on the server.
• Storing projects in a personal account.

build.mov

deploy1.mov

deploy2.mov

tests.mov

[ilyjs]

@delovoyhomie
Hi, as the milestone is completed, please let me know what the next actions would be.

[howardpen9]

Hi, it's a bit lagging for me when I use it.

Can you optimize it?

[ilyjs]

@howardpen9 I'm still waiting for the response from the ton team regarding the logistics and the future of this project.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

Hey, sending a friendly follow up on this issue.

[howardpen9]

where is the link for testing?

[ilyjs]

where is the link for testing?
https://ton-ide.web.app/ton-ide

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[delovoyhomie]

@ilyjs, I apologize for the delayed response. Yes, we acknowledge that we have met the stated milestones, but the development time has significantly overrun, and now there is not such a clear need for this. Likewise, the quality of the product is such that some features do not work or work unstably.

We value your effort, so we still want to compensate for your expenses, but not in full. It’s rather closer to $2000. Would that be fair, do you think?

[ilyjs]

@delovoyhomie thanks for getting back to me.

I do understand the development took longer than expected (although there never was a specific timeline in question), and I also understand that there's another project in works already with overlapping functionality, and you don't want to continue work on this footstep.

On the other hand I did put a lot of time and love into this project, payed for the server/domain from my own pocket, and took some unpaid time off to accelerate the pace.
Unfortunately $2k would not even allow me to break even on this.

As we need to find a compromise here, I talked with @kirjs and the @thekiba who gracefully agreed to wave their part. Would $3985 (half of the initial amount we agreed on) be a reasonable amount here to cover my expenses and also at least some part of my work?

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hey, sending a friendly follow up on this issue.

[ilyjs]

@delovoyhomie Hi, I would like to receive a response. Since February 19, I have occasionally reminded you that I am waiting for an answer from you.

[ilyjs]

@delovoyhomie Hi. I turned off the server to avoid wasting money. Still waiting for your response.