react-navi-helmet
Version:
Use react-helmet to render your Navi routes' title and head.
71 lines • 2.88 kB
JavaScript
;
var __spreadArrays = (this && this.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var react_helmet_1 = require("react-helmet");
var react_navi_1 = require("react-navi");
function HelmetProvider(_a) {
var canUseDOM = _a.canUseDOM, context = _a.context, children = _a.children;
// react-helmet thinks it's in a browser because of JSDOM, so we need to
// manually let it know that we're doing static rendering.
if (canUseDOM !== undefined) {
react_helmet_1.Helmet.canUseDOM = canUseDOM;
}
if (context && !react_helmet_1.Helmet.canUseDOM) {
context.getHelmet = function () {
return react_helmet_1.Helmet.renderStatic();
};
}
return (React.createElement(react_navi_1.ViewHeadRendererContext.Provider, { value: renderViewHead }, children));
}
exports.HelmetProvider = HelmetProvider;
// Memoize these to stop a bizarre react-helmet infinite loop bug when titles
// are recreated on each render
var titles = {};
function createTitleElement(str) {
var title = titles[str];
if (!title) {
title = titles[str] = React.createElement("title", null, str);
}
return title;
}
function renderViewHead(chunks) {
var headAndTitleChunks = chunks.filter(function (chunk) { return chunk.type === 'title' || chunk.type === 'head'; });
var helmet = headAndTitleChunks &&
headAndTitleChunks.length && React.createElement.apply(React, __spreadArrays([react_helmet_1.Helmet,
null], headAndTitleChunks.map(function (chunk) {
return chunk.type === 'title'
? createTitleElement(chunk.title)
: chunk.head.type === React.Fragment || chunk.head.type === 'head'
? chunk.head.props.children
: chunk.head;
})));
return helmet || null;
}
exports.renderViewHead = renderViewHead;
// If building with navi-scripts, we'll need to register this module so that
// it can use it to add <head> tags to the build output.
if (typeof window !== 'undefined') {
var app = window['NaviScripts'];
if (!app) {
app = window['NaviScripts'] = {};
}
if (!app.head) {
app.head = HelmetProvider;
}
}
exports.default = HelmetProvider;
//# sourceMappingURL=index.js.map