@eventcatalog/core 2.65.0 → 3.0.0-beta.0

package/eventcatalog/src/components/Lists/RepositoryList.astro

@@ -1,37 +0,0 @@
----
-import { ScrollText, Workflow, FileDownIcon, Code, Link } from 'lucide-react';
-
-interface Props {
-  repository?: string;
-  language?: string;
-}
-
-const { repository, language } = Astro.props;
----
-
-<div class="mx-auto pb-4 w-full max-w-lg divide-y divide-white/5 rounded-xl bg-white/5 border-b border-gray-100 mb-4">
-  <span class="text-sm text-black font-semibold group-data-[hover]:text-black/80 capitalize">Repository </span>
-  <ul role="list" class="space-y-2 mt-2">
-    {
-      repository && (
-        <li class="has-tooltip rounded-md text-gray-600 group px-1 w-full hover:bg-gradient-to-l hover:from-purple-500 hover:to-purple-700 hover:text-white hover:font-normal  ">
-          <a class={`flex items-center space-x-2`} target="_blank" href={repository}>
-            <Link className="h-4 w-4 text-gray-800 group-hover:text-white" strokeWidth={1} />
-            <span class="font-light text-sm truncate">{repository}</span>
-          </a>
-        </li>
-      )
-    }
-    {
-      language && (
-        <li class=" rounded-md text-gray-600 group px-1 w-full  ">
-          <div class={`flex items-center space-x-2`}>
-            <Code className="h-3 w-3 text-gray-800 " strokeWidth={1} />
-            <span class="font-light text-sm truncate">{language}</span>
-          </div>
-        </li>
-      )
-    }
-  </ul>
-  <!-- <div class='border-b border-gray-100'></div> -->
-</div>

package/eventcatalog/src/components/Lists/SpecificationsList.astro

@@ -1,67 +0,0 @@
----
-import type { CollectionTypes } from '@types';
-import { buildUrl } from '@utils/url-builder';
-import type { CollectionEntry } from 'astro:content';
-import { getSpecificationsForService } from '@utils/collections/services';
-import type { Service } from '@utils/collections/services';
-interface Props {
-  collectionItem: CollectionEntry<CollectionTypes>;
-}
-
-const { collectionItem } = Astro.props;
-
-const specVersions = collectionItem.data.specifications || {};
-const numberOfSpecifications = Object.keys(specVersions).length;
-
-const specs = getSpecificationsForService(collectionItem as Service);
-
-const openAPISpecifications = specs.filter((spec) => spec.type === 'openapi');
-const asyncAPISpecifications = specs.filter((spec) => spec.type === 'asyncapi');
-const graphQLSpecifications = specs.filter((spec) => spec.type === 'graphql');
----
-
-<div class="space-y-2 mb-8">
-  <span class="text-sm text-black group-data-[hover]:text-black/80 capitalize">Specifications ({numberOfSpecifications})</span>
-  {
-    openAPISpecifications.length > 0 &&
-      openAPISpecifications.map((spec) => (
-        <a
-          href={buildUrl(
-            `/docs/${collectionItem.collection}/${collectionItem.data.id}/${collectionItem.data.version}/spec/${spec.filenameWithoutExtension}`
-          )}
-          class="px-1 text-sm font-light flex items-center space-x-1 hover:underline hover:text-primary rounded-md hover:bg-gradient-to-l  hover:from-purple-500 hover:to-purple-700 hover:text-white"
-        >
-          <img src={buildUrl('/icons/openapi.svg', true)} class="h-4 w-4" />
-          <span>{spec.name}</span>
-        </a>
-      ))
-  }
-  {
-    asyncAPISpecifications.length > 0 &&
-      asyncAPISpecifications.map((spec) => (
-        <a
-          href={buildUrl(
-            `/docs/${collectionItem.collection}/${collectionItem.data.id}/${collectionItem.data.version}/asyncapi/${spec.filenameWithoutExtension}`
-          )}
-          class="px-1 text-sm font-light flex items-center space-x-1 hover:underline rounded-md hover:bg-gradient-to-l  hover:from-purple-500 hover:to-purple-700 hover:text-white"
-        >
-          <img src={buildUrl('/icons/asyncapi.svg', true)} class="h-4 w-4" />
-          <span>{spec.name}</span>
-        </a>
-      ))
-  }
-  {
-    graphQLSpecifications.length > 0 &&
-      graphQLSpecifications.map((spec) => (
-        <a
-          href={buildUrl(
-            `/docs/${collectionItem.collection}/${collectionItem.data.id}/${collectionItem.data.version}/graphql/${spec.filenameWithoutExtension}`
-          )}
-          class="px-1 text-sm font-light flex items-center space-x-1 hover:underline rounded-md hover:bg-gradient-to-l  hover:from-purple-500 hover:to-purple-700 hover:text-white"
-        >
-          <img src={buildUrl('/icons/graphql.svg', true)} class="h-4 w-4" />
-          <span>{spec.name}</span>
-        </a>
-      ))
-  }
-</div>

