From eb1c32ee61d4d4098feb1441ea5bf3b73f520780 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 16 Jul 2025 10:42:54 -0400
Subject: initial add of fps cap ui toggle

---
 src/components/ConfigurationSection.tsx | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

(limited to 'src/components/ConfigurationSection.tsx')

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 34955f8..6c6f50a 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -8,6 +8,7 @@ interface LsfgConfig {
   perfMode: boolean;
   immediateMode: boolean;
   disableVkbasalt: boolean;
+  frameCap: number;
 }
 
 interface ConfigurationSectionProps {
@@ -19,6 +20,7 @@ interface ConfigurationSectionProps {
   onPerfModeChange: (value: boolean) => Promise<void>;
   onImmediateModeChange: (value: boolean) => Promise<void>;
   onDisableVkbasaltChange: (value: boolean) => Promise<void>;
+  onFrameCapChange: (value: number) => Promise<void>;
 }
 
 export function ConfigurationSection({
@@ -29,7 +31,8 @@ export function ConfigurationSection({
   onHdrChange,
   onPerfModeChange,
   onImmediateModeChange,
-  onDisableVkbasaltChange
+  onDisableVkbasaltChange,
+  onFrameCapChange
 }: ConfigurationSectionProps) {
   return (
     <>
@@ -114,6 +117,28 @@ export function ConfigurationSection({
         />
       </PanelSectionRow>
 
+      <PanelSectionRow>
+        <SliderField
+          label={`Game Frame Cap ${config.frameCap === 0 ? "(Disabled)" : `(${config.frameCap} FPS)`}`}
+          description="Limit frame rate using DXVK_FRAME_RATE (0 = disabled)"
+          value={config.frameCap}
+          min={0}
+          max={60}
+          step={5}
+          notchCount={7}
+          notchLabels={[
+            { notchIndex: 0, label: "Off" },
+            { notchIndex: 1, label: "10" },
+            { notchIndex: 2, label: "20" },
+            { notchIndex: 3, label: "30" },
+            { notchIndex: 4, label: "40" },
+            { notchIndex: 5, label: "50" },
+            { notchIndex: 6, label: "60" }
+          ]}
+          onChange={onFrameCapChange}
+        />
+      </PanelSectionRow>
+
       {/* <PanelSectionRow>
         <ToggleField
           label="Disable vkbasalt"
-- 
cgit v1.2.3


From 9ca1d59049f8c37a49db1bfb75e471f752b8daaf Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 16 Jul 2025 11:33:17 -0400
Subject: slider non notches for fps capper

---
 src/components/ConfigurationSection.tsx | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

(limited to 'src/components/ConfigurationSection.tsx')

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 6c6f50a..ab1e1b7 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -124,17 +124,7 @@ export function ConfigurationSection({
           value={config.frameCap}
           min={0}
           max={60}
-          step={5}
-          notchCount={7}
-          notchLabels={[
-            { notchIndex: 0, label: "Off" },
-            { notchIndex: 1, label: "10" },
-            { notchIndex: 2, label: "20" },
-            { notchIndex: 3, label: "30" },
-            { notchIndex: 4, label: "40" },
-            { notchIndex: 5, label: "50" },
-            { notchIndex: 6, label: "60" }
-          ]}
+          step={1}
           onChange={onFrameCapChange}
         />
       </PanelSectionRow>
-- 
cgit v1.2.3


From 1bc7e97c0a915f2d3c035a65659cea4e37aa9ad6 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 16 Jul 2025 11:37:40 -0400
Subject: revise desc of fps slider

---
 src/components/ConfigurationSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/ConfigurationSection.tsx')

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index ab1e1b7..11bb6b9 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -120,7 +120,7 @@ export function ConfigurationSection({
       <PanelSectionRow>
         <SliderField
           label={`Game Frame Cap ${config.frameCap === 0 ? "(Disabled)" : `(${config.frameCap} FPS)`}`}
-          description="Limit frame rate using DXVK_FRAME_RATE (0 = disabled)"
+          description="Limit base game FPS (0 = disabled)"
           value={config.frameCap}
           min={0}
           max={60}
-- 
cgit v1.2.3


From 7868396718b13443209e7c5d83a2c96cd7eee31e Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 16 Jul 2025 13:54:09 -0400
Subject:  centralized configuration system for lsfg-vk params

---
 src/components/ConfigurationSection.tsx | 64 +++++++++++----------------------
 1 file changed, 20 insertions(+), 44 deletions(-)

(limited to 'src/components/ConfigurationSection.tsx')

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 11bb6b9..2545217 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -1,38 +1,14 @@
 import { PanelSectionRow, ToggleField, SliderField } from "@decky/ui";
-
-interface LsfgConfig {
-  enableLsfg: boolean;
-  multiplier: number;
-  flowScale: number;
-  hdr: boolean;
-  perfMode: boolean;
-  immediateMode: boolean;
-  disableVkbasalt: boolean;
-  frameCap: number;
-}
+import { ConfigurationData } from "../config/configSchema";
 
 interface ConfigurationSectionProps {
-  config: LsfgConfig;
-  onEnableLsfgChange: (value: boolean) => Promise<void>;
-  onMultiplierChange: (value: number) => Promise<void>;
-  onFlowScaleChange: (value: number) => Promise<void>;
-  onHdrChange: (value: boolean) => Promise<void>;
-  onPerfModeChange: (value: boolean) => Promise<void>;
-  onImmediateModeChange: (value: boolean) => Promise<void>;
-  onDisableVkbasaltChange: (value: boolean) => Promise<void>;
-  onFrameCapChange: (value: number) => Promise<void>;
+  config: ConfigurationData;
+  onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number) => Promise<void>;
 }
 
 export function ConfigurationSection({
   config,
-  onEnableLsfgChange,
-  onMultiplierChange,
-  onFlowScaleChange,
-  onHdrChange,
-  onPerfModeChange,
-  onImmediateModeChange,
-  onDisableVkbasaltChange,
-  onFrameCapChange
+  onConfigChange
 }: ConfigurationSectionProps) {
   return (
     <>
@@ -55,8 +31,8 @@ export function ConfigurationSection({
         <ToggleField
           label="Enable LSFG"
           description="Enables the frame generation layer"
-          checked={config.enableLsfg}
-          onChange={onEnableLsfgChange}
+          checked={config.enable_lsfg}
+          onChange={(value) => onConfigChange('enable_lsfg', value)}
         />
       </PanelSectionRow>
 
@@ -74,19 +50,19 @@ export function ConfigurationSection({
             { notchIndex: 1, label: "3X" },
             { notchIndex: 2, label: "4X" }
           ]}
-          onChange={onMultiplierChange}
+          onChange={(value) => onConfigChange('multiplier', value)}
         />
       </PanelSectionRow>
 
       <PanelSectionRow>
         <SliderField
-          label={`Flow Scale ${Math.round(config.flowScale * 100)}%`}
+          label={`Flow Scale ${Math.round(config.flow_scale * 100)}%`}
           description="Lowers the internal motion estimation resolution"
-          value={config.flowScale}
+          value={config.flow_scale}
           min={0.25}
           max={1.0}
           step={0.01}
-          onChange={onFlowScaleChange}
+          onChange={(value) => onConfigChange('flow_scale', value)}
         />
       </PanelSectionRow>
 
@@ -95,7 +71,7 @@ export function ConfigurationSection({
           label="HDR Mode"
           description="Enable HDR mode (only if Game supports HDR)"
           checked={config.hdr}
-          onChange={onHdrChange}
+          onChange={(value) => onConfigChange('hdr', value)}
         />
       </PanelSectionRow>
 
@@ -103,8 +79,8 @@ export function ConfigurationSection({
         <ToggleField
           label="Performance Mode"
           description="Use lighter model for FG"
-          checked={config.perfMode}
-          onChange={onPerfModeChange}
+          checked={config.perf_mode}
+          onChange={(value) => onConfigChange('perf_mode', value)}
         />
       </PanelSectionRow>
 
@@ -112,20 +88,20 @@ export function ConfigurationSection({
         <ToggleField
           label="Immediate Mode"
           description="Reduce input lag (Experimental, will cause issues in many games)"
-          checked={config.immediateMode}
-          onChange={onImmediateModeChange}
+          checked={config.immediate_mode}
+          onChange={(value) => onConfigChange('immediate_mode', value)}
         />
       </PanelSectionRow>
 
       <PanelSectionRow>
         <SliderField
-          label={`Game Frame Cap ${config.frameCap === 0 ? "(Disabled)" : `(${config.frameCap} FPS)`}`}
+          label={`Game Frame Cap ${config.frame_cap === 0 ? "(Disabled)" : `(${config.frame_cap} FPS)`}`}
           description="Limit base game FPS (0 = disabled)"
-          value={config.frameCap}
+          value={config.frame_cap}
           min={0}
           max={60}
           step={1}
-          onChange={onFrameCapChange}
+          onChange={(value) => onConfigChange('frame_cap', value)}
         />
       </PanelSectionRow>
 
@@ -133,8 +109,8 @@ export function ConfigurationSection({
         <ToggleField
           label="Disable vkbasalt"
           description="Some plugins add vkbasalt layer, which can break lsfg. Toggling on fixes this"
-          checked={config.disableVkbasalt}
-          onChange={onDisableVkbasaltChange}
+          checked={config.disable_vkbasalt}
+          onChange={(value) => onConfigChange('disable_vkbasalt', value)}
         />
       </PanelSectionRow> */}
     </>
-- 
cgit v1.2.3