Updated README

Author: nielsdejong

.github/workflows/master-deployment.yml

@@ -55,6 +55,7 @@ jobs:
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: us-west-1
       - run: curl ${{ secrets.INDEX_HTML_DEPLOYMENT_URL }} > dist/index.html
+      - run: curl https://gist.githubusercontent.com/nielsdejong/944d8f8f30dd2719f9b275e31df22f92/raw/f363cf5280eb5095e12e56a278f6616b6220adcf/config.json > dist/config.json
       - run: aws s3 rm s3://neodash.graphapp.io/ --recursive && aws s3 sync dist s3://neodash.graphapp.io/ --acl public-read
   build-docker:
     needs: build-test
@@ -149,6 +150,7 @@ jobs:
       - run: rm -rf docs
       - run: yarn install
       - run: PRODUCTION=true && yarn run build-minimal
+      - run: curl https://gist.githubusercontent.com/nielsdejong/944d8f8f30dd2719f9b275e31df22f92/raw/f363cf5280eb5095e12e56a278f6616b6220adcf/config.json > dist/config.json
       - run: curl ${{ secrets.INDEX_HTML_DEPLOYMENT_URL }} > dist/index.html
       - run: npm pack
       - run: rm -rf target

README.md

@@ -1,9 +1,9 @@
 ## NeoDash Labs
 NeoDash is a dashboard builder for Neo4j, letting you build a graph dashboard in minutes.
 
