MotionCode | IT 👨‍💻
1.53K subscribers
67 photos
5 videos
35 links
Если не заходит - введи в поиске @cdmtn

IT content only

TikTok: https://www.tiktok.com/@motioncode.it

YT: https://www.youtube.com/@codemotion-code

Need DM? @mtn_cd
Download Telegram
Скоро с помощью расширений можно будет делать действительно нужные вещи...
👍141
This media is not supported in your browser
VIEW IN TELEGRAM
⚙️ Расширения пошли еще чуть дальше

Добавил в гитхаб версию началку для управления UI (интерфейсом) программы

Это значит, что в скором времени вы сможете:
- Удалять что-то из UI
- Добавлять что то к UI
- Добавлять что то отдельно от UI приложения (прикрепленное видео, уже есть)
- Модифицировать какие то элементы в UI

Документацию уже написал. Если вы просто мечтали поставить своего любимого персонажа в угол экрана - вот ваш звездный час

CodeMotion Github: Ссылка
Документация к управлению UI: Ссылка
12
Media is too big
VIEW IN TELEGRAM
🧑‍💻 TEMPLATES!!!

Кто помнит, что в VSCode можно при сочетании shift + 1 + enter создать шаблонный HTML контент внутри .html? Я посчитал что это не очень удобно, это же нужно еще и узнать как то

По этому в мою IDE я добавил фишку - когда заходишь в какой то файл, если я или расширение поддерживает шаблоны для него, то буквально в 2 клика у вас уже есть шаблон

Да, шаблоны могут добавлять и авторы расширений для своих или других языков, но есть и сразу встроенные для HTML, JS и PHP. Шаблон при этом можно использовать только при пустом файле и только если его расширение будет в общем списке шаблонов (которые и расширяется расширением)

⚙️ CodeMotion Github: Ссылка
⚙️ Как зарегистрировать свой шаблон с помощью расширений: Ссылка
10
🛬 Slim продолжает развиваться
(На картинке его синтаксис сейчас)

Если что, я делаю не только IDE, а и свой язык (надстройку над js, но TypeScript тоже называют языком), и, иногда позволяю себе отвлечься и заняться им вместо приложения (потому что я тоже человек)

Без пользы это не проходит. Сейчас работаю над типами в Slim которые будут закрепляться за переменными в рантайме и, благодаря прямой компиляции в чистый js, работать ожидаемо. Сейчас я внедрил все типы которые есть в struct так же и в переменные - теперь, можно обьявлять переменную с типом и она будет ходить с ним

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

⚙️ Slim Github: Ссылка
👏6👍1
📝 Мини обновление IDE

Долговато не было новостей, но не бойтесь, это связано как раз таки с развитием моих проектов и ростом канала, но я продолжаю стабильно поддерживать и обновлять все мои проекты

Что нового в самой последней версии CodeMotion IDE?

- Теперь вы можете (с помощью расширений) создавать свои верхние элементы в топбаре. Там можно писать что угодно, вставлять какую угодно картинку/иконку и менять это как вы пожелаете (скриншот 1). Это позволит отображать статусы у расширений и добавлять другие прикольные штуки
- IDE стала визуально чище. Исправилось большинство моментов, когда неочевидные или незаметные вещи встречались в интерфейсе
- Добавилось авто-восстановление закрытого проекта. Если вы закрыли проект, при этом у вас включена нужная настройка, то при след. открытии у вас откроется тот же проект
- Теперь несохраненная вкладка предупреждает тебя перед закрытием

TODO:
- Регенерация инвайт-кода для организаций
- Добавление больше элементов для ui.createElement в расширениях и модальные окна
8❤‍🔥1🔥1
Интересно ли вам будут иногда лайв-стримы в этом тгк?
Final Results
82%
Да
18%
Нет
1
⚙️ Улучшения в CodeMotion IDE день Х

Приложение:
- Теперь админы организации могут ресетнуть инвайт код. Полезно если код слили или просто нужен новый - один ресет в 5 минут
- Теперь при сочетании ctrl + колесо мыши вы можете настраивать размер шрифта в редакторе
- Мини фиксы: GLS (локализация), фиксы интерфейса (z-индексы, анимации в топбаре) и фиксы функционала

