45:["$","title",null,{"children":"Neo4j Driver for JavaScript | socrano | Observable"}] 4d:Te25,md`# Neo4j Driver for JavaScript A database driver for Neo4j 3.0.0+. Resources to get you started: - [Detailed docs](http://neo4j.com/docs/api/javascript-driver/current/). - [Sample small project using the driver](https://github.com/neo4j-examples/movies-javascript-bolt) - [Sample application using the driver](https://github.com/neo4j-examples/neo4j-movies-template) - [Neo4j Manual](https://neo4j.com/docs/) - [Neo4j Refcard](https://neo4j.com/docs/cypher-refcard/current/) See GitHub repository for more details: [neo4j-javascript-driver](https://github.com/neo4j/neo4j-javascript-driver) `4e:[] 49:{"id":"b35ce47dfaa247a8","slug":"neo4j-driver-for-javascript","title":"Neo4j Driver for JavaScript","thumbnail":"2df53e2894cd2e4c61515c9f0552ff77b461b1b681c1642b5786536e59041cd8","access_level":"public","create_time":"$D2021-04-06T05:01:09.606Z","update_time":"$D2021-04-06T05:01:09.606Z","view_time":null,"first_public_time":"$D2021-04-06T05:07:51.986Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"3c32529f19d79e67","login":"socrano","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7e34544e65631904a28581d40ef16cead635adaf4172afd77033315c4273a78a","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":868,"publish_version":868,"role":null,"authored":false,"authors":[{"type":"individual","id":"fd7ef74f07d09318","login":"socrano","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7e34544e65631904a28581d40ef16cead635adaf4172afd77033315c4273a78a","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"fd7ef74f07d09318","login":"socrano","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7e34544e65631904a28581d40ef16cead635adaf4172afd77033315c4273a78a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Neo4j Driver for JavaScript","cells":[{"id":573,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"md`\n---\n### Get neo4j driver:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"neo4j = {\n // const neo4j = await require('neo4j-driver@1/lib/browser/neo4j-web.js');\n // const neo4j = await require('https://cdn.jsdelivr.net/npm/neo4j-driver@4.1/lib/browser/neo4j-web.js');\n\n const neo4j = await require('neo4j-driver');\n return neo4j;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"md`\n---\n### Create a driver instance:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"driver = neo4j.driver(\n \"bolt://localhost:7687\",\n neo4j.auth.basic(\"neo4j\", \"\")\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"md`\n---\n### Run a query and return result records (the Promise way):`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"persons = {\n const session = driver.session();\n let results;\n\n await session\n .run('MATCH (n) return n')\n .then(r => {\n results = r.records.map(d => d.toObject());\n session.close();\n })\n .catch(error => {\n results = [];\n console.log(error);\n });\n\n return results;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"movies = {\n const session = driver.session();\n let results;\n\n await session\n .run('MATCH (n) return n')\n .then(r => {\n results = r.records.map(d => d.toObject());\n session.close();\n })\n .catch(error => {\n results = [];\n console.log(error);\n });\n\n return results;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":645,"value":"roles = {\n const session = driver.session();\n let results;\n\n await session\n .run('MATCH p = (:Person)-[:ACTED_IN]->(:Movie) return p')\n .then(r => {\n results = r.records.map(d => {\n let s = d.toObject().p.segments[0]\n return {source: s.start.properties.name, target: s.end.properties.title, roles: s.relationship.properties.roles}\n });\n session.close();\n })\n .catch(error => {\n results = [];\n console.log(error);\n });\n\n return results\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"md`\n---\n### Cypher query runner:\n\nUsing [CodeMirror](https://codemirror.net/) for Cypher syntax hilighting.\n\nYou can edit and run queries here.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"viewof cypherRunner = {\n const mainDiv = html`

`;\n const editorDiv = html`

`;\n const runButton = html``;\n\n mainDiv.append(editorDiv);\n mainDiv.append(runButton);\n\n mainDiv.value = [];\n\n yield mainDiv;\n\n let editor = CodeMirror(editorDiv, { mode: \"application/x-cypher-query\" });\n\n editor.setValue(`MATCH (n) return n`);\n editor.setSize(width - 20, 200);\n\n runButton.onclick = e => {\n const session = driver.session();\n session\n .run(editor.getValue())\n .then(r => {\n mainDiv.value = r.records.map(d => d.toObject());\n mainDiv.dispatchEvent(new CustomEvent(\"input\"));\n session.close();\n })\n .catch(error => {\n mainDiv.value = error;\n mainDiv.dispatchEvent(new CustomEvent(\"input\"));\n });\n };\n\n return mainDiv;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"cypherRunner","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"md`---\n### Run query and display result graph with dot:\nBacon path example, the shortest path of any relationships to Meg Ryan:\n\\`\\`\\`cypher\nMATCH p = shortestPath((from:Person {name:\"${fromPerson}\"})-[*]-(to:Person {name:\"${toPerson}\"})) RETURN p\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"viewof fromPerson = select({\n title: \"From\",\n options: persons.map(a => a.name),\n value: \"Kevin Bacon\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"viewof toPerson = select({\n title: \"To\",\n options: persons.map(a => a.name),\n value: \"Meg Ryan\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"shortestPath = {\n const session = driver.session();\n let graph = \"graph {}\";\n\n await session\n .run(`MATCH p = shortestPath((from:Person {name:\"${fromPerson}\"})-[*]-(to:Person {name:\"${toPerson}\"})) RETURN p AS shortestPath`)\n .then(r => {\n graph = pathSegmentsToDot(r.records[0].get(\"shortestPath\").segments);\n session.close();\n })\n .catch(error => {\n console.log(error);\n });\n\n return dot`${graph}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"md`---\n### Display persons movies and roles as graph:\n(based on previous queries results)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"chart","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":724,"value":"chartData = {\n return {\n links: roles.map(d => {return {...d, value:d.roles.length}}),\n nodes: persons.map(d => {return {id:d.name, group:(d.name === fromPerson? \"FromPerson\" : d.name === toPerson? \"ToPerson\" : \"Person\")}}).concat(movies.map(d => {return {id:d.title, group:\"Movie\"}}))\n }\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"dot = require(\"@observablehq/graphviz@0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"import {select, text, number, password as passwordInput} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"CodeMirror = require('https://unpkg.com/codemirror@5/lib/codemirror').then(CodeMirror => {\n return require('https://unpkg.com/codemirror@5/mode/cypher/cypher.js').then(() => CodeMirror);\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"pathSegmentsToDot = pathSegments => {\n let dot = \"digraph { rankdir = LR; \"\n\n let dotRels = pathSegments.map(\n ps => {\n let start,end;\n\n if(new neo4j.types.Integer(ps.relationship.start).equals(new neo4j.types.Integer(ps.start.identity))){\n start = ps.start\n end = ps.end\n } else {\n start = ps.end\n end = ps.start\n }\n\n let dotRel = \"\\\"\" + (start.properties.name !== undefined ? start.properties.name : start.properties.title) + \"\\\"\"\n dotRel += \" -> \"; \n dotRel += \"\\\"\" + (end.properties.name !== undefined ? end.properties.name : end.properties.title) + \"\\\"\"\n dotRel += \" [label = \\\"\"+ ps.relationship.type + \"\\\"];\";\n return dotRel;\n }\n );\n\n dot += dotRels.join(\"\\n\")\n\n dot += \"}\";\n\n return dot;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"stylesheet = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"import {chart} with {chartData as data} from \"@d3/disjoint-force-directed-graph\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"npm i @observablehq/runtime","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 44:null