Fluetro OS DevLog 051

Lost my 25-day Streak

New Stuff added

• Photo viewer that can open photos from the gallery and adjusts according to image size

Fixes

• Fixed the Delete system, so now it deletes only what you want to delete, and it’s now persistent so it stays that way even after a page refresh/restart

Current bugs/issues

• The issue with the sub-folders not opening after the parent folder is renamed still exists

Fluetro OS DevLog 050

Half-century DevLog? Really?

New Stuff added

• The rename function works now
• Delete button kinda works
• Yeah that’s about it

Fixes

• The rename function was really hard to implement, so there were lots of glitches and issues and stuff, I did manage to fix most of them, the rename box was originally meant to show over the existing file name, I did do some research to see if I could get it to work this way, but since I couldn’t get it working, I had to improvise and do the separate rename section.
• Tried to make the rename system be inside one single eventListener but couldn’t get it to work that way, had to create a separate function to call along with
• Pressing the rename and delete buttons no longer remove the selected state from the item.

Current bugs/issues

• Clicking delete doesn’t dismiss the context menu (easy fix but it’s here because it’s just my current progress)
• Clicking delete for one item deletes all the items in the folder
• Delete is temporary and resets on refresh (for now at least)
• Nested Folders don’t work if you rename the parent folder (for example, in the video I rename a folder, then the folder inside it doesn’t open. This is fixed on a restart/webpage refresh)

Fluetro OS DevLog 049

Very little progress, since most of the time just went into debugging and fixing stuff, tried using Copilot in VS Code but it’s

New stuff

• The context menu is finally aligned
• The context menu got icons now
• Made the delete button have a red icon and red text
• The open button in the context menu finally works
• Had to redo the file handling system so the open button system can be implemented easier

Fixes

• Broke everything, yeah, literally the whole OS, while trying to redo the file handler because I was removing some lines (individual EventListeners) and putting them under one roof, but I forgot some brackets, since I couldn’t fix it easily, I tried to use Copilot (the one inside VS Code) to find out what’s causing the error, dude literally said that there’s an error in these lines, no elaboration or fix so I had to get the code from my backup and redo everything very carefully, so now it’s ok
• I have never positioned an element inside another element that can be resized, so this was new and challenging for me to align the context menu nicely with respect to the files window and its variable size system, it took some time, but I did it.

Current issues/bugs

• Rename and Delete buttons are still to be implemented

Fluetro OS DevLog 048

Late DevLog, couple of improvements, mostly fixes
Was supposed to upload a DevLog yesterday but had some issues with the internet (had to ditch the router), probably some coding time isn’t event logged

New Features added/changelog

• Revamped the File Management system so now the sub directory system actually works, like you create a “New Folder” in one directory, and one in another, and now they both don’t overlap/refer to the same directory
• Added icons inside the Sort Menu
• Added a context menu for files/folders (the positioning is broken since the css isn’t done correctly, because I’ll probably be using some inspiration from Fluent New Tab for the dynamic positioning)
• The context menu for files/folders behaves differently according to if the Folder/File mentioned is a System one or User Created
• You can now un-select items by clicking somewhere else inside the app, this even updates the details pane accordingly
• Added custom “Date modified” parameters, so they correspond to when the file/folder was created
• Internal Storage now shows Size as 23.4 GB / 512 GB
• Removed Trash
• Changed the animation for the details bar (“Name | Size ….” bar) at the top to just minimize in height and not width too.

Fixes

• As I said in changelog, the folder directories don’t overlap now
• I made lots of errors while trying to get this new directory system to work, like the folder numbering not working correctly, like there’s a folder: “Internal Storage\New Folder (2)”, and then you try to go to downloads and create a folder, and then it’s named “New Folder (3)”
• There was also an issue where the address bar pointed to somewhere else rather than the original path for that directory (so I had to combine multiple arrays for directory system to one, which is part of the Revamped file system)
• Fixed a background size inconsistency in the gallery section
• Fixed the status bar in gallery saying “undefined items”
• Fixed the context menus being transparent instead of blurry (for Files and Browser), so now they’re opaque like Chrome or Edge or Safari
• Removed all pointer events from the details bar at the top, so it no longer shows the hand pointing cursor when hovering

