@absolutejs/absolute 0.20.0-beta.55 → 0.20.0-beta.56

package/dist/cli/index.js

@@ -1358,7 +1358,7 @@ import { existsSync as existsSync3, readFileSync as readFileSync7 } from "fs";
 import { extname, join as join7, relative, resolve as resolve4 } from "path";
 import { fileURLToPath } from "url";
 import ts from "typescript";
-var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
+var DEVICES_PACKAGE = "@absolutejs/devices", ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES, ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
   const value = JSON.parse(readFileSync7(path, "utf8"));
   if (!object2(value))
     throw new TypeError(`${path} must contain an object.`);
@@ -1578,6 +1578,11 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
 }), resolveAbsoluteDeviceCapabilityPlan = (projectRoot, provider = "capacitor") => {
   const allProviders = loadAbsoluteDeviceCapabilityProviders(projectRoot, provider);
   const capabilities = discoverAbsoluteDeviceCapabilities(projectRoot, allProviders);
+  for (const capability of ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES) {
+    if (allProviders[capability] && !capabilities.includes(capability))
+      capabilities.push(capability);
+  }
+  capabilities.sort();
   const providers = {};
   for (const name of capabilities) {
     const capabilityProvider = allProviders[name];
@@ -1593,6 +1598,10 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
   };
 };
 var init_deviceCapabilities = __esm(() => {
+  ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES = [
+    "keyboard",
+    "systemBars"
+  ];
   ADAPTERS = {
     capacitor: "@absolutejs/devices-capacitor",
     expo: "@absolutejs/devices-expo"
@@ -2093,6 +2102,7 @@ export const createAbsoluteExpoSyncBridge = async (
 import { router, usePathname } from 'expo-router';
 import { useEffect, useRef, useState } from 'react';
 import { ActivityIndicator, BackHandler, Platform, StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { WebView, type WebViewMessageEvent } from 'react-native-webview';
 import { materializeAbsoluteWebBundle } from './webAssets';
 import { createExpoDevicesBridgeHost } from '@absolutejs/devices-expo/bridge';
@@ -2125,7 +2135,10 @@ const isNativeRoute = (pathname: string) => {
 	});
 };
 
-const bridgeBootstrap = (path: string) => {
+const hostMetricsScript = (safeAreaInsets: { bottom: number; left: number; right: number; top: number }) =>
+	\`globalThis.__absoluteNativeHostMetrics = \${JSON.stringify({ safeAreaInsets })}; dispatchEvent(new CustomEvent('absolute:native-host-metrics', { detail: globalThis.__absoluteNativeHostMetrics })); true;\`;
+
+const bridgeBootstrap = (path: string, safeAreaInsets: { bottom: number; left: number; right: number; top: number }) => {
 	const initialPath = DEV_ORIGIN
 		? 'location.pathname + location.search + location.hash'
 		: JSON.stringify(path);
@@ -2134,6 +2147,7 @@ const bridgeBootstrap = (path: string) => {
 	const listeners = new Map();
 	let sequence = 0;
 	let currentPath = \${initialPath};
+	globalThis.__absoluteNativeHostMetrics = \${JSON.stringify({ safeAreaInsets })};
 	const send = value => {
 		const source = JSON.stringify(value);
 		if (new TextEncoder().encode(source).byteLength > 65536) throw new Error('Expo bridge message exceeds 64 KiB.');
@@ -2238,6 +2252,7 @@ const authStatus = async () => {
 
 export function AbsoluteWebHost() {
 	const pathname = usePathname() || '/';
+	const safeAreaInsets = useSafeAreaInsets();
 	const webView = useRef<WebView>(null);
 	const devicesBridge = useRef<{ close(): void | Promise<void>; request(method: string, params: Record<string, unknown>): Promise<unknown> } | undefined>(undefined);
 	const syncBridge = useRef<{ close(): void | Promise<void>; request(method: string, params: Record<string, unknown>): Promise<unknown> } | undefined>(undefined);
@@ -2280,6 +2295,9 @@ export function AbsoluteWebHost() {
 		}
 		void materializeAbsoluteWebBundle().then(uri => setIndexUri(uri + '?absolutePath=' + encodeURIComponent(pathname)));
 	}, [pathname]);
+	useEffect(() => {
+		webView.current?.injectJavaScript(hostMetricsScript(safeAreaInsets));
+	}, [safeAreaInsets.bottom, safeAreaInsets.left, safeAreaInsets.right, safeAreaInsets.top]);
 	useEffect(() => {
 		const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
 			if (!canGoBack) return false;
@@ -2363,7 +2381,7 @@ export function AbsoluteWebHost() {
 		allowFileAccessFromFileURLs
 		allowUniversalAccessFromFileURLs={false}
 		allowingReadAccessToURL={indexUri.slice(0, indexUri.lastIndexOf('/') + 1)}
-		injectedJavaScriptBeforeContentLoaded={bridgeBootstrap(pathname)}
+		injectedJavaScriptBeforeContentLoaded={bridgeBootstrap(pathname, safeAreaInsets)}
 		onMessage={onMessage}
 		onNavigationStateChange={state => setCanGoBack(state.canGoBack)}
 		onShouldStartLoadWithRequest={request => {
@@ -21350,6 +21368,22 @@ var init_iosTestReport = __esm(() => {
     ["SETUP-05", "Confirm generated iOS project signing and Xcode warnings."],
     ["DEV-01", "Record cold and warm bun dev startup timings."],
     ["DEV-02", "Complete route traversal, HMR, relaunch, and recovery checks."],
+    [
+      "ADAPT-01",
+      "Confirm safe-area variables and platform attributes on React, Angular, Vue, Svelte, HTML, and HTMX pages."
+    ],
+    [
+      "ADAPT-02",
+      "Rotate with the keyboard open and confirm viewport and available-height variables update without double padding."
+    ],
+    [
+      "ADAPT-03",
+      "Go offline and reconnect; confirm the root state and accessibility announcement update."
+    ],
+    [
+      "ADAPT-04",
+      "Confirm automatic system-bar appearance and unchanged author layout."
+    ],
     ...Array.from({ length: 10 }, (_, index) => [
       `DEVICEDEV-${String(index + 1).padStart(2, "0")}`,
       `Complete physical-device development runbook check DEVICEDEV-${String(index + 1).padStart(2, "0")}.`
@@ -21435,6 +21469,22 @@ var init_androidTestReport = __esm(() => {
     ],
     ["DEV-01", "Record cold and warm native startup timings."],
     ["DEV-02", "Complete route traversal, HMR, relaunch, and recovery checks."],
+    [
+      "ADAPT-01",
+      "Confirm safe-area variables and platform attributes on every embedded framework."
+    ],
+    [
+      "ADAPT-02",
+      "Rotate with the keyboard open and confirm viewport and available-height variables update without double padding."
+    ],
+    [
+      "ADAPT-03",
+      "Go offline and reconnect; confirm the root state and accessibility announcement update."
+    ],
+    [
+      "ADAPT-04",
+      "Confirm automatic system-bar appearance and unchanged author layout."
+    ],
     ["CAP-01", "Complete automatic device-capability provisioning checks."],
     [
       "SYSUI-01",

package/dist/index.js

@@ -13421,7 +13421,7 @@ import { existsSync as existsSync23, readFileSync as readFileSync17 } from "fs";
 import { extname as extname7, join as join29, relative as relative11, resolve as resolve25 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import ts8 from "typescript";
-var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
+var DEVICES_PACKAGE = "@absolutejs/devices", ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES, ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
   const value = JSON.parse(readFileSync17(path, "utf8"));
   if (!object(value))
     throw new TypeError(`${path} must contain an object.`);
@@ -13652,6 +13652,11 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
 }, resolveAbsoluteDeviceCapabilityPlan = (projectRoot, provider = "capacitor") => {
   const allProviders = loadAbsoluteDeviceCapabilityProviders(projectRoot, provider);
   const capabilities = discoverAbsoluteDeviceCapabilities(projectRoot, allProviders);
+  for (const capability of ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES) {
+    if (allProviders[capability] && !capabilities.includes(capability))
+      capabilities.push(capability);
+  }
+  capabilities.sort();
   const providers = {};
   for (const name of capabilities) {
     const capabilityProvider = allProviders[name];
@@ -13667,6 +13672,10 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
   };
 };
 var init_deviceCapabilities = __esm(() => {
+  ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES = [
+    "keyboard",
+    "systemBars"
+  ];
   ADAPTERS = {
     capacitor: "@absolutejs/devices-capacitor",
     expo: "@absolutejs/devices-expo"
@@ -41161,5 +41170,5 @@ export {
   wrapPageHandlerWithStreamingSlots
 };
 
-//# debugId=2FE5D4DBD640F62964756E2164756E21
+//# debugId=76612B71C292527964756E2164756E21
 //# sourceMappingURL=index.js.map