@eventcatalog/core 1.2.6 → 2.0.0

package/.next/required-server-files.json

@@ -1 +0,0 @@
-{"version":1,"config":{"env":{},"webpack":null,"webpackDevMiddleware":null,"eslint":{"ignoreDuringBuilds":false},"typescript":{"ignoreBuildErrors":false,"tsconfigPath":"tsconfig.json"},"distDir":".next","cleanDistDir":true,"assetPrefix":"","configOrigin":"next.config.js","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"target":"server","poweredByHeader":true,"compress":true,"analyticsId":"","images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[16,32,48,64,96,128,256,384],"path":"/_next/image/","loader":"default","domains":[],"disableStaticImages":false,"minimumCacheTTL":60,"formats":["image/webp"],"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","remotePatterns":[],"unoptimized":false},"devIndicators":{"buildActivity":true,"buildActivityPosition":"bottom-right"},"onDemandEntries":{"maxInactiveAge":15000,"pagesBufferLength":2},"amp":{"canonicalBase":""},"basePath":"","sassOptions":{},"trailingSlash":true,"i18n":null,"productionBrowserSourceMaps":false,"optimizeFonts":true,"excludeDefaultMomentLocales":true,"serverRuntimeConfig":{},"publicRuntimeConfig":{},"reactStrictMode":true,"httpAgentOptions":{"keepAlive":true},"outputFileTracing":true,"staticPageGenerationTimeout":60,"swcMinify":false,"experimental":{"optimisticClientCache":true,"manualClientBasePath":false,"legacyBrowsers":true,"browsersListForSwc":false,"newNextLinkBehavior":false,"cpus":3,"sharedPool":true,"profiling":false,"isrFlushToDisk":true,"workerThreads":false,"pageEnv":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"swcFileReading":true,"craCompat":false,"esmExternals":true,"appDir":false,"isrMemoryCacheSize":52428800,"serverComponents":false,"fullySpecified":false,"outputFileTracingRoot":"","swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"adjustFontFallbacks":false,"trustHostHeader":false},"configFileName":"next.config.js"},"appDir":"/home/runner/work/eventcatalog/eventcatalog/packages/eventcatalog","files":[".next/routes-manifest.json",".next/server/pages-manifest.json",".next/build-manifest.json",".next/prerender-manifest.json",".next/server/middleware-manifest.json",".next/react-loadable-manifest.json",".next/server/font-manifest.json",".next/BUILD_ID"],"ignore":["../../node_modules/next/dist/compiled/@ampproject/toolbox-optimizer/**/*"]}

package/.next/routes-manifest.json

@@ -1 +0,0 @@
-{"version":3,"pages404":true,"basePath":"","redirects":[{"source":"/:file((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/]+\\.\\w+)/","destination":"/:file","internal":true,"statusCode":308,"regex":"^(?:/((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/]+\\.\\w+))/$"},{"source":"/:notfile((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/\\.]+)","destination":"/:notfile/","internal":true,"statusCode":308,"regex":"^(?:/((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/\\.]+))$"}],"headers":[],"dynamicRoutes":[{"page":"/domains/[domain]","regex":"^/domains/([^/]+?)(?:/)?$","routeKeys":{"domain":"domain"},"namedRegex":"^/domains/(?<domain>[^/]+?)(?:/)?$"},{"page":"/domains/[domain]/events/[name]","regex":"^/domains/([^/]+?)/events/([^/]+?)(?:/)?$","routeKeys":{"domain":"domain","name":"name"},"namedRegex":"^/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)(?:/)?$"},{"page":"/domains/[domain]/events/[name]/logs","regex":"^/domains/([^/]+?)/events/([^/]+?)/logs(?:/)?$","routeKeys":{"domain":"domain","name":"name"},"namedRegex":"^/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)/logs(?:/)?$"},{"page":"/domains/[domain]/events/[name]/v/[version]","regex":"^/domains/([^/]+?)/events/([^/]+?)/v/([^/]+?)(?:/)?$","routeKeys":{"domain":"domain","name":"name","version":"version"},"namedRegex":"^/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)/v/(?<version>[^/]+?)(?:/)?$"},{"page":"/domains/[domain]/services/[name]","regex":"^/domains/([^/]+?)/services/([^/]+?)(?:/)?$","routeKeys":{"domain":"domain","name":"name"},"namedRegex":"^/domains/(?<domain>[^/]+?)/services/(?<name>[^/]+?)(?:/)?$"},{"page":"/events/[name]","regex":"^/events/([^/]+?)(?:/)?$","routeKeys":{"name":"name"},"namedRegex":"^/events/(?<name>[^/]+?)(?:/)?$"},{"page":"/events/[name]/logs","regex":"^/events/([^/]+?)/logs(?:/)?$","routeKeys":{"name":"name"},"namedRegex":"^/events/(?<name>[^/]+?)/logs(?:/)?$"},{"page":"/events/[name]/v/[version]","regex":"^/events/([^/]+?)/v/([^/]+?)(?:/)?$","routeKeys":{"name":"name","version":"version"},"namedRegex":"^/events/(?<name>[^/]+?)/v/(?<version>[^/]+?)(?:/)?$"},{"page":"/services/[name]","regex":"^/services/([^/]+?)(?:/)?$","routeKeys":{"name":"name"},"namedRegex":"^/services/(?<name>[^/]+?)(?:/)?$"},{"page":"/users/[id]","regex":"^/users/([^/]+?)(?:/)?$","routeKeys":{"id":"id"},"namedRegex":"^/users/(?<id>[^/]+?)(?:/)?$"}],"staticRoutes":[{"page":"/","regex":"^/(?:/)?$","routeKeys":{},"namedRegex":"^/(?:/)?$"},{"page":"/domains","regex":"^/domains(?:/)?$","routeKeys":{},"namedRegex":"^/domains(?:/)?$"},{"page":"/events","regex":"^/events(?:/)?$","routeKeys":{},"namedRegex":"^/events(?:/)?$"},{"page":"/overview","regex":"^/overview(?:/)?$","routeKeys":{},"namedRegex":"^/overview(?:/)?$"},{"page":"/services","regex":"^/services(?:/)?$","routeKeys":{},"namedRegex":"^/services(?:/)?$"},{"page":"/users","regex":"^/users(?:/)?$","routeKeys":{},"namedRegex":"^/users(?:/)?$"},{"page":"/visualiser","regex":"^/visualiser(?:/)?$","routeKeys":{},"namedRegex":"^/visualiser(?:/)?$"}],"dataRoutes":[{"page":"/domains","dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains.json$"},{"page":"/domains/[domain]","routeKeys":{"domain":"domain"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/(?<domain>[^/]+?)\\.json$"},{"page":"/domains/[domain]/events/[name]","routeKeys":{"domain":"domain","name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/([^/]+?)/events/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)\\.json$"},{"page":"/domains/[domain]/events/[name]/logs","routeKeys":{"domain":"domain","name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/([^/]+?)/events/([^/]+?)/logs\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)/logs\\.json$"},{"page":"/domains/[domain]/events/[name]/v/[version]","routeKeys":{"domain":"domain","name":"name","version":"version"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/([^/]+?)/events/([^/]+?)/v/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/(?<domain>[^/]+?)/events/(?<name>[^/]+?)/v/(?<version>[^/]+?)\\.json$"},{"page":"/domains/[domain]/services/[name]","routeKeys":{"domain":"domain","name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/([^/]+?)/services/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/domains/(?<domain>[^/]+?)/services/(?<name>[^/]+?)\\.json$"},{"page":"/events","dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events.json$"},{"page":"/events/[name]","routeKeys":{"name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/(?<name>[^/]+?)\\.json$"},{"page":"/events/[name]/logs","routeKeys":{"name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/([^/]+?)/logs\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/(?<name>[^/]+?)/logs\\.json$"},{"page":"/events/[name]/v/[version]","routeKeys":{"name":"name","version":"version"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/([^/]+?)/v/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/events/(?<name>[^/]+?)/v/(?<version>[^/]+?)\\.json$"},{"page":"/overview","dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/overview.json$"},{"page":"/services","dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/services.json$"},{"page":"/services/[name]","routeKeys":{"name":"name"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/services/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/services/(?<name>[^/]+?)\\.json$"},{"page":"/users/[id]","routeKeys":{"id":"id"},"dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/users/([^/]+?)\\.json$","namedDataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/users/(?<id>[^/]+?)\\.json$"},{"page":"/visualiser","dataRouteRegex":"^/_next/data/rP51t_ISuRqZMVs4QvwfY/visualiser.json$"}],"rewrites":[]}

package/.next/server/chunks/109.js

@@ -1,608 +0,0 @@
-"use strict";
-exports.id = 109;
-exports.ids = [109];
-exports.modules = {
-
-/***/ 8484:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ NodeGraph_NodeGraph)
-});
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-// EXTERNAL MODULE: ../../node_modules/next/link.js
-var next_link = __webpack_require__(9097);
-var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
-// EXTERNAL MODULE: external "react-flow-renderer"
-var external_react_flow_renderer_ = __webpack_require__(6987);
-var external_react_flow_renderer_default = /*#__PURE__*/__webpack_require__.n(external_react_flow_renderer_);
-// EXTERNAL MODULE: external "next/config"
-var config_ = __webpack_require__(4558);
-var config_default = /*#__PURE__*/__webpack_require__.n(config_);
-// EXTERNAL MODULE: external "@heroicons/react/outline/"
-var _ = __webpack_require__(535);
-// EXTERNAL MODULE: external "@heroicons/react/solid/"
-var solid_ = __webpack_require__(9464);
-;// CONCATENATED MODULE: ./components/Mdx/NodeGraph/Node.tsx
-
-
-
-
-function Node({ type , label  }) {
-    const Icon = type === "event" ? solid_.MailIcon : _.ServerIcon;
-    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-        children: [
-            /*#__PURE__*/ jsx_runtime_.jsx(Icon, {
-                className: "h-3 w-3 text-gray-700 inline-block mr-1 -mt-0.5"
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                className: "text-gray-700",
-                children: label
-            })
-        ]
-    });
-}
-/* harmony default export */ const NodeGraph_Node = (Node);
-
-;// CONCATENATED MODULE: ./components/Mdx/NodeGraph/GraphElements.tsx
-
-
-
-
-const { publicRuntimeConfig: { basePath =""  } = {}  } = config_default()();
-const MIN_NODE_WIDTH = 150;
-const generateLink = (value, type, domain)=>`${basePath}/${domain ? `domains/${domain}/` : ""}${type}/${value}`;
-const calcWidth = (value)=>value.length * 8 > MIN_NODE_WIDTH ? value.length * 8 : MIN_NODE_WIDTH;
-const buildNodeEdge = ({ id , target , source , label , isAnimated =true  })=>({
-        id,
-        target,
-        source,
-        type: "smoothstep",
-        arrowHeadType: external_react_flow_renderer_.ArrowHeadType.ArrowClosed,
-        animated: isAnimated,
-        label,
-        labelBgPadding: [
-            8,
-            4
-        ],
-        labelBgBorderRadius: 4,
-        labelStyle: {
-            fontSize: "6px"
-        },
-        labelBgStyle: {
-            fill: "white",
-            color: "#fff",
-            fillOpacity: 0.5
-        }
-    });
-const buildNodeData = ({ name , label , type , maxWidth , renderInColumn , domain  })=>{
-    const width = calcWidth(label);
-    const linkType = type === "service" ? "services" : "events";
-    const link = generateLink(name, linkType, domain);
-    return {
-        label,
-        link,
-        width,
-        maxWidth,
-        renderInColumn
-    };
-};
-const getNodeLabel = ({ type , label , includeIcon  })=>{
-    if (!includeIcon) return label;
-    return /*#__PURE__*/ jsx_runtime_.jsx(NodeGraph_Node, {
-        type: type,
-        label: label
-    });
-};
-/**
- * Builds a graph for a given event
- * @param {Event} - event
- * @param rootNodeColor - The color of the root node
- * @param isAnimated - whether to animate the graph
- */ const getEventElements = ({ name: eventName , domain , consumers: eventConsumers = [] , producers: eventProducers = []  }, rootNodeColor = "#2563eb", isAnimated = true, includeLabels = false, includeNodeIcons = false)=>{
-    const position = {
-        x: 0,
-        y: 0
-    };
-    const consumerColor = "#818cf8";
-    const producerColor = "#75d7b6";
-    const nodeStyles = {
-        fontSize: includeNodeIcons ? "8px" : "auto"
-    };
-    const producersNames = eventProducers.map((s)=>calcWidth(s.name));
-    const maxProducersWidth = Math.max(...producersNames);
-    const consumersNames = eventConsumers.map((s)=>calcWidth(s.name));
-    const maxConsumersWidth = Math.max(...consumersNames);
-    const eventNameAsNodeID = `ev-${eventName.replace(/ /g, "_")}`;
-    const eventNodeWidth = calcWidth(eventName);
-    const producers = eventProducers.map((node)=>({
-            label: node.name,
-            id: `pr-${node.name.replace(/ /g, "_")}`,
-            domain: node.domain
-        }));
-    const consumers = eventConsumers.map((node)=>({
-            label: node.name,
-            id: `co-${node.name.replace(/ /g, "_")}`,
-            domain: node.domain
-        }));
-    // Transforms services & event into a graph model
-    const producersNodes = producers.map(({ label , id , domain: producerDomain  })=>{
-        const nodeWidth = calcWidth(label);
-        const diff = maxProducersWidth - nodeWidth;
-        const nodeMaxWidth = diff !== 0 ? nodeWidth - diff : maxProducersWidth;
-        const labelToRender = getNodeLabel({
-            type: "service",
-            label,
-            includeIcon: includeNodeIcons
-        });
-        return {
-            id,
-            data: buildNodeData({
-                name: label,
-                label: labelToRender,
-                type: "service",
-                maxWidth: nodeMaxWidth,
-                renderInColumn: 1,
-                domain: producerDomain
-            }),
-            style: {
-                border: `2px solid ${producerColor}`,
-                width: nodeWidth,
-                ...nodeStyles
-            },
-            type: "input",
-            position
-        };
-    });
-    const consumersNodes = consumers.map(({ id , label , domain: consumerDomain  })=>{
-        const width = calcWidth(label);
-        const labelToRender = getNodeLabel({
-            type: "service",
-            label,
-            includeIcon: includeNodeIcons
-        });
-        return {
-            id,
-            data: buildNodeData({
-                name: label,
-                label: labelToRender,
-                type: "service",
-                maxWidth: maxConsumersWidth,
-                renderInColumn: 3,
-                domain: consumerDomain
-            }),
-            style: {
-                border: `2px solid ${consumerColor}`,
-                width,
-                ...nodeStyles
-            },
-            type: "output",
-            position
-        };
-    });
-    const eventNode = {
-        id: eventNameAsNodeID,
-        data: buildNodeData({
-            name: eventName,
-            label: getNodeLabel({
-                type: "event",
-                label: eventName,
-                includeIcon: includeNodeIcons
-            }),
-            type: "event",
-            maxWidth: eventNodeWidth,
-            renderInColumn: 2,
-            domain
-        }),
-        style: {
-            border: `2px solid ${rootNodeColor}`,
-            width: eventNodeWidth,
-            ...nodeStyles
-        },
-        position
-    };
-    // Build connections
-    const producersEdges = producers.map(({ id , label  })=>buildNodeEdge({
-            id: `epe-${label.replace(/ /g, "_")}-${eventNameAsNodeID}`,
-            source: id,
-            target: eventNameAsNodeID,
-            isAnimated,
-            label: includeLabels ? "publishes" : ""
-        }));
-    const consumersEdges = consumers.map(({ id , label  })=>buildNodeEdge({
-            id: `ece-${label.replace(/ /g, "_")}-${eventNameAsNodeID}`,
-            target: id,
-            source: eventNameAsNodeID,
-            isAnimated,
-            label: includeLabels ? "subscribed by" : ""
-        }));
-    // Merge nodes in order
-    const elements = [
-        ...producersNodes,
-        eventNode,
-        ...consumersNodes,
-        ...producersEdges,
-        ...consumersEdges
-    ];
-    return elements;
-};
-/**
- * Builds a graph for a given service
- * @param {Service} service
- * @param {string} rootNodeColor of the root node
- * @param isAnimated whether the graph should be animated
- * @returns {string} Mermaid Graph
- */ const getServiceElements = ({ publishes , subscribes , name: serviceName , domain  }, rootNodeColor = "#2563eb", isAnimated = true, includeEdgeLabels = false, includeNodeIcons = false)=>{
-    const position = {
-        x: 0,
-        y: 0
-    };
-    const publishColor = "#818cf8";
-    const subscribeColor = "#75d7b6";
-    const nodeStyles = {
-        fontSize: includeNodeIcons ? "8px" : "auto"
-    };
-    const publishesNames = publishes.map((e)=>calcWidth(e.name));
-    const maxPublishesWidth = Math.max(...publishesNames);
-    const subscribesNames = subscribes.map((e)=>calcWidth(e.name));
-    const maxSubscribesWidth = Math.max(...subscribesNames);
-    const serviceNameAsNodeID = `ser-${serviceName.replace(/ /g, "_")}`;
-    // Transforms services & event into a graph model
-    const publishesNodes = publishes.map((node)=>{
-        const nodeWidth = calcWidth(node.name);
-        const labelToRender = getNodeLabel({
-            type: "event",
-            label: node.name,
-            includeIcon: includeNodeIcons
-        });
-        return {
-            id: `pub-${node.name.replace(/ /g, "_")}`,
-            data: buildNodeData({
-                name: node.name,
-                label: labelToRender,
-                type: "event",
-                maxWidth: maxPublishesWidth,
-                renderInColumn: 3,
-                domain: node.domain
-            }),
-            style: {
-                border: `2px solid ${publishColor}`,
-                width: nodeWidth,
-                ...nodeStyles
-            },
-            type: "output",
-            position
-        };
-    });
-    const subscribesNodes = subscribes.map((node)=>{
-        const nodeWidth = calcWidth(node.name);
-        const diff = maxSubscribesWidth - nodeWidth;
-        const nodeMaxWidth = diff !== 0 ? nodeWidth - diff : maxSubscribesWidth;
-        const labelToRender = getNodeLabel({
-            type: "event",
-            label: node.name,
-            includeIcon: includeNodeIcons
-        });
-        return {
-            id: `sub-${node.name.replace(/ /g, "_")}`,
-            data: buildNodeData({
-                name: node.name,
-                label: labelToRender,
-                type: "event",
-                maxWidth: nodeMaxWidth,
-                ...nodeStyles,
-                renderInColumn: 1,
-                domain: node.domain
-            }),
-            style: {
-                border: `2px solid ${subscribeColor}`,
-                width: nodeWidth,
-                ...nodeStyles
-            },
-            type: "input",
-            position
-        };
-    });
-    const serviceNode = {
-        id: serviceNameAsNodeID,
-        data: buildNodeData({
-            name: serviceName,
-            label: getNodeLabel({
-                type: "service",
-                label: serviceName,
-                includeIcon: includeNodeIcons
-            }),
-            type: "service",
-            maxWidth: calcWidth(serviceName),
-            renderInColumn: 2,
-            domain
-        }),
-        style: {
-            border: `2px solid ${rootNodeColor}`,
-            width: calcWidth(serviceName),
-            ...nodeStyles
-        },
-        position
-    };
-    // Build connections
-    const publishesEdges = publishes.map((node)=>buildNodeEdge({
-            id: `ecp-${node.name.replace(/ /g, "_")}`,
-            source: serviceNameAsNodeID,
-            target: `pub-${node.name.replace(/ /g, "_")}`,
-            isAnimated,
-            label: includeEdgeLabels ? "publishes" : ""
-        }));
-    const subscribesEdges = subscribes.map((node)=>buildNodeEdge({
-            id: `esc-${node.name.replace(/ /g, "_")}`,
-            target: serviceNameAsNodeID,
-            source: `sub-${node.name.replace(/ /g, "_")}`,
-            isAnimated,
-            label: includeEdgeLabels ? "subscribed by" : ""
-        }));
-    // Merge nodes in order
-    const elements = [
-        ...subscribesNodes,
-        serviceNode,
-        ...publishesNodes,
-        ...publishesEdges,
-        ...subscribesEdges
-    ];
-    return elements;
-};
-
-// EXTERNAL MODULE: external "dagre"
-var external_dagre_ = __webpack_require__(4214);
-var external_dagre_default = /*#__PURE__*/__webpack_require__.n(external_dagre_);
-;// CONCATENATED MODULE: ./components/Mdx/NodeGraph/GraphLayout.ts
-
-
-const nodeDefaultWidth = 150;
-const nodeDefaultHeight = 36;
-const offset = 48;
-const verticalOffset = offset / 1.5;
-const getMaxWidthElementFromPreviousColumn = (elements, column)=>{
-    const elementsInColumn = elements.filter((element)=>element?.data?.renderInColumn === column);
-    if (elementsInColumn.length === 0) return {};
-    if (elementsInColumn.length === 1) return elementsInColumn[0];
-    const maxWidthElement = elementsInColumn.reduce((currentElement, element)=>{
-        const currentElementWidth = currentElement?.data?.maxWidth || currentElement?.data?.width || nodeDefaultWidth;
-        const elementWidth = element?.data?.maxWidth || element?.data.width || nodeDefaultWidth;
-        return elementWidth > currentElementWidth ? element : currentElement;
-    }, elementsInColumn[0]);
-    return maxWidthElement;
-};
-const getXPositionFromElement = (elem)=>{
-    const elementWidth = elem?.data?.maxWidth || elem.width || nodeDefaultWidth;
-    const currentXPositionOfElement = elem.position.x;
-    return currentXPositionOfElement + elementWidth;
-};
-function createGraphLayout(elements, isHorizontal) {
-    const dagreGraph = new (external_dagre_default()).graphlib.Graph();
-    dagreGraph.setDefaultEdgeLabel(()=>({}));
-    dagreGraph.setGraph({
-        rankdir: "LR",
-        ranksep: offset * 2,
-        nodesep: verticalOffset
-    });
-    elements.forEach((element)=>{
-        if ((0,external_react_flow_renderer_.isNode)(element)) {
-            // eslint-disable-next-line no-underscore-dangle
-            const nodeWidth = element.__rf?.width ? element.__rf?.width : element.data?.width;
-            dagreGraph.setNode(element.id, {
-                width: nodeWidth || nodeDefaultWidth,
-                // eslint-disable-next-line no-underscore-dangle
-                height: element.__rf?.height || nodeDefaultHeight
-            });
-        } else {
-            dagreGraph.setEdge(element.source, element.target);
-        }
-    });
-    // Calculate the layout, to get the node positions with their widths and heights
-    external_dagre_default().layout(dagreGraph);
-    const allNodes = elements.filter((element)=>element.data);
-    const allEdges = elements.filter((element)=>!element.data);
-    const sortedNodesByColumn = allNodes.sort((nodeA, nodeB)=>// eslint-disable-next-line no-nested-ternary
-        nodeA.data.renderInColumn > nodeB.data.renderInColumn ? 1 : nodeB.data.renderInColumn > nodeA.data.renderInColumn ? -1 : 0);
-    const allData = [
-        ...sortedNodesByColumn,
-        ...allEdges
-    ];
-    return allData.map((element)=>{
-        if ((0,external_react_flow_renderer_.isNode)(element)) {
-            const node = dagreGraph.node(element.id);
-            element.targetPosition = isHorizontal ? external_react_flow_renderer_.Position.Left : external_react_flow_renderer_.Position.Top;
-            element.sourcePosition = isHorizontal ? external_react_flow_renderer_.Position.Right : external_react_flow_renderer_.Position.Bottom;
-            const paddingBetweenNodes = element.data.renderInColumn > 1 ? 75 : 0;
-            const currentColumnToRenderIn = element?.data?.renderInColumn;
-            const maxWidthElementFromPreviousColumn = getMaxWidthElementFromPreviousColumn(elements, currentColumnToRenderIn - 1);
-            const nodeX = Object.keys(maxWidthElementFromPreviousColumn).length > 0 ? getXPositionFromElement(maxWidthElementFromPreviousColumn) : 0;
-            element.position = {
-                x: nodeX + paddingBetweenNodes,
-                y: node.y - node.height / 2
-            };
-            // This is due to an issue with ReactFlow giving errors when we set the width in the styles.
-            if (element.style.width) {
-                if (Number(element.style.width) <= nodeDefaultWidth) {
-                    element.style.width = undefined;
-                }
-            }
-        }
-        return element;
-    });
-}
-// Helper - ReactFlow canvas height calculator
-const calcCanvasHeight = ({ source , data  })=>{
-    const minHeight = 300;
-    const nodeSpacing = nodeDefaultHeight + verticalOffset;
-    let nodesHeight = 0;
-    if (source === "event") {
-        nodesHeight = Math.max(data.producerNames.length, data.consumerNames.length) * nodeSpacing;
-    }
-    if (source === "service") {
-        nodesHeight = Math.max(data.publishes.length, data.subscribes.length) * nodeSpacing;
-    }
-    return Math.max(minHeight, nodesHeight);
-};
-
-;// CONCATENATED MODULE: ./components/Mdx/NodeGraph/NodeGraph.tsx
-
-
-
-
-
-
-// NodeGraphBuilder component wrapping ReactFlow
-function NodeGraphBuilder({ data , source , rootNodeColor , maxZoom =10 , isAnimated =true , fitView =true , zoomOnScroll =false , isDraggable =false , isHorizontal =true , includeBackground =false , includeEdgeLabels =false , includeNodeIcons , title , subtitle  }) {
-    const getElements = (0,external_react_.useCallback)(()=>{
-        if (source === "domain" || source === "all") {
-            const totalEventElements = data.events.map((event)=>getEventElements(event, rootNodeColor, isAnimated, true, true));
-            const totalServiceElements = data.services.map((service)=>getServiceElements(service, rootNodeColor, isAnimated, true, true));
-            const eventsWithServices = totalEventElements.flat().concat(totalServiceElements.flat());
-            // after we merge make sure all elements are unique for the diagram
-            // @ts-ignore
-            return [
-                ...new Map(eventsWithServices.map((item)=>[
-                        item.id,
-                        item
-                    ])).values()
-            ];
-        }
-        if (source === "event") {
-            return getEventElements(data, rootNodeColor, isAnimated, includeEdgeLabels, includeNodeIcons);
-        }
-        return getServiceElements(data, rootNodeColor, isAnimated, includeEdgeLabels, includeNodeIcons);
-    }, [
-        data,
-        includeEdgeLabels,
-        includeNodeIcons,
-        isAnimated,
-        rootNodeColor,
-        source
-    ]);
-    const { fitView: resetView  } = (0,external_react_flow_renderer_.useZoomPanHelper)();
-    const { 0: elements , 1: setElements  } = (0,external_react_.useState)([]);
-    (0,external_react_.useEffect)(()=>{
-        const elementsForGraph = createGraphLayout(getElements(), isHorizontal);
-        setElements(elementsForGraph);
-        setTimeout(()=>{
-            resetView();
-        }, 1);
-    }, [
-        data,
-        getElements,
-        isHorizontal,
-        resetView
-    ]);
-    // ReactFlow operations
-    const onElementClick = (event, element)=>{
-        if (element.data?.link) {
-            window.open(element.data.link, "_self");
-        }
-    };
-    const onLoad = (0,external_react_.useCallback)((reactFlowInstance)=>{
-        if (fitView) {
-            reactFlowInstance.fitView();
-        }
-    }, [
-        fitView
-    ]);
-    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)((external_react_flow_renderer_default()), {
-        elements: elements,
-        onLoad: onLoad,
-        onElementClick: onElementClick,
-        nodesDraggable: isDraggable,
-        zoomOnScroll: zoomOnScroll,
-        maxZoom: maxZoom,
-        children: [
-            title && /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-                className: "absolute top-4 right-4 bg-white z-10 text-lg px-4 py-2 space-x-2",
-                children: [
-                    /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                        className: " font-bold",
-                        children: title
-                    }),
-                    subtitle && /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                                className: "text-gray-200",
-                                children: "|"
-                            }),
-                            /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                                className: "font-light",
-                                children: subtitle
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx(external_react_flow_renderer_.Controls, {
-                className: "block absolute top-5 react-flow__controls-no-shadow"
-            }),
-            includeBackground && /*#__PURE__*/ jsx_runtime_.jsx(external_react_flow_renderer_.Background, {
-                color: "#c1c1c1",
-                gap: 8
-            })
-        ]
-    });
-}
-// NodeGraph wrapping NodeGraphBuilder Component
-function NodeGraph({ maxHeight , renderWithBorder =true , ...builderProps }) {
-    // Set dynamic height of node graph
-    const dynamicHeight = maxHeight || calcCanvasHeight(builderProps);
-    const borderClasses = `border-dashed border-2 border-slate-300`;
-    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-        className: `node-graph w-full h-screen ${renderWithBorder ? borderClasses : ""}`,
-        style: {
-            height: dynamicHeight
-        },
-        children: [
-            /*#__PURE__*/ jsx_runtime_.jsx(external_react_flow_renderer_.ReactFlowProvider, {
-                children: /*#__PURE__*/ jsx_runtime_.jsx(NodeGraphBuilder, {
-                    ...builderProps
-                })
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx((link_default()), {
-                href: `/visualiser?type=${builderProps.source}&name=${builderProps.data.name}`,
-                children: /*#__PURE__*/ jsx_runtime_.jsx("a", {
-                    className: "block text-right underline text-xs mt-4",
-                    children: "Open in Visualiser →"
-                })
-            })
-        ]
-    });
-}
-/* harmony default export */ const NodeGraph_NodeGraph = (NodeGraph);
-
-
-/***/ }),
-
-/***/ 6892:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* eslint-disable */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((str)=>{
-    let hash = 0;
-    for(let i = 0; i < str.length; i++){
-        hash = str.charCodeAt(i) + ((hash << 5) - hash);
-    }
-    let colour = "#";
-    for(let i1 = 0; i1 < 3; i1++){
-        const value = hash >> i1 * 8 & 0xff;
-        colour += `00${value.toString(16)}`.substr(-2);
-    }
-    return colour;
-});
-
-
-/***/ })
-
-};
-;