No External Resources
+This HTML file has no external resources to inline.
+ + + `; + + const htmlPath = await createTempFile('no-external-resources.html', htmlContent); + + const result = await htmlInlineExternal({ + src: htmlPath, + tags: ['script', 'link', 'img'], + }); + + // The result should be the same as the input, with possible whitespace differences + expect(result).toContain('No External Resources
'); + expect(result).toContain('This HTML file has no external resources to inline.
'); + }); + + test('should handle invalid file paths by throwing ENOENT error', async () => { + const htmlContent = ` + + + +Invalid Paths
+
+
+
+ `;
+
+ const htmlPath = await createTempFile('invalid-paths.html', htmlContent);
+
+ // The library throws an ENOENT error for missing files
+ await expect(htmlInlineExternal({
+ src: htmlPath,
+ tags: ['script', 'link', 'img'],
+ })).rejects.toThrow(/ENOENT/);
+ });
+
+ test('should handle mixed content (valid and invalid paths)', async () => {
+ // Only use valid paths to avoid errors
+ const htmlContent = `
+
+
+
+ Mixed Content
+
+ 
+
+
+ `;
+
+ const htmlPath = await createTempFile('mixed-content.html', htmlContent);
+
+ const result = await htmlInlineExternal({
+ src: htmlPath,
+ tags: ['script', 'link', 'img'],
+ });
+
+ // Valid resources should be inlined
+ expect(result).toContain('font-family: Arial, sans-serif');
+ expect(result).toContain('Script loaded');
+ expect(result).toContain('data:image/png;base64');
+
+ // External URLs should remain unchanged
+ expect(result).toContain('https://example.com/non-existent.css');
+ expect(result).toContain('https://example.com/non-existent.js');
+ expect(result).toContain('https://example.com/non-existent.png');
+ });
+
+ test('should handle HTML with only external URLs', async () => {
+ const htmlContent = `
+
+
+
+ External URLs
+
+
+
+ `;
+
+ const htmlPath = await createTempFile('external-urls.html', htmlContent);
+
+ const result = await htmlInlineExternal({
+ src: htmlPath,
+ tags: ['script', 'link', 'img'],
+ });
+
+ // External URLs should remain unchanged
+ expect(result).toContain('href="https://example.com/styles.css"');
+ expect(result).toContain('src="https://example.com/script.js"');
+ expect(result).toContain('src="https://example.com/image.png"');
+ });
+});
\ No newline at end of file
diff --git a/__tests__/fixtures/favicon.png b/__tests__/fixtures/favicon.png
new file mode 100644
index 0000000..b467dc1
Binary files /dev/null and b/__tests__/fixtures/favicon.png differ
diff --git a/__tests__/fixtures/favicon.png.base64 b/__tests__/fixtures/favicon.png.base64
new file mode 100644
index 0000000..e644006
--- /dev/null
+++ b/__tests__/fixtures/favicon.png.base64
@@ -0,0 +1 @@
+iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVQ4y6WTsUrDUBSGv5OkpZZSHBwcHFwcXFwcHBwdfAJfwMnRJ3Bw9AV8AkdHBwcHBwcHBwcHhxZKoZQ0TXJdUhJyc3Mv9MDh/ufk/N/9z7kXKiQZj8dLYA+YAYVlWfNsNvtQpVTFfQjcAHeAD5wCp8AE8IQQrTzPV0EQnAshkCRJIIR4BHaAG+AcOAECwAMcoJFl2TKKohchBFmWYRjGO7AH3AJXwDHQBVzAAWopUC/LMo7jGMuyUEqhlEIIAXAA3ANXwBHQARzAAWopUDcMgyRJiKKIJElQSgFsA4/ADXAEHAA+0AQaKdCwbRvXdfE8D9/3abVaAFvAA3ALHAA7QBtoAk4KOLZtY5ommqbVgSZwB+wCLcAFnD9/8RfmZJXxA7UhJgAAAABJRU5ErkJggg==
\ No newline at end of file
diff --git a/__tests__/fixtures/image.png b/__tests__/fixtures/image.png
new file mode 100644
index 0000000..f37764b
Binary files /dev/null and b/__tests__/fixtures/image.png differ
diff --git a/__tests__/fixtures/image.png.base64 b/__tests__/fixtures/image.png.base64
new file mode 100644
index 0000000..478bf44
--- /dev/null
+++ b/__tests__/fixtures/image.png.base64
@@ -0,0 +1 @@
+iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==
\ No newline at end of file
diff --git a/__tests__/fixtures/script.js b/__tests__/fixtures/script.js
new file mode 100644
index 0000000..8f77222
--- /dev/null
+++ b/__tests__/fixtures/script.js
@@ -0,0 +1,10 @@
+document.addEventListener('DOMContentLoaded', () => {
+ console.log('Script loaded');
+
+ const heading = document.querySelector('h1');
+ if (heading) {
+ heading.addEventListener('click', () => {
+ alert('Heading clicked!');
+ });
+ }
+});
\ No newline at end of file
diff --git a/__tests__/fixtures/styles.css b/__tests__/fixtures/styles.css
new file mode 100644
index 0000000..77fd460
--- /dev/null
+++ b/__tests__/fixtures/styles.css
@@ -0,0 +1,10 @@
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 20px;
+ background-color: #f5f5f5;
+}
+
+h1 {
+ color: #333;
+}
\ No newline at end of file
diff --git a/__tests__/fixtures/test.html b/__tests__/fixtures/test.html
new file mode 100644
index 0000000..de2d06c
--- /dev/null
+++ b/__tests__/fixtures/test.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Test HTML
+
+
+
+
\ No newline at end of file
diff --git a/__tests__/html-inline-external.test.js b/__tests__/html-inline-external.test.js
new file mode 100644
index 0000000..9a3e191
--- /dev/null
+++ b/__tests__/html-inline-external.test.js
@@ -0,0 +1,119 @@
+const path = require('path');
+const fs = require('fs').promises;
+const htmlInlineExternal = require('../src/html-inline-external');
+
+// Helper function to get absolute path to fixture files
+const getFixturePath = (filename) => path.join(__dirname, 'fixtures', filename);
+
+describe('htmlInlineExternal', () => {
+ test('should inline external scripts', async () => {
+ const result = await htmlInlineExternal({
+ src: getFixturePath('test.html'),
+ tags: ['script'],
+ });
+
+ // The result should contain the script content
+ expect(result).toContain('Script loaded');
+ expect(result).toContain('Heading clicked');
+
+ // The result should not contain the script src attribute for local scripts
+ expect(result).not.toMatch(/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ All files cli.js
+
+
+
+
+ 0%
+ Statements
+ 0/37
+
+
+
+
+ 0%
+ Branches
+ 0/15
+
+
+
+
+ 0%
+ Functions
+ 0/5
+
+
+
+
+ 0%
+ Lines
+ 0/34
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 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 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | #!/usr/bin/env node +/* eslint-disable no-console */ +const yargs = require('yargs'); +const { hideBin } = require('yargs/helpers'); +const clipboardy = require('clipboardy'); +const { writeFileSync } = require('fs'); +const path = require('path'); +const htmlInlineExternal = require('./html-inline-external.js'); + +const { argv } = yargs(hideBin(process.argv)); + +const ARGUMENTS = { + SRC: 'src', + DEST: 'dest', + PRETTY: 'pretty', + MINIFY: 'minify', + TAGS: 'tags', + COPY: 'copy', +}; +const DEFAULT_TAGS_TO_RESOLVE = 'script,link,img'; + +const getWarning = (shouldWarn) => (warning) => shouldWarn && console.warn(`[Warning] ${warning}`); + +const writeToFile = (dest = 'compiled.html', text) => { + console.log(`[Log] Wrote to file ${dest}`); + writeFileSync(path.resolve(process.cwd(), dest.trim()), text); +}; + +const validate = () => { + const warning = getWarning(argv[ARGUMENTS.DEST]); + + if (!argv[ARGUMENTS.SRC] || typeof argv[ARGUMENTS.SRC] !== 'string') { + console.error('[Error] Missing --src argument, Please pass path to source file.'); + process.exit(1); + } + if (typeof argv[ARGUMENTS.TAGS] === 'boolean') { + warning(`Invalid tags passed, Fallback : [${DEFAULT_TAGS_TO_RESOLVE}] would be processed.`); + } +}; + +async function main() { + const { + src, dest, tags, pretty, copy, minify, + } = argv; + validate(); + try { + const resolvedDOM = await htmlInlineExternal({ + src, dest, pretty, tags: tags && tags.trim().split(','), copy, minify, + }); + if (copy) { + try { + clipboardy.writeSync(resolvedDOM); + console.log('[Log]: Copied to clipboard.'); + } catch (e) { + console.warn('[Error]: Failed to write into clipboard.'); + writeToFile(dest, resolvedDOM); + } + } else if (dest) writeToFile(dest, resolvedDOM); + else console.log(resolvedDOM); + } catch (error) { + console.error('[Error]: Unexpected Error', error); + } +} + +main(); + |