@@ -2,28 +2,28 @@ init();
22
33async function getCurrentTab ( ) {
44 let [ tab ] = await chrome . tabs . query ( { active : true , currentWindow : true } ) ;
5- return { tabId : tab . id } ;
5+ return { tabId : tab . id } ;
66}
77
88async function init ( ) {
9- await chrome . storage . local . remove ( ' data' ) ;
9+ await chrome . storage . local . remove ( " data" ) ;
1010
1111 await chrome . scripting . executeScript ( {
1212 target : await getCurrentTab ( ) ,
13- files : [ ' capo.js' ]
14- } )
13+ files : [ " capo.js" ] ,
14+ } ) ;
1515
1616 chrome . storage . onChanged . addListener ( ( changes ) => {
17- console . log ( ' Storage changed' , changes )
18- const { data} = changes ;
17+ console . log ( " Storage changed" , changes ) ;
18+ const { data } = changes ;
1919 if ( data ?. newValue ) {
2020 print ( data . newValue ) ;
2121 }
2222 } ) ;
2323}
24-
24+
2525function print ( result ) {
26- console . log ( ' Data' , result ) ;
26+ console . log ( " Data" , result ) ;
2727 let frag = document . createDocumentFragment ( ) ;
2828 for ( let r of result . actual ) {
2929 frag . appendChild ( getCapoHeadElement ( r ) ) ;
@@ -38,13 +38,20 @@ function print(result) {
3838 frag . appendChild ( getCapoHeadElement ( r ) ) ;
3939 }
4040 sorted . appendChild ( frag ) ;
41- document . body . addEventListener ( ' click' , handleCapoClick ) ;
41+ document . body . addEventListener ( " click" , handleCapoClick ) ;
4242}
4343
44- function getCapoHeadElement ( { weight, color, selector, innerHTML, isValid, customValidations} ) {
45- const span = document . createElement ( 'span' ) ;
46- span . classList . add ( 'capo-head-element' ) ;
47- span . classList . toggle ( 'invalid' , ! isValid ) ;
44+ function getCapoHeadElement ( {
45+ weight,
46+ color,
47+ selector,
48+ innerHTML,
49+ isValid,
50+ customValidations,
51+ } ) {
52+ const span = document . createElement ( "span" ) ;
53+ span . classList . add ( "capo-head-element" ) ;
54+ span . classList . toggle ( "invalid" , ! isValid ) ;
4855 span . dataset . weight = weight ;
4956 span . style . backgroundColor = color ;
5057 span . dataset . selector = selector ;
@@ -55,17 +62,21 @@ function getCapoHeadElement({weight, color, selector, innerHTML, isValid, custom
5562}
5663
5764async function handleCapoClick ( event ) {
58- const { weight, selector, innerHTML} = event . target . dataset ;
65+ const { weight, selector, innerHTML } = event . target . dataset ;
5966 const customValidations = JSON . parse ( event . target . dataset . customValidations ) ;
60- const isValid = ! event . target . classList . contains ( ' invalid' ) ;
67+ const isValid = ! event . target . classList . contains ( " invalid" ) ;
6168
6269 await chrome . storage . local . set ( {
6370 click : JSON . stringify ( {
64- weight, selector, innerHTML, isValid, customValidations
65- } )
71+ weight,
72+ selector,
73+ innerHTML,
74+ isValid,
75+ customValidations,
76+ } ) ,
6677 } ) ;
6778 await chrome . scripting . executeScript ( {
6879 target : await getCurrentTab ( ) ,
69- files : [ ' capo.js' ]
80+ files : [ " capo.js" ] ,
7081 } ) ;
7182}
0 commit comments