Files
odin_june_newsletter_24/blog post - Sectr Prototype.md
2024-05-28 12:11:48 -04:00

5.0 KiB
Raw Permalink Blame History

Sectr Prototype

After my last contract in January, I wanted a break from C/C++ projects, so I decided to attempt another go at developing a pragmatic “projectional” editor for code using Odin. The goal is to offer support for multiple “workspaces” where users can compose “views” of code definitions in a flexible manner, irrespective of their composition in the filesystem.

(My last attempt at figuring things out utilizing Godot 4.2):
img: previous godot prototype

Why Odin

Tired of the C++ toolchain, I chose Odin over Zig. Jai seemed to be up my alley, but I didn't have the patience to wait for it. Odins design looked to impose less friction than Zig so it won out.

That ended up being a great decision. Odin feels better than just being a “C alternative”. Language features, like the “using” keyword and “deferred_” attributes, have been particularly enjoyable to use. Both the provided packages and those sourced from third parties have been easy to learn and integrate.

Exploring the compiler implementation has also been an unexpected bonus. Most toolchains source feel too daunting to learn how “a toolchain works”. Odin is the exact opposite. Each file is clear and understandable at a scrolling glance, which is an amazing achievement.

Bootstrapping

The codebase setup was smooth. The first sign of things to come was how simple and quickly the compiler built after cloning. Making the build script for the project was also surprisingly painless. I was able to get all the info quickly from the build -help command along with reading the flag entries in the src/main.cpp.

Raylib was chosen to handle input, rendering (Text and 2D), and windowing, which did the job initially. Hot-reload was up next. Karl Zylinskis highly praised article was loosely referenced, along with related content from the Handmade Hero series. Unfortunately, that very series exposed me to Caseys janky replay feature (abusing memory snapshots), and I wanted to port the feature over to this project.

The first issue was the core library not exposing the starting address arg for VirtualAlloc in core:mem/virtual. However, a derivative of the virtual arena with the argument exposed was easy to implement. Another issue was allocator procedures not getting auto-remapped across reloads, leading to rolling my own dynamic array and hash table. Later, I realized the builtin containers could have been transmuted to their “Raw” struct counterparts (Raw_Map and Raw_Dynamic_Array in base:runtime/core.odin).

The profiler was added last, and I went with Spall since it was directly available in the Vendor library, its simplest profiler I've ever used! Ive never pulled together this many libraries in such a short period of time (in C or C++), even while messing around.

Why an IMGUI from scratch?

The aim was to have an uncompromised ability to compose a UI tailored to this editor. Inspired by Ryan Fleurys UI Series on substack, I set out to implement a “core” UI that could support all that was required. I browsed through his implementation from the RAD Debugger, and some others (VUI, Nuklear, and MicroUI). This provided (probably misguided) confidence to tackle the endeavor. So far its at least been a great learning experience.

The result was a core UI thats surprisingly simple for its ability, along with full “flex-box” auto-layout using less than 1000 LOC. It reached a point where composing any “widgets” using just the composition of the core “box” entities felt achievable. Including all the UI code demonstrated (excluding rendering) amounts to approximately 2250 LOC.

Current Hurdle: Learning Sokol and Text Rendering

The limits of Raylibs text rendering capabilities were encountered when shoving a good amount of “Lorem Ipsum” onto the screen:
img: previous godot prototype

Just having ~250 lines of text boxes queued for rendering would increase the frame time by several milliseconds. Technically, this could be ignored for several months while focusing on other features. However, I wanted to just get the platform and rendering layers down pat. Among the options, Sokols app and gfx libraries seemed to be a great fit.There was an available 2D graphics library called Sokol GP as well. All that was left was to determine the best reference for text rendering, and the Discord community recommended fontstash as it had a setup defined for Sokol_gfx in the Sokol repo itself. Since then, Ive been navigating my way through learning all these new libraries.