@planet-matrix/mobius-model 0.4.0 → 0.6.0

package/src/encoding/base64.ts

@@ -0,0 +1,107 @@
+const internalBase64Pattern = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/
+const internalNormalizeBase64 = (input: string): string => {
+  return input.replaceAll(/\s+/g, "")
+}
+/**
+ * 判断输入是否为合法的 Base64 字符串。
+ *
+ * @example
+ * ```
+ * // Expect: true
+ * const example1 = isBase64("aGVsbG8=")
+ * // Expect: false
+ * const example2 = isBase64("abc")
+ * ```
+ */
+export const isBase64 = (input: string): boolean => {
+  const normalizedInput = internalNormalizeBase64(input)
+  return internalBase64Pattern.test(normalizedInput)
+}
+
+const internalAssertValidBase64 = (input: string): void => {
+  if (internalBase64Pattern.test(input) === false) {
+    throw new TypeError("Invalid Base64 input")
+  }
+}
+/**
+ * 断言输入是合法的 Base64 字符串。
+ *
+ * @example
+ * ```
+ * const example1 = assertBase64("aGVsbG8=")
+ * // Expect: undefined
+ *
+ * // Expect: throws TypeError
+ * const example2 = () => assertBase64("abc")
+ * ```
+ *
+ * @throws {TypeError} when input is not valid Base64
+ */
+export const assertBase64 = (input: string): void => {
+  const normalizedInput = internalNormalizeBase64(input)
+  internalAssertValidBase64(normalizedInput)
+}
+
+const internalStringToBase64ByBrowserApi = (input: string): string => {
+  const bytes = new TextEncoder().encode(input)
+  let binaryString = ""
+
+  bytes.forEach((byte) => {
+    binaryString = binaryString + String.fromCodePoint(byte)
+  })
+
+  return btoa(binaryString)
+}
+/**
+ * 将 UTF-8 字符串转换为 Base64 字符串。
+ *
+ * @example
+ * ```
+ * // Expect: "aGVsbG8="
+ * const example1 = stringToBase64("hello")
+ * // Expect: "5L2g5aW9"
+ * const example2 = stringToBase64("你好")
+ * ```
+ */
+export const stringToBase64 = (input: string): string => {
+  if (typeof Buffer !== "undefined") {
+    return Buffer.from(input, "utf8").toString("base64")
+  }
+
+  if (typeof btoa !== "undefined") {
+    return internalStringToBase64ByBrowserApi(input)
+  }
+
+  throw new Error("No Base64 runtime support found")
+}
+
+const internalBase64ToStringByBrowserApi = (input: string): string => {
+  const binaryString = atob(input)
+  const bytes = Uint8Array.from(binaryString, char => char.codePointAt(0) ?? 0)
+  return new TextDecoder().decode(bytes)
+}
+/**
+ * 将合法的 Base64 字符串转换为 UTF-8 字符串。
+ *
+ * @example
+ * ```
+ * // Expect: "hello"
+ * const example1 = base64ToString("aGVsbG8=")
+ * // Expect: "你好"
+ * const example2 = base64ToString("5L2g5aW9")
+ * ```
+ */
+export const base64ToString = (input: string): string => {
+  const normalizedInput = internalNormalizeBase64(input)
+  internalAssertValidBase64(normalizedInput)
+
+  if (typeof Buffer !== "undefined") {
+    return Buffer.from(normalizedInput, "base64").toString("utf8")
+  }
+
+  if (typeof atob !== "undefined") {
+    return internalBase64ToStringByBrowserApi(normalizedInput)
+  }
+
+  throw new Error("No Base64 runtime support found")
+}

package/src/encoding/index.ts

@@ -0,0 +1 @@
+export * from "./base64.ts"

package/src/environment/README.md

