// configurations for PWA (Progressive Web Application -  web app that can be installed on a device as a standalone application)
{
  "name": "Crumbs Bakery",
  "short_name": "Crumbs",
  "start_url": "/",

  "display": "standalone",
  // "standalone" - Still shows system status bars (top system bar with clock, battery, signal); 
  //              - Runs without browser UI (no address bar, no tab strip).
  //              - Looks like a normal app, but not completely immersive.
  //              - Most common choice for PWAs.
  // "fullscreen" - Hides everything, including system status bar (on Android)
  //              - User may need a swipe gesture to get system UI back.
  //              - iOS Safari ignores this → it behaves the same as standalone.

  //"theme_color": "#fff0b5",
  "background_color": "#fff0b5",

  //"orientation": "landscape", //"portrait", "landscape" 
  //Locks PWA screen orientation. This will lock every pages in the app. 
  //Commented out to lock orientation at specific page(s) only when required.

  "icons": [
    {
      "src": "/Images/Favicon/favicon-192-maskable80.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable" //ensuring the icon fills the entire safe zone
    },
    {
      "src": "/Images/Favicon/favicon-512-maskable80.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/Images/Favicon/favicon-maskable80.png",
      "sizes": "any",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/Images/Favicon/favicon.png",
      "sizes": "any",
      "type": "image/png",
      "purpose": "any"
    }
  ]
}