@eventcatalog/core 1.2.6 → 2.0.0

package/lib/events.ts

@@ -1,313 +0,0 @@
-import type { Event, Service } from '@eventcatalog/types';
-import compareVersions from 'compare-versions';
-import * as Diff from 'diff';
-import fs from 'fs';
-import { serialize } from 'next-mdx-remote/serialize';
-import path from 'path';
-import { MarkdownFile } from '@/types/index';
-import { getLastModifiedDateOfFile, getSchemaFromDir, readMarkdownFile, getOpenAPISpecFromDir } from '@/lib/file-reader';
-import { getAllDomains, getAllEventsFromDomains } from './domains';
-import { extentionToLanguageMap } from './file-reader';
-import { getAllServices, hydrateEventProducersAndConsumers } from './services';
-
-const parseEventFrontMatterIntoEvent = (eventFrontMatter: any): Event => {
-  const {
-    name,
-    version,
-    summary,
-    domain = null,
-    producers = [],
-    consumers = [],
-    owners = [],
-    externalLinks = [],
-    badges = [],
-    tags = [],
-  } = eventFrontMatter;
-  return {
-    name,
-    version,
-    summary,
-    domain,
-    producerNames: producers,
-    consumerNames: consumers,
-    owners,
-    externalLinks,
-    badges,
-    tags,
-  };
-};
-
-const versionsForEvents = (pathToEvent) => {
-  const versionsDir = path.join(pathToEvent, 'versioned');
-
-  if (fs.existsSync(versionsDir)) {
-    const files = fs.readdirSync(versionsDir);
-    return files.sort(compareVersions).reverse();
-  }
-
-  return [];
-};
-
-export const getLogsForEvent = ({ eventName, domain }: { eventName: string; domain?: string }) => {
-  let eventsDir = path.join(process.env.PROJECT_DIR, 'events');
-
-  if (domain) {
-    eventsDir = path.join(process.env.PROJECT_DIR, 'domains', domain, 'events');
-  }
-
-  const historicVersions = versionsForEvents(path.join(eventsDir, eventName));
-
-  const allVersions = historicVersions.map((version) => ({
-    version,
-    pathToDir: path.join(eventsDir, eventName, 'versioned', version),
-  }));
-
-  // Get the latest version
-  const { data: { version: latestVersion } = {} } = readMarkdownFile(path.join(eventsDir, eventName, 'index.md'));
-
-  // Add the current version to the list
-  allVersions.unshift({ version: latestVersion, pathToDir: path.join(eventsDir, eventName) });
-
-  const versions = allVersions.reduce((diffs, versionData, index) => {
-    const hasVersionToCompareToo = !!allVersions[index + 1];
-    const previousVersionData = allVersions[index + 1];
-
-    // Check if both files have the schema to compare against...
-    if (hasVersionToCompareToo) {
-      const { version, pathToDir } = versionData;
-      const { version: previousVersion, pathToDir: previousVersionPathToDir } = previousVersionData;
-      const schema = getSchemaFromDir(pathToDir);
-      const previousSchema = getSchemaFromDir(previousVersionPathToDir);
-      let changelog = null;
-
-      try {
-        const { content } = readMarkdownFile(path.join(previousVersionPathToDir, 'changelog.md'));
-        changelog = content;
-      } catch (error) {
-        // nothing found it's OK.
-        console.log('No changelog found');
-      }
-
-      const comparision = {
-        versions: [previousVersion, version],
-        changelog: {
-          content: changelog,
-        },
-        value:
-          schema && previousSchema
-            ? Diff.createTwoFilesPatch(
-                `schema.${schema.extension} (${previousVersion})`,
-                `schema.${previousSchema.extension} (${version})`,
-                previousSchema.snippet,
-                schema.snippet
-              )
-            : null,
-      };
-
-      diffs.push(comparision);
-    }
-
-    return diffs;
-  }, []);
-
-  const parseChangeLogs = versions.map(async (version) => {
-    if (version.changelog.content) {
-      const mdxSource = await serialize(version.changelog.content);
-      return {
-        ...version,
-        changelog: {
-          ...version.changelog,
-          source: mdxSource,
-        },
-      };
-    }
-    return version;
-  });
-
-  const values = Promise.all(parseChangeLogs);
-
-  return values;
-};
-
-const getEventExamplesFromDir = (pathToExamples) => {
-  let examples;
-
-  // Get examples for directory
-  try {
-    const files = fs.readdirSync(pathToExamples);
-    examples = files.map((filename) => {
-      const content = fs.readFileSync(path.join(pathToExamples, filename), {
-        encoding: 'utf-8',
-      });
-
-      const extension = filename.split('.').pop();
-
-      return {
-        name: filename,
-        snippet: content,
-        langugage: extentionToLanguageMap[extension] || extension,
-      };
-    });
-  } catch (error) {
-    examples = [];
-  }
-
-  return examples;
-};
-
-export const getEventByPath = (eventDir: string, hydrateWithProducersAndConsumers?: boolean): Event => {
-  const { data } = readMarkdownFile(path.join(eventDir, 'index.md'));
-  const historicVersions = versionsForEvents(path.join(eventDir));
-
-  const event = parseEventFrontMatterIntoEvent(data);
-
-  if (hydrateWithProducersAndConsumers) {
-    const services = getAllServices();
-    const consumersAndProducersAsServices = hydrateEventProducersAndConsumers(event, services);
-    return {
-      ...event,
-      historicVersions,
-      ...consumersAndProducersAsServices,
-    };
-  }
-
-  return {
-    ...event,
-    historicVersions,
-  };
-};
-
-export const getAllEventsFromPath = (eventsDir: string, hydrateEvents?: boolean): Event[] => {
-  if (!fs.existsSync(eventsDir)) return [];
-  const folders = fs.readdirSync(eventsDir);
-  return folders.map((folder) => getEventByPath(path.join(eventsDir, folder), hydrateEvents));
-};
-
-export const getAllEvents = ({ hydrateEvents }: { hydrateEvents?: boolean } = {}): Event[] => {
-  const allEventsFromDomainFolders = getAllEventsFromDomains(hydrateEvents);
-  const eventsWithoutDomains = getAllEventsFromPath(path.join(process.env.PROJECT_DIR, 'events'), hydrateEvents);
-
-  const events = [...eventsWithoutDomains, ...allEventsFromDomainFolders];
-  const sortedEvents = events.sort((a, b) => a.name.localeCompare(b.name));
-
-  return sortedEvents;
-};
-
-export const getAllOwners = async (): Promise<string[]> => {
-  const allDomains = await getAllDomains();
-  const allEvents = getAllEvents();
-  const allServices = getAllServices();
-  const allOwnersInDomains = allDomains.reduce((owners, file) => owners.concat(file.domain.owners), []);
-  const allOwnersInEvents = allEvents.reduce((owners, event) => owners.concat(event.owners), []);
-  const allOwnersInServices = allServices.reduce((owners, service) => owners.concat(service.owners), []);
-  const allOwnersDocumented = [].concat(allOwnersInDomains, allOwnersInEvents, allOwnersInServices);
-  // @ts-ignore
-  return [...new Set(allOwnersDocumented)];
-};
-
-export const getAllEventsAndVersionsFlattened = () => {
-  const allEvents = getAllEvents();
-  return allEvents.reduce((eventsWithVersionsFlattened: any, event: Event) => {
-    // eventsWithVersionsFlattened.push({ eventName: event.name, version: event.version })
-
-    if (event.historicVersions) {
-      event.historicVersions.forEach((version) =>
-        eventsWithVersionsFlattened.push({ eventName: event.name, version, domain: event.domain })
-      );
-    }
-
-    return eventsWithVersionsFlattened;
-  }, []);
-};
-
-export const getEventByName = async ({
-  eventName,
-  version,
-  domain,
-}: {
-  eventName: string;
-  version?: string;
-  domain?: string;
-}): Promise<{ event: Event; markdown: MarkdownFile }> => {
-  let eventsDir = path.join(process.env.PROJECT_DIR, 'events');
-
-  if (domain) {
-    eventsDir = path.join(process.env.PROJECT_DIR, 'domains', domain, 'events');
-  }
-
-  const eventDirectory = path.join(eventsDir, eventName);
-  let versionDirectory = null;
-
-  if (version) {
-    versionDirectory = path.join(eventsDir, eventName, 'versioned', version);
-  }
-
-  const directoryToLoadForEvent = version ? versionDirectory : eventDirectory;
-
-  try {
-    const { data, content } = readMarkdownFile(path.join(directoryToLoadForEvent, `index.md`));
-    const event = parseEventFrontMatterIntoEvent(data);
-    const services = getAllServices();
-    const consumersAndProducersAsServices = hydrateEventProducersAndConsumers(event, services);
-
-    const mdxSource = await serialize(content);
-
-    return {
-      event: {
-        ...event,
-        ...consumersAndProducersAsServices,
-        domain: domain || null,
-        openAPISpec: getOpenAPISpecFromDir(eventDirectory),
-        historicVersions: versionsForEvents(eventDirectory),
-        schema: getSchemaFromDir(directoryToLoadForEvent),
-        examples: getEventExamplesFromDir(path.join(directoryToLoadForEvent, `examples`)),
-      },
-      markdown: {
-        content,
-        source: mdxSource,
-        lastModifiedDate: getLastModifiedDateOfFile(path.join(directoryToLoadForEvent, `index.md`)),
-      },
-    };
-  } catch (error) {
-    console.log(error);
-    console.log('Failed to get event by name', eventName);
-    return Promise.reject();
-  }
-};
-
-export const getUniqueServicesNamesFromEvents = (events: Event[]) => {
-  const allConsumersAndProducers = events.reduce((domains, event) => {
-    const { consumerNames = [], producerNames = [] } = event;
-    return domains.concat(consumerNames).concat(producerNames);
-  }, []);
-
-  const data = allConsumersAndProducers.map((service) => service);
-
-  // @ts-ignore
-  return [...new Set(data)];
-};
-
-export const getAllEventsByOwnerId = async (ownerId) => {
-  const events = await getAllEvents();
-  return events.filter(({ owners = [] }) => owners.some((id) => id === ownerId));
-};
-
-export const getAllEventsThatHaveRelationshipWithService = (
-  service: Service,
-  events: Event[]
-): { publishes: Event[]; subscribes: Event[] } => {
-  const relationshipsBetweenEvents = events.reduce(
-    (data, event) => {
-      const serviceSubscribesToEvent = event.consumerNames.some((id) => id === service.name);
-      const servicePublishesEvent = event.producerNames.some((id) => id === service.name);
-
-      return {
-        publishes: servicePublishesEvent ? data.publishes.concat(event) : data.publishes,
-        subscribes: serviceSubscribesToEvent ? data.subscribes.concat(event) : data.subscribes,
-      };
-    },
-    { publishes: [], subscribes: [] }
-  );
-
-  return relationshipsBetweenEvents;
-};

