From 874851993d5be83b4aafec60a48595bc5165cc88 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Thu, 16 May 2024 13:21:46 +0700
Subject: [PATCH] add crosshair

---
 .../ags/assets/icons/crosshair-symbolic.svg   | 65 +++++++++++++++++++
 .config/ags/config.js                         |  3 +-
 .../modules/.configuration/user_options.js    |  6 ++
 .config/ags/modules/crosshair/main.js         | 21 ++++++
 .config/hypr/hyprland/keybinds.conf           |  1 +
 5 files changed, 95 insertions(+), 1 deletion(-)
 create mode 100644 .config/ags/assets/icons/crosshair-symbolic.svg
 create mode 100644 .config/ags/modules/crosshair/main.js

diff --git a/.config/ags/assets/icons/crosshair-symbolic.svg b/.config/ags/assets/icons/crosshair-symbolic.svg
new file mode 100644
index 000000000..22967493d
--- /dev/null
+++ b/.config/ags/assets/icons/crosshair-symbolic.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   fill="#000000"
+   width="20"
+   height="20"
+   viewBox="0 0 380.95238 380.95238"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="crosshair-symbolic.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="35"
+     inkscape:cx="10.371429"
+     inkscape:cy="7.9571429"
+     inkscape:window-width="1430"
+     inkscape:window-height="1028"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <title
+     id="title1">ionicons-v5_logos</title>
+  <metadata
+     id="metadata1">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>ionicons-v5_logos</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <rect
+     style="fill:#000000;stroke-width:23.0377"
+     id="rect1"
+     width="380.95239"
+     height="57.142857"
+     x="-3.5527137e-15"
+     y="161.90475" />
+  <rect
+     style="fill:#000000;stroke-width:23.0451;stroke-dasharray:none"
+     id="rect1-5"
+     width="57.142857"
+     height="380.95239"
+     x="161.90475"
+     y="0" />
+</svg>
diff --git a/.config/ags/config.js b/.config/ags/config.js
index 77555b4c9..1dc2d70b4 100644
--- a/.config/ags/config.js
+++ b/.config/ags/config.js
@@ -13,6 +13,7 @@ import Cheatsheet from './modules/cheatsheet/main.js';
 // import DesktopBackground from './modules/desktopbackground/main.js';
 import Dock from './modules/dock/main.js';
 import Corner from './modules/screencorners/main.js';
+import Crosshair from './modules/crosshair/main.js';
 import Indicator from './modules/indicators/main.js';
 import Osk from './modules/onscreenkeyboard/main.js';
 import Overview from './modules/overview/main.js';
@@ -46,7 +47,7 @@ applyStyle().catch(print);
 
 const Windows = () => [
     // forMonitors(DesktopBackground),
-
+    forMonitors(Crosshair),
     Overview(),
     forMonitors(Indicator),
     forMonitors(Cheatsheet),
diff --git a/.config/ags/modules/.configuration/user_options.js b/.config/ags/modules/.configuration/user_options.js
index e17e98b29..92c0efd20 100644
--- a/.config/ags/modules/.configuration/user_options.js
+++ b/.config/ags/modules/.configuration/user_options.js
@@ -49,6 +49,12 @@ let configOptions = {
             'default': "auto",
         },
     },
+    'gaming': {
+        'crosshair': {
+            'size': 20,
+            'color': 'rgba(113,227,32,0.9)',
+        },
+    },
     'music': {
         'preferredPlayer': "plasma-browser-integration",
     },
diff --git a/.config/ags/modules/crosshair/main.js b/.config/ags/modules/crosshair/main.js
new file mode 100644
index 000000000..57b18d1fe
--- /dev/null
+++ b/.config/ags/modules/crosshair/main.js
@@ -0,0 +1,21 @@
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import { enableClickthrough } from "../.widgetutils/clickthrough.js";
+import { RoundedCorner } from "../.commonwidgets/cairo_roundedcorner.js";
+
+export default (monitor = 0, ) => {
+    return Widget.Window({
+        monitor,
+        name: `crosshair${monitor}`,
+        layer: 'overlay',
+        exclusivity: 'ignore',
+        child: Widget.Icon({
+            icon: 'crosshair-symbolic',
+            css: `
+                font-size: ${userOptions.gaming.crosshair.size}px;
+                color: ${userOptions.gaming.crosshair.color};
+            `,
+        }),
+        setup: enableClickthrough,
+    });
+}
+
diff --git a/.config/hypr/hyprland/keybinds.conf b/.config/hypr/hyprland/keybinds.conf
index 7e26aad3f..67cbd33aa 100644
--- a/.config/hypr/hyprland/keybinds.conf
+++ b/.config/hypr/hyprland/keybinds.conf
@@ -91,6 +91,7 @@ bind = Super, M, exec, ags run-js 'openMusicControls.value = (!mpris.getPlayer()
 bind = Super, Comma, exec, ags run-js 'openColorScheme.value = true; Utils.timeout(2000, () => openColorScheme.value = false);'
 bind = Super, K, exec, for ((i=0; i<$(hyprctl monitors -j | jq length); i++)); do ags -t "osk""$i"; done
 bind = Control+Alt, Delete, exec, for ((i=0; i<$(hyprctl monitors -j | jq length); i++)); do ags -t "session""$i"; done
+bind = Control+Super, G, exec, for ((i=0; i<$(hyprctl monitors -j | jq length); i++)); do ags -t "crosshair""$i"; done
 bindle = , XF86AudioRaiseVolume, exec, ags run-js 'indicator.popup(1);'
 bindle = , XF86AudioLowerVolume, exec, ags run-js 'indicator.popup(1);'
 bindle=, XF86MonBrightnessUp, exec, ags run-js 'brightness.screen_value += 0.05; indicator.popup(1);'