Расширения:
- Добавлены новые штуки в регистрацию языка: templateLiteral, states и characters. Первый - для штук вроде ${var} в js, второй - для расширенных параметров (лексер), третий - просто что подсвечивать как символы в редакторе
- Регистрацию иконок для папок, документации, иконок для именных файлов и иконок для расширений перенесены в package.json. Раньше это все нужно было прописывать скриптом в js

Сейчас еще продолжаю работу над языком Slim (надстройкой для js) - внедряю больше std библиотек, фикс парсера и типов.

📕 CodeMotion IDE GitHub repo: https://github.com/cdmtn-dev/codemotion-ide

Спасибо, что следите ❤️
7🕊1
👨‍💻 Заходите в чатик, если чо пацики:
@cdmtngroup

Обсудите что угодно по айти тематике, любые вопросы. Если что, меня отмечайте если сказать что то хотите, ну или в лс пишите (в описании канала есть)

Проявляйте актив, будьте частью сообщества!

⚙️ CodeMotion GitHub: Ссылка
⚙️ Slim GitHub: Ссылка
3
📖 Продолжаем разработку Slim

Сейчас уже версия сменилась на 1.1.0, туда вошли разнообразные фиксы, но главные новвоведения:

- Типы в переменных: Знаете как сделано в тайпскрипт? При обявлении переменной ей можно дать тип, но вот только ничего он не дает, если редактор не имеет нужной подсветки. У меня типы тоже можно определить, но они будут ловить ошибки прямо в рантайме. То есть, условно есть переменная с типом int и прямо при запуске программы она не может быть переопределена с типом float. В этом весь прикол

- Проверка типов в функциях: теперь, когда вы пишите функцию, вы можете указать типы в аргументах, что бы при выполнении, они проверялись. Да, прям так:
func add(x: int | float, y: int | float) {...}


- Собственный сервер: при запуске npm run slim:server -- --hot у вас будет запущен сервер с файлом из slimconfig.json. --hot нужен только для того, что бы при изменении контента в файле сервер перезагружался автоматически

⚙️ Вы можете попробовать сами, посмотрев на Slim GitHub: Ссылка
🔥62
🗂 Поддержка Go и оптимизация IDE

В недавном обновлении я обновил поддержку GOLang IDE - теперь помимо подсветки синтаксиса, там есть анализатор контекста (при нажатии на конструкцию в файле .go снизу будет контекст) и добавил отдельно подсветку для go.mod файлов. В будущем анализаторы будут улучшатся и подсветка становится совершенней. Превратим IDE в лучший рабочий воркспейс для веб-разработки 💪

Так же, работаю над оптимизацией, которая позволит уменьшить количество потребляемой ОЗУ (хотя и так мало), обращений к диску и снизить общую загруженность внутри
Изменения будут постепенны, а не сразу

Так же, сообщаю, что у приложения будет сайт и, скорее всего, переписанный API на Go для обеспечения быстрой работы

⚙️ CodeMotion IDE GitHub: Ссылка
5👍2
🥼 CodeMotion IDE 0.0.6

Для тех, кто использует билды приложения есть хорошая новость - CodeMotion 0.0.6
Приложение становится лучше с каждым днем, давайте я просвещу для вас что нового:

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

Приложение:
- Наконец то, починили и улучшили контекстное меню в редакторе. Теперь при нажатии в область, где у вас код - появится меню в котором собраны все нужные функции. Мелочь, но приятно
- Исправлены все белые мигания при открытии дебаггера, уведомлений и т.д
- Добавлен pnpm workspace файл

Так же, сейчас активно ведется разработка сайта для IDE (картинка для поста), где будет собрана документация
7❤‍🔥2🔥2👎1
🤝 Оптимизация IDE

Обновления приложения пока не будет, так как сейчас API переписывается с PHP на Go и активно тестируется. Что бы не усложнять себе жизнь, я просто на время прекратил обновления. Это продлится еще 2-3 дня

На выходе получится, что запросы будут еще отзывчивее, и в будущем большая нагрузка будет не страшна серверам CodeMotion, а так же позволит добавлять еще больше функций, не боясь что запросы будут тормозить сервера. Так же оптимизация IDE будет получше, за счет рефактора некоторых решений