package/lib/file-reader.ts

@@ -1,76 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import type { Schema } from '@eventcatalog/types';
-import matter from 'gray-matter';
-
-// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_HLJS.MD
-export const extentionToLanguageMap = {
-  cs: 'csharp',
-  js: 'javascript',
-  json: 'json',
-  yml: 'yml',
-  java: 'java',
-  pb: 'protobuf',
-  proto: 'protobuf',
-  thrift: 'thrift',
-};
-
-export const readMarkdownFile = (pathToFile: string) => {
-  const file = fs.readFileSync(pathToFile, {
-    encoding: 'utf-8',
-  });
-  return matter(file);
-};
-
-export const getSchemaFromDir = (pathToSchemaDir: string): Schema => {
-  try {
-    const files = fs.readdirSync(pathToSchemaDir);
-
-    // See if any schemas are in there, ignoring extension
-    const schemaFileName = files.find((fileName) => fileName.includes('schema'));
-    if (!schemaFileName) throw new Error('No schema found');
-
-    const schemaFile = fs.readFileSync(path.join(pathToSchemaDir, schemaFileName), 'utf-8');
-    const extension = schemaFileName.split('.').pop();
-
-    return {
-      snippet: `${schemaFile}`,
-      language: extentionToLanguageMap[extension] || extension,
-      extension,
-    };
-  } catch (error) {
-    return null;
-  }
-};
-
-export const getOpenAPISpecFromDir = (pathToOpenAPISpecDir: string): string => {
-  try {
-    const files = fs.readdirSync(pathToOpenAPISpecDir);
-
-    // See if any oas are in there, ignoring extension
-    const openAPIFileName = files.find((fileName) => fileName.includes('openapi'));
-    if (!openAPIFileName) throw new Error('No schema found');
-    return fs.readFileSync(path.join(pathToOpenAPISpecDir, openAPIFileName), 'utf-8');
-  } catch (error) {
-    return null;
-  }
-};
-
-export const getAsyncAPISpecFromDir = (pathToAsyncAPISpecDir: string): string => {
-  try {
-    const files = fs.readdirSync(pathToAsyncAPISpecDir);
-
-    // See if any oas are in there, ignoring extension
-    const asyncAPIFile = files.find((fileName) => fileName.includes('asyncapi'));
-    if (!asyncAPIFile) throw new Error('No async api file found');
-    return fs.readFileSync(path.join(pathToAsyncAPISpecDir, asyncAPIFile), 'utf-8');
-  } catch (error) {
-    return null;
-  }
-};
-
-export const getLastModifiedDateOfFile = (filePath) => {
-  const stats = fs.statSync(filePath);
-  const lastModifiedDate = new Date(stats.mtime);
-  return `${lastModifiedDate.getFullYear()}/${lastModifiedDate.getMonth() + 1}/${lastModifiedDate.getDate()}`;
-};