package/eventcatalog/src/components/SideBars/ChannelSideBar.astro

@@ -1,204 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content';
-import PillListFlat from '@components/Lists/PillListFlat';
-import ProtocolList from '@components/Lists/ProtocolList';
-import OwnersList from '@components/Lists/OwnersList';
-import VersionList from '@components/Lists/VersionList.astro';
-import { buildUrl } from '@utils/url-builder';
-import { ScrollText } from 'lucide-react';
-import RepositoryList from '@components/Lists/RepositoryList.astro';
-import { getOwner } from '@utils/collections/owners';
-import { getProducersAndConsumersForChannel } from '@utils/collections/services';
-import { isChangelogEnabled } from '@utils/feature';
-interface Props {
-  channel: CollectionEntry<'channels'>;
-}
-
-const { channel } = Astro.props;
-
-const ownersRaw = channel.data?.owners || [];
-const owners = await Promise.all<ReturnType<typeof getOwner>>(ownersRaw.map(getOwner));
-const filteredOwners = owners.filter((o) => o !== undefined);
-const { producers, consumers } = await getProducersAndConsumersForChannel(channel);
-
-const channelParameters: Record<string, { enum?: string[]; description?: string }> = channel.data.parameters || {};
-const parameters = Object.keys(channelParameters).map((key) => ({
-  key,
-  ...channelParameters[key],
-}));
-
-const attachments = channel.data.attachments || [];
-
-const attachmentsList = attachments.map((a) => {
-  const attachmentIsURL = typeof a === 'string';
-  return {
-    label: attachmentIsURL ? a : (a.title ?? a.url),
-    href: attachmentIsURL ? a : a.url,
-    icon: attachmentIsURL ? 'ExternalLinkIcon' : (a.icon ?? 'ExternalLinkIcon'),
-    target: '_blank' as const,
-    subgroup: attachmentIsURL ? undefined : (a.type ?? ''),
-  };
-});
-
-const paramsList = parameters.map((param) => ({
-  label: param.key,
-  description: param?.description,
-  collection: 'channels-parameter',
-}));
-
-const protocols = channel.data.protocols || [];
-const protocolList = protocols.map((p) => ({
-  label: p,
-  collection: 'channels-protocol',
-  // icon: p,
-  icon: p,
-}));
-
-const ownersList = filteredOwners.map((o) => ({
-  label: o.data.name,
-  type: o.collection,
-  badge: o.collection === 'users' ? o.data.role : 'Team',
-  avatarUrl: o.collection === 'users' ? o.data.avatarUrl : '',
-  href: buildUrl(`/docs/${o.collection}/${o.data.id}`),
-}));
-
-const messageList = (channel.data.messages ?? []).map((p) => ({
-  label: p.name,
-  badge: p.collection,
-  color: p.collection === 'events' ? 'orange' : 'blue',
-  collection: p.collection,
-  tag: `v${p.version}`,
-  href: buildUrl(`/docs/${p.collection}/${p.id}/${p.version}`),
-}));
-
-const producersList = producers.map((p) => ({
-  label: p.data.name,
-  badge: p.collection,
-  color: 'pink',
-  collection: p.collection,
-  tag: `v${p.data.version}`,
-  href: buildUrl(`/docs/${p.collection}/${p.data.id}/${p.data.version}`),
-}));
-
-const consumersList = consumers.map((c) => ({
-  label: c.data.name,
-  badge: c.collection,
-  color: 'blue',
-  collection: c.collection,
-  tag: `v${c.data.version}`,
-  href: buildUrl(`/docs/${c.collection}/${c.data.id}/${c.data.version}`),
-}));
-
-const shouldRenderSideBarSection = (section: string) => {
-  if (!channel.data.detailsPanel) {
-    return true;
-  }
-  // @ts-ignore
-  return channel.data.detailsPanel[section]?.visible ?? true;
-};
----
-
-<aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto py-4">
-  <div class="">
-    {
-      producersList.length > 0 && shouldRenderSideBarSection('producers') && (
-        <PillListFlat
-          title={`Producers (${producersList.length})`}
-          pills={producersList}
-          emptyMessage={`This channel does not have any producers.`}
-          color="pink"
-          client:load
-        />
-      )
-    }
-
-    {
-      consumersList.length > 0 && shouldRenderSideBarSection('consumers') && (
-        <PillListFlat
-          title={`Consumers (${consumersList.length})`}
-          pills={consumersList}
-          emptyMessage={`This channel does not have any consumers.`}
-          color="blue"
-          client:load
-        />
-      )
-    }
-
-    {
-      messageList.length > 0 && shouldRenderSideBarSection('messages') && (
-        <PillListFlat
-          title={`Messages using channel (${messageList.length})`}
-          pills={messageList}
-          emptyMessage={`This channel does not have any messages.`}
-          color="orange"
-          client:load
-        />
-      )
-    }
-
-    {
-      protocolList.length > 0 && shouldRenderSideBarSection('protocols') && (
-        <ProtocolList color="pink" title={`Protocols (${protocolList.length})`} pills={protocolList} client:load />
-      )
-    }
-
-    {
-      channel.data.versions && shouldRenderSideBarSection('versions') && (
-        <VersionList
-          title={`Versions (${channel.data.versions?.length})`}
-          versions={channel.data.versions}
-          collectionItem={channel}
-        />
-      )
-    }
-
-    {
-      channel.data.attachments && shouldRenderSideBarSection('attachments') && (
-        <PillListFlat
-          title={`Attachments (${attachmentsList.length})`}
-          pills={attachmentsList}
-          emptyMessage={`This channel does not have any attachments.`}
-          color="pink"
-          client:load
-        />
-      )
-    }
-
-    {
-      ownersList.length > 0 && shouldRenderSideBarSection('owners') && (
-        <OwnersList
-          title={`Owners (${filteredOwners.length})`}
-          owners={ownersList}
-          emptyMessage={`This channel does not have any documented owners.`}
-          client:load
-        />
-      )
-    }
-
-    {
-      channel.data.repository && shouldRenderSideBarSection('repository') && (
-        <RepositoryList repository={channel.data.repository?.url} language={channel.data.repository?.language} />
-      )
-    }
-
-    {
-      paramsList.length > 0 && shouldRenderSideBarSection('parameters') && (
-        <PillListFlat color="pink" title={`Parameters (${paramsList.length})`} pills={paramsList} client:load />
-      )
-    }
-
-    {
-      isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
-        <div class="space-y-2">
-          <a
-            href={buildUrl(`/docs/${channel.collection}/${channel.data.id}/${channel.data.latestVersion}/changelog`)}
-            class="flex items-center space-x-2 justify-center text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-          >
-            <ScrollText strokeWidth={2} size={16} />
-            <span class="block">Read changelog</span>
-          </a>
-        </div>
-      )
-    }
-  </div>
-</aside>

