Add integrations type to ecosystem (#1247)

## This PR
- Creates a place to list integrations into frameworks. 
- List dropwizard-openfeature as the integration of Open-feature java
SDK into the Dropwizard Java framework

Signed-off-by: Philipp Fehre <[email protected]>

Author: sideshowcoder

src/datasets/index.ts

@@ -2,13 +2,15 @@ import { ECOSYSTEM_HOOKS } from './hooks';
 import { ECOSYSTEM_OFREP_APIS, OFREPElement } from './ofrep-api';
 import { ECOSYSTEM_PROVIDERS } from './providers';
 import { ECOSYSTEM_SDKS } from './sdks/ecosystem';
+import { ECOSYSTEM_INTEGRATONS } from './integrations';
 import { EcosystemElement, Technology, Type } from './types';
 
 export const ECOSYSTEM: (EcosystemElement | OFREPElement)[] = [
   ...ECOSYSTEM_SDKS,
   ...ECOSYSTEM_PROVIDERS,
   ...ECOSYSTEM_HOOKS,
   ...ECOSYSTEM_OFREP_APIS,
+  ...ECOSYSTEM_INTEGRATONS,
 ].map((s) => ({
   // Creates a unique id per item for the search index
   id:
@@ -41,4 +43,5 @@ export const TYPE_COLOR_MAP: Record<Type, string> = {
   Provider: 'bg-blue-50 text-blue-600 ring-blue-500/10',
   SDK: 'bg-violet-50 text-violet-600 ring-violet-500/10',
   'OFREP API': 'bg-orange-50 text-orange-600 ring-orange-500/10',
+  Integration: 'bg-gray-50 text-gray-600 ring-gray-500/10',
 };

src/datasets/integrations/dropwizard-openfeature.ts

@@ -0,0 +1,16 @@
+import DropwizardSvg from '@site/static/img/dropwizard-no-fill.svg';
+import { Integration } from '.';
+
+export const DropwizardOpenfeature: Integration = {
+  name: 'Dropwizard Openfeature',
+  logo: DropwizardSvg,
+  description: 'Dropwizard module for integrating with Openfeature.',
+  technologies: [
+    {
+      technology: 'Java',
+      vendorOfficial: false,
+      href: 'https://github.com/sideshowcoder/dropwizard-openfeature',
+      category: ['Server'],
+    },
+  ],
+};

src/datasets/integrations/index.ts

@@ -0,0 +1,28 @@
+import type { ComponentType, SVGProps } from 'react';
+import { DropwizardOpenfeature } from './dropwizard-openfeature';
+import { Category, EcosystemElement, Technology } from '../types';
+
+export const ECOSYSTEM_INTEGRATONS: EcosystemElement[] = [DropwizardOpenfeature]
+  .map((integration) => {
+    return integration.technologies.map(({ vendorOfficial, technology, href, category }): EcosystemElement => {
+      return {
+        title: `${integration.name}`,
+        description: integration.description,
+        type: 'Integration',
+        logo: integration.logo,
+        href,
+        allTechnologies: [technology],
+        technology,
+        vendorOfficial,
+        category,
+      };
+    });
+  })
+  .flat();
+
+export type Integration = {
+  name: string;
+  logo: ComponentType<SVGProps<SVGSVGElement>>;
+  technologies: Array<{ technology: Technology; vendorOfficial: boolean; href: string; category: Category[] }>;
+  description: string;
+};

src/datasets/types.ts

@@ -33,7 +33,7 @@ export type Technology =
   | 'SvelteKit';
 
 export type Category = 'Server' | 'Client';
-export type Type = 'Hook' | 'Provider' | 'SDK' | 'OFREP API';
+export type Type = 'Hook' | 'Provider' | 'SDK' | 'OFREP API' | 'Integration';
 
 export type SdkCompatibility = {
   /**

src/pages/ecosystem.tsx

@@ -26,7 +26,7 @@ const options: ItemsJsOptions = {
   aggregations: {
     type: {
       title: 'types',
-      size: 4,
+      size: 5,
       hide_zero_doc_count: true,
       conjunction: false,
     },