☰

ficUpdate

bulk copy-paste all the chapters from Word on ficbook

当前为 2022-01-31 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         ficUpdate
  3. // @namespace    ficscript
  4. // @version      3.0.0
  5. // @description  bulk copy-paste all the chapters from Word on ficbook
  6. // @author       Dimava
  7. // @license MIT
  8. // @match        https://ficbook.net/home/myfics*
  9. // @grant        none
  10. // @require https://greasyfork.org/scripts/439153-poopjs/code/PoopJs.js?version=1012736
  11. // ==/UserScript==
  12.  
  13. FicUpdate = class FicUpdate {
  14. 	debug = true;
  15. 	strings = {
  16. 		infoRoot: 'ⓘFicUpdate: Для обновления глав перейдите на страницу одного из фанфиков',
  17. 		infoEditor: 'ⓘFicUpdate: Скопируйте текст сюда',
  18. 		style: `
  19. 			.fu-container{display:grid;grid-template-areas: "buttons buttons" "infoEditor infoPrepared" "editor prepared";grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);overflow:hidden;}
  20. 			.fu-editor{background:white;border:1px dotted gray; grid-area:editor;}
  21. 			.fu-prepared{background:hsl(0,0%,95%);border:1px dotted gray;grid-area:prepared;}
  22. 			.fu-infoEditor{grid-area:infoEditor;}
  23. 			.fu-buttons{grid-area: buttons;}
  24. 			.fu-summary-buttons{display:inline-block;}
  25. 			.fu-rotate{animation:anim-fu-rotate 1s linear infinite;display:inline-block;}
  26. 			@keyframes anim-fu-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  27. 		`,
  28. 		errNoHeaders: 'ⓘFicUpdate: Текст не содержит заголовков глав! (<H1>)',
  29. 		sucPrepared: 'ⓘFicUpdate: Текст подготовлен',
  30. 		infoStep: `ⓘFicUpdate: Преобразование текста`,
  31. 		infoPasted: `ⓘFicUpdate: Нажмите на эту кнопку чтобы подготовить текст`,
  32. 		statusTextSame: `ⓘтекст совпадает`,
  33. 		statusTextFromTo: (a, b) => `${a}ch↦${b}ch${b > a ? '' : ` (-${a - b})`}`,
  34. 		chReload: '⟳',
  35. 		chUpload: '⇑',
  36. 		chDownload: '⇓',
  37. 	};
  38. 	els = {};
  39.  
  40.  
  41. 	elm(s, ...a) {
  42. 		return elm(s+'.fic-update', ...a);
  43. 	}
  44. 	elmake(key, ...a) {
  45. 		if (key.startsWith('.fu-')) {
  46. 			return this.els[key.match(/\w{3,}/)[0]] = elm(key + '.fic-update', ...a);
  47. 		} else {
  48. 			return this.els[key] = elm(a[0] + '.fic-update', ...a.slice(1));
  49. 		}
  50. 	}
  51. 	constructor() {
  52. 		if (!location.pathname.startsWith('/home/myfics')) {
  53. 			return;
  54. 		}
  55. 		__init__;
  56. 		if (location.pathname == '/home/myfics') {
  57. 			this.elmake('.fu-infoRoot.btn.btn-info', this.strings.infoRoot);
  58. 			q('h1').after(this.els.infoRoot);
  59. 			return;
  60. 		}
  61. 		const els = this.els;
  62.  
  63. 		this.elmake('.fu-container');
  64. 		q('.myfic').after(els.container);
  65. 	
  66. 		this.elmake('style', 'style').appendTo('head').innerHTML = this.strings.style;
  67.  
  68.  
  69. 		this.elmake('.fu-buttons').appendTo(els.container);
  70. 		this.elmake('.fu-infoEditor.btn.btn-info', this.strings.infoEditor
  71. 			, click=>this.prepareText()
  72. 			, paste=>this.onpaste).appendTo(els.container);
  73. 		this.elmake('.fu-editor').appendTo(els.container);
  74. 		els.editor.contentEditable = true;
  75. 		this.elmake('.fu-prepared').appendTo(els.container);
  76. 		
  77. 	}
  78. 	onpaste() {
  79. 		this.els.infoEditor.innerText = this.strings.infoPasted;
  80. 	}
  81. 	remove() {
  82. 		qq('.fic-update').map(e=>e.remove());
  83. 	}
  84.  
  85.  
  86. 	prepareTextStep(id, f) {
  87. 		let before = this.text;
  88. 		let after = f(before);
  89. 		this._textSteps[id] = {before, after};
  90. 		return this.text = after;
  91. 	}
  92.  
  93. 	prepareText() {
  94. 		this.text = this.els.editor.innerHTML;
  95. 		this._textSteps = {init: this.text};
  96. 		this.refs = {};
  97.  
  98. 		if (!this.text.match(/<h1/)) {
  99. 			this.els.infoEditor.innerText = this.strings.errNoHeaders;
  100. 			this.els.infoEditor.classList.toggle('btn-warning', true);
  101. 			return;
  102. 		}
  103. 		
  104. 		this.prepareTextStep('extractFootnotes1', t => {
  105. 			return t.replace(/<a\s+[^>]*name="_ftn[^]*?a>/g, s=>{
  106. 				let refm = s.match(/_ftn(ref)?(\d+)/);
  107. 				let refn = +refm[2];
  108. 				if (refm[1]) {
  109. 					refs[refn] = {
  110. 						n: refn,
  111. 						t: this.tosupnum(refn),
  112. 					};
  113. 				}
  114. 				return refm[1] ? '' : this.tosupnum(refn);
  115. 			});
  116. 		});
  117.  
  118. 		this.prepareTextStep('extractFootnotes2', t => {
  119. 			return t.replace(/<div id="ftn(\d+)"[^]*?div>/g, (s,n)=>{
  120. 				this.refs[n].s = this.htmlToText(s).trim();
  121. 				return '';
  122. 			});
  123. 		});
  124.  
  125. 		this.prepareTextStep('removeBadTags', t => {
  126. 			return t.replace(/<(?!\/?(h1|br|p|b|s|i|center|right)[\s|>])[^>]*>/g, '');
  127. 		});
  128. 		
  129. 		this.prepareTextStep('removeAttributes', t => {
  130. 			return t.replace(/<(\/?)(h1|br|b|s|i|center|right)(?=[\s|>])[^>]*>/g, '<$1$2>');
  131. 		});
  132. 		
  133. 		this.prepareTextStep('split', t => {
  134. 			return this.parts = t.split(/<h1[^>]*>/).map(e=>e.split('</h1>')).slice(1).map(([name, text])=>{
  135. 				name = this.htmlToText(name).replace(/\s+/g, ' ').trim()
  136. 				text = this.tabber(text);
  137. 				let o = {
  138. 					name,
  139. 					text,
  140. 					com: '',
  141. 					comp: true,
  142. 					refs: [],
  143. 				};
  144. 				text = text.replace(/\s*\/\*\s*([^]*?)\s*\*\/\s*/, (s,a,i,t)=>{
  145. 					o.com = a;
  146. 					o.comp = i > 100;
  147. 					return '';
  148. 				});
  149. 				let supi = 1;
  150. 				text = text.replace(/[⁰¹²³⁴⁵⁶⁷⁸⁹]+/g, (s,i,t)=>{
  151. 					let n = fromsupnum(s);
  152. 					let ref = refs[n];
  153. 					ref.n = supi;
  154. 					ref.t = tosupnum(supi);
  155. 					o.refs.push(ref);
  156. 					supi++;
  157. 					return ref.t;
  158. 				});
  159. 				o.text = text;
  160. 				return o;
  161. 			});
  162. 		});
  163. 		
  164. 		this.prepareTextStep('join', t => {
  165. 			return t
  166. 				.map(p => {
  167. 					let t = p.text.replace(/\n/g, '\n<br>');
  168. 					if (p.com || p.refs.length) {
  169. 						let com = p.com;
  170. 						let ref = p.refs.map(r=>r.t + this.htmlToText('&nbsp;') + r.s).join('\n<br>');
  171. 						let brc = com && ref ? '<br><br>' : '';
  172. 						t = p.comp ? `${t}<br><br><u>${ref}${brc}${com}</u>` : `<u>${com}${brc}${ref}</u><br><br>${t}`;
  173. 					}
  174. 					return `<details class="fu-chapter"><summary class="fu-summary" chapter="${p.name}">\n${p.name}\n</summary>${t}</details>\n`;
  175. 				})
  176. 				.join('\n');
  177. 		});
  178. 		
  179. 		this.prepareTextStep('display', t => {
  180. 			return this.els.prepared.innerHTML = t;
  181. 		});
  182.  
  183. 		this.prepared = true;
  184. 		
  185. 		this.els.infoEditor.innerText = this.strings.sucPrepared;
  186. 		this.els.infoEditor.classList.toggle('btn-info', false);
  187. 		this.els.infoEditor.classList.toggle('btn-success', true);
  188.  
  189. 		this.makePreparedButtons();
  190.  
  191. 	}
  192.  
  193. 	makePreparedButtons() {
  194. 		qq('.fu-summary').map(e => {
  195. 			let name = e.getAttribute('chapter');
  196. 			let chapter = this.parts.find(e => e.name == name);
  197. 			let a = qq('.parts .title a').find(e=>e.innerText == name);
  198. 			chapter.a = a;
  199. 			chapter.summary = e;
  200. 			console.log({chapter, a, name});
  201.  
  202. 			chapter.buttons = elm('.fu-summary-buttons').appendTo(e);
  203. 			chapter.status = elm('sup.fu-chapter-status').appendTo(chapter.buttons);
  204.  
  205. 			if (chapter.a) {
  206. 				elm('button.fu-sync-chapter', this.strings.chReload+this.strings.chDownload, click => {click.preventDefault(); this.syncChapter(chapter)})
  207. 				.appendTo(chapter.buttons);
  208. 			} else {
  209. 				chapter.status.innerText = this.strings.statusTextFromTo(0, chapter.text.length);
  210. 				elm('button.fu-chapter-make', this.strings.chUpload, click => {click.preventDefault(); this.makeChapter(chapter)})
  211. 				.appendTo(chapter.buttons);
  212. 			}
  213. 		});
  214. 	}
  215.  
  216. 	async syncChapter(chapter) {
  217. 		console.log(chapter);
  218. 		chapter.summary.q('.fu-sync-chapter').classList.add('fu-rotate');
  219. 		console.log(window.chap = chapter);
  220.  
  221. 		if (!chapter.a) {
  222. 			throw alert('wrong button!');
  223. 		}
  224.  
  225. 		chapter.doc = await fetch.doc(chapter.a.href);
  226. 		chapter.summary.q('.fu-sync-chapter').remove();
  227. 		chapter.oldText = chapter.doc.q('textarea#content').value;
  228. 		console.log(chapter);
  229. 		chapter.isSame = chapter.text == chapter.oldText;
  230.  
  231. 		chapter.status.innerText = 
  232. 			chapter.isSame ? this.strings.statusTextSame: this.strings.statusTextFromTo(chapter.oldText.length, chapter.text.length);
  233.  
  234. 		chapter.btnUpdate = elm('button.fu-chapter-update', this.strings.chUpload, click=>this.updateChapter(chapter));
  235. 		chapter.buttons.append(chapter.status);
  236. 		if (!chapter.isSame) {
  237. 			chapter.buttons.append(chapter.btnUpdate);
  238. 		}
  239. 	}
  240.  
  241. 	async updateChapter(chapter) {
  242. 		console.log('upload', chapter);
  243. 		chapter.buttons.q('.fu-chapter-update').classList.add('fu-rotate');
  244. 		chapter.iframe = elm('iframe').appendTo(chapter.buttons);
  245.  
  246. 		await this.iframeLoad(chapter.iframe, chapter.a.href);
  247.  
  248. 		let ta = chapter.iframe.contentDocument.querySelector('textarea#content');
  249. 		ta.scrollIntoView();
  250. 		console.log('oldText: ', ta.value == chapter.oldText)
  251. 		if (ta.value != chapter.oldText) {
  252. 			alert('Error: can\'t update, chapter text has changed');
  253. 			throw new Error('oldText has changed!');
  254. 		}
  255. 		await Promise.frame(30);
  256. 		ta.value = chapter.text;
  257. 		console.log('text: ', ta.value == chapter.text);
  258. 		await Promise.frame(30);
  259.  
  260. 		let bsave = chapter.iframe.contentDocument.querySelector('#save_part')
  261. 		bsave.scrollIntoView();
  262. 		await Promise.frame(30);
  263.  
  264. 		await this.iframeLoad(chapter.iframe, () => bsave.click())
  265.  
  266. 		console.log('frame loaded, chapter updated!');
  267.  
  268. 		ta = chapter.iframe.contentDocument.querySelector('textarea#content');
  269. 		chapter.newText = ta.value;
  270. 		if (ta.value != chapter.text) {
  271. 			alert('Error: failed to update dunno why');
  272. 			throw new Error('failed to update dunno why!');
  273. 		}
  274. 		await Promise.frame(30);
  275.  
  276. 		chapter.status.innerText = this.strings.statusTextSame;
  277. 		chapter.buttons.q('.fu-chapter-update').remove();
  278.  
  279. 		chapter.iframe.remove();
  280. 		chapter.iframe = null;
  281. 	}
  282.  
  283. 	async makeChapter(chapter) {
  284. 		console.log('upload', window.chap=chapter);
  285. 		chapter.buttons.q('.fu-chapter-make').classList.add('fu-rotate');
  286. 		chapter.iframe = elm('iframe').appendTo(chapter.buttons);
  287. 		let href = q('.add-part a[href*="addpart"]').href;
  288. 		await this.iframeLoad(chapter.iframe, href);
  289.  
  290. 		let ta = chapter.iframe.contentDocument.querySelector('textarea#content');
  291. 		let ti = chapter.iframe.contentDocument.querySelector('#titleInput');
  292. 		let cb = chapter.iframe.contentDocument.querySelector('#not_published_chb');
  293.  
  294. 		ti.scrollIntoView();
  295. 		ti.value = chapter.name;
  296. 		await Promise.frame(30);
  297.  
  298. 		ta.scrollIntoView();
  299. 		await Promise.frame(30);
  300. 		ta.value = chapter.text;
  301. 		await Promise.frame(30);
  302.  
  303. 		cb.scrollIntoView();
  304. 		cb.checked = true;
  305. 		await Promise.frame(30);
  306.  
  307. 		let bsave = chapter.iframe.contentDocument.querySelector('button[type="submit"]')
  308. 		if (bsave?.innerText != 'Добавить часть') {
  309. 			alert('Кнопка не найдена, нажмите сами');
  310. 		}
  311. 		bsave?.scrollIntoView();
  312. 		await Promise.frame(30);
  313. 		
  314. 		await this.iframeLoad(chapter.iframe, () => bsave?.click());
  315. 		console.log('frame loaded, chapter updated!');
  316. 		await Promise.frame(30);
  317.  
  318. 		chapter.status.innerText = this.strings.statusTextSame;
  319. 		chapter.buttons.q('.fu-chapter-make').remove();
  320.  
  321. 		chapter.iframe.remove();
  322. 		chapter.iframe = null;
  323. 	}
  324.  
  325.  
  326. 	async iframeLoad(iframe, src='') {
  327. 		return new Promise(r => {
  328. 			iframe.addEventListener('load', r);
  329. 			if (src) {
  330. 				if (typeof src == 'string') iframe.src = src;
  331. 				if (typeof src == 'function') src(iframe);
  332. 			}
  333. 		});
  334. 	}
  335.  
  336. 	htmlToText(h) {
  337. 		let a = document.createElement('a');
  338. 		a.innerHTML = h;
  339. 		return a.innerText;
  340. 	}		
  341. 	tosupnum(t) {
  342. 		let num = '⁰¹²³⁴⁵⁶⁷⁸⁹'.split('');
  343. 		return (t + '').match(/\d/g).map(e=>num[e]).join('');
  344. 	}
  345. 	fromsupnum(t) {
  346. 		let num = '⁰¹²³⁴⁵⁶⁷⁸⁹'.split('');
  347. 		return +(t + '').match(/[⁰¹²³⁴⁵⁶⁷⁸⁹]/g).map(e=>num.indexOf(e)).join('');
  348. 	}
  349. 	tabber(s) {
  350. 		let hTexts = {};
  351.  
  352. 		function hText(s) {
  353. 			if (hTexts[s])
  354. 				return hTexts[s];
  355. 			let a = document.createElement('a');
  356. 			a.innerHTML = s;
  357. 			return hTexts[s] = a.innerText;
  358. 		}
  359. 		const nbsp = '\xa0';
  360. 		//hText('&nbsp;');
  361. 		const emsp = '\u2003';
  362. 		//hText('&emsp;');
  363. 		const ndash = '\u2013';
  364. 		//hText('&ndash;');
  365. 		const replacers = [
  366. 			[/\n/g, ' '],
  367. 			[/^\s+|\s+$/gm, '\n\n\n'],
  368. 			[/&[^;]{2,7};/g, hText],
  369. 			[/<br>|<.div><div[^>]*>|<.div>|<div[^>]*>/g, '\n'],
  370. 			[/<p[^>]*(center|right)[^>]*>([^]*?)<\/p>/g, '\n<$1>\n$2\n</$1>\n'],
  371. 			[/<\/p>\s*<p[^>]*>/g, '\n'],
  372. 			[/<\/p>\s*|\s*<p[^>]*>/g, '\n'],
  373. 			[/<script>[^]*?<.script>/, ''],
  374. 			[/\s*\n{4,}/g, '\n\n\n'], [/(\s*)(<(b|i|s)>)/g, '$2$1'],
  375. 			[/(^|[^\.])(…|\.{2,4}(?!\.))(?!\n\s)? /gm, '$1… '],
  376. 			[/(–|—|―)/gm, ' - '],
  377. 			[/--?(?![\-\wа-яёА-ЯЁ])|([^\-\wа-яёА-ЯЁ])-(?![\->\w])/g, `$1 - `],
  378. 			[/^((?=.)\s)*/gm, emsp + emsp],
  379. 			[/((?!\n)\s)+-\s+/gm, ' ' + ndash + nbsp],
  380. 			[/^\s*–/gm, emsp + nbsp + ndash],
  381. 			[/\n<center>\n([^]*?)\n<\/center>\n/g, s=>s.replace(/^\s*/gm, '')],
  382. 			[/\n<right>\n([^]*?)\n<\/right>\n/g, s=>s.replace(/^\s*/gm, '')],
  383. 			[/\s*<center>\s*([*][\s*]*[*])\s*<\/center>\n*|\n+\s*([*][\s*]*[*])\s*\n+/g, '\n\n\n<center>\n$1$2\n</center>\n\n'],
  384. 			[/\n(<.?(center|right)>)\n/g, '$1'],
  385. 			[/(<(b|i|s)>)(\s*)/g, '$3$1'],
  386. 			[/<(?!\/?(b|i|s|center|right))/g, '&lt;'],
  387. 			[/^\s*\n|\n\s*$/g, '']
  388. 		];
  389. 		replacers.forEach(rpl=>{
  390. 			s = s.replace(rpl[0], rpl[1]);
  391. 		});
  392. 		return s;
  393. 	}
  394.  
  395. }
  396.  
  397. window.ficUpdate = new FicUpdate();