Skip to content
This repository has been archived by the owner on Jun 17, 2024. It is now read-only.

Commit

Permalink
Desktop Integration Compatiblity (#53)
Browse files Browse the repository at this point in the history
* Update gitignore to use github's Node/gitignore

* Bumped the neo4j desktop api manifest to include all available updates. Also updated the neo4jservice to prepare for the 4.0 driver update

* Menu component is now functional
  • Loading branch information
wagnerjt authored Apr 9, 2020
1 parent 422538c commit 713fe3a
Show file tree
Hide file tree
Showing 5 changed files with 342 additions and 211 deletions.
122 changes: 118 additions & 4 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,8 +1,122 @@
## Custom Files
# tmp files
*~
#*#

# node dependencies
/node_modules

.idea
.vscode

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Snowpack dependency directory (https://snowpack.dev/)
web_modules/

# TypeScript cache
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
.env.test

# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache

# Next.js build output
.next

# Nuxt.js build / generate output
.nuxt
dist

# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port

# Stores VSCode versions used for testing VSCode extensions
.vscode-test

# yarn v2

.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.pnp.*
38 changes: 20 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
# neomap

[![Node CI](https://github.com/stellasia/neomap/workflows/Node%20CI/badge.svg)](https://github.com/stellasia/neomap/actions)
[![GitHub release](https://img.shields.io/github/release/stellasia/neomap.svg)](https://github.com/stellasia/neomap/releases/)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/Naereen/StrapDown.js/graphs/commit-activity)

<p align="center">
<img alt="logo:Neomap" src="https://raw.githubusercontent.com/stellasia/neomap/master/public/icon.png" height="96" />
<h2 align="center">neomap</h2>
<p align="center">
<a href="https://github.com/stellasia/neomap/actions"><img src="https://github.com/stellasia/neomap/workflows/Node%20CI/badge.svg"></a>
<a href="https://github.com/stellasia/neomap/releases/"><img src="https://img.shields.io/github/release/stellasia/neomap.svg"></a>
<a href="https://github.com/Naereen/StrapDown.js/graphs/commit-activity"><img src="https://img.shields.io/badge/Maintained%3F-yes-green.svg"></a>
</p>
</p>

A Neo4J Desktop (React-based) application to visualize nodes with geographical attributes on a map.

Expand All @@ -14,49 +17,48 @@ A Neo4J Desktop (React-based) application to visualize nodes with geographical a
#### From tarball

1. Go to the repository [releases](https://github.com/stellasia/neomap/releases)
2. Download the `noemap-<version>.tar.gz`
2. Download the `neomap-<version>.tar.gz`
3. Open neo4j desktop and go to "Graph Applications" view:

![](img/desktop_graphapp_install.png)
![](img/desktop_graphapp_install.png)

4. Drag and drop the tarball you downloaded earlier below "Install Graph Application"
5. Trust the application
6. The application is now available and you can add it to your projects:

![](img/desktop_graphapp_add.png)
![](img/desktop_graphapp_add.png)

7. Click "Add"

![](img/desktop_graphapp_add_2.png)

![](img/desktop_graphapp_add_2.png)

## Usage

Read the [tutorial](https://github.com/stellasia/neomap/wiki/NeoMap-Tutorial/) or the [FAQ](https://github.com/stellasia/neomap/wiki/FAQ).


## Want to contribute?

### WARNING

I am a data scientist, not a front-end developer. If someone with expertise with React wants to take a look and suggest improvements, that would be very welcome!


### Developer mode

1. Clone this repo
2. Install dependencies:
1. Clone this repo

2. Install dependencies:

npm install

3. Start the development server:
3. Start the development server:

npm run start

4. Configure Neo4jDesktop by enabling the development mode in settings with the following parameters:
4. Configure Neo4jDesktop by enabling the development mode in settings with the following parameters:

- Entry point: `http://localhost:3000`
- Root path: root of this repository

5. Run tests: install dev dependencies and
5. Run tests: install dev dependencies and

npm run test
10 changes: 5 additions & 5 deletions public/manifest.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"short_name": "Neomap",
"start_url": ".",
"display": "standalone",
"homepage": "http://github.com/stellasia/neomap",
"apiVersion": "^1.2"
"short_name": "Neomap",
"start_url": ".",
"display": "standalone",
"homepage": "http://github.com/stellasia/neomap",
"apiVersion": ">=1.2.x <2.0.0"
}
61 changes: 28 additions & 33 deletions src/components/Menu.js
Original file line number Diff line number Diff line change
@@ -1,36 +1,31 @@
import {Nav, Navbar, NavDropdown} from "react-bootstrap";
import React, {Component} from "react";


class Menu extends Component {

render() {
return (
<Navbar>
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<NavDropdown title="File" id="basic-nav-dropdown">
<NavDropdown.Item
href="#"
onClick={(e) => this.props.saveConfigToFile(e)}
className="beta"
>
Save As
</NavDropdown.Item>
<NavDropdown.Item
href="#"
onClick={(e) => this.props.loadConfigFromFile(e)}
className="beta"
>
Open
</NavDropdown.Item>
</NavDropdown>
</Nav>
</Navbar.Collapse>
</Navbar>
)
}
}
import React from "react";
import { Nav, Navbar, NavDropdown } from "react-bootstrap";

const Menu = ({ saveConfigToFile, loadConfigFromFile }) => {
return (
<Navbar>
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<NavDropdown title="File" id="basic-nav-dropdown">
<NavDropdown.Item
href="#"
onClick={(e) => saveConfigToFile(e)}
className="beta"
>
Save As
</NavDropdown.Item>
<NavDropdown.Item
href="#"
onClick={(e) => loadConfigFromFile(e)}
className="beta"
>
Open
</NavDropdown.Item>
</NavDropdown>
</Nav>
</Navbar.Collapse>
</Navbar>
);
};

export default Menu;
Loading

0 comments on commit 713fe3a

Please sign in to comment.