11import * as Base64 from "./base64.js" ;
22import { chroma } from "./chroma.js" ;
33
4- document . addEventListener ( "DOMContentLoaded" , function ( ) {
5- var darkMode =
6- window . matchMedia &&
7- window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ;
8- var style = document . createElement ( "style" ) ;
9- var ref = document . querySelector ( "script" ) ;
4+ document . addEventListener ( "DOMContentLoaded" , ( ) => {
5+ const darkMode =
6+ window . matchMedia ?. ( "(prefers-color-scheme: dark)" ) . matches ;
7+ const style = document . createElement ( "style" ) ;
8+ const ref = document . querySelector ( "script" ) ;
109 ref . parentNode . insertBefore ( style , ref ) ;
1110
12- var form = document . getElementById ( "chroma" ) ;
13- var textArea = form . elements [ " text" ] ;
14- var styleSelect = form . elements [ " style" ] ;
15- var languageSelect = form . elements [ " language" ] ;
16- var copyButton = form . elements [ " copy" ] ;
17- var csrfToken = form . elements [ "gorilla.csrf.Token" ] . value ;
18- var output = document . getElementById ( "output" ) ;
19- var htmlCheckbox = document . getElementById ( "html" ) ;
11+ const form = document . getElementById ( "chroma" ) ;
12+ const textArea = form . elements . text ;
13+ const styleSelect = form . elements . style ;
14+ const languageSelect = form . elements . language ;
15+ const copyButton = form . elements . copy ;
16+ const csrfToken = form . elements [ "gorilla.csrf.Token" ] . value ;
17+ const output = document . getElementById ( "output" ) ;
18+ const htmlCheckbox = document . getElementById ( "html" ) ;
2019
2120 ( document . querySelectorAll ( ".notification .delete" ) || [ ] ) . forEach ( ( el ) => {
2221 const notification = el . parentNode ;
@@ -58,16 +57,16 @@ document.addEventListener("DOMContentLoaded", function () {
5857
5958 // https://stackoverflow.com/a/37697925/7980
6059 function handleTab ( e ) {
61- var after ,
62- before ,
63- end ,
64- lastNewLine ,
65- changeLength ,
66- re ,
67- replace ,
68- selection ,
69- start ,
70- val ;
60+ let after ;
61+ let before ;
62+ let end ;
63+ let lastNewLine ;
64+ let changeLength ;
65+ let re ;
66+ let replace ;
67+ let selection ;
68+ let start ;
69+ let val ;
7170 if (
7271 ( e . charCode === 9 || e . keyCode === 9 ) &&
7372 ! e . altKey &&
@@ -114,26 +113,25 @@ document.addEventListener("DOMContentLoaded", function () {
114113 }
115114 }
116115 if ( replace && ! e . shiftKey ) {
117- this . value = before + "\t" + after ;
116+ this . value = ` ${ before } \t ${ after } ` ;
118117 this . selectionStart = this . selectionEnd = start + 1 ;
119118 }
120119 }
121120 debouncedEventHandler ( e ) ;
122121 }
123122
124123 function debounce ( func , wait , immediate ) {
125- var timeout ;
124+ let timeout ;
126125 return function ( ) {
127- var context = this ;
128- var args = arguments ;
129- var later = function ( ) {
126+ const args = arguments ;
127+ const later = ( ) => {
130128 timeout = null ;
131- if ( ! immediate ) func . apply ( context , args ) ;
129+ if ( ! immediate ) func . apply ( this , args ) ;
132130 } ;
133- var callNow = immediate && ! timeout ;
131+ const callNow = immediate && ! timeout ;
134132 clearTimeout ( timeout ) ;
135133 timeout = setTimeout ( later , wait ) ;
136- if ( callNow ) func . apply ( context , args ) ;
134+ if ( callNow ) func . apply ( this , args ) ;
137135 } ;
138136 }
139137
@@ -154,7 +152,7 @@ document.addEventListener("DOMContentLoaded", function () {
154152 if ( value . language ) {
155153 languageSelect . value = value . language ;
156154 }
157- style . innerHTML = " #output { " + value . background + "}" ;
155+ style . innerHTML = ` #output { ${ value . background } }` ;
158156 if ( htmlCheckbox . checked ) {
159157 output . innerText = value . html ;
160158 } else {
@@ -166,7 +164,7 @@ document.addEventListener("DOMContentLoaded", function () {
166164 if ( htmlCheckbox . checked ) {
167165 output . innerText = textArea . value ;
168166 } else {
169- output . innerHTML = " <pre>" + textArea . value + " </pre>" ;
167+ output . innerHTML = ` <pre>${ textArea . value } </pre>` ;
170168 }
171169 }
172170
@@ -178,7 +176,7 @@ document.addEventListener("DOMContentLoaded", function () {
178176 function share ( event ) {
179177 let data = JSON . stringify ( getFormJSON ( ) ) ;
180178 data = Base64 . encodeURI ( data ) ;
181- location . hash = "#" + data ;
179+ location . hash = `# ${ data } ` ;
182180 try {
183181 navigator . clipboard . writeText ( location . href ) ;
184182 } catch ( e ) {
@@ -200,8 +198,8 @@ document.addEventListener("DOMContentLoaded", function () {
200198 update ( new Event ( "change" ) ) ;
201199 }
202200
203- var eventHandler = ( event ) => update ( event ) ;
204- var debouncedEventHandler = debounce (
201+ const eventHandler = ( event ) => update ( event ) ;
202+ const debouncedEventHandler = debounce (
205203 eventHandler ,
206204 chroma === null ? 250 : 100 ,
207205 ) ;
0 commit comments