@eventcatalog/core 0.1.12 → 0.1.16

package/.next/server/pages/visualiser.js

@@ -0,0 +1,583 @@
+"use strict";
+(() => {
+var exports = {};
+exports.id = 742;
+exports.ids = [742];
+exports.modules = {
+
+/***/ 4031:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(968);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1853);
+/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4305);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8768);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _lib_events__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9959);
+/* harmony import */ var _lib_services__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9596);
+/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5008);
+/* harmony import */ var _components_Mdx_NodeGraph_NodeGraph__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8484);
+/* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(6892);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_services__WEBPACK_IMPORTED_MODULE_7__, _lib_events__WEBPACK_IMPORTED_MODULE_6__]);
+([_lib_services__WEBPACK_IMPORTED_MODULE_7__, _lib_events__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+
+
+
+function classNames(...classes) {
+    return classes.filter(Boolean).join(' ');
+}
+function Graph({ events , services  }) {
+    const { title  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_8__/* .useConfig */ .ZR)();
+    const { 0: searchFilter , 1: setSearchFilter  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
+    const { 0: selectedRootNode , 1: setSelectedRootNode  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)();
+    const { 0: listItemsToRender , 1: setListItemsToRender  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({
+        events,
+        services
+    });
+    const { query , isReady: isRouterReady  } = (0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)();
+    const { name , type  } = query;
+    const handleListItemSelection = (data, dataType)=>{
+        setSelectedRootNode({
+            label: data.name,
+            data,
+            type: dataType
+        });
+    };
+    const searchOnChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(lodash_debounce__WEBPACK_IMPORTED_MODULE_4___default()((e)=>{
+        setSearchFilter(e.target.value);
+    }, 500), [
+        listItemsToRender
+    ]);
+    const getListItemsToRender = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
+        if (!searchFilter) return {
+            events,
+            services
+        };
+        const filteredEvents = events.filter((event)=>event.name.indexOf(searchFilter) > -1
+        );
+        const filteredServices = services.filter((service)=>service.name.indexOf(searchFilter) > -1
+        );
+        return {
+            events: filteredEvents,
+            services: filteredServices
+        };
+    }, [
+        events,
+        services,
+        searchFilter
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const filteredListItems = getListItemsToRender();
+        setListItemsToRender(filteredListItems);
+    }, [
+        searchFilter,
+        getListItemsToRender
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        if (!isRouterReady) return;
+        const initialDataToLoad = events[0];
+        const initialSelectedRootNode = {
+            label: initialDataToLoad.name,
+            type: 'event',
+            data: initialDataToLoad
+        };
+        if (name && type) {
+            const dataToSearch = type === 'service' ? services : events;
+            const match = dataToSearch.find((item)=>item.name === name
+            );
+            if (match) {
+                setSelectedRootNode({
+                    label: match.name,
+                    type,
+                    data: match
+                });
+            } else {
+                setSelectedRootNode(initialSelectedRootNode);
+            }
+        } else {
+            setSelectedRootNode(initialSelectedRootNode);
+        }
+    }, [
+        name,
+        type,
+        events,
+        services,
+        isRouterReady
+    ]);
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: "h-screen overflow-hidden",
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_2___default()), {
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("title", {
+                    children: [
+                        title,
+                        " - Visualiser"
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: "grid grid-cols-6",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                        className: "col-span-1 bg-white px-4 h-screen overflow-auto border-r-2 shadow-md border-gray-200 py-3",
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: "border-b border-gray-200 pb-6",
+                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: "mt-1 relative rounded-md shadow-sm",
+                                    children: [
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                            className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
+                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_5__.SearchIcon, {
+                                                className: "h-5 w-5 text-gray-400",
+                                                "aria-hidden": "true"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                            type: "text",
+                                            name: "event",
+                                            id: "event",
+                                            onChange: searchOnChange,
+                                            placeholder: "Find Event or Service",
+                                            className: "focus:ring-gray-500 focus:border-gray-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                className: "space-y-6",
+                                children: [
+                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                        children: [
+                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                                                className: "font-bold block py-2",
+                                                children: [
+                                                    "Events ",
+                                                    ` `,
+                                                    searchFilter && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                                        children: [
+                                                            "(",
+                                                            listItemsToRender.events.length,
+                                                            "/",
+                                                            events.length,
+                                                            ")"
+                                                        ]
+                                                    }),
+                                                    !searchFilter && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                                        children: [
+                                                            "(",
+                                                            events.length,
+                                                            ")"
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            listItemsToRender.events.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                className: "text-sm text-gray-300",
+                                                children: "No Events Found"
+                                            }),
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                                                className: "space-y-4 overflow-auto",
+                                                children: listItemsToRender.events.map((event)=>{
+                                                    const isSelected = selectedRootNode ? selectedRootNode.label === event.name : false;
+                                                    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(ListItem, {
+                                                        type: "event",
+                                                        data: event,
+                                                        onClick: (e)=>handleListItemSelection(e.data, 'event')
+                                                        ,
+                                                        isSelected: isSelected
+                                                    }, event.name));
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                        children: [
+                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                                                className: "font-bold block py-2",
+                                                children: [
+                                                    "Services ",
+                                                    ` `,
+                                                    searchFilter && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                                        children: [
+                                                            "(",
+                                                            listItemsToRender.services.length,
+                                                            "/",
+                                                            services.length,
+                                                            ")"
+                                                        ]
+                                                    }),
+                                                    !searchFilter && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                                        children: [
+                                                            "(",
+                                                            services.length,
+                                                            ")"
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            listItemsToRender.services.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                className: "text-sm text-gray-300",
+                                                children: "No Services Found"
+                                            }),
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                                                className: "space-y-4 overflow-auto",
+                                                children: listItemsToRender.services.map((service)=>{
+                                                    const isSelected = selectedRootNode ? selectedRootNode.label === service.name : false;
+                                                    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(ListItem, {
+                                                        type: "event",
+                                                        data: service,
+                                                        onClick: (e)=>handleListItemSelection(e.data, 'service')
+                                                        ,
+                                                        isSelected: isSelected
+                                                    }, service.name));
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                        className: "bg-gray-200 h-screen col-span-5",
+                        children: selectedRootNode && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_NodeGraph_NodeGraph__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                            source: selectedRootNode.type,
+                            data: selectedRootNode.data,
+                            title: "Visualiser",
+                            subtitle: selectedRootNode.data.name,
+                            rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)(selectedRootNode.label),
+                            fitView: true,
+                            isAnimated: true,
+                            isDraggable: true,
+                            includeBackground: true,
+                            renderWithBorder: false,
+                            maxHeight: "100%",
+                            includeEdgeLabels: true,
+                            includeNodeIcons: true
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+}
+function ListItem({ data , onClick , type , isSelected  }) {
+    const border = isSelected ? 'border-green-500 bg-green-50 shadow-md ' : '';
+    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+        className: "flex",
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+            type: "button",
+            onClick: ()=>onClick({
+                    data,
+                    type
+                })
+            ,
+            className: `flex shadow-sm rounded-md w-full text-left border ${border}`,
+            children: [
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    style: {
+                        background: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)(data.name)
+                    },
+                    className: classNames('bg-red-500', 'flex-shrink-0 flex h-full items-center justify-center w-4 text-white text-sm font-medium rounded-l-md')
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: `w-full rounded-r-md border-t border-r border-b ${isSelected ? 'bg-green-50' : 'bg-white'}`,
+                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                        className: "p-4 text-sm space-y-2 flex flex-col justify-between h-full",
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: "text-gray-900 font-bold hover:text-gray-600 break-all",
+                                children: data.name
+                            }),
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: "text-gray-500 text-xs font-normal mt-2 ",
+                                children: data.summary
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Graph);
+const getStaticProps = ()=>{
+    const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_6__/* .getAllEvents */ .IP)();
+    const services = (0,_lib_services__WEBPACK_IMPORTED_MODULE_7__/* .getAllServices */ .UV)();
+    return {
+        props: {
+            events,
+            services
+        }
+    };
+};
+
+});
+
+/***/ }),
+
+/***/ 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 & 255;
+        colour += `00${value.toString(16)}`.substr(-2);
+    }
+    return colour;
+});
+
+
+/***/ }),
+
+/***/ 8768:
+/***/ ((module) => {
+
+module.exports = require("@heroicons/react/outline");
+
+/***/ }),
+
+/***/ 535:
+/***/ ((module) => {
+
+module.exports = require("@heroicons/react/outline/");
+
+/***/ }),
+
+/***/ 9464:
+/***/ ((module) => {
+
+module.exports = require("@heroicons/react/solid/");
+
+/***/ }),
+
+/***/ 7795:
+/***/ ((module) => {
+
+module.exports = require("compare-versions");
+
+/***/ }),
+
+/***/ 4214:
+/***/ ((module) => {
+
+module.exports = require("dagre");
+
+/***/ }),
+
+/***/ 8076:
+/***/ ((module) => {
+
+module.exports = require("gray-matter");
+
+/***/ }),
+
+/***/ 4305:
+/***/ ((module) => {
+
+module.exports = require("lodash.debounce");
+
+/***/ }),
+
+/***/ 7112:
+/***/ ((module) => {
+
+module.exports = require("next-mdx-remote/serialize");
+
+/***/ }),
+
+/***/ 4558:
+/***/ ((module) => {
+
+module.exports = require("next/config");
+
+/***/ }),
+
+/***/ 562:
+/***/ ((module) => {
+
+module.exports = require("next/dist/server/denormalize-page-path.js");
+
+/***/ }),
+
+/***/ 4014:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");
+
+/***/ }),
+
+/***/ 8020:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/mitt.js");
+
+/***/ }),
+
+/***/ 4964:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router-context.js");
+
+/***/ }),
+
+/***/ 9565:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");
+
+/***/ }),
+
+/***/ 4365:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/get-middleware-regex.js");
+
+/***/ }),
+
+/***/ 1428:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");
+
+/***/ }),
+
+/***/ 1292:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");
+
+/***/ }),
+
+/***/ 979:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/querystring.js");
+
+/***/ }),
+
+/***/ 6052:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");
+
+/***/ }),
+
+/***/ 4226:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");
+
+/***/ }),
+
+/***/ 5052:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");
+
+/***/ }),
+
+/***/ 9232:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/utils.js");
+
+/***/ }),
+
+/***/ 968:
+/***/ ((module) => {
+
+module.exports = require("next/head");
+
+/***/ }),
+
+/***/ 1853:
+/***/ ((module) => {
+
+module.exports = require("next/router");
+
+/***/ }),
+
+/***/ 6689:
+/***/ ((module) => {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 6987:
+/***/ ((module) => {
+
+module.exports = require("react-flow-renderer");
+
+/***/ }),
+
+/***/ 997:
+/***/ ((module) => {
+
+module.exports = require("react/jsx-runtime");
+
+/***/ }),
+
+/***/ 4970:
+/***/ ((module) => {
+
+module.exports = import("diff");;
+
+/***/ }),
+
+/***/ 7147:
+/***/ ((module) => {
+
+module.exports = require("fs");
+
+/***/ }),
+
+/***/ 1017:
+/***/ ((module) => {
+
+module.exports = require("path");
+
+/***/ })
+
+};
+;
+
+// load runtime
+var __webpack_require__ = require("../webpack-runtime.js");
+__webpack_require__.C(exports);
+var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
+var __webpack_exports__ = __webpack_require__.X(0, [47,97,8,681,484], () => (__webpack_exec__(4031)));
+module.exports = __webpack_exports__;
+
+})();

