summaryrefslogtreecommitdiffstats
path: root/packages/gitbook-core/src/components/Import.js
blob: 68318b930eaa3440905f683969107b36aa012ff8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
const React = require('react');
const Head = require('react-helmet');
const ReactRedux = require('react-redux');

/**
 * Resolve a file url to a relative url in current state
 * @param  {String} href
 * @param  {State} state
 * @return {String}
 */
function resolveForCurrentFile(href, state) {
    const { file } = state;
    return file.relative(href);
}

const ImportLink = ReactRedux.connect((state, {rel, href}) => {
    href = resolveForCurrentFile(href, state);

    return {
        link: [
            {
                rel,
                href
            }
        ]
    };
})(Head);

const ImportScript = ReactRedux.connect((state, {type, src}) => {
    src = resolveForCurrentFile(src, state);

    return {
        script: [
            {
                type,
                src
            }
        ]
    };
})(Head);

const ImportCSS = props => <ImportLink rel="stylesheet" {...props} />;

module.exports = {
    ImportLink,
    ImportScript,
    ImportCSS
};