@leonabcd123/modern-caps-lock 3.1.2 → 3.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/lib/index.d.ts +3 -3
  3. package/lib/index.js +15 -6
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -83,7 +83,7 @@ if (isCapsLockOn()) {
83
83
 
84
84
  - Windows
85
85
  - Mac
86
- - Linux
86
+ - Linux (excluding Firefox on X11/Xwayland)
87
87
  - iPad
88
88
  - Platforms using GBoard
89
89
 
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  type OnCapsChangeCallback = (capsState: boolean) => void;
2
- export declare function isCapsLockOn(): boolean;
3
- export declare function onCapsLockChange(callback: OnCapsChangeCallback): void;
4
- export {};
2
+ declare function isCapsLockOn(): boolean;
3
+ declare function onCapsLockChange(callback: OnCapsChangeCallback): void;
4
+ export { isCapsLockOn, onCapsLockChange };
package/lib/index.js CHANGED
@@ -3,16 +3,17 @@ import { getCurrentOs } from "./os-detection.js";
3
3
  let previousCapsState = false;
4
4
  let capsState = false;
5
5
  const os = getCurrentOs();
6
- let onCapsChangeCallback;
6
+ const onCapsChangeCallbacks = [];
7
7
  const mouseEventsToUpdateOn = ["mousedown", "mousemove", "wheel"];
8
8
  const isMobile = (_b = (_a = navigator.userAgentData) === null || _a === void 0 ? void 0 : _a.mobile) !== null && _b !== void 0 ? _b : navigator.maxTouchPoints > 1;
9
9
  const isiPad = os === "Mac" && isMobile;
10
10
  let isSendingCapsLockState = !isiPad;
11
+ const afterKeyup = new Map();
11
12
  function callCallbackIfNeeded() {
12
13
  const callCallback = previousCapsState !== capsState;
13
14
  previousCapsState = capsState;
14
15
  if (callCallback) {
15
- onCapsChangeCallback === null || onCapsChangeCallback === void 0 ? void 0 : onCapsChangeCallback(capsState);
16
+ onCapsChangeCallbacks.forEach((callback) => callback(capsState));
16
17
  }
17
18
  }
18
19
  function getCapsLockModifierState(event) {
@@ -31,6 +32,13 @@ mouseEventsToUpdateOn.forEach((eventType) => {
31
32
  });
32
33
  });
33
34
  document.addEventListener("keyup", (event) => {
35
+ const setAfterKeyupValue = afterKeyup.get(event.code);
36
+ if (setAfterKeyupValue !== undefined) {
37
+ capsState = setAfterKeyupValue;
38
+ callCallbackIfNeeded();
39
+ afterKeyup.delete(event.code);
40
+ return;
41
+ }
34
42
  if (os === "Mac") {
35
43
  if (event.key === "CapsLock") {
36
44
  capsState = false;
@@ -60,13 +68,14 @@ document.addEventListener("keydown", (event) => {
60
68
  }
61
69
  else if (os === "Linux") {
62
70
  if (event.key === "CapsLock") {
63
- capsState = !getCapsLockModifierState(event);
71
+ afterKeyup.set(event.code, !getCapsLockModifierState(event));
64
72
  }
65
73
  }
66
74
  });
67
- export function isCapsLockOn() {
75
+ function isCapsLockOn() {
68
76
  return capsState;
69
77
  }
70
- export function onCapsLockChange(callback) {
71
- onCapsChangeCallback = callback;
78
+ function onCapsLockChange(callback) {
79
+ onCapsChangeCallbacks.push(callback);
72
80
  }
81
+ export { isCapsLockOn, onCapsLockChange };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leonabcd123/modern-caps-lock",
3
- "version": "3.1.2",
3
+ "version": "3.1.4",
4
4
  "description": "A package that allows you to check whether caps lock is active or not",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",