chore: testing with canary

alexcambose · alexcambose · commit 993fc8c684cd · 2025-08-06T11:16:15.000+02:00
diff --git a/apps/insights/next-env.d.ts b/apps/insights/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/apps/insights/next.config.js b/apps/insights/next.config.js
@@ -1,6 +1,8 @@
 const config = {
   experimental: {
     useCache: true,
+    cacheComponents: true,
+    // dynamicIO: true,
     reactCompiler: true,
   },
 
diff --git a/apps/insights/src/app/price-feeds/[slug]/(main)/page.ts b/apps/insights/src/app/price-feeds/[slug]/(main)/page.ts
@@ -1,3 +1,3 @@
 export { ChartPage as default } from "../../../../components/PriceFeed/chart-page";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/price-feeds/[slug]/layout.ts b/apps/insights/src/app/price-feeds/[slug]/layout.ts
@@ -33,4 +33,4 @@ export const generateMetadata = async ({
     : notFound();
 };
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/price-feeds/[slug]/publishers/page.tsx b/apps/insights/src/app/price-feeds/[slug]/publishers/page.tsx
@@ -1,3 +1,3 @@
 export { Publishers as default } from "../../../../components/PriceFeed/publishers";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/price-feeds/page.ts b/apps/insights/src/app/price-feeds/page.ts
@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 
 export { PriceFeeds as default } from "../../components/PriceFeeds";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
 
 export const metadata: Metadata = {
   title: {
diff --git a/apps/insights/src/app/publishers/[cluster]/[key]/(performance)/page.ts b/apps/insights/src/app/publishers/[cluster]/[key]/(performance)/page.ts
@@ -1,3 +1,3 @@
 export { Performance as default } from "../../../../../components/Publisher/performance";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/publishers/[cluster]/[key]/layout.ts b/apps/insights/src/app/publishers/[cluster]/[key]/layout.ts
@@ -22,4 +22,4 @@ export const generateMetadata = async ({
   };
 };
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/publishers/[cluster]/[key]/price-feeds/page.ts b/apps/insights/src/app/publishers/[cluster]/[key]/price-feeds/page.ts
@@ -1,3 +1,3 @@
 export { PriceFeeds as default } from "../../../../../components/Publisher/price-feeds";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
diff --git a/apps/insights/src/app/publishers/page.ts b/apps/insights/src/app/publishers/page.ts
@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 export { Publishers as default } from "../../components/Publishers";
 
-export const revalidate = 3600;
+// export const revalidate = 3600;
 
 export const metadata: Metadata = {
   title: {
diff --git a/apps/insights/src/components/Overview/index.tsx b/apps/insights/src/components/Overview/index.tsx
@@ -24,6 +24,7 @@ import { FormattedDate } from "../FormattedDate";
 import { FormattedNumber } from "../FormattedNumber";
 
 export const Overview = async () => {
+  "use cache";
   const priceFeeds = await getFeedsCached(Cluster.Pythnet);
   const today = new Date();
   const feedCounts = [
diff --git a/apps/insights/src/components/PriceFeed/layout.tsx b/apps/insights/src/components/PriceFeed/layout.tsx
@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
+import { Suspense } from "react";
 
-import styles from "./layout.module.scss";
 import { TabPanel, TabRoot, Tabs } from "../Tabs";
+import styles from "./layout.module.scss";
 
 type Props = {
   header: ReactNode;
@@ -16,6 +17,7 @@ export const PriceFeedLayout = ({
 }: Props) => (
   <div className={styles.priceFeedLayout}>
     {header}
+    <Suspense fallback={<div>Loading...</div>}>
     <TabRoot>
       <Tabs
         label="Price Feed Navigation"
@@ -32,7 +34,8 @@ export const PriceFeedLayout = ({
           },
         ]}
       />
-      <TabPanel className={styles.body ?? ""}>{children}</TabPanel>
-    </TabRoot>
+        <TabPanel className={styles.body ?? ""}>{children}</TabPanel>
+      </TabRoot>
+    </Suspense>
   </div>
 );
diff --git a/apps/insights/src/components/Publisher/layout.tsx b/apps/insights/src/components/Publisher/layout.tsx
@@ -101,6 +101,7 @@ export const PublisherLayout = async ({ children, params }: Props) => {
             )}
           </Cards>
         </section>
+        <Suspense fallback={<div>Loading...</div>}>
         <TabRoot>
           <Tabs
             label="Price Feed Navigation"
@@ -127,6 +128,7 @@ export const PublisherLayout = async ({ children, params }: Props) => {
           />
           <TabPanel className={styles.body ?? ""}>{children}</TabPanel>
         </TabRoot>
+        </Suspense>
       </div>
     );
   }
diff --git a/packages/component-library/src/AppShell/index.tsx b/packages/component-library/src/AppShell/index.tsx
@@ -3,7 +3,7 @@
 import { GoogleAnalytics } from "@next/third-parties/google";
 import clsx from "clsx";
 import dynamic from "next/dynamic";
-import type { ComponentProps, ReactNode } from "react";
+import { Suspense, type ComponentProps, type ReactNode } from "react";
 
 import { Amplitude } from "./amplitude.jsx";
 import { BodyProviders } from "./body-providers.jsx";
@@ -70,6 +70,7 @@ type AppBodyProps = Pick<
 
 export const AppBody = ({ tabs, children, ...props }: AppBodyProps) => (
   <BodyProviders>
+    <Suspense fallback={<div>Loading...</div>}>
     <TabRoot className={styles.appShell ?? ""}>
       <Header
         className={styles.header}
@@ -86,6 +87,7 @@ export const AppBody = ({ tabs, children, ...props }: AppBodyProps) => (
       <Footer className={styles.footer} />
       {tabs && <MobileNavTabs tabs={tabs} className={styles.mobileNavTabs} />}
     </TabRoot>
+    </Suspense>
   </BodyProviders>
 );
 
diff --git a/packages/component-library/src/useLogger/index.tsx b/packages/component-library/src/useLogger/index.tsx
@@ -3,7 +3,7 @@
 import type { Logger } from "pino";
 import { pino } from "pino";
 import type { ComponentProps } from "react";
-import { createContext, useMemo, use } from "react";
+import { createContext, useMemo } from "react";
 
 const LoggerContext = createContext<undefined | Logger<string>>(undefined);
 
@@ -16,28 +16,29 @@ type LoggerProviderProps = Omit<
 
 export const LoggerProvider = ({ config, ...props }: LoggerProviderProps) => {
   const logger = useMemo(
-    () =>
-      pino({
-        ...config,
-        browser: { ...config?.browser },
-      }),
+    () => undefined,
+        // pino({
+        //   ...config,
+        //   browser: { ...config?.browser },
+        // }),
     [config],
   );
   return <LoggerContext value={logger} {...props} />;
 };
 
 export const useLogger = () => {
-  const logger = use(LoggerContext);
-  if (logger) {
-    return logger;
-  } else {
-    throw new LoggerNotInitializedError();
-  }
+  // const logger = use(LoggerContext);
+  return {error: (a:unknown, b?:unknown) => {console.log(a, b)}};
+  // if (logger) {
+  //   return logger;
+  // } else {
+  //   throw new LoggerNotInitializedError();
+  // }
 };
 
-class LoggerNotInitializedError extends Error {
-  constructor() {
-    super("This component must be contained within a <LoggerProvider>");
-    this.name = "LoggerNotInitializedError";
-  }
-}
+// class LoggerNotInitializedError extends Error {
+//   constructor() {
+//     super("This component must be contained within a <LoggerProvider>");
+//     this.name = "LoggerNotInitializedError";
+//   }
+// }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`export { ChartPage as default } from "../../../../components/PriceFeed/chart-page";`
`2`	`2`
`3`		`-export const revalidate = 3600;`
	`3`	`+// export const revalidate = 3600;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`export { Publishers as default } from "../../../../components/PriceFeed/publishers";`
`2`	`2`
`3`		`-export const revalidate = 3600;`
	`3`	`+// export const revalidate = 3600;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`export { Performance as default } from "../../../../../components/Publisher/performance";`
`2`	`2`
`3`		`-export const revalidate = 3600;`
	`3`	`+// export const revalidate = 3600;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`export { PriceFeeds as default } from "../../../../../components/Publisher/price-feeds";`
`2`	`2`
`3`		`-export const revalidate = 3600;`
	`3`	`+// export const revalidate = 3600;`