+ 
+
-
Initialization
-Users
-Sessions
-Password Reset
-Webhooks
-Utilities
-+ Initialization +
++ Users +
++ Sessions +
++ Password Reset +
++ Webhooks +
++ Utilities +
+
-
Initialization
-Authorization
-Calendars
-Events
-Webhooks
-Utilities
-+ Initialization +
++ Authorization +
++ Calendars +
++ Events +
++ Webhooks +
++ Utilities +
+Thanks for signing up.
', -});`; +});` const domains = `// Create and verify a sending domain await coss.email.domains.create({ @@ -32,7 +32,7 @@ await coss.email.domains.create({ await coss.email.domains.list(); // Delete a domain -await coss.email.domains.delete('domain_abc123');`; +await coss.email.domains.delete('domain_abc123');` const templates = `// Create an email template await coss.email.templates.create({ @@ -50,7 +50,7 @@ await coss.email.templates.update('tmpl_abc123', { }); // Delete a template -await coss.email.templates.delete('tmpl_abc123');`; +await coss.email.templates.delete('tmpl_abc123');` const webhooks = `// Webhook events coss.email.webhooks.on('email.delivered', (event) => { @@ -59,55 +59,43 @@ coss.email.webhooks.on('email.delivered', (event) => { coss.email.webhooks.on('email.bounced', (event) => { console.log('Email bounced:', event.data); -});`; +});` const utilities = `// Validate webhook signature const isValid = coss.email.utils.verifySignature({ payload: req.body, signature: req.headers['coss-email-infra-signature'], secret: 'whsec_email_123', -});`; +});` return (
-
Initialization
-Sending Emails
-Domains
-Templates
-Webhooks
-Utilities
-+ Initialization +
++ Sending Emails +
++ Domains +
++ Templates +
++ Webhooks +
++ Utilities +
+
-
-
+
+
- );
+ )
}
function MobileLink({
@@ -110,20 +110,20 @@ function MobileLink({
children,
...props
}: LinkProps & {
- onOpenChange?: (open: boolean) => void;
- children: React.ReactNode;
- className?: string;
+ onOpenChange?: (open: boolean) => void
+ children: React.ReactNode
+ className?: string
}) {
return (
{
- onOpenChange?.(false);
+ onOpenChange?.(false)
}}
className={cn("text-muted-foreground", className)}
{...props}
>
{children}
- );
+ )
}
diff --git a/packages/ui/src/components/mode-switcher.tsx b/packages/ui/src/components/mode-switcher.tsx
index 40ccdf06b..ad0c6031c 100644
--- a/packages/ui/src/components/mode-switcher.tsx
+++ b/packages/ui/src/components/mode-switcher.tsx
@@ -1,18 +1,18 @@
-"use client";
+"use client"
-import * as React from "react";
-import { LayerMask01Icon } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/react";
-import { useTheme } from "next-themes";
+import { LayerMask01Icon } from "@hugeicons/core-free-icons"
+import { HugeiconsIcon } from "@hugeicons/react"
+import { useTheme } from "next-themes"
+import * as React from "react"
-import { Button } from "@coss/ui/ui/button";
+import { Button } from "@coss/ui/ui/button"
export function ModeSwitcher() {
- const { setTheme, resolvedTheme } = useTheme();
+ const { setTheme, resolvedTheme } = useTheme()
const toggleTheme = React.useCallback(() => {
- setTheme(resolvedTheme === "dark" ? "light" : "dark");
- }, [resolvedTheme, setTheme]);
+ setTheme(resolvedTheme === "dark" ? "light" : "dark")
+ }, [resolvedTheme, setTheme])
return (
Toggle theme
- );
+ )
}
diff --git a/packages/ui/src/components/page-header.tsx b/packages/ui/src/components/page-header.tsx
index 90216103e..aacf72bda 100644
--- a/packages/ui/src/components/page-header.tsx
+++ b/packages/ui/src/components/page-header.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@coss/ui/lib/utils";
+import { cn } from "@coss/ui/lib/utils"
function PageHeader({
className,
@@ -13,7 +13,7 @@ function PageHeader({
- );
+ )
}
function PageHeaderHeading({
@@ -25,7 +25,7 @@ function PageHeaderHeading({
className={cn("font-heading text-4xl lg:text-5xl", className)}
{...props}
/>
- );
+ )
}
function PageHeaderDescription({
@@ -37,7 +37,7 @@ function PageHeaderDescription({
className={cn("text-muted-foreground lg:text-lg", className)}
{...props}
/>
- );
+ )
}
-export { PageHeader, PageHeaderDescription, PageHeaderHeading };
+export { PageHeader, PageHeaderDescription, PageHeaderHeading }
diff --git a/packages/ui/src/components/product-label.tsx b/packages/ui/src/components/product-label.tsx
index 3ec1b7f6e..9c516e290 100644
--- a/packages/ui/src/components/product-label.tsx
+++ b/packages/ui/src/components/product-label.tsx
@@ -1,24 +1,24 @@
-"use client";
+"use client"
-import { usePathname } from "next/navigation";
-import { Badge } from "@coss/ui/ui/badge";
+import { Badge } from "@coss/ui/ui/badge"
+import { usePathname } from "next/navigation"
interface ProductsDropdownProps {
- items: { href: string; label: string; upcoming?: boolean }[];
- currentProduct?: string;
+ items: { href: string; label: string; upcoming?: boolean }[]
+ currentProduct?: string
}
export function ProductLabel({ items, currentProduct }: ProductsDropdownProps) {
- const pathname = usePathname();
+ const pathname = usePathname()
// If currentProduct is explicitly provided, use it
if (currentProduct) {
const matchingItem = items.find(
- (item) => item.label.toLowerCase() === currentProduct.toLowerCase(),
- );
+ (item) => item.label.toLowerCase() === currentProduct.toLowerCase()
+ )
if (!matchingItem) {
- return null;
+ return null
}
return (
@@ -30,27 +30,27 @@ export function ProductLabel({ items, currentProduct }: ProductsDropdownProps) {
)}
- );
+ )
}
// Don't display anything on home page
if (pathname === "/") {
- return null;
+ return null
}
// Get the first segment of the pathname (remove leading slash)
- const firstSegment = pathname.slice(1).split("/")[0];
+ const firstSegment = pathname.slice(1).split("/")[0]
// Check if the first segment matches any of the item labels
const matchingItem = firstSegment
? items.find(
- (item) => item.label.toLowerCase() === firstSegment.toLowerCase(),
+ (item) => item.label.toLowerCase() === firstSegment.toLowerCase()
)
- : undefined;
+ : undefined
// Only display if we have a match
if (!matchingItem) {
- return null;
+ return null
}
return (
@@ -62,5 +62,5 @@ export function ProductLabel({ items, currentProduct }: ProductsDropdownProps) {
)}
- );
+ )
}
diff --git a/packages/ui/src/components/products-dropdown.tsx b/packages/ui/src/components/products-dropdown.tsx
index ec2553842..1a2a36cd9 100644
--- a/packages/ui/src/components/products-dropdown.tsx
+++ b/packages/ui/src/components/products-dropdown.tsx
@@ -1,26 +1,26 @@
-"use client";
+"use client"
-import { ChevronDown } from "lucide-react";
-import Link from "next/link";
+import { ChevronDown } from "lucide-react"
+import Link from "next/link"
-import { Badge } from "@coss/ui/ui/badge";
-import { Menu, MenuItem, MenuPopup, MenuTrigger } from "@coss/ui/ui/menu";
-import { Button } from "@coss/ui/ui/button";
+import { Badge } from "@coss/ui/ui/badge"
+import { Button } from "@coss/ui/ui/button"
+import { Menu, MenuItem, MenuPopup, MenuTrigger } from "@coss/ui/ui/menu"
interface ProductsDropdownProps {
- items: { href: string; label: string; upcoming?: boolean }[];
+ items: { href: string; label: string; upcoming?: boolean }[]
}
export function ProductsDropdown({ items }: ProductsDropdownProps) {
- const gatewayOrigin = process.env.NEXT_PUBLIC_COSS_URL || "";
- const uiGatewayOrigin = process.env.NEXT_PUBLIC_COSS_UI_URL || "";
+ const gatewayOrigin = process.env.NEXT_PUBLIC_COSS_URL || ""
+ const uiGatewayOrigin = process.env.NEXT_PUBLIC_COSS_UI_URL || ""
const getLinkProps = (item: {
- href: string;
- label: string;
- upcoming?: boolean;
+ href: string
+ label: string
+ upcoming?: boolean
}) => {
- const isHomePage = item.href === "/";
+ const isHomePage = item.href === "/"
// Determine if this should be an external link and construct the URL
if (gatewayOrigin && !isHomePage) {
@@ -28,7 +28,7 @@ export function ProductsDropdown({ items }: ProductsDropdownProps) {
return {
href: `${gatewayOrigin}${item.href}`,
isExternal: true,
- };
+ }
}
if (uiGatewayOrigin && isHomePage) {
@@ -36,15 +36,15 @@ export function ProductsDropdown({ items }: ProductsDropdownProps) {
return {
href: uiGatewayOrigin,
isExternal: true,
- };
+ }
}
// Default: internal link
return {
href: item.href,
isExternal: false,
- };
- };
+ }
+ }
return (
- );
+ )
}
diff --git a/packages/ui/src/components/site-cta.tsx b/packages/ui/src/components/site-cta.tsx
index 37e44c866..7142a6057 100644
--- a/packages/ui/src/components/site-cta.tsx
+++ b/packages/ui/src/components/site-cta.tsx
@@ -1,6 +1,6 @@
-import Link from "next/link";
+import Link from "next/link"
-import { Button } from "@coss/ui/ui/button";
+import { Button } from "@coss/ui/ui/button"
export function SiteCta() {
return (
@@ -22,5 +22,5 @@ export function SiteCta() {
- );
+ )
}
diff --git a/packages/ui/src/components/site-footer.tsx b/packages/ui/src/components/site-footer.tsx
index 6a83fc1b3..1dc0a217b 100644
--- a/packages/ui/src/components/site-footer.tsx
+++ b/packages/ui/src/components/site-footer.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import Link from "next/link"
export function SiteFooter() {
return (
@@ -17,5 +17,5 @@ export function SiteFooter() {
- );
+ )
}
diff --git a/packages/ui/src/components/site-header.tsx b/packages/ui/src/components/site-header.tsx
index b947198d8..16441ac76 100644
--- a/packages/ui/src/components/site-header.tsx
+++ b/packages/ui/src/components/site-header.tsx
@@ -1,23 +1,23 @@
-import Link from "next/link";
+import Link from "next/link"
-import { siteConfig } from "@coss/ui/lib/config";
-import { GitHubLink } from "@coss/ui/components/github-link";
-import { ModeSwitcher } from "@coss/ui/components/mode-switcher";
-import { ProductLabel } from "@coss/ui/components/product-label";
-import { ProductsDropdown } from "@coss/ui/components/products-dropdown";
+import { GitHubLink } from "@coss/ui/components/github-link"
+import { ModeSwitcher } from "@coss/ui/components/mode-switcher"
+import { ProductLabel } from "@coss/ui/components/product-label"
+import { ProductsDropdown } from "@coss/ui/components/products-dropdown"
+import { siteConfig } from "@coss/ui/lib/config"
export function SiteHeader({
mobileNav,
children,
currentProduct,
}: {
- mobileNav?: React.ReactNode;
- children?: React.ReactNode;
- currentProduct?: string;
+ mobileNav?: React.ReactNode
+ children?: React.ReactNode
+ currentProduct?: string
}) {
- const gatewayOrigin = process.env.NEXT_PUBLIC_COSS_URL || "";
- const gatewayHome = gatewayOrigin ? `${gatewayOrigin}/` : "/";
- const isExternal = !!gatewayOrigin;
+ const gatewayOrigin = process.env.NEXT_PUBLIC_COSS_URL || ""
+ const gatewayHome = gatewayOrigin ? `${gatewayOrigin}/` : "/"
+ const isExternal = !!gatewayOrigin
return (
+
Page Not Found
- The page you're looking for doesn't exist or may have been moved.
+ The page you're looking for doesn't exist or may have been
+ moved.
- );
+ )
}
})}
@@ -100,7 +100,7 @@ export function MobileNav({