package/lib/graphs.ts

@@ -1,92 +0,0 @@
-import type { Event, Service } from '@eventcatalog/types';
-import getConfig from 'next/config';
-
-const MAX_LENGTH_FOR_NODES = '50';
-const { publicRuntimeConfig: { basePath = '' } = {} } = getConfig();
-
-const truncateNode = (value) => (value.length > MAX_LENGTH_FOR_NODES ? `${value.substring(0, MAX_LENGTH_FOR_NODES)}...` : value);
-const generateLink = (value, type, domain?) => {
-  const url = `/${domain ? `domains/${domain}/` : ''}${type}/${value}`;
-  return basePath ? `${basePath}${url}` : url;
-};
-
-/**
- * Build Mermaid graph output
- * @param centerNode
- * @param leftNodes
- * @param rightNodes
- * @param rootNodeColor
- */
-const buildMermaid = (centerNode, leftNodes, rightNodes, rootNodeColor) => `flowchart LR\n
-${leftNodes.map((node) => `l-${node.id}[${node.name}]:::producer-->${centerNode.id}[${centerNode.name}]:::event\n`).join('')}
-classDef event stroke:${rootNodeColor},stroke-width: 4px;\n
-classDef producer stroke:#75d7b6,stroke-width: 2px;\n
-classDef consumer stroke:#818cf8,stroke-width: 2px;\n
-${rightNodes.map((node) => `${centerNode.id}[${centerNode.name}]:::event-->r-${node.id}[${node.name}]:::consumer\n`).join('')}
-${leftNodes.map((node) => `click l-${node.id} href "${node.link}" "Go to ${node.name}" _self\n`).join('')}
-${rightNodes.map((node) => `click r-${node.id} href "${node.link}" "Go to ${node.name}" _self\n`).join('')}
-click ${centerNode.id} href "${centerNode.link}" "Go to ${centerNode.name}" _self\n
-`;
-
-/**
- * Builds a graph for a given event
- * @param {Event} event
- * @param {string} rootNodeColor of the root node
- * @returns {string} Mermaid Graph
- */
-export const buildMermaidFlowChartForEvent = (
-  { name: eventName, producerNames, consumerNames, producers = [], consumers = [], domain }: Event,
-  rootNodeColor = '#2563eb'
-) => {
-  // Transforms services & event into a graph model
-  const leftNodes = producerNames.map(truncateNode).map((node) => ({
-    id: node.replace(/ /g, '_'),
-    name: node,
-    link: generateLink(node, 'services', producers.find((producer) => producer.name === node)?.domain),
-  }));
-  const rightNodes = consumerNames.map(truncateNode).map((node) => ({
-    id: node.replace(/ /g, '_'),
-    name: node,
-    link: generateLink(node, 'services', consumers.find((consumer) => consumer.name === node)?.domain),
-  }));
-  const centerNode = {
-    id: truncateNode(eventName.replace(/ /g, '_')),
-    name: eventName,
-    link: generateLink(eventName, 'events', domain),
-  };
-
-  return buildMermaid(centerNode, leftNodes, rightNodes, rootNodeColor);
-};
-
-/**
- * Builds a graph for a given service
- * @param {Service} service
- * @param {string} rootNodeColor of the root node
- * @returns {string} Mermaid Graph
- */
-export const buildMermaidFlowChartForService = (
-  { publishes, subscribes, name: serviceName, domain }: Service,
-  rootNodeColor = '#2563eb'
-) => {
-  // Transforms services & event into a graph model
-  const leftNodes = subscribes
-    .map((event) => ({ event, truncatedName: truncateNode(event.name) }))
-    .map(({ event, truncatedName }) => ({
-      id: truncatedName.replace(/ /g, '_'),
-      name: truncatedName,
-      link: generateLink(event.name, 'events', event.domain),
-    }));
-  const rightNodes = publishes
-    .map((event) => ({ event, truncatedName: truncateNode(event.name) }))
-    .map(({ event, truncatedName }) => ({
-      id: truncatedName.replace(/ /g, '_'),
-      name: truncatedName,
-      link: generateLink(event.name, 'events', event.domain),
-    }));
-  const centerNode = {
-    id: truncateNode(serviceName.replace(/ /g, '_')),
-    name: serviceName,
-    link: generateLink(serviceName, 'services', domain),
-  };
-  return buildMermaid(centerNode, leftNodes, rightNodes, rootNodeColor);
-};

