fix chooser

src/renderer/chooser.html

@@ -14,6 +14,12 @@
 			<i data-feather="x-circle"></i>
 			</button>
 
+			<div id="chooser-wrapper">
+
+				<div id="crosshair-chooser"></div>
+
+			</div>
+
 		</div>
 
 		<script src="./chooser.js"></script>

src/renderer/chooser.js

@@ -113,10 +113,16 @@
 		let label = window.crossover.path.dirname( files[0] )
 		label = window.crossover.path.parse( label ).name
 
+		console.log( `Create group: ${label}` )
+
 		for ( const element of files ) {
 
+			console.log( `Create group: ${element}` )
+
 			if ( typeof element === 'string' ) {
 
+				console.log( `group: ${element}`, current, group )
+
 				const img = createImage( element, current )
 				group.append( img )
 
@@ -128,6 +134,8 @@
 		title.textContent = ( label === 'Actual' ) ? 'Real Crosshairs' : label
 		title.classList.add( 'group-label' )
 
+		console.log( chooserElement )
+
 		chooserElement.append( title )
 		chooserElement.append( group )
 

src/renderer/preload-chooser.js

@@ -32,7 +32,7 @@ contextBridge.exposeInMainWorld( 'crossover', {
 		if ( validChannels.has( channel ) ) {
 
 			// Deliberately strip event as it includes `sender`
-			// ipcRenderer.on( channel, ( event, ...args ) => func( ...args ) )
+			ipcRenderer.on( channel, ( event, ...args ) => func( ...args ) )
 
 		}
 

test/helpers.js

@@ -129,6 +129,7 @@ function visualMouseCode() {
         puppeteer-mouse-pointer.button-3 {
           transition: none;
           border-radius: 4px;
+          border-color: rgba(255,255,0,0.9);
         }
         puppeteer-mouse-pointer.button-4 {
           transition: none;