ed395863-8b92-4061-8983-d306a431630a

Build # ed395863-8b92-4061-8983-d306a431630a

Build Type

circleci

Committed by Sebastian Rettig

Commit Message

test(post css plugin): added tests

Pull Request Pull Request #935: feat(html export): added html exporter

Run Details

1187 of 1619 branches covered (73.32%)

Branch coverage included in aggregate %.

31 of 32 new or added lines in 2 files covered. (96.88%)

28 existing lines in 2 files now uncovered.

2955 of 3291 relevant lines covered (89.79%)

6961.76 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

94.23

/src/helpers/postCssRemoveRedundantFontUrls.ts

import { ChildNode, Plugin, Root } from 'postcss';

/**
 * Maps file extensions to font types.
 */
const extensionsMap = {
    eot: 'embedded-opentype',
    ttf: 'truetype',
    otf: 'opentype'
};

/**
 * A list of font types used in CSS.
 */
type FontTypes =
    | 'woff'
    | 'woff2'
    | 'truetype'
    | 'svg'
    | 'embedded-opentype'
    | 'opentype';

/**
 * A PostCSS plugin Removing redundant URLs in @font-face rules by deleting all
 * URLs from src except for a single one.
 * @param fontPreference the order in which fonts should be kept; the first one
 * in the list is the one that is taken first, if it exists
 */
export default function (
    fontPreference: FontTypes[] = [
        'woff',
        'woff2',
        'truetype',
        'svg',
        'opentype',
        'embedded-opentype'
    ]
): Plugin {
    if (!fontPreference || fontPreference.length === 0) {
        throw new Error(
            'You must specify the order in which fonts should be preferred as any array with at least one entry.'
        );
    }

    return {
        postcssPlugin: 'postcss-remove-redundant-font-urls',
        // tslint:disable-next-line: function-name
        async Once(styles: Root): Promise<void> {
            styles.walkAtRules('font-face', (atRule) => {
                const fonts: {
                    format: FontTypes;
                    node: ChildNode;
                    sourceText: string;
                }[] = [];

                // Create a list of all fonts used in the @font-face rule.
                atRule.nodes
                    .filter((node) => (node as any).prop === 'src')
                    .forEach((node) => {
                        const regex = /url\(["']?([^'"\)\?#]+)\.(.*?)([\?\#].+?)?["']?\)( format\(["'](.*?)["']\))?[,$]?/g;
                        let matches: string[];
                        while (
                            // tslint:disable-next-line: no-conditional-assignment
                            (matches = regex.exec((node as any).value))
                        ) {
                            const format =
                                matches[5] ??
                                extensionsMap[matches[2]] ??
                                matches[2];
                            fonts.push({
                                format,
                                node,
                                sourceText: matches[0]
                            });
                        }
                    });

                // Determine which font should be kept by sorting the list.
                const fontToKeep = fonts.sort((a, b) => {
                    const indexA = fontPreference.indexOf(a.format);
                    const indexB = fontPreference.indexOf(b.format);
                    return (
                        (indexA === -1 ? fontPreference.length : indexA) -
                        (indexB === -1 ? fontPreference.length : indexB)
                    );
                })[0];

                // Remove all other fonts from the rule.
                fonts.forEach((f) => {
                    if (f === fontToKeep) {
                        return;
                    }
                    let newValue = (f.node as any).value as string;
                    newValue = newValue.replace(f.sourceText, '').trim();
                    if (newValue.endsWith(',')) {
                        newValue = newValue.substr(0, newValue.length - 1);
                    }

                    // Delete the whole src node if it has become empty because
                    // of the removed font.
                    if (newValue.trim() === '') {
                        atRule.removeChild(f.node);
                    } else {
                        (f.node as any).value = newValue.trim();
                    }
                });
            });
        }
    };
}

1	import { ChildNode, Plugin, Root } from 'postcss';
2
3	/**
4	* Maps file extensions to font types.
5	*/
6	const extensionsMap = {	1✔
7	eot: 'embedded-opentype',
8	ttf: 'truetype',
9	otf: 'opentype'
10	};
11
12	/**
13	* A list of font types used in CSS.
14	*/
15	type FontTypes =
16	\| 'woff'
17	\| 'woff2'
18	\| 'truetype'
19	\| 'svg'
20	\| 'embedded-opentype'
21	\| 'opentype';
22
23	/**
24	* A PostCSS plugin Removing redundant URLs in @font-face rules by deleting all
25	* URLs from src except for a single one.
26	* @param fontPreference the order in which fonts should be kept; the first one
27	* in the list is the one that is taken first, if it exists
28	*/
29	export default function (	1✔
30	fontPreference: FontTypes[] = [	15✔
31	'woff',
32	'woff2',
33	'truetype',
34	'svg',
35	'opentype',
36	'embedded-opentype'
37	]
38	): Plugin {
39	if (!fontPreference \|\| fontPreference.length === 0) {	8!
NEW 40	throw new Error(	×
41	'You must specify the order in which fonts should be preferred as any array with at least one entry.'
42	);
43	}
44
45	return {	8✔
46	postcssPlugin: 'postcss-remove-redundant-font-urls',
47	// tslint:disable-next-line: function-name
48	async Once(styles: Root): Promise<void> {
49	styles.walkAtRules('font-face', (atRule) => {	8✔
50	const fonts: {
51	format: FontTypes;
52	node: ChildNode;
53	sourceText: string;
54	}[] = [];	8✔
55
56	// Create a list of all fonts used in the @font-face rule.
57	atRule.nodes	8✔
58	.filter((node) => (node as any).prop === 'src')	9✔
59	.forEach((node) => {
60	const regex = /url\(["']?([^'"\)\?#]+)\.(.?)([\?\#].+?)?["']?\)( format\(["'](.?)["']\))?[,$]?/g;	9✔
61	let matches: string[];
62	while (	9✔
63	// tslint:disable-next-line: no-conditional-assignment
64	(matches = regex.exec((node as any).value))
65	) {
66	const format =	19✔
67	matches[5] ??	19✔
68	extensionsMap[matches[2]] ??	19✔
69	matches[2];
70	fonts.push({	19✔
71	format,
72	node,
73	sourceText: matches[0]
74	});
75	}
76	});
77
78	// Determine which font should be kept by sorting the list.
79	const fontToKeep = fonts.sort((a, b) => {	8✔
80	const indexA = fontPreference.indexOf(a.format);	14✔
81	const indexB = fontPreference.indexOf(b.format);	14✔
82	return (	14✔
83	(indexA === -1 ? fontPreference.length : indexA) -	14!
84	(indexB === -1 ? fontPreference.length : indexB)	14✔
85	);
86	})[0];
87
88	// Remove all other fonts from the rule.
89	fonts.forEach((f) => {	8✔
90	if (f === fontToKeep) {	19✔
91	return;	8✔
92	}
93	let newValue = (f.node as any).value as string;	11✔
94	newValue = newValue.replace(f.sourceText, '').trim();	11✔
95	if (newValue.endsWith(',')) {	11✔
96	newValue = newValue.substr(0, newValue.length - 1);	6✔
97	}
98
99	// Delete the whole src node if it has become empty because
100	// of the removed font.
101	if (newValue.trim() === '') {	11✔
102	atRule.removeChild(f.node);	1✔
103	} else {
104	(f.node as any).value = newValue.trim();	10✔
105	}
106	});
107	});
108	}
109	};
110	}

Lumieducation / H5P-Nodejs-library / ed395863-8b92-4061-8983-d306a431630a

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous