create-pixi-vn 2.1.3 → 2.1.5

package/template-react-vite-muijoy-ink-tauri/src/lib/utils/device-diagnostics-utility.ts

@@ -0,0 +1,511 @@
+import packageJson from "@/../package.json";
+import { canvas, PIXIVN_VERSION } from "@drincs/pixi-vn";
+import motionPackageJson from "motion/package.json";
+import { VERSION as PIXIJS_VERSION } from "pixi.js";
+import tonePackageJson from "tone/package.json";
+
+export interface WebglExtensionCheck {
+    name: string;
+    supported: boolean;
+}
+
+export interface WebglDiagnostics {
+    webgl1Supported: boolean;
+    webgl2Supported: boolean;
+    vendor: string | null;
+    renderer: string | null;
+    unmaskedVendor: string | null;
+    unmaskedRenderer: string | null;
+    /** null when it cannot be determined (e.g. WEBGL_debug_renderer_info is blocked). */
+    hardwareAccelerated: boolean | null;
+    /** Coarse GPU brand bucket (NVIDIA/AMD/Intel/Apple/Qualcomm/ARM/Imagination/Software/Unknown), including mobile GPU families. */
+    gpuVendorBrand: string;
+    /** Mesa version parsed out of the renderer string, when running on a Linux Mesa driver stack. */
+    mesaVersion: string | null;
+    maxTextureSize: number | null;
+    floatTexturesSupported: boolean;
+    msaaSupported: boolean;
+    shadersCompile: boolean;
+    keyExtensions: WebglExtensionCheck[];
+    allExtensions: string[];
+}
+
+export interface MobileDiagnostics {
+    touchSupported: boolean;
+    maxTouchPoints: number;
+    /** Approximate device RAM in GB. Chromium-only; null elsewhere. */
+    deviceMemoryGb: number | null;
+    /** Coarse connection quality bucket (e.g. "4g", "3g"). Chromium-only; null elsewhere. */
+    networkEffectiveType: string | null;
+    /** e.g. "portrait-primary" / "landscape-primary". */
+    screenOrientation: string | null;
+}
+
+/**
+ * OS/distro and WebView engine details from the native Tauri backend.
+ * `null` when running in a plain browser (browsers deliberately don't expose this).
+ */
+export interface NativeDiagnostics {
+    osType: string;
+    osVersion: string;
+    bitness: string;
+    architecture: string;
+    webviewVersion: string | null;
+}
+
+export interface BrowserCapabilities {
+    audio: boolean;
+    gamepad: boolean;
+    clipboard: boolean;
+    fullscreen: boolean;
+    localStorage: boolean;
+    indexedDb: boolean;
+    /** Best-effort heuristic only: Steam's overlay is compositor-level and generally invisible to page JS. */
+    steamOverlayDetected: boolean;
+}
+
+export interface ResolutionInfo {
+    innerWidth: number;
+    innerHeight: number;
+    screenWidth: number;
+    screenHeight: number;
+    devicePixelRatio: number;
+}
+
+export interface JsMemoryInfo {
+    usedJSHeapSize: number;
+    totalJSHeapSize: number;
+    jsHeapSizeLimit: number;
+}
+
+const KEY_WEBGL_EXTENSIONS = [
+    "WEBGL_debug_renderer_info",
+    "WEBGL_lose_context",
+    "WEBGL_compressed_texture_s3tc",
+    "WEBGL_compressed_texture_astc",
+    "WEBGL_compressed_texture_etc",
+    "OES_texture_float",
+    "OES_texture_float_linear",
+    "OES_texture_half_float",
+    "OES_element_index_uint",
+    "OES_standard_derivatives",
+    "ANGLE_instanced_arrays",
+    "EXT_texture_filter_anisotropic",
+    "EXT_color_buffer_float",
+];
+
+const SOFTWARE_RENDERER_PATTERN =
+    /swiftshader|llvmpipe|software|microsoft basic render|d3d11 warp|apple software renderer/i;
+
+/**
+ * Coarse GPU brand bucket from the (unmasked) vendor/renderer strings.
+ * Covers mobile GPU families (Adreno/Qualcomm, Mali/ARM, PowerVR/Imagination) too.
+ */
+function classifyGpuVendorBrand(vendorAndRenderer: string): string {
+    if (SOFTWARE_RENDERER_PATTERN.test(vendorAndRenderer)) return "Software (no GPU)";
+    if (/nvidia|geforce|quadro|rtx\s?\d|gtx\s?\d/i.test(vendorAndRenderer)) return "NVIDIA";
+    if (/amd|ati\b|radeon/i.test(vendorAndRenderer)) return "AMD";
+    if (/intel/i.test(vendorAndRenderer)) return "Intel";
+    if (/apple/i.test(vendorAndRenderer)) return "Apple";
+    if (/qualcomm|adreno/i.test(vendorAndRenderer)) return "Qualcomm (Adreno)";
+    if (/arm\b|mali/i.test(vendorAndRenderer)) return "ARM (Mali)";
+    if (/imagination|powervr/i.test(vendorAndRenderer)) return "Imagination (PowerVR)";
+    return "Unknown";
+}
+
+/** Extracts the Mesa driver version from a Linux OpenGL/ANGLE renderer string, when present. */
+function extractMesaVersion(rendererString: string): string | null {
+    return /Mesa\s+([\d.]+)/i.exec(rendererString)?.[1] ?? null;
+}
+
+function testShaderCompilation(gl: WebGLRenderingContext | WebGL2RenderingContext): boolean {
+    try {
+        const vertexShader = gl.createShader(gl.VERTEX_SHADER);
+        const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
+        if (!vertexShader || !fragmentShader) {
+            return false;
+        }
+
+        gl.shaderSource(
+            vertexShader,
+            "attribute vec2 p; void main() { gl_Position = vec4(p, 0.0, 1.0); }",
+        );
+        gl.compileShader(vertexShader);
+        gl.shaderSource(
+            fragmentShader,
+            "precision mediump float; void main() { gl_FragColor = vec4(1.0); }",
+        );
+        gl.compileShader(fragmentShader);
+        if (
+            !gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS) ||
+            !gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)
+        ) {
+            return false;
+        }
+
+        const program = gl.createProgram();
+        if (!program) {
+            return false;
+        }
+        gl.attachShader(program, vertexShader);
+        gl.attachShader(program, fragmentShader);
+        gl.linkProgram(program);
+        return !!gl.getProgramParameter(program, gl.LINK_STATUS);
+    } catch {
+        return false;
+    }
+}
+
+/**
+ * Probes a throwaway canvas instead of the live Pixi-VN canvas so this works
+ * regardless of which renderer Pixi actually picked (or before Pixi has initialized).
+ */
+export function getWebglDiagnostics(): WebglDiagnostics {
+    const probeCanvas = document.createElement("canvas");
+    const gl2 = probeCanvas.getContext("webgl2") as WebGL2RenderingContext | null;
+    const gl1 = (probeCanvas.getContext("webgl") ??
+        probeCanvas.getContext("experimental-webgl")) as WebGLRenderingContext | null;
+    const gl = gl2 ?? gl1;
+
+    if (!gl) {
+        return {
+            webgl1Supported: false,
+            webgl2Supported: false,
+            vendor: null,
+            renderer: null,
+            unmaskedVendor: null,
+            unmaskedRenderer: null,
+            hardwareAccelerated: null,
+            gpuVendorBrand: "Unknown",
+            mesaVersion: null,
+            maxTextureSize: null,
+            floatTexturesSupported: false,
+            msaaSupported: false,
+            shadersCompile: false,
+            keyExtensions: KEY_WEBGL_EXTENSIONS.map((name) => ({ name, supported: false })),
+            allExtensions: [],
+        };
+    }
+
+    const debugInfo = gl.getExtension("WEBGL_debug_renderer_info");
+    const vendor = (gl.getParameter(gl.VENDOR) as string) ?? null;
+    const renderer = (gl.getParameter(gl.RENDERER) as string) ?? null;
+    const unmaskedVendor = debugInfo
+        ? ((gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL) as string) ?? null)
+        : null;
+    const unmaskedRenderer = debugInfo
+        ? ((gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) as string) ?? null)
+        : null;
+    const rendererForHeuristic = unmaskedRenderer ?? renderer;
+    const hardwareAccelerated = rendererForHeuristic
+        ? !SOFTWARE_RENDERER_PATTERN.test(rendererForHeuristic)
+        : null;
+    const gpuVendorBrand = classifyGpuVendorBrand(
+        `${unmaskedVendor ?? vendor ?? ""} ${rendererForHeuristic ?? ""}`,
+    );
+    const mesaVersion = rendererForHeuristic ? extractMesaVersion(rendererForHeuristic) : null;
+
+    const allExtensions = gl.getSupportedExtensions() ?? [];
+    const keyExtensions = KEY_WEBGL_EXTENSIONS.map((name) => ({
+        name,
+        supported: allExtensions.includes(name),
+    }));
+
+    const maxTextureSize = (gl.getParameter(gl.MAX_TEXTURE_SIZE) as number) ?? null;
+    const floatTexturesSupported = gl2 ? true : allExtensions.includes("OES_texture_float");
+    const msaaSupported = gl2
+        ? ((gl2.getParameter(gl2.MAX_SAMPLES) as number) ?? 0) > 1
+        : (gl.getContextAttributes()?.antialias ?? false);
+    const shadersCompile = testShaderCompilation(gl);
+
+    // This is a throwaway probe context; release it instead of leaving it around.
+    gl.getExtension("WEBGL_lose_context")?.loseContext();
+
+    return {
+        webgl1Supported: !!gl1 || !!gl2,
+        webgl2Supported: !!gl2,
+        vendor,
+        renderer,
+        unmaskedVendor,
+        unmaskedRenderer,
+        hardwareAccelerated,
+        gpuVendorBrand,
+        mesaVersion,
+        maxTextureSize,
+        floatTexturesSupported,
+        msaaSupported,
+        shadersCompile,
+        keyExtensions,
+        allExtensions,
+    };
+}
+
+interface UserAgentDataBrand {
+    brand: string;
+    version: string;
+}
+
+interface NavigatorUAData {
+    platform?: string;
+    brands?: UserAgentDataBrand[];
+}
+
+function getUserAgentData(): NavigatorUAData | undefined {
+    return (navigator as Navigator & { userAgentData?: NavigatorUAData }).userAgentData;
+}
+
+export function detectPlatform(): string {
+    const ua = navigator.userAgent;
+    const platformHint = getUserAgentData()?.platform ?? navigator.platform ?? "";
+
+    if (/android/i.test(ua)) return "Android";
+    if (/iphone|ipod/i.test(ua)) return "iOS";
+    // iPadOS reports as "MacIntel" but exposes multi-touch, unlike a real Mac.
+    if (/ipad/i.test(ua) || (/mac/i.test(platformHint) && navigator.maxTouchPoints > 1))
+        return "iOS";
+    if (/mac/i.test(platformHint)) return "macOS";
+    if (/win/i.test(platformHint)) return "Windows";
+    if (/linux/i.test(platformHint)) return "Linux";
+    return "Unknown";
+}
+
+export function detectBrowserEngine(): string {
+    const ua = navigator.userAgent;
+    const brands = getUserAgentData()?.brands ?? [];
+
+    // User-Agent Client Hints: WebView2 (Windows) reliably advertises this brand.
+    if (brands.some((brand) => /webview2/i.test(brand.brand))) return "WebView2 (Chromium)";
+    // Chromium's Android WebView appends a distinct "; wv)" token to the UA string.
+    if (/; wv\)/i.test(ua)) return "Android WebView (Chromium)";
+
+    if (/edg\//i.test(ua)) return "Chromium (Edge)";
+    if (/firefox|fxios/i.test(ua)) return "Gecko (Firefox)";
+    if (/crios/i.test(ua)) return "Chromium (Chrome iOS)";
+    if (/chrome|chromium/i.test(ua)) return "Chromium";
+    if (/safari/i.test(ua)) {
+        // Real desktop/mobile Safari doesn't exist on Linux, so a WebKit UA there is
+        // almost certainly a WebKitGTK-based webview (e.g. Tauri's Linux WebView).
+        return detectPlatform() === "Linux" ? "WebKitGTK (Linux WebView)" : "WebKit (Safari)";
+    }
+    return "Unknown";
+}
+
+/** Numeric engine/browser version parsed from the UA string (Chromium/Firefox build, or Safari/WebKit version). */
+export function getEngineVersion(): string | null {
+    const ua = navigator.userAgent;
+    const firefoxMatch = /Firefox\/([\d.]+)/.exec(ua);
+    if (firefoxMatch) return firefoxMatch[1];
+    const chromeMatch = /Chrome\/([\d.]+)/.exec(ua);
+    if (chromeMatch) return chromeMatch[1];
+    // Safari's real version lives in "Version/", not the AppleWebKit build number.
+    const safariVersionMatch = /Version\/([\d.]+)/.exec(ua);
+    if (safariVersionMatch) return safariVersionMatch[1];
+    const webkitMatch = /AppleWebKit\/([\d.]+)/.exec(ua);
+    if (webkitMatch) return webkitMatch[1];
+    return null;
+}
+
+export function getBrowserCapabilities(): BrowserCapabilities {
+    const win = window as Window & {
+        webkitAudioContext?: typeof AudioContext;
+        cefQuery?: unknown;
+    };
+
+    let localStorageAvailable = false;
+    try {
+        const testKey = "__diagnostics_test__";
+        window.localStorage.setItem(testKey, "1");
+        window.localStorage.removeItem(testKey);
+        localStorageAvailable = true;
+    } catch {
+        localStorageAvailable = false;
+    }
+
+    return {
+        audio: typeof AudioContext !== "undefined" || typeof win.webkitAudioContext !== "undefined",
+        gamepad: typeof navigator.getGamepads === "function",
+        clipboard: typeof navigator.clipboard?.writeText === "function",
+        fullscreen: document.fullscreenEnabled === true,
+        localStorage: localStorageAvailable,
+        indexedDb: typeof window.indexedDB !== "undefined",
+        steamOverlayDetected:
+            typeof win.cefQuery === "function" ||
+            /Valve Steam|SteamOverlay/i.test(navigator.userAgent),
+    };
+}
+
+export function getMobileDiagnostics(): MobileDiagnostics {
+    const nav = navigator as Navigator & {
+        deviceMemory?: number;
+        connection?: { effectiveType?: string };
+    };
+
+    return {
+        touchSupported: navigator.maxTouchPoints > 0,
+        maxTouchPoints: navigator.maxTouchPoints,
+        deviceMemoryGb: nav.deviceMemory ?? null,
+        networkEffectiveType: nav.connection?.effectiveType ?? null,
+        screenOrientation: window.screen?.orientation?.type ?? null,
+    };
+}
+
+export function getResolutionInfo(): ResolutionInfo {
+    return {
+        innerWidth: window.innerWidth,
+        innerHeight: window.innerHeight,
+        screenWidth: window.screen?.width ?? 0,
+        screenHeight: window.screen?.height ?? 0,
+        devicePixelRatio: window.devicePixelRatio || 1,
+    };
+}
+
+export function getJsMemoryInfo(): JsMemoryInfo | null {
+    const memory = (performance as Performance & { memory?: JsMemoryInfo }).memory;
+    if (!memory) {
+        return null;
+    }
+    return {
+        usedJSHeapSize: memory.usedJSHeapSize,
+        totalJSHeapSize: memory.totalJSHeapSize,
+        jsHeapSizeLimit: memory.jsHeapSizeLimit,
+    };
+}
+
+export function getCurrentFps(): number | null {
+    try {
+        return Math.round(canvas.app.ticker.FPS);
+    } catch {
+        return null;
+    }
+}
+
+export function getGameVersion(): string {
+    return packageJson.version;
+}
+
+export function getPixiJsVersion(): string {
+    return PIXIJS_VERSION;
+}
+
+export function getPixiVnVersion(): string {
+    return PIXIVN_VERSION;
+}
+
+export function getToneJsVersion(): string {
+    return tonePackageJson.version;
+}
+
+export function getMotionVersion(): string {
+    return motionPackageJson.version;
+}
+
+function formatBytes(bytes: number): string {
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+export interface DeviceDiagnosticsSnapshot {
+    webgl: WebglDiagnostics;
+    capabilities: BrowserCapabilities;
+    mobile: MobileDiagnostics;
+    native: NativeDiagnostics | null;
+    resolution: ResolutionInfo;
+    memory: JsMemoryInfo | null;
+    fps: number | null;
+    userAgent: string;
+    platform: string;
+    browserEngine: string;
+    engineVersion: string | null;
+    gameVersion: string;
+    pixiJsVersion: string;
+    pixiVnVersion: string;
+    toneJsVersion: string;
+    motionVersion: string;
+}
+
+export function buildDiagnosticsReportText(snapshot: DeviceDiagnosticsSnapshot): string {
+    const { webgl, capabilities, mobile, native, resolution, memory, fps } = snapshot;
+    const yn = (value: boolean | null) => (value === null ? "Unknown" : value ? "Yes" : "No");
+
+    const lines = [
+        "=== Device Diagnostics Report ===",
+        `Game version: ${snapshot.gameVersion}`,
+        `PixiJS version: ${snapshot.pixiJsVersion}`,
+        `Pixi'VN version: ${snapshot.pixiVnVersion}`,
+        `Tone.js version: ${snapshot.toneJsVersion}`,
+        `Motion version: ${snapshot.motionVersion}`,
+        `User Agent: ${snapshot.userAgent}`,
+        `Platform: ${snapshot.platform}`,
+        `Browser/WebView: ${snapshot.browserEngine}`,
+        `Engine version: ${snapshot.engineVersion ?? "Unknown"}`,
+        "",
+        "-- Native / OS (Tauri only) --",
+        native
+            ? [
+                  `OS: ${native.osType} ${native.osVersion} (${native.bitness}, ${native.architecture})`,
+                  `WebView engine version: ${native.webviewVersion ?? "Unknown"}`,
+              ].join("\n")
+            : "Not available (running in a standard browser)",
+        "",
+        "-- Graphics --",
+        `WebGL1 available: ${yn(webgl.webgl1Supported)}`,
+        `WebGL2 available: ${yn(webgl.webgl2Supported)}`,
+        `Hardware acceleration: ${yn(webgl.hardwareAccelerated)}`,
+        `GPU vendor: ${webgl.unmaskedVendor ?? webgl.vendor ?? "Unknown"}`,
+        `GPU renderer: ${webgl.unmaskedRenderer ?? webgl.renderer ?? "Unknown"}`,
+        `GPU brand: ${webgl.gpuVendorBrand}`,
+        `Mesa driver version: ${webgl.mesaVersion ?? "Not detected"}`,
+        `Max texture size: ${webgl.maxTextureSize ?? "Unknown"}`,
+        `Float textures: ${yn(webgl.floatTexturesSupported)}`,
+        `MSAA: ${yn(webgl.msaaSupported)}`,
+        `Shaders compile: ${yn(webgl.shadersCompile)}`,
+        `WebGL extensions: ${webgl.keyExtensions
+            .filter((extension) => extension.supported)
+            .map((extension) => extension.name)
+            .join(", ")}`,
+        "",
+        "-- Display --",
+        `Resolution: ${resolution.innerWidth}x${resolution.innerHeight} (screen ${resolution.screenWidth}x${resolution.screenHeight})`,
+        `Device pixel ratio: ${resolution.devicePixelRatio}`,
+        `FPS: ${fps ?? "Unknown"}`,
+        "",
+        "-- Memory --",
+        memory
+            ? `JS heap: ${formatBytes(memory.usedJSHeapSize)} / ${formatBytes(memory.totalJSHeapSize)} (limit ${formatBytes(memory.jsHeapSizeLimit)})`
+            : "JS heap: Not available in this browser",
+        "",
+        "-- Mobile & sensors --",
+        `Touch support: ${yn(mobile.touchSupported)} (${mobile.maxTouchPoints} points)`,
+        `Device memory: ${mobile.deviceMemoryGb !== null ? `${mobile.deviceMemoryGb} GB` : "Not available"}`,
+        `Network type: ${mobile.networkEffectiveType ?? "Not available"}`,
+        `Screen orientation: ${mobile.screenOrientation ?? "Unknown"}`,
+        "",
+        "-- Browser capabilities --",
+        `Audio (Web Audio API): ${yn(capabilities.audio)}`,
+        `Gamepad API: ${yn(capabilities.gamepad)}`,
+        `Clipboard API: ${yn(capabilities.clipboard)}`,
+        `Fullscreen API: ${yn(capabilities.fullscreen)}`,
+        `LocalStorage: ${yn(capabilities.localStorage)}`,
+        `IndexedDB: ${yn(capabilities.indexedDb)}`,
+        `Steam Overlay detected (best-effort): ${yn(capabilities.steamOverlayDetected)}`,
+    ];
+
+    return lines.join("\n");
+}
+
+export function buildDiagnosticsReportJson(snapshot: DeviceDiagnosticsSnapshot): object {
+    return {
+        generatedAt: new Date().toISOString(),
+        ...snapshot,
+    };
+}
+
+export function downloadDiagnosticsReportJson(snapshot: DeviceDiagnosticsSnapshot) {
+    const jsonString = JSON.stringify(buildDiagnosticsReportJson(snapshot), null, 2);
+    const blob = new Blob([jsonString], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${__APP_NAME__}-${__APP_VERSION__}-diagnostics-${Date.now()}.json`;
+    a.click();
+    URL.revokeObjectURL(url);
+}

package/template-react-vite-muijoy-ink-tauri/src/locales/en.json

@@ -63,6 +63,72 @@
     "name": "Name",
     "version": "Version",
     "engine": "Engine",
+    "diagnostics": "Diagnostics",
+    "diagnostics_yes": "Yes",
+    "diagnostics_no": "No",
+    "diagnostics_unknown": "Unknown",
+    "diagnostics_not_detected": "Not detected",
+    "diagnostics_not_available": "Not available",
+    "diagnostics_webgl2_missing_message": "This game requires WebGL2. Please update your browser, operating system, or GPU drivers.",
+    "diagnostics_section_engine": "Engine",
+    "diagnostics_section_device": "Device",
+    "diagnostics_section_native": "Native / OS",
+    "diagnostics_section_graphics": "Graphics",
+    "diagnostics_section_display": "Display",
+    "diagnostics_section_mobile": "Mobile & Sensors",
+    "diagnostics_section_memory": "Memory",
+    "diagnostics_section_capabilities": "Browser Capabilities",
+    "diagnostics_section_extensions": "WebGL Extensions",
+    "diagnostics_game_version": "Game version",
+    "diagnostics_pixijs_version": "PixiJS version",
+    "diagnostics_pixivn_version": "Pixi'VN version",
+    "diagnostics_tonejs_version": "Tone.js version",
+    "diagnostics_motion_version": "Motion version",
+    "diagnostics_platform": "Platform",
+    "diagnostics_browser_engine": "Browser/WebView",
+    "diagnostics_engine_version": "Engine version",
+    "diagnostics_user_agent": "User Agent",
+    "diagnostics_os": "Operating system",
+    "diagnostics_os_bitness": "OS bitness",
+    "diagnostics_os_architecture": "OS architecture",
+    "diagnostics_webview_version": "WebView engine version",
+    "diagnostics_native_unavailable": "Not available — running in a standard browser. This is populated automatically in the Tauri build.",
+    "diagnostics_webgl1": "WebGL1 available",
+    "diagnostics_webgl2": "WebGL2 available",
+    "diagnostics_hardware_acceleration": "Hardware acceleration",
+    "diagnostics_gpu_vendor": "GPU vendor",
+    "diagnostics_gpu_renderer": "GPU renderer",
+    "diagnostics_gpu_vendor_brand": "GPU brand",
+    "diagnostics_mesa_driver": "Mesa driver version",
+    "diagnostics_max_texture_size": "Max texture size",
+    "diagnostics_max_texture_size_check": "Max texture size >= 8192",
+    "diagnostics_gpu_supported": "GPU supported",
+    "diagnostics_float_textures": "Float textures",
+    "diagnostics_msaa": "MSAA",
+    "diagnostics_shaders_compile": "Shaders compile",
+    "diagnostics_resolution": "Resolution",
+    "diagnostics_device_pixel_ratio": "Device pixel ratio",
+    "diagnostics_fps": "FPS",
+    "diagnostics_touch_support": "Touch support",
+    "diagnostics_device_memory": "Device memory",
+    "diagnostics_network_type": "Network type",
+    "diagnostics_screen_orientation": "Screen orientation",
+    "diagnostics_js_heap": "JS heap used / total",
+    "diagnostics_js_heap_unavailable": "Not available in this browser.",
+    "diagnostics_audio": "Audio (Web Audio API)",
+    "diagnostics_gamepad": "Gamepad API",
+    "diagnostics_clipboard": "Clipboard API",
+    "diagnostics_fullscreen": "Fullscreen API",
+    "diagnostics_local_storage": "LocalStorage",
+    "diagnostics_indexed_db": "IndexedDB",
+    "diagnostics_steam_overlay": "Steam Overlay",
+    "diagnostics_steam_overlay_hint": "Best-effort detection only; not reliable in a standard browser.",
+    "diagnostics_copy_report": "Copy report",
+    "diagnostics_report_copied": "Report copied to clipboard",
+    "diagnostics_report_copy_failed": "Could not copy the report",
+    "diagnostics_download_report": "Download JSON",
+    "diagnostics_report_downloaded": "Report downloaded",
+    "diagnostics_hotkey_description": "Open settings directly on the diagnostics page.",
     "quick_actions": "Quick Actions",
     "quick_actions_open_description": "Press Tab to open or close the quick actions wheel.",
     "quick_actions_click_hint": "Click an action to execute",

package/template-react-vite-muijoy-ink-tauri/src/pixi-vn.keys.gen.ts

@@ -20,7 +20,6 @@ declare module "@drincs/pixi-vn/narration" {
 }
 declare module "@drincs/pixi-vn/canvas" {
     interface PixivnBundleIds {
-        "default": never;
         "audio": never;
         "/": never;
         "start": never;
@@ -91,7 +90,7 @@ export const characterIds = ["mc","james","steph","sly"] as const;
 export const characterIdsEnum = {"mc":"mc","james":"james","steph":"steph","sly":"sly"} as const;
 export const labelIds = ["animation_01","second_part","start","start_|_c-0","start_|_c-1"] as const;
 export const labelIdsEnum = {"animation_01":"animation_01","second_part":"second_part","start":"start","start_|_c-0":"start_|_c-0","start_|_c-1":"start_|_c-1"} as const;
-export const bundleIds = ["default","audio","/","start","second_part","fm01","fm02","m01"] as const;
-export const bundleIdsEnum = {"default":"default","audio":"audio","/":"/","start":"start","second_part":"second_part","fm01":"fm01","fm02":"fm02","m01":"m01"} as const;
+export const bundleIds = ["audio","/","start","second_part","fm01","fm02","m01"] as const;
+export const bundleIdsEnum = {"audio":"audio","/":"/","start":"start","second_part":"second_part","fm01":"fm01","fm02":"fm02","m01":"m01"} as const;
 export const assetAliasIds = ["bgm_cheerful","sfx_whoosh","background_main_menu","bg01-hallway","bg02-dorm","fm01-body","fm01-eyes-grin","fm01-eyes-smile","fm01-eyes-soft","fm01-eyes-upset","fm01-eyes-wow","fm01-mouth-grin00","fm01-mouth-serious00","fm01-mouth-serious01","fm01-mouth-smile00","fm01-mouth-smile01","fm01-mouth-soft00","fm01-mouth-soft01","fm01-mouth-upset00","fm01-mouth-upset01","fm01-mouth-wow01","fm02-body","fm02-eyes-bawl","fm02-eyes-joy","fm02-eyes-nervous","fm02-eyes-smile","fm02-eyes-upset","fm02-eyes-wow","fm02-mouth-cry01","fm02-mouth-nervous00","fm02-mouth-nervous01","fm02-mouth-smile00","fm02-mouth-smile01","fm02-mouth-upset00","fm02-mouth-upset01","fm02-mouth-wow01","m01-body","m01-eyes-annoy","m01-eyes-concern","m01-eyes-cry","m01-eyes-grin","m01-eyes-smile","m01-eyes-wow","m01-mouth-annoy00","m01-mouth-annoy01","m01-mouth-concern00","m01-mouth-concern01","m01-mouth-cry00","m01-mouth-cry01","m01-mouth-grin00","m01-mouth-neutral00","m01-mouth-neutral01","m01-mouth-smile00","m01-mouth-smile01","m01-mouth-wow01"] as const;
 export const assetAliasIdsEnum = {"bgm_cheerful":"bgm_cheerful","sfx_whoosh":"sfx_whoosh","background_main_menu":"background_main_menu","bg01-hallway":"bg01-hallway","bg02-dorm":"bg02-dorm","fm01-body":"fm01-body","fm01-eyes-grin":"fm01-eyes-grin","fm01-eyes-smile":"fm01-eyes-smile","fm01-eyes-soft":"fm01-eyes-soft","fm01-eyes-upset":"fm01-eyes-upset","fm01-eyes-wow":"fm01-eyes-wow","fm01-mouth-grin00":"fm01-mouth-grin00","fm01-mouth-serious00":"fm01-mouth-serious00","fm01-mouth-serious01":"fm01-mouth-serious01","fm01-mouth-smile00":"fm01-mouth-smile00","fm01-mouth-smile01":"fm01-mouth-smile01","fm01-mouth-soft00":"fm01-mouth-soft00","fm01-mouth-soft01":"fm01-mouth-soft01","fm01-mouth-upset00":"fm01-mouth-upset00","fm01-mouth-upset01":"fm01-mouth-upset01","fm01-mouth-wow01":"fm01-mouth-wow01","fm02-body":"fm02-body","fm02-eyes-bawl":"fm02-eyes-bawl","fm02-eyes-joy":"fm02-eyes-joy","fm02-eyes-nervous":"fm02-eyes-nervous","fm02-eyes-smile":"fm02-eyes-smile","fm02-eyes-upset":"fm02-eyes-upset","fm02-eyes-wow":"fm02-eyes-wow","fm02-mouth-cry01":"fm02-mouth-cry01","fm02-mouth-nervous00":"fm02-mouth-nervous00","fm02-mouth-nervous01":"fm02-mouth-nervous01","fm02-mouth-smile00":"fm02-mouth-smile00","fm02-mouth-smile01":"fm02-mouth-smile01","fm02-mouth-upset00":"fm02-mouth-upset00","fm02-mouth-upset01":"fm02-mouth-upset01","fm02-mouth-wow01":"fm02-mouth-wow01","m01-body":"m01-body","m01-eyes-annoy":"m01-eyes-annoy","m01-eyes-concern":"m01-eyes-concern","m01-eyes-cry":"m01-eyes-cry","m01-eyes-grin":"m01-eyes-grin","m01-eyes-smile":"m01-eyes-smile","m01-eyes-wow":"m01-eyes-wow","m01-mouth-annoy00":"m01-mouth-annoy00","m01-mouth-annoy01":"m01-mouth-annoy01","m01-mouth-concern00":"m01-mouth-concern00","m01-mouth-concern01":"m01-mouth-concern01","m01-mouth-cry00":"m01-mouth-cry00","m01-mouth-cry01":"m01-mouth-cry01","m01-mouth-grin00":"m01-mouth-grin00","m01-mouth-neutral00":"m01-mouth-neutral00","m01-mouth-neutral01":"m01-mouth-neutral01","m01-mouth-smile00":"m01-mouth-smile00","m01-mouth-smile01":"m01-mouth-smile01","m01-mouth-wow01":"m01-mouth-wow01"} as const;

package/template-react-vite-muijoy-ink-tauri/src-tauri/Cargo.toml

@@ -39,6 +39,7 @@ tauri-plugin-process = "2"
 tauri-plugin-window-state = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
+os_info = "3"
 steamworks = { version = "0.13", optional = true }
 
 [profile.release]