// Post-export step: inject PWA manifest link, theme color, and apple-touch meta
// into the SPA index.html. Expo's `single` web output does not use +html.tsx,
// so we patch the generated file directly. Idempotent.
import { readFileSync, writeFileSync } from "node:fs";
import { join } from "node:path";

const dist = process.argv[2] || "dist";
const file = join(dist, "index.html");

const HEAD = `
    <meta name="theme-color" content="#0f1a12" />
    <link rel="manifest" href="/manifest.json" />
    <link rel="apple-touch-icon" href="/icon-192.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Camp Scan" />`;

let html = readFileSync(file, "utf8");

if (!html.includes('rel="manifest"')) {
  html = html.replace("</head>", `${HEAD}\n  </head>`);
}
// Allow full-screen camera: disable user zoom, cover the notch.
html = html.replace(
  /<meta name="viewport"[^>]*\/>/,
  '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />',
);

writeFileSync(file, html);
console.log("inject-pwa: patched", file);