@inglorious/web 6.5.2 → 6.6.1

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.1",
   "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": [
@@ -109,7 +109,7 @@
     "lit-html": "^3.3.3"
   },
   "peerDependencies": {
-    "@inglorious/store": "11.0.3"
+    "@inglorious/store": "11.0.4"
   },
   "devDependencies": {
     "@inglorious/eslint-config": "1.1.2",

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)
 

package/types/mount.d.ts

@@ -13,13 +13,14 @@ export type Api<
 > = StoreApi<TEntity, TState> & {
   /**
    * Renders an entity or a type component by its ID.
-   * @param id The ID of the entity or type to render.
+   * @param id The ID of the entity or type to render. None, such as the route
+   *   of an unmatched path, renders nothing.
    * @param typeName Optional type name to lazy-register.
    * @param type Optional type definition to register when typeName is provided.
    * @returns The rendered template or an empty string if not found.
    */
   render: {
-    (id: string): TemplateResult | string
+    (id: string | undefined): TemplateResult | string
     (
       id: string,
       typeName: string,