single-file 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. #!/usr/bin/env node
  2. /*
  3. * Copyright 2010-2020 Gildas Lormeau
  4. * contact : gildas.lormeau <at> gmail.com
  5. *
  6. * This file is part of SingleFile.
  7. *
  8. * The code in this file is free software: you can redistribute it and/or
  9. * modify it under the terms of the GNU Affero General Public License
  10. * (GNU AGPL) as published by the Free Software Foundation, either version 3
  11. * of the License, or (at your option) any later version.
  12. *
  13. * The code in this file is distributed in the hope that it will be useful,
  14. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
  16. * General Public License for more details.
  17. *
  18. * As additional permission under GNU AGPL version 3 section 7, you may
  19. * distribute UNMODIFIED VERSIONS OF THIS file without the copy of the GNU
  20. * AGPL normally required by section 4, provided you include this license
  21. * notice and a URL through which recipients can access the Corresponding
  22. * Source.
  23. */
  24. /* global require */
  25. const fileUrl = require("file-url");
  26. const args = require("yargs")
  27. .wrap(null)
  28. .command("$0 [url] [output]", "Save a page into a single HTML file.", yargs => {
  29. yargs.positional("url", { description: "URL or path on the filesystem of the page to save", type: "string" });
  30. yargs.positional("output", { description: "Output filename", type: "string" });
  31. })
  32. .default({
  33. "back-end": "puppeteer",
  34. "browser-headless": true,
  35. "browser-executable-path": "",
  36. "browser-width": 1280,
  37. "browser-height": 720,
  38. "browser-load-max-time": 60000,
  39. "browser-wait-until": "networkidle0",
  40. "browser-wait-until-fallback": true,
  41. "browser-debug": false,
  42. "browser-extensions": [],
  43. "browser-scripts": [],
  44. "browser-args": "",
  45. "compress-CSS": false,
  46. "compress-HTML": true,
  47. "filename-template": "{page-title} ({date-iso} {time-locale}).html",
  48. "filename-replacement-character": "_",
  49. "group-duplicate-images": true,
  50. "include-infobar": false,
  51. "load-deferred-images": true,
  52. "load-deferred-images-max-idle-time": 1500,
  53. "maxParallelWorkers": 8,
  54. "max-resource-size-enabled": false,
  55. "max-resource-size": 10,
  56. "remove-hidden-elements": true,
  57. "remove-unused-styles": true,
  58. "remove-unused-fonts": true,
  59. "remove-frames": false,
  60. "remove-imports": true,
  61. "remove-scripts": true,
  62. "remove-audio-src": true,
  63. "remove-video-src": true,
  64. "remove-alternative-fonts": true,
  65. "remove-alternative-medias": true,
  66. "remove-alternative-images": true,
  67. "save-raw-page": false,
  68. "web-driver-executable-path": "",
  69. "user-script-enabled": true,
  70. "include-BOM": false
  71. })
  72. .options("back-end", { description: "Back-end to use" })
  73. .choices("back-end", ["jsdom", "puppeteer", "webdriver-chromium", "webdriver-gecko", "puppeteer-firefox"])
  74. .options("browser-headless", { description: "Run the browser in headless mode (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  75. .boolean("browser-headless")
  76. .options("browser-executable-path", { description: "Path to chrome/chromium executable (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  77. .string("browser-executable-path")
  78. .options("browser-width", { description: "Width of the browser viewport in pixels" })
  79. .number("browser-width")
  80. .options("browser-height", { description: "Height of the browser viewport in pixels" })
  81. .number("browser-height")
  82. .options("browser-load-max-time", { description: "Maximum delay of time to wait for page loading in ms (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  83. .number("browser-load-max-time")
  84. .options("browser-wait-until", { description: "When to consider the page is loaded (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  85. .choices("browser-wait-until", ["networkidle0", "networkidle2", "load", "domcontentloaded"])
  86. .options("browser-wait-until-fallback", { description: "Retry with the next value of --browser-wait-until when a timeout error is thrown" })
  87. .boolean("browser-wait-until-fallback")
  88. .options("browser-debug", { description: "Enable debug mode (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  89. .boolean("browser-debug")
  90. .options("browser-extensions", { description: "List of extension paths separated by a space and relative to the 'cli' folder (webdriver-gecko, webdriver-chromium)" })
  91. .array("browser-extensions")
  92. .options("browser-scripts", { description: "List of script paths separated by a space and relative to the 'cli' folder. They will be executed in all the frames." })
  93. .array("browser-scripts")
  94. .options("browser-args", { description: "Arguments provided as a JSON array and passed to the browser (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  95. .string("browser-args")
  96. .options("compress-CSS", { description: "Compress CSS stylesheets" })
  97. .boolean("compress-CSS")
  98. .options("compress-HTML", { description: "Compress HTML content" })
  99. .boolean("compress-HTML")
  100. .options("error-file")
  101. .string("error-file")
  102. .options("filename-template", { description: "Template used to generate the output filename (see help page of the extension for more info)" })
  103. .string("filename-template")
  104. .options("filename-replacement-character", { description: "The character used for replacing invalid characters in filenames" })
  105. .string("filename-replacement-character")
  106. .string("filename-template")
  107. .options("group-duplicate-images", { description: "Group duplicate images into CSS custom properties" })
  108. .boolean("group-duplicate-images")
  109. .options("include-BOM", { description: "Include the UTF-8 BOM into the HTML page" })
  110. .boolean("include-BOM")
  111. .options("include-infobar", { description: "Include the infobar" })
  112. .boolean("include-infobar")
  113. .options("load-deferred-images", { description: "Load deferred (a.k.a. lazy-loaded) images (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  114. .boolean("load-deferred-images")
  115. .options("load-deferred-images-max-idle-time", { description: "Maximum delay of time to wait for deferred images in ms (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  116. .number("load-deferred-images-max-idle-time")
  117. .options("max-parallel-workers", { description: "Maximum number of browsers launched in parallel when processing a list of URLs (cf --urls-file)" })
  118. .number("max-parallel-workers")
  119. .options("max-resource-size-enabled", { description: "Enable removal of embedded resources exceeding a given size" })
  120. .boolean("max-resource-size-enabled")
  121. .options("max-resource-size", { description: "Maximum size of embedded resources in MB (i.e. images, stylesheets, scripts and iframes)" })
  122. .number("max-resource-size")
  123. .options("remove-frames", { description: "Remove frames (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  124. .boolean("remove-frames")
  125. .options("remove-hidden-elements", { description: "Remove HTML elements which are not displayed" })
  126. .boolean("remove-hidden-elements")
  127. .options("remove-unused-styles", { description: "Remove unused CSS rules and unneeded declarations" })
  128. .boolean("remove-unused-styles")
  129. .options("remove-unused-fonts", { description: "Remove unused CSS font rules" })
  130. .boolean("remove-unused-fonts")
  131. .options("remove-imports", { description: "Remove HTML imports" })
  132. .boolean("remove-imports")
  133. .options("remove-scripts", { description: "Remove JavaScript scripts" })
  134. .boolean("remove-scripts")
  135. .options("remove-audio-src", { description: "Remove source of audio elements" })
  136. .boolean("remove-audio-src")
  137. .options("remove-video-src", { description: "Remove source of video elements" })
  138. .boolean("remove-video-src")
  139. .options("remove-alternative-fonts", { description: "Remove alternative fonts to the ones displayed" })
  140. .boolean("remove-alternative-fonts")
  141. .options("remove-alternative-medias", { description: "Remove alternative CSS stylesheets" })
  142. .boolean("remove-alternative-medias")
  143. .options("remove-alternative-images", { description: "Remove images for alternative sizes of screen" })
  144. .boolean("remove-alternative-images")
  145. .options("save-raw-page", { description: "Save the original page without interpreting it into the browser (puppeteer, puppeteer-firefox, webdriver-gecko, webdriver-chromium)" })
  146. .boolean("save-raw-page")
  147. .options("urls-file", { description: "Path to a text file containing a list of URLs (separated by a newline) to save" })
  148. .string("urls-file")
  149. .options("user-agent", { description: "User-agent of the browser (puppeteer, webdriver-gecko, webdriver-chromium)" })
  150. .string("user-agent")
  151. .options("user-script-enabled", { description: "Enable the event API allowing to execute scripts before the page is saved" })
  152. .boolean("user-script-enabled")
  153. .options("web-driver-executable-path", { description: "Path to Selenium WebDriver executable (webdriver-gecko, webdriver-chromium)" })
  154. .string("web-driver-executable-path")
  155. .argv;
  156. const fs = require("fs");
  157. const backEnds = {
  158. jsdom: "./back-ends/jsdom.js",
  159. puppeteer: "./back-ends/puppeteer.js",
  160. "puppeteer-firefox": "./back-ends/puppeteer-firefox.js",
  161. "webdriver-chromium": "./back-ends/webdriver-chromium.js",
  162. "webdriver-gecko": "./back-ends/webdriver-gecko.js"
  163. };
  164. args.compressCSS = args.compressCss;
  165. args.compressHTML = args.compressHtml;
  166. args.includeBOM = args.includeBom;
  167. if (args.url && !/^(https?|file):\/\//.test(args.url)) {
  168. args.url = fileUrl(args.url);
  169. }
  170. args.browserScripts = args.browserScripts.map(path => require.resolve(path));
  171. const backend = require(backEnds[args.backEnd]);
  172. backend.initialize(args).then(() => {
  173. if (args.urlsFile) {
  174. const urls = fs.readFileSync(args.urlsFile).toString().split("\n").map(url => url.trim()).filter(url => url);
  175. for (let workerIndex = 0; workerIndex < args.maxParallelWorkers; workerIndex++) {
  176. workerCapturePage(args, urls, workerIndex);
  177. }
  178. } else {
  179. capturePage(args);
  180. }
  181. });
  182. async function workerCapturePage(args, urls, workerIndex, depth = 0) {
  183. const url = urls[workerIndex + (depth * args.maxParallelWorkers)];
  184. if (url) {
  185. args = JSON.parse(JSON.stringify(args));
  186. args.url = url;
  187. args.output = null;
  188. await capturePage(args);
  189. await workerCapturePage(args, urls, workerIndex, depth + 1);
  190. }
  191. }
  192. async function capturePage(args) {
  193. try {
  194. const pageData = await backend.getPageData(args);
  195. if (args.output) {
  196. fs.writeFileSync(getFilename(args.output), pageData.content);
  197. } else {
  198. if (args.filenameTemplate && pageData.filename) {
  199. fs.writeFileSync(getFilename(pageData.filename), pageData.content);
  200. } else {
  201. console.log(pageData.content); // eslint-disable-line no-console
  202. }
  203. }
  204. } catch (error) {
  205. const message = "URL: " + args.url + "\nStack: " + error.stack + "\n";
  206. if (args.errorFile) {
  207. fs.writeFileSync(args.errorFile, message, { flag: "a" });
  208. } else {
  209. console.error(message);// eslint-disable-line no-console
  210. }
  211. }
  212. }
  213. function getFilename(filename, index = 1) {
  214. let newFilename = filename;
  215. if (index > 1) {
  216. const regExpMatchExtension = /(\.[^.]+)$/;
  217. const matchExtension = newFilename.match(regExpMatchExtension);
  218. if (matchExtension && matchExtension[1]) {
  219. newFilename = newFilename.replace(regExpMatchExtension, " - " + index + matchExtension[1]);
  220. } else {
  221. newFilename += " - " + index;
  222. }
  223. }
  224. if (fs.existsSync(newFilename)) {
  225. return getFilename(filename, index + 1);
  226. } else {
  227. return newFilename;
  228. }
  229. }