Alan North
LightNews LightNews
alanscodelog.bsky.social
Alan North
@alanscodelog.bsky.social
27 followers 46 following 92 posts
Dev / Artist (❤️ rust | typescript | vue | nuxt) | Working on several UI/UX oriented libraries + revolutionary note app.

https://github.com/alanscodelog
https://alanscodelog.github.io/
Posts Replies Media Videos
alanscodelog.bsky.social
The solution was just to render myself a benchy, lel. Also maybe I'm stupid, but I can't figure out how one is supposed to structure the cleanup code when using flecs. Ended up just looping through after my main loop, but I want each component to handle it's cleanup.
March 3, 2025 at 12:11 AM
alanscodelog.bsky.social
Me, a typescript dev, trying #ziglang
pub fn onPreUpdate(cameras: []CameraComponent[]) void {
February 17, 2025 at 9:36 PM
alanscodelog.bsky.social
Pretty metadata inputs. Done with the basic ones + added random generation for testing.. More advanced + metadata type editor soon.
January 24, 2025 at 2:02 AM
alanscodelog.bsky.social
My two new favorite friends. This makes it way nicer to work in a monorepos in neovim. Need to refactor into proper plugin.
M.getWorkspaceRoot = function() local res = LazyVim.root.detect({ spec = { "pnpm-workspace.yaml" }, all = true, }) if (res[1]) then return res[1].paths[1] end return LazyVim.root.get() end M.getClosestProject = function() local res = LazyVim.root.detect() for i, v in ipairs(res) do if type(v) == "table" and v.spec[1] ~= "pnpm-workspace.yaml" then return v.paths[1] end end return LazyVim.root.get() end
January 12, 2025 at 7:03 PM
alanscodelog.bsky.social
Have I mentioned how much I love nuxt's devonly component? Yes. Have I mentioned it enough? No.

Here am using it in combination with radix's hover card so I can inspect all the internal data for an item.

#vue #nuxt #radix
December 28, 2024 at 2:32 AM
alanscodelog.bsky.social
Added optional borderless frame with rounded edges and custom window controls to the electron app.

#ui #uidesign #buildinpublic #vue #vuejs #webdesign #electron
December 1, 2024 at 6:16 PM
alanscodelog.bsky.social
Added pretty animations when changing workspaces 😍

#ui #ux #uxdesign #frontend #uidesign #buildinpublic #vue #vuejs #webdesign
November 30, 2024 at 7:09 PM
alanscodelog.bsky.social
Created the workspace selector dropdown. Just want to shout out radix/radix-vue again. It made it so easy to do this and I could focus on the ux and the styling. I'm going to slowly replace my component's library with it.

#vue #ui #ux
November 27, 2024 at 10:07 PM
alanscodelog.bsky.social
Spent the day designing a spool holder for my 3D printer. Let's hope it works. The idea is kinda genius, I hope. Small, very little plastic use, magnetic w/ magnetic break. Held together by 🥁🥁🥁 a ziptie.

#3d #3dprinting #3dprint #freecad
November 18, 2024 at 11:15 PM
alanscodelog.bsky.social
Layout manager hooked up to the Shortcut Manager (before I was manually handling events). Next step is to sync the messages in the status bar with whatever shortcut is configured.

#ui #ux #frontend #uidesign #buildinpublic #vue #webdesign
November 18, 2024 at 3:14 AM
alanscodelog.bsky.social
Damn, just properly tried OpenSCAD and it is 🔥.

I've been using FreeCAD, designed a whole 3D printer from scratch in it even, but it can be a pain.

I'd only briefly tried OpenSCAD, but I wanted to print from customized gridfinity bins, and wow it is fast and the ability to save presets is awesome.
November 17, 2024 at 3:40 PM
alanscodelog.bsky.social
Feels so smooth 🥰
Added auto splitting from the window edges, ironed out some bugs with intersection dragging and drag events.

#ui #ux #frontend #uidesign #buildinpublic #css #vue #webdesign
November 14, 2024 at 11:59 PM
alanscodelog.bsky.social
Help, the perfectionist in me can't stop.

Look at those beautifully centered (by which i mean not centered at all) intersections.
November 10, 2024 at 2:51 AM
alanscodelog.bsky.social
Finally made intersection dragging work 🫠.
Also pretty styles now. 😍
#ux #ui #design #buildinplublic #vue
November 9, 2024 at 7:34 PM
alanscodelog.bsky.social
It also handles complicated scenarios if at all possible. So it will close single frames if it can't close them all.
November 6, 2024 at 2:36 AM
alanscodelog.bsky.social
Finished the basic closing/splitting of frames 🥳.

Best window management strategy ever, if I may say so. Inspired by blender, but less finicky because no weird corner dragging. Someday I will write a linux wm that uses this.

#ui #ux #frontend
November 6, 2024 at 2:33 AM
alanscodelog.bsky.social
Here's what the code looks like. The Teleport should also be wrapped in `DevOnly` if it's not temporary.
<Teleport defer to="#dev">{{request}}</Teleport> <DevOnly> <!-- we use teleport to fill this: https://vuejs.org/guide/built-ins/teleport <Teleport defer to="#dev">...</Teleport> --> <div id="dev" class="bg-red-100"/> </DevOnly>
November 5, 2024 at 9:43 PM
alanscodelog.bsky.social
Vue's new deferred teleport is amazing. I just realized I can create a small area to put debug information then just teleport stuff to it from any component. Combined with nuxt's `DevOnly` component, it's killer. Here I'm debugging the split/close frame requests.
November 5, 2024 at 9:41 PM
alanscodelog.bsky.social
Showing off the code sandbox. Am using trpc to create the api bridge. Plugins will be able to use this to safely control the ui.
November 3, 2024 at 2:00 PM
alanscodelog.bsky.social
WIP Layout management library I'm working on. Unlike the few other libraries out there, this one uses a flat list of windows instead of a tree for more flexibility. Rendered with #vue here but it's framework agnostic.
November 3, 2024 at 12:26 AM
alanscodelog.bsky.social
WIP Shortcut manager library I'm working on. Written in #typescript with optional #vue component.
Shows keyboard layout with interactive shortcut list.
November 3, 2024 at 12:21 AM