diff options
author | Joris | 2021-05-18 12:56:36 +0200 |
---|---|---|
committer | Joris | 2021-05-18 12:56:36 +0200 |
commit | cde24cbf3fbc418af3c98d82e47dcd5df71e5b26 (patch) | |
tree | 994d532d2d7196ca2dda6f39cdfba36f83d455ce | |
parent | d1ce8774ec3291374c222c8f64c085e3a99f6147 (diff) |
Improve route type
-rw-r--r-- | src/main.ts | 4 | ||||
-rw-r--r-- | src/router.ts | 18 | ||||
-rw-r--r-- | src/view/form.ts | 2 | ||||
-rw-r--r-- | src/view/timer.ts | 4 |
4 files changed, 11 insertions, 17 deletions
diff --git a/src/main.ts b/src/main.ts index 436a217..8cc1a91 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,10 +4,10 @@ import * as Timer from 'view/timer' import * as Router from 'router' export function showPage(route: Router.Route) { - if (route.kind === Router.Kind.Form) { + if (route.name === 'form') { document.body.innerHTML = '' document.body.appendChild(Form.view(route.config, showPage)) - } else if (route.kind === Router.Kind.Timer) { + } else if (route.name === 'timer') { document.body.innerHTML = '' document.body.appendChild(Timer.view(route.config, showPage)) } diff --git a/src/router.ts b/src/router.ts index ff6c724..2d229b0 100644 --- a/src/router.ts +++ b/src/router.ts @@ -1,14 +1,8 @@ import * as Config from 'config' -export enum Kind { - Form, - Timer, -} - -export interface Route { - kind: Kind, - config: Config.Config -} +export type Route + = { name: 'form', config: Config.Config } + | { name: 'timer', config: Config.Config } export function from(location: Location): Route { const hash = location.hash.slice(1) @@ -16,7 +10,7 @@ export function from(location: Location): Route { const path = parts[0] const search = parts.length > 1 ? parts[1] : '' - const kind = path.startsWith('/timer') ? Kind.Timer : Kind.Form + const name = path.startsWith('/timer') ? 'timer' : 'form' let config = Config.init() if (search.length > 0) { search.split('&').forEach(entry => { @@ -35,11 +29,11 @@ export function from(location: Location): Route { const params = search.split('&') } - return { kind, config } + return { name, config } } export function toString(route: Route): string { - const path = route.kind === Kind.Form ? '/' : '/timer' + const path = route.name === 'form' ? '/' : '/timer' let query = '' if (route.config !== undefined) { const { warmup, tabatas, prepare, cycles, work, rest } = route.config diff --git a/src/view/form.ts b/src/view/form.ts index 0b04cfb..b0d5827 100644 --- a/src/view/form.ts +++ b/src/view/form.ts @@ -32,7 +32,7 @@ export function view(config: Config.Config, showPage: (route: Router.Route) => v { className: 'g-Form' , onsubmit: (e: Event) => { e.preventDefault() - const timerRoute = { kind: Router.Kind.Timer, config } + const timerRoute: Router.Route = { name: 'timer', config } history.pushState({}, '', Router.toString(timerRoute)) showPage(timerRoute) }}, diff --git a/src/view/timer.ts b/src/view/timer.ts index 061f5d4..07b5db3 100644 --- a/src/view/timer.ts +++ b/src/view/timer.ts @@ -18,7 +18,7 @@ export function clearInterval() { export function view(config: Config.Config, showPage: (route: Router.Route) => void) { - const formUrl = `${Router.toString({ kind: Router.Kind.Form, config })}` + const formUrl = `${Router.toString({ name: 'form', config })}` const duration = Config.getDuration(config) // State @@ -42,7 +42,7 @@ export function view(config: Config.Config, showPage: (route: Router.Route) => v } const quit = () => { - const formRoute = { kind: Router.Kind.Form, config } + const formRoute: Router.Route = { name: 'form', config } history.pushState({}, '', Router.toString(formRoute)) clearInterval() showPage(formRoute) |