Ship
Ship
UI 🎨 [Devlog 3]
After some work, I finished the CSS
side of things for the playlists… So now, you can see your playlist and it’s information better.
Other Additions
- You can now somewhat toggle between the edit mode and view mode of a playlist. Well, it is kind of a one-way thing. So if you start editing, you can not save yet.
- Added a function for synchronizing changes to Firebase
. Not used rn. - Added the input elements and buttons to allow changing values of a playlist. Right now, they are only toggle-able.
Got the Back end! 
[Devlog 2]
Last devlog, I worked on the main UI, and added very cool effects.
NEW 
This devlog, I got other stuff!!
- OK.. maybe just a bit more cool UI
- The Firebase side of stuff is pretty complete! Now, you can make a playlist inside the create page, and when made, it will redirect you to a URL(/p/id) which will be your playlist! I had to look through many ways i could implement security. However, I stayed with a basic sha256 hashing system. Because there are no accounts on the app, there really is no other alternative. And sha256 is very easy.
- Made layout for create page and playlist page.
Conclusion
These are pretty cool! What else do you want added? Let me know in comments below!!
ShareList [Devlog 1]
Youtube has a playlist system… for Youtube only videos. Spotify has a playlist system… for Spotify only audio. Why not a web app that allows you to make a playlist of both worlds? With ShareList, you will be able to make a playlist that can have content stretching from videos to music to websites, with the additional benefit of being able to share them!
Starting off…
Today, I worked on the main structure of the project, and did a whole lot of styling. I think it worked out pretty cool.
I did things like:
- Box-shadows for the bar atop the page, which interacts with the mouse and is actually split in two!
- A glow ⭐ on the mouse, which is pretty cool and awesome looking.
- Night/Light mode.
- 404 Page(my first time)
There is way more, but I will not list em’.
Things I am/will work on…
- It is time for the back-end now… yay… 🙄
- Need to make the about and playlist pages themselves.
- The form-like interface to make/edit a playlist.
Conclusion
So I think I overdid myself today, which is pretty tuff 
. I am really hoping to finish this so people can use it ASAP!!
SO MUCH BETTER!
modOS is now more than just a template for your OS. It now makes it easier to template your own web OS!
New Additions
- Settings package
- Splash Screen(you can turn it off in settings!)
- Saving settings 💾
Uses 
With these new features, your modOS account will officially have a working function. You can open your environment wherever you want. 
Future Plans 
- Saving installed packages
- Saving user-made files/folders(There is already a immature version, however it does not work).
- Package development IDE.
- Customized Splash Screen
- Notification Daemon
- D-Bus Events
😟
Problems That Occured 
- Resetting custom CSS.
- New user check(supposed to work. literally no reason it should not)
Send Recommendations/Suggestions
Sorry for excess use of EMOJIS 
they are fun
A Path to Stable
From the previous… and unsuccessful ship… I learned many things that could improve modOS(other than a temporary Firebase bug🙄)
- First of all, there were a lot of bugs. A plenty of the time reported on this devlog are from bug fixing.
- Secondly, seems like people want to be able to customize the preinstalled system. So I have been working on a settings package to allow managing your account and CUSTOMIZING your system!
- DISCOVERY❗! Apperiantly, because modOS is modular by design, and because you can import packages, and because you can edit those packages, it turns out app development in the sense of an IDE is by design built in to modOS! With this, I was able to resolve many package related bugs running in a live environment, and even build packages! This will be utilized even more to hopefully make a full modern IDE package for anyone to use and build packages!!! Check out the video below for demonstration!
I am looking for ideas, so please hit me up with some!
Ship
Adding stuff
As of now, modOS comes with pre-installed packages to get you, the user, started. These include terminal, desktop, bartender, wer(window manager), editor, and more!
With these packages you can install more packages(that do not exist yet).
Do you want to be a developer?
modOS is made to be one of the most developer friendly webOS’s out there! With over 10 different API’s, you can build applications that are easily integrated into the system.
You can check out the source code of each package I made for modOS via first, finding the package with ls packages (in terminal) and then reading them with cat packages/PACKAGE (also in terminal)!
oooor just go to the krambools github repository
https://github.com/krambo345/krambools
Bootstrap recovery
Bootstrap works right now, for me. However, if anyone else gets errors while booting modOS, they will have the opportunity to repair it via bootstrap recovery that is presented upon failure.
link
due to a situation, i can not put modOS link to the information. use this link to access modOS: https://modos.krambo.space
Thank yall
BOOYAH!
After so long, we finally have VISUAL IMPROVEMENT!!!
Before we start, I would appreciate if y’all followed modOS!
Link: modos.krambo.space
New Additions:
- You can now install(via packer get) or remove(via packer remove) ANY PACKAGE(from existing directory, use packer fetch for a list)
- You get some propriety software for modOS so it is easier for you to do stuff :)
- Package delivered commands! Developers can implement their own commands and API’s to the modOS ecosystem!
- API integration into packages
- Dependencies work flow
- modOS-VT has officially been made modOS, with the original being retired under modOS-pre. It will be removed from GitHub soon.
- And MANY more minor updates!
Things that are needed to be fixed
- Guest option does not work, special rules needed to be implemented.
- packer.get API blindly makes a new blob file every time it is used(potential memory leak)
- There is no settings feature(yet), so the accounts are pretty useless rn. Sorry.
- And yeah that’s it to my knowledge
DEVELOPERS!!!
You can officially use the modOS API to make an application for the modOS ecosystem! Sadly, we do not have any documentation, but you can see the existing packages I made for reference, I tried my best to make it easy on y’all!
https://github.com/krambo345/krambools/tree/master
Publishing
If you are a developer that made an application for modOS(tysm!), there sadly is no official way to register the application to modOS(yet!). It is still being implemented. Please hold on to your application until there is a method. Follow this project to be updated for when it is implemented! Thank you!
Disclaimers:
AI has been heavily used in this part of the project due to the advanced levels of TS used(that I can’t do myself). In my defense, this is the first project I ever made using TypeScript and Vite. Almost every new feature exposes me to another new thing(and problem) to learn!
Tada!
modOS-VT is SO close to being done! I feel it!
Disclaimers
- AI was heavily used at this point of the project. The reason is that the code was starting to get very messy(and not cool looking), which is why I asked AI to REORGANIZE the code. It basically took what I wrote, made them more organized, and made the connections. It is more than likely that the AI added a few of lines itself.
- Alongside that, I used AI to COMPLETELY make a terminal system using xterm.js(node module). The reason is, xterm has one of the worst and most incomplete documentations I ever saw. I really couldn’t make it myself after three tries.
- And finally, I used AI to make a package installation/launching system, as that would lead me into parts of Java/Type Script that I previously had no experience with. I am still trying to learn how to make it myself, however.
I am very sorry for the heavy usage of AI. This is a very niche project that you can not find a lot of information for. I believe the code still meets AI requirements of Stardance.
New Additions
- There is a fully set-up(with a Firebase back end) account management system to signup or login users. There is a guest option for people who just want to try it out!
- System-wide terminal. It is made so different software can be built on it!
- Package installation and launching: This is HUGE! This is what was needed to make modOS MODULAR!
- New API’s
- Very cool and clean looking code(developer friendly).
Future Updates
- modOS-VT will be rebranded to just modOS.
- There will be some base packages that are needed to make.
- A README.md for developers with the instructions on making a package.
- And yeah that is what’s left for modOS-VT.
Ship
Longer Yet Shorter [Dev Post 6]
After some long work, modOS is finally getting easier to get done. But
it’s not done just yet.
What is new?
modOS now has some basic API’s, which will be used in the future by
developers to make applications that can be fully integrated into the
ecosystem.
Bootstrap is reaching completion, which will bring us to the next step:
display.
We also have one of the most important functions of an OS, file
management! modOS utilizes zenfs/core to store files and
folders(alongside their structure) in memory! This will allow the
creation of file explorers, document making, and more! This is also a
crucial piece to make a modular OS.
What is needed?
modOS still needs some more API’s, most which will come from packages.
Due to that, the next dev post should be of packer, the official package
manager for modOS. It will be the connectiong between users, database,
and developers.
User <--> Database <--> Developer
Meaning dev’s will be able to publish packages, and user’s will be able
to download them!
And finally, we need an account session thingy to keep track of each
user’s installed packages. This also will allow the usage of YOUR modOS
anywhere!
Final Regards
pretty cool
A New Beginning [Dev Post 5]
Here is what I got done ever since I announced modOS Sevda Çiçeği!
git init
So we now have modOS-VT as a GitHub repository. It’s pretty cool. VT stands for Vite Type, indicating how the project utilizes Vite and TypeScript instead of just html and javascript.
What is made?
I made:
- A bootstrap, which initializes every service necessary for modOS runtime.
- Basic system.
- Firebase!!!
Jeez, why did it take 7 hours?
Well, my friend, modOS is completely modular. So there is a bit of contradiction when I need to make a bootstrap that launches things, if there is no things. I worked on making a placeholder for almost everything.
Core Idea
modOS will be just like any other Linux distribution. You have the base system that gives you whatever you need. And you install user-generated content with a package manager! It will be so cool! But right now, I am still working on making the base system part.
PSST! Do you want to contribute to modOS by making an app for it? Well you absolutely can! Right now it’s a bit difficult as there is no modOS. However, you can develop applications using typescript any time! Later modOS versions will come with API’s that you can integrate your app into the modOS ecosystem.
Challenges
The main challenge was getting started with modOS… again… but when I did start, it starts flowing like butter.
What I LOVE about modOS right now:
Because modOS-VT is built on Vite, I can use packages and make it easier to use with GitHub pages! I did not have to make 15 commits for a bug fix while setting up GitHub pages!
Final Regards
Thank you. :)
Announcing modOS Sevda Çiçeği Concept
After completing the pretty underdeveloped modOS Cambaz, I think it is time we move on to a full, stable, environment.
Plans for modOS Sevda Çiçeği:
- A fully modular webOS where you can change everything from the window rules to the very development environment.
- A package manager for distributing, installing, and managing user created packages.
- A full modOS API for consistency and compatibality.
- And MANY more.
Here is a checklist/roadmap for modOS that you can follow as I check off the tasks:
https://docs.google.com/document/d/1H7caegzGowVeYkntmm87eaJ8XJtSyU1Pbvb5vVNmgYI/edit?usp=sharing
Logged hours for this dev post come from earlier bug fixes and polishing to modOS Cambaz alongside the making of modOS Sevda Çiçeği
Ship
Loading more…