docs: add debounce hook, update multi-provider links (#1286)

- updates multi-provider links
- adds debounce hook
- fixes bug with category pills being jammed together.

Signed-off-by: Todd Baert <[email protected]>

Author: toddbaert

src/datasets/hooks/debounce.ts

@@ -0,0 +1,16 @@
+import StopWatch from '@site/static/img/stopwatch-no-fill.svg';
+import { Hook } from '.';
+
+export const Debounce: Hook = {
+  name: 'Debounce',
+  logo: StopWatch,
+  description: 'Rate-limits or "debounces" flag evaluations',
+  technologies: [
+    {
+      technology: 'JavaScript',
+      vendorOfficial: false,
+      href: 'https://github.com/open-feature/js-sdk-contrib/tree/main/libs/hooks/debounce',
+      category: ['Server', 'Client'],
+    },
+  ],
+};

src/datasets/hooks/index.ts

@@ -1,11 +1,12 @@
 import type { ComponentType, SVGProps } from 'react';
 import { OpenTelemetry } from './opentelemetry';
 import { Validation } from './validation';
+import { Debounce } from './debounce';
 import { Datadog } from './datadog';
 import { Sentry } from './sentry';
 import { Category, EcosystemElement, Technology } from '../types';
 
-export const ECOSYSTEM_HOOKS: EcosystemElement[] = [OpenTelemetry, Validation, Datadog, Sentry]
+export const ECOSYSTEM_HOOKS: EcosystemElement[] = [OpenTelemetry, Validation, Datadog, Sentry, Debounce]
   .map((hook) => {
     return hook.technologies.map(({ vendorOfficial, technology, href, category }): EcosystemElement => {
       return {

src/datasets/providers/multi-provider.ts

@@ -9,13 +9,13 @@ export const MultiProvider: Provider = {
     {
       technology: 'JavaScript',
       vendorOfficial: false,
-      href: 'https://github.com/open-feature/js-sdk-contrib/tree/main/libs/providers/multi-provider',
+      href: 'https://github.com/open-feature/js-sdk/tree/main/packages/server#multi-provider',
       category: ['Server'],
     },
     {
       technology: 'JavaScript',
       vendorOfficial: false,
-      href: 'https://github.com/open-feature/js-sdk-contrib/tree/main/libs/providers/multi-provider-web',
+      href: 'https://github.com/open-feature/js-sdk/tree/main/packages/web#multi-provider',
       category: ['Client'],
     },
     {

src/partials/ecosystem/hit.tsx

@@ -32,7 +32,11 @@ export default function Hit({ hit }: { hit: EcosystemElement | OFREPElement }) {
             {hit.parentTechnology && (
               <Pill color={TECHNOLOGY_COLOR_MAP[hit.parentTechnology]}>{hit.parentTechnology}</Pill>
             )}
-            <Pill>{hit.category}</Pill>
+            {hit.category.map((cat) => (
+              <Pill key={cat}>
+                {cat}
+              </Pill>
+            ))}
           </>
         )}
         <Pill color={TYPE_COLOR_MAP[hit.type]}>{hit.type}</Pill>