fix(public): fix problems with building #1

apps/public/app/(content)/[...pages]/page.tsx

@@ -7,7 +7,7 @@ import Script from 'next/script';
 export async function generateMetadata({
   params,
 }: {
-  params: { pages: string[] };
+  params: Promise<{ pages: string[] }>;
 }): Promise<Metadata> {
   const { pages } = await params;
   const page = await pageSource.getPage(pages);
@@ -41,7 +41,7 @@ export async function generateMetadata({
 export default async function Page({
   params,
 }: {
-  params: { pages: string[] };
+  params: Promise<{ pages: string[] }>;
 }) {
   const { pages } = await params;
   const page = await pageSource.getPage(pages);

apps/public/app/(content)/articles/[articleSlug]/page.tsx

@@ -15,7 +15,7 @@ import Script from 'next/script';
 export async function generateMetadata({
   params,
 }: {
-  params: { articleSlug: string };
+  params: Promise<{ articleSlug: string }>;
 }): Promise<Metadata> {
   const { articleSlug } = await params;
   const article = await articleSource.getPage([articleSlug]);
@@ -55,7 +55,7 @@ export async function generateMetadata({
 export default async function Page({
   params,
 }: {
-  params: { articleSlug: string };
+  params: Promise<{ articleSlug: string }>;
 }) {
   const { articleSlug } = await params;
   const article = await articleSource.getPage([articleSlug]);

apps/public/components/ui/slider.tsx

@@ -6,41 +6,49 @@ import * as React from 'react';
 import { cn } from '@/lib/utils';
 import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';
 
-const Slider = (
-  {
-    ref,
-    className,
-    tooltip,
-    ...props
-  }
-) => (<SliderPrimitive.Root
-  ref={ref}
-  className={cn(
-    'relative flex w-full touch-none select-none items-center',
-    className,
-  )}
-  {...props}
->
-  <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-white/10">
-    <SliderPrimitive.Range className="absolute h-full bg-white/90" />
-  </SliderPrimitive.Track>
-  {tooltip ? (
-    <Tooltip open disableHoverableContent>
-      <TooltipTrigger asChild>
-        <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-white bg-black ring-offset-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
-      </TooltipTrigger>
-      <TooltipContent
-        side="top"
-        sideOffset={10}
-        className="rounded-full bg-black text-white/70 py-1 text-xs border-white/30"
-      >
-        {tooltip}
-      </TooltipContent>
-    </Tooltip>
-  ) : (
-    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-white bg-black ring-offset-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
-  )}
-</SliderPrimitive.Root>);
+const Slider = ({
+  ref,
+  className,
+  tooltip,
+  ...props
+}: {
+  ref?: any;
+  className?: string;
+  tooltip?: string;
+  value: number[];
+  max: number;
+  step: number;
+  onValueChange: (value: number[]) => void;
+}) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      'relative flex w-full touch-none select-none items-center',
+      className,
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-white/10">
+      <SliderPrimitive.Range className="absolute h-full bg-white/90" />
+    </SliderPrimitive.Track>
+    {tooltip ? (
+      <Tooltip open disableHoverableContent>
+        <TooltipTrigger asChild>
+          <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-white bg-black ring-offset-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+        </TooltipTrigger>
+        <TooltipContent
+          side="top"
+          sideOffset={10}
+          className="rounded-full bg-black text-white/70 py-1 text-xs border-white/30"
+        >
+          {tooltip}
+        </TooltipContent>
+      </Tooltip>
+    ) : (
+      <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-white bg-black ring-offset-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+    )}
+  </SliderPrimitive.Root>
+);
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 export { Slider };

apps/public/content/pages/pricing.mdx

@@ -5,7 +5,7 @@ description: Our simple, usage-based pricing means you only pay for what you use
 import Pricing from '@/components/sections/pricing';
 import Stats from '@/components/sections/stats';
 import Testimonials from '@/components/sections/testimonials';
-import Faq from '@/components/sections/Faq';
+import Faq from '@/components/sections/faq';
 
 Experience transparent, usage-based pricing that grows with your needs. Simply choose your monthly event volume and pay accordingly - no surprises.
 

apps/public/next.config.mjs

@@ -16,7 +16,7 @@ const config = {
     '@openpanel/redis',
     '@openpanel/validation',
   ],
-  serverExternalPackages: ['@hyperdx/node-opentelemetry'],
+  serverExternalPackages: ['@hyperdx/node-opentelemetry', 'ioredis', 'bullmq'],
 };
 
 export default withMDX(config);