-**This project will be archived on August 31st, 2025.** If you'd like to continue building NeoDash dashboards, you can:
+**This project will be archived on August 31st, 2025.** If you'd like to continue building dashboards, you can:
 
 1. [Upgrade](https://console-preview.neo4j.io/tools/dashboards) to Dashboards in the Neo4j Console (free for everyone).
 2. If you'd like to keep using NeoDash for free, you can fork this repository and [run NeoDash yourself](https://github.com/neo4j-labs/neodash/blob/master/about.md).
-3. If you're in need of a support & stable version of NeoDash, you can [purchase](https://neo4j.com/docs/neodash-commercial/current/#_getting_access_to_neodash_commercial) a NeoDash commercial license as part of a Neo4j Enterprise license.  
+3. If you're in need of a supported version of NeoDash, you can [purchase](https://neo4j.com/docs/neodash-commercial/current/#_getting_access_to_neodash_commercial) a NeoDash commercial license together with a Neo4j Enterprise license.  
 

gallery/src/App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import './App.css';
-import { Button, TextInput, HeroIcon, Tag } from '@neo4j-ndl/react';
+import { Button, TextInput, HeroIcon, Tag, Alert } from '@neo4j-ndl/react';
 
 // These are the read-only credentials of the public database where the gallery exists.
 const uri = 'neo4j+s://acb5b6ae.databases.neo4j.io';
@@ -44,6 +44,32 @@ function App() {
 
   return (
     <div className='n-bg-neutral-20 h-100'>
+      <Alert
+        title='Deprecation notice'
+        type='warning'
+        // closeable={true}
+        icon={true}
+        // onClose={() => setBannerOpen(false)}
+      >
+        This app will no longer be available after August 31st. &nbsp;
+        <u>
+          <b>
+            <a target='_blank' href='https://console-preview.neo4j.io/tools/dashboards'>
+              Migrate
+            </a>
+          </b>
+        </u>
+        &nbsp;your dashboards to the Neo4j Console, or{' '}
+        <u>
+          <b>
+            <a target='_blank' href='https://github.com/neo4j-labs/neodash'>
+              visit
+            </a>
+          </b>
+        </u>{' '}
+        the NeoDash repository to run NeoDash yourself.
+      </Alert>
+
       {/* Header */}
       <div className='n-bg-neutral-10'>
         <div className='md:container md:mx-auto m-5 p-8 '>

gallery/yarn.lock

@@ -3054,7 +3054,7 @@ braces@~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"
@@ -4613,14 +4613,7 @@ 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:
+fill-range@^7.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==
@@ -7899,9 +7892,9 @@ react-scripts@^5.0.1:
     fsevents "^2.3.2"
 
 react-select@^5.3.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.2.tgz#ccd40071b9429277983bf15526e7a5773a060e09"
-  integrity sha512-cTlJkQ8YjV6T/js8wW0owTzht0hHGABh29vjLscY4HfZGkv7hc3FFTmRp9NzY/Ib1uQ36GieAKEjxpHdpCFpcA==
+  version "5.10.2"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.10.2.tgz#8dffc69dfd7d74684d9613e6eb27204e3b99e127"
+  integrity sha512-Z33nHdEFWq9tfnfVXaiM12rbJmk+QjFEztWLtmXqQhz6Al4UZZ9xc0wiatmGtUOCCnHN0WizL3tCMYRENX4rVQ==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"
@@ -7911,7 +7904,7 @@ react-select@^5.3.2:
     memoize-one "^6.0.0"
     prop-types "^15.6.0"
     react-transition-group "^4.3.0"
-    use-isomorphic-layout-effect "^1.1.2"
+    use-isomorphic-layout-effect "^1.2.0"
 
 react-syntax-highlighter@^15.5.0:
   version "15.5.0"
@@ -9246,10 +9239,10 @@ url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-use-isomorphic-layout-effect@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
-  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+use-isomorphic-layout-effect@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.2.1.tgz#2f11a525628f56424521c748feabc2ffcc962fce"
+  integrity sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==
 
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"

src/application/Application.tsx

@@ -16,6 +16,7 @@ import {
   applicationGetSsoSettings,
   applicationHasReportHelpModalOpen,
   applicationIsStandalone,
+  applicationIsDeprecated,
 } from '../application/ApplicationSelectors';
 import {
   createConnectionThunk,
@@ -77,6 +78,7 @@ const Application = ({
   aboutModalOpen,
   loadDashboard,
   hasNeo4jDesktopConnection,
+  deprecated,
   shareDetails,
   createConnection,
   createConnectionFromDesktopIntegration,
@@ -126,15 +128,15 @@ const Application = ({
       ref={ref}
       className={`n-bg-palette-neutral-bg-default n-h-screen n-w-screen n-flex n-flex-col n-overflow-hidden`}
     >
-      {bannerOpen && connected ? (
+      {deprecated && bannerOpen && connected ? (
         <Banner
           title='Deprecation notice'
           type='warning'
           closeable={true}
           icon={true}
           onClose={() => setBannerOpen(false)}
         >
-          This demo environment will no longer be available after August 31st. &nbsp;
+          This app will no longer be available after August 31st. &nbsp;
           <u>
             <b>
               <a target='_blank' href='https://console-preview.neo4j.io/tools/dashboards'>
@@ -150,7 +152,7 @@ const Application = ({
               </a>
             </b>
           </u>{' '}
-          the NeoDash repository to learn more.
+          the NeoDash repository to run NeoDash yourself.
         </Banner>
       ) : (
         <></>
@@ -232,6 +234,7 @@ const mapStateToProps = (state) => ({
   reportHelpModalOpen: applicationHasReportHelpModalOpen(state),
   welcomeScreenOpen: applicationHasWelcomeScreenOpen(state),
   hasCachedDashboard: applicationHasCachedDashboard(state),
+  deprecated: applicationIsDeprecated(state),
   getDebugState: () => {
     return applicationGetDebugState(state);
   }, // TODO - change this to be variable instead of a function?

src/application/ApplicationActions.ts

@@ -235,3 +235,9 @@ export const setCustomHeader = (customHeader: any) => ({
   type: SET_CUSTOM_HEADER,
   payload: { customHeader },
 });
+
+export const SET_DEPRECATION_NOTICE = 'APPLICATION/SET_DEPRECATION_NOTICE';
+export const setDeprecationNotice = (deprecated: boolean) => ({
+  type: SET_DEPRECATION_NOTICE,
+  payload: { deprecated },
+});

src/application/ApplicationReducer.ts

@@ -39,6 +39,7 @@ import {
   SET_WAIT_FOR_SSO,
   SET_WELCOME_SCREEN_OPEN,
   SET_CUSTOM_HEADER,
+  SET_DEPRECATION_NOTICE,
 } from './ApplicationActions';
 import {
   SET_LOGGING_MODE,
@@ -322,6 +323,11 @@ export const applicationReducer = (state = initialState, action: { type: any; pa
       state = update(state, { customHeader: customHeader });
       return state;
     }
+    case SET_DEPRECATION_NOTICE: {
+      const { deprecated } = payload;
+      state = update(state, { deprecated: deprecated });
+      return state;
+    }
     default: {
       return state;
     }

src/application/ApplicationSelectors.ts

@@ -106,6 +106,10 @@ export const applicationHasWelcomeScreenOpen = (state: any) => {
   return state.application.welcomeScreenOpen;
 };
 
+export const applicationIsDeprecated = (state: any) => {
+  return state.application.deprecated;
+};
+
 export const applicationHasCachedDashboard = (state: any) => {
   // Avoid this expensive check when the application is connected, as it's only for the welcome screen.
   if (state.application.connected) {

src/application/ApplicationThunks.ts

@@ -40,6 +40,7 @@ import {
   setReportHelpModalOpen,
   setDraft,
   setCustomHeader,
+  setDeprecationNotice,
 } from './ApplicationActions';
 import { setLoggingMode, setLoggingDatabase, setLogErrorNotification } from './logging/LoggingActions';
 import { version } from '../modal/AboutModal';
@@ -397,6 +398,7 @@ export const loadApplicationConfigThunk = () => async (dispatch: any, getState:
     standaloneMultiDatabase: false,
     standaloneDatabaseList: 'neo4j',
     customHeader: '',
+    deprecationNotice: false,
   };
   try {
     config = await (await fetch('config.json')).json();
@@ -463,7 +465,7 @@ export const loadApplicationConfigThunk = () => async (dispatch: any, getState:
     dispatch(setLogErrorNotification('3'));
 
     dispatch(setConnectionModalOpen(false));
-
+    dispatch(setDeprecationNotice(config.deprecationNotice));
     dispatch(setCustomHeader(config.customHeader));
 
     // Auto-upgrade the dashboard version if an old version is cached.