@inglorious/web 6.5.2 → 6.6.0

package/README.md

@@ -1851,6 +1851,7 @@ Check out these demos to see `@inglorious/web` in action:
 
 - [**@inglorious/ssx**](https://www.npmjs.com/package/@inglorious/ssx) - Static site generation with pre-rendering and client hydration
 - [**@inglorious/store**](https://www.npmjs.com/package/@inglorious/store) - Entity-based state management (used by @inglorious/web)
+- [**@inglorious/i18n**](https://www.npmjs.com/package/@inglorious/i18n) - Internationalization: translations, plurals and formatting driven by a store entity
 - [**@inglorious/engine**](https://www.npmjs.com/package/@inglorious/engine) - Game engine with the same entity architecture
 - [**@inglorious/create-app**](https://www.npmjs.com/package/@inglorious/create-app) - Scaffolding tool for quick project setup
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/web",
-  "version": "6.5.2",
+  "version": "6.6.0",
   "description": "A new web framework that leverages the power of the Inglorious Store combined with the performance and simplicity of lit-html.",
   "author": "Matteo Antony Mistretta <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "contributors": [

package/src/mount.js

@@ -5,6 +5,8 @@
 
 import { html, render } from "lit-html"
 
+import { isNative } from "./mobile/index.js"
+
 /**
  * Mounts a lit-html template to the DOM and subscribes to a store for re-rendering.
  * @param {Store} store - The application state store.
@@ -24,6 +26,10 @@ export async function mount(store, renderFn, element, options = {}) {
     hydrate: allowHydrate = true,
   } = options
 
+  // Tells CSS the native app from a browser tab, which env() cannot: the
+  // safe-area tokens of @inglorious/ui key off it.
+  document.documentElement.classList.toggle("iw-native", isNative())
+
   const api = { ...store._api }
   api.render = createRender(api)