Current issues/bugs

• The file/folder context menu is positioned oddly and doesn’t have any icons
• The details pane icons are blurred since it uses the 32x32 icons I used in the file/folder icons

Fluetro OS DevLog 047

One step closer to finishing the Files app

New Features added

• New File and New Folder options that actually work (with icons BTW)
• New File can only be used to create text files, and the get the Type as Text File, and a .txt extension
• User Created files/folders now stay even after a restart/page refresh (like in your browser, not the files or browser app of Fluetro)
• Removed the size detail for folders since most OSes don’t even show it
• Sorting actually works, but it’s only Ascending or Descending, only based off of the Item name
• Clicking the dock icon now instantly focus the corresponding window, except for errors
• Added an actually working address bar, inspired by the older Windows (like XP), which can also take user input to go to said location
• Putting in an invalid location in the address bar gives an error box, like the System or unsupported file type errors

Fixes

• Fixed issues that I faced while implementing the Dynamic Naming Process for the User Created files, like adding the extension for the Text Files
• Fixed an issue with the sorting logic, where, since I copied most of the logic from the ascending system to the descending system, I left the button click listener for the ascending system, in the descending system, so for some time, clicking ascending just sorted the items in descending

Current issues/bugs

• The Sort and New Menus don’t close if I click anywhere else in the files app
• You can’t unselect an item
• The Gallery Status bar shows “undefined items”

Note

Added the Gallery Screenshot promised in my last DevLog

Fluetro OS DevLog 046

Frequency of DevLogs has plummeted, but Files app is almost complete## New Features Added

• Preview Pane changed to Details Pane
• Details Pane actually works
• No Details Pane in Gallery
• .exe files open the corresponding app
• Added a scrollbar for the apps folder since it has way too many items
• Made the Files Status bar independent of the files body, so it doesn’t go away when scrolling
• Made the Details area on top (Name, Size etc.) independent of the files body, so they don’t go away when scrolling
• Added a select system which triggers the details pane
• Details pane won’t show up after coming back from gallery if you disabled it previously, otherwise it will

Fixes

• Made a mess while trying to move the Status and Details areas, noticed it was because I had a part of js coded into the details area for future purposes(sorting), so I removed it and now it’s just cosmetic and does nothing else, and the status bar was appended to the main files body, which I changed to another div that contains the file operations area (New, Sort etc.), the details area and the files body
• Broke the details pane while trying to use querySelector to check if Gallery is active and the button is disabled or not, fixed it by switching to contains
• Fixed the padding and margin for the Details Pane to match the height of the Files main area

Current issues/bugs

• I was thinking of adding Windows-style breadcrumb address bar, but that’s very problematic, and might not even suit it well, so I’ll be adding a retro-style “" system for the address bar
• There’s still no new and sort system

Note

I forgot to add the screenshot of gallery, and now it’s only allowing me to replace the existing files and not add more

Fluetro OS DevLog 045

Adding the preloaded files and folders was easy (which I did before), but now progress has been slowed, again

New Features added

• Menus for Sorting and New File/Folder creation
• Different states for the New and Sort By buttons
• Removed Search Bar (too complicated to implement)
• Removed View option (still complicated to implement, might add it again later on)
• Removed Up one level button (most complicated)
• Added an error window that shows up when you try to open up a file that’s not supported by any existing app

Fixes

• I wasted a lot of time trying to fix the issue in the css that was causing the weird position for the menus, turns out the css wasn’t the issue at all and it was actually the HTMl since I put the menus outside the upper button panel handler
• I also wasted a lot of time trying the hit-and-run approach for the perfect height and width for the unsupported file type error box
• Fixed the corner radius for the System Menu (even though barely noticeable)

Current issues/bugs

• You can still go inside .exe files, since they’re still treated as folders (actually the type doesn’t matter for them, since the code is really simple for the folders and items)
• Something weird is going on with the padding for the sort and new menu buttons, and they don’t have blur either

Fluetro OS DevLog 044

Lot of progress

New Features added

