chore(server): Move api-server in to it's own DIR
This commit is contained in:
committed by
mrugesh mohapatra
parent
9fba6bce4c
commit
46a217d0a5
118
api-server/server/boot/z-a-react.js
Normal file
118
api-server/server/boot/z-a-react.js
Normal file
@ -0,0 +1,118 @@
|
||||
import debug from 'debug';
|
||||
// import { renderToString } from 'react-dom/server';
|
||||
// import createMemoryHistory from 'history/createMemoryHistory';
|
||||
// import { NOT_FOUND } from 'redux-first-router';
|
||||
// import devtoolsEnhancer from 'remote-redux-devtools';
|
||||
|
||||
// import {
|
||||
// errorThrowerMiddleware
|
||||
// } from '../utils/react.js';
|
||||
// import { createApp, provideStore, App } from '../../common/app';
|
||||
// import waitForEpics from '../../common/utils/wait-for-epics.js';
|
||||
// import { titleSelector } from '../../common/app/redux';
|
||||
|
||||
const log = debug('fcc:react-server');
|
||||
// const isDev = process.env.NODE_ENV !== 'production';
|
||||
|
||||
// // add routes here as they slowly get reactified
|
||||
// // remove their individual controllers
|
||||
// const routes = [
|
||||
// '/settings',
|
||||
// '/settings/*',
|
||||
// '/:username'
|
||||
// ];
|
||||
|
||||
// const devRoutes = [];
|
||||
|
||||
// const middlewares = isDev ? [errorThrowerMiddleware] : [];
|
||||
|
||||
// const markupMap = {};
|
||||
|
||||
export default function reactSubRouter(app) {
|
||||
// var router = app.loopback.Router();
|
||||
|
||||
// router.get('/videos', (req, res) => res.redirect('/map'));
|
||||
// router.get(
|
||||
// '/videos/:dashedName',
|
||||
// (req, res) => res.redirect(`/challenges/${req.params.dashedName}`)
|
||||
// );
|
||||
|
||||
// router.get(
|
||||
// '/portfolio/:redirectUsername',
|
||||
// (req, res) => res.redirect(`/${req.params.redirectUsername}`)
|
||||
// );
|
||||
|
||||
// // These routes are in production
|
||||
// routes.forEach((route) => {
|
||||
// router.get(route, serveReactApp);
|
||||
// });
|
||||
|
||||
// if (process.env.NODE_ENV === 'development') {
|
||||
// devRoutes.forEach(function(route) {
|
||||
// router.get(route, serveReactApp);
|
||||
// });
|
||||
// }
|
||||
|
||||
// app.use(router);
|
||||
|
||||
// function serveReactApp(req, res, next) {
|
||||
// const serviceOptions = { req };
|
||||
// if (req.originalUrl in markupMap) {
|
||||
// log('sending markup from cache');
|
||||
// const { state, title, markup } = markupMap[req.originalUrl];
|
||||
// res.expose(state, 'data', { isJSON: true });
|
||||
// // note(berks): we render without express-flash dumping our messages
|
||||
// // the app will query for these on load
|
||||
// return res.renderWithoutFlash('layout-react', { markup, title });
|
||||
// }
|
||||
// return createApp({
|
||||
// serviceOptions,
|
||||
// middlewares,
|
||||
// enhancers: [
|
||||
// devtoolsEnhancer({ name: 'server' })
|
||||
// ],
|
||||
// history: createMemoryHistory({ initialEntries: [ req.originalUrl ] }),
|
||||
// defaultState: {}
|
||||
// })
|
||||
// .filter(({
|
||||
// location: {
|
||||
// type,
|
||||
// kind,
|
||||
// pathname
|
||||
// } = {}
|
||||
// }) => {
|
||||
// if (kind === 'redirect') {
|
||||
// log('react found a redirect');
|
||||
// res.redirect(pathname);
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// if (type === NOT_FOUND) {
|
||||
// log(`react tried to find ${req.path} but got 404`);
|
||||
// next();
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// return true;
|
||||
// })
|
||||
// .flatMap(({ store, epic }) => {
|
||||
// return waitForEpics(epic)
|
||||
// .map(() => renderToString(
|
||||
// provideStore(App, store)
|
||||
// ))
|
||||
// .map((markup) => ({ markup, store, epic }));
|
||||
// })
|
||||
// .do(({ markup, store, epic }) => {
|
||||
// log('react markup rendered, data fetched');
|
||||
// const state = store.getState();
|
||||
// const title = titleSelector(state);
|
||||
// epic.dispose();
|
||||
// res.expose(state, 'data', { isJSON: true });
|
||||
// // note(berks): we render without express-flash dumping our messages
|
||||
// // the app will query for these on load
|
||||
// res.renderWithoutFlash('layout-react', { markup, title });
|
||||
// markupMap[req.originalUrl] = { markup, state, title };
|
||||
// })
|
||||
// .subscribe(() => log('html rendered and sent'), next);
|
||||
// }
|
||||
}
|
Reference in New Issue
Block a user