bisheng/lib/ssr.nunjucks.js

Transform Markdown(and other static files with transformers) into a SPA website using React.

"use strict";

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

require('@babel/polyfill');

var React = require('react');

var ReactDOMServer = require('react-dom/server');

var ReactRouter = require('react-router-3-fork');

var _require = require('react-helmet'),
    Helmet = _require.Helmet;

var _createElement = require('../lib/utils/create-element');

var data = require('../lib/utils/ssr-data.js');

var routes = require('{{ routesPath }}')(data);

function getTitleStringFromHelmet(helmetTitleTmp) {
  return helmetTitleTmp.match(/<title.*>([^<]+)<\/title>/) ? helmetTitleTmp.match(/<title.*>([^<]+)<\/title>/)[1] : '';
}

module.exports = function ssr(url, callback) {
  ReactRouter.match({
    routes: routes,
    location: url
  }, function (error, redirectLocation, renderProps) {
    if (error) {
      callback(error, '');
    } else if (redirectLocation) {
      callback(null, ''); // TODO
    } else if (renderProps) {
      var helmetContext = {};

      try {
        var content = ReactDOMServer.renderToString( /*#__PURE__*/React.createElement(ReactRouter.RouterContext, _extends({}, renderProps, {
          createElement: function createElement(Component, props) {
            return _createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
              helmetContext: helmetContext
            }));
          }
        })));
        var helmet = helmetContext.helmet || Helmet.renderStatic();
        var documentTitle = getTitleStringFromHelmet(Helmet.renderStatic().title.toString());
        var helmetTitle = getTitleStringFromHelmet(helmet.title.toString());
        var htmlAttributes = helmet.htmlAttributes.toString();
        var meta = helmet.meta.toString();
        var link = helmet.link.toString(); // 兼容 DocumentTitle ，推荐使用 react-helmet

        var title = documentTitle || helmetTitle; // params for extension

        callback(null, content, {
          title: title,
          meta: meta,
          link: link,
          htmlAttributes: htmlAttributes
        });
      } catch (e) {
        callback(e, '');
      }
    } else {
      callback(null, ''); // TODO
    }
  });
};