create-pixi-vn 2.1.4 → 2.1.5

package/template-nqtr-react-vite-muijoy-ink-tauri/src-tauri/src/lib.rs

@@ -5,6 +5,7 @@ use tauri_plugin_window_state::{AppHandleExt, StateFlags};
 // Steam is only compiled on desktop targets when the "steam" feature is on.
 #[cfg(all(feature = "steam", not(target_os = "ios"), not(target_os = "android")))]
 mod steam;
+mod system_info;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
@@ -24,36 +25,47 @@ pub fn run() {
     // is set in Cargo.toml). Steam is not supported on iOS / Android.
     #[cfg(all(feature = "steam", not(target_os = "ios"), not(target_os = "android")))]
     {
-        builder = builder
-            .manage(steam::SteamClient {
-                client: std::sync::Mutex::new(steam::try_init()),
-            })
-            .invoke_handler(tauri::generate_handler![
-                steam::steam_is_available,
-                steam::steam_get_player_name,
-                steam::steam_get_app_id,
-                steam::steam_unlock_achievement,
-                steam::steam_is_achievement_unlocked,
-                steam::steam_clear_achievement,
-                steam::steam_set_stat_int,
-                steam::steam_get_stat_int,
-                steam::steam_set_stat_float,
-                steam::steam_get_stat_float,
-                steam::steam_store_stats,
-                steam::steam_is_dlc_installed,
-                steam::steam_open_overlay,
-                steam::steam_open_store,
-            ]);
+        builder = builder.manage(steam::SteamClient {
+            client: std::sync::Mutex::new(steam::try_init()),
+        });
     }
 
+    // `generate_handler!` needs a static list, so the Steam commands can't be
+    // appended conditionally — the two variants below are kept in sync by hand.
+    #[cfg(all(feature = "steam", not(target_os = "ios"), not(target_os = "android")))]
+    let builder = builder.invoke_handler(tauri::generate_handler![
+        system_info::get_system_info,
+        system_info::get_webview_version,
+        steam::steam_is_available,
+        steam::steam_get_player_name,
+        steam::steam_get_app_id,
+        steam::steam_unlock_achievement,
+        steam::steam_is_achievement_unlocked,
+        steam::steam_clear_achievement,
+        steam::steam_set_stat_int,
+        steam::steam_get_stat_int,
+        steam::steam_set_stat_float,
+        steam::steam_get_stat_float,
+        steam::steam_store_stats,
+        steam::steam_is_dlc_installed,
+        steam::steam_open_overlay,
+        steam::steam_open_store,
+    ]);
+
+    #[cfg(not(all(feature = "steam", not(target_os = "ios"), not(target_os = "android"))))]
+    let builder = builder.invoke_handler(tauri::generate_handler![
+        system_info::get_system_info,
+        system_info::get_webview_version,
+    ]);
+
     builder
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
 }
 
