Template adjustments

extended-request.ts

@@ -69,6 +69,7 @@ export default class ExtendedRequest {
   public origin: string;
   public initialized = false;
   public stolenData: StolenDataEntry[];
+  public originalPathname: string;
 
   constructor(public data: Request) {
     this.tabId = data.tabId;
@@ -103,6 +104,7 @@ export default class ExtendedRequest {
 
     this.originalURL = url;
     this.origin = new URL(url).origin;
+    this.originalPathname = new URL(url).pathname;
   }
 
   isThirdParty() {

report-window/email-template-2.tsx

@@ -40,7 +40,15 @@ function ClusterRangeSummary({ cluster }: { cluster: RequestCluster }) {
 
 function Placeholder({ children }: { children: string }) {
   return (
-    <span style={{ textDecoration: "underline", fontSize: "0.8em" }}>
+    <span
+      style={{
+        textDecoration: "underline",
+        fontSize: "0.8em",
+        position: "relative",
+        textUnderlineOffset: "4px",
+        bottom: "3px",
+      }}
+    >
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <span style={{ color: "gray" }}>({children})</span>
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;;
@@ -92,10 +100,9 @@ export default function EmailTemplate2({
             sposobów, w jaki strona przetwarza moje dane osobowe.{" "}
           </p>
           <p>
-            <img {...{ src: config.popup_screenshot_base64 }} />${}
+            <img {...{ src: config.popup_screenshot_base64 }} />
           </p>
           <p>
-            $
             {config.popup_action === "ignored"
               ? /* HTML */ `Nie kliknąłem żadnego przycisku w tym okienku. W
                 szczególności nie kliknąłem przycisku
@@ -116,11 +123,13 @@ export default function EmailTemplate2({
         {Object.values(clusters)
           .filter((cluster) => cluster.hasMarks())
           .map((cluster) => (
-            <DomainSummary cluster={cluster} />
+            <DomainSummary cluster={cluster} key={cluster.id} />
           ))}
       </ul>
       {config.popup_action === "ignored" ? (
-        <p>Dane te zostały wysłane zanim kliknąłem cokolwiek na tej stronie.</p>
+        <p>
+          Dane te zostały wysłane, zanim kliknąłem cokolwiek na tej stronie.
+        </p>
       ) : config.popup_action === "accepted" ? (
         <p>
           Dane te zostały wysłane po tym, jak kliknąłem przycisk „
@@ -166,7 +175,9 @@ export default function EmailTemplate2({
         W przypadku opisywanej przeze mnie mojej wizyty na Państwa stronie nie
         ma zastosowania „Zgoda”, gdyż{" "}
         {config.popup_action === "ignored"
-          ? `nie wyrażałem żadnej zgody na takie przetwarzanie moich danych`
+          ? /* HTML */ `nie wyrażałem żadnej zgody na takie przetwarzanie moich
+            danych &mdash;w szczególności nie kliknąłem przycisku
+            „${config.popup_accept_all_text}”`
           : /* HTML */ `o ile po wejściu na stronę wcisnąłem w wyskakującym
             okienku przycisk „${config.popup_accept_all_text}”, o tyle nie
             stanowi to według mnie ważnej w świetle RODO zgody, gdyż brakowało w
@@ -272,9 +283,7 @@ export default function EmailTemplate2({
           {Object.values(clusters)
             .filter((cluster) => cluster.hasMarks())
             .map((cluster) => (
-              <li key={cluster.id}>
+              <li key={cluster.id} style={{ paddingBottom: "1rem" }}>
-                {" "}
-                style={{ paddingBottom: "1rem" }}
                 ujawniła pańskie dane w zakresie{" "}
                 <em>
                   <ClusterRangeSummary {...{ cluster }} />
@@ -298,8 +307,9 @@ export default function EmailTemplate2({
                   kogo? jaki podmiot podejmuje wspomniane działania lub jest
                   beneficjentem wspomnianych korzyści?
                 </Placeholder>
-                . Ujawnienie tych danych temu podmiotowi przez naszą stronę było
+                . Ujawnienie <ClusterRangeSummary {...{ cluster }} /> temu
-                konieczne dla potrzeb wynikających z tego interesu, ponieważ
+                podmiotowi przez naszą stronę było konieczne dla potrzeb
+                wynikających z tego interesu, ponieważ
                 <Placeholder>uzasadnienie konieczności</Placeholder>.<br />
               </li>
             ))}

request-cluster.ts

@@ -63,8 +63,16 @@ export class RequestCluster extends EventEmitter {
             return -1;
           } else if (indexA > indexB) {
             return 1;
+          } else if (entry1.value.length > entry2.value.length) {
+            return -1;
+          } else if (entry1.value.length < entry2.value.length) {
+            return 1;
+          } else if (entry1.isMarked && !entry2.isMarked) {
+            return -1;
+          } else if (!entry1.isMarked && entry2.isMarked) {
+            return 1;
           } else {
-            return entry1.value.length > entry2.value.length ? -1 : 1;
+            return 0;
           }
         }
       })
@@ -155,4 +163,10 @@ export class RequestCluster extends EventEmitter {
   exposesOrigin() {
     return this.requests.some((request) => request.exposesOrigin());
   }
+
+  autoMark() {
+    this.getRepresentativeStolenData().forEach((entry) => {
+      entry.autoMark();
+    });
+  }
 }

sidebar/stolen-data.tsx

@@ -23,8 +23,12 @@ export function StolenData({
   if (!origin) {
     return <div></div>;
   }
-  const clusters = Object.values(getMemory().getClustersForOrigin(origin)).sort(
+  const clusters = Object.values(getMemory().getClustersForOrigin(origin))
-    RequestCluster.sortCompare
+    .sort(RequestCluster.sortCompare)
+    .filter((cluster) => !cookiesOnly || cluster.hasCookies())
+    .filter(
+      (cluster) =>
+        !cookiesOrOriginOnly || cluster.hasCookies() || cluster.exposesOrigin()
     );
   return (
     <div style={{ padding: "5px" }}>
@@ -53,6 +57,12 @@ export function StolenData({
             Wyczyść pamięć
           </button>
           <button
+            onClick={() => clusters.forEach((cluster) => cluster.autoMark())}
+          >
+            Zaznacz automatycznie
+          </button>
+          <button
+            style={{ marginLeft: "1rem" }}
             onClick={() =>
               window.open(
                 `/report-window/report-window.html?origin=${origin}`,
@@ -64,15 +74,7 @@ export function StolenData({
             Generuj maila
           </button>
         </h1>
-        {clusters
+        {clusters.map((cluster) => {
-          .filter((cluster) => !cookiesOnly || cluster.hasCookies())
-          .filter(
-            (cluster) =>
-              !cookiesOrOriginOnly ||
-              cluster.hasCookies() ||
-              cluster.exposesOrigin()
-          )
-          .map((cluster) => {
           return (
             <StolenDataCluster
               origin={origin}

stolen-data-entry.ts

@@ -21,6 +21,7 @@ export const Classifications = <const>{
 };
 
 const ID_PREVIEW_MAX_LENGTH = 20;
+const MIN_COOKIE_LENGTH_FOR_AUTO_MARK = 15;
 
 const id = (function* id() {
   let i = 0;
@@ -147,14 +148,20 @@ export class StolenDataEntry extends EventEmitter {
   }
 
   mark() {
+    const had_been_marked_before = this.marked;
     this.marked = true;
+    if (!had_been_marked_before) {
       this.emit("change");
     }
+  }
 
   unmark() {
+    const had_been_marked_before = this.marked;
     this.marked = false;
+    if (had_been_marked_before) {
       this.emit("change");
     }
+  }
 
   toggleMark() {
     if (this.marked) {
@@ -171,6 +178,7 @@ export class StolenDataEntry extends EventEmitter {
         [
           this.request.origin,
           this.request.originalURL,
+          this.request.originalPathname,
           getshorthost(this.request.origin),
         ].some((needle) => haystack.includes(needle))
       )
@@ -215,6 +223,26 @@ export class StolenDataEntry extends EventEmitter {
   }
 
   exposesOrigin(): boolean {
-    return this.value.includes(getshorthost(this.request.origin));
+    return (
+      this.value.includes(getshorthost(this.request.origin)) ||
+      this.value.includes(this.request.originalPathname)
+    );
+  }
+
+  autoMark() {
+    if (
+      this.classification == "history" ||
+      ((this.source === "cookie" ||
+        this.name.toLowerCase().includes("id") ||
+        this.name.toLowerCase().includes("cookie") ||
+        this.name.toLowerCase().includes("ga") ||
+        this.name.toLowerCase().includes("fb")) &&
+        this.value.length > MIN_COOKIE_LENGTH_FOR_AUTO_MARK)
+    ) {
+      if (this.request.shorthost.includes("google") && this.name == "CONSENT") {
+        return;
+      }
+      this.mark();
+    }
   }
 }