Reggi reggi

I've had an idea for a bit that i've parked on and I just wanted to document it because I told someone today at a tech meetup about it, but I also spoke to some other people about it over the year.

The main idea is a static site generate / server side site generator.

It points to a directory of files and builds that list of files into a website.

Each directory is a webpage and there can be different views to how that webpage is viewed.

For instance you can have a directory show as "two column" / "wiki style" is where you have a list of files on the right and you click the page and the right is the content.

Build the image

docker build -t watchy-dev .

Run the container and mount CWD

docker run --rm -it
--device=/dev/ttyACM0
--privileged
-v "$(pwd)":/home/dockeruser/app
watchy-dev

	-
	name: Delicious in Dungeon
	date: August 2024
	rating: 10/10
	thoughts: "Really cozy vibes, love the world building and the characters. The art is also really good."
	-
	name: "Frieren: Beyond Journey's End"
	date: September 2024
	rating: 10/10
	thoughts: "I view this as a retrospect on life and our life-spans, regret, death and the friends you make along the way."

	#!/bin/bash

	# Get the list of dependencies from package.json
	DEPENDENCIES=$(jq -r '.dependencies \| keys[]' package.json)

	# Loop through each dependency
	for DEP in $DEPENDENCIES; do
	# Get the path to the dependency's package.json
	DEP_PACKAGE_JSON="node_modules/$DEP/package.json"

	import ts from "npm:typescript";
	import { readFileSync } from "node:fs";

	function extractExportsFromFile(filePath: string): string[] {
	// Read the file content
	const fileContent = readFileSync(filePath, { encoding: 'utf8' });
	if (!fileContent) {
	throw new Error(`File not found or empty: ${filePath}`);
	}

	// ==UserScript==
	// @name GitHub Milestones Redirect
	// @namespace http://tampermonkey.net/
	// @version 1.0
	// @description Redirects to GitHub milestones with specific parameters on link click
	// @author You
	// @match https://github.com/*
	// @grant none
	// ==/UserScript==

	import { WebComponent, html } from 'web-component-base'

	class HFrag extends WebComponent {
	static props = {
	as: 'h1',
	hover: false
	}

	text: string
	constructor () {

	---
	type Props = {
	id?: string,
	class?: string,
	value?: number,
	onchange?: string,
	style?: string,
	hideSelector?: boolean,
	showSelectorOnHover?: boolean
	}

	---
	import { createHash } from 'node:crypto';
	import fs from 'node:fs/promises';
	import path from 'node:path';
	type Props = {
	src: string,
	alt?: string,
	class?: string,
	}
	const { src, alt, class: className } = Astro.props