Vulcan/packages/nova-routing/lib/routing.jsx

import { Components, Actions } from 'meteor/nova:lib';
import React from 'react';
import { ReactRouterSSR } from 'meteor/reactrouter:react-router-ssr';
import Helmet from 'react-helmet';
import Cookie from 'react-cookie';
import ReactDOM from 'react-dom';
import ApolloClient from 'apollo-client';
import { getDataFromTree, ApolloProvider } from 'react-apollo';
import { meteorClientConfig } from 'meteor/nova:apollo';
import { runCallbacks, addRoute, Routes, configureStore, addReducer, addMiddleware } from 'meteor/nova:core';

Meteor.startup(function initNovaRoutesAndApollo() {

  addRoute({name:"app.notfound", path:"*", component:Components.Error404});

  const indexRoute = _.filter(Routes, route => route.path === '/')[0];
  const childRoutes = _.reject(Routes, route => route.path === '/');

  delete indexRoute.path; // delete the '/' path to avoid warning

  const AppRoutes = {
    path: '/',
    component: Components.App,
    indexRoute,
    childRoutes,
  };

  /*
    Hooks client side and server side definition
  */


  let history;
  let initialState;
  let store;
  let client;

  // Use history hook to get a reference to the history object
  const historyHook = newHistory => history = newHistory;

  const clientOptions = {
    historyHook,
    rehydrateHook: state => {
      // console.log('rehydrated state', state);
      initialState = state
    },
    wrapperHook(app, loginToken) {
      // console.log('wrapper hook initial state', initialState);
      // configure apollo
      client = new ApolloClient(meteorClientConfig({cookieLoginToken: loginToken}));
      const reducers = addReducer({apollo: client.reducer()});
      const middleware = addMiddleware(client.middleware());
      
      // configure the redux store
      store = configureStore(reducers, initialState, middleware);

      return <ApolloProvider store={store} client={client}>{app}</ApolloProvider>
    },
    props: {
      onUpdate: () => {
        runCallbacks('router.onUpdate');
        // clear all previous messages
        store.dispatch(Actions.messages.clearSeen());
      },
    },
  };

  const serverOptions = {
    historyHook,
    htmlHook: (html) => {
      const head = Helmet.rewind();
      return html.replace('<head>', '<head>'+ head.title + head.meta + head.link);
    },
    preRender: (req, res, app) => {
      Cookie.plugToRequest(req, res);
      //console.log('preRender hook', app);
      // console.log(req.cookies);
      return Promise.await(getDataFromTree(app));
    },
    dehydrateHook: () => {
      // console.log(client.store.getState());
      return client.store.getState();
    },
    // fetchDataHook: (components) => components,
  };

  ReactRouterSSR.Run(AppRoutes, clientOptions, serverOptions);
});
fix withMessages 2016-12-12 11:00:25 +00:00			`import { Components, Actions } from 'meteor/nova:lib';`
put routes in their own package 2016-04-22 10:46:09 +09:00			`import React from 'react';`
working on react-router 2016-06-10 19:19:32 +09:00			`import { ReactRouterSSR } from 'meteor/reactrouter:react-router-ssr';`
use react-helmet instead of dochead 2016-06-29 09:15:52 +02:00			`import Helmet from 'react-helmet';`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`import Cookie from 'react-cookie';`
pass app's ReactDOM to react-router-ssr 2016-08-25 09:54:24 +09:00			`import ReactDOM from 'react-dom';`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`import ApolloClient from 'apollo-client';`
various fixes: upgrade react-apollo; handle array fields in forms; fix "daily" view 2016-12-12 09:55:24 +09:00			`import { getDataFromTree, ApolloProvider } from 'react-apollo';`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`import { meteorClientConfig } from 'meteor/nova:apollo';`
improve Nova's redux utils (configureStore, addAction, addReducer) 2017-01-04 14:31:38 +01:00			`import { runCallbacks, addRoute, Routes, configureStore, addReducer, addMiddleware } from 'meteor/nova:core';`
redux basic setup (to be improved) - test case on FlashMessages, used in PostNewForm 2016-10-19 10:32:24 +02:00
add Telescope.createCollection and use it in Movies package to centralize everything; also create withList2 2016-11-21 16:18:08 +09:00			`Meteor.startup(function initNovaRoutesAndApollo() {`
react router first pass 2016-06-11 16:36:18 +09:00
addRoute function improve, not use array.concat because it will return a new array 2017-01-03 16:42:53 +08:00			`addRoute({name:"app.notfound", path:"*", component:Components.Error404});`
Telescope.routes -> Routes, addRoute; no more indexRoute 2016-12-12 11:12:41 +09:00
			`const indexRoute = _.filter(Routes, route => route.path === '/')[0];`
			`const childRoutes = _.reject(Routes, route => route.path === '/');`

			`delete indexRoute.path; // delete the '/' path to avoid warning`
working on rr 2016-06-13 16:02:27 +09:00
re-enable routes in demo and debug packages 2016-06-15 11:07:30 +09:00			`const AppRoutes = {`
			`path: '/',`
