<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GoMarket</title>

    <!-- Base path for ES modules & assets -->
    <!-- <base href="./" /> -->

    <!-- App manifest & styles -->
    <link rel="manifest" href="/manifest.json" />
    <link rel="stylesheet" href="/css/gm.css" />
    <link rel="stylesheet" href="/css/sell.css" />
    <link rel="stylesheet" href="/css/feed.css" />
    <link rel="stylesheet" href="/css/user.css" />
    <link rel="stylesheet" href="/css/search.css" />
  </head>
  <body>
    <div id="gm-app">
      <header id="gm-header"></header>
      <main id="gm-root-view"></main>
    </div>

    <!-- Environment (must load before app logic) -->
    <script type="module">
      import './js/env.js';
    </script>

    <!-- App entry -->
    <script type="module" src="/js/app.js"></script>

    <!-- Service Worker -->
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
          navigator.serviceWorker
            .register('./service-worker.js')
            .catch((err) => {
              console.warn('[SW] registration failed', err);
            });
        });
      }
    </script>
  </body>
</html>
