feat: initial commit

2025-08-30 13:06:28 -07:00 · 2025-08-30 13:06:28 -07:00 · efee85cf31
commit efee85cf31
23 changed files with 10414 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+*_templ.go
+config.toml
--- a/.templui.json
+++ b/.templui.json
@ -0,0 +1,7 @@
+{
+  "componentsDir": "components",
+  "utilsDir": "utils",
+  "moduleName": "git.hafen.run/lukas/timeshare",
+  "jsDir": "assets/js",
+  "jsPublicPath": "/assets/js"
+}
--- a/assets/css/input.css
+++ b/assets/css/input.css
@ -0,0 +1,142 @@
+@import 'tailwindcss';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --breakpoint-3xl: 1600px;
+  --breakpoint-4xl: 2000px;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-surface: var(--surface);
+  --color-surface-foreground: var(--surface-foreground);
+  --color-code: var(--code);
+  --color-code-foreground: var(--code-foreground);
+  --color-code-highlight: var(--code-highlight);
+  --color-code-number: var(--code-number);
+  --color-selection: var(--selection);
+  --color-selection-foreground: var(--selection-foreground);
+}
+
+/* Default theme - Neutral gray */
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+  --selection: oklch(0.145 0 0);
+  --selection-foreground: oklch(1 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+  --selection: oklch(0.922 0 0);
+  --selection-foreground: oklch(0.205 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  ::selection {
+    @apply bg-selection text-selection-foreground;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
+  }
+}
--- a/assets/css/output.css
+++ b/assets/css/output.css
--- a/assets/js/label.min.js
+++ b/assets/js/label.min.js
@ -0,0 +1 @@
+(()=>{(function(){"use strict";function a(t){let s=t.getAttribute("for"),d=s?document.getElementById(s):null,r=t.getAttribute("data-tui-label-disabled-style");if(!d||!r)return;let e=r.split(" ").filter(Boolean);d.disabled?t.classList.add(...e):t.classList.remove(...e)}document.addEventListener("DOMContentLoaded",()=>{let t=new Set;function s(){document.querySelectorAll("label[for][data-tui-label-disabled-style]").forEach(r=>{a(r);let e=r.getAttribute("for");e&&t.add(e)})}s(),new MutationObserver(r=>{r.forEach(e=>{e.type==="attributes"&&e.attributeName==="disabled"&&e.target.id&&t.has(e.target.id)&&document.querySelectorAll(`label[for="${e.target.id}"][data-tui-label-disabled-style]`).forEach(a)})}).observe(document.body,{attributes:!0,attributeFilter:["disabled"],subtree:!0}),new MutationObserver(()=>{s()}).observe(document.body,{childList:!0,subtree:!0})})})();})();
--- a/assets/js/toast.min.js
+++ b/assets/js/toast.min.js
@ -0,0 +1 @@
+(()=>{(function(){"use strict";let n=new Map;function o(t){let i=parseInt(t.dataset.tuiToastDuration||"3000"),e=t.querySelector(".toast-progress"),a={timer:null,startTime:Date.now(),remaining:i,paused:!1};n.set(t,a),e&&i>0&&(e.style.transitionDuration=i+"ms",requestAnimationFrame(()=>{e.style.transform="scaleX(0)"})),i>0&&(a.timer=setTimeout(()=>r(t),i)),t.addEventListener("mouseenter",()=>{let s=n.get(t);if(!(!s||s.paused)&&(clearTimeout(s.timer),s.remaining=s.remaining-(Date.now()-s.startTime),s.paused=!0,e)){let m=getComputedStyle(e);e.style.transitionDuration="0ms",e.style.transform=m.transform}}),t.addEventListener("mouseleave",()=>{let s=n.get(t);!s||!s.paused||s.remaining<=0||(s.startTime=Date.now(),s.paused=!1,s.timer=setTimeout(()=>r(t),s.remaining),e&&(e.style.transitionDuration=s.remaining+"ms",e.style.transform="scaleX(0)"))})}function r(t){n.delete(t),t.style.transition="opacity 300ms, transform 300ms",t.style.opacity="0",t.style.transform="translateY(1rem)",setTimeout(()=>t.remove(),300)}document.addEventListener("click",t=>{let i=t.target.closest("[data-tui-toast-dismiss]");if(i){let e=i.closest("[data-tui-toast]");e&&r(e)}}),new MutationObserver(t=>{t.forEach(i=>{i.addedNodes.forEach(e=>{e.nodeType===1&&e.matches?.("[data-tui-toast]")&&o(e)})})}).observe(document.body,{childList:!0,subtree:!0})})();})();
--- a/components/button/button.templ
+++ b/components/button/button.templ
@ -0,0 +1,151 @@
+// templui component button - version: v0.93.0 installed by templui v0.93.0
+package button
+
+import (
+	"git.hafen.run/lukas/timeshare/utils"
+	"strings"
+)
+
+type Variant string
+type Size string
+type Type string
+
+const (
+	VariantDefault     Variant = "default"
+	VariantDestructive Variant = "destructive"
+	VariantOutline     Variant = "outline"
+	VariantSecondary   Variant = "secondary"
+	VariantGhost       Variant = "ghost"
+	VariantLink        Variant = "link"
+)
+
+const (
+	TypeButton Type = "button"
+	TypeReset  Type = "reset"
+	TypeSubmit Type = "submit"
+)
+
+const (
+	SizeDefault Size = "default"
+	SizeSm      Size = "sm"
+	SizeLg      Size = "lg"
+	SizeIcon    Size = "icon"
+)
+
+type Props struct {
+	ID         string
+	Class      string
+	Attributes templ.Attributes
+	Variant    Variant
+	Size       Size
+	FullWidth  bool
+	Href       string
+	Target     string
+	Disabled   bool
+	Type       Type
+	Form       string
+}
+
+templ Button(props ...Props) {
+	{{ var p Props }}
+	if len(props) > 0 {
+		{{ p = props[0] }}
+	}
+	if p.Type == "" {
+		{{ p.Type = TypeButton }}
+	}
+	if p.Href != "" && !p.Disabled {
+		<a
+			if p.ID != "" {
+				id={ p.ID }
+			}
+			href={ templ.SafeURL(p.Href) }
+			if p.Target != "" {
+				target={ p.Target }
+			}
+			class={
+				utils.TwMerge(
+					"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all",
+					"disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
+					"outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+					"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+					"cursor-pointer",
+					p.variantClasses(),
+					p.sizeClasses(),
+					p.modifierClasses(),
+					p.Class,
+				),
+			}
+			{ p.Attributes... }
+		>
+			{ children... }
+		</a>
+	} else {
+		<button
+			if p.ID != "" {
+				id={ p.ID }
+			}
+			class={
+				utils.TwMerge(
+					"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all",
+					"disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
+					"outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+					"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+					"cursor-pointer",
+					p.variantClasses(),
+					p.sizeClasses(),
+					p.modifierClasses(),
+					p.Class,
+				),
+			}
+			if p.Type != "" {
+				type={ string(p.Type) }
+			}
+			if p.Form != "" {
+				form={ p.Form }
+			}
+			disabled?={ p.Disabled }
+			{ p.Attributes... }
+		>
+			{ children... }
+		</button>
+	}
+}
+
+func (b Props) variantClasses() string {
+	switch b.Variant {
+	case VariantDestructive:
+		return "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
+	case VariantOutline:
+		return "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
+	case VariantSecondary:
+		return "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80"
+	case VariantGhost:
+		return "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
+	case VariantLink:
+		return "text-primary underline-offset-4 hover:underline"
+	default:
+		return "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90"
+	}
+}
+
+func (b Props) sizeClasses() string {
+	switch b.Size {
+	case SizeSm:
+		return "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"
+	case SizeLg:
+		return "h-10 rounded-md px-6 has-[>svg]:px-4"
+	case SizeIcon:
+		return "size-9"
+	default: // SizeDefault
+		return "h-9 px-4 py-2 has-[>svg]:px-3"
+	}
+}
+
+func (b Props) modifierClasses() string {
+	classes := []string{}
+	if b.FullWidth {
+		classes = append(classes, "w-full")
+	}
+	return strings.Join(classes, " ")
+}
--- a/components/icon/icon.go
+++ b/components/icon/icon.go
@ -0,0 +1,117 @@
+// templui component icon - version: v0.94.0 installed by templui v0.94.0
+package icon
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"sync"
+
+	"github.com/a-h/templ"
+)
+
+// iconContents caches the fully generated SVG strings for icons that have been used,
+// keyed by a composite key of name and props to handle different stylings.
+var (
+	iconContents = make(map[string]string)
+	iconMutex    sync.RWMutex
+)
+
+// Props defines the properties that can be set for an icon.
+type Props struct {
+	Size        int
+	Color       string
+	Fill        string
+	Stroke      string
+	StrokeWidth string // Stroke Width of Icon, Usage: "2.5"
+	Class       string
+}
+
+// Icon returns a function that generates a templ.Component for the specified icon name.
+func Icon(name string) func(...Props) templ.Component {
+	return func(props ...Props) templ.Component {
+		var p Props
+		if len(props) > 0 {
+			p = props[0]
+		}
+
+		// Create a unique key for the cache based on icon name and all relevant props.
+		// This ensures different stylings of the same icon are cached separately.
+		cacheKey := fmt.Sprintf("%s|s:%d|c:%s|f:%s|sk:%s|sw:%s|cl:%s",
+			name, p.Size, p.Color, p.Fill, p.Stroke, p.StrokeWidth, p.Class)
+
+		return templ.ComponentFunc(func(ctx context.Context, w io.Writer) (err error) {
+			iconMutex.RLock()
+			svg, cached := iconContents[cacheKey]
+			iconMutex.RUnlock()
+
+			if cached {
+				_, err = w.Write([]byte(svg))
+				return err
+			}
+
+			// Not cached, generate it
+			// The actual generation now happens once and is cached.
+			generatedSvg, err := generateSVG(name, p) // p (Props) is passed to generateSVG
+			if err != nil {
+				// Provide more context in the error message
+				return fmt.Errorf("failed to generate svg for icon '%s' with props %+v: %w", name, p, err)
+			}
+
+			iconMutex.Lock()
+			iconContents[cacheKey] = generatedSvg
+			iconMutex.Unlock()
+
+			_, err = w.Write([]byte(generatedSvg))
+			return err
+		})
+	}
+}
+
+// generateSVG creates an SVG string for the specified icon with the given properties.
+// This function is called when an icon-prop combination is not yet in the cache.
+func generateSVG(name string, props Props) (string, error) {
+	// Get the raw, inner SVG content for the icon name from our internal data map.
+	content, err := getIconContent(name) // This now reads from internalSvgData
+	if err != nil {
+		return "", err // Error from getIconContent already includes icon name
+	}
+
+	size := props.Size
+	if size <= 0 {
+		size = 24 // Default size
+	}
+
+	fill := props.Fill
+	if fill == "" {
+		fill = "none" // Default fill
+	}
+
+	stroke := props.Stroke
+	if stroke == "" {
+		stroke = props.Color // Fallback to Color if Stroke is not set
+	}
+	if stroke == "" {
+		stroke = "currentColor" // Default stroke color
+	}
+
+	strokeWidth := props.StrokeWidth
+	if strokeWidth == "" {
+		strokeWidth = "2" // Default stroke width
+	}
+
+	// Construct the final SVG string.
+	// The data-lucide attribute helps identify these as Lucide icons if needed.
+	return fmt.Sprintf("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"%d\" height=\"%d\" viewBox=\"0 0 24 24\" fill=\"%s\" stroke=\"%s\" stroke-width=\"%s\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"%s\" data-lucide=\"icon\">%s</svg>",
+		size, size, fill, stroke, strokeWidth, props.Class, content), nil
+}
+
+// getIconContent retrieves the raw inner SVG content for a given icon name.
+// It reads from the pre-generated internalSvgData map from icon_data.go.
+func getIconContent(name string) (string, error) {
+	content, exists := internalSvgData[name]
+	if !exists {
+		return "", fmt.Errorf("icon '%s' not found in internalSvgData map", name)
+	}
+	return content, nil
+}
--- a/components/icon/icondata.go
+++ b/components/icon/icondata.go
--- a/components/icon/icondefs.go
+++ b/components/icon/icondefs.go
--- a/components/label/label.templ
+++ b/components/label/label.templ
@ -0,0 +1,42 @@
+// templui component label - version: v0.93.0 installed by templui v0.93.0
+package label
+
+import "git.hafen.run/lukas/timeshare/utils"
+
+type Props struct {
+	ID         string
+	Class      string
+	Attributes templ.Attributes
+	For        string
+	Error      string
+}
+
+templ Label(props ...Props) {
+	{{ var p Props }}
+	if len(props) > 0 {
+		{{ p = props[0] }}
+	}
+	<label
+		if p.ID != "" {
+			id={ p.ID }
+		}
+		if p.For != "" {
+			for={ p.For }
+		}
+		class={
+			utils.TwMerge(
+				"text-sm font-medium leading-none inline-block",
+				utils.If(len(p.Error) > 0, "text-destructive"),
+				p.Class,
+			),
+		}
+		data-tui-label-disabled-style="opacity-50 cursor-not-allowed"
+		{ p.Attributes... }
+	>
+		{ children... }
+	</label>
+}
+
+templ Script() {
+	<script defer nonce={ templ.GetNonce(ctx) } src="/assets/js/label.min.js"></script>
+}
--- a/components/radio/radio.templ
+++ b/components/radio/radio.templ
@ -0,0 +1,58 @@
+// templui component radio - version: v0.93.0 installed by templui v0.93.0
+package radio
+
+import "git.hafen.run/lukas/timeshare/utils"
+
+type Props struct {
+	ID         string
+	Class      string
+	Attributes templ.Attributes
+	Name       string
+	Value      string
+	Form       string
+	Disabled   bool
+	Required   bool
+	Checked    bool
+}
+
+templ Radio(props ...Props) {
+	{{ var p Props }}
+	if len(props) > 0 {
+		{{ p = props[0] }}
+	}
+	<input
+		type="radio"
+		if p.ID != "" {
+			id={ p.ID }
+		}
+		if p.Name != "" {
+			name={ p.Name }
+		}
+		if p.Value != "" {
+			value={ p.Value }
+		}
+		if p.Form != "" {
+			form={ p.Form }
+		}
+		checked?={ p.Checked }
+		disabled?={ p.Disabled }
+		required?={ p.Required }
+		class={
+			utils.TwMerge(
+				"relative h-4 w-4",
+				"before:absolute before:left-1/2 before:top-1/2",
+				"before:h-1.5 before:w-1.5 before:-translate-x-1/2 before:-translate-y-1/2",
+				"appearance-none rounded-full",
+				"border-2 border-primary",
+				"before:content[''] before:rounded-full before:bg-background",
+				"checked:border-primary checked:bg-primary",
+				"checked:before:visible",
+				"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+				"focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+				"disabled:cursor-not-allowed",
+				p.Class,
+			),
+		}
+		{ p.Attributes... }
+	/>
+}
--- a/components/toast/toast.templ
+++ b/components/toast/toast.templ
@ -0,0 +1,153 @@
+// templui component toast - version: v0.94.0 installed by templui v0.94.0
+package toast
+
+import (
+	"git.hafen.run/lukas/timeshare/components/button"
+	"git.hafen.run/lukas/timeshare/components/icon"
+	"git.hafen.run/lukas/timeshare/utils"
+	"strconv"
+)
+
+type Variant string
+type Position string
+
+const (
+	VariantDefault Variant = "default"
+	VariantSuccess Variant = "success"
+	VariantError   Variant = "error"
+	VariantWarning Variant = "warning"
+	VariantInfo    Variant = "info"
+)
+
+const (
+	PositionTopRight     Position = "top-right"
+	PositionTopLeft      Position = "top-left"
+	PositionTopCenter    Position = "top-center"
+	PositionBottomRight  Position = "bottom-right"
+	PositionBottomLeft   Position = "bottom-left"
+	PositionBottomCenter Position = "bottom-center"
+)
+
+type Props struct {
+	ID            string
+	Class         string
+	Attributes    templ.Attributes
+	Title         string
+	Description   string
+	Variant       Variant
+	Position      Position
+	Duration      int
+	Dismissible   bool
+	ShowIndicator bool
+	Icon          bool
+}
+
+templ Toast(props ...Props) {
+	{{ var p Props }}
+	if len(props) > 0 {
+		{{ p = props[0] }}
+	}
+	if p.ID == "" {
+		{{ p.ID = utils.RandomID() }}
+	}
+	// Set defaults
+	if p.Variant == "" {
+		{{ p.Variant = VariantDefault }}
+	}
+	if p.Position == "" {
+		{{ p.Position = PositionBottomRight }}
+	}
+	if p.Duration == 0 {
+		{{ p.Duration = 3000 }}
+	}
+	<div
+		id={ p.ID }
+		data-tui-toast
+		data-tui-toast-duration={ strconv.Itoa(p.Duration) }
+		data-position={ string(p.Position) }
+		data-variant={ string(p.Variant) }
+		class={ utils.TwMerge(
+			// Base styles
+			"z-50 fixed pointer-events-auto p-4 w-full md:max-w-[420px]",
+			// Animation
+			"animate-in fade-in slide-in-from-bottom-4 duration-300",
+			// Position-based styles using data attributes
+			"data-[position=top-right]:top-0 data-[position=top-right]:right-0",
+			"data-[position=top-left]:top-0 data-[position=top-left]:left-0",
+			"data-[position=top-center]:top-0 data-[position=top-center]:left-1/2 data-[position=top-center]:-translate-x-1/2",
+			"data-[position=bottom-right]:bottom-0 data-[position=bottom-right]:right-0",
+			"data-[position=bottom-left]:bottom-0 data-[position=bottom-left]:left-0",
+			"data-[position=bottom-center]:bottom-0 data-[position=bottom-center]:left-1/2 data-[position=bottom-center]:-translate-x-1/2",
+			// Slide direction based on position
+			"data-[position*=top]:slide-in-from-top-4",
+			"data-[position*=bottom]:slide-in-from-bottom-4",
+			p.Class,
+		) }
+		{ p.Attributes... }
+	>
+		<div class="w-full bg-popover text-popover-foreground rounded-lg shadow-xs border pt-5 pb-4 px-4 flex items-center justify-center relative overflow-hidden group">
+			// Progress indicator
+			if p.ShowIndicator && p.Duration > 0 {
+				<div class="absolute top-0 left-0 right-0 h-1 overflow-hidden">
+					<div
+						class={ utils.TwMerge(
+							"toast-progress h-full origin-left transition-transform ease-linear",
+							// Variant colors
+							"data-[variant=default]:bg-gray-500",
+							"data-[variant=success]:bg-green-500",
+							"data-[variant=error]:bg-red-500",
+							"data-[variant=warning]:bg-yellow-500",
+							"data-[variant=info]:bg-blue-500",
+						) }
+						data-variant={ string(p.Variant) }
+						data-duration={ strconv.Itoa(p.Duration) }
+					></div>
+				</div>
+			}
+			// Icon
+			if p.Icon {
+				switch p.Variant {
+					case VariantSuccess:
+						@icon.CircleCheck(icon.Props{Size: 22, Class: "text-green-500 mr-3 flex-shrink-0"})
+					case VariantError:
+						@icon.CircleX(icon.Props{Size: 22, Class: "text-red-500 mr-3 flex-shrink-0"})
+					case VariantWarning:
+						@icon.TriangleAlert(icon.Props{Size: 22, Class: "text-yellow-500 mr-3 flex-shrink-0"})
+					case VariantInfo:
+						@icon.Info(icon.Props{Size: 22, Class: "text-blue-500 mr-3 flex-shrink-0"})
+				}
+			}
+			// Content
+			<span class="flex-1 min-w-0">
+				if p.Title != "" {
+					<p class="text-sm font-semibold truncate">{ p.Title }</p>
+				}
+				if p.Description != "" {
+					<p class="text-sm opacity-90 mt-1">@templ.Raw(p.Description)
+</p>
+				}
+			</span>
+			// Dismiss button
+			if p.Dismissible {
+				@button.Button(button.Props{
+					Size:    button.SizeIcon,
+					Variant: button.VariantGhost,
+					Attributes: templ.Attributes{
+						"aria-label":             "Close",
+						"data-tui-toast-dismiss": "",
+						"type":                   "button",
+					},
+				}) {
+					@icon.X(icon.Props{
+						Size:  18,
+						Class: "opacity-75 hover:opacity-100",
+					})
+				}
+			}
+		</div>
+	</div>
+}
+
+templ Script() {
+	<script defer nonce={ templ.GetNonce(ctx) } src="/assets/js/toast.min.js"></script>
+}
--- a/34
+++ b/34
@ -0,0 +1,34 @@
+FROM --platform=$BUILDPLATFORM golang:alpine AS build
+
+RUN apk add git
+
+WORKDIR /src/
+
+COPY go.* /src/
+
+RUN go mod download -x
+
+COPY . /src
+
+#Compiler Settings
+ENV CGO_ENABLED=0
+
+# for full parings check out https://go.dev/doc/install/source#environment
+ENV GOOS=linux
+# this will be the target cpu arch
+# Can be amd64 arm64 386 ppc64
+ENV GOARCH=amd64
+
+RUN go build -o /out/app .
+
+# if you need certificates use: alpine
+# otherwise just use: scratch
+FROM alpine AS run
+
+COPY --from=build /out/app /
+
+# if needed
+EXPOSE 8080
+ENV VALKEY_ADDR redis:6379
+
+ENTRYPOINT [ "/app" ]
--- a/go.mod
+++ b/go.mod
@ -0,0 +1,12 @@
+module git.hafen.run/lukas/timeshare
+
+go 1.25.0
+
+require (
+	github.com/Oudwins/tailwind-merge-go v0.2.1 // indirect
+	github.com/a-h/templ v0.3.943 // indirect
+	github.com/gabriel-vasile/mimetype v1.4.10 // indirect
+	github.com/google/uuid v1.6.0 // indirect
+	github.com/valkey-io/valkey-go v1.0.64 // indirect
+	golang.org/x/sys v0.34.0 // indirect
+)
--- a/go.sum
+++ b/go.sum
@ -0,0 +1,12 @@
+github.com/Oudwins/tailwind-merge-go v0.2.1 h1:jxRaEqGtwwwF48UuFIQ8g8XT7YSualNuGzCvQ89nPFE=
+github.com/Oudwins/tailwind-merge-go v0.2.1/go.mod h1:kkZodgOPvZQ8f7SIrlWkG/w1g9JTbtnptnePIh3V72U=
+github.com/a-h/templ v0.3.943 h1:o+mT/4yqhZ33F3ootBiHwaY4HM5EVaOJfIshvd5UNTY=
+github.com/a-h/templ v0.3.943/go.mod h1:oCZcnKRf5jjsGpf2yELzQfodLphd2mwecwG4Crk5HBo=
+github.com/gabriel-vasile/mimetype v1.4.10 h1:zyueNbySn/z8mJZHLt6IPw0KoZsiQNszIpU+bX4+ZK0=
+github.com/gabriel-vasile/mimetype v1.4.10/go.mod h1:d+9Oxyo1wTzWdyVUPMmXFvp4F9tea18J8ufA774AB3s=
+github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
+github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+github.com/valkey-io/valkey-go v1.0.64 h1:3u4+b6D6zs9JQs254TLy4LqitCMHHr9XorP9GGk7XY4=
+github.com/valkey-io/valkey-go v1.0.64/go.mod h1:bHmwjIEOrGq/ubOJfh5uMRs7Xj6mV3mQ/ZXUbmqpjqY=
+golang.org/x/sys v0.34.0 h1:H5Y5sJ2L2JRdyv7ROF1he/lPdvFsd0mJHFw2ThKHxLA=
+golang.org/x/sys v0.34.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
--- a/guard.dockerfile
+++ b/guard.dockerfile
@ -0,0 +1,20 @@
+FROM --platform=$BUILDPLATFORM golang:alpine AS build
+
+# for full parings check out https://go.dev/doc/install/source#environment
+ENV GOOS=linux
+# this will be the target cpu arch
+# Can be amd64 arm64 386 ppc64
+ENV GOARCH=amd64
+
+RUN apk add git
+WORKDIR /src/
+RUN git clone https://git.hafen.run/lukas/oauth-guard.git
+WORKDIR /src/oauth-guard
+RUN go mod download -x
+ENV CGO_ENABLED=0
+RUN go build -o oauth-guard .
+
+COPY config.toml .
+
+EXPOSE 3000
+CMD [ "./oauth-guard" ]
--- a/main.go
+++ b/main.go
@ -0,0 +1,170 @@
+package main
+
+import (
+	"archive/zip"
+	"bytes"
+	"embed"
+	"encoding/json"
+	"fmt"
+	"io"
+	"log"
+	"mime/multipart"
+	"net/http"
+	"os"
+	"time"
+
+	"git.hafen.run/lukas/timeshare/pages"
+	"github.com/a-h/templ"
+	"github.com/gabriel-vasile/mimetype"
+	"github.com/google/uuid"
+	"github.com/valkey-io/valkey-go"
+)
+
+//go:embed assets
+var assetsFS embed.FS
+
+type File struct {
+	FileKey string
+	File    *multipart.FileHeader
+}
+
+func main() {
+	valkeyAddr := os.Getenv("VALKEY_ADDR")
+	if valkeyAddr == "" {
+		valkeyAddr = "127.0.0.1:6379"
+	}
+	client, err := valkey.NewClient(valkey.ClientOption{InitAddress: []string{valkeyAddr}})
+	if err != nil {
+		log.Fatalln("unable to connect to valkey instance: ", err.Error())
+	}
+
+	http.Handle("/assets/", http.FileServer(http.FS(assetsFS)))
+	http.Handle("GET /upload", templ.Handler(pages.Upload([]pages.Expiry{
+		{DurationCode: "24h", DurationName: "24 Hours"},
+		{DurationCode: "36h", DurationName: "36 Hours"},
+		{DurationCode: "48h", DurationName: "48 Hours"},
+		{DurationCode: "168h", DurationName: "1 Week"},
+	}, "")))
+
+	http.Handle("POST /upload", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		err := r.ParseMultipartForm(125_000_000) // 1G max memory usage
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusBadRequest)
+			return
+		}
+
+		form := r.MultipartForm
+		expiry_values := form.Value["expiry"]
+		expiry, err := time.ParseDuration(expiry_values[0])
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusBadRequest)
+			return
+		}
+
+		form_files := form.File["files"]
+		files := make([]string, len(form_files))
+		for i := range form_files {
+			fid := uuid.New().String()
+			files[i] = fid
+			f, err := form_files[i].Open()
+			if err != nil {
+				continue
+			}
+			buf := new(bytes.Buffer)
+			_, err = io.Copy(buf, f)
+			if err != nil {
+				continue
+			}
+			err = client.Do(r.Context(), client.B().Set().Key(fid+":filename").Value(form_files[i].Filename).Ex(expiry).Build()).Error()
+			if err != nil {
+				continue
+			}
+
+			err = client.Do(r.Context(), client.B().Set().Key(fid+":contents").Value(valkey.BinaryString(buf.Bytes())).Ex(expiry).Build()).Error()
+			if err != nil {
+				continue
+			}
+		}
+
+		uid := uuid.New()
+		files_b, _ := json.Marshal(files)
+		err = client.Do(r.Context(), client.B().Set().Key(uid.String()).Value(string(files_b)).Ex(expiry).Build()).Error()
+
+		templ.Handler(pages.Upload([]pages.Expiry{
+			{DurationCode: "24h", DurationName: "24 Hours"},
+			{DurationCode: "36h", DurationName: "36 Hours"},
+			{DurationCode: "48h", DurationName: "48 Hours"},
+			{DurationCode: "168h", DurationName: "1 Week"},
+		}, fmt.Sprintf("https://share.lukaswerner.com/%s", uid.String()))).ServeHTTP(w, r)
+	}))
+
+	http.Handle("/{upload_id}", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		upload_id := r.PathValue("upload_id")
+		if upload_id == "" {
+			w.WriteHeader(http.StatusBadRequest)
+			return
+		}
+
+		files_json, err := client.Do(r.Context(),
+			client.B().Get().Key(upload_id).Build()).ToString()
+		if err != nil {
+
+			http.Error(w, err.Error(), http.StatusNotFound)
+			return
+		}
+
+		var files []string
+
+		err = json.Unmarshal([]byte(files_json), &files)
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+			return
+		}
+
+		if len(files) == 1 {
+			file := files[0]
+
+			filename, err := client.Do(r.Context(), client.B().Get().Key(file+":filename").Build()).ToString()
+			if err != nil {
+				return
+			}
+			fileContents, err := client.Do(r.Context(), client.B().Get().Key(file+":contents").Build()).AsBytes()
+			if err != nil {
+				return
+			}
+			w.Header().Add("Content-Disposition", fmt.Sprintf(`attachment; filename="%s"`, filename))
+			mime := mimetype.Detect(fileContents)
+			w.Header().Add("mimetype", mime.String())
+			w.Write(fileContents)
+			return
+		}
+
+		zipBuf := new(bytes.Buffer)
+		zipWriter := zip.NewWriter(zipBuf)
+
+		for _, file := range files {
+			filename, err := client.Do(r.Context(), client.B().Get().Key(file+":filename").Build()).ToString()
+			if err != nil {
+				continue
+			}
+			fileContents, err := client.Do(r.Context(), client.B().Get().Key(file+":contents").Build()).AsBytes()
+			if err != nil {
+				continue
+			}
+			w, err := zipWriter.Create(filename)
+			if err != nil {
+				continue
+			}
+			w.Write(fileContents)
+
+		}
+
+		zipWriter.Close()
+		w.Header().Add("mimetype", "application/zip")
+		w.Header().Add("Content-Disposition", `attachment; filename="timeshare-download.zip"`)
+		io.Copy(w, zipBuf)
+
+	}))
+	http.Handle("/", templ.Handler(pages.Index()))
+	log.Println(http.ListenAndServe(":8080", nil))
+}
--- a/22
+++ b/22
@ -0,0 +1,22 @@
+# Run templ generation in watch mode
+templ:
+	templ generate --watch --proxy="http://localhost:8090" --open-browser=false
+
+# Run air for Go hot reload
+server:
+	air \
+	--build.cmd "go build -o tmp/bin/main ./main.go" \
+	--build.bin "tmp/bin/main" \
+	--build.delay "100" \
+	--build.exclude_dir "node_modules" \
+	--build.include_ext "go" \
+	--build.stop_on_error "false" \
+	--misc.clean_on_exit true
+
+# Watch Tailwind CSS changes
+tailwind:
+	tailwindcss -i ./assets/css/input.css -o ./assets/css/output.css --watch
+
+# Start development server with all watchers
+dev:
+	make -j3 tailwind templ server
--- a/pages/index.templ
+++ b/pages/index.templ
@ -0,0 +1,10 @@
+package pages
+
+templ Index() {
+	@PageSkeleton("Time Share") {
+		<div class="flex flex-col p-10 w-full h-screen justify-center items-center">
+			<h1 class="text-4xl font-semibold">Time Share</h1>
+			<p><a class="text-md underline" href="https://lukaswerner.com">Lukas Werner</a></p>
+		</div>
+	}
+}
--- a/pages/skeleton.templ
+++ b/pages/skeleton.templ
@ -0,0 +1,30 @@
+package pages
+
+import "git.hafen.run/lukas/timeshare/components/toast"
+
+templ PageSkeleton(title string) {
+	<!DOCTYPE html>
+	<html>
+		<head>
+			<meta charset="UTF-8"/>
+			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+			<!-- Tailwind CSS (output) -->
+			<link href="/assets/css/output.css" rel="stylesheet"/>
+			<title>{ title }</title>
+			<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png"/>
+			<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png"/>
+			<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png"/>
+			<link rel="manifest" href="/assets/site.webmanifest"/>
+			<style>
+			::view-transition-old(root),
+			::view-transition-new(root) {
+			  animation-duration: 0.5s;
+			}
+			</style>
+		</head>
+		<body class="p-0 m-0">
+			{ children... }
+			@toast.Script()
+		</body>
+	</html>
+}
--- a/pages/upload.templ
+++ b/pages/upload.templ
@ -0,0 +1,98 @@
+package pages
+
+import (
+	"fmt"
+	"git.hafen.run/lukas/timeshare/components/button"
+	"git.hafen.run/lukas/timeshare/components/label"
+	"git.hafen.run/lukas/timeshare/components/radio"
+	"git.hafen.run/lukas/timeshare/components/toast"
+)
+
+type Expiry struct {
+	DurationCode string
+	DurationName string
+}
+
+templ Upload(expirations []Expiry, uploadedLink string) {
+	@PageSkeleton("Upload - Time Share") {
+		if uploadedLink != "" {
+			@toast.Toast(toast.Props{
+				Title:       "Share Created!",
+				Description: fmt.Sprintf(`<a class="underline" href="%s">%s</a>`, uploadedLink, uploadedLink),
+				Variant:     toast.VariantSuccess,
+				Duration:    120000, // 2 min
+				Position:    toast.PositionBottomCenter,
+				Dismissible: true,
+				Icon:        true,
+			})
+		}
+		<div class="flex flex-col p-10 w-full h-screen justify-center items-center">
+			<form class="flex flex-col items-center gap-2" method="POST" enctype="multipart/form-data">
+				<h1 class="text-3xl font-medium pb-4">Time Share Upload</h1>
+				<input type="file" class="hidden" id="files" name="files" multiple/>
+				<div class="border-2 border-dashed rounded-xl border-gray-400 flex flex-col justify-center items-center p-10" id="drop_zone">
+					<p id="desc" class="w-[39ch] text-center">Drop files onto here or click to upload</p>
+				</div>
+				<script>
+					let drop_zone = document.getElementById("drop_zone");
+					let desc = document.getElementById("desc");
+					let fileInput = document.getElementById("files");
+					drop_zone.addEventListener("click", function (ev) {
+							fileInput.click();
+						})
+					drop_zone.addEventListener("drop", function (ev) {
+						ev.preventDefault();
+						drop_zone.classList.remove('dragover');
+						const dt = ev.dataTransfer;
+						if (!dt) return
+
+						const files = Array.from(dt.files); // iterable
+
+						const newDT = new DataTransfer();
+						files.forEach(f => newDT.items.add(f));
+						fileInput.files = newDT.files;
+						desc.innerText = `${fileInput.files.length} File`
+						if (fileInput.files.length > 1) {
+							desc.innerText += "s"
+						}
+
+					});
+					drop_zone.addEventListener("dragover", function (e) {
+						drop_zone.classList.add('dragover');
+						e.preventDefault();
+					});
+					drop_zone.addEventListener("dragleave", function (e) {
+						drop_zone.classList.remove('dragover');
+						e.preventDefault();
+					});
+				</script>
+				<style>.dragover {border-color: #00C950;}</style>
+				<div class="flex flex-col gap-3 w-full">
+					<p>Expiration:</p>
+					<div class="pl-2 flex flex-col gap-3">
+						for i, expiry := range expirations {
+							<div class="flex items-start gap-3">
+								@radio.Radio(radio.Props{
+									ID:      expiry.DurationCode,
+									Name:    "expiry",
+									Value:   expiry.DurationCode,
+									Checked: i == 0,
+								})
+								@label.Label(label.Props{
+									For: expiry.DurationCode,
+								}) {
+									{ expiry.DurationName }
+								}
+							</div>
+						}
+					</div>
+					@button.Button(button.Props{
+						Type: "submit",
+					}) {
+						Upload
+					}
+				</div>
+			</form>
+		</div>
+	}
+}
--- a/utils/templui.go
+++ b/utils/templui.go
@ -0,0 +1,55 @@
+// templui util templui.go - version: v0.93.0 installed by templui v0.93.0
+package utils
+
+import (
+	"fmt"
+
+	"crypto/rand"
+
+	"github.com/a-h/templ"
+
+	twmerge "github.com/Oudwins/tailwind-merge-go"
+)
+
+// TwMerge combines Tailwind classes and resolves conflicts.
+// Example: "bg-red-500 hover:bg-blue-500", "bg-green-500" → "hover:bg-blue-500 bg-green-500"
+func TwMerge(classes ...string) string {
+	return twmerge.Merge(classes...)
+}
+
+// TwIf returns value if condition is true, otherwise an empty value of type T.
+// Example: true, "bg-red-500" → "bg-red-500"
+func If[T comparable](condition bool, value T) T {
+	var empty T
+	if condition {
+		return value
+	}
+	return empty
+}
+
+// TwIfElse returns trueValue if condition is true, otherwise falseValue.
+// Example: true, "bg-red-500", "bg-gray-300" → "bg-red-500"
+func IfElse[T any](condition bool, trueValue T, falseValue T) T {
+	if condition {
+		return trueValue
+	}
+	return falseValue
+}
+
+// MergeAttributes combines multiple Attributes into one.
+// Example: MergeAttributes(attr1, attr2) → combined attributes
+func MergeAttributes(attrs ...templ.Attributes) templ.Attributes {
+	merged := templ.Attributes{}
+	for _, attr := range attrs {
+		for k, v := range attr {
+			merged[k] = v
+		}
+	}
+	return merged
+}
+
+// RandomID generates a random ID string.
+// Example: RandomID() → "id-1a2b3c"
+func RandomID() string {
+	return fmt.Sprintf("id-%s", rand.Text())
+}
				`@ -0,0 +1 @@`
				(()=>{(function(){"use strict";function a(t){let s=t.getAttribute("for"),d=s?document.getElementById(s):null,r=t.getAttribute("data-tui-label-disabled-style");if(!d\|\|!r)return;let e=r.split(" ").filter(Boolean);d.disabled?t.classList.add(...e):t.classList.remove(...e)}document.addEventListener("DOMContentLoaded",()=>{let t=new Set;function s(){document.querySelectorAll("label[for][data-tui-label-disabled-style]").forEach(r=>{a(r);let e=r.getAttribute("for");e&&t.add(e)})}s(),new MutationObserver(r=>{r.forEach(e=>{e.type==="attributes"&&e.attributeName==="disabled"&&e.target.id&&t.has(e.target.id)&&document.querySelectorAll(`label[for="${e.target.id}"][data-tui-label-disabled-style]`).forEach(a)})}).observe(document.body,{attributes:!0,attributeFilter:["disabled"],subtree:!0}),new MutationObserver(()=>{s()}).observe(document.body,{childList:!0,subtree:!0})})})();})();
				`@ -0,0 +1 @@`
				(()=>{(function(){"use strict";let n=new Map;function o(t){let i=parseInt(t.dataset.tuiToastDuration\|\|"3000"),e=t.querySelector(".toast-progress"),a={timer:null,startTime:Date.now(),remaining:i,paused:!1};n.set(t,a),e&&i>0&&(e.style.transitionDuration=i+"ms",requestAnimationFrame(()=>{e.style.transform="scaleX(0)"})),i>0&&(a.timer=setTimeout(()=>r(t),i)),t.addEventListener("mouseenter",()=>{let s=n.get(t);if(!(!s\|\|s.paused)&&(clearTimeout(s.timer),s.remaining=s.remaining-(Date.now()-s.startTime),s.paused=!0,e)){let m=getComputedStyle(e);e.style.transitionDuration="0ms",e.style.transform=m.transform}}),t.addEventListener("mouseleave",()=>{let s=n.get(t);!s\|\|!s.paused\|\|s.remaining<=0\|\|(s.startTime=Date.now(),s.paused=!1,s.timer=setTimeout(()=>r(t),s.remaining),e&&(e.style.transitionDuration=s.remaining+"ms",e.style.transform="scaleX(0)"))})}function r(t){n.delete(t),t.style.transition="opacity 300ms, transform 300ms",t.style.opacity="0",t.style.transform="translateY(1rem)",setTimeout(()=>t.remove(),300)}document.addEventListener("click",t=>{let i=t.target.closest("[data-tui-toast-dismiss]");if(i){let e=i.closest("[data-tui-toast]");e&&r(e)}}),new MutationObserver(t=>{t.forEach(i=>{i.addedNodes.forEach(e=>{e.nodeType===1&&e.matches?.("[data-tui-toast]")&&o(e)})})}).observe(document.body,{childList:!0,subtree:!0})})();})();