}
97 | */
98 | function buildNewTree(headElements, EOL) {
99 |
100 | var newHeadElements = [];
101 |
102 | Object.keys(headElements).forEach(function(value) {
103 |
104 | newHeadElements.push(findElmType(value, headElements[value]));
105 |
106 | });
107 |
108 | function cnct(arr) {
109 | return Array.prototype.concat.apply([], arr);
110 | }
111 |
112 | return cnct(cnct(newHeadElements).map(function(elem) {
113 | return [elem, EOL];
114 | }));
115 | }
116 |
117 | module.exports = function(options) {
118 | options = options || {};
119 | options.headElementsTag = options.headElementsTag || 'posthtml-head-elements';
120 |
121 | if (!options.headElements) {
122 | util.log('posthtml-head-elements: Don\'t forget to add a link to the JSON file containing the head elements to insert');
123 | }
124 | var jsonOne = typeof options.headElements !== 'string' ? options.headElements : require(options.headElements);
125 |
126 | return function posthtmlHeadElements(tree) {
127 |
128 | tree.match({tag: options.headElementsTag}, function() {
129 | return {
130 | tag: false, // delete this node, safe content
131 | content: buildNewTree(jsonOne, options.EOL || '\n')
132 | };
133 | });
134 |
135 | return tree;
136 |
137 | };
138 |
139 | };
140 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "posthtml-head-elements",
3 | "version": "0.5.1",
4 | "description": "Build HTML head elements from a JSON file",
5 | "main": "index.js",
6 | "devDependencies": {
7 | "chai": "^4.1.2",
8 | "coveralls": "^3.0.1",
9 | "cz-conventional-changelog": "^2.1.0",
10 | "jscs": "^3.0.7",
11 | "jshint": "^2.9.5",
12 | "mocha": "^5.1.1",
13 | "posthtml": "^0.11.3",
14 | "version-bump-prompt": "^4.1.0"
15 | },
16 | "peerDependencies": {},
17 | "scripts": {
18 | "build": "bump --prompt",
19 | "test": "jscs index.js && jscs test/test.js && jshint index.js && jshint test/test.js && mocha test/test.js"
20 | },
21 | "repository": {
22 | "type": "git",
23 | "url": "git+https://github.com/posthtml/posthtml-head-elements.git"
24 | },
25 | "keywords": [
26 | "posthtml",
27 | "posthtml-plugin",
28 | "html"
29 | ],
30 | "author": "Andy Walpole",
31 | "license": "MIT",
32 | "bugs": {
33 | "url": "https://github.com/posthtml/posthtml-head-elements/issues"
34 | },
35 | "homepage": "https://github.com/posthtml/posthtml-head-elements#readme",
36 | "engines": {
37 | "node": ">=6.11.3",
38 | "npm": ">=3.10.10"
39 | },
40 | "config": {
41 | "commitizen": {
42 | "path": "./node_modules/cz-conventional-changelog"
43 | }
44 | }
45 | }
--------------------------------------------------------------------------------
/test/data/data_one.json:
--------------------------------------------------------------------------------
1 | {
2 | "meta": [
3 | {
4 | "charset": "utf-8"
5 | },
6 | {
7 | "http-equiv": "X-UA-Compatible",
8 | "content": "IE=edge"
9 | },
10 | {
11 | "name": "description",
12 | "content": "A front-end template that helps you build fast, modern mobile web apps."
13 | },
14 | {
15 | "name": "viewport",
16 | "content": "width=device-width, initial-scale=1"
17 | }
18 | ],
19 | "title": "Web Starter Kit",
20 | "link": [
21 | {
22 | "rel": "manifest",
23 | "href": "manifest.json"
24 | },
25 | {
26 | "rel": "icon",
27 | "sizes": "192x192",
28 | "href": "images/touch/chrome-touch-icon-192x192.png"
29 | }
30 | ],
31 | "script": [
32 | {
33 | "src": "//cdn.polyfill.io/v1/polyfill.min.js"
34 | }
35 | ],
36 | "base": [
37 | {
38 | "href": "/"
39 | }
40 | ]
41 | }
--------------------------------------------------------------------------------
/test/data/data_two.json:
--------------------------------------------------------------------------------
1 | {
2 | "meta": [
3 | {
4 | "charset": "utf-8"
5 | },
6 | {
7 | "http-equiv": "X-UA-Compatible",
8 | "content": "IE=edge"
9 | },
10 | {
11 | "name": "description",
12 | "content": "A front-end template that helps you build fast, modern mobile web apps."
13 | },
14 | {
15 | "name": "viewport",
16 | "content": "width=device-width, initial-scale=1"
17 | }
18 | ],
19 | "title": "Web Starter Kit",
20 | "link": [
21 | {
22 | "rel": "manifest",
23 | "href": "manifest.json"
24 | }
25 | ],
26 | "meta_1": [
27 | {
28 | "name": "mobile-web-app-capable",
29 | "content": "yes"
30 | },
31 | {
32 | "name": "application-name",
33 | "content": "Web Starter Kit"
34 | }
35 | ],
36 | "link_1": [
37 | {
38 | "rel": "icon",
39 | "sizes": "192x192",
40 | "href": "images/touch/chrome-touch-icon-192x192.png"
41 | }
42 | ],
43 | "meta_2": [
44 | {
45 | "name": "apple-mobile-web-app-capable",
46 | "content": "yes"
47 | },
48 | {
49 | "name": "apple-mobile-web-app-status-bar-style",
50 | "content": "black"
51 | },
52 | {
53 | "name": "apple-mobile-web-app-title",
54 | "content": "Web Starter Kit"
55 | }
56 | ],
57 | "link_2": [
58 | {
59 | "rel": "apple-touch-icon",
60 | "href": "images/touch/apple-touch-icon.png"
61 | }
62 | ],
63 | "meta_3": [
64 | {
65 | "name": "msapplication-TileImage",
66 | "content": "mages/touch/ms-touch-icon-144x144-precomposed.png"
67 | },
68 | {
69 | "name": "msapplication-TileColor",
70 | "content": "3372DF"
71 | },
72 | {
73 | "name": "theme-color",
74 | "content": "#3372DF"
75 | }
76 | ],
77 | "link_3": [
78 | {
79 | "rel": "stylesheet",
80 | "href": "styles/main.css"
81 | }
82 | ]
83 | }
--------------------------------------------------------------------------------
/test/html/page_one.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
25 |
26 |
27 |
28 |
29 |
30 |
40 |
41 |
49 |
50 |
51 | Hello!
52 | Welcome to Web Starter Kit.
53 |
54 | Get Started.
55 | Read how to Get Started or check out the Style Guide.
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
71 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/test/html/page_three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
16 |
17 |
25 |
26 |
27 | Hello!
28 | Welcome to Web Starter Kit.
29 |
30 | Get Started.
31 | Read how to Get Started or check out the Style Guide.
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/test/html/page_three_result.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
16 |
17 |
25 |
26 |
27 | Hello!
28 | Welcome to Web Starter Kit.
29 |
30 | Get Started.
31 | Read how to Get Started or check out the Style Guide.
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/test/html/page_two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
17 |
18 |
26 |
27 |
28 | Hello!
29 | Welcome to Web Starter Kit.
30 |
31 | Get Started.
32 | Read how to Get Started or check out the Style Guide.
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/test/html/page_two_result.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Web Starter Kit
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
33 |
34 |
42 |
43 |
44 | Hello!
45 |
46 | Welcome to Web Starter Kit.
47 |
48 | Get Started.
49 |
50 | Read how to Get Started or check out the Style Guide.
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
74 |
75 |
76 |
77 |
--------------------------------------------------------------------------------
/test/test.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | // jshint maxstatements:10
3 | var fs = require('fs');
4 | var path = require('path');
5 | var posthtml = require('posthtml');
6 | var expect = require('chai').expect;
7 | var posthtmlHeadElements = require('..');
8 |
9 | /**
10 | * @param file {string}
11 | * @returns {*}
12 | */
13 | function absolutePath(file) {
14 | return path.join(__dirname, file);
15 | }
16 |
17 | var jsonOne = './test/data/data_one.json';
18 | var pageTwo = fs.readFileSync(absolutePath('html/page_two.html'), 'utf8').toString();
19 | var pageTwoResult = fs.readFileSync(absolutePath('html/page_two_result.html'), 'utf8').toString();
20 | var jsonTwo = './test/data/data_two.json';
21 | var pageThree = fs.readFileSync(absolutePath('html/page_three.html'), 'utf8').toString();
22 | var pageThreeResult = fs.readFileSync(absolutePath('html/page_three_result.html'), 'utf8').toString();
23 |
24 | function testOne(input, output, jsonFile, done) {
25 | posthtml()
26 | .use(posthtmlHeadElements({headElements: jsonFile}))
27 | .process(input)
28 | .then(function(result) {
29 | expect(output).to.eql(result.html);
30 | done();
31 | }).catch(function(error) {
32 | done(error);
33 | });
34 | }
35 |
36 | function testTwo(input, output, jsonFile, done) {
37 | posthtml()
38 | .use(posthtmlHeadElements({headElements: jsonFile}))
39 | .process(input)
40 | .then(function(result) {
41 |
42 | expect(result.html).to.have.string('');
43 | expect(result.html).to.have.string('Web Starter Kit');
44 | expect(result.html).to.have.string('');
45 | expect(result.html).to.have.string('');
46 | expect(result.html).to.have.string('');
47 | expect(result.html).to.have.string('');
48 | expect(result.html).to.have.string('');
49 |
50 | done();
51 | }).catch(function(error) {
52 | done(error);
53 | });
54 | }
55 |
56 | function testThree(input, output, jsonFile, done) {
57 | posthtml()
58 | .use(posthtmlHeadElements({headElements: jsonFile}))
59 | .process(input)
60 | .then(function(result) {
61 |
62 | expect(result.html).to.not.have.string('');
63 | expect(result.html).to.not.have.string('Web Starter Kit');
64 | expect(result.html).to.not.have.string('');
65 | expect(result.html).to.not.have.string('');
66 | expect(result.html).to.not.have.string('');
67 | expect(result.html).to.not.have.string('');
68 | expect(result.html).to.not.have.string('');
69 |
70 | done();
71 | }).catch(function(error) {
72 | done(error);
73 | });
74 | }
75 |
76 | it('Test one: basic search and replace', function(done) {
77 | var input = '';
78 | var output = [
79 | '',
80 | '',
81 | '',
82 | '',
83 | 'Web Starter Kit',
84 | '',
85 | '',
86 | '',
87 | ''
88 | ].join('\n');
89 | output = output + '\n';
90 | testOne(input, output, jsonOne, done);
91 | });
92 |
93 | it('Test two: complete search and replace', function(done) {
94 | testTwo(pageTwo, pageTwoResult, jsonTwo, done);
95 | });
96 |
97 | it('Test three: failed search and replace. HTML head document does not contain custom element, ', function(done) {
98 | testThree(pageThree, pageThreeResult, jsonTwo, done);
99 | });
100 |
101 |
--------------------------------------------------------------------------------