Sprocket banner

Sprocket

6 devlogs
14h 32m 38s

A platform that simplifies every step of robotics development.

Repository

Loading README...

amronos
  1. Added formatting and linting rules through Prettier, ESLint, and pre-commit.
  2. Created some GitHub CI workflows that run linting, builds, and tests.
  3. Configured Dependabot to automatically raise PRs for updating GitHub Actions, pnpm, and Cargo dependencies.
Attachment
Attachment
Attachment
Attachment
0
amronos

Made the UI better and fixed the ghost scrollbar issue. It was caused by a bug in Blockly that occurs when using Tailwind CSS.
All of this is going to change a lot, this is just something basic to get started with.

Attachment
0
amronos

I added Tailwind CSS and shadcn/ui to the project, then cleaned up the code a bit by deleting CSS that is no longer needed and moving CSS for specific components to their definitions, instead of having it defined globally. Some UI bugs have happened because of that, but I am working on fixing it.

Attachment
0
amronos

To implement block-coding, I am going to use Blockly.
I first ported the Blockly sample app into Svelte and tried to get it functioning with Tauri.
The web version of the app looked fine and worked as intended, but for some reason, when run natively, everything was squished to a corner, causing it to appear glitched and making the app unusable.
I spent a lot of time trying to debug this issue. Turns out the problem was a bug in Tauri that caused incorrect DPI scaling with Wayland. To fix it, I temporarily got the app to use X11 by setting export GDK_BACKEND=x11.

Attachment
0
amronos
  1. I experimented with different theia plugins for a bit, there are way too many of them.
  2. I tried to make my own Theia plugin, but implementing custom functionality proved to be too difficult.
  3. I have now decided to just make my own app in Tauri; it is not required for me to have a text editor and other such things in it, as users can use something else instead for code editing and use Sprocket for its unique features.
Attachment
0
amronos

I decided to use the Theia platform to make this project.
I spent a large amount of time shifting the hello-world example from the documentation to use pnpm, and I also created a flake.nix for the project. I got the browser IDE working, but even after a lot of debugging, I couldn’t get the Electron one to start.

Attachment
0