Lumin OS dev log #2!
Back again with more progress!
What did I do this time?
First, the small stuff: I added a menu bar at the top, as macOS has. Right now it’s mostly home to the clock, which ticks live and updates every second.
The big one is the Code Editor app. For that, I used Monaco, which is the engine that VSCode uses, so it already feels familiar. It’s got files on the left and the editor on the right, just like you’d expect.
Oh, btw, suggestions also work! (AND EMMET TOO!!!)
I used IntelliSense for JS/TS, type console. or document. And you get actual member suggestions.
Emmet in HTML/CSS, type ! then Tab for boilerplate, or div.box>p*3 for the cool expansion.
Auto-closing tags, type and it adds the for you (Monaco doesn’t do this by default, had to add it myself).
It detects the language by file extension automatically, .js, .go, .rs, .py, .html… around 90 languages, and shows the current one in a little status bar at the bottom. (holy vs code clone lol)
Open files now also show up as tabs at the top of the editor, and you can make your own files with the + button. Used JetBrains Mono font. Maybe one day I’ll get the actual web VSCode running in here or maybe someone can do it for me >:P, but for now this does the job :p
You can still download Lumin OS at https://github.com/MIXIDtheSilly/LuminOS (go star it fr fr again…)
If you have any ideas, drop them in the comments!
Comments 1
holy shoot this looks clean asf
Sign in to join the conversation.