@@ -0,0 +1,97 @@
+# Environment
+
+## Description
+
+Environment 模块提供围绕运行环境（environment）进行识别、描述、访问和校验的基础能力，用于统一处理运行时（runtime）、宿主能力（feature）、设备信息（device）、地理信息（geo）、环境变量（environment variable）以及环境快照（snapshot）等问题域。
+
+它关注的是“当前处于什么环境、可以读取哪些环境上下文、这些环境信息如何被安全表达”，而不是基于这些信息替调用方做业务决策。
+
+## For Understanding
+
+理解 Environment 模块时，应先明确它的职责边界：它负责识别环境、描述环境、读取环境，而不负责操纵环境或消费环境事件。也就是说，这个模块可以帮助调用方判断当前是不是浏览器、Node.js、Bun、Deno、Web Worker 或 Service Worker，可以帮助访问 `navigator`、`document`、`process` 这类宿主对象，也可以帮助读取设备、地理、变量与快照信息；但它不应直接承担全局异常监听、事件订阅注册、日志上报、状态恢复或业务分支策略。
+
+当前模块可以理解为几类相互关联但边界清楚的子问题域：
+
+- 运行时识别与上下文获取：用于检测当前运行时、暴露相应上下文，并为分支执行提供 `use...` 风格入口。
+- 宿主能力访问：用于判断和获取 `process`、`navigator`、`document`、`CSS`、权限（permissions）等特定宿主能力。
+- 设备与用户代理信息：用于从 `navigator`、`screen` 或传入的 user agent 中整理稳定的设备描述。
+- 地理信息：用于从外部服务拉取 IP 或地理位置相关信息。
+- 变量与配置：用于解析、加载、校验环境变量，并把变量读取与模式（schema）验证组合起来。
+- 快照与诊断：用于把多种环境信息组合成更适合诊断或输出的快照视图。
+
+只要问题的核心仍是“当前环境是什么、有哪些可用上下文、环境信息如何被读出并表达”，它就适合属于 Environment。反之，如果问题已经变成“拿到环境后如何驱动宿主行为”，那通常就应该交给其它模块。
+
+## For Using
+
+当应用需要在跨运行时代码中做分支、访问宿主上下文、整理设备信息、读取环境变量或采集诊断快照时，可以使用这个模块。它尤其适合放在应用入口、基础设施层和适配层，而不是深入业务语义最内层。
+
+当前公共能力大致可以按以下几类理解：
+
+- 运行时识别与条件执行：例如识别浏览器、Node.js、Bun、Deno、Worker 等运行时，并按运行时安全获取上下文或分发逻辑。
+- 宿主能力访问：例如判断并获取 `process`、`navigator`、`clipboard`、`permissions`、`document`、`CSS` 等宿主对象。
+- 设备与 user agent 分析：例如读取设备导航信息、屏幕信息，或把 user agent 解析为更稳定的设备描述。
+- 地理信息查询：例如聚合外部服务提供的 IP 与地理位置信息，用于诊断、展示或环境补充。
+- 环境变量读取与校验：例如解析变量文本、读取变量宿主、加载变量、结合 schema 做结构化验证。
+- 环境快照：例如把当前运行时、设备、变量等信息整理成适合输出、调试或诊断的综合视图。
+
+调用方在使用时仍应处理宿主差异与降级路径。Environment 的职责是让这些差异更容易被表达和访问，而不是假装所有环境都完全一致。
+
+## For Contributing
+
+贡献 Environment 模块时，应优先判断新增能力是否真的表达了稳定、可复用、跨项目成立的环境语义。如果它只是某个业务流程中的一次性判断，或者它的核心已经变成宿主交互副作用，那么通常不应进入这个模块。
+
+在扩展时，应优先遵守以下边界：
+
+- 这里负责识别环境、读取环境、描述环境，而不负责全局监听、日志发送、状态恢复或其它策略层行为。
+- 运行时识别与宿主能力访问应保持清楚分层，不要把“能否访问某对象”和“拿到对象后做什么”混成一个入口。
+- 设备、地理、变量、快照等子问题域可以共存，但都应回到统一的环境语义，而不是各自演变成独立杂项工具。
+- 公共能力应优先让缺失环境时的失败语义清楚可见，而不是通过隐式降级掩盖上下文不可用的事实。
+
+### JSDoc 注释格式要求
+
+- 每个公开导出的目标（类型、函数、变量、类等）都应包含 JSDoc 注释，让人在不跳转实现的情况下就能理解用途。
+- JSDoc 注释第一行应为清晰且简洁的描述，该描述优先使用中文（英文也可以）。
+- 如果描述后还有其他内容，应在描述后加一个空行。
+- 如果有示例，应使用 `@example` 标签，后接三重反引号代码块（不带语言标识）。
+- 如果有示例，应包含多个场景，展示不同用法，尤其要覆盖常见组合方式或边界输入。
+- 如果有示例，应使用注释格式说明每个场景：`// Expect: <result>`。
+- 如果有示例，应将结果赋值给 `example1`、`example2` 之类的变量，以保持示例易读。
+- 如果有示例，`// Expect: <result>` 应该位于 `example1`、`example2` 之前，以保持示例的逻辑清晰。
+- 如果有示例，应优先使用确定性示例；避免断言精确的随机输出。
+- 如果函数返回结构化字符串，应展示其预期格式特征。
+- 如果有参考资料，应将 `@see` 放在 `@example` 代码块之后，并用一个空行分隔。
+
+### 实现规范要求
+
+- 不同程序元素之间使用一个空行分隔，保持结构清楚。这里的程序元素，通常指函数、类型、常量，以及直接服务于它们的辅助元素。
+- 某程序元素独占的辅助元素与该程序元素本身视为一个整体，不要在它们之间添加空行。
+- 程序元素的辅助元素应该放置在该程序元素的上方，以保持阅读时的逻辑顺序。
+- 若辅助元素被多个程序元素共享，则应将其视为独立的程序元素，放在这些程序元素中第一个相关目标的上方，并与后续程序元素之间保留一个空行。
+- 辅助元素也应该像其它程序元素一样，保持清晰的命名和适当的注释，以便在需要阅读实现细节时能够快速理解它们的作用和使用方式。
+- 辅助元素的命名必须以前缀 `internal` 开头（或 `Internal`，大小写不敏感）。
+- 辅助元素永远不要公开导出。
+- 被模块内多个不同文件中的程序元素共享的辅助元素，应该放在一个单独的文件中，例如 `./src/environment/internal.ts`；若共享仅存在于某个子问题域内部，也可以放在对应文件或子模块中。
+- 模块内可以包含子模块。只有当某个子目录表达一个稳定、可单独理解、且可能被父模块重导出的子问题域时，才应将其视为子模块。
+- 子模块包含多个文件时，应该为其单独创建子文件夹，并为其创建单独的 Barrel 文件；父模块的 Barrel 文件再重导出子模块的 Barrel 文件。
+- 子模块不需要有自己的 `README.md`。
+- 子模块可以有自己的 `internal.ts` 文件，多个子模块共享的辅助元素应该放在父模块的 `internal.ts` 文件中，单个子模块共享的辅助元素应该放在该子模块的 `internal.ts` 文件中。
+- 对模块依赖关系的要求（通常是不循环依赖或不反向依赖）与对 DRY 的要求可能产生冲突。此时，若复用的代码数量不大，可以适当牺牲 DRY，复制粘贴并保留必要的注释说明；若复用的代码数量较大，则可以将其抽象到新的文件或子模块中，如 `common.ts`，并在需要的地方导入使用。
+- 实现应优先保持检测逻辑、上下文获取逻辑与后续使用逻辑解耦，避免让单一入口同时承担过多副作用和策略判断。
+
+### 导出策略要求
+
+- 保持内部辅助项和内部符号为私有，不要让外部接入依赖临时性的内部结构。
+- 每个模块都应有一个用于重导出所有公共 API 的 Barrel 文件。
+- Barrel 文件应命名为 `index.ts`，放在模块目录根部，并且所有公共 API 都应从该文件导出。
+- 新增公共能力时，应优先检查它是否表达稳定、清楚且值得长期维护的环境语义，而不是某段实现细节的便捷暴露；仅在确认需要长期对外承诺时再加入 Barrel 导出。
+
+### 测试要求
+
+- 若程序元素是函数，则只为该函数编写一个测试，如果该函数需要测试多个用例，应放在同一个测试中。
+- 若程序元素是类，则至少要为该类的每一个方法编写一个测试，如果该方法需要测试多个用例，应放在同一个测试中。
+- 若程序元素是类，除了为该类的每一个方法编写至少一个测试之外，还可以为该类编写任意多个测试，以覆盖该类的不同使用场景或边界情况。
+- 若编写测试时需要用到辅助元素（Mock 或 Spy 等），可以在测试文件中直接定义这些辅助元素。若辅助元素较为简单，则可以直接放在每一个测试内部，优先保证每个测试的独立性，而不是追求极致 DRY；若辅助元素较为复杂或需要在多个测试中复用，则可以放在测试文件顶部，供该测试文件中的所有测试使用。
+- 测试顺序应与源文件中被测试目标的原始顺序保持一致。
+- 若该模块不需要测试，必须在说明文件中明确说明该模块不需要测试，并说明理由。一般来说，只有在该模块没有可执行的公共函数、只承载类型层表达，或其语义已被上层模块的测试完整覆盖且重复测试几乎不再带来额外价值时，才适合这样处理。
+- 模块的单元测试文件目录是 `./tests/unit/environment`，若模块包含子模块，则子模块的单元测试文件目录为 `./tests/unit/environment/<sub-module-name>`。
+- 测试应重点覆盖运行时识别、宿主能力可用性、缺失上下文时的失败语义、变量校验路径，以及设备与快照输出是否保持稳定可解释。

