renaming backend, cellxgene to server, client respectively

2026-09-23 03:38:11 +08:00 · 2018-06-26 11:41:32 -07:00
parent 59dcfe2bc4
commit dd5fa57259
97 changed files with 4 additions and 7 deletions
@@ -0,0 +1,83 @@
+// jshint esversion: 6
+import uri from "urijs";
+
+/*
+  https://medium.com/@jacobp100/you-arent-using-redux-middleware-enough-94ffe991e6
+  storeInstance => functionToCallWithAnActionThatWillSendItToTheNextMiddleware => actionThatDispatchWasCalledWith => valueToUseAsTheReturnValueOfTheDispatchCall
+*/
+
+const updateURLMiddleware = store => {
+  return next => {
+    return action => {
+      const oldState = store.getState();
+      const nextAction = next(action);
+
+      if (action.type === "url changed") {
+        /* we don't handle pop state here - we handle it in the url reducer */
+        return nextAction;
+      }
+
+      const state = store.getState();
+
+      /************************************************************************
+      *************************************************************************
+      1. Redux app state just changed. Clear URL, and then update it.
+      1a. We get the whole state tree to construct the url!
+      1b. But (see reducers/url.js) we try to centralize it because...
+      1c. ...the back button / initial load case ('url changed' return above)
+      means that we have to listen for 'url changed' and construct state
+      from the browser
+      *************************************************************************
+      ************************************************************************/
+
+      // const oldURI = URI(window.location.href)
+      // const newURI = URI(oldURI).setQuery({})
+
+      // if (window.location.search === "") {
+      //   newURL = uri.addQuery(category, value).toString(); /* #1 */
+      // } else if (uri.hasQuery(category, value) || uri.hasQuery(category, value, true)) { /* true param here means check arrays as well http://medialize.github.io/URI.js/docs.html#search-has */
+      //   newURL = uri.removeQuery(category, value).toString(); /* #4 */
+      // } else {
+      //   newURL = uri.addQuery(category, value).toString(); /* #2 & #3 are handled by URI */
+      // }
+      //
+      // window.history.pushState("", "", newURL)
+
+      //
+      // // Internal helper for working with URIs
+      // const oldURI = new URI(window.location.href);
+      // const newURI = new URI(oldURI).setQueryData({});
+      //
+      // newURI.setPath('/foo/bar');
+      //
+      // // Set the path based on state
+      // if (!state.isOnLandingPage && state.project.id) {
+      //   newURI.setPath(newURI.getPath() + state.project.id + '/');
+      //   newURI.addQueryData('baz', state.mode);
+      //   newURI.addQueryData('bat', state.selection.activePageID);
+      // } else {
+      //   newURI.setPath(newURI.getPath() + state.landingSection + '/');
+      // }
+      //
+      // // Avoid URL thrashing by replacing state while loading instead of pushing
+      // const newPath = newURI.toString();
+      // const oldPath = oldURI.toString();
+      // if (newPath !== oldPath) {
+      //   if (
+      //     (oldState.mode === 'asdf' &&
+      //       state.mode === 'asdf' &&
+      //       !oldState.isOnLandingPage) ||
+      //     oldState.isLoadingProject !== state.isLoadingProject
+      //   ) {
+      //     window.history.replaceState(null, null, newPath);
+      //   } else {
+      //     window.history.pushState(null, null, newPath);
+      //   }
+      // }
+
+      return nextAction;
+    };
+  };
+};
+
+export default updateURLMiddleware;