package/lib/services.ts

@@ -1,126 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { serialize } from 'next-mdx-remote/serialize';
-import { Service, Event } from '@eventcatalog/types';
-import { readMarkdownFile, getLastModifiedDateOfFile, getOpenAPISpecFromDir, getAsyncAPISpecFromDir } from '@/lib/file-reader';
-import { MarkdownFile } from '../types/index';
-
-import { getAllEvents, getAllEventsThatHaveRelationshipWithService } from '@/lib/events';
-import { getAllServicesFromDomains } from '@/lib/domains';
-
-const buildService = (eventFrontMatter: any): Service => {
-  const {
-    name,
-    summary,
-    domain = null,
-    owners = [],
-    repository = {},
-    tags = [],
-    externalLinks = [],
-    badges = [],
-  } = eventFrontMatter;
-  return { name, summary, domain, owners, repository, tags, externalLinks, badges };
-};
-
-export const getServiceByPath = (serviceDirPath: string): Service => {
-  const { data } = readMarkdownFile(path.join(serviceDirPath, 'index.md'));
-  return buildService(data);
-};
-
-export const getAllServicesFromPath = (serviceDir: string): Service[] => {
-  if (!fs.existsSync(serviceDir)) return [];
-  const folders = fs.readdirSync(serviceDir);
-  const events = getAllEvents();
-  const services = folders.map((folder) => getServiceByPath(path.join(serviceDir, folder)));
-
-  // // @ts-ignore
-  return services.map((service) => ({
-    ...service,
-    ...getAllEventsThatHaveRelationshipWithService(service, events),
-  }));
-};
-
-export const getAllServices = (): Service[] => {
-  const allServicesFromDomainFolders = getAllServicesFromDomains();
-  const servicesWithoutDomains = getAllServicesFromPath(path.join(process.env.PROJECT_DIR, 'services'));
-
-  const services = [...allServicesFromDomainFolders, ...servicesWithoutDomains];
-  const sortedServices = services.sort((a, b) => a.name.localeCompare(b.name));
-  return sortedServices;
-};
-
-export const getAllServicesByOwnerId = async (ownerId): Promise<Service[]> => {
-  const services = await getAllServices();
-  const servicesOwnedByUser = services.filter((service) => service.owners.some((id) => id === ownerId));
-  return servicesOwnedByUser.map((service) => ({
-    ...service,
-  }));
-};
-
-export const getServiceByName = async ({
-  serviceName,
-  domain = null,
-}: {
-  serviceName: string;
-  domain?: string;
-}): Promise<{ service: Service; markdown: MarkdownFile }> => {
-  try {
-    let servicesDir = path.join(process.env.PROJECT_DIR, 'services');
-
-    if (domain) {
-      servicesDir = path.join(process.env.PROJECT_DIR, 'domains', domain, 'services');
-    }
-
-    const serviceDirectory = path.join(servicesDir, serviceName);
-    const { data, content } = readMarkdownFile(path.join(serviceDirectory, `index.md`));
-    const service = buildService(data);
-
-    const events = getAllEvents();
-
-    const mdxSource = await serialize(content);
-
-    return {
-      // @ts-ignore
-      service: {
-        ...service,
-        domain,
-        openAPISpec: getOpenAPISpecFromDir(serviceDirectory),
-        asyncAPISpec: getAsyncAPISpecFromDir(serviceDirectory),
-        ...getAllEventsThatHaveRelationshipWithService(service, events),
-      },
-      markdown: {
-        content,
-        lastModifiedDate: getLastModifiedDateOfFile(path.join(serviceDirectory, `index.md`)),
-        source: mdxSource,
-      },
-    };
-  } catch (error) {
-    console.log('Failed to get service by name', serviceName);
-    return Promise.reject();
-  }
-};
-
-export const hydrateEventProducersAndConsumers = (
-  event: Event,
-  services: Service[]
-): { producers: Service[]; consumers: Service[] } => {
-  const findServiceByName = (name) => services.find((service) => service.name === name);
-
-  const hydratedProducers = event.producerNames.map((name) => findServiceByName(name)).filter((service) => !!service);
-  const producersWithNoMarkdown = event.producerNames
-    .filter((name) => !hydratedProducers.some((producer) => producer.name === name))
-    .map((name) => ({ name }));
-
-  const hydratedConsumers = event.consumerNames.map((name) => findServiceByName(name)).filter((service) => !!service);
-  const consumersWithNoMarkdown = event.consumerNames
-    .filter((name) => !hydratedConsumers.some((consumer) => consumer.name === name))
-    .map((name) => ({ name }));
-
-  const producers = hydratedProducers.concat(producersWithNoMarkdown as Service[]);
-  const consumers = hydratedConsumers.concat(consumersWithNoMarkdown as Service[]);
-
-  return {
-    producers: producers.length > 0 ? producers : [],
-    consumers: consumers.length > 0 ? consumers : [],
-  };
-};

