nfriedly · August 6, 2024 03:06 · CommanderJoy · Feb 9, 2024 · CommanderJoy · Feb 11, 2024
diff --git a/chirp-audiobooks-downloader-readme.md b/chirp-audiobooks-downloader-readme.md
diff --git a/script.js b/script.js
 const $ = document.querySelector.bind(document);
 function filename(name) {
  return name.replaceAll('&', 'and').replaceAll(':', ' -').replaceAll(/[^a-z0-9 ._-]+/ig, '');
 }

 const title = filename($('h1.book-title').textContent);
 const credits = [].slice.call(document.querySelectorAll('.credit'))
 	.map(n => filename(n.textContent))
 	.join(' - ');
 const dirname = `${title} - ${credits}`;
 const commands = [
 	`mkdir "${dirname}"`,
 	`cd "${dirname}"`,
 	// note: unlike the audio files, this one doesn't need to follow redirects, so we can use the same curl command everywhere.
 	`curl -o "cover.jpg" "${$('.cover-image').src }"`
 ];

 const tracks = [];

 let count = 0;
 function addUrl(url) {
 	count += 1;
 	const chapter = filename($('div.chapter').textContent);
 	tracks.push({
 		count,
 		chapter,
 		url
 	})
 }

 function showCommands() {
 	const padSize = tracks.length.toString().length;

 	// MacOS comes with curl but not wget. Windows powershell has fake versions of both.
 	// The "real" curl needs the -L (--location) flag set to know to follow redirects.
 	// The fake windows version turns it on by default and *refuses to work if you set the flag manually*.
 	// So, we generate correct curl commands for mac and correct wget commands for Windows/Linux/etc.
 	const isMac = navigator.userAgent.includes('Macintosh');
 	const cmd = isMac ? 'curl -L -o' : 'wget -O';
 	
 	tracks.forEach(({count, chapter, url}) => {
 		let trackNum = count.toString().padStart(padSize, "0");
 		commands.push(`${cmd} "${title} - ${trackNum} - ${chapter}.m4a" "${url}"`);
 	})

 	const div = document.createElement('div');
 	div.innerHTML = '<div style="position: absolute; top: 100px; left: 100px; z-index: 100000; background: white; padding: 10px;"><p>Copy these commands to PowerShell/Terminal/etc:</p><textarea id="dl-commands" style="min-height:20em; min-width:30em"></textarea></div>';
 	document.body.appendChild(div);
 	const textarea = document.querySelector('#dl-commands');
 	textarea.value = commands.join('\n');
 	textarea.onfocus = function(){this.select()};
 }

 function next() {
 	const btn = $('button.next-chapter')
 	if (btn.disabled) {
 		showCommands()
 	} else {
 		btn.click();
 	}
 }

 const audio = $('audio');
 Object.defineProperty(audio, "src", {
  get() {
    return '';
  },
  set(url) {
    setTimeout(() => {
      addUrl(url);
      next();
    }, 500);
  },
 });
	const $ = document.querySelector.bind(document);
	function filename(name) {
	return name.replaceAll('&', 'and').replaceAll(':', ' -').replaceAll(/[^a-z0-9 ._-]+/ig, '');
	}

	const title = filename($('h1.book-title').textContent);
	const credits = [].slice.call(document.querySelectorAll('.credit'))
	.map(n => filename(n.textContent))
	.join(' - ');
	const dirname = `${title} - ${credits}`;
	const commands = [
	`mkdir "${dirname}"`,
	`cd "${dirname}"`,
	// note: unlike the audio files, this one doesn't need to follow redirects, so we can use the same curl command everywhere.
	`curl -o "cover.jpg" "${$('.cover-image').src }"`
	];

	const tracks = [];

	let count = 0;
	function addUrl(url) {
	count += 1;
	const chapter = filename($('div.chapter').textContent);
	tracks.push({
	count,
	chapter,
	url
	})
	}

	function showCommands() {
	const padSize = tracks.length.toString().length;

	// MacOS comes with curl but not wget. Windows powershell has fake versions of both.
	// The "real" curl needs the -L (--location) flag set to know to follow redirects.
	// The fake windows version turns it on by default and refuses to work if you set the flag manually.
	// So, we generate correct curl commands for mac and correct wget commands for Windows/Linux/etc.
	const isMac = navigator.userAgent.includes('Macintosh');
	const cmd = isMac ? 'curl -L -o' : 'wget -O';

	tracks.forEach(({count, chapter, url}) => {
	let trackNum = count.toString().padStart(padSize, "0");
	commands.push(`${cmd} "${title} - ${trackNum} - ${chapter}.m4a" "${url}"`);
	})

	const div = document.createElement('div');
	div.innerHTML = '<div style="position: absolute; top: 100px; left: 100px; z-index: 100000; background: white; padding: 10px;"><p>Copy these commands to PowerShell/Terminal/etc:</p><textarea id="dl-commands" style="min-height:20em; min-width:30em"></textarea></div>';
	document.body.appendChild(div);
	const textarea = document.querySelector('#dl-commands');
	textarea.value = commands.join('\n');
	textarea.onfocus = function(){this.select()};
	}

	function next() {
	const btn = $('button.next-chapter')
	if (btn.disabled) {
	showCommands()
	} else {
	btn.click();
	}
	}

	const audio = $('audio');
	Object.defineProperty(audio, "src", {
	get() {
	return '';
	},
	set(url) {
	setTimeout(() => {
	addUrl(url);
	next();
	}, 500);
	},
	});