feat(insights): build header & tabs for price feed details page

Author: cprussin

apps/api-reference/jsx.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This file only exists because in react 19, the JSX namespace was moved under
+ * the React export.  However, some libraries (e.g. react-markdown) still have
+ * some things typed as `JSX.<Something>`.  Until those libraries update to
+ * import the namespace correctly, we'll need this declaration file in place to
+ * expose JSX via the old global location.
+ */
+
+import type { JSX as Jsx } from "react/jsx-runtime";
+
+declare global {
+  namespace JSX {
+    type ElementClass = Jsx.ElementClass;
+    type Element = Jsx.Element;
+    type IntrinsicElements = Jsx.IntrinsicElements;
+  }
+}

apps/api-reference/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/api-reference/src/markdown-components.tsx

@@ -31,9 +31,6 @@ export const MARKDOWN_COMPONENTS = {
         </Code>
       );
     } else {
-      // @ts-expect-error react-markdown doesn't officially support react 19
-      // yet; there's no issues here in practice but the types don't currently
-      // unify
       return <pre {...props} />;
     }
   },

apps/insights/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/insights/package.json

@@ -35,7 +35,7 @@
     "clsx": "catalog:",
     "cryptocurrency-icons": "catalog:",
     "dnum": "catalog:",
-    "framer-motion": "catalog:",
+    "motion": "catalog:",
     "next": "catalog:",
     "next-themes": "catalog:",
     "nuqs": "catalog:",

apps/insights/src/app/price-feeds/[slug]/layout.ts

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { client } from "../../../services/pyth";
+export { PriceFeedLayout as default } from "../../../components/PriceFeed/layout";
+
+export const metadata: Metadata = {
+  title: "Price Feeds",
+};
+
+export const generateStaticParams = async () => {
+  const data = await client.getData();
+  return data.symbols.map((symbol) => ({ slug: encodeURIComponent(symbol) }));
+};

apps/insights/src/app/price-feeds/[slug]/page.ts

@@ -0,0 +1 @@
+export { Chart as default } from "../../../components/PriceFeed/chart";

apps/insights/src/app/price-feeds/[slug]/price-components/page.tsx

@@ -0,0 +1 @@
+export { PriceComponents as default } from "../../../../components/PriceFeed/price-components";

apps/insights/src/app/price-feeds/layout.ts

@@ -0,0 +1 @@
+export { PriceFeedsLayout as default } from "../../components/PriceFeeds/layout";

apps/insights/src/app/price-feeds/page.ts

@@ -1 +1,7 @@
+import type { Metadata } from "next";
+
 export { PriceFeeds as default } from "../../components/PriceFeeds";
+
+export const metadata: Metadata = {
+  title: "Price Feeds",
+};