-fn on_page_load(window: &tauri::Webview, _: &tauri::webview::PageLoadPayload<'_>) {
+fn on_page_load(_window: &tauri::Webview, _: &tauri::webview::PageLoadPayload<'_>) {
     #[cfg(not(debug_assertions))]
-    let _ = window.eval("document.addEventListener('contextmenu', e => e.preventDefault())");
+    let _ = _window.eval("document.addEventListener('contextmenu', e => e.preventDefault())");
 }
 
 #[cfg(not(mobile))]

package/template-nqtr-react-vite-muijoy-ink-tauri/src-tauri/src/system_info.rs

@@ -0,0 +1,33 @@
+use serde::Serialize;
+
+#[derive(Serialize)]
+pub struct SystemInfo {
+    /// Specific OS/distro name (e.g. "Ubuntu", "Windows", "Mac OS"), not just the generic platform.
+    os_type: String,
+    os_version: String,
+    bitness: String,
+    architecture: String,
+}
+
+/// Native OS/distro details, unavailable to plain web JS (browsers deliberately
+/// don't expose this to limit fingerprinting).
+#[tauri::command]
+pub fn get_system_info() -> SystemInfo {
+    let info = os_info::get();
+    SystemInfo {
+        os_type: info.os_type().to_string(),
+        os_version: info.version().to_string(),
+        bitness: info.bitness().to_string(),
+        architecture: info
+            .architecture()
+            .map(str::to_string)
+            .unwrap_or_else(|| std::env::consts::ARCH.to_string()),
+    }
+}
+
+/// Underlying WebView engine version (WebView2 on Windows, WebKitGTK on Linux,
+/// WKWebView on macOS/iOS, Android System WebView on Android).
+#[tauri::command]
+pub fn get_webview_version() -> Result<String, String> {
+    tauri::webview_version().map_err(|e| e.to_string())
+}

package/template-nqtr-react-vite-muijoy-tauri/.vscode/launch.json

@@ -26,7 +26,7 @@
       "cwd": "${workspaceFolder}",
       "terminal": "console",
       "preLaunchTask": "Cargo Build (Desktop Dev)",
-      "postDebugTask": "Stop Vite Desktop Server"
+      "postDebugTask": "Stop Vite Dev Server"
     },
     {
       "name": "Debug Game Preview",

package/template-nqtr-react-vite-muijoy-tauri/.vscode/tasks.json

@@ -106,7 +106,7 @@
       "label": "Cargo Build (Desktop Dev)",
       "type": "shell",
       "command": "cargo build --manifest-path=./src-tauri/Cargo.toml --no-default-features",
-      "dependsOn": ["Start Vite Desktop Server"],
+      "dependsOn": ["Restart Vite Dev Server"],
       "presentation": {
         "reveal": "always",
         "panel": "dedicated",
@@ -114,40 +114,6 @@
         "close": true
       },
       "problemMatcher": ["$rustc"]
-    },
-    {
-      "label": "Start Vite Desktop Server",
-      "type": "shell",
-      "command": "npm run dev",
-      "isBackground": true,
-      "dependsOn": ["Install Dependencies"],
-      "problemMatcher": {
-        "owner": "vite",
-        "pattern": {
-          "regexp": "^(?!x)x"
-        },
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": ".",
-          "endsPattern": "localhost:5173"
-        }
-      },
-      "presentation": {
-        "reveal": "always",
-        "panel": "dedicated",
-        "clear": false,
-        "close": true
-      }
-    },
-    {
-      "label": "Stop Vite Desktop Server",
-      "type": "shell",
-      "command": "pkill -f 'vite' 2>/dev/null; pkill -f 'npm run dev' 2>/dev/null; exit 0",
-      "presentation": {
-        "reveal": "never",
-        "panel": "dedicated",
-        "close": true
-      }
     }
   ]
 }

package/template-nqtr-react-vite-muijoy-tauri/package.json

@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@drincs/nqtr": "^1.0.2",
-    "@drincs/pixi-vn": "^1.8.21",
+    "@drincs/nqtr": "^1.0.3",
+    "@drincs/pixi-vn": "^1.8.25",
     "@tailwindcss/vite": "^4.3.0",
     "@tanstack/hotkeys": "^0.8.0",
     "@tanstack/react-hotkeys": "^0.10.0",

package/template-nqtr-react-vite-muijoy-tauri/src/assets/index.ts

