sort by age is possible now

Author: sojs-coder

bun.lock

@@ -0,0 +1,8 @@
+BloonsTowerDefense5 game_cf40_bc827595acce8
+OvO game_a1c4_5e86a51943679 October 8, 2024
+RiddleTransfer2 game_1808_fce44508ce0a4
+RiddleTransfer game_750a_9bdf571e2e46d
+IdleDice game_c411_d5ac57bea9aaa
+MotoX3m game_a62c_54ae0a6a4d838
+Minecraft1.12WASM game_867c_8d6e65b171f1d
+ThereIsNoGame game_d477_98eb499d8f347 October 8, 2024

gameidtime.txt

@@ -59,6 +59,7 @@
 		"@aws-sdk/credential-provider-cognito-identity": "^3.883.0",
 		"@aws-sdk/util-dynamodb": "^3.883.0",
 		"@sveltejs/adapter-static": "^3.0.9",
+		"@types/node": "^24.7.2",
 		"fs": "^0.0.1-security"
 	}
 }

package.json

@@ -0,0 +1,53 @@
+import * as fsp from 'fs/promises';
+import * as fs from 'fs';
+import { exec, execSync } from 'child_process';
+import { timeStamp } from 'console';
+
+async function main () {
+    const file = "gameidtime.txt";
+
+    const content = await fsp.readFile(file, { encoding: "utf8" });
+    const rows = content.split("\n");
+    const games = rows.map(g => {
+        g = g.trim();
+        const sections = g.split(" ");
+        const [gameName, gameID, ...gameTime] = sections;
+        let gameDate = new Date(gameTime.join(" "));
+        if (isNaN(gameDate.getTime())){
+            gameDate = new Date("March 9, 2025")
+        }
+        return {
+            gameName,
+               gameID,
+            gameDate
+        }
+    });
+
+    let workingGames = games.filter(g => !isNaN(g.gameDate.getTime())).sort((a, b) => a.gameDate.getTime() - b.gameDate.getTime());
+
+
+    const command = (gameID: string, timestamp: number) => {
+        fs.writeFileSync("values.json", JSON.stringify({ ":u": { "N": `${timestamp}` } }))
+        fs.writeFileSync("key.json", JSON.stringify({ "gameID": { "S": gameID } }));
+        return `aws dynamodb update-item
+        --table-name games_list
+        --key file://key.json
+        --update-expression "SET uploadedTimestamp = :u, updatedTimestamp = :u"
+        --expression-attribute-values file://values.json`
+    }
+
+    let lastTime = 0;
+    let inc = 0;
+    workingGames.forEach(game => {
+        let add = lastTime == game.gameDate.getTime() ? ++inc : (inc = 0);
+        lastTime = game.gameDate.getTime();
+        let c = command(game.gameID, game.gameDate.getTime() + add);
+        console.log(">>>>", c);
+        execSync(c.split("\n").map(s => s.trim()).join(" "));
+        console.log("Finished", game.gameName)
+    })
+}
+
+main().then(() => {
+    console.log("\n\nDone")
+}).catch(console.error)

parsegameidtime.ts

@@ -37,12 +37,18 @@
     };
 
     // Sort options
-    type SortType = "default" | "az" | "za" | "clicksAsc" | "clicksDesc";
+    type SortType = "default" | "az" | "za" | "clicksAsc" | "clicksDesc" | "new" | "old";
     let sortType = $state<SortType>("default");
 
     function getSortedGames() {
         let sorted = [...games];
         switch (sortType) {
+            case "new":
+                sorted.sort((a, b) => b.uploadedTimestamp - a.uploadedTimestamp);
+                break;
+            case "old":
+                sorted.sort((a, b) => a.uploadedTimestamp - b.uploadedTimestamp);
+                break;
             case "az":
                 sorted.sort((a, b) => a.fName.localeCompare(b.fName));
                 break;
@@ -389,6 +395,9 @@
                 <option value="za">Z → A</option>
                 <option value="clicksAsc">Clicks ↑</option>
                 <option value="clicksDesc">Clicks ↓</option>
+                <option value="new">Newest</option>
+                <option value="old">Oldest</option>
+
             </select>
             <button
                 class="choose-for-me"

src/lib/components/CardGrid.svelte

@@ -5,7 +5,17 @@
 
     import type { Game } from "../types/game.ts";
 
-    const { game, i, tagClick, commitHash }: { game: Game; i: number, tagClick: (tag: string) => void, commitHash: string } = $props();
+    const {
+        game,
+        i,
+        tagClick,
+        commitHash,
+    }: {
+        game: Game;
+        i: number;
+        tagClick: (tag: string) => void;
+        commitHash: string;
+    } = $props();
     const {
         gameID,
         thumbPath,
@@ -17,13 +27,11 @@
         updatedTimestamp,
     } = game;
 
-
-    let normalThumbPath = `https://cdn.jsdelivr.net/gh/ccported/games@${commitHash}/${gameID}${thumbPath}`
+    let normalThumbPath = `https://cdn.jsdelivr.net/gh/ccported/games@${commitHash}/${gameID}${thumbPath}`;
     let starred = $state(State.pinnedGames.includes(gameID) ? true : false);
 
     let cardElement: HTMLDivElement;
-    let isHovered = $state(false);  
-
+    let isHovered = $state(false);
 
     function togglePin(e: MouseEvent | KeyboardEvent) {
         e.stopPropagation();
@@ -48,7 +56,6 @@
     let show: "" | " (Updated)" | " (New)" =
         isUpdated && !isNew ? " (Updated)" : isNew ? " (New)" : "";
 
-
     function handleMouseMove(e: MouseEvent) {
         if (!cardElement) return;
 
@@ -85,7 +92,7 @@
 
 <div
     class="card-wrapper"
-    style="position: relative; animation-delay: {(i < 25) ? i * 75 : 75 * 25}ms"
+    style="position: relative; animation-delay: {i < 25 ? i * 75 : 75 * 25}ms"
     class:new={isNew || isUpdated}
     class:starred
 >
@@ -106,7 +113,10 @@
         class:hovered={isHovered}
         id={gameID}
         aria-label="Open game"
-        onclick={() => {openGame(game)}}
+        onclick={() => {
+            // navigator.clipboard.writeText(gameID);
+            openGame(game);
+        }}
         onkeydown={(e) => {
             if (e.key === "Enter" || e.key === " ") openGame(game);
         }}
@@ -134,8 +144,8 @@
                             onclick={(e) => {
                                 e.stopPropagation();
                                 tagClick(tag as string);
-                            }}
-                        >{decamelize(tag as string)}</button>
+                            }}>{decamelize(tag as string)}</button
+                        >
                     {/each}
                 </div>
             </div>