package/next-env.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.

package/next.config.js

@@ -1,11 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const config = require('./eventcatalog.config');
-
-module.exports = {
-  reactStrictMode: true,
-  basePath: config.basePath,
-  trailingSlash: config.trailingSlash,
-  publicRuntimeConfig: {
-    basePath: config.basePath,
-  },
-};

package/out/404/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>404: This page could not be found</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three@0.145.0/build/three.min.js"></script><script src="//unpkg.com/three@0.145.0/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/94b9a747218712b2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/94b9a747218712b2.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-7e93d0cba2ccf996.js" defer=""></script><script src="/_next/static/chunks/framework-6cc1bceeaaf75e91.js" defer=""></script><script src="/_next/static/chunks/main-da37322a396d572a.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d40841fd52b70886.js" defer=""></script><script src="/_next/static/chunks/pages/_error-c36fa6f7fd569cf6.js" defer=""></script><script src="/_next/static/rP51t_ISuRqZMVs4QvwfY/_buildManifest.js" defer=""></script><script src="/_next/static/rP51t_ISuRqZMVs4QvwfY/_ssgManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/users/">Users</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>
-                body { margin: 0; color: #000; background: #fff; }
-                .next-error-h1 {
-                  border-right: 1px solid rgba(0, 0, 0, .3);
-                }
-
-                @media (prefers-color-scheme: dark) {
-                  body { color: #fff; background: #000; }
-                  .next-error-h1 {
-                    border-right: 1px solid rgba(255, 255, 255, .3);
-                  }
-                }</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2024<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"rP51t_ISuRqZMVs4QvwfY","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/out/404.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="description" content="Discover, Explore and Document your Event Driven Architectures"/><link rel="icon" href="/favicon.ico"/><meta property="og:url" content="https://eventcatalog.dev/"/><meta property="og:type" content="website"/><meta property="og:title" content="EventCatalog"/><meta property="og:description" content="Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png"/><meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="600"/><meta property="og:locale" content="en-GB"/><meta name="author" content="David Boyne"/><title>404: This page could not be found</title><meta name="next-head-count" content="15"/><script src="//unpkg.com/three@0.145.0/build/three.min.js"></script><script src="//unpkg.com/three@0.145.0/examples/js/renderers/CSS2DRenderer.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css"/><link rel="preload" href="/_next/static/css/94b9a747218712b2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/94b9a747218712b2.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-7e93d0cba2ccf996.js" defer=""></script><script src="/_next/static/chunks/framework-6cc1bceeaaf75e91.js" defer=""></script><script src="/_next/static/chunks/main-da37322a396d572a.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d40841fd52b70886.js" defer=""></script><script src="/_next/static/chunks/pages/_error-c36fa6f7fd569cf6.js" defer=""></script><script src="/_next/static/rP51t_ISuRqZMVs4QvwfY/_buildManifest.js" defer=""></script><script src="/_next/static/rP51t_ISuRqZMVs4QvwfY/_ssgManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="bg-gray-800"><div class="max-w-7xl mx-auto "><div class="relative flex items-center justify-between h-16"><div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"><div class="flex-shrink-0 flex items-center text-white font-bold"><a class="flex items-center" href="/"><img alt="logo" class="text-white w-8 inline-block mr-3" src="/logo.svg"/><span class="text-xl">EventCatalog</span></a></div></div><div class="hidden sm:block sm:ml-6"><div class="flex space-x-4"><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/events/">Events</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/services/">Services</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/domains/">Domains</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/users/">Users</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/visualiser/">Visualiser</a><a class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium" href="/overview/">3D Node Graph</a></div></div></div></div></div><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>
-                body { margin: 0; color: #000; background: #fff; }
-                .next-error-h1 {
-                  border-right: 1px solid rgba(0, 0, 0, .3);
-                }
-
-                @media (prefers-color-scheme: dark) {
-                  body { color: #fff; background: #000; }
-                  .next-error-h1 {
-                    border-right: 1px solid rgba(255, 255, 255, .3);
-                  }
-                }</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div><footer class="bg-gray-800"><div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"><nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"><div class="px-5 py-2"><a href="/events" class="text-base text-gray-500 hover:text-gray-400">Events</a></div><div class="px-5 py-2"><a href="/services" class="text-base text-gray-500 hover:text-gray-400">Services</a></div><div class="px-5 py-2"><a href="/visualiser" class="text-base text-gray-500 hover:text-gray-400">Visualiser</a></div><div class="px-5 py-2"><a href="/overview" class="text-base text-gray-500 hover:text-gray-400">3D Node Graph</a></div><div class="px-5 py-2"><a href="https://github.com/boyney123/eventcatalog-demo/edit/master" class="text-base text-gray-500 hover:text-gray-400">GitHub</a></div></nav><p class="mt-8 text-center text-base text-gray-400">Copyright © <!-- -->2024<!-- --> <!-- -->Your Company<!-- -->. Built with<!-- --> <a class="underline" href="https://eventcatalog.dev" target="_blank" rel="noreferrer">EventCatalog.</a></p></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"rP51t_ISuRqZMVs4QvwfY","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>