feat: various improvements

da.nfin.ch.code-workspace

@@ -2,8 +2,8 @@
 	"folders": [
 		{
 			"name": "da.nfin.ch",
-			"path": "."
+			"path": ".",
-		}
+		},
 	],
 	"settings": {
 		"oxc.path.oxfmt": "node_modules/.bin/oxfmt",
@@ -18,7 +18,7 @@
 		"explorer.fileNesting.enabled": true,
 		"explorer.fileNesting.patterns": {
 			"tsconfig.json": "tsconfig.*.json",
-			"package.json": "bun.lock, bunfig.toml, *.bun.plugin.ts, ox*.config.ts, .gitignore, .mirrorignore, regime.config.json, commitlint.config.*, release.config.*js",
+			"package.json": "bun.lock, bunfig.toml, *.bun.plugin.ts, ox*.config.ts, .gitignore, .mirrorignore, regime.*.json, regime.internal.json, commitlint.config.*, release.config.*js, hypeup.config.*",
 			"vite.config.ts": "*.vite.plugin.ts",
 			"README.md": "LICENSE, LICENSE.md",
 		},

hypeup.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "hypeup"
+
+export default defineConfig({
+  clean: true,
+  dir: "src/routes",
+  vite: {
+    server: {
+      allowedHosts: [Bun.env.HOSTNAME!],
+      host: true,
+    },
+  },
+})

oxfmt.config.ts

@@ -15,13 +15,10 @@ export default defineConfig({
   ignorePatterns: ["**/*.gen.ts"],
   overrides: [
     {
-      files: [
+      files: ["**/ui/**/*.ts"],
-        "**/ui/**/*.ts"
-      ],
       options: {
         printWidth: 60,
       },
     },
   ],
 })
-

package.json

@@ -22,10 +22,10 @@
     "check": "tsgo --build",
     "test": "bun test --pass-with-no-tests --tsconfig-override tsconfig.test.json",
     "lint": "oxlint",
-    "start": "hypeup generate --dir src/routes --watch",
+    "start": "hypeup generate --watch",
-    "build": "hypeup generate --dir src/routes",
+    "build": "hypeup generate",
-    "publish:main": "rsync -avz dist/ quickbasic.org:~/da.nfin.ch",
+    "publish:main": "rsync -avz --delete dist/ da.nfin.ch:~/da.nfin.ch",
-    "publish:errilaz": "rsync -avz errilaz.org/ quickbasic.org:~/errilaz.org",
+    "publish:errilaz": "rsync -avz --delete errilaz.org/ da.nfin.ch:~/errilaz.org",
     "publish": "bun run publish:main && bun run publish:errilaz"
   },
   "files": [

src/ui/Layout/Taskbar.ts

@@ -86,7 +86,7 @@ function Task({
     textAlign.left,
     div(
       width("100%"),
-      pad("4px"),
+      gap("4px"),
       display.flex,
       justifyContent.flexStart,
       img(

src/ui/Layout/Theme.ts

@@ -12,8 +12,8 @@ export default function Theme() {
       ),
     ),
     rule("a.button", [
-      textDecoration("none"),
+      textDecoration.none,
-      cursor("default"),
+      cursor._default,
       display.flex,
       alignItems.center,
     ]),
@@ -27,14 +27,13 @@ export default function Theme() {
       fontSize("14px"),
       rule("h1", fontSize("28px")),
       rule("h2", fontSize("20px")),
-      rule(
+      rule(aside,
-        "aside",
         float.right,
         marginLeft("20px"),
         paddingBottom(0),
       ),
       rule("p, h1, h2, h3, ul", margin("12px 0")),
     ),
-    rule("iframe", border(0)),
+    rule(iframe, border(0)),
   ]
 }

src/ui/Layout/Window.ts

@@ -1,7 +1,7 @@
 const DEFAULT_WIDTH = "770px"
 
 export default function Window(
-  props: { title: string; width?: Content; flat?: boolean },
+  props: { title: Content; width?: Content; flat?: boolean },
   ...contents: Content[]
 ) {
   return article.window(

src/ui/Projects/Projects.ts

@@ -2,12 +2,15 @@ import Layout from "ui/Layout"
 import Window from "ui/Layout/Window"
 
 const title = "Dan Finch - Projects"
+const sigitex = "https://sigitex.com"
 
 export default function Projects() {
   return Layout(
     { title, url: "/projects" },
     Window(
-      { title },
+      {
+        title: span(title, " (", a({ href: sigitex }, color.yellow, "SIGITEX.COM"), ")")
+      },
       backgroundColor.black,
       display.flex,
       iframe({ src: "https://sigitex.com" },

tsconfig.src.json

@@ -3,10 +3,18 @@
   "compilerOptions": {
     "composite": true,
     "paths": {
-      "ui/*": ["./src/ui/*"],
+      "ui/*": [
-      "shared/*": ["./src/shared/*"],
+        "./src/ui/*"
-      "assets/*": ["./assets/*"],
+      ],
-      "public/*": ["./public/*"]
+      "shared/*": [
+        "./src/shared/*"
+      ],
+      "assets/*": [
+        "./assets/*"
+      ],
+      "public/*": [
+        "./public/*"
+      ]
     }
   },
   "include": [