План разработки

• ☑ Шаблон для блоков
• ☑ Рабочая область
• ☑ Блок с объявлением переменных
• ☑ Блок с переменной
• ☑ Обновление шаблона блока для поддержки вложенности
• ☐ Обновление работы с воркспейсом (опционально) - добавить возможность масштабирования
• ☐ Обновление работы с воркспейсом - при нажатии по блоку другой кнопкой его надо удалять
• ☐ Блок для присвоения значения переменной (можно обобщить с инкрементацией\декрементацией: содержит 2 поля - поле для вложения блока с переменной, поле для вложения того, что присваиваем)
• ☐ Блок с функцией pinMode (содержит 2 поля - поле для вложения переменной с пином, выпадающий список типа работы пина)
• ☐ Блок с функцией digitalRead (содержит 1 поле для вложения)
• ☐ Блок с функцией digitalWrite(содержит 2 поля: поле для вложения, поле для ввода\вложения того, что пишем)
• ☑ Блок с функцией setup
• ☐ Блок с функцией loop
• ☐ Блок для условий (содержит 3 поля - первое для вложения блок с переменной, второе выпадающий список математических сравнений, третий - поля для вложения блока с переменной)
• ☐ Блоки for, while
• ☐ Блоки для работы с Serial Port
  • ☐ Блок для инициализации (1 поле с выпадающим списком скорости)
  • ☐ Блок для вывода информации (1 поле)

Хотелось бы

• ☐ Функционал поиска блоков в меню (либо разбить на какие-то категории, хз)
• ☐ Более прикольный дизайн блоков
• ☐ (Кристаллически похуй) Там какой-то баг, который очень сильно спамит варнингами в консоль

---

Расширение на React для vs code с блочным программированием

На текущий момент добавил шаблон блока, который позволяет перетаскивать блок - но работает не оч круто, достаточно быстро сбивается и перестает перетаскиваться. Есть возможность перетаскивать рабочее пространство. Шаблон для блоков позволяет создавать новые блоки не сильно запариваясь над чем-то: есть все необходимые поля для будущего. Там хранится в том числе айдишник и код, который потом превратится в то, что будем заливать на Рудирон.

Как этим пользоваться?

В папке react-app как это ни странно, лежит просто реактовское приложение.

npm install
npm start

этого хватит для разработки. Чтобы затестить расширение, необходимо сначала все собрать

npm build run

далее просто нажать на f5 в vs code и откроется другое окно с vs code, в которм нужно будет через ctrl shift P ввести название Hello world. Нажав на него, откроется расширение внутри vs code.