zeropaste: app/javascript/application.js annotate

annotate app/javascript/application.js @ 489:361ab9e7ffad

Replace webpacker with esbuild and use plain js instead of coffee

author	nanaya <me@nanaya.net>
date	Tue, 17 Jan 2023 02:34:06 +0900
parents	app/javascript/src/main.coffee@b493db1f40b0
children

rev	line source
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	1 import 'bootstrap';
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	2 import hljs from 'highlight.js';
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	3 import * as commonmark from 'commonmark';
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	4
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	5 /* global $ */
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	6 $(document).on('click', '.js-paste-clear', (e) => {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	7 e.preventDefault();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	8 $('.js-paste-paste')
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	9 .val('')
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	10 .focus();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	11 });
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	12
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	13 function loadLanguageItems () {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	14 const $languageSelectBox = $('#paste_language');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	15 if ($languageSelectBox.length === 0) return;
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	16
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	17 for (const language of hljs.listLanguages().sort()) {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	18 $languageSelectBox.append($(
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	19 '<option />',
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	20 { text: language, value: language }
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	21 ));
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	22 }
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	23 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	24
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	25 function markdownfy (plaintext) {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	26 const reader = new commonmark.Parser();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	27 const writer = new commonmark.HtmlRenderer({ safe: true });
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	28
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	29 return writer.render(reader.parse(plaintext));
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	30 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	31
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	32 function pasteText () {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	33 return $('.js-paste-paste').val() \|\| $('.js-paste-pl').text();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	34 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	35
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	36 function highlightText () {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	37 const $hlBox = $('.js-paste-hl');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	38 if ($hlBox.attr('data-processed') === '1') return;
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	39
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	40 $hlBox.text(pasteText());
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	41
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	42 const highlight = () => hljs.highlightBlock($hlBox[0]);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	43 window.setTimeout(highlight, 0);
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	44
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	45 $hlBox.attr('data-processed', '1');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	46 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	47
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	48 function markdownText () {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	49 const $mdBox = $('.js-paste-md');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	50 if ($mdBox.attr('data-processed') === '1') return;
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	51
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	52 $mdBox.html(markdownfy(pasteText()));
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	53 $mdBox.find('a').attr('rel', 'nofollow');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	54 $mdBox.attr('data-processed', '1');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	55 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	56
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	57 function setHash (e) {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	58 let newLocation = `#${e.currentTarget.getAttribute('data-mode')}`;
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	59 if (newLocation === '#pl') {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	60 newLocation = window.location.pathname;
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	61 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	62
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	63 window.history.replaceState(null, '', newLocation);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	64 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	65
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	66 function showPreview (e) {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	67 e.preventDefault();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	68 const text = pasteText();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	69 if (text === '') return;
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	70 $('.js-paste-preview-md-box').html(markdownfy(text));
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	71 $('.js-paste-preview-md-modal').modal('show');
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	72 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	73
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	74 function switchToCurrentHash () {
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	75 if ($('.js-showing-paste').length === 0) return;
478 46ed68bf9918 Add more length check nanaya <me@nanaya.pro> parents: 469 diff changeset	76
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	77 const format = window.location.hash.slice(1);
479 b493db1f40b0 Validate format nanaya <me@nanaya.pro> parents: 478 diff changeset	78
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	79 if (!['pl', 'hl', 'md'].includes(format)) return;
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	80
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	81 $('.js-show-tab[data-mode=#{format}]').click();
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	82 }
468 802dcd44188e Now with webpacker nanaya <me@nanaya.pro> parents: diff changeset	83
489 361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	84 $(loadLanguageItems);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	85 $(switchToCurrentHash);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	86 $(document).on('click', '.js-paste-preview-md', showPreview);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	87 $(document).on('click', '.js-show-tab[data-mode=hl]', highlightText);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	88 $(document).on('click', '.js-show-tab[data-mode=md]', markdownText);
361ab9e7ffad Replace webpacker with esbuild and use plain js instead of coffee nanaya <me@nanaya.net> parents: 479 diff changeset	89 $(document).on('click', '.js-show-tab', setHash);