- {TECH_STACK.map(({ name, descKey, icon: Icon }) => (
+ {TECH_STACK.map(({ name, version, descKey, icon: Icon }) => (
-
{name}
+
+ {name}
+ {version ? (
+ {version}
+ ) : null}
+
{t(descKey)}
diff --git a/packages/app/src/vite-env.d.ts b/packages/app/src/vite-env.d.ts
index 5ce2949ac..11f26d94b 100644
--- a/packages/app/src/vite-env.d.ts
+++ b/packages/app/src/vite-env.d.ts
@@ -1,5 +1,9 @@
///
+// Injected by vite.config.ts from src-tauri/Cargo.lock — the real Tauri
+// framework version shown on the About tech-stack cards.
+declare const __TAURI_VERSION__: string;
+
declare interface PromiseConstructor {
withResolvers
(): {
promise: Promise;
diff --git a/packages/app/vite.config.ts b/packages/app/vite.config.ts
index d17093a73..605298bbb 100644
--- a/packages/app/vite.config.ts
+++ b/packages/app/vite.config.ts
@@ -1,3 +1,4 @@
+import fs from "node:fs";
import path from "node:path";
import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react";
@@ -7,8 +8,24 @@ import { defineConfig } from "vite";
const host = process.env.TAURI_DEV_HOST;
const pdfjsDist = path.resolve(__dirname, "../../node_modules/pdfjs-dist");
+// The About dialog shows the Tauri framework version. @tauri-apps/api releases
+// in lockstep but can differ by a patch, and its package.json is not importable
+// (exports map), so read the version the app actually builds against from the
+// lockfile. Empty string = the card renders without a version.
+function readTauriVersion(): string {
+ try {
+ const lock = fs.readFileSync(path.resolve(__dirname, "src-tauri/Cargo.lock"), "utf-8");
+ return lock.match(/^name = "tauri"\r?\nversion = "([^"]+)"/m)?.[1] ?? "";
+ } catch {
+ return "";
+ }
+}
+
// https://vite.dev/config/
export default defineConfig(async () => ({
+ define: {
+ __TAURI_VERSION__: JSON.stringify(readTauriVersion()),
+ },
plugins: [react(), tailwindcss()],
worker: {
format: "es",
From 9e1710318a6f2373c8f9addf648d7f4d2f1f3ea2 Mon Sep 17 00:00:00 2001
From: k6G52m4Dz75W <74605402+k6G52m4Dz75W@users.noreply.github.com>
Date: Fri, 11 Sep 2026 22:30:55 +0800
Subject: [PATCH 19/22] feat(mobile): derive the About tech-stack labels from
installed versions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
The About screen hardcoded "Expo SDK 55" while the installed expo is
54.0.33 (the upstream pin is ~54.0.33 too) — the label had drifted.
Derive it from the expo package's major (== SDK number since SDK 51),
and take React Native from Platform.constants.reactNativeVersion
(0.81.5) instead of an unnamed label.
Also drop the hardcoded SDK number from the expo-platform-service doc
comment so it cannot go stale again.
---
.../src/lib/platform/expo-platform-service.ts | 3 ++-
.../app-expo/src/screens/settings/AboutScreen.tsx | 13 +++++++++++--
2 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/packages/app-expo/src/lib/platform/expo-platform-service.ts b/packages/app-expo/src/lib/platform/expo-platform-service.ts
index 6b20d9daa..fef13a3ad 100644
--- a/packages/app-expo/src/lib/platform/expo-platform-service.ts
+++ b/packages/app-expo/src/lib/platform/expo-platform-service.ts
@@ -2,7 +2,8 @@ import i18n from "@readany/core/i18n";
/**
* ExpoPlatformService — IPlatformService implementation for Expo / React Native.
*
- * Uses Expo SDK 55+ modules:
+ * Uses Expo SDK modules (the actual SDK number lives in package.json —
+ * hardcoded numbers here went stale before):
* - expo-file-system (new File/Directory/Paths API) for FS operations
* - expo-sqlite for database
* - expo-secure-store for KV storage
diff --git a/packages/app-expo/src/screens/settings/AboutScreen.tsx b/packages/app-expo/src/screens/settings/AboutScreen.tsx
index 7f78889b9..7a5310ced 100644
--- a/packages/app-expo/src/screens/settings/AboutScreen.tsx
+++ b/packages/app-expo/src/screens/settings/AboutScreen.tsx
@@ -4,6 +4,7 @@ import { useWebviewLabel } from "@/stores/webview-info-store";
import { getPlatformService } from "@readany/core/services";
import { checkForUpdate } from "@readany/core/update";
import * as Clipboard from "expo-clipboard";
+import expoPkg from "expo/package.json";
import { useCallback, useEffect, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import {
@@ -11,6 +12,7 @@ import {
Alert,
Image,
Linking,
+ Platform,
ScrollView,
StyleSheet,
Text,
@@ -29,9 +31,16 @@ import {
} from "../../styles/theme";
import { SettingsHeader } from "./SettingsHeader";
+// The expo package's major version has matched the SDK number since SDK 51,
+// so derive the label instead of hardcoding it (a hardcoded "55" went stale
+// while the installed expo is 54.x). RN comes from the runtime's own constant.
+const EXPO_SDK_LABEL = `Expo SDK ${expoPkg.version.split(".")[0]}`;
+const rnVersion = Platform.constants.reactNativeVersion;
+const REACT_NATIVE_VERSION = `${rnVersion.major}.${rnVersion.minor}.${rnVersion.patch}`;
+
const TECH_STACK = [
- { label: "Expo SDK 55", descKey: "about.nativeContainer" },
- { label: "React Native", descKey: "about.uiFramework" },
+ { label: EXPO_SDK_LABEL, descKey: "about.nativeContainer" },
+ { label: `React Native ${REACT_NATIVE_VERSION}`, descKey: "about.uiFramework" },
{ label: "Foliate.js", descKey: "about.ebookRenderer" },
{ label: "SQLite", descKey: "about.localDatabase" },
];
From 04ca4533aaef29855805a68fa4f162c6dff3f694 Mon Sep 17 00:00:00 2001
From: k6G52m4Dz75W <74605402+k6G52m4Dz75W@users.noreply.github.com>
Date: Fri, 11 Sep 2026 22:48:05 +0800
Subject: [PATCH 20/22] docs(mobile): drop another stale version number OCR
flagged
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
The section comment said "expo-file-system v55" while the installed
expo-file-system is 19.0.21 — same drift class the previous commit
removed from the header comment; this one slipped through.
---
packages/app-expo/src/lib/platform/expo-platform-service.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/app-expo/src/lib/platform/expo-platform-service.ts b/packages/app-expo/src/lib/platform/expo-platform-service.ts
index fef13a3ad..6ff523ed4 100644
--- a/packages/app-expo/src/lib/platform/expo-platform-service.ts
+++ b/packages/app-expo/src/lib/platform/expo-platform-service.ts
@@ -38,7 +38,7 @@ export class ExpoPlatformService implements IPlatformService {
readonly isMobile = true;
readonly isDesktop = false;
- // ---- File system (expo-file-system v55 — File/Directory/Paths API) ----
+ // ---- File system (expo-file-system — File/Directory/Paths API) ----
async readFile(path: string): Promise {
try {
From df0a3d817b70db9c03323f9dc0e634b67c7e25fe Mon Sep 17 00:00:00 2001
From: k6G52m4Dz75W <74605402+k6G52m4Dz75W@users.noreply.github.com>
Date: Fri, 11 Sep 2026 22:55:42 +0800
Subject: [PATCH 21/22] refactor(settings): inject the TypeScript version like
the Tauri one
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Application source no longer imports a dev-only package's manifest for
one field. vite.config.ts reads typescript/package.json through
createRequire (so hoisting cannot break the path) and defines
__TS_VERSION__ next to __TAURI_VERSION__ — same source pattern, same
empty-string fallback, and the TypeScript manifest stays out of the
client bundle (OCR review follow-up).
---
.../app/src/components/settings/AboutSettings.tsx | 9 ++++-----
packages/app/src/vite-env.d.ts | 4 ++++
packages/app/vite.config.ts | 14 ++++++++++++++
3 files changed, 22 insertions(+), 5 deletions(-)
diff --git a/packages/app/src/components/settings/AboutSettings.tsx b/packages/app/src/components/settings/AboutSettings.tsx
index 07dce3e7e..238d5aad8 100644
--- a/packages/app/src/components/settings/AboutSettings.tsx
+++ b/packages/app/src/components/settings/AboutSettings.tsx
@@ -42,7 +42,6 @@ import React, { useEffect, useRef, useState } from "react";
// Timer cleanup for the copy feedback flag (unmount-safe).
import { useTranslation } from "react-i18next";
import { toast } from "sonner";
-import tsPkg from "typescript/package.json";
type TechStackItem = {
name: string;
@@ -51,13 +50,13 @@ type TechStackItem = {
icon: LucideIcon;
};
-// Versions come from the real installed sources (runtime React, the resolved
-// lockfile, the toolchain package) so the cards cannot drift the way a
-// hardcoded version label does.
+// Versions come from the real installed sources (runtime React, build-time
+// defines read from the lockfile and the resolved toolchain) so the cards
+// cannot drift the way a hardcoded version label does.
const TECH_STACK: TechStackItem[] = [
{ name: "Tauri", version: __TAURI_VERSION__, descKey: "settings.techStackTauri", icon: Shield },
{ name: "React", version: React.version, descKey: "settings.techStackReact", icon: Code2 },
- { name: "TypeScript", version: tsPkg.version, descKey: "settings.techStackTypeScript", icon: Zap },
+ { name: "TypeScript", version: __TS_VERSION__, descKey: "settings.techStackTypeScript", icon: Zap },
{ name: "Foliate", descKey: "settings.techStackFoliate", icon: BookOpen },
];
diff --git a/packages/app/src/vite-env.d.ts b/packages/app/src/vite-env.d.ts
index 11f26d94b..858b3cbcb 100644
--- a/packages/app/src/vite-env.d.ts
+++ b/packages/app/src/vite-env.d.ts
@@ -4,6 +4,10 @@
// framework version shown on the About tech-stack cards.
declare const __TAURI_VERSION__: string;
+// Injected by vite.config.ts from the resolved typescript/package.json —
+// same pattern, keeps a dev-only manifest out of the client bundle.
+declare const __TS_VERSION__: string;
+
declare interface PromiseConstructor {
withResolvers(): {
promise: Promise;
diff --git a/packages/app/vite.config.ts b/packages/app/vite.config.ts
index 605298bbb..f8c5b3025 100644
--- a/packages/app/vite.config.ts
+++ b/packages/app/vite.config.ts
@@ -1,3 +1,4 @@
+import { createRequire } from "node:module";
import fs from "node:fs";
import path from "node:path";
import tailwindcss from "@tailwindcss/vite";
@@ -21,10 +22,23 @@ function readTauriVersion(): string {
}
}
+// Same pattern for the TypeScript toolchain version: application source must
+// not import a dev-only package's manifest for one field. Resolve through
+// Node so hoisting cannot break the path.
+function readTypeScriptVersion(): string {
+ try {
+ const require = createRequire(path.resolve(__dirname, "package.json"));
+ return require("typescript/package.json").version ?? "";
+ } catch {
+ return "";
+ }
+}
+
// https://vite.dev/config/
export default defineConfig(async () => ({
define: {
__TAURI_VERSION__: JSON.stringify(readTauriVersion()),
+ __TS_VERSION__: JSON.stringify(readTypeScriptVersion()),
},
plugins: [react(), tailwindcss()],
worker: {
From 7f39c949e2f4b8684cdca48559c95bbc651e1024 Mon Sep 17 00:00:00 2001
From: k6G52m4Dz75W <74605402+k6G52m4Dz75W@users.noreply.github.com>
Date: Fri, 11 Sep 2026 23:18:20 +0800
Subject: [PATCH 22/22] fix(mobile): show the full expo package version on the
tech-stack card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
"Expo SDK 54" only tracked the SDK release line; an in-SDK patch bump
(54.0.33 → 54.0.35) was invisible — the version display's whole purpose
is environment reproduction. "Expo 54.0.33" matches the granularity of
the other cards (Tauri 2.10.2, React Native 0.81.5) and loses nothing:
the major IS the SDK number.
---
.../app-expo/src/screens/settings/AboutScreen.tsx | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/packages/app-expo/src/screens/settings/AboutScreen.tsx b/packages/app-expo/src/screens/settings/AboutScreen.tsx
index 7a5310ced..91e6e3c3b 100644
--- a/packages/app-expo/src/screens/settings/AboutScreen.tsx
+++ b/packages/app-expo/src/screens/settings/AboutScreen.tsx
@@ -31,15 +31,16 @@ import {
} from "../../styles/theme";
import { SettingsHeader } from "./SettingsHeader";
-// The expo package's major version has matched the SDK number since SDK 51,
-// so derive the label instead of hardcoding it (a hardcoded "55" went stale
-// while the installed expo is 54.x). RN comes from the runtime's own constant.
-const EXPO_SDK_LABEL = `Expo SDK ${expoPkg.version.split(".")[0]}`;
+// The full expo package version, same granularity as the Tauri and React
+// Native labels: an in-SDK patch bump (54.0.33 → 54.0.35) is exactly the
+// kind of difference a bug report needs. The major IS the SDK number
+// (54 here), so no information is lost versus the "Expo SDK 54" phrasing.
+const EXPO_LABEL = `Expo ${expoPkg.version}`;
const rnVersion = Platform.constants.reactNativeVersion;
const REACT_NATIVE_VERSION = `${rnVersion.major}.${rnVersion.minor}.${rnVersion.patch}`;
const TECH_STACK = [
- { label: EXPO_SDK_LABEL, descKey: "about.nativeContainer" },
+ { label: EXPO_LABEL, descKey: "about.nativeContainer" },
{ label: `React Native ${REACT_NATIVE_VERSION}`, descKey: "about.uiFramework" },
{ label: "Foliate.js", descKey: "about.ebookRenderer" },
{ label: "SQLite", descKey: "about.localDatabase" },