Build the node graph frontend with placeholder graph info (#581)

* Build the node graph frontend

* Graph pan and zoom

* Graph's dot grid now pans/zooms also

* Interactive horisontal to vertical curves

* Data types and zooming on wires

* Icon definitions code beautification

* Add a visibility toggle

Co-authored-by: 0hypercube <0hypercube@gmail.com>

frontend/src/components/widgets/inputs/MenuBarInput.vue

@@ -154,7 +154,14 @@ function makeMenuEntries(editor: EditorState): MenuListEntries {
 		{
 			label: "View",
 			ref: undefined,
-			children: [[{ label: "Menu entries coming soon" }]],
+			children: [
+				[
+					{
+						label: "Show/Hide Node Graph (In Development)",
+						action: async (): Promise<void> => editor.instance.toggle_node_graph_visibility(),
+					},
+				],
+			],
 		},
 		{
 			label: "Help",
@@ -190,7 +197,7 @@ function makeMenuEntries(editor: EditorState): MenuListEntries {
 }
 
 export default defineComponent({
-	inject: ["editor", "dialog"],
+	inject: ["workspace", "editor", "dialog"],
 	methods: {
 		setEntryRefs(menuEntry: MenuListEntry, ref: typeof MenuList) {
 			if (ref) menuEntry.ref = ref;