react-navi-helmet
Version:
Use react-helmet to render your Navi routes' title and head.
60 lines • 2.37 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;
};
import * as React from 'react';
import { Helmet } from 'react-helmet';
import { ViewHeadRendererContext } from 'react-navi';
export 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) {
Helmet.canUseDOM = canUseDOM;
}
if (context && !Helmet.canUseDOM) {
context.getHelmet = function () {
return Helmet.renderStatic();
};
}
return (React.createElement(ViewHeadRendererContext.Provider, { value: renderViewHead }, children));
}
// 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;
}
export 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([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;
}
// 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;
}
}
export default HelmetProvider;
//# sourceMappingURL=index.js.map