Fix store display

backend/Cargo.lock

@@ -1170,7 +1170,7 @@ checksum = "439ee305def115ba05938db6eb1644ff94165c5ab5e9420d1c1bcedbba909391"
 
 [[package]]
 name = "powertools"
-version = "2.0.0-alpha3"
+version = "2.0.0-alpha4"
 dependencies = [
  "async-trait",
  "chrono",
@@ -1295,6 +1295,20 @@ version = "0.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c08c74e62047bb2de4ff487b251e4a92e24f48745648451635cec7d591162d9f"
 
+[[package]]
+name = "ring"
+version = "0.17.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb0205304757e5d899b9c2e448b867ffd03ae7f988002e47cd24954391394d0b"
+dependencies = [
+ "cc",
+ "getrandom",
+ "libc",
+ "spin",
+ "untrusted",
+ "windows-sys 0.48.0",
+]
+
 [[package]]
 name = "ron"
 version = "0.8.1"
@@ -1332,6 +1346,18 @@ dependencies = [
  "windows-sys 0.52.0",
 ]
 
+[[package]]
+name = "rustls"
+version = "0.21.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "629648aced5775d558af50b2b4c7b02983a04b312126d45eeead26e7caa498b9"
+dependencies = [
+ "log",
+ "ring",
+ "rustls-webpki",
+ "sct",
+]
+
 [[package]]
 name = "rustls-pemfile"
 version = "1.0.4"
@@ -1341,6 +1367,16 @@ dependencies = [
  "base64 0.21.5",
 ]
 
+[[package]]
+name = "rustls-webpki"
+version = "0.101.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b6275d1ee7a1cd780b64aca7726599a1dbc893b1e64144529e55c3c2f745765"
+dependencies = [
+ "ring",
+ "untrusted",
+]
+
 [[package]]
 name = "ryu"
 version = "1.0.16"
@@ -1353,6 +1389,16 @@ version = "1.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e1cf6437eb19a8f4a6cc0f7dca544973b0b78843adbfeb3683d1a94a0024a294"
 
+[[package]]
+name = "sct"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da046153aa2352493d6cb7da4b6e5c0c057d8a1d0a9aa8560baffdd945acd414"
+dependencies = [
+ "ring",
+ "untrusted",
+]
+
 [[package]]
 name = "serde"
 version = "1.0.193"
@@ -1738,6 +1784,12 @@ dependencies = [
  "subtle",
 ]
 
+[[package]]
+name = "untrusted"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"
+
 [[package]]
 name = "ureq"
 version = "2.9.1"
@@ -1750,9 +1802,12 @@ dependencies = [
  "flate2",
  "log",
  "once_cell",
+ "rustls",
+ "rustls-webpki",
  "serde",
  "serde_json",
  "url",
+ "webpki-roots",
 ]
 
 [[package]]
@@ -1912,6 +1967,12 @@ version = "0.2.89"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7ab9b36309365056cd639da3134bf87fa8f3d86008abf99e612384a6eecd459f"
 
+[[package]]
+name = "webpki-roots"
+version = "0.25.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "14247bb57be4f377dfb94c72830b8ce8fc6beac03cf4bf7b9732eadd414123fc"
+
 [[package]]
 name = "which"
 version = "4.4.2"

backend/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "powertools"
-version = "2.0.0-alpha3"
+version = "2.0.0-alpha4"
 edition = "2021"
 authors = ["NGnius (Graham) <ngniusness@gmail.com>"]
 description = "Backend (superuser) functionality for PowerTools"
@@ -43,7 +43,7 @@ chrono = { version = "0.4", features = [ "serde" ] }
 libryzenadj = { version = "0.13" }
 
 # ureq's tls feature does not like musl targets
-ureq = { version = "2", features = ["json", "gzip", "brotli", "charset"], default-features = false, optional = true }
+ureq = { version = "2", features = ["json", "gzip", "brotli", "charset", "tls"], default-features = false, optional = true }
 
 clap = { version = "4.4", features = [ "derive" ] }
 

backend/src/api/web.rs

@@ -91,7 +91,7 @@ fn save_cache(cache: &StoreCache) {
 
 fn get_maybe_cached(steam_app_id: u32) -> Vec<community_settings_core::v1::Metadata> {
     let mut cache = load_cache();
-    if let Some(cached_result) = cache.get(&steam_app_id) {
+    let data = if let Some(cached_result) = cache.get(&steam_app_id) {
         if cached_result.updated < (Utc::now() - MAX_CACHE_DURATION) {
             // cache needs update
             if let Ok(result) = search_by_app_id_online(steam_app_id) {
@@ -126,6 +126,14 @@ fn get_maybe_cached(steam_app_id: u32) -> Vec<community_settings_core::v1::Metad
         } else {
             Vec::with_capacity(0)
         }
+    };
+    #[cfg(debug_assertions)]
+    {
+        data
+    }
+    #[cfg(not(debug_assertions))]
+    {
+        data.into_iter().filter(|meta| meta.id != "0").collect()
     }
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "PowerTools",
-  "version": "2.0.0-alpha3",
+  "version": "2.0.0-alpha4",
   "description": "Power tweaks for power users",
   "scripts": {
     "build": "shx rm -rf dist && rollup -c",

src/index.tsx

@@ -355,7 +355,6 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
     backend.resolve(
       backend.loadGeneralSettingsVariant("please give me a new ID k thx bye" /* anything that cannot be parsed as a u64 will be set to u64::MAX, which will cause the back-end to auto-generate an ID */, name),
       (ok: boolean) => {
-        isVariantLoading = false;
         backend.log(backend.LogLevel.Debug, "New settings variant ok? " + ok);
         reload();
         backend.resolve(backend.waitForComplete(), (_) => {
@@ -539,7 +538,7 @@ export default definePlugin((serverApi: ServerAPI) => {
     ico = <span><GiFireExtinguisher /><GiFireBomb /><GiMineExplosion /></span>;
   }
   //registerCallbacks(false);
-  serverApi.routerHook.addRoute(STORE_RESULTS_URI, StoreResultsPage);
+  serverApi.routerHook.addRoute(STORE_RESULTS_URI, () => <StoreResultsPage onNewVariant={tryNotifyProfileChange}/>);
   return {
     title: <div className={staticClasses.Title}>PowerTools</div>,
     content: <Content serverAPI={serverApi} />,
@@ -548,7 +547,7 @@ export default definePlugin((serverApi: ServerAPI) => {
       tryNotifyProfileChange = function() {};
       backend.log(backend.LogLevel.Debug, "PowerTools shutting down");
       clearHooks();
-      //serverApi.routerHook.removeRoute("/decky-plugin-test");
+      serverApi.routerHook.removeRoute(STORE_RESULTS_URI);
     },
   };
 });

src/store/page.tsx

@@ -1,19 +1,20 @@
 import { Component } from "react";
 import { HiDownload } from "react-icons/hi";
 
-import { PanelSectionRow, PanelSection, Focusable, staticClasses, DialogButton } from "decky-frontend-lib";
+import { PanelSectionRow, Focusable, staticClasses, DialogButton } from "decky-frontend-lib";
 
 import * as backend from "../backend";
 import { tr } from "usdpl-front";
-import { get_value} from "usdpl-front";
+import { get_value, set_value } from "usdpl-front";
 
 import {
     STORE_RESULTS,
+    VARIANTS_GEN,
 } from "../consts";
 
-export class StoreResultsPage extends Component {
+export class StoreResultsPage extends Component<{onNewVariant: () => void}> {
-    constructor() {
+    constructor(props: {onNewVariant: () => void}) {
-        super({});
+        super(props);
         this.state = {
             reloadThingy: "/shrug",
         };
@@ -25,49 +26,60 @@ export class StoreResultsPage extends Component {
         if (storeItems) {
             if (storeItems.length == 0) {
                 backend.log(backend.LogLevel.Warn, "No store results; got array with length 0 from cache");
-                return (<PanelSection>
+                return (<Focusable
+                    style={{
+                        display: "flex",
+                        flexWrap: "wrap",
+                        justifyContent: "center",
+                        rowGap: "5px",
+                        columnGap: "5px",
+                        maxWidth: "100%",
+                        margin: "auto",
+                    }}
+                >
                     { tr("No results") /* TODO translate */ }
-                </PanelSection>);
+                </Focusable>);
             } else {
                 // TODO
-                return (<PanelSection>
+                return (<Focusable
+                    style={{
+                        display: "flex",
+                        flexWrap: "wrap",
+                        justifyContent: "center",
+                        rowGap: "5px",
+                        columnGap: "5px",
+                        maxWidth: "100%",
+                        margin: "2em 0.5em",
+                    }}
+                >
                     {
-                        storeItems.map((meta: backend.StoreMetadata) => {
+                        storeItems.map((meta: backend.StoreMetadata) => (<PanelSectionRow>
-                            <PanelSectionRow>
                                 <Focusable style={{
                                     display: "flex",
                                     flexDirection: "row",
-                                    borderRadius: "2px",
+                                    borderRadius: "1em",
+                                    maxWidth: "100%",
+                                    padding: "1em",
+                                    //borderColor: "#93b3c8", // light blue bg colour
+                                    //borderWidth: "0.1em",
+                                    //borderStyle: "solid",
+                                    margin: "0.5em",
                                 }}>
-                                    <DialogButton
-                                        //layout="below"
-                                        style={{
-                                        width: "56px",
-                                        display: "flex",
-                                        flexShrink: "0",
-                                        alignSelf: "center",
-                                        }}
-                                        onClick={(_: MouseEvent) => {
-                                            backend.log(backend.LogLevel.Info, "Downloading settings " + meta.name + " (" + meta.id + ")");
-                                            backend.storeDownloadById(meta.id);
-                                        }}
-                                    >
-                                        { /* TODO make this responsive when clicked */}
-                                        <HiDownload/>
-                                    </DialogButton>
                                     <div style={{
                                         flexGrow: "1",
                                         display: "flex",
                                         flexDirection: "column",
                                         minWidth: "0",
                                         marginBottom: "2px",
+                                        padding: "0.25em",
                                     }}
                                     className={staticClasses.Text}>
                                         <div style={{
                                             display: "flex",
                                             flexDirection: "row",
                                             minWidth: "0",
-                                            fontSize: "16px",
+                                            fontSize: "24px",
+                                            padding: "0.25em",
                                         }}
                                         className={staticClasses.Text}>
                                             { meta.name }
@@ -76,33 +88,86 @@ export class StoreResultsPage extends Component {
                                             display: "flex",
                                             flexDirection: "row",
                                             minWidth: "0",
-                                            fontSize: "12px",
+                                            fontSize: "20px",
+                                            padding: "0.25em",
                                         }}
                                         className={staticClasses.Text}>
                                             { tr("Created by") /* TODO translate */} { meta.steam_username }
                                         </div>
-                                        <div>
+                                        <div style={{
+                                            display: "flex",
+                                            flexDirection: "row",
+                                            minWidth: "0",
+                                            fontSize: "16px",
+                                            padding: "0.25em",
+                                        }}>
                                             { meta.tags.map((tag: string) => (<span style={{
-                                                    borderRadius: "10px",
+                                                    borderRadius: "1em",
+                                                    borderColor: "#dbe2e6", // main text colour
+                                                    backgroundColor: "#dbe2e6",
+                                                    color: "#1f2126", // main top image bg colour
+                                                    padding: "0.25em",
+                                                    margin: "0.25em",
+                                                    display: "flex",
+                                                    minWidth: "0",
+                                                    justifyContent: "center",
+                                                    fontSize: "12px",
+                                                    flexGrow: "1",
                                                 }}>
                                                     {tag}
                                                 </span>)
                                             ) }
                                         </div>
                                     </div>
-                                </Focusable>
+                                    <DialogButton
-                            </PanelSectionRow>
+                                        //layout="below"
-                        })
+                                        style={{
+                                        minWidth: "56px",
+                                        maxWidth: "56px",
+                                        display: "flex",
+                                        flexShrink: "0",
+                                        alignSelf: "center",
+                                        padding: "1em",
+                                        margin: "0.5em",
+                                        }}
+                                        onClick={(_: MouseEvent) => {
+                                            backend.log(backend.LogLevel.Info, "Downloading settings " + meta.name + " (" + meta.id + ")");
+                                            backend.resolve(backend.storeDownloadById(meta.id),
+                                                (variants: backend.VariantInfo[]) => {
+                                                    set_value(VARIANTS_GEN, variants)
+                                                    this.props.onNewVariant();
                                                 }
-                    </PanelSection>);
+                                            );
+                                        }}
+                                    >
+                                        { /* TODO make this responsive when clicked */}
+                                        <HiDownload style={{
+                                            height: "100%",
+                                            width: "100%",
+                                        }}/>
+                                    </DialogButton>
+                                </Focusable>
+                            </PanelSectionRow>))
+                    }
+                    </Focusable>);
             }
 
         } else {
             backend.log(backend.LogLevel.Warn, "Store failed to load; got null from cache");
             // store did not pre-load when the game started
-            return (<PanelSection>
+            return (<Focusable
+                    style={{
+                        display: "flex",
+                        flexWrap: "wrap",
+                        justifyContent: "center",
+                        rowGap: "5px",
+                        columnGap: "5px",
+                        maxWidth: "100%",
+                        margin: "auto",
+                    }}
+                >
                 { tr("Store failed to load") /* TODO translate */ }
-            </PanelSection>);
+            </Focusable>);
         }
     }
 }