- {content.slice(0, MAX_STRING_VALUE_LENGTH)}{" "}
- {content.length > MAX_STRING_VALUE_LENGTH ? "(...)" : ""}
+
+ {entry.value.slice(0, MAX_STRING_VALUE_LENGTH)}{" "}
+ {entry.value.length > MAX_STRING_VALUE_LENGTH ? "(...)" : ""}
);
- } else {
- body =
;
}
return (
{
- entry.toggleMark(prefixKey);
+ entry.toggleMark();
e.stopPropagation();
}}
- data-marks={entry.getMarkedValues().join(", ")}
>
{body}
@@ -108,27 +48,32 @@ function StolenDataRow({
entry,
cluster,
}: {
- entry: MergedStolenDataEntry;
+ entry: StolenDataEntry;
cluster: RequestCluster;
}) {
const [version] = useEmitter(entry);
return (
+
+
entry.toggleMark("")}
+ onClick={() => entry.toggleMark()}
>
- {entry.getNames().map(hyphenate).join(", ")}
+ {entry.name}
- {entry.getSources().map((source) => icons[source])}
+ {[entry.source].map((source) => icons[source])}
@@ -172,13 +117,17 @@ export default function StolenDataCluster({
{cluster
- .getStolenData({ minValueLength, cookiesOnly, cookiesOrOriginOnly })
+ .getRepresentativeStolenData({
+ minValueLength,
+ cookiesOnly,
+ cookiesOrOriginOnly,
+ })
.map((entry) => (
{
+ if (isBase64JSON(value)) {
+ return StolenDataEntry.parseValue({ base64: JSON.parse(atob(value)) });
+ }
if (value === undefined) {
return "";
}
@@ -144,29 +144,21 @@ export class StolenDataEntry extends EventEmitter {
return object;
}
- addMark(key: string) {
- this.marks.push(new Mark(this, key));
+ mark() {
+ this.marked = true;
this.emit("change");
}
- hasMark(key?: string) {
- if (key) {
- return this.marks.some((k) => k.key == key);
- } else {
- return this.marks.length > 0;
- }
- }
-
- removeMark(key: string) {
- this.marks = this.marks.filter((mark) => mark.key != key);
+ unmark() {
+ this.marked = false;
this.emit("change");
}
- toggleMark(key: string) {
- if (this.hasMark(key)) {
- this.removeMark(key);
+ toggleMark() {
+ if (this.marked) {
+ this.unmark();
} else {
- this.addMark(key);
+ this.mark();
}
}
@@ -199,7 +191,6 @@ export class StolenDataEntry extends EventEmitter {
}
getValuePreview(key = ""): string {
- console.log("getValuePreview", key, this.getParsedValue(key));
const value = this.getParsedValue(key);
const str =
typeof value === "object" && value[Symbol.for("originalString")]
@@ -218,90 +209,8 @@ export class StolenDataEntry extends EventEmitter {
return str;
}
}
-}
-
-export class MergedStolenDataEntry extends EventEmitter {
- constructor(public entries: StolenDataEntry[]) {
- super();
- const all_marks = unique(
- entries.map((entry) => entry.marks).reduce(reduceConcat, [])
- );
- for (const entry of entries) {
- entry.marks = all_marks;
- }
- // getMemory().emit("change"); // to trigger render
- }
-
- on(event: string, listener: () => void) {
- for (const entry of this.entries) {
- entry.on(event, listener);
- }
- return this;
- }
-
- removeListener(event: string, listener: () => void) {
- for (const entry of this.entries) {
- entry.removeListener(event, listener);
- }
- return this;
- }
-
- hasValue(value: string) {
- return this.entries.some((entry) => entry.value === value);
- }
-
- mergeWith(entry: StolenDataEntry) {
- this.entries.push(entry);
- return this;
- }
-
- getPriority() {
- return Math.max(...this.entries.map((entry) => entry.getPriority()));
- }
getUniqueKey() {
- return `${this.getNames().join(":")};${this.entries
- .map((e) => e.id)
- .join(":")};`;
- }
-
- getNames(): string[] {
- return unique(this.entries.map((e) => e.name));
- }
-
- getSources(): string[] {
- return unique(this.entries.map((e) => e.source));
- }
-
- getValues() {
- return unique(this.entries.map((e) => e.value));
- }
-
- getParsedValues(key_path: string) {
- return Array.from(
- new Set(this.entries.map((e) => e.getParsedValue(key_path)))
- );
- }
-
- addMark(key: string) {
- this.entries.forEach((entry) => entry.addMark(key));
- }
-
- getMarkedValues() {
- return this.entries
- .map((entry) => entry.marks)
- .reduce((a, b) => a.concat(b), []);
- }
-
- hasMark(key: string): boolean {
- return this.entries.some((entry) => entry.hasMark(key));
- }
-
- toggleMark(key: string): void {
- this.entries.forEach((entry) => entry.toggleMark(key));
- }
-
- getDecodingsApplied(): DecodingSchema[] {
- return unique(this.entries.map((entry) => entry.decoding_applied));
+ return this.request.shorthost + ";" + this.name + ";" + this.value;
}
}
diff --git a/test.ts b/test.ts
new file mode 100644
index 0000000..0efadd7
--- /dev/null
+++ b/test.ts
@@ -0,0 +1,3 @@
+import { flattenObject } from "./util";
+
+console.log(flattenObject({ a: { b: { c: [1, 2, 3] } } }));
diff --git a/util.ts b/util.ts
index 07b0870..f7ffc96 100644
--- a/util.ts
+++ b/util.ts
@@ -183,3 +183,31 @@ export function isBase64(s: string): boolean {
export function isBase64JSON(s: unknown): s is string {
return typeof s === "string" && isBase64(s) && isJSONObject(atob(s));
}
+
+export function flattenObject(
+ obj: Record
+): [string, string][] {
+ const ret: [string, string][] = [];
+ for (const [key, value] of Object.entries(obj)) {
+ const value = obj[key];
+ if (value === null) {
+ ret.push([key, "null"]);
+ continue;
+ }
+ if (typeof value === "object") {
+ const flattened = flattenObject(value as Record);
+ for (const [subkey, subvalue] of flattened) {
+ ret.push([`${key}.${subkey}`, subvalue]);
+ }
+ } else {
+ ret.push([key, value.toString()]);
+ }
+ }
+ return ret;
+}
+
+export function flattenObjectEntries(
+ entries: [string, unknown][]
+): [string, string][] {
+ return flattenObject(Object.fromEntries(entries));
+}