Liveboard Used AI

Basically just wrote up release docs, fixed some last minute bugs, ran the build, updated the README and released it!

We now have a pomodoro timer widget!!! This timer fills in the last corner of the screen, and transforms Liveboard from a simple whiteboard, into a full productivity powerhouse! It plays a gentle chime when it finishes, so you'll know that it's break time, even if you switch screen!

In this devlog, I've added some widgets!!! These widgets float in the corner of your screen, and show various information. Right now I have a weather widget (which autodetects your location from your IP!) and a clock widget. More widgets coming as well!

Short bugfix! I basically just fixed up the click handling for the sticky notes, so that you can start editing them by clicking on any of the body, not just the rendered markdown text!

Short devlog - I just wrote up release docs, updated the README, ran builds and published the latest release (v1.3.0). Sticky notes are now fully supported by Liveboard!

You can now pin sticky notes, so they stay on top of other sticky notes, and stay in the right place! You can also give them titles, to better organise them!!! I've overhauled the sticky note edit mechanism to handle this better, so that clicks on the title enter Title Editing mode and clicks on the main body edit Body Text Editing Mode. They also work in dark mode!

Super short devlog, I just fixed the styling of the stickynote colour selector toolbar, so it matches the theme from the rest of them. I also fixed up the borders of the stickynotes, so they are less defined

I've added colours to the sticky notes! I also fixed up the undo and redo mechanisms so that they work better, rather than undoing individual pixel movements. The sticky note colours are selected via a subtoolbar, which I will fix the UI of next!

I've now implemented undo/redo for sticky notes :D I had to do some stuff to the undetlying sticky note framework to make movement play nice with my undo mechanisms.
They also now have a hotkey - 'y' - which will automatically switch to the sticky note tool.

Okay this is a super long devlog, cause there was a while i couldn't post any cause of SoM downtime :(
Basically I've added sticky notes! These notes have full markdown support, are resizeable and can be dragged around :D. They also have a little trash can to delete them. They're rendered as DOM Elements on top of the canvas, but move with the canvas, and clip if they go off the screen. Also did a bit of work to make it less laggy, but it still gets a bit jittery when moving the canvas, if there are a ton of sticky notes on it

Another short devlog, cause I found another bug :( Basically the undo/redo logic was completely broken, because it didn't handle the textboxes correctly. So now I've fixed up the undo buffer and stuff to make sure that all scenarios (such as editing textboxes in strange orders) can be handled by it :D I also released a new patch release on GitHub.

Pretty short devlog - basically I just found a couple bugs and fixed them. The first was that the eraser icon was offset from the cursor in some cases, due to a mismatch between world and screen coordinates. The second was text jumped a bit after you finished editing it. It still does a little now, but its much better.

This devlog was mostly just fixing stuff :)
I fixed up a few UI issues with dark mode and text/menu contrast, built and packaged the app for all target OSs (and fixed up some issues in the build pipeline while i did this). Then I edited the README to reflect the updates, and wrote up the release docs :D

We now have dark mode!!! This makes liveboard feel so much more like a part of your desktop for users of dark mode (like myself :D). Because dark mode makes black ink hard to see, as well as flipping the background and toolbars, it also changes all black shapes, drawings, and text, into white, so they have good contrast. And so it doesn't hurt your eyes, the dot grid also changes colour, to avoid too much contrast with the black background :)

I've added a few new features in this devlog :D. Firstly, I made some QoL improvements, including ctrl (or cmd) z and y mappings for undo and redo, to make it feel more obvious and natural to use. I also added mappings for each tool, (p=pen, e=eraser, s=shape, t=text) to allow keyboard users to navigate the toolbar. Now in terms of actual features, I added an autosave mechanism, which means that every time the app (or computer) is restarted, the canvas will reload with whatever it had before. To prevent this from becoming annoying, the eraser button now opens a menu where you can change the size of the eraser, or clear the whole canvas. Also fixed some css so that everything looks more unified, and some csp so that my fonts actually load :D

Super short devlog - Basically just made some fixes/improvements to the README, and wrote up the release docs on Github :D I also cleaned up some of the version control stuff, and sorted the releases and tags and stuff.

This is gonna be a really long devlog this time, due to SoM downtime lol

In terms of features, I've added text options, including font size and colour. I also enabled editing of existing textboxes, as well as making undo and redo work for text. As well as this, I did a bunch of work to make text editing work better, and not mess up cursor alignment :D To make the colours and font sizes work I also overhauled the text rendering system.

As well as features, I tidied up the code, touched up the README, did a bunch of testing, and refactored some of the code, in order to make it more stable ready for release and shipping soon. I also spent some time building and packaging the app, and uploading it to Github releases.

I've now improved the text implentation :D! It no longer has the ugly input box, and I did a ton of work under the hood to allow it to overflow off the screen, without trying to scroll the entire screen. It also has improvements of the drag functionality - it has a more robust method of calculating the movement to ensure the ink remains aligned with the cursor when drawing.

Fairly big chunk of work here - I've added full shape and also text support. I still need to fix up the styling, cause text looks kinda ugly rn, but the structure and underlying work is there :D. I've fully implemented shapes, with a few choices and colours. They preview as you draw them, and you can hold Shift to make ellipses and rectangles snap to be circles and squares.

Short Devlogs :D. Basically I just added the UI and underlying framework for shapes. There's another sub-toolbar that shows up when you click on the shape tool, and you can set colours. I also worked on the code structure, so that shapes can be implemented easily next.

Did some final touchups and added a readme! I also did some testing to ensure it works well (although I am unfortunately unable to test macOS builds). Finally I made a few bugfixes to make sure it runs smoothly and installs well.

Super long devlog this time... In terms of features, I've added undo and redo features, which work with a buffer to ensure both erasing and drawing can be undone. I also fixed up a couple bugs, including some issues with touch control and panning. But the majority of the time was spent using electron, electron-builder, and Github Actions to make it package into a native app (I used GH actions for crossplatform builds, and to save my laptop from crashing every 5 mins...) . I also spent some time making it appear like a background. Unfortunately, due to security policies set in place by computer manufactures it can be minimised with windows key + D, or by three finger swiping, so I added a tray icon, where you can show it, show the desktop, and close it.

Slightly shorter devlog this time, but i've added touch support :D! Now you can draw on the canvas with one finger, and use two fingers to zoom and pan! This makes it possible to draw more precisely with a finger. It also means I can mobile support later as well.

I've revised the toolbar UI, so that it actually looks good now! I've also added a second sub-toolbar for the pen tool, so that you can select colour and thickness. The backgrounds of the toolbar are now 'glassy', as is the current UI trend, so they will diffuse whatever you draw behind them.

I've completely overhauled the UI, so that it looks more 'modern' than the previous one. I've moved to icons for the tools, because they leave it feeling less cluttered. I've also added a stroke eraser :D. The other thing I added is a dot grid background, which dynamically adjusts how many are shown depending on the zoom, to avoid the screen feeling cluttered, whilst remaining anchored to the same point.

So far I've set up the project, installed all the libraries, created a base framework and file structure, created a GitHub repo, and made a super basic whiteboard functionality, which has basic controls for colour and line thickness. You can also zoom and pan around.