diff --git a/.eslintrc.json b/.eslintrc.json
index c6d98d2c6..6f7a0eccf 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -4,8 +4,7 @@
"extends": ["eslint:recommended", "prettier", "plugin:@typescript-eslint/recommended"], // this is optional
"env": {
"browser": true,
- "node": true,
- "jest": true
+ "node": true
},
"settings": {
"react": {
@@ -167,9 +166,5 @@
],
"symbol-description": "error",
"yoda": "error"
- },
- "globals": {
- "cy": "readonly",
- "Cypress": "readonly"
}
}
diff --git a/.github/workflows/master-deployment.yml b/.github/workflows/master-deployment.yml
index 820b12d8c..55cf525c4 100644
--- a/.github/workflows/master-deployment.yml
+++ b/.github/workflows/master-deployment.yml
@@ -79,7 +79,7 @@ jobs:
context: .
file: ./Dockerfile
push: true
- tags: ${{ secrets.DOCKER_HUB_LABS_USERNAME }}/neodash:latest,${{ secrets.DOCKER_HUB_LABS_USERNAME }}/neodash:2.4.9
+ tags: ${{ secrets.DOCKER_HUB_LABS_USERNAME }}/neodash:latest,${{ secrets.DOCKER_HUB_LABS_USERNAME }}/neodash:2.4.8
build-docker-legacy:
needs: build-test
runs-on: neodash-runners
@@ -103,7 +103,7 @@ jobs:
context: .
file: ./Dockerfile
push: true
- tags: ${{ secrets.DOCKER_HUB_USERNAME }}/neodash:latest,${{ secrets.DOCKER_HUB_USERNAME }}/neodash:2.4.9
+ tags: ${{ secrets.DOCKER_HUB_USERNAME }}/neodash:latest,${{ secrets.DOCKER_HUB_USERNAME }}/neodash:2.4.8
deploy-gallery:
runs-on: neodash-runners
strategy:
diff --git a/README.md b/README.md
index 7ba0e71da..5c4db07c9 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,16 @@
-## NeoDash Labs - Neo4j Dashboard Builder
+## NeoDash - Neo4j Dashboard Builder
+NeoDash is an open source tool for visualizing your Neo4j data. It lets you group visualizations together as dashboards, and allow for interactions between reports.
-![screenshot](evolving.png)
-
-In September 2024 **Neo4j [announced](https://www.datanami.com/2024/09/04/neo4j-simplifies-graph-database-in-the-cloud/#:~:text=NeoDash%20is%20an%20open%20source,was%20open%20source%2C%20not%20supported) NeoDash is evolving into a fully supported dashboard builder, as part of the Neo4j product suite**.
-
-This project (NeoDash Labs) will still be available and contain experimental features, but will **not** have official support. If you're interested to get official support for NeoDash as part of a Neo4j License agreement, please reach out to your Neo4j contact person.
-
-## About NeoDash Labs
-NeoDash is a web-based tool for visualizing your Neo4j data. It lets you group visualizations together as dashboards, and allow for interactions between reports.
+![screenshot](public/screenshot.png)
Neodash supports presenting your data as tables, graphs, bar charts, line charts, maps and more. It contains a Cypher editor to directly write the Cypher queries that populate the reports. You can save dashboards to your database, and share them with others.
-## Try NeoDash Labs
+## Try NeoDash
You can run NeoDash in one of three ways:
-1. You can install NeoDash Labs into Neo4j Desktop from the [graph app gallery](https://install.graphapp.io). NeoDash will automatically connect to your active database.
-> Note: never versions of Neo4j Desktop do not support adding experimental graph apps such as NeoDash.
-
-2. You can run NeoDash Labs from a web browser by visiting http://neodash.graphapp.io.
+1. You can install NeoDash into Neo4j Desktop from the [graph app gallery](https://install.graphapp.io). NeoDash will automatically connect to your active database.
+2. You can run NeoDash from a web browser by visiting http://neodash.graphapp.io.
3. For on-prem deployments, you can build the application yourself, or pull the latest Docker image from Docker Hub.
```
# Run the application on http://localhost:5005
@@ -87,4 +79,4 @@ If you have any questions about NeoDash, please reach out to the maintainers:
- Connect with us on the [Neo4j Discord](https://neo4j.com/developer/discord/).
- Create a post on the Neo4j [Community Forum](https://community.neo4j.com/).
-> NeoDash Labs is a free and open-source tool developed by the Neo4j community - not an official Neo4j product. Use at your own risk!
\ No newline at end of file
+> NeoDash is a free and open-source tool developed by the Neo4j community - not an official Neo4j product. If you have a need for a commercial agreement around training, custom extensions or other services, please contact the [Neo4j Professional Services](https://neo4j.com/professional-services/) team.
\ No newline at end of file
diff --git a/changelog.md b/changelog.md
index 9227e1fff..ae99c6f96 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,23 +1,3 @@
-## NeoDash 2.4.9
-This release adds some minor changes to documentation and implements some community contributions.
-- Added notice about project evolution: [#967](https://github.com/neo4j-labs/neodash/pull/967)
-- Added community contributions and bug fixes:
-[#967](https://github.com/neo4j-labs/neodash/pull/967)
-[#894](https://github.com/neo4j-labs/neodash/pull/894)
-[#822](https://github.com/neo4j-labs/neodash/pull/822)
-[#951](https://github.com/neo4j-labs/neodash/pull/951)
-[#946](https://github.com/neo4j-labs/neodash/pull/946)
-[#944](https://github.com/neo4j-labs/neodash/pull/944)
-[#943](https://github.com/neo4j-labs/neodash/pull/943)
-[#938](https://github.com/neo4j-labs/neodash/pull/938)
-[#935](https://github.com/neo4j-labs/neodash/pull/935)
-[#918](https://github.com/neo4j-labs/neodash/pull/918)
-[#908](https://github.com/neo4j-labs/neodash/pull/908)
-[#906](https://github.com/neo4j-labs/neodash/pull/906)
-[#902](https://github.com/neo4j-labs/neodash/pull/902)
-[#895](https://github.com/neo4j-labs/neodash/pull/895)
-[#893](https://github.com/neo4j-labs/neodash/pull/893)
-
## NeoDash 2.4.8
This is a minor release containing an important fix and other minor fixes:
diff --git a/cypress.config.ts b/cypress.config.ts
index 93f8cffdf..73948909e 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -5,7 +5,6 @@ export default defineConfig({
projectId: 'a8nh14',
video: false,
e2e: {
- defaultCommandTimeout: 20000,
experimentalMemoryManagement: true,
numTestsKeptInMemory: 0,
baseUrl: 'http://localhost:3000',
diff --git a/cypress/Page.js b/cypress/Page.js
deleted file mode 100644
index f90742a41..000000000
--- a/cypress/Page.js
+++ /dev/null
@@ -1,156 +0,0 @@
-const DB_URL = 'localhost';
-const DB_USERNAME = 'neo4j';
-const DB_PASSWORD = 'test1234';
-
-export class Page {
- constructor(cardSelector) {
- this.cardSelector = cardSelector;
- }
-
- init() {
- cy.viewport(1920, 1080);
- cy.visit('/', {
- onBeforeLoad(win) {
- win.localStorage.clear();
- },
- });
- return this;
- }
-
- createNewDashboard() {
- cy.get('#form-dialog-title').then(($div) => {
- const text = $div.text();
- if (text == 'NeoDash - Neo4j Dashboard Builder') {
- cy.wait(100);
- // Create new dashboard
- cy.contains('New Dashboard').click();
- }
- });
- return this;
- }
-
- connectToNeo4j() {
- cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'Connect to Neo4j');
- cy.get('#url').clear().type(DB_URL);
- cy.get('#dbusername').clear().type(DB_USERNAME);
- cy.get('#dbpassword').type(DB_PASSWORD);
- cy.get('button').contains('Connect').click();
- cy.wait(100);
- return this;
- }
-
- enableReportActions() {
- cy.get('main button[aria-label="Extensions').should('be.visible').click();
- cy.get('#checkbox-actions').scrollIntoView();
- cy.get('#checkbox-actions').should('be.visible').click();
- cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
- cy.wait(100);
- return this;
- }
-
- enableAdvancedVisualizations() {
- cy.get('main button[aria-label="Extensions').should('be.visible').click();
- cy.get('#checkbox-advanced-charts').should('be.visible').click();
- cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
- cy.wait(100);
- return this;
- }
-
- enableFormsExtension() {
- cy.get('main button[aria-label="Extensions').should('be.visible').click();
- cy.get('#checkbox-forms').scrollIntoView();
- cy.get('#checkbox-forms').should('be.visible').click();
- cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
- cy.wait(100);
- return this;
- }
-
- selectReportOfType(type) {
- cy.get('main .react-grid-item button[aria-label="add report"]').should('be.visible').click();
- cy.get('main .react-grid-item')
- .contains('No query specified.')
- .parentsUntil('.react-grid-item')
- .find('button[aria-label="settings"]', { timeout: 2000 })
- .should('be.visible')
- .click();
- cy.get(`${this.cardSelector} #type`, { timeout: 2000 }).should('be.visible').click();
- cy.contains(type).click();
- cy.wait(100);
- return this;
- }
-
- createReportOfType(type, query, fast = false, run = true) {
- this.selectReportOfType(type);
- if (fast) {
- cy.get(`${this.cardSelector} .ReactCodeMirror`).type(query, {
- delay: 1,
- parseSpecialCharSequences: false,
- });
- } else {
- cy.get(`${this.cardSelector} .ReactCodeMirror`).type(query, { parseSpecialCharSequences: false });
- }
- cy.wait(400);
-
- if (run) {
- this.closeSettings();
- }
-
- cy.wait(100);
- return this;
- }
-
- openSettings() {
- cy.get(this.cardSelector).find('button[aria-label="settings"]', { WAITING_TIME: 2000 }).click();
- cy.wait(100);
- return this;
- }
-
- closeSettings() {
- cy.get(`${this.cardSelector} button[aria-label="run"]`).click();
- cy.wait(100);
- return this;
- }
-
- openAdvancedSettings() {
- this.openSettings();
- cy.get(this.cardSelector).contains('Advanced settings').click();
- cy.wait(100);
- return this;
- }
-
- closeAdvancedSettings() {
- cy.get(this.cardSelector).contains('Advanced settings').click();
- this.closeSettings();
- return this;
- }
-
- openReportActionsMenu() {
- this.openSettings();
- cy.get(this.cardSelector).find('button[aria-label="custom actions"]').click();
- cy.wait(100);
- return this;
- }
-
- updateDropdownAdvancedSetting(settingLabel, targetValue) {
- this.openAdvancedSettings();
- cy.get(`${this.cardSelector} .ndl-dropdown`).contains(settingLabel).siblings('div').click();
- cy.contains(targetValue).click();
- this.closeAdvancedSettings();
- return this;
- }
-
- updateChartQuery(query) {
- this.openSettings();
-
- cy.get(this.cardSelector)
- .find('.ndl-cypher-editor div[role="textbox"]')
- .should('be.visible')
- .click()
- .clear()
- .type(query);
- cy.wait(100);
-
- this.closeSettings();
- return this;
- }
-}
diff --git a/cypress/e2e/bar_chart.cy.js b/cypress/e2e/bar_chart.cy.js
new file mode 100644
index 000000000..3f9c20faa
--- /dev/null
+++ b/cypress/e2e/bar_chart.cy.js
@@ -0,0 +1,316 @@
+import { barChartCypherQuery } from '../fixtures/cypher_queries';
+
+const WAITING_TIME = 20000;
+// Ignore warnings that may appear when using the Cypress dev server
+Cypress.on('uncaught:exception', (err, runnable) => {
+ console.log(err, runnable);
+ return false;
+});
+
+describe('Testing bar chart', () => {
+ beforeEach('open neodash', () => {
+ cy.viewport(1920, 1080);
+ cy.visit('/', {
+ onBeforeLoad(win) {
+ win.localStorage.clear();
+ },
+ });
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'NeoDash - Neo4j Dashboard Builder').click();
+
+ cy.get('#form-dialog-title').then(($div) => {
+ const text = $div.text();
+ if (text == 'NeoDash - Neo4j Dashboard Builder') {
+ cy.wait(500);
+ // Create new dashboard
+ cy.contains('New Dashboard').click();
+ }
+ });
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'Connect to Neo4j');
+
+ cy.get('#url').clear().type('localhost');
+ cy.get('#dbusername').clear().type('neo4j');
+ cy.get('#dbpassword').type('test1234');
+ cy.get('button').contains('Connect').click();
+ cy.wait(100);
+
+ //Opens the div containing all report cards
+ cy.get('.react-grid-layout:eq(0)').within(() => {
+ //Finds the 2nd card
+ cy.get('.MuiGrid-root')
+ .eq(1)
+ .within(() => {
+ //Clicks the 2nd button (opens settings)
+ cy.get('button').eq(1).click();
+ });
+ });
+ cy.get('.react-grid-layout:eq(0)').within(() => {
+ //Finds the 2nd card
+ cy.get('.MuiGrid-root')
+ .eq(1)
+ .within(() => {
+ //Opens the drop down
+ cy.getDataTest('type-dropdown').click();
+ });
+ });
+ // Selects the Bar option
+ cy.get('[id^="react-select-5-option"]')
+ .contains(/Bar Chart/i)
+ .should('be.visible')
+ .click({ force: true });
+ cy.get('.react-grid-layout .MuiGrid-root:eq(1) #type input[name="Type"]').should('have.value', 'Bar Chart');
+
+ // Creates basic bar chart
+ cy.get('.react-grid-layout')
+ .first()
+ .within(() => {
+ //Finds the 2nd card
+ cy.get('.MuiGrid-root')
+ .eq(1)
+ .within(() => {
+ //Removes text in cypher editor and types new query
+ cy.get('.ndl-cypher-editor div[role="textbox"]')
+ .should('be.visible')
+ .click()
+ .clear()
+ .type(barChartCypherQuery);
+
+ cy.wait(400);
+ cy.get('button[aria-label="run"]').click();
+ });
+ });
+
+ cy.wait(500);
+ });
+
+ it.skip('Checking Colour Picker settings', () => {
+ //Opens advanced settings
+ cy.get('.react-grid-layout')
+ .first()
+ .within(() => {
+ //Finds the 2nd card
+ cy.get('.MuiGrid-root')
+ .eq(1)
+ .within(() => {
+ // Access advanced settings
+ cy.get('button').eq(1).click();
+ cy.get('[role="switch"]').click();
+ cy.wait(200);
+ // Changing setting for colour picker
+ cy.get('[data-testid="colorpicker-input"]').find('input').click().type('{selectall}').type('red');
+ cy.get('button[aria-label="run"]').click();
+ // Checking that colour picker was applied correctly
+ cy.get('.card-view').should('have.css', 'background-color', 'rgb(255, 0, 0)');
+ cy.wait(200);
+ // Changing colour back to white
+ cy.get('button').eq(1).click();
+ cy.get('[data-testid="colorpicker-input"]').find('input').click().type('{selectall}').type('white');
+ cy.get('button[aria-label="run"]').click();
+ // Checking colour has been set back to white
+ cy.wait(200);
+ cy.get('.card-view').should('have.css', 'background-color', 'rgb(255, 255, 255)');
+ });
+ });
+ });
+
+ it.skip('Checking Selector Description', () => {
+ //Opens first 2nd card
+ cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(1)').within(() => {
+ // Access advanced settings
+ cy.get('button').eq(1).click();
+ cy.get('[role="switch"]').click();
+ cy.wait(200);
+ // Changing Selector Description to 'Test'
+ cy.get('.ndl-textarea').contains('span', 'Selector Description').click().type('Test');
+ cy.get('button[aria-label="run"]').click();
+ // Pressing Selector Description button
+ cy.get('button[aria-label="details"]').click();
+ });
+ // Checking that Selector Description is behaving as expected
+ cy.get('.MuiDialog-paper').should('be.visible').and('contain.text', 'Test');
+ cy.wait(1000);
+
+ // Click elsewhere on the page to close dialog box
+ cy.get('div[role="dialog"]').parent().click(-100, -100, { force: true });
+ });
+
+ it.skip('Checking full screen bar chart setting', () => {
+ //Opens first 2nd card
+ cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(1)').within(() => {
+ // Opening settings
+ cy.get('button').eq(1).click();
+ // Activating advanced settings
+ cy.get('[role="switch"]').click();
+ cy.wait(200);
+ // Finding fullscreen setting and changing it to 'on'
+ cy.get('.ndl-dropdown')
+ .contains('label', 'Fullscreen enabled')
+ .scrollIntoView()
+ .should('be.visible')
+ .click()
+ .type('on{enter}');
+ // Pressing run to return to card view
+ cy.get('button[aria-label="run"]').click();
+ cy.get('button[aria-label="maximize"]').click();
+ });
+ // Modal outside of scope of card
+ // Checking existence of full-screen modal
+ cy.get('.dialog-xxl').should('be.visible');
+ // Action to close full-screen modal
+ cy.get('button[aria-label="un-maximize"]').click();
+ // Checking that fullscreen has un-maximized
+ // Check that the div is no longer in the DOM
+ cy.get('div[data-focus-lock-disabled="false"]').should('not.exist');
+ });
+
+ it.skip('Checking "Autorun Query" works as intended', () => {
+ // Custom command to open advanced settings
+ cy.advancedSettings(() => {
+ // Finding 'Auto-run query setting and changing it to 'off'
+ cy.get('.ndl-dropdown')
+ .contains('label', 'Auto-run query')
+ .scrollIntoView()
+ .should('be.visible')
+ .click()
+ .type('off{enter}');
+ cy.wait(200);
+ cy.get('button[aria-label="run"]').click();
+ cy.get('.ndl-cypher-editor').should('be.visible');
+ cy.get('g').should('not.exist');
+ cy.wait(100);
+ cy.get('.MuiCardContent-root').find('button[aria-label="run"]').filter(':visible').click();
+ cy.get('g').should('exist');
+ });
+ });
+
+ it.skip('Checking Legend integration works as intended', () => {
+ cy.advancedSettings(() => {
+ // Checking that legend appears
+ cy.setDropdownValue('Show Legend', 'on');
+ cy.wait(100);
+ cy.get('button[aria-label="run"]').click();
+ cy.wait(100);
+ //Checking that legend matches value specified: in the case - 'count'
+ cy.get('svg g g text').last().contains(/count/i);
+ });
+ cy.advancedSettings(() => {
+ // Activating advanced settings
+ cy.get('[role="switch"]').click();
+ // Checking that legend disappears
+ cy.setDropdownValue('Show Legend', 'off');
+ cy.wait(100);
+ cy.get('button[aria-label="run"]').click();
+ cy.wait(100);
+ cy.get('svg g g text').last().contains(/count/i).should('not.exist');
+ });
+ });
+
+ it.skip('Checking the stacked grouping function works as intended', () => {
+ cy.advancedSettings(() => {
+ cy.get('.ndl-cypher-editor div[role="textbox"]')
+ .should('be.visible')
+ .click()
+ .clear()
+ .type(
+ 'MATCH (p:Person)-[:DIRECTED]->(n:Movie) RETURN n.released AS released, p.name AS Director, count(n.title) AS count LIMIT 5'
+ );
+ cy.setDropdownValue('Grouping', 'on');
+ cy.wait(100);
+ cy.get('button[aria-label="run"]').click();
+ cy.get('.ndl-dropdown:contains("Group")').find('svg').parent().click().type('Director{enter}');
+ // Checking that the groups are stacked
+ cy.get('.MuiCardContent-root')
+ .find('g')
+ .children('g')
+ .eq(3) // Get the fourth g element (index starts from 0)
+ .invoke('attr', 'transform')
+ .then((transformValue) => {
+ // Captures the first number in the tranlsate attribute using the parenthisis to capture the first digit and put it in the second value of the resulting array
+ // if transformValue is translate(100,200), then transformValue.match(/translate\((\d+),\d+\)/) will produce an array like ["translate(100,200)", "100"],
+ const match = transformValue.match(/translate\((\d+),\d+\)/);
+ if (match?.[1]) {
+ const xValue = match[1];
+ console.log('xValue: ', xValue);
+
+ // Now find sibling g elements with the same x transform value
+ cy.get('.MuiCardContent-root')
+ .find('g')
+ .children('g')
+ .filter((index, element) => {
+ const siblingTransform = Cypress.$(element).attr('transform');
+ return siblingTransform?.includes(`translate(${xValue},`);
+ })
+ .should('have.length', 3); // Check that there's at least one element
+ } else {
+ throw new Error('Transform attribute not found or invalid format');
+ }
+ });
+ });
+ cy.get('.ndl-dropdown:contains("Group")').find('svg').parent().click().type('(none){enter}');
+ // Checking that the stacked grouped elements do not exist
+ cy.get('.MuiCardContent-root')
+ .find('g')
+ .children('g')
+ .eq(3) // Get the fourth g element (index starts from 0)
+ .invoke('attr', 'transform')
+ .then((transformValue) => {
+ // Captures the first number in the tranlsate attribute using the parenthisis to capture the first digit and put it in the second value of the resulting array
+ // if transformValue is translate(100,200), then transformValue.match(/translate\((\d+),\d+\)/) will produce an array like ["translate(100,200)", "100"],
+ const match = transformValue.match(/translate\((\d+),\d+\)/);
+ if (match?.[1]) {
+ const xValue = match[1];
+ console.log('xValue: ', xValue);
+
+ // Now find sibling g elements with the same x transform value
+ cy.get('.MuiCardContent-root')
+ .find('g')
+ .children('g')
+ .filter((index, element) => {
+ const siblingTransform = Cypress.$(element).attr('transform');
+ return siblingTransform?.includes(`translate(${xValue},`);
+ })
+ .should('have.length', 1); // Check that there are no matching elements
+ } else {
+ throw new Error('Transform attribute not found or invalid format');
+ }
+ });
+ });
+
+ // How to properly test this?
+ it.skip('Testing grouped grouping mode', () => {
+ cy.advancedSettings(() => {
+ cy.get('.ndl-cypher-editor div[role="textbox"]')
+ .should('be.visible')
+ .click()
+ .clear()
+ .type(
+ 'MATCH (p:Person)-[:DIRECTED]->(n:Movie) RETURN n.released AS released, p.name AS Director, count(n.title) AS count LIMIT 5'
+ );
+ cy.setDropdownValue('Grouping', 'on');
+ cy.setDropdownValue('Group Mode', 'grouped');
+ cy.wait(400);
+ cy.get('button[aria-label="run"]').click();
+ cy.get('.ndl-dropdown:contains("Group")').find('svg').parent().click().type('Director{enter}');
+ });
+ });
+
+ it.skip('Testing "Show Value on Bars"', () => {
+ cy.advancedSettings(() => {
+ cy.setDropdownValue('Show Values On Bars', 'on');
+ cy.get('button[aria-label="run"]').click();
+ cy.get('.MuiCardContent-root')
+ .find('div svg > g > g > text')
+ .should('have.length', 5)
+ .then((textElements) => {
+ cy.log('Number of text elements:', textElements.length);
+ });
+ });
+ cy.wait(100);
+ cy.openSettings(() => {
+ cy.setDropdownValue('Show Values On Bars', 'off');
+ cy.get('button[aria-label="run"]').click();
+ cy.get('.MuiCardContent-root').find('div svg > g > g > text').should('not.exist');
+ });
+ });
+});
diff --git a/cypress/e2e/charts/bar.cy.js b/cypress/e2e/charts/bar.cy.js
deleted file mode 100644
index 80f13d640..000000000
--- a/cypress/e2e/charts/bar.cy.js
+++ /dev/null
@@ -1,211 +0,0 @@
-import { barChartCypherQuery } from '../../fixtures/cypher_queries';
-import { Page } from '../../Page';
-
-const CARD_SELECTOR = '.react-grid-layout:eq(0) .MuiGrid-root:eq(2)';
-const page = new Page(CARD_SELECTOR);
-
-// Ignore warnings that may appear when using the Cypress dev server
-Cypress.on('uncaught:exception', (err, runnable) => {
- console.log(err, runnable);
- return false;
-});
-
-describe('Testing bar chart', () => {
- beforeEach('open neodash', () => {
- page.init().createNewDashboard().connectToNeo4j().createReportOfType('Bar Chart', barChartCypherQuery);
- });
-
- it('Checking Colour Picker settings', () => {
- //Opens advanced settings
- cy.get('.react-grid-layout')
- .first()
- .within(() => {
- //Finds the 2nd card
- cy.get('.MuiGrid-root:eq(2)').within(() => {
- // Access advanced settings
- cy.get('button').eq(1).click();
- cy.get('[role="switch"]').click();
- cy.wait(200);
- // Changing setting for colour picker
- cy.get('[data-testid="colorpicker-input"]').find('input').click().type('{selectall}').type('red');
- cy.get('button[aria-label="run"]').click();
- // Checking that colour picker was applied correctly
- cy.get('.card-view').should('have.css', 'background-color', 'rgb(255, 0, 0)');
- cy.wait(200);
- // Changing colour back to white
- cy.get('button').eq(1).click();
- cy.get('[data-testid="colorpicker-input"]').find('input').click().type('{selectall}').type('white');
- cy.get('button[aria-label="run"]').click();
- // Checking colour has been set back to white
- cy.wait(200);
- cy.get('.card-view').should('have.css', 'background-color', 'rgb(255, 255, 255)');
- });
- });
- });
-
- it('Checking Selector Description', () => {
- //Opens first 2nd card
- cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(2)').within(() => {
- // Access advanced settings
- cy.get('button').eq(1).click();
- cy.get('[role="switch"]').click();
- cy.wait(200);
- // Changing Selector Description to 'Test'
- cy.get('.ndl-textarea').contains('span', 'Selector Description').click().type('Test');
- cy.get('button[aria-label="run"]').click();
- // Pressing Selector Description button
- cy.get('button[aria-label="details"]').click();
- });
- // Checking that Selector Description is behaving as expected
- cy.get('.MuiDialog-paper').should('be.visible').and('contain.text', 'Test');
- cy.wait(1000);
-
- // Click elsewhere on the page to close dialog box
- cy.get('div[role="dialog"]').parent().click(-100, -100, { force: true });
- });
-
- it('Checking full screen bar chart setting', () => {
- page.updateDropdownAdvancedSetting('Fullscreen enabled', 'on');
- cy.get('button[aria-label="maximize"]').click();
- // Checking existence of full-screen modal
- cy.get('.dialog-xxl').should('be.visible');
- // Action to close full-screen modal
- cy.get('button[aria-label="un-maximize"]').click();
- // Checking that fullscreen has un-maximized
- // Check that the div is no longer in the DOM
- cy.get('div[data-focus-lock-disabled="false"]').should('not.exist');
- });
-
- it('Checking "Autorun Query" works as intended', () => {
- page.updateDropdownAdvancedSetting('Auto-run query', 'off');
- cy.get('.MuiCardContent-root').find('.ndl-cypher-editor').should('be.visible');
- cy.get('.MuiCardContent-root').find('g').should('not.exist');
- cy.wait(100);
- cy.get('.MuiCardContent-root').find('button[aria-label="run"]').filter(':visible').click();
- cy.get('g').should('exist');
- });
-
- it('Checking Legend integration works as intended', () => {
- page.updateDropdownAdvancedSetting('Show Legend', 'on');
- // Checking that legend matches value specified: in the case - 'count'
- cy.get('svg g g text').last().contains(/count/i);
-
- page.updateDropdownAdvancedSetting('Show Legend', 'off');
- cy.get('svg g g text').last().contains(/count/i).should('not.exist');
- });
-
- it('Checking the stacked grouping function works as intended', () => {
- const TRANSLATE_REGEXP = /translate\(([0-9]{1,3}), [0-9]{1,3}\)/;
-
- page
- .updateChartQuery(
- 'MATCH (p:Person)-[:DIRECTED]->(n:Movie) RETURN n.released AS released, p.name AS Director, count(n.title) AS count LIMIT 5'
- )
- .updateDropdownAdvancedSetting('Grouping', 'on');
-
- cy.get('.MuiGrid-root:eq(2)')
- .find('.ndl-dropdown:contains("Group")')
- .find('svg')
- .parent()
- .click()
- .type('Director{enter}');
- // Checking that the groups are stacked
- cy.get('.MuiGrid-root:eq(2)')
- .find('g')
- .children('g')
- .eq(3) // Get the fourth g element (index starts from 0)
- .invoke('attr', 'transform')
- .then((transformValue) => {
- // Captures the first number in the translate attribute using the parenthesis to capture the first digit and put it in the second value of the resulting array
- // if transformValue is translate(100,200), then it will produce an array like ["translate(100,200)", "100"],
- const match = transformValue.match(TRANSLATE_REGEXP);
- if (match?.[1]) {
- const xValue = match[1];
- // Now find sibling g elements with the same x transform value
- cy.get('.MuiCardContent-root')
- .find('g')
- .children('g')
- .filter((_, element) => {
- const siblingTransform = Cypress.$(element).attr('transform');
- return siblingTransform?.includes(`translate(${xValue},`);
- })
- .should('have.length', 3); // Check that there's at least one element
- } else {
- throw new Error('Transform attribute not found or invalid format');
- }
- });
- cy.get('.ndl-dropdown:contains("Group")').find('svg').parent().click().type('(none){enter}');
- //Checking that the stacked grouped elements do not exist
- cy.get('.MuiCardContent-root')
- .find('g')
- .children('g')
- .eq(3) // Get the fourth g element (index starts from 0)
- .invoke('attr', 'transform')
- .then((transformValue) => {
- // Captures the first number in the translate attribute using the parenthesis to capture the first digit and put it in the second value of the resulting array
- // if transformValue is translate(100,200), then it will produce an array like ["translate(100,200)", "100"],
- const match = transformValue.match(TRANSLATE_REGEXP);
- if (match?.[1]) {
- const xValue = match[1];
- // Now find sibling g elements with the same x transform value
- cy.get('.MuiCardContent-root')
- .find('g')
- .children('g')
- .filter((_, element) => {
- const siblingTransform = Cypress.$(element).attr('transform');
- return siblingTransform?.includes(`translate(${xValue},`);
- })
- .should('have.length', 1); // Check that there are no matching elements
- } else {
- throw new Error('Transform attribute not found or invalid format');
- }
- });
- });
-
- // How to properly test this?
- it.skip('Testing grouped grouping mode', () => {
- page
- .updateChartQuery(
- 'MATCH (p:Person)-[:DIRECTED]->(n:Movie) RETURN n.released AS released, p.name AS Director, count(n.title) AS count LIMIT 5'
- )
- .updateDropdownAdvancedSetting('Grouping', 'on')
- .updateDropdownAdvancedSetting('Group Mode', 'grouped');
- cy.get('.ndl-dropdown:contains("Group")').find('svg').parent().click().type('Director{enter}');
- });
-
- it('Testing "Show Value on Bars"', () => {
- page.updateDropdownAdvancedSetting('Show Values On Bars', 'on');
- cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(2)').find('div svg > g > g > text').should('have.length', 5);
-
- page.updateDropdownAdvancedSetting('Show Values On Bars', 'off');
- cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(2)').find('div svg > g > g > text').should('not.exist');
- });
-
- describe('Y axis display', () => {
- it('Checking Y axis is displayed', () => {
- page.updateDropdownAdvancedSetting('Display Y axis', 'on');
- cy.get('.MuiCardContent-root svg > g > g:nth-child(3)')
- .invoke('attr', 'transform')
- .should('eq', 'translate(0,0)');
- });
-
- it('Checking Y axis is hidden', () => {
- page.updateDropdownAdvancedSetting('Display Y axis', 'off');
- cy.get('.MuiCardContent-root svg > g > g:nth-child(3)')
- .invoke('attr', 'transform')
- .should('not.eq', 'translate(0,0)');
- });
- });
-
- describe('Y grid lines display', () => {
- it('Checking Y grid lines are displayed', () => {
- page.updateDropdownAdvancedSetting('Display Y grid lines', 'on');
- cy.get('.MuiCardContent-root svg g > g > line').invoke('attr', 'stroke').should('eq', '#dddddd');
- });
-
- it('Checking Y grid lines are hidden', () => {
- page.updateDropdownAdvancedSetting('Display Y grid lines', 'off');
- cy.get('.MuiCardContent-root svg g > g > line').invoke('attr', 'stroke').should('not.eq', '#dddddd');
- });
- });
-});
diff --git a/cypress/e2e/charts/array.cy.js b/cypress/e2e/render/array.cy.js
similarity index 70%
rename from cypress/e2e/charts/array.cy.js
rename to cypress/e2e/render/array.cy.js
index 1da231f01..108d4aceb 100644
--- a/cypress/e2e/charts/array.cy.js
+++ b/cypress/e2e/render/array.cy.js
@@ -1,9 +1,17 @@
import { stringArrayCypherQuery, intArrayCypherQuery, pathArrayCypherQuery } from '../../fixtures/cypher_queries';
-import { Page } from '../../Page';
+import {
+ enableReportActions,
+ createReportOfType,
+ closeSettings,
+ toggleTableTranspose,
+ openReportActionsMenu,
+ selectReportOfType,
+ openAdvancedSettings,
+ updateDropdownAdvancedSetting,
+} from '../utils';
+const WAITING_TIME = 20000;
const CARD_SELECTOR = 'main .react-grid-item:eq(2)';
-const page = new Page(CARD_SELECTOR);
-
// Ignore warnings that may appear when using the Cypress dev server
Cypress.on('uncaught:exception', (err, runnable) => {
console.log(err, runnable);
@@ -12,34 +20,62 @@ Cypress.on('uncaught:exception', (err, runnable) => {
describe('Testing array rendering', () => {
beforeEach('open neodash', () => {
- page.init().createNewDashboard().connectToNeo4j();
+ cy.viewport(1920, 1080);
+ cy.visit('/', {
+ onBeforeLoad(win) {
+ win.localStorage.clear();
+ },
+ });
+
+ cy.get('#form-dialog-title', { WAITING_TIME: WAITING_TIME })
+ .should('contain', 'NeoDash - Neo4j Dashboard Builder')
+ .click();
+
+ cy.get('#form-dialog-title').then(($div) => {
+ const text = $div.text();
+ if (text == 'NeoDash - Neo4j Dashboard Builder') {
+ cy.wait(500);
+ // Create new dashboard
+ cy.contains('New Dashboard').click();
+ }
+ });
+
+ cy.get('#form-dialog-title', { WAITING_TIME: WAITING_TIME }).should('contain', 'Connect to Neo4j');
+
+ cy.get('#url').clear().type('localhost');
+ cy.get('#dbusername').clear().type('neo4j');
+ cy.get('#dbpassword').type('test1234');
+ cy.get('button').contains('Connect').click();
cy.wait(100);
});
it('creates a table that contains string arrays', () => {
cy.checkInitialState();
- page.enableReportActions();
- page.createReportOfType('Table', stringArrayCypherQuery, true, true);
+ enableReportActions();
+ createReportOfType('Table', stringArrayCypherQuery, true, true);
// Standard array, displays strings joined with comma and whitespace
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(0)`).should('have.text', 'initial, list');
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(1)`).should('have.text', 'other, list');
// Now, transpose the table
- page.updateDropdownAdvancedSetting('Transpose Rows & Columns', 'on');
- cy.get(`${CARD_SELECTOR} .MuiDataGrid-columnHeaderTitle:eq(1)`).should('have.text', 'initial,list');
+ toggleTableTranspose(CARD_SELECTOR, true);
+ cy.get(`${CARD_SELECTOR} .MuiDataGrid-columnHeaderTitle:eq(1)`, { timeout: WAITING_TIME }).should(
+ 'have.text',
+ 'initial,list'
+ );
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(1)`).should('have.text', 'other, list');
// Transpose back
// And add a report action
- page.updateDropdownAdvancedSetting('Transpose Rows & Columns', 'off');
- page.openReportActionsMenu();
+ toggleTableTranspose(CARD_SELECTOR, false);
+ openReportActionsMenu(CARD_SELECTOR);
cy.get('.ndl-modal').find('button[aria-label="add"]').click();
cy.get('.ndl-modal').find('input:eq(2)').type('column');
cy.get('.ndl-modal').find('input:eq(5)').type('test_param');
cy.get('.ndl-modal').find('input:eq(6)').type('column');
cy.get('.ndl-modal').find('button').contains('Save').click();
- page.closeSettings();
+ closeSettings(CARD_SELECTOR);
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(0)`)
.find('button')
.should('be.visible')
@@ -54,21 +90,24 @@ describe('Testing array rendering', () => {
it('creates a table that contains int arrays', () => {
cy.checkInitialState();
- page.createReportOfType('Table', intArrayCypherQuery, true, true);
+ createReportOfType('Table', intArrayCypherQuery, true, true);
// Standard array, displays strings joined with comma and whitespace
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(0)`).should('have.text', '1, 2');
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(1)`).should('have.text', '3, 4');
// Now, transpose the table
- page.updateDropdownAdvancedSetting('Transpose Rows & Columns', 'on');
- cy.get(`${CARD_SELECTOR} .MuiDataGrid-columnHeaderTitle:eq(1)`).should('have.text', '1,2');
+ toggleTableTranspose(CARD_SELECTOR, true);
+ cy.get(`${CARD_SELECTOR} .MuiDataGrid-columnHeaderTitle:eq(1)`, { timeout: WAITING_TIME }).should(
+ 'have.text',
+ '1,2'
+ );
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(1)`).should('have.text', '3, 4');
});
it('creates a table that contains nodes and rels', () => {
cy.checkInitialState();
- page.createReportOfType('Table', pathArrayCypherQuery, true, true);
+ createReportOfType('Table', pathArrayCypherQuery, true, true);
// Standard array, displays a path with two nodes and a relationship
cy.get(`${CARD_SELECTOR} .MuiDataGrid-cell:eq(0)`).should('have.text', 'PersonACTED_INMovie');
@@ -81,13 +120,13 @@ describe('Testing array rendering', () => {
it('creates a single value report which is an array', () => {
cy.checkInitialState();
- page.createReportOfType('Single Value', stringArrayCypherQuery, true, true);
+ createReportOfType('Single Value', stringArrayCypherQuery, true, true);
cy.get(CARD_SELECTOR).should('have.text', 'initial, list');
});
it('creates a multi parameter select', () => {
cy.checkInitialState();
- page.selectReportOfType('Parameter Select');
+ selectReportOfType('Parameter Select');
cy.get('main .react-grid-item:eq(2) label[for="Selection Type"]').siblings('div').click();
// Set up the parameter select
cy.contains('Node Property').click();
@@ -101,8 +140,8 @@ describe('Testing array rendering', () => {
cy.wait(1000);
cy.get('.MuiAutocomplete-popper').contains('title').click();
// Enable multiple selection
- page.closeSettings();
- page.updateDropdownAdvancedSetting('Multiple Selection', 'on');
+ closeSettings(CARD_SELECTOR);
+ updateDropdownAdvancedSetting(CARD_SELECTOR, 'Multiple Selection', 'on');
// Finally, select a few values in the parameter select
cy.get(CARD_SELECTOR).contains('Movie title').click();
cy.get(CARD_SELECTOR).contains('Movie title').siblings('div').find('input').type('a');
diff --git a/cypress/e2e/start_page.cy.js b/cypress/e2e/start_page.cy.js
index 8038866b3..c6e9f7c4b 100644
--- a/cypress/e2e/start_page.cy.js
+++ b/cypress/e2e/start_page.cy.js
@@ -10,12 +10,9 @@ import {
gaugeChartCypherQuery,
formCypherQuery,
} from '../fixtures/cypher_queries';
+import { createReportOfType, selectReportOfType, enableAdvancedVisualizations, enableFormsExtension } from './utils';
-import { Page } from '../Page';
-
-const CARD_SELECTOR = 'main .react-grid-item:eq(2)';
-const page = new Page(CARD_SELECTOR);
-
+const WAITING_TIME = 20000;
// Ignore warnings that may appear when using the Cypress dev server
Cypress.on('uncaught:exception', (err, runnable) => {
console.log(err, runnable);
@@ -24,7 +21,40 @@ Cypress.on('uncaught:exception', (err, runnable) => {
describe('NeoDash E2E Tests', () => {
beforeEach(() => {
- page.init().createNewDashboard().connectToNeo4j();
+ cy.viewport(1920, 1080);
+ // Navigate to index
+ cy.visit('/', {
+ onBeforeLoad(win) {
+ win.localStorage.clear();
+ },
+ });
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'NeoDash - Neo4j Dashboard Builder').click();
+
+ cy.get('#form-dialog-title').then(($div) => {
+ const text = $div.text();
+ if (text == 'NeoDash - Neo4j Dashboard Builder') {
+ cy.wait(500);
+ // Create new dashboard
+ cy.contains('New Dashboard').click();
+ }
+ });
+
+ // If an old dashboard exists in cache, do a check to make sure we clear it.
+ // if (cy.contains("Create new dashboard")) {
+ // cy.contains('Yes').click()
+ // }
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'Connect to Neo4j');
+
+ // Connect to Neo4j database
+ // cy.get('#protocol').click()
+ // cy.contains('neo4j').click()
+ cy.get('#url').clear().type('localhost');
+ // cy.get('#database').type('neo4j')
+ cy.get('#dbusername').clear().type('neo4j');
+ cy.get('#dbpassword').type('test1234');
+ cy.get('button').contains('Connect').click();
cy.wait(100);
});
@@ -55,7 +85,7 @@ describe('NeoDash E2E Tests', () => {
cy.get('main .react-grid-item:eq(2)').contains('Advanced settings').click();
cy.get('main .react-grid-item:eq(2) button[aria-label="run"]').click();
- cy.get('main .react-grid-item:eq(2) .MuiDataGrid-columnHeaders')
+ cy.get('main .react-grid-item:eq(2) .MuiDataGrid-columnHeaders', { timeout: WAITING_TIME })
.should('contain', 'title')
.and('contain', 'released')
.and('not.contain', '__id');
@@ -68,25 +98,34 @@ describe('NeoDash E2E Tests', () => {
it('creates a bar chart report', () => {
cy.checkInitialState();
- page.createReportOfType('Bar Chart', barChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #index input[name="Category"]').should('have.value', 'released');
+ createReportOfType('Bar Chart', barChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #index input[name="Category"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'released'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Value"]').should('have.value', 'count');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g').should('have.length', 8);
});
it('creates a pie chart report', () => {
cy.checkInitialState();
- page.createReportOfType('Pie Chart', barChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #index input[name="Category"]').should('have.value', 'released');
+ createReportOfType('Pie Chart', barChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #index input[name="Category"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'released'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Value"]').should('have.value', 'count');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g').should('have.length', 3);
- cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g > path').should('have.length', 5);
+ cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g:nth-child(2) > path').should('have.length', 5);
});
it('creates a line chart report', () => {
cy.checkInitialState();
- page.createReportOfType('Line Chart', barChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #x input[name="X-value"]').should('have.value', 'released');
+ createReportOfType('Line Chart', barChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #x input[name="X-value"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'released'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Y-value"]').should('have.value', 'count');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g').should('have.length', 6);
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g:nth-child(2) > line').should(
@@ -97,14 +136,19 @@ describe('NeoDash E2E Tests', () => {
it('creates a map chart report', () => {
cy.checkInitialState();
- page.createReportOfType('Map', mapChartCypherQuery, true);
- cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > path').should('have.length', 5);
+ createReportOfType('Map', mapChartCypherQuery, true);
+ cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > path', { timeout: WAITING_TIME }).should(
+ 'have.length',
+ 5
+ );
});
it('creates a single value report', () => {
cy.checkInitialState();
- page.createReportOfType('Single Value', barChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) .MuiCardContent-root > div > div:nth-child(2) > span')
+ createReportOfType('Single Value', barChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) .MuiCardContent-root > div > div:nth-child(2) > span', {
+ timeout: WAITING_TIME,
+ })
.invoke('text')
.then((text) => {
expect(text).to.be.oneOf(['1999', '1,999', '1 999']);
@@ -112,49 +156,62 @@ describe('NeoDash E2E Tests', () => {
});
it.skip('creates a gauge chart report', () => {
- page.enableAdvancedVisualizations();
+ enableAdvancedVisualizations();
cy.checkInitialState();
- page.createReportOfType('Gauge Chart', gaugeChartCypherQuery);
- cy.get('.text-group > text').contains('69');
+ createReportOfType('Gauge Chart', gaugeChartCypherQuery);
+ cy.get('.text-group > text', { timeout: WAITING_TIME }).contains('69');
});
it('creates a sunburst chart report', () => {
- page.enableAdvancedVisualizations();
+ enableAdvancedVisualizations();
cy.checkInitialState();
- page.createReportOfType('Sunburst Chart', sunburstChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #index input[name="Path"]').should('have.value', 'x.path');
+ createReportOfType('Sunburst Chart', sunburstChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #index input[name="Path"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'x.path'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Value"]').should('have.value', 'x.value');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g:nth-child(1) > path').should('have.length', 5);
});
it('creates a circle packing report', () => {
- page.enableAdvancedVisualizations();
+ enableAdvancedVisualizations();
cy.checkInitialState();
- page.createReportOfType('Circle Packing', sunburstChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #index input[name="Path"]').should('have.value', 'x.path');
+ createReportOfType('Circle Packing', sunburstChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #index input[name="Path"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'x.path'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Value"]').should('have.value', 'x.value');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > circle').should('have.length', 6);
});
it('creates a tree map report', () => {
- page.enableAdvancedVisualizations();
+ enableAdvancedVisualizations();
cy.checkInitialState();
- page.createReportOfType('Treemap', sunburstChartCypherQuery);
- cy.get('main .react-grid-item:eq(2) #index input[name="Path"]').should('have.value', 'x.path');
+ createReportOfType('Treemap', sunburstChartCypherQuery);
+ cy.get('main .react-grid-item:eq(2) #index input[name="Path"]', { timeout: WAITING_TIME }).should(
+ 'have.value',
+ 'x.path'
+ );
cy.get('main .react-grid-item:eq(2) #value input[name="Value"]').should('have.value', 'x.value');
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > g').should('have.length', 6);
});
it('creates a sankey chart report', () => {
- page.enableAdvancedVisualizations();
+ enableAdvancedVisualizations();
cy.checkInitialState();
- page.createReportOfType('Sankey Chart', sankeyChartCypherQuery, true);
- cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > path').should('have.attr', 'fill-opacity', 0.5);
+ createReportOfType('Sankey Chart', sankeyChartCypherQuery, true);
+ cy.get('main .react-grid-item:eq(2) .MuiCardContent-root svg > g > path', { timeout: WAITING_TIME }).should(
+ 'have.attr',
+ 'fill-opacity',
+ 0.5
+ );
});
it('creates a raw json report', () => {
cy.checkInitialState();
- page.createReportOfType('Raw JSON', barChartCypherQuery);
+ createReportOfType('Raw JSON', barChartCypherQuery);
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root textarea:nth-child(1)', { timeout: 45000 }).should(
($div) => {
const text = $div.text();
@@ -165,7 +222,7 @@ describe('NeoDash E2E Tests', () => {
it('creates a parameter select report', () => {
cy.checkInitialState();
- page.selectReportOfType('Parameter Select');
+ selectReportOfType('Parameter Select');
cy.wait(500);
cy.get('#autocomplete-label-type').type('Movie');
cy.get('#autocomplete-label-type-option-0').click();
@@ -179,20 +236,20 @@ describe('NeoDash E2E Tests', () => {
it('creates an iframe report', () => {
cy.checkInitialState();
- page.createReportOfType('iFrame', iFrameText);
+ createReportOfType('iFrame', iFrameText);
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root iframe', { timeout: 45000 }).should('be.visible');
});
it('creates a markdown report', () => {
cy.checkInitialState();
- page.createReportOfType('Markdown', markdownText);
+ createReportOfType('Markdown', markdownText);
cy.get('main .react-grid-item:eq(2) .MuiCardContent-root h1', { timeout: 45000 }).should('have.text', 'Hello');
});
it.skip('creates a form report', () => {
- page.enableFormsExtension();
+ enableFormsExtension();
cy.checkInitialState();
- page.createReportOfType('Form', formCypherQuery, true, false);
+ createReportOfType('Form', formCypherQuery, true, false);
cy.get('main .react-grid-item:eq(2) .form-add-parameter').click();
cy.wait(200);
cy.get('#autocomplete-label-type').type('Movie');
@@ -205,10 +262,8 @@ describe('NeoDash E2E Tests', () => {
cy.get('main .react-grid-item:eq(2) button[aria-label="run"]').scrollIntoView().should('be.visible').click();
cy.wait(500);
- cy.get('#form-submit').should('be.disabled');
cy.get('#autocomplete').type('The Matrix');
cy.get('#autocomplete-option-0').click();
- cy.get('#form-submit').should('not.be.disabled');
cy.get('#form-submit').click();
cy.wait(500);
cy.get('.form-submitted-message').should('have.text', 'Form Submitted.Reset Form');
@@ -218,7 +273,7 @@ describe('NeoDash E2E Tests', () => {
// TODO - this test is flaky, especially in GitHub actions environment.
it.skip('test load dashboard from file and stress test report customizations', () => {
try {
- const NUMBER_OF_PAGES_IN_STRESS_TEST_DASHBOARD = 5;
+ var NUMBER_OF_PAGES_IN_STRESS_TEST_DASHBOARD = 5;
const file = cy.request(loadDashboardURL).should((response) => {
cy.get('#root .MuiDrawer-root .MuiIconButton-root:eq(2)').click();
cy.get('.MuiDialog-root .MuiPaper-root .MuiDialogContent-root textarea:eq(0)')
diff --git a/cypress/e2e/charts/table.cy.js b/cypress/e2e/table.cy.js
similarity index 66%
rename from cypress/e2e/charts/table.cy.js
rename to cypress/e2e/table.cy.js
index 5c086df1b..8ae2ac3c8 100644
--- a/cypress/e2e/charts/table.cy.js
+++ b/cypress/e2e/table.cy.js
@@ -1,7 +1,6 @@
-import { tableCypherQuery } from '../../fixtures/cypher_queries';
-import { Page } from '../../Page';
+import { tableCypherQuery } from '../fixtures/cypher_queries';
-const page = new Page();
+const WAITING_TIME = 20000;
// Ignore warnings that may appear when using the Cypress dev server
Cypress.on('uncaught:exception', (err, runnable) => {
console.log(err, runnable);
@@ -10,7 +9,30 @@ Cypress.on('uncaught:exception', (err, runnable) => {
describe('Testing table', () => {
beforeEach('open neodash', () => {
- page.init().createNewDashboard().connectToNeo4j();
+ cy.viewport(1920, 1080);
+ cy.visit('/', {
+ onBeforeLoad(win) {
+ win.localStorage.clear();
+ },
+ });
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'NeoDash - Neo4j Dashboard Builder').click();
+
+ cy.get('#form-dialog-title').then(($div) => {
+ const text = $div.text();
+ if (text == 'NeoDash - Neo4j Dashboard Builder') {
+ cy.wait(500);
+ // Create new dashboard
+ cy.contains('New Dashboard').click();
+ }
+ });
+
+ cy.get('#form-dialog-title', { timeout: 20000 }).should('contain', 'Connect to Neo4j');
+
+ cy.get('#url').clear().type('localhost');
+ cy.get('#dbusername').clear().type('neo4j');
+ cy.get('#dbpassword').type('test1234');
+ cy.get('button').contains('Connect').click();
cy.wait(100);
});
diff --git a/cypress/e2e/utils.js b/cypress/e2e/utils.js
new file mode 100644
index 000000000..ae5639cf9
--- /dev/null
+++ b/cypress/e2e/utils.js
@@ -0,0 +1,84 @@
+export function enableReportActions() {
+ cy.get('main button[aria-label="Extensions').should('be.visible').click();
+ cy.get('#checkbox-actions').scrollIntoView();
+ cy.get('#checkbox-actions').should('be.visible').click();
+ cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
+ cy.wait(200);
+}
+
+export function enableAdvancedVisualizations() {
+ cy.get('main button[aria-label="Extensions').should('be.visible').click();
+ cy.get('#checkbox-advanced-charts').should('be.visible').click();
+ cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
+ cy.wait(200);
+}
+
+export function enableFormsExtension() {
+ cy.get('main button[aria-label="Extensions').should('be.visible').click();
+ cy.get('#checkbox-forms').scrollIntoView();
+ cy.get('#checkbox-forms').should('be.visible').click();
+ cy.get('.ndl-dialog-close').scrollIntoView().should('be.visible').click();
+ cy.wait(200);
+}
+
+export function selectReportOfType(type) {
+ cy.get('main .react-grid-item button[aria-label="add report"]').should('be.visible').click();
+ cy.get('main .react-grid-item')
+ .contains('No query specified.')
+ .parentsUntil('.react-grid-item')
+ .find('button[aria-label="settings"]', { timeout: 2000 })
+ .should('be.visible')
+ .click();
+ cy.get('main .react-grid-item:eq(2) #type', { timeout: 2000 }).should('be.visible').click();
+ cy.contains(type).click();
+ cy.wait(100);
+}
+
+export function createReportOfType(type, query, fast = false, run = true) {
+ selectReportOfType(type);
+ if (fast) {
+ cy.get('main .react-grid-item:eq(2) .ReactCodeMirror').type(query, { delay: 1, parseSpecialCharSequences: false });
+ } else {
+ cy.get('main .react-grid-item:eq(2) .ReactCodeMirror').type(query, { parseSpecialCharSequences: false });
+ }
+ cy.wait(400);
+
+ if (run) {
+ closeSettings('main .react-grid-item:eq(2)');
+ }
+}
+
+export function openSettings(cardSelector) {
+ cy.get(cardSelector).find('button[aria-label="settings"]', { WAITING_TIME: 2000 }).click();
+}
+
+export function closeSettings(cardSelector) {
+ cy.get(`${cardSelector} button[aria-label="run"]`).click();
+}
+
+export function openAdvancedSettings(cardSelector) {
+ openSettings(cardSelector);
+ cy.get(cardSelector).contains('Advanced settings').click();
+}
+
+export function closeAdvancedSettings(cardSelector) {
+ cy.get(cardSelector).contains('Advanced settings').click();
+ closeSettings(cardSelector);
+}
+
+export function openReportActionsMenu(cardSelector) {
+ openSettings(cardSelector);
+ cy.get(cardSelector).find('button[aria-label="custom actions"]').click();
+}
+
+export function updateDropdownAdvancedSetting(cardSelector, settingLabel, targetValue) {
+ openAdvancedSettings(cardSelector);
+ cy.get(`${cardSelector} .ndl-dropdown`).contains(settingLabel).siblings('div').click();
+ cy.contains(targetValue).click();
+ closeAdvancedSettings(cardSelector);
+}
+
+export function toggleTableTranspose(cardSelector, enable) {
+ let transpose = enable ? 'on' : 'off';
+ updateDropdownAdvancedSetting(cardSelector, 'Transpose Rows & Columns', transpose);
+}
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index c7e9831e0..e486473bc 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -24,29 +24,61 @@
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
Cypress.Commands.add('getDataTest', (dataTestSelector) => {
- return cy.get(`[data-test="${dataTestSelector}"]`);
-});
-
-/**
- * Function to interact with a specific element and execute additional custom commands.
- * @param {Function} customAction - A callback function containing custom Cypress commands.
- */
-
-//Used in start_page.cy.js
-Cypress.Commands.add('checkInitialState', () => {
- // Check the starter cards
- cy.get('main .react-grid-item:eq(0)').should('contain', 'This is your first dashboard!');
- cy.get('main .react-grid-item:eq(1) .force-graph-container canvas').should('be.visible');
- cy.get('main .react-grid-item:eq(2) button').should('have.attr', 'aria-label', 'add report');
-});
-
-// Creates a card
-const WAITING_TIME = 20000;
-Cypress.Commands.add('createCard', () => {
- // Check the starter cards
- cy.get('main .react-grid-item button[aria-label="add report"]', { timeout: WAITING_TIME })
- .should('be.visible')
- .click();
- cy.wait(1000);
- cy.get('main .react-grid-item:eq(2)').should('contain', 'No query specified.');
-});
+ return cy.get(`[data-test="${dataTestSelector}"]`);
+ });
+
+ /**
+ * Function to interact with a specific element and execute additional custom commands.
+ * @param {Function} customAction - A callback function containing custom Cypress commands.
+ */
+
+ // Used to open the 2nd report card and activate 'advanced settings'
+ Cypress.Commands.add('advancedSettings', (customAction) => {
+ cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(1)').within(() => {
+ // Opening settings
+ cy.get('button').eq(1).click();
+ // Activating advanced settings
+ cy.get('[role="switch"]').click();
+ cy.wait(200);
+ customAction();
+ });
+ });
+
+ // Used to open 2nd the report card
+ Cypress.Commands.add('openSettings', (customAction) => {
+ cy.get('.react-grid-layout:eq(0) .MuiGrid-root:eq(1)').within(() => {
+ // Opening settings
+ cy.get('button').eq(1).click();
+ cy.wait(200);
+ customAction();
+ });
+ });
+
+ // Needs to be used when already inside scole of a report card
+ Cypress.Commands.add('setDropdownValue', (labelName, setting) => {
+ cy.get('.ndl-dropdown')
+ .contains('label', labelName)
+ .scrollIntoView()
+ .should('be.visible')
+ .click()
+ .type(`${setting}{enter}`);
+ });
+
+ //Used in start_page.cy.js
+ Cypress.Commands.add('checkInitialState', () => {
+ // Check the starter cards
+ cy.get('main .react-grid-item:eq(0)').should('contain', 'This is your first dashboard!');
+ cy.get('main .react-grid-item:eq(1) .force-graph-container canvas').should('be.visible');
+ cy.get('main .react-grid-item:eq(2) button').should('have.attr', 'aria-label', 'add report');
+ });
+
+ // Creates a card
+ const WAITING_TIME = 20000;
+ Cypress.Commands.add('createCard', () => {
+ // Check the starter cards
+ cy.get('main .react-grid-item button[aria-label="add report"]', { timeout: WAITING_TIME })
+ .should('be.visible')
+ .click();
+ cy.wait(1000);
+ cy.get('main .react-grid-item:eq(2)').should('contain', 'No query specified.');
+ });
\ No newline at end of file
diff --git a/cypress/index.js b/cypress/support/index.js
similarity index 95%
rename from cypress/index.js
rename to cypress/support/index.js
index cbfe0a766..37a498fb5 100644
--- a/cypress/index.js
+++ b/cypress/support/index.js
@@ -14,7 +14,7 @@
// ***********************************************************
// Import commands.js using ES2015 syntax:
-import './support/commands';
+import './commands';
// Alternatively you can use CommonJS syntax:
// require('./commands')
diff --git a/docs/modules/ROOT/pages/banner.adoc b/docs/modules/ROOT/pages/banner.adoc
deleted file mode 100644
index fdb12c826..000000000
--- a/docs/modules/ROOT/pages/banner.adoc
+++ /dev/null
@@ -1,6 +0,0 @@
-[NOTE]
-====
-This documentation pertains to the unsupported version of NeoDash, as part of Neo4j Labs.
-For users of the supported NeoDash offering, refer to https://neo4j.com/docs/neodash-commercial/[NeoDash commercial].
-
-====
\ No newline at end of file
diff --git a/docs/modules/ROOT/pages/developer-guide/adding-visualizations.adoc b/docs/modules/ROOT/pages/developer-guide/adding-visualizations.adoc
index 11ebdf886..dc47ee4ab 100644
--- a/docs/modules/ROOT/pages/developer-guide/adding-visualizations.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/adding-visualizations.adoc
@@ -1,7 +1,5 @@
= Adding Visualizations
-include::../banner.adoc[]
-
You can extend NeoDash with your own visualizations without diving deep
into the core application. Likewise, adding a new customization to an
existing report requires minimal changes.
diff --git a/docs/modules/ROOT/pages/developer-guide/build-and-run.adoc b/docs/modules/ROOT/pages/developer-guide/build-and-run.adoc
index df15e1c33..45cbc2641 100644
--- a/docs/modules/ROOT/pages/developer-guide/build-and-run.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/build-and-run.adoc
@@ -1,7 +1,5 @@
= Build & Run
-include::../banner.adoc[]
-
To start developing the application, you will need to set up the
development environment.
@@ -78,9 +76,7 @@ docker run -it –rm -p 5005:5005 neodash
== Run on Kubernetes
-=== To deploy using YAML files
-
-YAML examples are available in the https://github.com/neo4j-labs/neodash[NeoDash repository]. Here is an example of a pod definition YAML file to create a NeoDash pod in a cluster:
+An example of a pod definition YAML file to create a NeoDash pod in a cluster:
....
apiVersion: v1
@@ -112,118 +108,3 @@ spec:
selector:
project: neodash
....
-
-=== To deploy using a Helm Charts
-
-A Kubernetes Helm chart is available in the https://github.com/neo4j-labs/neodash[the NeoDash repository] and here is the full example of the Helm chart values.yaml file,
-
-....
-# Name override or full name override
-nameOverride: ''
-fullnameOverride: neodash-test
-
-# Number of pods
-replicaCount: 1
-
-# Image Details
-image:
- repository: neo4jlabs/neodash
- pullPolicy: IfNotPresent
- tag: 'latest'
-imagePullSecrets: [] # Image pull secret if any
-
-# Pod annotations, labels and security context
-podAnnotations: {}
-podLabels: {}
-podSecurityContext: {}
-
-# Mode configuration using environment variables
-# Set reader mode environment variables when enable_reader_mode is true
-enable_reader_mode: true
-env:
- - name: "ssoEnabled"
- value: "false"
- - name: "standalone"
- value: "true"
- - name: "standaloneProtocol"
- value: "neo4j+s"
- - name: "standaloneHost"
- value: "localhost"
- - name: "standalonePort"
- value: "7687"
- - name: "standaloneDatabase"
- value: neo4j
- - name: "standaloneDashboardName"
- value: "test"
- - name: "standaloneDashboardDatabase"
- value: neo4j
- - name: "standaloneAllowLoad"
- value: "false"
- - name: "standaloneLoadFromOtherDatabases"
- value: "false"
- - name: "standaloneMultiDatabase"
- value: "false"
-
-# Environment variable from secret
-envFromSecrets: []
- # standaloneUsername:
- # secretName: "neo4j-connection-secrets"
- # key: "username"
- # standalonePassword:
- # secretName: "neo4j-connection-secrets"
- # key: "password"
-
-# Service details
-service:
- type: LoadBalancer # Can also be ClusterIP or NodePort
- port: 5005 # For the service to listen in for Traffic
- targetPort: 5005 # Target port is the container port
- annotations: {} # Service annotations for the LoadBalance
-
-# Ingress
-ingress:
- enabled: false # Enable Kubernetes Ingress
- className: 'alb' # Class Name
- annotations: {} # Cloud LoadBalancer annotations
- hosts: []
- # - host: neodash.example.com
- # paths:
- # - path: '/'
- # pathType: Prefix
- tls: []
-
-# Pod resources request, limits and health check
-resources:
- requests:
- memory: "64Mi"
- cpu: "250m"
- limits:
- memory: "128Mi"
- cpu: "500m"
-livenessProbe:
- httpGet:
- path: /*
- port: 5005
-readinessProbe:
- httpGet:
- path: /*
- port: 5005
-
-# Pod Autoscaler
-autoscaling:
- enabled: false
- # minReplicas: 1
- # maxReplicas: 100
- # targetCPUUtilizationPercentage: 80
-
-# Pod Volumes
-volumes: []
-volumeMounts: []
-
-# Service Account
-serviceAccount:
- create: true
- automount: true
- # annotations: {}
- # name: ''
-....
\ No newline at end of file
diff --git a/docs/modules/ROOT/pages/developer-guide/component-overview.adoc b/docs/modules/ROOT/pages/developer-guide/component-overview.adoc
index da56627cb..e02da7989 100644
--- a/docs/modules/ROOT/pages/developer-guide/component-overview.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/component-overview.adoc
@@ -1,6 +1,5 @@
= Component Overview
-include::../banner.adoc[]
The image below contains a high-level overview of the component
hierarchy within the application. The following conceptual building
diff --git a/docs/modules/ROOT/pages/developer-guide/configuration.adoc b/docs/modules/ROOT/pages/developer-guide/configuration.adoc
index 03930186e..604ed1298 100644
--- a/docs/modules/ROOT/pages/developer-guide/configuration.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/configuration.adoc
@@ -1,7 +1,5 @@
= Configuration
-include::../banner.adoc[]
-
When using a custom NeoDash deployment, there are several settings that
can be configured. These mostly relate to
link:../standalone-mode[Standalone Mode] and SSO configurations.
@@ -135,7 +133,7 @@ must be granted to enble any user to create logs.
⚠️ * Load/Save from/to file are not logged (only from/to Database)
-|loggingDatabase |string |logs |When loggingMode is set to anything
+|loggingDatabase |string |neo4j |When loggingMode is set to anything
else than '0', the database to use for logging. Log records (nodes)
will be created in this database.
diff --git a/docs/modules/ROOT/pages/developer-guide/contributing.adoc b/docs/modules/ROOT/pages/developer-guide/contributing.adoc
index 40585f591..1cb695dde 100644
--- a/docs/modules/ROOT/pages/developer-guide/contributing.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/contributing.adoc
@@ -1,7 +1,5 @@
= Contributing
-include::../banner.adoc[]
-
Contributions to the project are highly welcomed. Please consider
creating a https://github.com/neo4j-labs/neodash/pulls[Pull Request].
Ensure you start from the `develop` branch, and set the merge base to
diff --git a/docs/modules/ROOT/pages/developer-guide/deploy-a-build.adoc b/docs/modules/ROOT/pages/developer-guide/deploy-a-build.adoc
index 0fce98736..a5f2fd529 100644
--- a/docs/modules/ROOT/pages/developer-guide/deploy-a-build.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/deploy-a-build.adoc
@@ -1,7 +1,4 @@
= Deploy a Build
-
-include::../banner.adoc[]
-
If you have a pre-built NeoDash application, you can easily deploy it on an any webserver.
A NeoDash build is "just" a collection of HTML, CSS and JavaScript files, so it can run virtually anywhere.
@@ -40,7 +37,7 @@ Depending on the webserver type and version, this could be different directory.
As an example - to copy the files to an nginx webserver using `scp`:
```bash
-scp neodash-2.4.9-labs username@host:/usr/share/nginx/html
+scp neodash-2.4.8 username@host:/usr/share/nginx/html
```
NeoDash should now be visible by visiting your (sub)domain in the browser.
diff --git a/docs/modules/ROOT/pages/developer-guide/design.adoc b/docs/modules/ROOT/pages/developer-guide/design.adoc
index ff32114c9..5f498bb2d 100644
--- a/docs/modules/ROOT/pages/developer-guide/design.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/design.adoc
@@ -1,11 +1,5 @@
= Design
-include::../banner.adoc[]
-
-
-include::../banner.adoc[]
-
-
This page contains some key guidelines for design of the application.
This entails code architecture, as well as UX/UI design.
diff --git a/docs/modules/ROOT/pages/developer-guide/index.adoc b/docs/modules/ROOT/pages/developer-guide/index.adoc
index 63b9218fd..f4538d764 100644
--- a/docs/modules/ROOT/pages/developer-guide/index.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/index.adoc
@@ -1,11 +1,5 @@
= Developer Guide
-include::../banner.adoc[]
-
-
-include::../banner.adoc[]
-
-
This guide contains information for developers looking to deploy NeoDash, or extend it for their own needs.
- link:build-and-run[Build & Run]
diff --git a/docs/modules/ROOT/pages/developer-guide/session-storage.adoc b/docs/modules/ROOT/pages/developer-guide/session-storage.adoc
index 17631fdb9..a4861a4cf 100644
--- a/docs/modules/ROOT/pages/developer-guide/session-storage.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/session-storage.adoc
@@ -1,7 +1,5 @@
= Session Storage
-include::../banner.adoc[]
-
This reducer serves only to store data that we want to reset at each new session.
To connect to it, just define a key and use the predefined actions to set a new pair (key,value) inside of it.
Inside the actions there is also an action to delete all the keys that match a precise prefix, it can be useful, for example, to wipe the sessionStorage state for a certain extension, if it stores the data inside the sessionStorage using a prefix (for example look at the query-translator extension at getSessionStorageHistoryKey).
\ No newline at end of file
diff --git a/docs/modules/ROOT/pages/developer-guide/standalone-mode.adoc b/docs/modules/ROOT/pages/developer-guide/standalone-mode.adoc
index 63212dab1..f752cbad1 100644
--- a/docs/modules/ROOT/pages/developer-guide/standalone-mode.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/standalone-mode.adoc
@@ -1,7 +1,5 @@
= Standalone Mode
-include::../banner.adoc[]
-
Next to being a dashboard editor, NeoDash can be deployed in a
`standalone mode' - allowing you set up a architecture to publish and
read dashboards.
diff --git a/docs/modules/ROOT/pages/developer-guide/state-management.adoc b/docs/modules/ROOT/pages/developer-guide/state-management.adoc
index 72891086b..bdece9b9e 100644
--- a/docs/modules/ROOT/pages/developer-guide/state-management.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/state-management.adoc
@@ -1,7 +1,5 @@
= State Management
-include::../banner.adoc[]
-
NeoDash is an application with a complex internal state. If you are
planning to extend the application state in some way, make sure you are
familiar with https://redux.js.org/[Redux] design patterns.
diff --git a/docs/modules/ROOT/pages/developer-guide/style-configuration.adoc b/docs/modules/ROOT/pages/developer-guide/style-configuration.adoc
index f86a73b57..b82124d2f 100644
--- a/docs/modules/ROOT/pages/developer-guide/style-configuration.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/style-configuration.adoc
@@ -1,7 +1,5 @@
= Style Configuration
-include::../banner.adoc[]
-
When using a custom NeoDash deployment, there are several theme variables that
can be configured. These mostly relate to css tokens for
link:https://cdn.jsdelivr.net/npm/@neo4j-ndl/base@1.4.0/lib/tokens/css/tokens.css[Needle] and some other brand specific options.
@@ -16,7 +14,7 @@ docker run -p 5005:5005 \
-e DASHBOARD_HEADER_BRAND_LOGO=https://picsum.photos/500/100 \
neo4jlabs/neodash
....
-
+
An example configuration for NeoDash
....
diff --git a/docs/modules/ROOT/pages/developer-guide/testing.adoc b/docs/modules/ROOT/pages/developer-guide/testing.adoc
index 9bdd93b06..402ed1bca 100644
--- a/docs/modules/ROOT/pages/developer-guide/testing.adoc
+++ b/docs/modules/ROOT/pages/developer-guide/testing.adoc
@@ -1,7 +1,5 @@
= Testing
-include::../banner.adoc[]
-
NeoDash uses *Cypress* for automated testing. To install Cypress, check
out the official
https://docs.cypress.io/guides/getting-started/installing-cypress#What-you-ll-learn[installation
diff --git a/docs/modules/ROOT/pages/index.adoc b/docs/modules/ROOT/pages/index.adoc
index 7223154d9..6c7816dce 100644
--- a/docs/modules/ROOT/pages/index.adoc
+++ b/docs/modules/ROOT/pages/index.adoc
@@ -1,7 +1,4 @@
= Introduction
-
-include::/banner.adoc[]
-
This portal contains information on getting started with NeoDash - A Low-Code Dashboard Builder for Neo4j.
NeoDash is an open source tool for visualizing your Neo4j data. It lets you group visualizations together as dashboards, and allow for interactions between reports.
diff --git a/docs/modules/ROOT/pages/quickstart.adoc b/docs/modules/ROOT/pages/quickstart.adoc
index 56a341a5d..b128dac71 100644
--- a/docs/modules/ROOT/pages/quickstart.adoc
+++ b/docs/modules/ROOT/pages/quickstart.adoc
@@ -1,7 +1,5 @@
= Quickstart
-include::/banner.adoc[]
-
There are three easy ways to run NeoDash and start dashboarding your Neo4j data:
. The latest version is always available online:
diff --git a/docs/modules/ROOT/pages/user-guide/access-control.adoc b/docs/modules/ROOT/pages/user-guide/access-control.adoc
index 7f3f54e35..03c62dfd1 100644
--- a/docs/modules/ROOT/pages/user-guide/access-control.adoc
+++ b/docs/modules/ROOT/pages/user-guide/access-control.adoc
@@ -1,7 +1,5 @@
= Access Control
-include::../banner.adoc[]
-
The Access Control feature in NeoDash is a security measure that allows Users with write access or higher privileges to manage who has access to specific dashboards.
diff --git a/docs/modules/ROOT/pages/user-guide/bloom-integration.adoc b/docs/modules/ROOT/pages/user-guide/bloom-integration.adoc
index 4618f2f2c..8acdc4e92 100644
--- a/docs/modules/ROOT/pages/user-guide/bloom-integration.adoc
+++ b/docs/modules/ROOT/pages/user-guide/bloom-integration.adoc
@@ -1,7 +1,5 @@
= Bloom Integration
-include::../banner.adoc[]
-
NeoDash can be linked to Neo4j Bloom perspectives by using
https://neo4j.com/docs/bloom-user-guide/current/bloom-tutorial/deep-links/[Bloom
Deep Links]. This functionality allows you to combine the power of graph
diff --git a/docs/modules/ROOT/pages/user-guide/dashboards.adoc b/docs/modules/ROOT/pages/user-guide/dashboards.adoc
index 87e3f291c..dc6b70571 100644
--- a/docs/modules/ROOT/pages/user-guide/dashboards.adoc
+++ b/docs/modules/ROOT/pages/user-guide/dashboards.adoc
@@ -1,7 +1,5 @@
= Dashboards
-include::../banner.adoc[]
-
In NeoDash, a dashboard consists of several pages, each of which can
consist of multiple reports.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/access-control-management.adoc b/docs/modules/ROOT/pages/user-guide/extensions/access-control-management.adoc
index d96aa78be..941b4dbda 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/access-control-management.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/access-control-management.adoc
@@ -1,7 +1,5 @@
= Access Control Management
-include::../../banner.adoc[]
-
This extension lets you manage access control for roles and users, letting you assign users to roles as well as controlling which node labels can be read by a user.
This extension is only visible to users with the role of "Administrator" or "Super User". Enabling this extension will allow the admin user to manage the labels of the roles in the database and then attach them to the users.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/advanced-visualizations.adoc b/docs/modules/ROOT/pages/user-guide/extensions/advanced-visualizations.adoc
index 3107de146..fb02c5a94 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/advanced-visualizations.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/advanced-visualizations.adoc
@@ -1,7 +1,5 @@
= Advanced Visualizations
-include::../../banner.adoc[]
-
Advanced visualizations let you extend your dashboard with complex, powerful visualizations beyond the standard visualizations.
For specific use-cases, these visualizations may convey information that a simple visualization cannot.
To use advanced visualizations, enable them in the **Extensions Window**. This makes them selectable inside reports, as well as add examples to the Example window.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/forms.adoc b/docs/modules/ROOT/pages/user-guide/extensions/forms.adoc
index a11fa9eda..4bce11d4d 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/forms.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/forms.adoc
@@ -1,7 +1,5 @@
= Forms
-include::../../banner.adoc[]
-
The 'forms' extension lets you combine different parameter selectors to update / modify your graph data.
Update queries are predefined by the dashboard builder, and the user is limited to specifying the parameters for the query only.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/index.adoc b/docs/modules/ROOT/pages/user-guide/extensions/index.adoc
index e4f589499..f267315ff 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/index.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/index.adoc
@@ -1,7 +1,5 @@
= Extensions
-include::../../banner.adoc[]
-
Extensions provide a way to expand the basic functionality of NeoDash with extra features.
To enable an extension, open up the extensions window by clicking the puzzle piece icon in the left-sidebar of the screen.
This will open up the **Extensions Window**, which lets you toggle active extensions for the current dashboard.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/natural-language-queries.adoc b/docs/modules/ROOT/pages/user-guide/extensions/natural-language-queries.adoc
index 4ea475ca8..e7f9ea059 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/natural-language-queries.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/natural-language-queries.adoc
@@ -1,7 +1,4 @@
= Text2Cypher - Natural Language Queries
-
-include::../../banner.adoc[]
-
Use natural language to generate Cypher queries in NeoDash. Connect to an LLM through an API, and let NeoDash use your database schema + the report types to generate queries automatically.
== How it works
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/report-actions.adoc b/docs/modules/ROOT/pages/user-guide/extensions/report-actions.adoc
index a2192a5fa..8b50f1651 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/report-actions.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/report-actions.adoc
@@ -1,7 +1,5 @@
= Report Actions
-include::../../banner.adoc[]
-
link:../#_2_pro_extensions[label:Pro Extension[]]
Report actions let dashboard builders add interactivity into dashboards. Actions can be used to achieve:
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/rule-based-styling.adoc b/docs/modules/ROOT/pages/user-guide/extensions/rule-based-styling.adoc
index a68a8525a..ee6adc4ca 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/rule-based-styling.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/rule-based-styling.adoc
@@ -1,6 +1,5 @@
= Rule-Based Styling
-include::../../banner.adoc[]
The rule-based styling extension allows users to dynamically color elements in a visualization based on output values. This can be applied to tables, graphs, bar charts, line charts, and more. To use the extension, click on the 'rule-based styling' icon inside the settings of a report.
diff --git a/docs/modules/ROOT/pages/user-guide/extensions/workflows.adoc b/docs/modules/ROOT/pages/user-guide/extensions/workflows.adoc
index f94f8f52e..2b95b06d5 100644
--- a/docs/modules/ROOT/pages/user-guide/extensions/workflows.adoc
+++ b/docs/modules/ROOT/pages/user-guide/extensions/workflows.adoc
@@ -1,7 +1,5 @@
= Workflows
-include::../../banner.adoc[]
-
Introducing an advanced extension for creating, managing, and running workflows with Cypher queries. Simplify ETL flows, execute complex query chains, and run graph data science workloads effortlessly from Neodash.
== Enable the extension
diff --git a/docs/modules/ROOT/pages/user-guide/faq.adoc b/docs/modules/ROOT/pages/user-guide/faq.adoc
index 4dfe5b7ce..cdd5efaad 100644
--- a/docs/modules/ROOT/pages/user-guide/faq.adoc
+++ b/docs/modules/ROOT/pages/user-guide/faq.adoc
@@ -1,7 +1,5 @@
= FAQ
-include::../banner.adoc[]
-
== 1. How can I learn more about NeoDash?
To learn more, check out the following list of resources (blogs, videos
diff --git a/docs/modules/ROOT/pages/user-guide/index.adoc b/docs/modules/ROOT/pages/user-guide/index.adoc
index 87cf337e9..dde9d9e05 100644
--- a/docs/modules/ROOT/pages/user-guide/index.adoc
+++ b/docs/modules/ROOT/pages/user-guide/index.adoc
@@ -1,7 +1,5 @@
= User Guide
-include::../banner.adoc[]
-
The following pages contain everything you need to get started with NeoDash.
diff --git a/docs/modules/ROOT/pages/user-guide/pages.adoc b/docs/modules/ROOT/pages/user-guide/pages.adoc
index d49807656..b332e4ae7 100644
--- a/docs/modules/ROOT/pages/user-guide/pages.adoc
+++ b/docs/modules/ROOT/pages/user-guide/pages.adoc
@@ -1,7 +1,5 @@
= Pages
-include::../banner.adoc[]
-
A page is a collection of link:../reports[reports] that can be viewed at
the same time. Each page can have an unlimited number of reports in it,
and will switch to a scrollable view when the number of reports do not
diff --git a/docs/modules/ROOT/pages/user-guide/publishing.adoc b/docs/modules/ROOT/pages/user-guide/publishing.adoc
index 40dab6fc0..2b1015a03 100644
--- a/docs/modules/ROOT/pages/user-guide/publishing.adoc
+++ b/docs/modules/ROOT/pages/user-guide/publishing.adoc
@@ -1,7 +1,5 @@
= Publishing
-include::/banner.adoc[]
-
When you are done building a dashboard, you may want to *publish* that
dashboard for others to view. The workflow for a continuous dashboarding
cycle may look something like this:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/areamap.adoc b/docs/modules/ROOT/pages/user-guide/reports/areamap.adoc
index 65e1f5e83..d28f4c6bc 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/areamap.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/areamap.adoc
@@ -1,7 +1,5 @@
= Area Map
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
The Area Map charts can be used to render geographical based information on geoJson polygons. It's possible to click a polygon to visualize its regions and their related data.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/bar-chart.adoc b/docs/modules/ROOT/pages/user-guide/reports/bar-chart.adoc
index 58cbd1763..56a8773c1 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/bar-chart.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/bar-chart.adoc
@@ -1,7 +1,5 @@
= Bar Chart
-include::../../banner.adoc[]
-
A bar chart will draw categories and values in a familiar bar-layout.
The bar chart will require you to choose the following selections:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/choropleth.adoc b/docs/modules/ROOT/pages/user-guide/reports/choropleth.adoc
index 9d8ac8ca1..35fdbdd19 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/choropleth.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/choropleth.adoc
@@ -1,7 +1,5 @@
= Choropleth
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A Choropleth chart will render geographical data in geoJson polygons
diff --git a/docs/modules/ROOT/pages/user-guide/reports/circle-packing.adoc b/docs/modules/ROOT/pages/user-guide/reports/circle-packing.adoc
index 9b19d26a5..61146b24d 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/circle-packing.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/circle-packing.adoc
@@ -1,7 +1,5 @@
= Circle Packing
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A circle packing chart will render hierarchical data in a group of
diff --git a/docs/modules/ROOT/pages/user-guide/reports/form.adoc b/docs/modules/ROOT/pages/user-guide/reports/form.adoc
index 3ca3823b3..d7817f171 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/form.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/form.adoc
@@ -1,7 +1,5 @@
= Form
-include::../../banner.adoc[]
-
A form is a special type of report that lets users run predefined, parameterized queries.
A single form can consist of:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/gantt.adoc b/docs/modules/ROOT/pages/user-guide/reports/gantt.adoc
index ca141db70..c54567aa5 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/gantt.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/gantt.adoc
@@ -1,7 +1,5 @@
= Gantt Chart
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A Gantt chart can be used to visualize tasks on a timeline, as well as their dependencies.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/gauge-chart.adoc b/docs/modules/ROOT/pages/user-guide/reports/gauge-chart.adoc
index 2db58ac39..067acd6aa 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/gauge-chart.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/gauge-chart.adoc
@@ -1,7 +1,5 @@
= Gauge Chart
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A gauge chart takes a single numeric value, and plots it on an animated gauge:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/graph.adoc b/docs/modules/ROOT/pages/user-guide/reports/graph.adoc
index 0d3dd7ff0..4d18523dd 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/graph.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/graph.adoc
@@ -1,7 +1,5 @@
= Graph
-include::../../banner.adoc[]
-
The graph report will render all returned nodes, relationships and paths
in a force-directed graph layout. This includes collections (lists) of
these objects.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/graph3d.adoc b/docs/modules/ROOT/pages/user-guide/reports/graph3d.adoc
index f890c8032..31d2ef6a2 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/graph3d.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/graph3d.adoc
@@ -1,7 +1,5 @@
= 3D Graph
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
The 3D graph report extends the default graph visualization with another dimension.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/iframe.adoc b/docs/modules/ROOT/pages/user-guide/reports/iframe.adoc
index 86aed6cd0..44e822e08 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/iframe.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/iframe.adoc
@@ -1,7 +1,5 @@
= iFrame
-include::../../banner.adoc[]
-
An iFrame report lets you embed a webpage inside your NeoDash dashboard.
The page can be loaded from any web address starting with `http://` or
`https://`, with some exceptions*.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/index.adoc b/docs/modules/ROOT/pages/user-guide/reports/index.adoc
index e1d0dc083..da44ed606 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/index.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/index.adoc
@@ -1,7 +1,5 @@
= Reports
-include::../../banner.adoc[]
-
A report is the smallest building build of your dashboard. Each report
will have a single Cypher query behind it that is used to populate the
report. Reports can be of several types (graph, table, bar chart, etc.),
diff --git a/docs/modules/ROOT/pages/user-guide/reports/line-chart.adoc b/docs/modules/ROOT/pages/user-guide/reports/line-chart.adoc
index 0bf0fd5e1..ec0c21d52 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/line-chart.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/line-chart.adoc
@@ -1,7 +1,5 @@
= Line Chart
-include::../../banner.adoc[]
-
A line chart can be used to draw one or more lines in a two-dimensional
plane. It requires two numeric fields:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/map.adoc b/docs/modules/ROOT/pages/user-guide/reports/map.adoc
index 3d22d132d..081b917f2 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/map.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/map.adoc
@@ -1,7 +1,5 @@
= Map
-include::../../banner.adoc[]
-
The map report will render all returned nodes, relationships and paths
on a geomap. https://www.openstreetmap.org[Open Street Map] is used to
visualize the data on the map.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/markdown.adoc b/docs/modules/ROOT/pages/user-guide/reports/markdown.adoc
index dc7bd0260..fc09c3726 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/markdown.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/markdown.adoc
@@ -1,7 +1,5 @@
= Markdown
-include::../../banner.adoc[]
-
Markdown reports let you specify
https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#styling-text[Markdown]
text, to be renderer as rich HTML. This lets you turn your dashboards
diff --git a/docs/modules/ROOT/pages/user-guide/reports/parameter-select.adoc b/docs/modules/ROOT/pages/user-guide/reports/parameter-select.adoc
index 872ef4bc0..2951b7133 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/parameter-select.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/parameter-select.adoc
@@ -1,7 +1,4 @@
= Parameter Select
-
-include::../../banner.adoc[]
-
Parameter select reports provide you with an easy way to add
interactivity into your dashboards.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/pie-chart.adoc b/docs/modules/ROOT/pages/user-guide/reports/pie-chart.adoc
index 79f56848c..9300388a7 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/pie-chart.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/pie-chart.adoc
@@ -1,7 +1,5 @@
= Pie Chart
-include::../../banner.adoc[]
-
A pie chart will draw categories and values in a circular disc layout.
The pie chart will require you to choose the following selections:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/radar.adoc b/docs/modules/ROOT/pages/user-guide/reports/radar.adoc
index ab2200fe8..4cd805e22 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/radar.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/radar.adoc
@@ -1,7 +1,5 @@
= Radar Chart
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A Radar chart can be used to render multivariate data from an array of nodes
diff --git a/docs/modules/ROOT/pages/user-guide/reports/raw-json.adoc b/docs/modules/ROOT/pages/user-guide/reports/raw-json.adoc
index f97c1783b..cf523529e 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/raw-json.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/raw-json.adoc
@@ -1,7 +1,5 @@
= Raw JSON
-include::../../banner.adoc[]
-
The Raw JSON report renders the JSON response received from Neo4j
directly. This is typically used for debugging queries, or,
understanding the exact data types being returned from Neo4j.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/sankey.adoc b/docs/modules/ROOT/pages/user-guide/reports/sankey.adoc
index 2b6374672..f725d2d3e 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/sankey.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/sankey.adoc
@@ -1,7 +1,5 @@
= Sankey Chart
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A Sankey visualization will generate a flow diagram from nodes and links.
diff --git a/docs/modules/ROOT/pages/user-guide/reports/single-value.adoc b/docs/modules/ROOT/pages/user-guide/reports/single-value.adoc
index e855df92f..593f92a11 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/single-value.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/single-value.adoc
@@ -1,7 +1,5 @@
= Single Value
-include::../../banner.adoc[]
-
A single value report will render the first column of the first row
returned by the Cypher query. Single value reports are typically used
for key metrics:
diff --git a/docs/modules/ROOT/pages/user-guide/reports/sunburst.adoc b/docs/modules/ROOT/pages/user-guide/reports/sunburst.adoc
index 30a73fe61..c3385bcdc 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/sunburst.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/sunburst.adoc
@@ -1,7 +1,5 @@
= Sunburst
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A sunburst chart will render hierarchical data in a multi-level pie
diff --git a/docs/modules/ROOT/pages/user-guide/reports/table.adoc b/docs/modules/ROOT/pages/user-guide/reports/table.adoc
index 675daa003..8bb11cb14 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/table.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/table.adoc
@@ -1,7 +1,5 @@
= Table
-include::../../banner.adoc[]
-
The most common report in a dashboard is often a simple table view.
NeoDash contains a powerful table component that can render all the data
returned by a Cypher query. This includes simple data like numbers or
diff --git a/docs/modules/ROOT/pages/user-guide/reports/treemap.adoc b/docs/modules/ROOT/pages/user-guide/reports/treemap.adoc
index 23c96a69e..9a07ec12a 100644
--- a/docs/modules/ROOT/pages/user-guide/reports/treemap.adoc
+++ b/docs/modules/ROOT/pages/user-guide/reports/treemap.adoc
@@ -1,7 +1,5 @@
= Treemap
-include::../../banner.adoc[]
-
link:../../extensions/advanced-visualizations[label:Advanced Visualization[]]
A treemap chart will render hierarchical data in a nested rectangle
diff --git a/evolving.png b/evolving.png
deleted file mode 100644
index ebc85364b..000000000
Binary files a/evolving.png and /dev/null differ
diff --git a/gallery/yarn.lock b/gallery/yarn.lock
index aa9a0cde5..75b7590fc 100644
--- a/gallery/yarn.lock
+++ b/gallery/yarn.lock
@@ -3042,19 +3042,12 @@ brace-expansion@^2.0.1:
dependencies:
balanced-match "^1.0.0"
-braces@^3.0.3:
- version "3.0.3"
- resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
- integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
- dependencies:
- fill-range "^7.1.1"
-
-braces@~3.0.2:
+braces@^3.0.2, braces@~3.0.2:
version "3.0.2"
resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
dependencies:
- fill-range "^7.1.1"
+ fill-range "^7.0.1"
browser-process-hrtime@^1.0.0:
version "1.0.0"
@@ -4537,9 +4530,9 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
fast-loops@^1.1.3:
- version "1.1.4"
- resolved "https://registry.yarnpkg.com/fast-loops/-/fast-loops-1.1.4.tgz#61bc77d518c0af5073a638c6d9d5c7683f069ce2"
- integrity sha512-8dbd3XWoKCTms18ize6JmQF1SFnnfj5s0B7rRry22EofgMu7B6LKHVh+XfFqFGsqnbH54xgeO83PzpKI+ODhlg==
+ version "1.1.3"
+ resolved "https://registry.yarnpkg.com/fast-loops/-/fast-loops-1.1.3.tgz#ce96adb86d07e7bf9b4822ab9c6fac9964981f75"
+ integrity sha512-8EZzEP0eKkEEVX+drtd9mtuQ+/QrlfW/5MlwcwK5Nds6EkZ/tRzEexkzUY2mIssnAyVLT+TKHuRXmFNNXYUd6g==
fast-shallow-equal@^1.0.0:
version "1.0.0"
@@ -4613,17 +4606,10 @@ filesize@^8.0.6:
resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
-fill-range@^7.1.1:
- version "7.1.1"
- resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
- integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
- dependencies:
- to-regex-range "^5.0.1"
-
-fill-range@^7.1.1:
- version "7.1.1"
- resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
- integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+fill-range@^7.0.1:
+ version "7.0.1"
+ resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+ integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
dependencies:
to-regex-range "^5.0.1"
@@ -4691,9 +4677,9 @@ flatted@^3.1.0:
integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
follow-redirects@^1.0.0:
- version "1.15.6"
- resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
- integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+ version "1.15.4"
+ resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.4.tgz#cdc7d308bf6493126b17ea2191ea0ccf3e535adf"
+ integrity sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==
for-each@^0.3.3:
version "0.3.3"
@@ -6490,11 +6476,11 @@ methods@~1.1.2:
integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
- version "4.0.8"
- resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
- integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+ version "4.0.5"
+ resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+ integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
dependencies:
- braces "^3.0.3"
+ braces "^3.0.2"
picomatch "^2.3.1"
mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
diff --git a/k8s-deploy/neodash/.helmignore b/k8s-deploy/neodash/.helmignore
deleted file mode 100644
index 0e8a0eb36..000000000
--- a/k8s-deploy/neodash/.helmignore
+++ /dev/null
@@ -1,23 +0,0 @@
-# Patterns to ignore when building packages.
-# This supports shell glob matching, relative path matching, and
-# negation (prefixed with !). Only one pattern per line.
-.DS_Store
-# Common VCS dirs
-.git/
-.gitignore
-.bzr/
-.bzrignore
-.hg/
-.hgignore
-.svn/
-# Common backup files
-*.swp
-*.bak
-*.tmp
-*.orig
-*~
-# Various IDEs
-.project
-.idea/
-*.tmproj
-.vscode/
diff --git a/k8s-deploy/neodash/Chart.yaml b/k8s-deploy/neodash/Chart.yaml
deleted file mode 100644
index 41e4e6c4e..000000000
--- a/k8s-deploy/neodash/Chart.yaml
+++ /dev/null
@@ -1,24 +0,0 @@
-apiVersion: v2
-name: neodash
-description: A NeoDash Helm chart for Kubernetes
-
-# A chart can be either an 'application' or a 'library' chart.
-#
-# Application charts are a collection of templates that can be packaged into versioned archives
-# to be deployed.
-#
-# Library charts provide useful utilities or functions for the chart developer. They're included as
-# a dependency of application charts to inject those utilities and functions into the rendering
-# pipeline. Library charts do not define any templates and therefore cannot be deployed.
-type: application
-
-# This is the chart version. This version number should be incremented each time you make changes
-# to the chart and its templates, including the app version.
-# Versions are expected to follow Semantic Versioning (https://semver.org/)
-version: 1.0.0
-
-# This is the version number of the application being deployed. This version number should be
-# incremented each time you make changes to the application. Versions are not expected to
-# follow Semantic Versioning. They should reflect the version the application is using.
-# It is recommended to use it with quotes.
-appVersion: "2.4.9"
\ No newline at end of file
diff --git a/k8s-deploy/neodash/README.md b/k8s-deploy/neodash/README.md
deleted file mode 100644
index 0185710c9..000000000
--- a/k8s-deploy/neodash/README.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# NeoDash
-
-![Version: 0.1.0](https://img.shields.io/badge/Version-0.1.0-informational?style=flat-square) ![Type: application](https://img.shields.io/badge/Type-application-informational?style=flat-square) ![AppVersion: 1.16.0](https://img.shields.io/badge/AppVersion-1.16.0-informational?style=flat-square)
-
-A NeoDash Helm chart for Kubernetes
-
-## Resources
-
-Following are the Kubernetes resources utilized for the NeoDash.
-
-- Deployment
-- Service
-- Ingress
-- Service Account
-- Horizontal Pod Autoscalar (HPA)
-
-## Values Configuration
-
-| Key | Type | Default | Description |
-|-----|------|---------|-------------|
-| autoscaling.enabled | bool | `false` | Enable/disable Autoscaling |
-| enable_reader_mode | bool | `true` | Enable/disable Reader mode |
-| envFromSecrets | list | `[]` | Environment variables from secrets |
-| fullnameOverride | string | `"neodash-test"` | Name override applies to all resources |
-| image.pullPolicy | string | `"IfNotPresent"` | Image pull policy |
-| image.repository | string | `"neo4jlabs/neodash"` | Image repository and Image name |
-| image.tag | string | `"latest"` | Image version |
-| imagePullSecrets | list | `[]` | Image pull secrets if any |
-| podAnnotations | object | `{}` | Pod annotations |
-| podLabels | object | `{}` | Additional labels |
-| podSecurityContext | object | `{}` | Security Context if any |
-| ingress.annotations | object | `{}` | Ingress Annotations for load balancers |
-| ingress.className | string | `"alb"` | Ingress Class |
-| ingress.enabled | bool | `false` | Enable/disable Ingress |
-| ingress.hosts | list | `[]` | Host Details |
-| ingress.tls | list | `[]` | TLS details |
-| livenessProbe.httpGet.path | string | `"/*"` | LivenessProbe path |
-| livenessProbe.httpGet.port | int | `5005` | LivenessProbe port |
-| readinessProbe.httpGet.path | string | `"/*"` | Readiness path |
-| readinessProbe.httpGet.port | int | `5005` | Readiness port |
-| replicaCount | int | `1` | Replica count |
-| resources.limits.cpu | string | `"500m"` | CPU limit |
-| resources.limits.memory | string | `"128Mi"` | Memory limit |
-| resources.requests.cpu | string | `"250m"` | CPU request |
-| resources.requests.memory | string | `"64Mi"` | Memory request |
-| service.annotations | object | `{}` | Service annotations |
-| service.port | int | `5005` | Service port |
-| service.targetPort | int | `5005` | Service target port |
-| service.type | string | `"LoadBalancer"` | Type of service, other options are `ClusterIP` or `NodePort` |
-| serviceAccount.automount | bool | `true` | Enable/disable service account auto mount to pod |
-| serviceAccount.create | bool | `true` | Enable/disable service account |
-| volumeMounts | list | `[]` | Volume mounts on pod |
-| volumes | list | `[]` | Volumes for pod |
-| env | list |
- name: "ssoEnabled"
value: "false"
- name: "standalone"
value: "true"
- name: "standaloneProtocol"
value: "neo4j+s"
- name: "standaloneHost"
value: "localhost"
- name: "standalonePort"
value: "7687"
- name: "standaloneDatabase"
value: "neo4j"
- name: "standaloneDashboardName"
value: "test"
- name: "standaloneDashboardDatabase"
value: "neo4j"
- name: "standaloneAllowLoad"
value: "false"
- name: "standaloneLoadFromOtherDatabases"
value: "false"
- name: "standaloneMultiDatabase"
value: "false"
| Env variables for reader mode |
-
-## Usage
-
-- To install this helm chart run the following command,
-
- ```bash
- helm install - This database is currently empty. Please select a different database or add labels to manage access. -
- )} - {selectedDatabase && !isDatabaseEmpty && loaded && ( + {selectedDatabase && loaded && ( <>