• An actual File System with lots of Files, including Apps and User Files
• Custom .igr File extension and “Integration” type for Games files
• Working Navigation buttons, except the “Up one level button”
• Double-click system for files/folders
• Different file/item types and different icons for each one
• Disabled states for navigation buttons when not available/applicable
• Fully redesigned “Access Denied” error box
• Access Denied error integration when trying to access System Files
• Separate dock icon with running status for the error box
• Connected Navigation panel to individual folders/locations
• Animations on the error icon on the dock when it appears and disappears
• Animations on dock for expanding and shrinking to make room for the error icon

Fixes

• Minor fixes regarding the UI like hover effect for the OK button in System info box and corner radius adjustment in certain areas
• Fixed the weird padding at the right side of the dock due to appearance and disappearance of the error icon

Current bugs/issues

• As I said earlier, the Up one level button doesn’t work
• Address bar still need a lot of work
• Search is still just a placeholder
• Preview pane is still in the works
• I didn’t add the sounds, and I’ll probably add them last, because being forced to hear those sounds every time I restart Fluetro for debugging will become irritating fast
• There’s no scroll bar in the Files App

Note

• The animation looks jittery, but it’s due to some issue with Snipping Tool, it’s really smooth in reality

Fluetro OS DevLog 043

Slow and steady progress

New Features added

• Toggleable Navigation and Preview Panes
• Slight Redesigns for Browser, Paint and Gaming Hub Games
• Minor redesigns for all tooltips
• Animations while enabling or disabling the Navigation and Preview panes
• Made iframe based windows easier to resize and move

Fixes

• Fixed an issue where the hover of an object inside the files body would get cut off
• Fixed an issue where the Close button tooltip would get cut off

Current issues/bugs

• Resizing the AI/Daily Brief app is slow and kind of jittery
• The items inside the files body currently do nothing
• There’s no active state in the Navigation pane for the folder you’re currently in

Fluetro OS DevLog 042

Well, at least this is better than the last time

New features added

• Placeholder for Preview Pane
• Working Navigation Panel
• Working Gallery, currently only shows the preloaded wallpapers and I plan to add more images, maybe some taken by me
• A different screen for visiting empty folders
• Changing address bar icons according to the folder you visit
• Changing address bar text according to the folder you visit
• Added Trash (Recycle Bin), only as a Navigation Panel location for now

Fixes

• I checked the feedback and found out Minesweeper was not working for the current version of Fluetro, so I checked and found out that vercel is case sensitive and so it didn’t work, I fixed it now
• Yes, I’ll be adding almost all the features from feedback like making the dock auto-hide on maximize for more usable screen real estate
• Fixed multiple errors that I made while trying to make this update to the Files app, mostly by missing an “=” sign or a “.” at places. These errors basically broke everything, making everything non-interactable.

Current issues/bugs:

• IDK how I got the Details and stuff at the top to get working, but now I can’t get the content to adjust according to it, so it breaks whenever the window is maximized (screenshot attached)

Fluetro OS DevLog 041

Very little progress

New features added

• Added an operations section (new, sort by and view)
• Added what’s supposed to be a details panel
• Added a status bar
• Added placeholder content
• Added the top bar for the content, with separators

Current issues/bugs

• This is really complicated and all this time I am using up, is just for debugging, which is crazy
• The details pane is still blank
• Nothing does anything, since I have only managed to do the css and html so far

Fluetro OS DevLog 040

Exact reason why I delayed the development for the Files App

New Features added

• Scrapped the plan for making the Files app iframe based
• Added the Files app code directly into Fluetro code for better OS integration
• Added Navigation pane containing all important OS locations
• Added a main section for the app, where the content will be shown
• Also fixed dark mode for the app
• Removed the Work in Progress window for the Files App

Fixes

• Fixed the backgrounds for the different app elements

Current issues/bugs

• I have been working on this for almost 2.5 hours and managed to come only this far, nothing else is done, no JavaScript, or system, only the visual app is present, and opens on clicking the files icon on the dock
• Should I change the icons in the Navigation panel to colorful ones?

Fluetro OS DevLog 039

First DevLog after 2nd ship

New Features added

