From 38987c6068c4cc2d9accbc368a67362e74adcabf Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 25 Jul 2022 10:46:27 +0200
Subject: [PATCH] feat(frontend): title everywhere

---
 frontend/src/app.d.ts                             |  9 +++++++++
 frontend/src/app.html                             |  1 -
 frontend/src/lib/components/ScriptPicker.svelte   |  2 +-
 frontend/src/routes/__layout-none.svelte          |  6 ++++++
 frontend/src/routes/audit_logs.svelte             |  8 ++++++++
 frontend/src/routes/flows.svelte                  |  8 ++++++++
 frontend/src/routes/flows/add.svelte              |  8 ++++++++
 frontend/src/routes/flows/edit/[...path].svelte   |  8 ++++++++
 frontend/src/routes/flows/get/[...path].svelte    | 11 +++++++++--
 frontend/src/routes/flows/run/[...path].svelte    |  8 ++++++++
 frontend/src/routes/groups.svelte                 |  8 ++++++++
 frontend/src/routes/resources.svelte              |  8 ++++++++
 frontend/src/routes/run/[...run].svelte           |  8 ++++++++
 frontend/src/routes/runs/[...path].svelte         |  8 ++++++++
 frontend/src/routes/schedule/add.svelte           |  8 ++++++++
 frontend/src/routes/schedules.svelte              |  8 ++++++++
 frontend/src/routes/scripts.svelte                |  8 ++++++++
 frontend/src/routes/scripts/add.svelte            |  8 ++++++++
 frontend/src/routes/scripts/edit/[...hash].svelte |  8 ++++++++
 frontend/src/routes/scripts/get/[...hash].svelte  |  8 ++++++++
 frontend/src/routes/scripts/run/[...hash].svelte  |  8 ++++++++
 frontend/src/routes/user/login@user.svelte        |  8 ++++++++
 frontend/src/routes/user/workspaces@user.svelte   |  8 ++++++++
 frontend/src/routes/variables.svelte              |  8 ++++++++
 frontend/src/routes/workers.svelte                |  8 ++++++++
 frontend/src/routes/workspace_settings.svelte     |  8 ++++++++
 26 files changed, 193 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/app.d.ts

diff --git a/frontend/src/app.d.ts b/frontend/src/app.d.ts
new file mode 100644
index 0000000000..02f477e4dc
--- /dev/null
+++ b/frontend/src/app.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="@sveltejs/kit" />
+
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare namespace App {
+    interface Stuff {
+        title: string?
+    }
+}
diff --git a/frontend/src/app.html b/frontend/src/app.html
index 37863e2c31..999457a5fe 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -5,7 +5,6 @@
 	<meta charset="utf-8" />
 	<link rel="icon" href="/logo.svg" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<title>windmill.dev</title>
 	%sveltekit.head%
 </head>
 
diff --git a/frontend/src/lib/components/ScriptPicker.svelte b/frontend/src/lib/components/ScriptPicker.svelte
index a90ecab5b2..8ef8987582 100644
--- a/frontend/src/lib/components/ScriptPicker.svelte
+++ b/frontend/src/lib/components/ScriptPicker.svelte
@@ -12,7 +12,7 @@
 	import { python, typescript } from 'svelte-highlight/languages'
 
 	import github from 'svelte-highlight/styles/github'
-	import { getScript, getScriptByPath } from '$lib/utils'
+	import { getScriptByPath } from '$lib/utils'
 
 	export let scriptPath: string | undefined = undefined
 	export let allowFlow = false
diff --git a/frontend/src/routes/__layout-none.svelte b/frontend/src/routes/__layout-none.svelte
index 3eda2a20cf..1547df56cd 100644
--- a/frontend/src/routes/__layout-none.svelte
+++ b/frontend/src/routes/__layout-none.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { page } from '$app/stores'
+
 	import { SvelteToast } from '@zerodevx/svelte-toast'
 
 	// Default toast options
@@ -14,6 +16,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{$page.stuff.title ? `${$page.stuff.title} | ` : ''}Windmill</title>
+</svelte:head>
+
 <slot />
 <SvelteToast options={toastOptions} />
 
diff --git a/frontend/src/routes/audit_logs.svelte b/frontend/src/routes/audit_logs.svelte
index 17b3be933b..c6f02057d3 100644
--- a/frontend/src/routes/audit_logs.svelte
+++ b/frontend/src/routes/audit_logs.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Audit Logs' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { AuditService, AuditLog, UserService } from '$lib/gen'
 	import type { ActionKind } from '$lib/common'