Telescope.components.Foo -> Components.Foo, same for related components utils like registerComponent, getRawComponent & replaceComponent 2016-12-06 18:06:29 +01:00			`component: Components.App,`
Telescope.routes -> Routes, addRoute; no more indexRoute 2016-12-12 11:12:41 +09:00			`indexRoute,`
			`childRoutes,`
redux basic setup (to be improved) - test case on FlashMessages, used in PostNewForm 2016-10-19 10:32:24 +02:00			`};`
complete work on react-router 2016-06-14 10:01:44 +09:00
ApolloProvider wraps the route (and not the opposite), however store is not rehydrated -> loading state is server-side rendered :-/ 2016-11-01 11:45:44 +01:00			`/*`
			`Hooks client side and server side definition`
			`*/`

addRoute function improve, not use array.concat because it will return a new array 2017-01-03 16:42:53 +08:00
ApolloProvider wraps the route (and not the opposite), however store is not rehydrated -> loading state is server-side rendered :-/ 2016-11-01 11:45:44 +01:00			`let history;`
			`let initialState;`
			`let store;`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`let client;`
addRoute function improve, not use array.concat because it will return a new array 2017-01-03 16:42:53 +08:00
ApolloProvider wraps the route (and not the opposite), however store is not rehydrated -> loading state is server-side rendered :-/ 2016-11-01 11:45:44 +01:00			`// Use history hook to get a reference to the history object`
			`const historyHook = newHistory => history = newHistory;`

🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`const clientOptions = {`
ApolloProvider wraps the route (and not the opposite), however store is not rehydrated -> loading state is server-side rendered :-/ 2016-11-01 11:45:44 +01:00			`historyHook,`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`rehydrateHook: state => {`
remove queries and mutations on state dehydration, hide debug logs 2016-11-16 16:26:53 +01:00			`// console.log('rehydrated state', state);`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`initialState = state`
			`},`
			`wrapperHook(app, loginToken) {`
remove queries and mutations on state dehydration, hide debug logs 2016-11-16 16:26:53 +01:00			`// console.log('wrapper hook initial state', initialState);`
improve Nova's redux utils (configureStore, addAction, addReducer) 2017-01-04 14:31:38 +01:00			`// configure apollo`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`client = new ApolloClient(meteorClientConfig({cookieLoginToken: loginToken}));`
improve Nova's redux utils (configureStore, addAction, addReducer) 2017-01-04 14:31:38 +01:00			`const reducers = addReducer({apollo: client.reducer()});`
			`const middleware = addMiddleware(client.middleware());`

			`// configure the redux store`
			`store = configureStore(reducers, initialState, middleware);`
messy but working integration, will need some refactoring for react-apollo@0.6.0 + apollo-client@0.5.3 anyway 2016-11-16 16:34:37 +01:00
ApolloProvider wraps the route (and not the opposite), however store is not rehydrated -> loading state is server-side rendered :-/ 2016-11-01 11:45:44 +01:00			`return <ApolloProvider store={store} client={client}>{app}</ApolloProvider>`
			`},`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`props: {`
			`onUpdate: () => {`
Callbacks.add -> addCallback; and other callback functions 2016-12-13 11:40:24 +09:00			`runCallbacks('router.onUpdate');`
flash-messages logic handle via redux for all the components 2016-10-31 17:13:14 +01:00			`// clear all previous messages`
Telescope.headtags -> Headtags; Telescope.actions -> Actions; Telescope.reducers -> Reducers; Telescope.operateOnItem -> operateOnItem; TODO: fix withMessages 2016-12-12 16:43:23 +09:00			`store.dispatch(Actions.messages.clearSeen());`
flash-messages logic handle via redux for all the components 2016-10-31 17:13:14 +01:00			`},`
			`},`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`};`
more work on react router 2016-06-12 12:11:05 +09:00
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`const serverOptions = {`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`historyHook,`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`htmlHook: (html) => {`
			`const head = Helmet.rewind();`
addRoute function improve, not use array.concat because it will return a new array 2017-01-03 16:42:53 +08:00			`return html.replace('<head>', '<head>'+ head.title + head.meta + head.link);`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`},`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`preRender: (req, res, app) => {`
withApp: class with lifecycle hooks so it can preload fields from feature/custom packages; fix Users.getSettings; ssr: plug again the cookies to the request 2016-12-09 13:26:46 +01:00			`Cookie.plugToRequest(req, res);`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`//console.log('preRender hook', app);`
			`// console.log(req.cookies);`
			`return Promise.await(getDataFromTree(app));`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`},`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`dehydrateHook: () => {`
remove queries and mutations on state dehydration, hide debug logs 2016-11-16 16:26:53 +01:00			`// console.log(client.store.getState());`
got something ~working with a hacks on reactrouter:react-router-ssr 2016-11-16 16:17:12 +01:00			`return client.store.getState();`
			`},`
			`// fetchDataHook: (components) => components,`
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`};`
addRoute function improve, not use array.concat because it will return a new array 2017-01-03 16:42:53 +08:00
🍪🤖: plug cookie to request before rendering ssr string 2016-08-17 18:13:19 +02:00			`ReactRouterSSR.Run(AppRoutes, clientOptions, serverOptions);`
fix withMessages 2016-12-12 11:00:25 +00:00			`});`