Initial commit

2023-12-25 18:16:14 +07:00
commit 16b0d77075
174 changed files with 18893 additions and 0 deletions
@@ -0,0 +1,60 @@
+import { Widget } from '../../imports.js';
+import { keybindList } from "../../data/keybinds.js";
+
+export const Keybinds = () => Widget.Box({
+    vertical: false,
+    className: "spacing-h-15",
+    homogeneous: true,
+    children: keybindList.map((group, i) => Widget.Box({ // Columns
+        vertical: true,
+        className: "spacing-v-15",
+        children: group.map((category, i) => Widget.Box({ // Categories
+            vertical: true,
+            className: "spacing-v-15",
+            children: [
+                Widget.Box({ // Category header
+                    vertical: false,
+                    className: "spacing-h-10",
+                    children: [
+                        Widget.Label({
+                            xalign: 0,
+                            className: "icon-material txt txt-larger",
+                            label: category.icon,
+                        }),
+                        Widget.Label({
+                            xalign: 0,
+                            className: "cheatsheet-category-title txt",
+                            label: category.name,
+                        }),
+                    ]
+                }),
+                Widget.Box({
+                    vertical: false,
+                    className: "spacing-h-10",
+                    children: [
+                        Widget.Box({ // Keys
+                            vertical: true,
+                            homogeneous: true,
+                            children: category.binds.map((keybinds, i) => Widget.Box({ // Binds
+                                vertical: false,
+                                children: keybinds.keys.map((key, i) => Widget.Label({ // Specific keys
+                                    className: `${key == 'OR' || key == '+' ? 'cheatsheet-key-notkey' : 'cheatsheet-key'} txt-small`,
+                                    label: key,
+                                }))
+                            }))
+                        }),
+                        Widget.Box({ // Actions
+                            vertical: true,
+                            homogeneous: true,
+                            children: category.binds.map((keybinds, i) => Widget.Label({ // Binds
+                                xalign: 0,
+                                label: keybinds.action,
+                                className: "txt chearsheet-action txt-small",
+                            }))
+                        })
+                    ]
+                })
+            ]
+        }))
+    })),
+});
@@ -0,0 +1,90 @@
+const { Gdk, Gtk } = imports.gi;
+import { Service, Widget } from '../../imports.js';
+import { Keybinds } from "./keybinds.js";
+import { setupCursorHover } from "../../lib/cursorhover.js";
+
+const cheatsheetHeader = () => Widget.CenterBox({
+    vertical: false,
+    startWidget: Widget.Box({}),
+    centerWidget: Widget.Box({
+        vertical: true,
+        className: "spacing-h-15",
+        children: [
+            Widget.Box({
+                hpack: 'center',
+                className: 'spacing-h-5',
+                children: [
+                    Widget.Label({
+                        hpack: 'center',
+                        css: 'margin-right: 0.682rem;',
+                        className: 'txt-title txt',
+                        label: 'Cheat sheet',
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key txt-small",
+                        label: "",
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key-notkey txt-small",
+                        label: "+",
+                    }),
+                    Widget.Label({
+                        vpack: 'center',
+                        className: "cheatsheet-key txt-small",
+                        label: "/",
+                    })
+                ]
+            }),
+            Widget.Label({
+                useMarkup: true,
+                selectable: true,
+                justify: Gtk.Justification.CENTER,
+                className: 'txt-small txt',
+                label: 'Sheet data stored in <tt>~/.config/ags/data/keybinds.js</tt>\nChange keybinds in <tt>~/.config/hypr/keybinds.conf</tt>'
+            }),
+        ]
+    }),
+    endWidget: Widget.Button({
+        vpack: 'start',
+        hpack: 'end',
+        className: "cheatsheet-closebtn icon-material txt txt-hugeass",
+        onClicked: () => {
+            App.toggleWindow('cheatsheet');
+        },
+        child: Widget.Label({
+            className: 'icon-material txt txt-hugeass',
+            label: 'close'
+        }),
+        setup: setupCursorHover,
+    }),
+});
+
+const clickOutsideToClose = Widget.EventBox({
+    onPrimaryClick: () => App.closeWindow('cheatsheet'),
+    onSecondaryClick: () => App.closeWindow('cheatsheet'),
+    onMiddleClick: () => App.closeWindow('cheatsheet'),
+});
+
+export default () => Widget.Window({
+    name: 'cheatsheet',
+    exclusivity: 'normal',
+    focusable: true,
+    popup: true,
+    visible: false,
+    child: Widget.Box({
+        vertical: true,
+        children: [
+            clickOutsideToClose,
+            Widget.Box({
+                vertical: true,
+                className: "cheatsheet-bg spacing-v-15",
+                children: [
+                    cheatsheetHeader(),
+                    Keybinds(),
+                ]
+            }),
+        ],
+    })
+});