package/eventcatalog/src/components/SideBars/ContainerSideBar.astro

@@ -1,180 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content';
-import PillListFlat from '@components/Lists/PillListFlat';
-import OwnersList from '@components/Lists/OwnersList';
-import VersionList from '@components/Lists/VersionList.astro';
-import { buildUrl } from '@utils/url-builder';
-import { ScrollText, Workflow, RssIcon } from 'lucide-react';
-import RepositoryList from '@components/Lists/RepositoryList.astro';
-import { getOwner } from '@utils/collections/owners';
-import CustomSideBarSectionList from '@components/Lists/CustomSideBarSectionList.astro';
-import { isChangelogEnabled } from '@utils/feature';
-import config from '@config';
-
-interface Props {
-  container: CollectionEntry<'containers'>;
-}
-
-const { container } = Astro.props;
-
-const servicesThatWriteToContainer = (container.data.servicesThatWriteToContainer as CollectionEntry<'services'>[]) || [];
-const servicesThatReadFromContainer = (container.data.servicesThatReadFromContainer as CollectionEntry<'services'>[]) || [];
-const ownersRaw = container.data?.owners || [];
-
-const owners = await Promise.all<ReturnType<typeof getOwner>>(ownersRaw.map(getOwner));
-const filteredOwners = owners.filter((o) => o !== undefined);
-const resourceGroups = container.data?.resourceGroups || [];
-const attachments = container.data.attachments || [];
-
-const attachmentsList = attachments.map((a) => {
-  const attachmentIsURL = typeof a === 'string';
-  return {
-    label: attachmentIsURL ? a : (a.title ?? a.url),
-    href: attachmentIsURL ? a : a.url,
-    icon: attachmentIsURL ? 'ExternalLinkIcon' : (a.icon ?? 'ExternalLinkIcon'),
-    target: '_blank' as const,
-    subgroup: attachmentIsURL ? undefined : (a.type ?? ''),
-  };
-});
-
-const writesToList = servicesThatWriteToContainer?.map((p) => ({
-  label: p.data.name,
-  tag: `v${p.data.version}`,
-  collection: p.collection,
-  href: buildUrl(`/docs/services/${p.data.id}/${p.data.version}`),
-}));
-
-const readsFromList = servicesThatReadFromContainer?.map((p) => ({
-  label: p.data.name,
-  tag: `v${p.data.version}`,
-  collection: p.collection,
-  href: buildUrl(`/docs/services/${p.data.id}/${p.data.version}`),
-}));
-
-const ownersList = filteredOwners.map((o) => ({
-  label: o.data.name,
-  type: o.collection,
-  badge: o.collection === 'users' ? o.data.role : 'Team',
-  avatarUrl: o.collection === 'users' ? o.data.avatarUrl : '',
-  href: buildUrl(`/docs/${o.collection}/${o.data.id}`),
-}));
-
-const shouldRenderSideBarSection = (section: string) => {
-  if (!container.data.detailsPanel) {
-    return true;
-  }
-  // @ts-ignore
-  return container.data.detailsPanel[section]?.visible ?? true;
-};
-
-const isRSSEnabled = config.rss?.enabled;
----
-
-<aside class="sticky top-28 left-0 space-y-8 h-full overflow-y-auto py-4">
-  <div class="">
-    {
-      resourceGroups
-        .filter((section) => section.items.length > 0 && section.sidebar)
-        .map((section) => <CustomSideBarSectionList section={section} />)
-    }
-    {
-      writesToList.length > 0 && shouldRenderSideBarSection('services') && (
-        <PillListFlat
-          color="pink"
-          title={`Services (writes) (${writesToList.length})`}
-          pills={writesToList}
-          emptyMessage={'No services are using this resource.'}
-          client:load
-        />
-      )
-    }
-    {
-      readsFromList.length > 0 && shouldRenderSideBarSection('services') && (
-        <PillListFlat
-          color="pink"
-          title={`Services (reads) (${readsFromList.length})`}
-          pills={readsFromList}
-          emptyMessage={'No services are using this resource.'}
-          client:load
-        />
-      )
-    }
-
-    {
-      container.data.versions && shouldRenderSideBarSection('versions') && (
-        <VersionList
-          title={`Versions (${container.data.versions?.length})`}
-          versions={container.data.versions}
-          collectionItem={container}
-        />
-      )
-    }
-
-    {
-      container.data.attachments && shouldRenderSideBarSection('attachments') && (
-        <PillListFlat
-          title={`Attachments (${attachmentsList.length})`}
-          pills={attachmentsList}
-          emptyMessage={`This resource does not have any attachments.`}
-          color="pink"
-          client:load
-        />
-      )
-    }
-
-    {
-      ownersList.length > 0 && shouldRenderSideBarSection('owners') && (
-        <OwnersList
-          title={`Owners (${ownersList.length})`}
-          owners={ownersList}
-          emptyMessage={`This resource does not have any documented owners.`}
-          client:load
-        />
-      )
-    }
-
-    {
-      container.data.repository && shouldRenderSideBarSection('repository') && (
-        <RepositoryList repository={container.data.repository?.url} language={container.data.repository?.language} />
-      )
-    }
-
-    {
-      isRSSEnabled && (
-        <div class="mx-auto pb-8 w-full max-w-lg divide-y divide-white/5 rounded-xl bg-white/5">
-          <span class="text-sm text-black font-semibold group-data-[hover]:text-black/80 capitalize">Container RSS Feed</span>
-          <ul role="list" class="space-y-2 mt-2">
-            <li class="has-tooltip rounded-md text-gray-600 group px-1 w-full hover:bg-gradient-to-l hover:from-purple-500 hover:to-purple-700 hover:text-white hover:font-normal  ">
-              <a class={`flex items-center space-x-2`} target="_blank" href={buildUrl(`/rss/${container.collection}/rss.xml`)}>
-                <RssIcon className="h-4 w-4 text-gray-800 group-hover:text-white" strokeWidth={1} />
-                <span class="font-light text-sm truncate">RSS Feed</span>
-              </a>
-            </li>
-          </ul>
-        </div>
-      )
-    }
-
-    <div class="space-y-2">
-      <a
-        href={buildUrl(`/visualiser/${container.collection}/${container.data.id}/${container.data.version}`)}
-        class="flex items-center justify-center space-x-2 text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-      >
-        <Workflow strokeWidth={2} size={16} />
-        <span class="block">View in visualiser</span>
-      </a>
-
-      {
-        isChangelogEnabled() && shouldRenderSideBarSection('changelog') && (
-          <a
-            href={buildUrl(`/docs/${container.collection}/${container.data.id}/${container.data.latestVersion}/changelog`)}
-            class="flex items-center space-x-2 justify-center text-center rounded-md w-full bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-100/60 hover:text-primary"
-          >
-            <ScrollText strokeWidth={2} size={16} />
-            <span class="block">Read changelog</span>
-          </a>
-        )
-      }
-    </div>
-  </div>
-</aside>