Skip to content

Support custom event #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
xiaohuoni wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Support custom event #9

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
1edf0e0
feat: use Shake to woke up Inspx
xiaohuoni May 6, 2021
2cc211d
fix: Can't find variable: DeviceMotionEvent
xiaohuoni May 13, 2021
95839fa
chore: publish
xiaohuoni Nov 5, 2021
aacc043
feat: support custom event
xiaohuoni Nov 5, 2021
0e1f13f
chore: remove test code
xiaohuoni Nov 5, 2021
0f10259
chore: Merge branch 'main'
xiaohuoni Nov 5, 2021
d848cc8
Update index.tsx
xiaohuoni Dec 24, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 18 additions & 1 deletion src/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,8 @@ export interface InspectProps {
disabled?: boolean;
}

let isCloke = false;

export default function Inspect({
children,
margin = true,
Expand All @@ -38,14 +40,29 @@ export default function Inspect({
}
}

function onInspxSwitch() {
if (isCloke) {
uninspect();
} else {
if (margin) inspectMargin(nodesAtPointerRef.current);
if (size) inspectSize(nodesAtPointerRef.current);
if (padding) inspectPadding(nodesAtPointerRef.current);
}
isCloke = !isCloke;
}

if (!disabled) {
window.addEventListener('keyup', onKeyUp);
window.addEventListener('keydown', onKeyDown);
// @ts-ignore
window.addEventListener('inspxswitch', onInspxSwitch);
}

return () => {
window.removeEventListener('keyup', onKeyUp);
window.removeEventListener('keydown', onKeyDown);
// @ts-ignore
window.removeEventListener('inspxswitch', onInspxSwitch);
};
}, [margin, size, padding, disabled]);

Expand All @@ -64,7 +81,7 @@ export default function Inspect({

nodesAtPointerRef.current = nodes as HTMLElement[];

if (e.altKey) {
if (e.altKey || isCloke) {
if (margin) inspectMargin(nodes);
if (size) inspectSize(nodes);
if (padding) inspectPadding(nodes);
Expand Down