@@ -14,16 +14,7 @@ export const manifest: AssetsManifest = {
         ...generatedManifestJson.bundles,
         {
             name: AUDIO_BUNDLE_NAME,
-            assets: [
-                {
-                    alias: "bgm_cheerful",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/audio/bgm_cheerful.wav",
-                },
-                {
-                    alias: "sfx_whoosh",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/audio/sfx_whoosh.wav",
-                },
-            ],
+            assets: [],
         },
         // screens
         {
@@ -31,7 +22,7 @@ export const manifest: AssetsManifest = {
             assets: [
                 {
                     alias: "background_main_menu",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/main-menu.png",
+                    src: "https://pub-72ff059a2c6642fb9eab15df80fb3b45.r2.dev/main-menu.png",
                 },
             ],
         },

package/template-nqtr-react-vite-muijoy-tauri/src/assets/manifest.gen.json

@@ -1,8 +1,3 @@
 {
-  "bundles": [
-    {
-      "name": "default",
-      "assets": []
-    }
-  ]
-}
+  "bundles": []
+}

package/template-nqtr-react-vite-muijoy-tauri/src/components/menus/settings/index.tsx

@@ -1,6 +1,7 @@
 import { About } from "@/components/menus/settings/about";
 import { DialoguesControls } from "@/components/menus/settings/dialogues-controls";
 import { ControlsListSettingsPage } from "@/components/menus/settings/menus/controls";
+import { DiagnosticsSettingsPage } from "@/components/menus/settings/menus/diagnostics";
 import { HistoryListSettingsPage } from "@/components/menus/settings/menus/history";
 import { SaveLoadSettingsPage } from "@/components/menus/settings/menus/save-load";
 import { QuickMenus } from "@/components/menus/settings/quick-menus";
@@ -23,7 +24,7 @@ import { ArrowLeftIcon } from "lucide-react";
 import { Fragment } from "react";
 import { useTranslation } from "react-i18next";
 
-type SettingsTabPath = "menus/controls" | "menus/history" | "menus/save-load";
+type SettingsTabPath = "menus/controls" | "menus/history" | "menus/save-load" | "menus/diagnostics";
 
 type BreadcrumbEntry = {
     id: string;
@@ -38,7 +39,8 @@ export function Settings() {
     const normalizedTab: SettingsTabPath | undefined =
         currentTab === "menus/controls" ||
         currentTab === "menus/history" ||
-        currentTab === "menus/save-load"
+        currentTab === "menus/save-load" ||
+        currentTab === "menus/diagnostics"
             ? (currentTab as SettingsTabPath)
             : undefined;
 
@@ -55,7 +57,8 @@ export function Settings() {
         if (
             normalizedTab === "menus/controls" ||
             normalizedTab === "menus/history" ||
-            normalizedTab === "menus/save-load"
+            normalizedTab === "menus/save-load" ||
+            normalizedTab === "menus/diagnostics"
         ) {
             trail.push({ id: "menus", label: t("menus") });
             trail.push({
@@ -64,13 +67,17 @@ export function Settings() {
                         ? "menus-controls"
                         : normalizedTab === "menus/history"
                           ? "menus-history"
-                          : "menus-save-load",
+                          : normalizedTab === "menus/save-load"
+                            ? "menus-save-load"
+                            : "menus-diagnostics",
                 label:
                     normalizedTab === "menus/controls"
                         ? t("hotkeys_menu")
                         : normalizedTab === "menus/history"
                           ? t("history")
-                          : `${t("save")}/${t("load")}`,
+                          : normalizedTab === "menus/save-load"
+                            ? `${t("save")}/${t("load")}`
+                            : t("diagnostics"),
             });
         }
         return trail;
@@ -112,7 +119,8 @@ export function Settings() {
     if (
         normalizedTab === "menus/controls" ||
         normalizedTab === "menus/history" ||
-        normalizedTab === "menus/save-load"
+        normalizedTab === "menus/save-load" ||
+        normalizedTab === "menus/diagnostics"
     ) {
         return (
             <>
@@ -130,6 +138,7 @@ export function Settings() {
                 {normalizedTab === "menus/controls" ? <ControlsListSettingsPage /> : null}
                 {normalizedTab === "menus/history" ? <HistoryListSettingsPage /> : null}
                 {normalizedTab === "menus/save-load" ? <SaveLoadSettingsPage /> : null}
+                {normalizedTab === "menus/diagnostics" ? <DiagnosticsSettingsPage /> : null}
             </>
         );
     }

package/template-nqtr-react-vite-muijoy-tauri/src/components/menus/settings/menus/diagnostics.tsx

@@ -0,0 +1,332 @@
+import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { useDeviceDiagnostics } from "@/lib/hooks/device-diagnostics-hooks";
+import {
+    buildDiagnosticsReportText,
+    downloadDiagnosticsReportJson,
+} from "@/lib/utils/device-diagnostics-utility";
+import { AlertTriangleIcon, CheckIcon, ClipboardCopyIcon, DownloadIcon, XIcon } from "lucide-react";
+import type { ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+
+function DiagnosticsSection({ title, children }: { title: string; children: ReactNode }) {
+    return (
+        <div className="flex flex-col gap-2">
+            <h3 className="text-sm font-semibold uppercase tracking-wide text-muted-foreground">
+                {title}
+            </h3>
+            <div className="flex flex-col gap-1 rounded-lg border bg-card/80 p-3">{children}</div>
+        </div>
+    );
+}
+
+function DiagnosticRow({ label, value }: { label: string; value: ReactNode }) {
+    return (
+        <div className="flex items-start justify-between gap-4 text-sm">
+            <span className="text-muted-foreground">{label}</span>
+            <span className="text-right font-medium break-all">{value}</span>
+        </div>
+    );
+}
+
+function CapabilityRow({
+    label,
+    supported,
+    hint,
+}: {
+    label: string;
+    supported: boolean | null;
+    hint?: string;
+}) {
+    const { t } = useTranslation(["ui"]);
+    return (
+        <div className="flex items-center justify-between gap-4 text-sm">
+            <div>
+                <p className="font-medium">{label}</p>
+                {hint && <p className="text-xs text-muted-foreground">{hint}</p>}
+            </div>
+            {supported === null ? (
+                <span className="shrink-0 text-xs text-muted-foreground">
+                    {t("diagnostics_unknown")}
+                </span>
+            ) : supported ? (
+                <CheckIcon className="size-4 shrink-0 text-green-600 dark:text-green-400" />
+            ) : (
+                <XIcon className="size-4 shrink-0 text-red-600 dark:text-red-400" />
+            )}
+        </div>
+    );
+}
+
+export function DiagnosticsSettingsPage() {
+    const diagnostics = useDeviceDiagnostics();
+    const { t } = useTranslation(["ui"]);
+    const { webgl, capabilities, mobile, native, resolution, memory, fps } = diagnostics;
+    const yesNo = (value: boolean | null) =>
+        value === null
+            ? t("diagnostics_unknown")
+            : value
+              ? t("diagnostics_yes")
+              : t("diagnostics_no");
+
+    const handleCopyReport = async () => {
+        try {
+            await navigator.clipboard.writeText(buildDiagnosticsReportText(diagnostics));
+            toast.success(t("diagnostics_report_copied"));
+        } catch {
+            toast.error(t("diagnostics_report_copy_failed"));
+        }
+    };
+
+    const handleDownloadReport = () => {
+        downloadDiagnosticsReportJson(diagnostics);
+        toast.success(t("diagnostics_report_downloaded"));
+    };
+
+    return (
+        <ScrollArea className="flex-1 min-h-0">
+            <div className="mx-auto flex max-w-3xl flex-col gap-4 p-4">
+                <div className="flex justify-end gap-2">
+                    <Button variant="outline" onClick={handleDownloadReport}>
+                        <DownloadIcon />
+                        {t("diagnostics_download_report")}
+                    </Button>
+                    <Button onClick={handleCopyReport}>
+                        <ClipboardCopyIcon />
+                        {t("diagnostics_copy_report")}
+                    </Button>
+                </div>
+
+                {!webgl.webgl2Supported && (
+                    <div className="flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">
+                        <AlertTriangleIcon className="mt-0.5 size-5 shrink-0" />
+                        <p>{t("diagnostics_webgl2_missing_message")}</p>
+                    </div>
+                )}
+
+                <DiagnosticsSection title={t("diagnostics_section_engine")}>
+                    <DiagnosticRow
+                        label={t("diagnostics_game_version")}
+                        value={diagnostics.gameVersion}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_pixijs_version")}
+                        value={diagnostics.pixiJsVersion}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_pixivn_version")}
+                        value={diagnostics.pixiVnVersion}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_tonejs_version")}
+                        value={diagnostics.toneJsVersion}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_motion_version")}
+                        value={diagnostics.motionVersion}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_device")}>
+                    <DiagnosticRow label={t("diagnostics_platform")} value={diagnostics.platform} />
+                    <DiagnosticRow
+                        label={t("diagnostics_browser_engine")}
+                        value={diagnostics.browserEngine}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_engine_version")}
+                        value={diagnostics.engineVersion ?? t("diagnostics_unknown")}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_user_agent")}
+                        value={diagnostics.userAgent}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_native")}>
+                    {native ? (
+                        <>
+                            <DiagnosticRow
+                                label={t("diagnostics_os")}
+                                value={`${native.osType} ${native.osVersion}`}
+                            />
+                            <DiagnosticRow
+                                label={t("diagnostics_os_bitness")}
+                                value={native.bitness}
+                            />
+                            <DiagnosticRow
+                                label={t("diagnostics_os_architecture")}
+                                value={native.architecture}
+                            />
+                            <DiagnosticRow
+                                label={t("diagnostics_webview_version")}
+                                value={native.webviewVersion ?? t("diagnostics_unknown")}
+                            />
+                        </>
+                    ) : (
+                        <p className="text-sm text-muted-foreground">
+                            {t("diagnostics_native_unavailable")}
+                        </p>
+                    )}
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_graphics")}>
+                    <DiagnosticRow
+                        label={t("diagnostics_webgl1")}
+                        value={yesNo(webgl.webgl1Supported)}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_webgl2")}
+                        value={yesNo(webgl.webgl2Supported)}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_hardware_acceleration")}
+                        value={yesNo(webgl.hardwareAccelerated)}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_gpu_vendor")}
+                        value={webgl.unmaskedVendor ?? webgl.vendor ?? t("diagnostics_unknown")}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_gpu_renderer")}
+                        value={webgl.unmaskedRenderer ?? webgl.renderer ?? t("diagnostics_unknown")}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_gpu_vendor_brand")}
+                        value={webgl.gpuVendorBrand}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_mesa_driver")}
+                        value={webgl.mesaVersion ?? t("diagnostics_not_detected")}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_max_texture_size")}
+                        value={webgl.maxTextureSize ?? t("diagnostics_unknown")}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_display")}>
+                    <DiagnosticRow
+                        label={t("diagnostics_resolution")}
+                        value={`${resolution.innerWidth}x${resolution.innerHeight}`}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_device_pixel_ratio")}
+                        value={resolution.devicePixelRatio}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_fps")}
+                        value={fps ?? t("diagnostics_unknown")}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_mobile")}>
+                    <DiagnosticRow
+                        label={t("diagnostics_touch_support")}
+                        value={
+                            mobile.touchSupported
+                                ? `${t("diagnostics_yes")} (${mobile.maxTouchPoints})`
+                                : t("diagnostics_no")
+                        }
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_device_memory")}
+                        value={
+                            mobile.deviceMemoryGb !== null
+                                ? `${mobile.deviceMemoryGb} GB`
+                                : t("diagnostics_not_available")
+                        }
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_network_type")}
+                        value={mobile.networkEffectiveType ?? t("diagnostics_not_available")}
+                    />
+                    <DiagnosticRow
+                        label={t("diagnostics_screen_orientation")}
+                        value={mobile.screenOrientation ?? t("diagnostics_unknown")}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_memory")}>
+                    {memory ? (
+                        <DiagnosticRow
+                            label={t("diagnostics_js_heap")}
+                            value={`${(memory.usedJSHeapSize / 1024 / 1024).toFixed(1)} / ${(
+                                memory.totalJSHeapSize / 1024 / 1024
+                            ).toFixed(1)} MB`}
+                        />
+                    ) : (
+                        <p className="text-sm text-muted-foreground">
+                            {t("diagnostics_js_heap_unavailable")}
+                        </p>
+                    )}
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_capabilities")}>
+                    <CapabilityRow
+                        label={t("diagnostics_webgl2")}
+                        supported={webgl.webgl2Supported}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_hardware_acceleration")}
+                        supported={webgl.hardwareAccelerated}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_gpu_supported")}
+                        supported={webgl.webgl1Supported || webgl.webgl2Supported}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_max_texture_size_check")}
+                        supported={(webgl.maxTextureSize ?? 0) >= 8192}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_float_textures")}
+                        supported={webgl.floatTexturesSupported}
+                    />
+                    <CapabilityRow label={t("diagnostics_msaa")} supported={webgl.msaaSupported} />
+                    <CapabilityRow
+                        label={t("diagnostics_shaders_compile")}
+                        supported={webgl.shadersCompile}
+                    />
+                    <CapabilityRow label={t("diagnostics_audio")} supported={capabilities.audio} />
+                    <CapabilityRow
+                        label={t("diagnostics_gamepad")}
+                        supported={capabilities.gamepad}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_clipboard")}
+                        supported={capabilities.clipboard}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_fullscreen")}
+                        supported={capabilities.fullscreen}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_local_storage")}
+                        supported={capabilities.localStorage}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_indexed_db")}
+                        supported={capabilities.indexedDb}
+                    />
+                    <CapabilityRow
+                        label={t("diagnostics_steam_overlay")}
+                        supported={capabilities.steamOverlayDetected}
+                        hint={t("diagnostics_steam_overlay_hint")}
+                    />
+                </DiagnosticsSection>
+
+                <DiagnosticsSection title={t("diagnostics_section_extensions")}>
+                    {webgl.keyExtensions.map((extension) => (
+                        <CapabilityRow
+                            key={extension.name}
+                            label={extension.name}
+                            supported={extension.supported}
+                        />
+                    ))}
+                </DiagnosticsSection>
+            </div>
+        </ScrollArea>
+    );
+}