Ahnaf

Heres the fully finished project, about spending more than 4 hrs (searching+coding) heres the final work, Ive tested everything and provided a simple UI for ease of use and here are the list of things done:

• Added options box
• Added output boxes
• Created div box, button and input area
• Added effects inside the options.

This devlog mostly focuses on the max optimization of the project since the last time I was not able to achieve the optimization achievement. And I have done the optimization mainly based on two criteria, which are lazy loading to multiple elements, and optimization of asset sizes. More detailed insight into the optimizations done is available with proof in the README.md. Here, I have just posted a some images of optimization proof below.

I have updated the README.md with 2 major optimization techniques that I have used in the project, and also updated the repo with some codes, that help in further optimization, since in my last devlogs, ships and previous readme, real optimization and their proof were not shown. So this devlog is fully dedicated on adding lazy loading techniques and asset/app size minimization with proof (ive attached image of one proof here). Check the README for detailed info.

Last and final devlog, everything was checked properly for proper functioning and the project comes to an end. I hope it help others in the way it is intended to use. For this final update, after quite lots of prompt I used Kilo to encode the embed codes in base64 since it was way too complex and I added image downloads using html2canvas lib . (btw the horizontal slider/scroller wont appear in embed or images of the snippet.)

Easy peasy work, just had to take the vscode snippet, remove some parts, redesign into a simpler header for it, forgot to add the copy code button lol, gonna wake up tmrw and do that.
And not only that, snippet image download buttons and embed copy must be added too, So I have reserved some space below each snippet.

Perfected the vscode snippet, after lots of experimenting, and here it is. The next snippet will be based on Mac window, basically the default look of most snippets. I’m still trying to brainstorm other snippet ideas. So please let me know in the comments if you have your idea.
What was added in this update:

• A copy button
• A vscode replica footer

Just added the vscode snippet, I tried to make it as good as possible but well we cant just copy the whole ide design lol. So, I added a way to resize the snippet in both x and y axis, so that you can get an appropriate image if you are downloading the snippet. I have also added vscode lookalike syntax highlighting based on the new vscode theme.
On the next update ill be adding a Mac window snippet, if you guys have more idea for snippet themes, please let me know in the comments…

I almost gave up trying to hackatime, cuz on my ancient win 7 32 bit pc (my parents locked up my laptop), basically no modern apps work 😭, finally I found some site that gives a cloud VS Code IDE and then I was able to get wakatime to work. I have added some small updates after minutes and minutes of experimenting with best css styles that I can make. The key things done are:

• Added a font adjustment slider.
• Added snippet title textbox.
• Added language slider.
• Shifted the input window to the left.

After thinking and changing lots of styles, I concluded to go with Apple’s glassmorphism style for the UI, At first I added a Mac inspired window title bar. And then for the area to enter the code, I have added glassy feel to the background. For now I just made the input area, and will make the output area similar to it on the left with buttons for copy and download. In the update, I will be adding the option to scale the font and choose a language so that the parts of the codes make sense.

Updated Devlog: I actually found a way to clone the directories and files of the project through this package! Check the read me for updated instructions.

Old Devlog: After lots of errors once again we have accomplished another target, I reserved a PyPI package namespace for my project. It might not seem helpful for us right now, but when the project grows, we might need it. Fyi, It does pretty much nothing as of now other than holding the name, because later on we might not find the desired name for the package, so don’t try installing it.

After lots and lots of debugging from previous codes regarding compatibility issues across various versions of Windows 10/11, I have finally fixed it by simplifying the codes. Instead of using two Python files to manage, which were one for icons, libraries, etc., and another for creating the window. I have just kept the one for creating a window and handling the icon through the commands.
Here are the major fixes done:

1. Optimization: Decreased the number of files.
2. Compression: .exe is alone a single app now, does not depend on any directory like /.internal
3. Fixed icon: Sometimes icons did not appear, patched that through commands.
4. Compatibility issues: Fixed WebView2 errors.

This is a very simple frame project made only using pyinstaller for packaging of app and pywebview to show the html/css/js content.
What was done:

• project created and worked with adding the required libraries. (added in requirements.txt)
• used –onedir and –strip for optimization and many others.
• debugged the project for common issues.
• packed app was tested for any bugs
• crafted readme.md

Plex OS | A Web OS (sidequest)
Update to: Home Screen (70% done)

• Added apps
• Added start menu
• Added floating app windows

Plex OS | A Web OS (sidequest)
Update to: Home Screen (15% done)

• Added clock (slightly hidden behind background)
• Added taskbar with icons (icons are originally made for the project and are not stock photos)

Plex OS | A Web OS (sidequest)
Update to: Boot Screen

• Added loading gif and logo (with slight grayscale to fit boot screen darkness).
• Added auto-redirect without refresh to the lock screen.
• Added booting text with slight blinking effect.

Plex OS | A Web OS (sidequest)
Update to: Lock Screen

• Added welcome/info text
• Added unlock button
• Added news widget, crypto widget, and Spotify playlist.

Plex OS | A Web OS (sidequest)
Update to: Lock Screen

• Added time
• Added day, date, and year
• Added temperature, condition, and battery bar