feat: add Whole Foods Market platform support

src/components/icons/platform-wholefoods.tsx

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef } from "react"
+
+export const PlatformWholeFoodsIcon = (
+  props: ComponentPropsWithoutRef<"img"> & { style?: React.CSSProperties }
+) => {
+  return (
+    <img
+      src="/icons/wholefoods.png"
+      alt="Whole Foods Market"
+      {...props}
+    />
+  )
+}

src/lib/platform/icons.ts

@@ -6,6 +6,7 @@ import { PlatformInstagramGlyphIcon } from "@/components/icons/platform-instagra
 import { PlatformLinkedinIcon } from "@/components/icons/platform-linkedin"
 import { PlatformShopIcon } from "@/components/icons/platform-shop"
 import { PlatformSpotifyIcon } from "@/components/icons/platform-spotify"
+import { PlatformWholeFoodsIcon } from "@/components/icons/platform-wholefoods"
 import type { PlatformRegistryEntry } from "./registry"
 import {
   getPlatformRegistryEntry,
@@ -22,6 +23,7 @@ const PLATFORM_ICON_COMPONENTS: Record<string, PlatformIconComponent> = {
   linkedin: PlatformLinkedinIcon,
   shop: PlatformShopIcon,
   spotify: PlatformSpotifyIcon,
+  wholefoods: PlatformWholeFoodsIcon,
   x: IconX,
 }
 

src/lib/platform/registry.ts

@@ -148,4 +148,16 @@ export const PLATFORM_REGISTRY: PlatformRegistryEntry[] = [
     showInConnectList: true,
     ingestScope: "shop.orders",
   },
+  {
+    id: "wholefoods",
+    displayName: "Whole Foods Market",
+    iconKey: "wholefoods",
+    iconEmoji: "🥑",
+    primaryColor: "#00674b",
+    platformIds: ["wholefoods-playwright"],
+    aliases: ["wholefoods", "whole foods"],
+    availability: "requiresConnector",
+    showInConnectList: true,
+    ingestScope: "wholefoods.orders",
+  },
 ]