After a grand total of three hours (consisting of stumbling through the inner workings of Svelte and TypeScript & transfering a good batch of code from TermTab), I finally got the terminal input, the main input device, and the Terminal app, showing terminal history, working. There aren’t any commands yet, so you can have fun click-clacking away while getting errors for the rest of time™.
Worked on a variety of tidbits today, especially thinking more about how the UI would be laid out. Currently, there will be a top bar with system & app items plus the current date and time. The “desktop” will have the terminal as its default, but apps can override the space (switch between apps using ctrl + `). A single-line terminal input is always at the bottom so the user can open/close apps, and call CLI-only applications.
Anyways heres the code for an incomplete keyboard manager, which handles the keyboard in a very similar way to TermTab:
Explore TermTab: Try It Now!
goto and search to navigate to a website or search with your favorite search engine, respectively.loc and info to fetch info about your current IP address or US zip code or information about your session, respectively.weather (and any subsequent flags) to fetch the current and forecasted weather for your estimated location or US zip code.import.meta.glob, the website dynamically fetches the commands from $lib/terminal/commands, making it easy for new commands to be created or altered. However, much of the work was dedicated to developing the Terminal class outlined in the next section.Terminal class. It provides functions for commands to “print” to the console (appends the information as unique “lines” in a list), acting similar to any other terminal I/O program.Command class is created as the “blueprint” for any terminal command and has methods for executing and providing help. By not hard-coding the commands directly in the terminal, users can create commands to supplement the default commands.weather command. It uses OpenMeteo’s API to fetch the weather, but that API requires longitude and latitude coordinates. To resolve this issue, the loc command was created to use the user’s estimated location fetched from freeipapi.com or, using a US zip code, zippopotam.us. Then, the information is converted into a user-friendly output, with the number of forecasted days being controlled by the user.adapter-static and information about dynamically importing TypeScript files.
After a few more hours, I finally integrated a stable production-ready API to TermTab. Right now, there are two new commands: loc and weather. Loc uses the user’s local IP address (from freeipapi.com) or a provided US zip code (uses zippopotam.us) to find coordinates, city, state, and country name (and IP address, if applicable).
I also rewrote the search command to allow the user to use their preferred search engine (and incorporated the ask command into it). Now, you can search YouTube, Wikipedia, and DuckDuckGo!
I am considering on shipping TermTab as it is after finishing up on the rest of the project (like README.md).
After a few hours of work, I was able to rewrite how commands work for TermTab. Before, commands were hardcoded into the execute() method in the Terminal class, which itself was integrated as part of the Terminal component. Now, the Terminal class is its own svelte.ts file and commands are fetched dynamically using Vite’s import.meta.glob().
I also added/modified a few commands including: time, info, and help. help now uses a dynamic fetching system, with each command managing its own help menu with command parameters as a string[].
As before, if you have any suggestions, feel free to comment!
Devlog 1: Making Something Familiar
Just began on my second project for Stardance. I started very late, but I want to complete this and the basic OS missions before Stardance is over.
Currently, I created a class in TypeScript to manage input and output and implemented a few programs. The input is directly taken from DOM listeners instead of an element because some functionality, like ctrl+c wouldn’t work with basic input. Besides, the custom code wasn’t a lot, with most of it dedicated to parse() which uses a simple switch statement.
Currently, there isn’t much in the way of interactivity, but I plan on implementing a few programs:
If you have another ideas for programs, feel free to share/comment.
Hey there! This is my spin on the personal site. This project took much longer than expected, with much of that time dedicated on learning the ropes of using Svelte, GitHub Pages, and a little bit of Bun. Overall, I enjoyed this project since it’s actually got me to publish my work to a larger audience. Anyways here’s the main gist of the site:
Explore the website: Try It Now!
github-pages runner does not interface well with Svelte. Instead, the project bundles a new deploy.yml file that automatically installs all dependencies, builds the project, and loads the static files for GitHub Pages.adapter-static.
5h 24m 40s logged
Devlog 1: My Personal Website Is Now Complete!
For what seems like years, I finally got my foot in the door with web development. Although this isn’t my first project concerning web development, I think this is my most refined website yet!
Quick breakdown:
For my first Hack Club project, I’m quite proud!
