init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
export function cutFibers(object) {
  const objects = [object];
  let obj;
 
  while ((obj = objects.pop())) {
    const keys = Object.keys(obj);
    const descriptors = Object.getOwnPropertyDescriptors(obj);
    const isSvg = obj.elementType === "svg";
 
    // preventing processing svgs due to the problem with props,
    // props sometimes come from the global variables, so it's tricky to clean them without breaking icons itself
    if (isSvg) continue;
 
    for (const key of keys) {
      const prop = obj[key];
      const isWritable = descriptors[key].writable;
 
      if (prop && isWritable) {
        if (key !== "_debugOwner" && typeof prop === "object" && {}.hasOwnProperty.call(prop, "stateNode")) {
          objects.push(obj[key]);
        }
        if (typeof prop === "object" || typeof prop === "function") {
          obj[key] = null;
        }
      }
    }
  }
}
 
export function findReactKey(node) {
  const keys = Object.keys(node);
 
  for (const key of keys) {
    const match = RegExp(/^__reactProps(\$[^$]+)$/).exec(key);
 
    if (match) {
      return match[1];
    }
  }
  return "";
}
 
export function cleanDomAfterReact(nodes, reactKey) {
  for (const node of nodes) {
    if (node.isConnected) return;
    // preventing processing svgs due to the problem with props,
    // props sometimes come from the global variables, so it's tricky to clean them without breaking icons itself
    if (node.tagName === "svg") return;
    const reactPropKeys = Object.keys(node).filter(
      (key) =>
        key.startsWith("__react") &&
        (!RegExp(/^(?:__reactProps|__reactFiber)/).exec(key) || RegExp(new RegExp(`\\${reactKey}$`)).exec(key)),
    );
 
    if (reactPropKeys.length) {
      for (const key of reactPropKeys) {
        cutFibers(node[key]);
        node[key] = null;
      }
      if (node.childNodes) {
        cleanDomAfterReact(node.childNodes, reactKey);
      }
    }
  }
}
 
const globalCache = new WeakMap();
 
function createCleaner() {
  let ref = null;
 
  return (node) => {
    if (node) {
      ref = node;
    } else {
      if (ref) {
        const lastRef = ref;
        const reactKey = findReactKey(lastRef);
 
        ref = null;
        setTimeout(() => {
          cleanDomAfterReact([lastRef], reactKey);
        });
      }
    }
  };
}
 
export function reactCleaner(object, key = "default") {
  if (!globalCache.has(object)) {
    globalCache.set(object, new Map());
  }
  const cache = globalCache.get(object);
 
  if (!cache.has(key)) {
    cache.set(key, createCleaner());
  }
 
  return cache.get(key);
}