package/.next/server/pages/visualiser.js.nft.json

@@ -0,0 +1 @@
+{"version":1,"files":["../webpack-runtime.js","../chunks/47.js","../chunks/97.js","../chunks/8.js","../chunks/681.js","../chunks/484.js","../../../package.json","../../../hooks/EventCatalog.tsx","../../../lib/events.ts","../../../lib/services.ts","../../../utils/random-bg.ts","../../../components/Mdx/NodeGraph/NodeGraph.tsx","../../../eventcatalog.config.js","../../../lib/file-reader.ts","../../../components/Mdx/NodeGraph/GraphElements.tsx","../../../components/Mdx/NodeGraph/GraphLayout.ts","../../../components/Mdx/NodeGraph/Node.tsx","../../../package.json"]}

package/.next/server/pages/visualiser.json

@@ -0,0 +1 @@
+{"pageProps":{"events":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"services":[{"name":"Basket Service","summary":"CRUD based API to handle Basket interactions for users of the shopping website.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-basket-service"},"tags":[],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"publishes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[]},{"name":"Data Lake","summary":"Our internal datalake used by the data team and business analytics.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[],"subscribes":[{"name":"AddedItemToCart","version":"0.0.3","summary":"Holds information about what the user added to their shopping cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[{"label":"AsyncAPI Specification","url":"https://studio.asyncapi.com/#schema-lightMeasuredPayload"}],"historicVersions":["0.0.2","0.0.1"]},{"name":"OrderComplete","version":"0.0.1","summary":"Event represents when an order has been complete. (Delivered and finished)\n","producers":["Orders Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"RemovedItemFromCart","version":"0.0.1","summary":"Holds information about what the user removed from their cart.\n","producers":["Basket Service"],"consumers":["Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},{"name":"Shipping Service","summary":"Event based application that handles processing of shipments, preparing them and dispatching them.\n","owners":["dboyne"],"repository":{"language":"JavaScript","url":"https://github.com/boyney123/pretend-shipping-service"},"tags":[],"externalLinks":[],"publishes":[{"name":"ShipmentDelivered","version":"0.0.1","summary":"Event represents when a shipment has been delivered and received.\n","producers":["Shipping Service"],"consumers":["Order Service","Data Lake"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderConfirmed","version":"0.0.1","summary":"Event represents when an order has been confirmed and ready to be processed (shipped for example)\n","producers":["Orders Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentDispatched","version":"0.0.1","summary":"Event represents when a shipment has been dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]},{"name":"ShipmentPrepared","version":"0.0.1","summary":"Event represents when a shipment has finished being prepared and is ready to be dispatched.\n","producers":["Shipping Service"],"consumers":["Shipping Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]}]},"__N_SSG":true}

package/.next/server/pages-manifest.json

@@ -9,6 +9,7 @@
   "/services": "pages/services.js",
   "/services/[name]": "pages/services/[name].js",
   "/users/[id]": "pages/users/[id].js",
+  "/visualiser": "pages/visualiser.js",
   "/_error": "pages/_error.js",
   "/_document": "pages/_document.js",
   "/404": "pages/404.html"

package/.next/static/7llqY64OLAlXQNo-YhXyr/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(s,e,c,a,t,n,i,f,b,d,r,u,v,k,h){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-fe1a9e09c7f51e66.js"],"/_error":["static/chunks/pages/_error-5a714c45c50a8db4.js"],"/events":[c,s,e,f,"static/chunks/pages/events-1f39499146c9c75f.js"],"/events/[name]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]-813780e7042af288.js"],"/events/[name]/logs":[s,"static/chunks/364-9c039ca46569869e.js","static/css/5eeed9cb243ce668.css","static/chunks/pages/events/[name]/logs-707da36de8222a98.js"],"/events/[name]/v/[version]":[c,a,b,d,r,s,e,t,u,v,n,i,k,h,"static/chunks/pages/events/[name]/v/[version]-33051dbc32f5fe4e.js"],"/overview":["static/chunks/pages/overview-2f0bfad06c84e437.js"],"/services":[c,s,e,f,"static/chunks/pages/services-f52121c6dc1211aa.js"],"/services/[name]":[c,a,s,e,t,n,i,"static/chunks/pages/services/[name]-142d7fa515cfc532.js"],"/users/[id]":[c,e,"static/chunks/pages/users/[id]-d3140bb155f8fb45.js"],"/visualiser":[a,s,e,t,n,"static/chunks/pages/visualiser-0fbd55ba5b1f83ed.js"],sortedPages:["/","/_app","/_error","/events","/events/[name]","/events/[name]/logs","/events/[name]/v/[version]","/overview","/services","/services/[name]","/users/[id]","/visualiser"]}}("static/chunks/519-2ec6fc3cdbaa4dc2.js","static/chunks/962-20c87db3880df896.js","static/chunks/176cb4e4-8a0f6f010ef8accb.js","static/chunks/b744740b-229c238b25b9eeac.js","static/chunks/506-12764fcf4b5d93b0.js","static/chunks/109-a08539311d3d6672.js","static/chunks/252-08ab418f9b6821dd.js","static/chunks/274-11c4d093341d7201.js","static/chunks/1df474da-91f6061ee61707c6.js","static/chunks/7f5d3f51-7158fdd5a44cedd5.js","static/chunks/2edb282b-9e1cce5842787609.js","static/chunks/5-f60eecf67567a225.js","static/chunks/650-343888e13f994a09.js","static/chunks/178-87f01d17ab32dd4f.js","static/css/7e14b4dede1671ad.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/.next/static/7llqY64OLAlXQNo-YhXyr/_ssgManifest.js

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set(["\u002Foverview","\u002Fvisualiser","\u002Fevents","\u002Fservices","\u002Fevents\u002F[name]\u002Flogs","\u002Fservices\u002F[name]","\u002Fusers\u002F[id]","\u002Fevents\u002F[name]","\u002Fevents\u002F[name]\u002Fv\u002F[version]"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

package/.next/static/chunks/109-a08539311d3d6672.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[109],{78484:function(e,t,n){n.d(t,{Z:function(){return O}});var a=n(52322),r=n(2784),o=n(39097),i=n(54064),c=n(70314),l=n(17962),u=n(61519);var d=function(e){var t=e.type,n=e.label,r="event"===t?u.bV6:l.QTo;return(0,a.jsxs)("div",{children:[(0,a.jsx)(r,{className:"h-3 w-3 text-gray-700 inline-block mr-1 -mt-0.5"}),(0,a.jsx)("span",{className:"text-gray-700",children:n})]})};function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){s(e,t,n[t])}))}return e}function f(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var b=(0,c.default)().publicRuntimeConfig,m=(void 0===b?{}:b).basePath,h=void 0===m?"":m,v=function(e){return 8*e.length>150?8*e.length:150},g=function(e){var t=e.id,n=e.target,a=e.source,r=e.label,o=e.isAnimated,c=void 0===o||o;return{id:t,target:n,source:a,type:"smoothstep",arrowHeadType:i.f8.ArrowClosed,animated:c,label:r,labelBgPadding:[8,4],labelBgBorderRadius:4,labelStyle:{fontSize:"6px"},labelBgStyle:{fill:"white",color:"#fff",fillOpacity:.5}}},y=function(e){var t=e.name,n=e.label,a=e.type,r=e.maxWidth,o=v(n);return{label:n,link:function(e,t){return""!==h?"".concat(h,"/").concat(t,"/").concat(e):"/".concat(t,"/").concat(e)}(t,"service"===a?"services":"events"),width:o,maxWidth:r}},x=function(e){var t=e.type,n=e.label;return e.includeIcon?(0,a.jsx)(d,{type:t,label:n}):n},w=n(46506),j=n.n(w);function _(e,t){var n=new(j().graphlib.Graph);return n.setDefaultEdgeLabel((function(){return{}})),n.setGraph({rankdir:"LR",ranksep:96,nodesep:32}),e.forEach((function(e){if((0,i.UG)(e)){var t,a,r,o,c=(null===(t=e.__rf)||void 0===t?void 0:t.width)?null===(a=e.__rf)||void 0===a?void 0:a.width:null===(r=e.data)||void 0===r?void 0:r.width;n.setNode(e.id,{width:c||150,height:(null===(o=e.__rf)||void 0===o?void 0:o.height)||36})}else n.setEdge(e.source,e.target)})),j().layout(n),e.map((function(e){if((0,i.UG)(e)){var a,r=n.node(e.id);e.targetPosition=t?i.Ly.Left:i.Ly.Top,e.sourcePosition=t?i.Ly.Right:i.Ly.Bottom,e.position={x:24+r.x-((null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.maxWidth)||r.width)/2,y:r.y-r.height/2}}return e}))}function A(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function N(e){var t=e.data,n=e.source,o=e.rootNodeColor,c=e.maxZoom,l=void 0===c?10:c,u=e.isAnimated,d=void 0===u||u,s=e.fitView,b=void 0===s||s,m=e.zoomOnScroll,h=void 0!==m&&m,w=e.isDraggable,j=void 0!==w&&w,N=e.isHorizontal,O=void 0===N||N,k=e.includeBackground,S=void 0!==k&&k,E=e.includeEdgeLabels,I=void 0!==E&&E,z=e.includeNodeIcons,L=e.title,C=e.subtitle,W=function(){return"event"===n?function(e,t,n,a,r){var o,i,c=e.name,l=e.producers,u=e.consumers,d=void 0===t?"#2563eb":t,s=void 0===n||n,b=void 0!==a&&a,m=void 0!==r&&r,h={x:0,y:0},w={fontSize:m?"8px":"auto"},j=l.map((function(e){return v(e)})),_=(o=Math).max.apply(o,f(j)),A=u.map((function(e){return v(e)})),N=(i=Math).max.apply(i,f(A)),O="ev-".concat(c.replace(/ /g,"_")),k=v(c),S=l.map((function(e){return{label:e,id:"pr-".concat(e.replace(/ /g,"_"))}})),E=u.map((function(e){return{label:e,id:"co-".concat(e.replace(/ /g,"_"))}})),I=S.map((function(e){var t=e.label,n=e.id,a=v(t),r=_-a,o=0!==r?a-r:_,i=x({type:"service",label:t,includeIcon:m});return{id:n,data:y({name:t,label:i,type:"service",maxWidth:o}),style:p({border:"2px solid ".concat("#75d7b6"),width:a},w),type:"input",position:h}})),z=E.map((function(e){var t=e.id,n=e.label,a=v(n),r=x({type:"service",label:n,includeIcon:m});return{id:t,data:y({name:n,label:r,type:"service",maxWidth:N}),style:p({border:"2px solid ".concat("#818cf8"),width:a},w),type:"output",position:h}})),L={id:O,data:y({name:c,label:x({type:"event",label:c,includeIcon:m}),type:"event",maxWidth:k}),style:p({border:"2px solid ".concat(d),width:k},w),position:h},C=S.map((function(e){var t=e.id,n=e.label;return g({id:"epe-".concat(n.replace(/ /g,"_")),source:t,target:O,isAnimated:s,label:b?"publishes":""})})),W=E.map((function(e){var t=e.id,n=e.label;return g({id:"ece-".concat(n.replace(/ /g,"_")),target:t,source:O,isAnimated:s,label:b?"subscribed by":""})}));return f(I).concat([L],f(z),f(C),f(W))}(t,o,d,I,z):function(e,t,n,a,r){var o,i,c=e.publishes,l=e.subscribes,u=e.name,d=void 0===t?"#2563eb":t,s=void 0===n||n,b=void 0!==a&&a,m=void 0!==r&&r,h={x:0,y:0},w={fontSize:m?"8px":"auto"},j=c.map((function(e){return v(e.name)})),_=(o=Math).max.apply(o,f(j)),A=l.map((function(e){return v(e.name)})),N=(i=Math).max.apply(i,f(A)),O="ser-".concat(u.replace(/ /g,"_")),k=c.map((function(e){var t=v(e.name),n=x({type:"event",label:e.name,includeIcon:m});return{id:"pub-".concat(e.name.replace(/ /g,"_")),data:y({name:e.name,label:n,type:"event",maxWidth:_}),style:p({border:"2px solid ".concat("#818cf8"),width:t},w),type:"output",position:h}})),S=l.map((function(e){var t=v(e.name),n=N-t,a=0!==n?t-n:N,r=x({type:"event",label:e.name,includeIcon:m});return{id:"sub-".concat(e.name.replace(/ /g,"_")),data:y(p({name:e.name,label:r,type:"event",maxWidth:a},w)),style:p({border:"2px solid ".concat("#75d7b6"),width:t},w),type:"input",position:h}})),E={id:O,data:y({name:u,label:x({type:"service",label:u,includeIcon:m}),type:"service",maxWidth:v(u)}),style:p({border:"2px solid ".concat(d),width:v(u)},w),position:h},I=c.map((function(e){return g({id:"ecp-".concat(e.name.replace(/ /g,"_")),source:O,target:"pub-".concat(e.name.replace(/ /g,"_")),isAnimated:s,label:b?"publishes":""})})),z=l.map((function(e){return g({id:"esc-".concat(e.name.replace(/ /g,"_")),target:O,source:"sub-".concat(e.name.replace(/ /g,"_")),isAnimated:s,label:b?"subscribed by":""})}));return f(S).concat([E],f(k),f(I),f(z))}(t,o,d,I,z)},B=(0,r.useRef)(!1),P=(0,i.Kw)((function(e){return e.nodes})),V=(0,i.Kw)((function(e){return e.edges})),Z=(0,i.Hs)().fitView,M=_(W(),O),D=(0,r.useState)(M),H=D[0],T=D[1];(0,r.useEffect)((function(){var e=_(W(),O);T(e),setTimeout((function(){Z()}),1)}),[t]),(0,r.useEffect)((function(){var e;if(!1===B.current&&P.length>0&&null!=(null===P||void 0===P||null===(e=P[0])||void 0===e?void 0:e.__rf.width)){!function(){var e=_(A(P).concat(A(V)),O);T(e),B.current=!0}()}}),[P,V,B,O]);var R=(0,r.useCallback)((function(e){b&&e.fitView()}),[b]);return(0,a.jsxs)(i.ZP,{elements:H,onLoad:R,onElementClick:function(e,t){return window.open(t.data.link,"_self")},nodesDraggable:j,zoomOnScroll:h,maxZoom:l,children:[L&&(0,a.jsxs)("div",{className:"absolute top-4 right-4 bg-white z-10 text-lg px-4 py-2 space-x-2",children:[(0,a.jsx)("span",{className:" font-bold",children:L}),C&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"text-gray-200",children:"|"}),(0,a.jsx)("span",{className:"font-light",children:C})]})]}),(0,a.jsx)(i.ZX,{className:"block absolute top-5 react-flow__controls-no-shadow"}),S&&(0,a.jsx)(i.Aq,{color:"#c1c1c1",gap:8})]})}var O=function(e){var t=e.data,n=e.source,r=e.rootNodeColor,c=e.maxHeight,l=e.maxZoom,u=e.fitView,d=e.zoomOnScroll,s=e.isAnimated,p=e.isDraggable,f=e.isHorizontal,b=e.includeBackground,m=e.renderWithBorder,h=void 0===m||m,v=e.title,g=e.subtitle,y=e.includeEdgeLabels,x=e.includeNodeIcons,w=c||function(e,t){var n=0;return n="event"===t?68*Math.max(e.producers.length,e.consumers.length):68*Math.max(e.publishes.length,e.subscribes.length),Math.max(300,n)}(t,n);return(0,a.jsxs)("div",{className:"node-graph w-full h-screen ".concat(h?"border-dashed border-2 border-slate-300":""),style:{height:w},children:[(0,a.jsx)(i.tV,{children:(0,a.jsx)(N,{source:n,data:t,rootNodeColor:r,maxZoom:l,fitView:u,includeBackground:b,zoomOnScroll:d,isAnimated:s,isDraggable:p,isHorizontal:f,includeEdgeLabels:y,includeNodeIcons:x,title:v,subtitle:g})}),(0,a.jsx)(o.default,{href:"/visualiser?type=".concat(n,"&name=").concat(t.name),children:(0,a.jsx)("a",{className:"block text-right underline text-xs mt-4",children:"Open in Visualiser \u2192"})})]})}},46892:function(e,t,n){function a(e){for(var t=0,n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);for(var a="#",r=0;r<3;r++){a+="00".concat((t>>8*r&255).toString(16)).substr(-2)}return a}n.d(t,{Z:function(){return a}})}}]);