package/src/environment/basic.ts

@@ -0,0 +1,26 @@
+
+/**
+ * Define a conditional usage function for a target object.
+ */
+export type Use<Target> = <R>(
+  use: (target: Target) => R,
+  otherwise: () => R
+) => R
+/**
+ * Create a conditional usage helper from getter and availability checks.
+ */
+export const useFactory = <Target>(
+  get: () => Target,
+  has: () => boolean,
+): Use<Target> => {
+  const use = <R>(use: (target: Target) => R, otherwise: () => R): R => {
+    if (has() === true) {
+      const target = get();
+      return use(target);
+    } else {
+      return otherwise();
+    }
+  }
+
+  return use;
+}

package/src/environment/device.ts

@@ -0,0 +1,311 @@
+import type { BrowserName, BrowserType, CPUArch, DeviceType, DeviceVendor, EngineName, Extension, OSName } from "ua-parser-js/enums"
+
+import { UAParser } from "ua-parser-js"
+import { isAppleSilicon } from "ua-parser-js/device-detection"
+import { isFrozenUA } from "ua-parser-js/helpers"
+import { isAIAssistant, isAICrawler, isBot } from "ua-parser-js/bot-detection"
+import { isChromeFamily, isElectron, isFromEU, isStandalonePWA } from "ua-parser-js/browser-detection"
+
+import { Bots, CLIs, Crawlers, Emails, ExtraDevices, Fetchers, InApps, Libraries, MediaPlayers, Vehicles } from "ua-parser-js/extensions"
+
+import type { IResult } from "ua-parser-js"
+
+interface NetworkInformation {
+  downlink: number
+  downlinkMax: number
+  effectiveType: "slow-2g" | "2g" | "3g" | "4g"
+  rtt: number
+  saveData: boolean
+  type: "bluetooth" | "cellular" | "ethernet" | "none" | "wifi" | "wimax" | "other" | "unknown"
+}
+const getNetworkInformation = (): NetworkInformation | undefined => {
+  let connection: NetworkInformation | undefined;
+  if ("connection" in navigator) {
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    connection = navigator.connection as NetworkInformation;
+  } else if ("mozConnection" in navigator) {
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    connection = navigator.mozConnection as NetworkInformation;
+  } else if ("webkitConnection" in navigator) {
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    connection = navigator.webkitConnection as NetworkInformation;
+  }
+  return connection;
+};
+
+/**
+ * Describe navigator-level device and network metadata.
+ */
+export interface DeviceNavigatorInfo {
+  oscpu: string | undefined
+  deviceMemory: number | undefined
+  hardwareConcurrency: number | undefined
+  maxTouchPoints: number | undefined
+  platform: Navigator['platform']
+
+  devicePosture: "continuous" | "folded" | undefined
+  connectionDownlink: NetworkInformation['downlink'] | undefined
+  connectionDownlinkMax: NetworkInformation['downlinkMax'] | undefined
+  connectionEffectiveType: NetworkInformation['effectiveType'] | undefined
+  connectionRtt: NetworkInformation['rtt'] | undefined
+  connectionSaveData: NetworkInformation['saveData'] | undefined
+  connectionType: NetworkInformation['type'] | undefined
+  online: boolean
+  cookiesEnabled: boolean
+  language: string
+  languages: string[]
+  pdfViewerEnabled: boolean
+}
+/**
+ * Collect device information from the Navigator API.
+ */
+export const getDeviceNavigatorInfo = (): DeviceNavigatorInfo => {
+  const connection = getNetworkInformation();
+
+  return {
+    oscpu: "oscpu" in navigator ? String(navigator.oscpu) : undefined,
+    hardwareConcurrency: "hardwareConcurrency" in navigator ? Number.parseInt(String(navigator.hardwareConcurrency), 10) : undefined,
+    deviceMemory: "deviceMemory" in navigator ? Number.parseFloat(String(navigator.deviceMemory)) : undefined,
+    maxTouchPoints: navigator.maxTouchPoints,
+    platform: navigator.platform,
+
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    devicePosture: "devicePosture" in navigator ? (navigator.devicePosture as { type: "continuous" | "folded" }).type : undefined,
+    connectionDownlink: connection?.downlink ?? undefined,
+    connectionDownlinkMax: connection?.downlinkMax ?? undefined,
+    connectionEffectiveType: connection?.effectiveType ?? undefined,
+    connectionRtt: connection?.rtt ?? undefined,
+    connectionSaveData: connection?.saveData ?? undefined,
+    connectionType: connection?.type ?? undefined,
+    online: navigator.onLine,
+    cookiesEnabled: navigator.cookieEnabled,
+    language: navigator.language,
+    languages: [...navigator.languages],
+    pdfViewerEnabled: navigator.pdfViewerEnabled,
+  }
+}
+
+/**
+ * Describe device metadata parsed from a user-agent string.
+ */
+export interface DeviceUserAgentInfo {
+  ua: string
+  uaIsFrozen: boolean
+
+  cpuArchitecture: typeof CPUArch[keyof typeof CPUArch] | undefined
+
+  osName: typeof OSName[keyof typeof OSName] | undefined
+  osVersion: IResult['os']['version'] | undefined
+
+  engineName: typeof EngineName[keyof typeof EngineName] | undefined
+  engineVersion: IResult['engine']['version'] | undefined
+
+  browserName:
+  | typeof BrowserName[keyof typeof BrowserName]
+  | typeof Extension['BrowserName']['CLI'][keyof typeof Extension['BrowserName']['CLI']]
+  | typeof Extension['BrowserName']['Crawler'][keyof typeof Extension['BrowserName']['Crawler']]
+  | typeof Extension['BrowserName']['Email'][keyof typeof Extension['BrowserName']['Email']]
+  | typeof Extension['BrowserName']['Fetcher'][keyof typeof Extension['BrowserName']['Fetcher']]
+  | typeof Extension['BrowserName']['InApp'][keyof typeof Extension['BrowserName']['InApp']]
+  | typeof Extension['BrowserName']['Library'][keyof typeof Extension['BrowserName']['Library']]
+  | undefined
+  browserVersion: IResult['browser']['version'] | undefined
+  browserMajor: IResult['browser']['major'] | undefined
+  browserType: typeof BrowserType[keyof typeof BrowserType] | undefined
+  browserIsAiAssistant: boolean
+  browserIsAiCrawler: boolean
+  browserIsBot: boolean
+  browserIsChromeFamily: boolean
+  browserIsElectron: boolean
+  browserIsFromEU: boolean
+  browserIsStandalonePWA: boolean
+
+  deviceType: typeof DeviceType[keyof typeof DeviceType] | undefined
+  deviceVendor:
+  | typeof DeviceVendor[keyof typeof DeviceVendor]
+  | typeof Extension['DeviceVendor']['Vehicle'][keyof typeof Extension['DeviceVendor']['Vehicle']]
+  | undefined
+  deviceModel: IResult['device']['model'] | undefined
+  deviceIsAppleSilicon: boolean
+}
+/**
+ * Parse the user-agent string into normalized device metadata.
+ *
+ * @see {@link https://docs.uaparser.dev/ | UAParser.js}
+ */
+export const parseUserAgent = (userAgent: string): DeviceUserAgentInfo => {
+  // @ts-expect-error - UAParser.js type definitions has unknown issue with extensions
+  const parser = new UAParser([Bots, CLIs, Crawlers, Emails, ExtraDevices, Fetchers, InApps, Libraries, MediaPlayers, Vehicles])
+  parser.setUA(userAgent)
+  const result = parser.getResult()
+
+  let browserIsElectron: boolean
+  try {
+    browserIsElectron = isElectron()
+  } catch {
+    browserIsElectron = false
+  }
+
+  let browserIsStandalonePWA: boolean
+  try {
+    browserIsStandalonePWA = isStandalonePWA()
+  } catch {
+    browserIsStandalonePWA = false
+  }
+
+  return {
+    ua: userAgent,
+    uaIsFrozen: isFrozenUA(userAgent),
+
+    cpuArchitecture: result.cpu.architecture,
+
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    osName: result.os.name as typeof OSName[keyof typeof OSName],
+    osVersion: result.os.version,
+
+    engineName: result.engine.name,
+    engineVersion: result.engine.version,
+
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    browserName: result.browser.name as typeof BrowserName[keyof typeof BrowserName],
+    browserVersion: result.browser.version,
+    browserMajor: result.browser.major,
+    browserType: result.browser.type,
+    browserIsAiAssistant: isAIAssistant(userAgent),
+    browserIsAiCrawler: isAICrawler(userAgent),
+    browserIsBot: isBot(userAgent),
+    browserIsChromeFamily: isChromeFamily(userAgent),
+    browserIsElectron,
+    browserIsFromEU: isFromEU(),
+    browserIsStandalonePWA,
+
+    deviceType: result.device.type,
+    // oxlint-disable-next-line no-unsafe-type-assertion
+    deviceVendor: result.device.vendor as typeof DeviceVendor[keyof typeof DeviceVendor],
+    deviceModel: result.device.model,
+    deviceIsAppleSilicon: isAppleSilicon(userAgent),
+  }
+}
+
+const getSafeAreaInset = (edge: "top" | "bottom" | "left" | "right"): number => {
+  const style = getComputedStyle(document.documentElement);
+
+  // 尝试 env()，现代 Safari
+  let value = style.getPropertyValue(`env(safe-area-inset-${edge})`);
+  if (value === "") {
+    // 尝试 constant()，旧版 iOS
+    value = style.getPropertyValue(`constant(safe-area-inset-${edge})`);
+  }
+
+  return value !== "" ? Number.parseFloat(value) : 0;
+}
+
+/**
+ * Describe screen, viewport, and safe-area metadata.
+ */
+export interface DeviceScreenInfo {
+  pixelRatio: number
+  orientationOriginal: OrientationType | 'unknown'
+  orientationCalculated: 'portrait' | 'landscape'
+
+  screenWidth: number
+  screenHeight: number
+  screenAvailableWidth: number
+  screenAvailableHeight: number
+  browserWidth: number
+  browserHeight: number
+  /**
+   * With scrollbar.
+   */
+  viewportWidth: number
+  /**
+   * With scrollbar.
+   */
+  viewportHeight: number
+  /**
+   * Without scrollbar.
+   */
+  viewportAvailableWidth: number
+  /**
+   * Without scrollbar.
+   */
+  viewportAvailableHeight: number
+  /**
+   * Without scrollbar.
+   */
+  visualViewportWidth: number | undefined
+  /**
+   * Without scrollbar.
+   */
+  visualViewportHeight: number | undefined
+  visualViewportOffsetLeft: number | undefined
+  visualViewportOffsetTop: number | undefined
+  visualViewportPageLeft: number | undefined
+  visualViewportPageTop: number | undefined
+  visualViewportScale: number | undefined
+  safeAreaTop: number
+  safeAreaBottom: number
+  safeAreaLeft: number
+  safeAreaRight: number
+  contentWidth: number
+  contentHeight: number
+}
+/**
+ * Collect screen and viewport information from the current window.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/visualViewport}
+ */
+export const getDeviceScreenInfo = (): DeviceScreenInfo => {
+  return {
+    pixelRatio: window.devicePixelRatio,
+    orientationOriginal: window.screen.orientation?.type || 'unknown',
+    orientationCalculated: window.innerWidth > window.innerHeight ? 'landscape' : 'portrait',
+
+    screenWidth: window.screen.width,
+    screenHeight: window.screen.height,
+    screenAvailableWidth: window.screen.availWidth,
+    screenAvailableHeight: window.screen.availHeight,
+    browserWidth: window.outerWidth,
+    browserHeight: window.outerHeight,
+    viewportWidth: window.innerWidth,
+    viewportHeight: window.innerHeight,
+    viewportAvailableWidth: document.documentElement.clientWidth,
+    viewportAvailableHeight: document.documentElement.clientHeight,
+    visualViewportWidth: window.visualViewport?.width,
+    visualViewportHeight: window.visualViewport?.height,
+    visualViewportOffsetLeft: window.visualViewport?.offsetLeft,
+    visualViewportOffsetTop: window.visualViewport?.offsetTop,
+    visualViewportPageLeft: window.visualViewport?.pageLeft,
+    visualViewportPageTop: window.visualViewport?.pageTop,
+    visualViewportScale: window.visualViewport?.scale,
+    safeAreaTop: getSafeAreaInset('top'),
+    safeAreaBottom: getSafeAreaInset('bottom'),
+    safeAreaLeft: getSafeAreaInset('left'),
+    safeAreaRight: getSafeAreaInset('right'),
+    contentWidth: document.documentElement.scrollWidth,
+    contentHeight: document.documentElement.scrollHeight
+  };
+}
+
+/**
+ * Describe merged device information from navigator, UA, and screen.
+ */
+export interface DeviceInfo {
+  navigator: DeviceNavigatorInfo
+  userAgent: DeviceUserAgentInfo
+  screen: DeviceScreenInfo
+}
+/**
+ * Get merged device information from navigator, user-agent, and screen.
+ */
+export const getDeviceInfo = (userAgent: string): DeviceInfo => {
+  const navigatorInfo = getDeviceNavigatorInfo();
+  const userAgentInfo = parseUserAgent(userAgent);
+  const screenInfo = getDeviceScreenInfo();
+
+  return {
+    navigator: navigatorInfo,
+    userAgent: userAgentInfo,
+    screen: screenInfo
+  };
+}