Devlog 3

Launchpad

• as promised i have created the launchpad , but the serach functionlity is not working in it sorry i know its just s amll filter thing but i got my exmas this week, im in rush

• need to feactor the whole assets thing as i wasn initially importing the images but now i have moved it to the public and how just load them all

• updated the readme and added icon for the launchpad

A lot can be done i think, but i am limited with this event ending 30 sep and also my exams are coming up
SO BYE FOR NOWW, i really loved this project

Real OS

• true now this feels like a real operating system

Widgets

• added widgets to the desktop, can be added from the settings
• right there are jsut widgets for clock and calander but same design can be used to simply add many more kinds of widgets

Menu Bar

• menu bar now has the brightnes control slider and wifi options (obviously wifi are fake here)

Dock can now be auto hidden from settings and only shows up when you hover in the bottom jsut like real macos

Integrated the perosnalization in the settings app

up next i will add a launch pad, some more little apps, fix a issue related to navigation in finder that i just found out

Devlog 2

• i think i have laid a good foundation for process and window management
• i am now focusing on the UI and UX of the desktop environment and adding some more app, fetures, and more OS like fell

Minimizing and maximizing windows

• implemented feature to minimize and maxiimize the windows
• maximizing feature existed but there were some bugs and it wasnt really fullscreen so i fixed that and now it works as expected
• improve Dock to open or focus the app by detecting wheter app is open or closed or minimized

Started improving and adding animations

• used framer-motion to animate the appearance and disappearance of the windows
• later i will add transitions to other elements as well

Created a settings app

• to handle the widgets , appearance and general setting all i one place

• also fixed an infinite render issue in ActivityManagerApp that was caused by the useEffect

Devlog 1 (after shipping webos1)

• so its been like 2 months since i last worked on this project so i just revised the whole codebase once

Realism

• so when i decided to build this my main goal was to make it as realistic as possible
• by realistic i mean to make use of concepts that is used in real linux OS, not just UI but the actual inner workking

What went down

• any application when opened in OS has two parts

1. The window
2. The process

• Like for notepad app, there is a wrapper window which has the close button and menu options and then there is the actual notepad process which handles things related to the creation and saving of the notes file

what was the problem

• In real OS whenever we try to close a window, the window wrapper simply sends a closing signal to the actual process saying hey process user wants to close you for now.

• after this the process either saves logs, current changes or show user a confirmation dialog before closing

• but in my webOS i was jsut closign the process when user clicked the close button on the window wrapper, which is not realistic at all

There are three kinds of closing signals that a process can receive

1. SIGTERM
2. SIGKILL
3. SIGQUIT

• i will not get into the details of these signals but they mean different things , like SIGTERM is a request to terminate the process whereas SIGKILL forces the process to terminate.

Solution

• so i basically added a new property to the window state to track if a window has requested to close the process
• process actively listen to such state change from the window and replies accordingly and closes the app
• performs tasks like askeing user to save changes, show warning dialog etc before closing the process

there are still some bugs and a lot of things to improve in this thing but i will do that in the next devlog

#update number 0.0000033

The old man, Terminal

• Now terminal supports file system operations, can create and delete folders and files

Textpad

• now it can open text files and edit those and save, can create new files as well

Activity Manger , task manager

• Shows the currently running processes in the os, also gives and option to forcefully terminate any process, shows CPU and RAM usage (dummy but mindful of currently running processes)

Menu bar

• menu bar now has specific and dynamic context menu options for each app
• although its not available yet for each app, but the logic is implemented, I just need to write json config for the ui to display

Personalization

• Right click on desktop and click on Personalization to change wallpaper,
• will support more customization soon

Boot

• added a cool mock up to mimic shutdown and booting process of OS,

DevLOG FOURRR

What do we got this time

well well I now have a complete basic file management system build, I can create text files, edit them, open them, save them in any specific location , delete it,

terminal now can run more commands

‘’‘ls, mkdir, rm. touch, echo, clear, etc’’’’

context menus

It was time taking and exhausting as every section of the operating system required different type of context menus. It was so much messed up. I ended up creating something central where a single config can decide and make a whole context menu,

Desktop is ALIVE

Long awaited something I wanted to do is to display what there is in the desktop directory directly onto the desktop after making the complete file system.

Dev Log Threeeee

Added a browser

as of now only a few websites are accessible like wikipedia.org, other websites reject the connection in a iframe, I am looking for solution to this, I was thinking to maybe compile a rust model web browser using ecmascript and run a browser in browser, looks tough for limited time I have for this project , will definitely give it a shot ( if you guys got any idea let me know )

yayyyy File system is now persistent

well despite coolest feature this was fairly easy redux-persistence saved the day, used indexDB as localstorage is synchronous and only allows 5MB of storage

-> the files created in desktop folder now show up on the desktop on top of wallpaper

NEXT GOAL

1. add some more commands in terminal like ls, touch, mkdir, rm
2. ability to create and save text files
3. make files and folders drag-able (DREAMYYYY)
4. personlization options

Dev Log 2

1. Implemented resizing and maximizing of windows (easypzy lemon squeeze)
2. Added some dummy options in the menu bar (will soon make them functional too 😉)
3. Improved UI of file manager (Finder)

AlpineOS, lightweight web os for study and space research(will be coming soon)

The name inspiration come from the alpine images of docker “light weight”

I am trying to build is os such that user can sort of study about space.

as of now I have build some basic file system, dragable windows, I have setup basic architecture for applications, processes, and files and folders

hope fully in my next DEVlog, I will have implemented /fixed

1. resizable windows
2. control panel
3. file and folder persistence
4. some cool apps on space theme
5. preventing windows from going out of screen,
6. will try to make terminal somewhat working
7. improve the UI
8. ability to minimize the windows
9. drag and drop upload of files like text, pdf, word excel etc,