• Started working on the Files app, so now it only has a really basic design, mostly taken from the WebOS Browser project (image attached), it currently does nothing, and is just a blank slate

What’s in the works?

• Made some sounds for the UI like Startup, login, and shutdown
• Got a new roadmap and a whole list of features to add next

Fluetro OS DevLog 038

Did some last-minute changes

New Features added

• Now you can actually see what wallpaper you have selected
• The Calculator now follows the accent colors for more buttons

Note for reviewers

Some browsers may currently display phishing or scam warnings when accessing my GitHub Pages websites. These appear to be false positives. My projects are designed with a privacy-focused approach and do not intentionally collect sensitive user information. I have already reported the issue and am currently waiting for the warnings to be reviewed and resolved.

Fluetro OS DevLog 037

Final DevLog before 2nd Ship

New Features added

• New favicon
• Automatic Accent colors for the 4 preloaded wallpapers
• The accent colors not only affect the active toggles, but also affect the TopBar/System Menu Logo, the seconds hand of the clock, the today indicator of the calendar, the separators in the dock and the Welcome/Lock Screen too
• New spinning design for the Signing out/shutting down/restarting screens
• Fixed the default window sizing for the browser
• Removed the “…” from the above-mentioned screens
• There’s also an accent2 for the gradient design, and it will be customizable in later versions
• Removed a really light color that was present at 50%

Fixes

• The lock screen gradient is now smoother, and the text is easier to read due the color removal.
• Fixed the tooltip artifact issue from my Last DevLog

Current issues/bugs

• Opening Files no longer shows Work in Progress but shows “This Location is System Protected”, this was due to me making an error screen for situations where the user tries to access stuff in the OS that they’re not supposed to. But since it’s already there, it stays. It will be fixed in a later release.

What’s next?

Ship #2

Fluetro OS DevLog 036

Redesigns, features, and animations

New Features added

• Minimized and open running states for the dock icon, inspired by Windows 11
• Redesigned the logo again, and made it perfect this time
• Redesigned running design for dock icons along with a custom hover design for that state.
• Redesigned Boot Screen inspired by macOS and Windows 7
• Redesigned System information window
• Animations for the different app states in the dock
• A restart function that shuts down and reloads the page
• Redesigned Dark Mode
• Redesigned accent color

Fixes

• Fixed an issue where Signing out won’t close any open apps
• Fixed an issue where the running states would be jumping around when switching (made this issue while trying to add the different states)

Current issues/bugs

• There is an issue with tooltips where a line with the tooltip color appears and stays until another tooltip appears

What’s next?

I’ll probably be implementing an automatic accent color system for the present 4 wallpapers before the second ship. What the 3rd ship will include will be included in the README.

Fluetro OS DevLog 035

Redesign and more stuff

New Features added

• Boot Screen
• Redesigned logo and Lock screen inspired by the default wallpaper
• Transitions and Animations for Boot Screen
• No pointer in Boot Screen

Fixes

• Fixed an issue where Escape and Function Keys won’t work, this was due to a misplaced exclamation mark 😐
• Fixed the lock screen animations which I broke while trying to add the Boot Screen

Current issues/bugs

• There’s something wrong with the Sign Out option, since it’s keeping the apps open when signed out

What’s Next?

I’ll probably be adding a restart option, and then do a 2nd ship, there’ll also be a 3rd ship with the Files App, which is possibly the hardest thing to do (at least for me) in this project.

Fluetro OS DevLog 034

Some changes

New Features added

• Added icons to the System Menu
• Full logo redesign
• Finished on a new color scheme
• Animation when hovering on or pressing the Continue button on Welcome screen

Fixes

• Fixed the animation system for the Continue button on the Welcome Screen
• Finalized the new color scheme

Current bugs/issues

• I still don’t know if this color scheme is better than the original one(1st image)

Fluetro OS DevLog 033

Some redesigns

New Features added

• Better logo design

Fixes

• Fixed an issue where the running state of the app won’t show but instead make the tooltips of that app have its color.

Current issues/bugs

• This is an issue, I am thinking of giving the OS a better and more premium color identity, should I stick with the old color design or the new one, or if someone could provide any new suggestions, that would be nice too.