Как и вебсайт, API будет на отдельном домене. Так же, там будет более удобная документация
Сайт создан БЕЗ ИИ вообще, от дизайна до кода. Если нужно, могу потом даже опубликовать открытую ссылку на дизайн в Figma
Отдельная благодраность noxy за помощь с сайтом, так бы процесс очень сильно затянулся 🫡

⚙️ CodeMotion GitHub: Ссылка
6👎1
Live stream started
Live stream finished (2 hours)
🔄 Самая быстрая смена версии за всю историю CodeMotion

CodeMotion 0.0.7 вышла уже буквально 10 минут назад. Изменений в приложении особо нет, но сервера с API стали лучше. Основные изменения:

- API, на котором работает CodeMotion было переписано с PHP на Go. Да, теперь запросы обрабатываются намного быстрее, плюсом я смогу добавлять новые функции без потери производительности. Это нужно было сделать еще давно на самом деле. Старый API на PHP продолжает функционировать на версиях ниже 0.0.7-alpha.dev но, очевидно, поддерживаться не будет

- Модуль парсера контекста (AST) для Javascript/Typescript переписан на Oxc, что дало буст производительности. Плюсом я сделал контекст более подробным и, по моим наблюдениям, он быстрее того что есть в VSCode

Теперь, ждем веб-сайт + больше возможности для совместных работ (организации, баг-трекер)

⚙️ CodeMotion GitHub: Ссылка | Скачать
5🔥1
🥺 Извините, что так поздно

Вступайте в мой дискорд. Там будет общение, новости, ну и удобная площадка для репорта багов и всего такого

https://discord.gg/uPb83nwsH4
https://discord.gg/uPb83nwsH4
https://discord.gg/uPb83nwsH4
🥰112
⚙️ Теперь у Slim есть свой CLI

Я время от времени беру перерыв от IDE и иногда занимаюсь и свои языком тоже. Я решил сделать свою CLI для него, и теперь вам доступны полноценные команды вместо скучного (и не очень выглядящего) npm run slim. Решил назвать его SLMC (Slim CLI сокращенно)

Минимальный набор команд уже есть:
- slmc run - скомпилировать и запустить файл
- slmc compile - просто скомпилировать
- slmc --version - версия
- slmc config - команды конфигурации
- slmc create - команды для создания в Workspace

И так далее... Документацию и README на странице проекта я уже обновил
Сейчас я занят переписыванием огромного количества частей в IDE, сообщу об этом как-нибудь завтра 😜

🛹 Slim Github: Ссылка
5🔥2
📝 У CodeMotion теперь другое ядро

Хорошая новость - CodeMotion IDE переходит на CodeMirror вместо Ace. Что это значит?
Ace (как и CodeMirror) - это движок редактора кода, но Ace очень сильно устарел в современных реалиях, а выбирал я его потому что уже был с ним хорошо знаком

Теперь, IDE переходит на более новый движок - CodeMirror. Он имеет лучшую оптимизацию, поддержку и реализацию дополнительных плагинов. Конечно, это сложно, по этому переход не будет быстрым. Сейчас переход выполнен примерно на 60%, так что ожидаем более быстрый редактор

⚙️ CodeMotion GitHub: Ссылка
🔈 Discord: Ссылка
7💩3
😃 Продолжаем успешный переход и доработку

Редактором уже можно пользоваться, так как верхний слой перехода на CodeMirror был завершен, осталось только доработать нижний слой, который связывает расширения и редактор

Из обновлений не только это, а еще и доработка организаций - в принципе главная фишка CodeMotion. Для всех ваших организаций сейчас были добавлены аватарки.
Важно отмеить что они идут без истории, то есть после загрузки аватарки вы полностью теряете ту, которую поставили ранее... это сделано больше ради оптимизации

Так же, обновил ссылку на GitHub проекта, так как репо перенесено в организацию на github. Обновил ее во всех постах и в дискорд тоже

⚙️ CodeMotion GitHub: Ссылка
🔈 CodeMotion Discord: Ссылка

Ниже будет опрос что добавлять дальше
4