diff --git a/frontend/src/routes/flows.svelte b/frontend/src/routes/flows.svelte
index 0d63e9036e..5d800cc38c 100644
--- a/frontend/src/routes/flows.svelte
+++ b/frontend/src/routes/flows.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Flows' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import Fuse from 'fuse.js'
 	import { FlowService, type OpenFlow } from '$lib/gen'
diff --git a/frontend/src/routes/flows/add.svelte b/frontend/src/routes/flows/add.svelte
index d7fca0ab8c..d0d7f1a4d0 100644
--- a/frontend/src/routes/flows/add.svelte
+++ b/frontend/src/routes/flows/add.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: `New Flow` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 
diff --git a/frontend/src/routes/flows/edit/[...path].svelte b/frontend/src/routes/flows/edit/[...path].svelte
index 13987ed4b7..2ec8797835 100644
--- a/frontend/src/routes/flows/edit/[...path].svelte
+++ b/frontend/src/routes/flows/edit/[...path].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Edit Flow ${params.path}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { FlowService, type Flow } from '$lib/gen'
 
diff --git a/frontend/src/routes/flows/get/[...path].svelte b/frontend/src/routes/flows/get/[...path].svelte
index 234e2bc85a..4741fb2ae9 100644
--- a/frontend/src/routes/flows/get/[...path].svelte
+++ b/frontend/src/routes/flows/get/[...path].svelte
@@ -1,7 +1,15 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Flow ${params.path}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { FlowService, type Flow } from '$lib/gen'
-	import { sendUserToast, displayDaysAgo, canWrite } from '$lib/utils'
+	import { displayDaysAgo, canWrite } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import {
 		faPlay,
@@ -17,7 +25,6 @@
 	import { userStore, workspaceStore } from '$lib/stores'
 	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
-	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
 	import Dropdown from '$lib/components/Dropdown.svelte'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import FlowViewer from '$lib/components/FlowViewer.svelte'
diff --git a/frontend/src/routes/flows/run/[...path].svelte b/frontend/src/routes/flows/run/[...path].svelte
index 65d37622b0..7f09e6b7c1 100644
--- a/frontend/src/routes/flows/run/[...path].svelte
+++ b/frontend/src/routes/flows/run/[...path].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Run Flow ${params.path}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { sendUserToast } from '$lib/utils'
diff --git a/frontend/src/routes/groups.svelte b/frontend/src/routes/groups.svelte
index e10e7ce84c..aa5cc131da 100644
--- a/frontend/src/routes/groups.svelte
+++ b/frontend/src/routes/groups.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Groups' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { canWrite } from '$lib/utils'
 	import { GroupService } from '$lib/gen'
diff --git a/frontend/src/routes/resources.svelte b/frontend/src/routes/resources.svelte
index d55ac329a4..a87bad0c28 100644
--- a/frontend/src/routes/resources.svelte
+++ b/frontend/src/routes/resources.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Resources' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { canWrite, emptySchema, sendUserToast } from '$lib/utils'
 	import { ResourceService, VariableService } from '$lib/gen'
diff --git a/frontend/src/routes/run/[...run].svelte b/frontend/src/routes/run/[...run].svelte
index e4682d108b..c0327b7313 100644
--- a/frontend/src/routes/run/[...run].svelte
+++ b/frontend/src/routes/run/[...run].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Run ${params.run}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { JobService, Job } from '$lib/gen'
diff --git a/frontend/src/routes/runs/[...path].svelte b/frontend/src/routes/runs/[...path].svelte
index 195f2ac197..719510b18d 100644
--- a/frontend/src/routes/runs/[...path].svelte
+++ b/frontend/src/routes/runs/[...path].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Runs' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { onDestroy } from 'svelte'
 	import { JobService, Job, CompletedJob } from '$lib/gen'
diff --git a/frontend/src/routes/schedule/add.svelte b/frontend/src/routes/schedule/add.svelte
index e41ce19422..1ab7bdad68 100644
--- a/frontend/src/routes/schedule/add.svelte
+++ b/frontend/src/routes/schedule/add.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'New Schedule' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { sendUserToast, displayDate } from '$lib/utils'
diff --git a/frontend/src/routes/schedules.svelte b/frontend/src/routes/schedules.svelte
index 06235e1713..4d2326e657 100644
--- a/frontend/src/routes/schedules.svelte
+++ b/frontend/src/routes/schedules.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Schedules' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { sendUserToast, displayDate, canWrite } from '$lib/utils'
 	import { type Schedule, ScheduleService } from '$lib/gen'
diff --git a/frontend/src/routes/scripts.svelte b/frontend/src/routes/scripts.svelte
index f535e9fb27..350ec3421c 100644
--- a/frontend/src/routes/scripts.svelte
+++ b/frontend/src/routes/scripts.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Scripts' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import {
 		faArchive,
diff --git a/frontend/src/routes/scripts/add.svelte b/frontend/src/routes/scripts/add.svelte
index 0c78fb989f..d8704f05be 100644
--- a/frontend/src/routes/scripts/add.svelte
+++ b/frontend/src/routes/scripts/add.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: `New Script` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { Script, ScriptService } from '$lib/gen'
 
diff --git a/frontend/src/routes/scripts/edit/[...hash].svelte b/frontend/src/routes/scripts/edit/[...hash].svelte
index afc9626876..a76acd0198 100644
--- a/frontend/src/routes/scripts/edit/[...hash].svelte
+++ b/frontend/src/routes/scripts/edit/[...hash].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Edit Script ${params.hash}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { ScriptService, type Script } from '$lib/gen'
 
diff --git a/frontend/src/routes/scripts/get/[...hash].svelte b/frontend/src/routes/scripts/get/[...hash].svelte
index 4f20c42e21..ec4f7da8ac 100644
--- a/frontend/src/routes/scripts/get/[...hash].svelte
+++ b/frontend/src/routes/scripts/get/[...hash].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Script ${params.hash}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { ScriptService, type Script } from '$lib/gen'
diff --git a/frontend/src/routes/scripts/run/[...hash].svelte b/frontend/src/routes/scripts/run/[...hash].svelte
index d6192f4957..4a0a6b6220 100644
--- a/frontend/src/routes/scripts/run/[...hash].svelte
+++ b/frontend/src/routes/scripts/run/[...hash].svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load({ params }) {
+		return {
+			stuff: { title: `Run Script ${params.hash}` }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { page } from '$app/stores'
 	import { emptySchema, sendUserToast } from '$lib/utils'
diff --git a/frontend/src/routes/user/login@user.svelte b/frontend/src/routes/user/login@user.svelte
index 91029a5155..eb3d6cc6fc 100644
--- a/frontend/src/routes/user/login@user.svelte
+++ b/frontend/src/routes/user/login@user.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Login' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { page } from '$app/stores'
diff --git a/frontend/src/routes/user/workspaces@user.svelte b/frontend/src/routes/user/workspaces@user.svelte
index 66a875cb73..fff6a364dc 100644
--- a/frontend/src/routes/user/workspaces@user.svelte
+++ b/frontend/src/routes/user/workspaces@user.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Workspace Selection' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { page } from '$app/stores'
diff --git a/frontend/src/routes/variables.svelte b/frontend/src/routes/variables.svelte
index 352bde6a60..98276ca2d4 100644
--- a/frontend/src/routes/variables.svelte
+++ b/frontend/src/routes/variables.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Variables' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { canWrite, sendUserToast } from '$lib/utils'
 	import { OauthService, VariableService } from '$lib/gen'
diff --git a/frontend/src/routes/workers.svelte b/frontend/src/routes/workers.svelte
index 7ceabf3885..12810b7a39 100644
--- a/frontend/src/routes/workers.svelte
+++ b/frontend/src/routes/workers.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Workers' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import { WorkerService, type WorkerPing } from '$lib/gen'
 	import { onDestroy, onMount } from 'svelte'
diff --git a/frontend/src/routes/workspace_settings.svelte b/frontend/src/routes/workspace_settings.svelte
index 66fd2a5a66..32e6478a4d 100644
--- a/frontend/src/routes/workspace_settings.svelte
+++ b/frontend/src/routes/workspace_settings.svelte
@@ -1,3 +1,11 @@
+<script context="module">
+	export function load() {
+		return {
+			stuff: { title: 'Workspace Settings' }
+		}
+	}
+</script>
+
 <script lang="ts">
 	import Fuse from 'fuse.js'
 	import { UserService, type WorkspaceInvite, WorkspaceService, OauthService } from '$lib/gen'