ficUpdate

bulk copy-paste all the chapters from Word on ficbook

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         ficUpdate
// @namespace    ficscript
// @version      3.0.0
// @description  bulk copy-paste all the chapters from Word on ficbook
// @author       Dimava
// @license MIT
// @match        https://ficbook.net/home/myfics*
// @grant        none
// @require https://greasyfork.org/scripts/439153-poopjs/code/PoopJs.js?version=1012736
// ==/UserScript==

FicUpdate = class FicUpdate {
	debug = true;
	strings = {
		infoRoot: 'ⓘFicUpdate: Для обновления глав перейдите на страницу одного из фанфиков',
		infoEditor: 'ⓘFicUpdate: Скопируйте текст сюда',
		style: `
			.fu-container{display:grid;grid-template-areas: "buttons buttons" "infoEditor infoPrepared" "editor prepared";grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);overflow:hidden;}
			.fu-editor{background:white;border:1px dotted gray; grid-area:editor;}
			.fu-prepared{background:hsl(0,0%,95%);border:1px dotted gray;grid-area:prepared;}
			.fu-infoEditor{grid-area:infoEditor;}
			.fu-buttons{grid-area: buttons;}
			.fu-summary-buttons{display:inline-block;}
			.fu-rotate{animation:anim-fu-rotate 1s linear infinite;display:inline-block;}
			@keyframes anim-fu-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
		`,
		errNoHeaders: 'ⓘFicUpdate: Текст не содержит заголовков глав! (<H1>)',
		sucPrepared: 'ⓘFicUpdate: Текст подготовлен',
		infoStep: `ⓘFicUpdate: Преобразование текста`,
		infoPasted: `ⓘFicUpdate: Нажмите на эту кнопку чтобы подготовить текст`,
		statusTextSame: `ⓘтекст совпадает`,
		statusTextFromTo: (a, b) => `${a}ch↦${b}ch${b > a ? '' : ` (-${a - b})`}`,
		chReload: '⟳',
		chUpload: '⇑',
		chDownload: '⇓',
	};
	els = {};


	elm(s, ...a) {
		return elm(s+'.fic-update', ...a);
	}
	elmake(key, ...a) {
		if (key.startsWith('.fu-')) {
			return this.els[key.match(/\w{3,}/)[0]] = elm(key + '.fic-update', ...a);
		} else {
			return this.els[key] = elm(a[0] + '.fic-update', ...a.slice(1));
		}
	}
	constructor() {
		if (!location.pathname.startsWith('/home/myfics')) {
			return;
		}
		__init__;
		if (location.pathname == '/home/myfics') {
			this.elmake('.fu-infoRoot.btn.btn-info', this.strings.infoRoot);
			q('h1').after(this.els.infoRoot);
			return;
		}
		const els = this.els;

		this.elmake('.fu-container');
		q('.myfic').after(els.container);
	
		this.elmake('style', 'style').appendTo('head').innerHTML = this.strings.style;


		this.elmake('.fu-buttons').appendTo(els.container);
		this.elmake('.fu-infoEditor.btn.btn-info', this.strings.infoEditor
			, click=>this.prepareText()
			, paste=>this.onpaste).appendTo(els.container);
		this.elmake('.fu-editor').appendTo(els.container);
		els.editor.contentEditable = true;
		this.elmake('.fu-prepared').appendTo(els.container);
		
	}
	onpaste() {
		this.els.infoEditor.innerText = this.strings.infoPasted;
	}
	remove() {
		qq('.fic-update').map(e=>e.remove());
	}


	prepareTextStep(id, f) {
		let before = this.text;
		let after = f(before);
		this._textSteps[id] = {before, after};
		return this.text = after;
	}

	prepareText() {
		this.text = this.els.editor.innerHTML;
		this._textSteps = {init: this.text};
		this.refs = {};

		if (!this.text.match(/<h1/)) {
			this.els.infoEditor.innerText = this.strings.errNoHeaders;
			this.els.infoEditor.classList.toggle('btn-warning', true);
			return;
		}
		
		this.prepareTextStep('extractFootnotes1', t => {
			return t.replace(/<a\s+[^>]*name="_ftn[^]*?a>/g, s=>{
				let refm = s.match(/_ftn(ref)?(\d+)/);
				let refn = +refm[2];
				if (refm[1]) {
					refs[refn] = {
						n: refn,
						t: this.tosupnum(refn),
					};
				}
				return refm[1] ? '' : this.tosupnum(refn);
			});
		});

		this.prepareTextStep('extractFootnotes2', t => {
			return t.replace(/<div id="ftn(\d+)"[^]*?div>/g, (s,n)=>{
				this.refs[n].s = this.htmlToText(s).trim();
				return '';
			});
		});

		this.prepareTextStep('removeBadTags', t => {
			return t.replace(/<(?!\/?(h1|br|p|b|s|i|center|right)[\s|>])[^>]*>/g, '');
		});
		
		this.prepareTextStep('removeAttributes', t => {
			return t.replace(/<(\/?)(h1|br|b|s|i|center|right)(?=[\s|>])[^>]*>/g, '<$1$2>');
		});
		
		this.prepareTextStep('split', t => {
			return this.parts = t.split(/<h1[^>]*>/).map(e=>e.split('</h1>')).slice(1).map(([name, text])=>{
				name = this.htmlToText(name).replace(/\s+/g, ' ').trim()
				text = this.tabber(text);
				let o = {
					name,
					text,
					com: '',
					comp: true,
					refs: [],
				};
				text = text.replace(/\s*\/\*\s*([^]*?)\s*\*\/\s*/, (s,a,i,t)=>{
					o.com = a;
					o.comp = i > 100;
					return '';
				});
				let supi = 1;
				text = text.replace(/[⁰¹²³⁴⁵⁶⁷⁸⁹]+/g, (s,i,t)=>{
					let n = fromsupnum(s);
					let ref = refs[n];
					ref.n = supi;
					ref.t = tosupnum(supi);
					o.refs.push(ref);
					supi++;
					return ref.t;
				});
				o.text = text;
				return o;
			});
		});
		
		this.prepareTextStep('join', t => {
			return t
				.map(p => {
					let t = p.text.replace(/\n/g, '\n<br>');
					if (p.com || p.refs.length) {
						let com = p.com;
						let ref = p.refs.map(r=>r.t + this.htmlToText('&nbsp;') + r.s).join('\n<br>');
						let brc = com && ref ? '<br><br>' : '';
						t = p.comp ? `${t}<br><br><u>${ref}${brc}${com}</u>` : `<u>${com}${brc}${ref}</u><br><br>${t}`;
					}
					return `<details class="fu-chapter"><summary class="fu-summary" chapter="${p.name}">\n${p.name}\n</summary>${t}</details>\n`;
				})
				.join('\n');
		});
		
		this.prepareTextStep('display', t => {
			return this.els.prepared.innerHTML = t;
		});

		this.prepared = true;
		
		this.els.infoEditor.innerText = this.strings.sucPrepared;
		this.els.infoEditor.classList.toggle('btn-info', false);
		this.els.infoEditor.classList.toggle('btn-success', true);

		this.makePreparedButtons();

	}

	makePreparedButtons() {
		qq('.fu-summary').map(e => {
			let name = e.getAttribute('chapter');
			let chapter = this.parts.find(e => e.name == name);
			let a = qq('.parts .title a').find(e=>e.innerText == name);
			chapter.a = a;
			chapter.summary = e;
			console.log({chapter, a, name});

			chapter.buttons = elm('.fu-summary-buttons').appendTo(e);
			chapter.status = elm('sup.fu-chapter-status').appendTo(chapter.buttons);

			if (chapter.a) {
				elm('button.fu-sync-chapter', this.strings.chReload+this.strings.chDownload, click => {click.preventDefault(); this.syncChapter(chapter)})
				.appendTo(chapter.buttons);
			} else {
				chapter.status.innerText = this.strings.statusTextFromTo(0, chapter.text.length);
				elm('button.fu-chapter-make', this.strings.chUpload, click => {click.preventDefault(); this.makeChapter(chapter)})
				.appendTo(chapter.buttons);
			}
		});
	}

	async syncChapter(chapter) {
		console.log(chapter);
		chapter.summary.q('.fu-sync-chapter').classList.add('fu-rotate');
		console.log(window.chap = chapter);

		if (!chapter.a) {
			throw alert('wrong button!');
		}

		chapter.doc = await fetch.doc(chapter.a.href);
		chapter.summary.q('.fu-sync-chapter').remove();
		chapter.oldText = chapter.doc.q('textarea#content').value;
		console.log(chapter);
		chapter.isSame = chapter.text == chapter.oldText;

		chapter.status.innerText = 
			chapter.isSame ? this.strings.statusTextSame: this.strings.statusTextFromTo(chapter.oldText.length, chapter.text.length);

		chapter.btnUpdate = elm('button.fu-chapter-update', this.strings.chUpload, click=>this.updateChapter(chapter));
		chapter.buttons.append(chapter.status);
		if (!chapter.isSame) {
			chapter.buttons.append(chapter.btnUpdate);
		}
	}

	async updateChapter(chapter) {
		console.log('upload', chapter);
		chapter.buttons.q('.fu-chapter-update').classList.add('fu-rotate');
		chapter.iframe = elm('iframe').appendTo(chapter.buttons);

		await this.iframeLoad(chapter.iframe, chapter.a.href);

		let ta = chapter.iframe.contentDocument.querySelector('textarea#content');
		ta.scrollIntoView();
		console.log('oldText: ', ta.value == chapter.oldText)
		if (ta.value != chapter.oldText) {
			alert('Error: can\'t update, chapter text has changed');
			throw new Error('oldText has changed!');
		}
		await Promise.frame(30);
		ta.value = chapter.text;
		console.log('text: ', ta.value == chapter.text);
		await Promise.frame(30);

		let bsave = chapter.iframe.contentDocument.querySelector('#save_part')
		bsave.scrollIntoView();
		await Promise.frame(30);

		await this.iframeLoad(chapter.iframe, () => bsave.click())

		console.log('frame loaded, chapter updated!');

		ta = chapter.iframe.contentDocument.querySelector('textarea#content');
		chapter.newText = ta.value;
		if (ta.value != chapter.text) {
			alert('Error: failed to update dunno why');
			throw new Error('failed to update dunno why!');
		}
		await Promise.frame(30);

		chapter.status.innerText = this.strings.statusTextSame;
		chapter.buttons.q('.fu-chapter-update').remove();

		chapter.iframe.remove();
		chapter.iframe = null;
	}

	async makeChapter(chapter) {
		console.log('upload', window.chap=chapter);
		chapter.buttons.q('.fu-chapter-make').classList.add('fu-rotate');
		chapter.iframe = elm('iframe').appendTo(chapter.buttons);
		let href = q('.add-part a[href*="addpart"]').href;
		await this.iframeLoad(chapter.iframe, href);

		let ta = chapter.iframe.contentDocument.querySelector('textarea#content');
		let ti = chapter.iframe.contentDocument.querySelector('#titleInput');
		let cb = chapter.iframe.contentDocument.querySelector('#not_published_chb');

		ti.scrollIntoView();
		ti.value = chapter.name;
		await Promise.frame(30);

		ta.scrollIntoView();
		await Promise.frame(30);
		ta.value = chapter.text;
		await Promise.frame(30);

		cb.scrollIntoView();
		cb.checked = true;
		await Promise.frame(30);

		let bsave = chapter.iframe.contentDocument.querySelector('button[type="submit"]')
		if (bsave?.innerText != 'Добавить часть') {
			alert('Кнопка не найдена, нажмите сами');
		}
		bsave?.scrollIntoView();
		await Promise.frame(30);
		
		await this.iframeLoad(chapter.iframe, () => bsave?.click());
		console.log('frame loaded, chapter updated!');
		await Promise.frame(30);

		chapter.status.innerText = this.strings.statusTextSame;
		chapter.buttons.q('.fu-chapter-make').remove();

		chapter.iframe.remove();
		chapter.iframe = null;
	}


	async iframeLoad(iframe, src='') {
		return new Promise(r => {
			iframe.addEventListener('load', r);
			if (src) {
				if (typeof src == 'string') iframe.src = src;
				if (typeof src == 'function') src(iframe);
			}
		});
	}

	htmlToText(h) {
		let a = document.createElement('a');
		a.innerHTML = h;
		return a.innerText;
	}		
	tosupnum(t) {
		let num = '⁰¹²³⁴⁵⁶⁷⁸⁹'.split('');
		return (t + '').match(/\d/g).map(e=>num[e]).join('');
	}
	fromsupnum(t) {
		let num = '⁰¹²³⁴⁵⁶⁷⁸⁹'.split('');
		return +(t + '').match(/[⁰¹²³⁴⁵⁶⁷⁸⁹]/g).map(e=>num.indexOf(e)).join('');
	}
	tabber(s) {
		let hTexts = {};

		function hText(s) {
			if (hTexts[s])
				return hTexts[s];
			let a = document.createElement('a');
			a.innerHTML = s;
			return hTexts[s] = a.innerText;
		}
		const nbsp = '\xa0';
		//hText('&nbsp;');
		const emsp = '\u2003';
		//hText('&emsp;');
		const ndash = '\u2013';
		//hText('&ndash;');
		const replacers = [
			[/\n/g, ' '],
			[/^\s+|\s+$/gm, '\n\n\n'],
			[/&[^;]{2,7};/g, hText],
			[/<br>|<.div><div[^>]*>|<.div>|<div[^>]*>/g, '\n'],
			[/<p[^>]*(center|right)[^>]*>([^]*?)<\/p>/g, '\n<$1>\n$2\n</$1>\n'],
			[/<\/p>\s*<p[^>]*>/g, '\n'],
			[/<\/p>\s*|\s*<p[^>]*>/g, '\n'],
			[/<script>[^]*?<.script>/, ''],
			[/\s*\n{4,}/g, '\n\n\n'], [/(\s*)(<(b|i|s)>)/g, '$2$1'],
			[/(^|[^\.])(…|\.{2,4}(?!\.))(?!\n\s)? /gm, '$1… '],
			[/(–|—|―)/gm, ' - '],
			[/--?(?![\-\wа-яёА-ЯЁ])|([^\-\wа-яёА-ЯЁ])-(?![\->\w])/g, `$1 - `],
			[/^((?=.)\s)*/gm, emsp + emsp],
			[/((?!\n)\s)+-\s+/gm, ' ' + ndash + nbsp],
			[/^\s*–/gm, emsp + nbsp + ndash],
			[/\n<center>\n([^]*?)\n<\/center>\n/g, s=>s.replace(/^\s*/gm, '')],
			[/\n<right>\n([^]*?)\n<\/right>\n/g, s=>s.replace(/^\s*/gm, '')],
			[/\s*<center>\s*([*][\s*]*[*])\s*<\/center>\n*|\n+\s*([*][\s*]*[*])\s*\n+/g, '\n\n\n<center>\n$1$2\n</center>\n\n'],
			[/\n(<.?(center|right)>)\n/g, '$1'],
			[/(<(b|i|s)>)(\s*)/g, '$3$1'],
			[/<(?!\/?(b|i|s|center|right))/g, '&lt;'],
			[/^\s*\n|\n\s*$/g, '']
		];
		replacers.forEach(rpl=>{
			s = s.replace(rpl[0], rpl[1]);
		});
		return s;
	}

}

window.ficUpdate = new FicUpdate();