31:T950,chart = { let parsedData; try { parsedData = JSON.parse(data); } catch (e) { return 'incorrect data'; } if (!parsedData || !Array.isArray(parsedData.links) || !Array.isArray(parsedData.nodes)) return 'incorrect data'; const links = [...parsedData.links]; const nodes = [...parsedData.nodes]; const simulation = forceSimulation(nodes, links).on("tick", ticked); const svg = d3 .select(DOM.svg(width, height)) .attr("viewBox", [-width / 2, -height / 2, width, height]); svg .append("defs") .append("marker") .attr("id", "arrowHead") .attr("viewBox", "0 0 10 10") .attr("refX", 12) .attr("refY", 5) .attr("orient", "auto") .attr("markerWidth", 6) .attr("markerHeight", 6) .append("svg:path") .attr("d", "M 0 0 L 10 5 L 0 10 z") .attr("fill", "#999") .style("stroke", "none"); const graph = svg.append("g").attr("class", "graph"); var zoom_handler = d3.zoom().on("zoom", zoom_actions.bind(this, graph)); zoom_handler(svg); const link = graph .append("g") .attr("class", "links") .attr("stroke", "#999") .selectAll("line") .data(links) .enter() .append("line") .attr("marker-end", "url(#arrowHead)") .attr("stroke-width", 2); const node = graph .append("g") .attr("class", "nodes") .selectAll(".node") .data(nodes) .enter() .append("g") .attr("class", "node") .call(drag(simulation)); node .append("circle") .attr("r", 5) .attr("fill", d => { switch (d.scope) { case "Singleton": case "Transient": case "Request": return scopeColors[d.scope]; default: return "gray"; } }); node.append("text").text(d => d.name); function ticked() { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node.attr("transform", d => "translate(" + d.x + "," + d.y + ")"); } return svg.node(); }32:T3449,viewof data = html`

{
    "nodes": [
        {
            "id": "48a7eb87-2c4d-69d7-ad28-a69b6f632d61",
            "name": "AuthStore",
            "guid": "4fd105ce-571d-67b6-42f6-016196c2c5a6",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "bb540fa8-42cc-5c98-26ca-7c0bc3886414",
            "name": "AuthService",
            "guid": "24297ce0-282d-5323-44ae-7c183c808ce4",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "d5de2c29-1191-f1f0-a7ec-71ea39cc467e",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "a484fc28-970c-5803-25ab-b240a8d5af9a",
            "name": "Http",
            "guid": "8f0853e4-5ca5-7f83-77da-64da4d4e7dac",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "fbdea379-29b3-a289-cf4d-f908834b6741",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "e9641ae0-4987-63b5-2d83-4d86b234e922",
            "name": "IntlStore",
            "guid": "00186d7a-d492-0dcd-82c7-6cfb3838f39e",
            "scope": "Singleton",
            "type": "Instance"
        },
        {
            "id": "4d20c9fd-4764-46da-d993-687feaae3bc7",
            "name": "IntlService",
            "guid": "6d3a0abf-b34b-8303-a876-4c00395976ee",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "d2efbcb0-df9b-817a-91e1-6e330b87ca15",
            "name": "Http",
            "guid": "8f0853e4-5ca5-7f83-77da-64da4d4e7dac",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "2ced1c59-4d66-70e5-5063-267c7edc4eb6",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "885922f0-e299-82e8-bd12-e035c9c67cda",
            "name": "AuthStore",
            "guid": "4fd105ce-571d-67b6-42f6-016196c2c5a6",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "a25a4f11-16fb-caa4-742e-d64e5cf76f1b",
            "name": "AuthService",
            "guid": "24297ce0-282d-5323-44ae-7c183c808ce4",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "410f207f-c355-4f38-b3f7-2ba0620bc315",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "6a4054f6-63bb-0d13-0bff-20045d15c045",
            "name": "Http",
            "guid": "8f0853e4-5ca5-7f83-77da-64da4d4e7dac",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "36334018-dbbb-995b-4895-fc64b139d71a",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "05436720-3f04-1c57-f4b0-16156f6f2324",
            "name": "SettingsStore",
            "guid": "054d809f-0f59-ee00-f560-2ca59d41d299",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "b52afa77-c98c-ecf6-4855-7fd0c46888b6",
            "name": "SettingsService",
            "guid": "7b9b4b02-07c0-a0dd-93f4-c2d780a4b198",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "d44d7c21-a309-a85a-c504-60b910f4df75",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "4087063d-4a59-9d8f-02fe-219499cb6ec6",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "108eee13-23a1-119d-8d06-3a99ed7c5ca8",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "ef120fd3-efc5-2f86-f494-b37c32152bcb",
            "name": "OrderProgressBarStore",
            "guid": "2d856b89-3d02-518b-48a1-dd971cccec87",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "9d1767a5-0a6a-a0f9-0acf-369f739429a1",
            "name": "OmsService",
            "guid": "3457a88d-8d88-3572-e38a-4f9187b68366",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "3655cef6-6aa6-b1ad-6961-5b88e1a35c53",
            "name": "TmsService",
            "guid": "885b4c36-df6a-5274-26ba-47ba4ab8e196",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "57def2f2-3a5a-ad29-fb9a-90cf463091d1",
            "name": "IntlStore",
            "guid": "00186d7a-d492-0dcd-82c7-6cfb3838f39e",
            "scope": "Singleton",
            "type": "Instance"
        },
        {
            "id": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "name": "OmsStore",
            "guid": "83a9b9e2-3789-b322-aab8-6c224a51d4af",
            "scope": "Singleton",
            "type": "Instance"
        },
        {
            "id": "6f92cf1a-0ed0-75b8-c324-b3f2f2c279de",
            "name": "OmsService",
            "guid": "3457a88d-8d88-3572-e38a-4f9187b68366",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "2eebe091-abc6-365f-11f5-d90f1fa88b5d",
            "name": "HubsStore",
            "guid": "7311413d-c48f-becd-72f0-a874a91928b4",
            "scope": "Singleton",
            "type": "Instance"
        },
        {
            "id": "e1eab823-c04b-d439-de27-55b9abb36390",
            "name": "HubsService",
            "guid": "e39565d1-fd90-1260-4103-b304fc46a6d3",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "c9354305-bc79-0ff0-3382-cb7b35cdb0c7",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "6da3c6da-3aa5-2c2b-eb3f-4ae21f197967",
            "name": "NotificationsStore",
            "guid": "ae255adc-2af6-08bf-7e0b-911d18d3db72",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "9c744ef7-2aa6-7b99-222a-0c814a8706b0",
            "name": "NotificationsService",
            "guid": "a69bd1c8-6654-4dd8-198c-4b7f0d9929ba",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "8a6b685e-bae5-8bd1-528e-c6a19fee9f58",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "5bb4a76b-9725-c992-651b-4f292726971e",
            "name": "NotificationsService",
            "guid": "a69bd1c8-6654-4dd8-198c-4b7f0d9929ba",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "39d8700a-b03e-77dc-6d04-0e4e2835bbcc",
            "name": "PrepareODataFilter",
            "guid": "96077bbc-246d-4148-9df0-578dba806683",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "4e36f925-986e-057b-8b52-f4451e0196ef",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "ab649feb-694a-06f9-298d-f33c428c5aad",
            "name": "OrderCloseController",
            "guid": "e941f5ec-9673-f44a-af4d-54d435f9efa3",
            "scope": "Request",
            "type": "Instance"
        },
        {
            "id": "b9554d56-3fce-d269-b54e-617b9b882e6d",
            "name": "TmsService",
            "guid": "885b4c36-df6a-5274-26ba-47ba4ab8e196",
            "scope": "Transient",
            "type": "Instance"
        },
        {
            "id": "6998ed69-e291-f16f-35ed-d193ed8e8083",
            "name": "Logger",
            "guid": "7a0c884a-4e2f-c561-8504-2ebf6f4c526b",
            "scope": "Transient",
            "type": "Instance"
        }
    ],
    "links": [
        {
            "source": "bb540fa8-42cc-5c98-26ca-7c0bc3886414",
            "target": "d5de2c29-1191-f1f0-a7ec-71ea39cc467e"
        },
        {
            "source": "48a7eb87-2c4d-69d7-ad28-a69b6f632d61",
            "target": "bb540fa8-42cc-5c98-26ca-7c0bc3886414"
        },
        {
            "source": "48a7eb87-2c4d-69d7-ad28-a69b6f632d61",
            "target": "a484fc28-970c-5803-25ab-b240a8d5af9a"
        },
        {
            "source": "48a7eb87-2c4d-69d7-ad28-a69b6f632d61",
            "target": "fbdea379-29b3-a289-cf4d-f908834b6741"
        },
        {
            "source": "4d20c9fd-4764-46da-d993-687feaae3bc7",
            "target": "d2efbcb0-df9b-817a-91e1-6e330b87ca15"
        },
        {
            "source": "4d20c9fd-4764-46da-d993-687feaae3bc7",
            "target": "2ced1c59-4d66-70e5-5063-267c7edc4eb6"
        },
        {
            "source": "e9641ae0-4987-63b5-2d83-4d86b234e922",
            "target": "4d20c9fd-4764-46da-d993-687feaae3bc7"
        },
        {
            "source": "a25a4f11-16fb-caa4-742e-d64e5cf76f1b",
            "target": "410f207f-c355-4f38-b3f7-2ba0620bc315"
        },
        {
            "source": "885922f0-e299-82e8-bd12-e035c9c67cda",
            "target": "a25a4f11-16fb-caa4-742e-d64e5cf76f1b"
        },
        {
            "source": "885922f0-e299-82e8-bd12-e035c9c67cda",
            "target": "6a4054f6-63bb-0d13-0bff-20045d15c045"
        },
        {
            "source": "885922f0-e299-82e8-bd12-e035c9c67cda",
            "target": "36334018-dbbb-995b-4895-fc64b139d71a"
        },
        {
            "source": "e9641ae0-4987-63b5-2d83-4d86b234e922",
            "target": "885922f0-e299-82e8-bd12-e035c9c67cda"
        },
        {
            "source": "b52afa77-c98c-ecf6-4855-7fd0c46888b6",
            "target": "d44d7c21-a309-a85a-c504-60b910f4df75"
        },
        {
            "source": "05436720-3f04-1c57-f4b0-16156f6f2324",
            "target": "b52afa77-c98c-ecf6-4855-7fd0c46888b6"
        },
        {
            "source": "05436720-3f04-1c57-f4b0-16156f6f2324",
            "target": "4087063d-4a59-9d8f-02fe-219499cb6ec6"
        },
        {
            "source": "e9641ae0-4987-63b5-2d83-4d86b234e922",
            "target": "05436720-3f04-1c57-f4b0-16156f6f2324"
        },
        {
            "source": "e9641ae0-4987-63b5-2d83-4d86b234e922",
            "target": "108eee13-23a1-119d-8d06-3a99ed7c5ca8"
        },
        {
            "source": "ef120fd3-efc5-2f86-f494-b37c32152bcb",
            "target": "9d1767a5-0a6a-a0f9-0acf-369f739429a1"
        },
        {
            "source": "ef120fd3-efc5-2f86-f494-b37c32152bcb",
            "target": "3655cef6-6aa6-b1ad-6961-5b88e1a35c53"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "6f92cf1a-0ed0-75b8-c324-b3f2f2c279de"
        },
        {
            "source": "2eebe091-abc6-365f-11f5-d90f1fa88b5d",
            "target": "e1eab823-c04b-d439-de27-55b9abb36390"
        },
        {
            "source": "2eebe091-abc6-365f-11f5-d90f1fa88b5d",
            "target": "c9354305-bc79-0ff0-3382-cb7b35cdb0c7"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "2eebe091-abc6-365f-11f5-d90f1fa88b5d"
        },
        {
            "source": "6da3c6da-3aa5-2c2b-eb3f-4ae21f197967",
            "target": "9c744ef7-2aa6-7b99-222a-0c814a8706b0"
        },
        {
            "source": "6da3c6da-3aa5-2c2b-eb3f-4ae21f197967",
            "target": "8a6b685e-bae5-8bd1-528e-c6a19fee9f58"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "6da3c6da-3aa5-2c2b-eb3f-4ae21f197967"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "5bb4a76b-9725-c992-651b-4f292726971e"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "39d8700a-b03e-77dc-6d04-0e4e2835bbcc"
        },
        {
            "source": "c4d8ef9e-5ba9-2159-a286-c561a90e966a",
            "target": "4e36f925-986e-057b-8b52-f4451e0196ef"
        },
        {
            "source": "ab649feb-694a-06f9-298d-f33c428c5aad",
            "target": "b9554d56-3fce-d269-b54e-617b9b882e6d"
        },
        {
            "source": "ab649feb-694a-06f9-298d-f33c428c5aad",
            "target": "6998ed69-e291-f16f-35ed-d193ed8e8083"
        }
    ]
}

`33:[] 2f:{"title":"Dependencies Graph","cells":[{"id":0,"value":"md`# Dependencies Graph\nReplace the _data_ in _textarea_.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"md`\n## Legeng\n### Scopes:\n

\n ● - Transient scope;\n ● - Singleton scope;\n ● - Request scope.\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"scopeColors = {\n return {\n Transient: 'green',\n Singleton: 'red',\n Request: 'blue',\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"height = 480","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"function forceSimulation(nodes, links) {\n return d3.forceSimulation(nodes)\n .force(\"link\", d3.forceLink(links).id(d => d.id).distance(100).strength(1))\n .force(\"charge\", d3.forceManyBody().strength(-100))\n .force(\"center\", d3.forceCenter());\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"drag = simulation => {\n function dragStarted(d) {\n if (!d3.event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n\n function dragged(d) {\n d.fx = d3.event.x;\n d.fy = d3.event.y;\n }\n\n function dragEnded(d) {\n if (!d3.event.active) simulation.alphaTarget(0);\n\n d.fx = null;\n d.fy = null;\n }\n\n return d3\n .drag()\n .on('start', dragStarted)\n .on('drag', dragged)\n .on('end', dragEnded);\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"zoom_actions = (graph) => {\n graph.attr('transform', d3.event.transform);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}