Skip to content

Commit dc67f9c

Browse files
AlemTuzlakAlemTuzlak
committed
fix
1 parent 820ef85 commit dc67f9c

File tree

2 files changed

+2
-260
lines changed

2 files changed

+2
-260
lines changed

‎README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<center>
1+
<p align="center">
22
<img src="./assets/remix-dev-tools.png" style="display: block; margin: 0 auto;" align="middle" width="160" height="160" alt="Remix Development Tools" />
3-
</center>
3+
</p>
44

55
# Remix Development Tools
66

‎src/RemixDevTools/init/project.tsx

-258
Original file line numberDiff line numberDiff line change
@@ -59,261 +59,3 @@ export const initClient = () => {
5959
};
6060
}, {});
6161
};
62-
63-
// Graveyard of failed attempts
64-
/* const proxy = new Proxy(window.__remixRouteModules, {
65-
get: function (target, property) {
66-
const value = target[property as any];
67-
if (property === "root") {
68-
console.log("hi2", property, RemixDevTools);
69-
return {
70-
...value,
71-
72-
default: function hooked() {
73-
return (
74-
<>
75-
{ReactDOM.createPortal(
76-
<RemixDevTools {...props} />,
77-
document.body
78-
)}
79-
<value.default />
80-
</>
81-
);
82-
},
83-
};
84-
}
85-
if (value?.default && value.default.name !== "hooked") {
86-
return {
87-
...value,
88-
default: function hooked() {
89-
return (
90-
<>
91-
<InvisibleBoundary path={property as string} />
92-
<value.default />
93-
</>
94-
);
95-
},
96-
};
97-
}
98-
99-
return value;
100-
},
101-
});
102-
Object.defineProperty(window, "__remixRouteModules", {
103-
get: function () {
104-
console.log("udje?", proxy);
105-
return proxy;
106-
},
107-
}); */
108-
109-
/* window = new Proxy(window, {
110-
set: function (obj, property, val) {
111-
if (property === "__remixRouteModules") {
112-
return Reflect.set(
113-
obj,
114-
property,
115-
new Proxy(val, {
116-
get: function (target, property) {
117-
const value = target[property as any];
118-
console.log("hi3", property);
119-
if (property === "root") {
120-
return {
121-
...value,
122-
default: function hooked() {
123-
return (
124-
<>
125-
{ReactDOM.createPortal(
126-
<RemixDevTools {...props} />,
127-
document.body
128-
)}
129-
<value.default />
130-
</>
131-
);
132-
},
133-
};
134-
}
135-
if (value?.default && value.default.name !== "hooked") {
136-
return {
137-
...value,
138-
default: function hooked() {
139-
return (
140-
<>
141-
<InvisibleBoundary path={property as string} />
142-
<value.default />
143-
</>
144-
);
145-
},
146-
};
147-
}
148-
149-
return value;
150-
},
151-
})
152-
);
153-
}
154-
return Reflect.set(obj, property, val);
155-
},
156-
get: function (target, property) {
157-
if (property === "__remixRouteModules") {
158-
const remixRouteModules = target[
159-
property as any
160-
] as any as RouteModules;
161-
return new Proxy(remixRouteModules, {
162-
set: function (obj, property, val) {
163-
const value = obj[property as any];
164-
if (property === "root") {
165-
return Reflect.set(obj, property, {
166-
...value,
167-
default: function hooked() {
168-
return (
169-
<>
170-
{ReactDOM.createPortal(
171-
<RemixDevTools {...props} />,
172-
document.body
173-
)}
174-
<value.default />
175-
</>
176-
);
177-
},
178-
});
179-
}
180-
if (value?.default && value.default.name !== "hooked") {
181-
return Reflect.set(obj, property, {
182-
...value,
183-
default: function hooked() {
184-
return (
185-
<>
186-
<InvisibleBoundary path={property as string} />
187-
<value.default />
188-
</>
189-
);
190-
},
191-
});
192-
}
193-
return Reflect.set(obj, property, val);
194-
},
195-
get: function (target, property) {
196-
const value = target[property as any];
197-
console.log("hi3", property);
198-
if (property === "root") {
199-
return {
200-
...value,
201-
default: function hooked() {
202-
return (
203-
<>
204-
{ReactDOM.createPortal(
205-
<RemixDevTools {...props} />,
206-
document.body
207-
)}
208-
<value.default />
209-
</>
210-
);
211-
},
212-
};
213-
}
214-
if (value?.default && value.default.name !== "hooked") {
215-
return {
216-
...value,
217-
default: function hooked() {
218-
return (
219-
<>
220-
<InvisibleBoundary path={property as string} />
221-
<value.default />
222-
</>
223-
);
224-
},
225-
};
226-
}
227-
228-
return value;
229-
},
230-
});
231-
}
232-
return target[property as any];
233-
},
234-
}); */
235-
236-
/* const observer = new MutationObserver((e) => {
237-
window.__remixRouteModules = Object.keys(window.__remixRouteModules).reduce(
238-
(acc, key) => {
239-
const value = window.__remixRouteModules[key];
240-
if (key === "root") {
241-
return {
242-
...acc,
243-
[key]: {
244-
...value,
245-
default: () => {
246-
return (
247-
<>
248-
{ReactDOM.createPortal(
249-
<RemixDevTools {...props} />,
250-
document.body
251-
)}
252-
<value.default />
253-
</>
254-
);
255-
},
256-
},
257-
};
258-
}
259-
260-
return {
261-
...acc,
262-
[key]: {
263-
...value,
264-
default: () => {
265-
return (
266-
<>
267-
<InvisibleBoundary path={key} />
268-
<value.default />
269-
</>
270-
);
271-
},
272-
},
273-
};
274-
},
275-
{}
276-
);
277-
}); */
278-
/* new window.MutationObserver(() => {
279-
window.__remixRouteModules = Object.keys(window.__remixRouteModules).reduce(
280-
(acc, key) => {
281-
const value = window.__remixRouteModules[key];
282-
if (key === "root") {
283-
return {
284-
...acc,
285-
[key]: {
286-
...value,
287-
default: () => {
288-
return (
289-
<>
290-
{ReactDOM.createPortal(
291-
<RemixDevTools {...props} />,
292-
document.body
293-
)}
294-
<value.default />
295-
</>
296-
);
297-
},
298-
},
299-
};
300-
}
301-
302-
return {
303-
...acc,
304-
[key]: {
305-
...value,
306-
default: () => {
307-
return (
308-
<>
309-
<InvisibleBoundary path={key} />
310-
<value.default />
311-
</>
312-
);
313-
},
314-
},
315-
};
316-
},
317-
{}
318-
);
319-
}); */

0 commit comments

Comments
 (0)