routes.ts

import { route } from 'saus'

// Default route
route(() => import('./routes/UnknownPage'))

// Catch route
route('error', () => import('./routes/ErrorPage'))

//
// Matched routes
//

route('/', () => import('./routes/HomePage'))

route('/blog/:slug', () => import('./routes/BlogPost'), {
  // Inline a state module since only this page uses it.
  inline: req => [
    blogPostModule.bind(req.slug),
  ],
})
  // Responds to GET /blog/[slug].json
  .get('.json', req => blogPostModule.load(req.slug))

// SSR-based search page (based on arbitrary user input)
//   Dynamically rendered as an entry point for a search URL.
//   For best UX, subsequent searches should use REST/RPC loading with CSR.
route('/search', () => import('./routes/SearchPage'), {
  inline: req => [
    blogSearchModule.bind(req.searchParams.get('q')),
  ],
})
  // Responds to POST /search.json
  .post('.json', req => blogSearchModule.load(req.input.q))