fck-honey 0.1.2 → 0.1.3
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.
- package/dist/esm/index.js +34 -23
- package/dist/honey-detect.js +34 -23
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -11,9 +11,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
var DEFAULT_Z_NEAR_MAX = 2147480000;
|
|
13
13
|
var UUIDISH_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
var TARGET_SELECTOR = "div[id]";
|
|
15
|
+
function parseZIndex(cs, el) {
|
|
16
|
+
var computed = parseInt(cs.zIndex, 10);
|
|
17
|
+
if (isFinite(computed))
|
|
18
|
+
return computed;
|
|
19
|
+
var inline = parseInt(el.style.zIndex, 10);
|
|
20
|
+
return isFinite(inline) ? inline : null;
|
|
17
21
|
}
|
|
18
22
|
function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
19
23
|
if (!el.id)
|
|
@@ -21,7 +25,7 @@ function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
|
21
25
|
if (uuidGate && !UUIDISH_RE.test(el.id))
|
|
22
26
|
return false;
|
|
23
27
|
var cs = getComputedStyle(el);
|
|
24
|
-
var z = parseZIndex(cs);
|
|
28
|
+
var z = parseZIndex(cs, el);
|
|
25
29
|
if (z === null || z < zNearMax)
|
|
26
30
|
return false;
|
|
27
31
|
if (cs.display === "none")
|
|
@@ -30,17 +34,15 @@ function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
|
30
34
|
return false;
|
|
31
35
|
return true;
|
|
32
36
|
}
|
|
33
|
-
function
|
|
37
|
+
function scanElement(el, seen, zNearMax, uuidGate, onMatch) {
|
|
34
38
|
var _a;
|
|
35
|
-
if (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
seen.push(node);
|
|
41
|
-
onMatch(node);
|
|
39
|
+
if (el instanceof HTMLDivElement && el.matches(TARGET_SELECTOR)) {
|
|
40
|
+
if (seen.indexOf(el) === -1 && looksLikeTargetDiv(el, zNearMax, uuidGate)) {
|
|
41
|
+
seen.push(el);
|
|
42
|
+
onMatch(el);
|
|
43
|
+
}
|
|
42
44
|
}
|
|
43
|
-
var divs = (_a =
|
|
45
|
+
var divs = (_a = el.querySelectorAll) === null || _a === void 0 ? void 0 : _a.call(el, TARGET_SELECTOR);
|
|
44
46
|
if (!divs)
|
|
45
47
|
return;
|
|
46
48
|
for (var i = 0; i < divs.length; i += 1) {
|
|
@@ -61,19 +63,28 @@ export function startHoneyOverlayObserver(options) {
|
|
|
61
63
|
var mo = new MutationObserver(function (mutations) {
|
|
62
64
|
for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
|
|
63
65
|
var m = mutations_1[_i];
|
|
66
|
+
if (m.target === document.body || (m.target instanceof Node && document.body.contains(m.target))) {
|
|
67
|
+
console.log("+++ body mutation", m.type, m.target);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
for (var _a = 0, mutations_2 = mutations; _a < mutations_2.length; _a++) {
|
|
71
|
+
var m = mutations_2[_a];
|
|
64
72
|
if (m.type === "childList") {
|
|
65
|
-
|
|
66
|
-
|
|
73
|
+
if (m.addedNodes.length) {
|
|
74
|
+
for (var i = 0; i < m.addedNodes.length; i += 1) {
|
|
75
|
+
var node = m.addedNodes[i];
|
|
76
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
77
|
+
scanElement(node, seen, zNearMax, uuidGate, onMatch);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
else if (m.target instanceof Element) {
|
|
82
|
+
scanElement(m.target, seen, zNearMax, uuidGate, onMatch);
|
|
67
83
|
}
|
|
68
84
|
}
|
|
69
85
|
else if (m.type === "attributes") {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
el.id &&
|
|
73
|
-
seen.indexOf(el) === -1 &&
|
|
74
|
-
looksLikeTargetDiv(el, zNearMax, uuidGate)) {
|
|
75
|
-
seen.push(el);
|
|
76
|
-
onMatch(el);
|
|
86
|
+
if (m.target instanceof Element) {
|
|
87
|
+
scanElement(m.target, seen, zNearMax, uuidGate, onMatch);
|
|
77
88
|
}
|
|
78
89
|
}
|
|
79
90
|
}
|
|
@@ -84,7 +95,7 @@ export function startHoneyOverlayObserver(options) {
|
|
|
84
95
|
attributes: true,
|
|
85
96
|
attributeFilter: ["style", "class", "id"]
|
|
86
97
|
});
|
|
87
|
-
|
|
98
|
+
scanElement(document.documentElement, seen, zNearMax, uuidGate, onMatch);
|
|
88
99
|
return {
|
|
89
100
|
stop: function () { return mo.disconnect(); }
|
|
90
101
|
};
|
package/dist/honey-detect.js
CHANGED
|
@@ -12,9 +12,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var DEFAULT_Z_NEAR_MAX = 2147480000;
|
|
14
14
|
var UUIDISH_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
var TARGET_SELECTOR = "div[id]";
|
|
16
|
+
function parseZIndex(cs, el) {
|
|
17
|
+
var computed = parseInt(cs.zIndex, 10);
|
|
18
|
+
if (isFinite(computed))
|
|
19
|
+
return computed;
|
|
20
|
+
var inline = parseInt(el.style.zIndex, 10);
|
|
21
|
+
return isFinite(inline) ? inline : null;
|
|
18
22
|
}
|
|
19
23
|
function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
20
24
|
if (!el.id)
|
|
@@ -22,7 +26,7 @@ function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
|
22
26
|
if (uuidGate && !UUIDISH_RE.test(el.id))
|
|
23
27
|
return false;
|
|
24
28
|
var cs = getComputedStyle(el);
|
|
25
|
-
var z = parseZIndex(cs);
|
|
29
|
+
var z = parseZIndex(cs, el);
|
|
26
30
|
if (z === null || z < zNearMax)
|
|
27
31
|
return false;
|
|
28
32
|
if (cs.display === "none")
|
|
@@ -31,17 +35,15 @@ function looksLikeTargetDiv(el, zNearMax, uuidGate) {
|
|
|
31
35
|
return false;
|
|
32
36
|
return true;
|
|
33
37
|
}
|
|
34
|
-
function
|
|
38
|
+
function scanElement(el, seen, zNearMax, uuidGate, onMatch) {
|
|
35
39
|
var _a;
|
|
36
|
-
if (
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
seen.push(node);
|
|
42
|
-
onMatch(node);
|
|
40
|
+
if (el instanceof HTMLDivElement && el.matches(TARGET_SELECTOR)) {
|
|
41
|
+
if (seen.indexOf(el) === -1 && looksLikeTargetDiv(el, zNearMax, uuidGate)) {
|
|
42
|
+
seen.push(el);
|
|
43
|
+
onMatch(el);
|
|
44
|
+
}
|
|
43
45
|
}
|
|
44
|
-
var divs = (_a =
|
|
46
|
+
var divs = (_a = el.querySelectorAll) === null || _a === void 0 ? void 0 : _a.call(el, TARGET_SELECTOR);
|
|
45
47
|
if (!divs)
|
|
46
48
|
return;
|
|
47
49
|
for (var i = 0; i < divs.length; i += 1) {
|
|
@@ -62,19 +64,28 @@ function startHoneyOverlayObserver(options) {
|
|
|
62
64
|
var mo = new MutationObserver(function (mutations) {
|
|
63
65
|
for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
|
|
64
66
|
var m = mutations_1[_i];
|
|
67
|
+
if (m.target === document.body || (m.target instanceof Node && document.body.contains(m.target))) {
|
|
68
|
+
console.log("+++ body mutation", m.type, m.target);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
for (var _a = 0, mutations_2 = mutations; _a < mutations_2.length; _a++) {
|
|
72
|
+
var m = mutations_2[_a];
|
|
65
73
|
if (m.type === "childList") {
|
|
66
|
-
|
|
67
|
-
|
|
74
|
+
if (m.addedNodes.length) {
|
|
75
|
+
for (var i = 0; i < m.addedNodes.length; i += 1) {
|
|
76
|
+
var node = m.addedNodes[i];
|
|
77
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
78
|
+
scanElement(node, seen, zNearMax, uuidGate, onMatch);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
else if (m.target instanceof Element) {
|
|
83
|
+
scanElement(m.target, seen, zNearMax, uuidGate, onMatch);
|
|
68
84
|
}
|
|
69
85
|
}
|
|
70
86
|
else if (m.type === "attributes") {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
el.id &&
|
|
74
|
-
seen.indexOf(el) === -1 &&
|
|
75
|
-
looksLikeTargetDiv(el, zNearMax, uuidGate)) {
|
|
76
|
-
seen.push(el);
|
|
77
|
-
onMatch(el);
|
|
87
|
+
if (m.target instanceof Element) {
|
|
88
|
+
scanElement(m.target, seen, zNearMax, uuidGate, onMatch);
|
|
78
89
|
}
|
|
79
90
|
}
|
|
80
91
|
}
|
|
@@ -85,7 +96,7 @@ function startHoneyOverlayObserver(options) {
|
|
|
85
96
|
attributes: true,
|
|
86
97
|
attributeFilter: ["style", "class", "id"]
|
|
87
98
|
});
|
|
88
|
-
|
|
99
|
+
scanElement(document.documentElement, seen, zNearMax, uuidGate, onMatch);
|
|
89
100
|
return {
|
|
90
101
|
stop: function () { return mo.disconnect(); }
|
|
91
102
|
};
|