optimize data loading for market mover page

src/routes/market-mover/active/+layout.server.ts

@@ -1,22 +1,26 @@
-export const load = async ({ locals }) => {
+export const load = async ({ locals, setHeaders }) => {
-  const { apiURL, apiKey } = locals;
+  const { apiURL, apiKey } = locals;
-
+
-  const getMarketMover = async () => {
+  const getMarketMover = async () => {
-    const response = await fetch(apiURL + "/market-movers", {
+  const postData = {'params': 'active'};
-      method: "GET",
+
-      headers: {
+    const response = await fetch(apiURL + "/market-movers", {
-        "Content-Type": "application/json",
+      method: "POST",
-        "X-API-KEY": apiKey,
+      headers: {
-      },
+        "Content-Type": "application/json",
-    });
+        "X-API-KEY": apiKey,
-
+      },
-    const output = await response.json();
+      body: JSON.stringify(postData)
-
+    });
-    return output;
+
-  };
+    const output = await response.json();
-
+    setHeaders({ "cache-control": "public, max-age=60*5" });
-
+
-  return {
+    return output;
-    getMarketMover: await getMarketMover(),
+  };
-  };
+
-};
+
+  return {
+    getMarketMover: await getMarketMover(),
+  };
+};

src/routes/market-mover/active/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["1D"];
+  let rawData = data?.getMarketMover["1D"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/active/3Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["3Y"];
+  let rawData = data?.getMarketMover["3Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/active/5Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["5Y"];
+  let rawData = data?.getMarketMover["5Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/active/month/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["1M"];
+  let rawData = data?.getMarketMover["1M"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/active/week/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["1W"];
+  let rawData = data?.getMarketMover["1W"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/active/year/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.active["1Y"];
+  let rawData = data?.getMarketMover["1Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/afterhours/gainers/+layout.server.ts

@@ -0,0 +1,25 @@
+export const load = async ({ locals, setHeaders }) => {
+  const { apiURL, apiKey } = locals;
+
+
+  const getMarketMover = async () => {
+    const postData = { category: "afterhours", params: 'gainers' };
+    const response = await fetch(apiURL + "/pre-after-market-movers", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-KEY": apiKey,
+      },
+      body: JSON.stringify(postData),
+    });
+
+    const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
+
+    return output;
+  };
+
+  return {
+    getMarketMover: await getMarketMover(),
+  };
+};

src/routes/market-mover/afterhours/gainers/+page.svelte

@@ -2,7 +2,7 @@
   import Table from "$lib/components/Table/Table.svelte";
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers;
+  let rawData = data?.getMarketMover;
 
   const excludedRules = new Set([
     "volume",

src/routes/market-mover/afterhours/losers/+layout.server.ts

@@ -1,9 +1,9 @@
-export const load = async ({ locals }) => {
+export const load = async ({ locals, setHeaders }) => {
   const { apiURL, apiKey } = locals;
 
 
   const getMarketMover = async () => {
-    const postData = { params: "premarket" };
+    const postData = { category: "afterhours", params: 'losers' };
     const response = await fetch(apiURL + "/pre-after-market-movers", {
       method: "POST",
       headers: {
@@ -14,6 +14,7 @@ export const load = async ({ locals }) => {
     });
 
     const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
 
     return output;
   };

src/routes/market-mover/afterhours/losers/+page.svelte

@@ -2,7 +2,7 @@
   import Table from "$lib/components/Table/Table.svelte";
   export let data;
 
-  let rawData = data?.getMarketMover?.losers;
+  let rawData = data?.getMarketMover;
 
   const excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/+layout.server.ts

@@ -0,0 +1,26 @@
+export const load = async ({ locals, setHeaders }) => {
+  const { apiURL, apiKey } = locals;
+
+  const getMarketMover = async () => {
+  const postData = {'params': 'gainers'};
+
+    const response = await fetch(apiURL + "/market-movers", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-KEY": apiKey,
+      },
+      body: JSON.stringify(postData)
+    });
+
+    const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
+
+    return output;
+  };
+
+
+  return {
+    getMarketMover: await getMarketMover(),
+  };
+};

src/routes/market-mover/gainers/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["1D"];
+  let rawData = data?.getMarketMover["1D"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/3Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["3Y"];
+  let rawData = data?.getMarketMover["3Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/5Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["5Y"];
+  let rawData = data?.getMarketMover["5Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/month/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["1M"];
+  let rawData = data?.getMarketMover["1M"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/week/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["1W"];
+  let rawData = data?.getMarketMover["1W"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/gainers/year/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers["1Y"];
+  let rawData = data?.getMarketMover["1Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/+layout.server.ts

@@ -0,0 +1,26 @@
+export const load = async ({ locals, setHeaders }) => {
+  const { apiURL, apiKey } = locals;
+
+  const getMarketMover = async () => {
+  const postData = {'params': 'losers'};
+
+    const response = await fetch(apiURL + "/market-movers", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-KEY": apiKey,
+      },
+      body: JSON.stringify(postData)
+    });
+
+    const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
+
+    return output;
+  };
+
+
+  return {
+    getMarketMover: await getMarketMover(),
+  };
+};

src/routes/market-mover/losers/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["1D"];
+  let rawData = data?.getMarketMover["1D"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/3Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["3Y"];
+  let rawData = data?.getMarketMover["3Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/5Y/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["5Y"];
+  let rawData = data?.getMarketMover["5Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/month/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["1M"];
+  let rawData = data?.getMarketMover["1M"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/week/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["1W"];
+  let rawData = data?.getMarketMover["1W"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/losers/year/+page.svelte

@@ -3,7 +3,7 @@
 
   export let data;
 
-  let rawData = data?.getMarketMover?.losers["1Y"];
+  let rawData = data?.getMarketMover["1Y"];
 
   let excludedRules = new Set([
     "volume",

src/routes/market-mover/premarket/gainers/+layout.server.ts

@@ -0,0 +1,25 @@
+export const load = async ({ locals, setHeaders }) => {
+  const { apiURL, apiKey } = locals;
+
+
+  const getMarketMover = async () => {
+    const postData = { category: "premarket", params: 'gainers' };
+    const response = await fetch(apiURL + "/pre-after-market-movers", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-KEY": apiKey,
+      },
+      body: JSON.stringify(postData),
+    });
+
+    const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
+
+    return output;
+  };
+
+  return {
+    getMarketMover: await getMarketMover(),
+  };
+};

src/routes/market-mover/premarket/gainers/+page.svelte

@@ -2,7 +2,7 @@
   import Table from "$lib/components/Table/Table.svelte";
   export let data;
 
-  let rawData = data?.getMarketMover?.gainers;
+  let rawData = data?.getMarketMover || [];
 
   const excludedRules = new Set([
     "volume",

src/routes/market-mover/premarket/losers/+layout.server.ts

@@ -1,9 +1,9 @@
-export const load = async ({ locals }) => {
+export const load = async ({ locals, setHeaders }) => {
   const { apiURL, apiKey } = locals;
 
 
   const getMarketMover = async () => {
-    const postData = { params: "afterhours" };
+    const postData = { category: "premarket", params: 'losers' };
     const response = await fetch(apiURL + "/pre-after-market-movers", {
       method: "POST",
       headers: {
@@ -14,6 +14,7 @@ export const load = async ({ locals }) => {
     });
 
     const output = await response.json();
+    setHeaders({ "cache-control": "public, max-age=60*5" });
 
     return output;
   };

src/routes/market-mover/premarket/losers/+page.svelte

@@ -2,7 +2,7 @@
   import Table from "$lib/components/Table/Table.svelte";
   export let data;
 
-  let rawData = data?.getMarketMover?.losers;
+  let rawData = data?.getMarketMover || [];
 
   const excludedRules = new Set([
     "volume",