17 changed files with 82 additions and 189 deletions
--- a/README.md
+++ b/README.md
@ -1,70 +1,8 @@
 <h1 style="display: flex; align-items: center;"><img src="./assets/icon-addon-2048.png" alt="Rentgen logo" style="margin-right: 1rem;" width="48"/> Rentgen</h1>

-<strong>Rentgen</strong> is an add-on prepared for Firefox-based browsers. This extension will automatically visualize all the data that a given website ~~steals~~ sends to third parties.
-
-Note: At the moment, we support Polish language because this extension generates mail content that is dedicated to Polish website owners. In further versions of this add-on, we will add other languages as well.
-
-**Features:**
-
-   analysis of web traffic generated by the visited website;
-   visualization of data transmitted to third parties by the visited site (user's browsing history and cookies);
-   preparation of screenshots of development tools as evidence of data transmitted to third parties;
-   assisting in the evaluation of potential work areas for compliance with GDPR;
-   generating a report or email content that can be sent to an administrator and Personal Data Protection Office in Poland.
-
-## Installation
-
-Firefox: https://addons.mozilla.org/en-US/firefox/addon/rentgen/
-
-## How to build and run Rentgen on your own
-
-### Pre-requirements
-
-   OS: Linux x86_64
-   Node.js: 16.x version
-   npm: 7.x version or higher
-
-### Build steps
-
-1. Pull repository or download a zip package
-2. Go to the root directory of the pulled repository
-3. Run command: `npm install`
-4. Run command: `npm run build`
-5. Run command: `npm run create-package`
-6. Go to the `web-ext-artifacts` directory
-7. You will find a zip archive: `rentgen-x-x-x.zip` (`x-x-x` means add-on version)
-
-### Run steps
-
-1. Run Firefox and go to `about:debugging`
-2. Click _This Firefox_ tab
-3. Click _Load Temporary Add-on..._ button
-4. Pick the zip archive from last step of build process.
-
-## Issue tracker
-
-If you find a problem, please send us an email: kontakt@internet-czas-dzialac.pl
-
-We don't receive issues on Microsoft Github.
-
-Each issue will be reviewed and moved to an internal issues list of our Gitea instance: https://git.internet-czas-dzialac.pl/icd/rentgen/issues. We use Gitea and most likely in the future with the federalization of Gitea, we will be able to let users in to report issues directly from the Gitea site.
-
-## Screenshots
-
-<img src="./assets/screenshots/image-14.png" />
-<img src="./assets/screenshots/image-15.png" />
-<img src="./assets/screenshots/3a.png" />
-<img src="./assets/screenshots/3b.png" />
-<img src="./assets/screenshots/4a.png" />
-<img src="./assets/screenshots/4b.png" />
-<img src="./assets/screenshots/5a.png" />
-<img src="./assets/screenshots/5b.png" />
-<img src="./assets/screenshots/2022-07-14_21-04.png" />
-
---
-
 <strong>Rentgen</strong> to wtyczka dla przeglądarek opartych o Firefoxa, która automatycznie wizualizuje, jakie dane zostały ~~wykradzione~~ wysłane do podmiotów trzecich przez odwiedzane strony. Wtyczka obrazuje ilość skryptów śledzących na stronie internetowej i pomaga w sformułowaniu maila do administratora strony, który może być podstawą do skargi RODO w Urzędzie Ochrony Danych Osobowych.

+
 **Funkcje Rentgena:**

 -   analiza ruchu sieciowego generowanego przez stronę internetową;
@ -73,10 +11,6 @@ Each issue will be reviewed and moved to an internal issues list of our Gitea in
 -   pomoc w oszacowaniu potencjalnych obszarów roboczych względem zgodności z RODO;
 -   generowanie raportu lub treści maila, którą można wysłać do administratora oraz Urzędu Ochrony Danych Osobowych.

-## Instalacja
-
-Firefox: https://addons.mozilla.org/pl/firefox/addon/rentgen/
-
 ## Jak zbudować i uruchomić Rentgena ze źródeł

 ### Wymagania wstępne
@ -104,7 +38,7 @@ Firefox: https://addons.mozilla.org/pl/firefox/addon/rentgen/

 ## Zgłaszanie błędów

-Jeżeli znajdziesz jakieś problem, napisz do nas maila: kontakt@internet-czas-dzialac.pl
+Link do issue trackera na naszej instancji Discourse: https://forum.internet-czas-dzialac.pl/c/rentgen-issue-tracker

 Nie przyjmujemy zgłoszeń na platformie Microsoft Github.

@ -112,3 +46,60 @@ Każdy problem zostanie sprawdzony i przeniesiony na wewnętrzną listę problem

 ---

+## English description 🇬🇧
+
+<strong>Rentgen</strong> is an add-on prepared for Firefox-based browsers. This extension will automatically visualize all the data that a given website ~~steals~~ sends to third parties.
+
+Note: At the moment, we support Polish language because this extension generates mail content that is dedicated to Polish website owners. In further versions of this add-on, we will add other languages as well.
+
+**Features:**
+
+-   analysis of web traffic generated by the visited website;
+-   visualization of data transmitted to third parties by the visited site (user's browsing history and cookies);
+-   preparation of screenshots of development tools as evidence of data transmitted to third parties;
+-   assisting in the evaluation of potential work areas for compliance with GDPR;
+-   generating a report or email content that can be sent to an administrator and Personal Data Protection Office in Poland.
+
+## How to build and run Rentgen on your own
+
+### Pre-requirements
+
+-   OS: Linux x86_64
+-   Node.js: 16.x version
+-   npm: 7.x version or higher
+
+### Build steps
+
+1. Pull repository or download a zip package
+2. Go to the root directory of the pulled repository
+3. Run command: `npm install`
+4. Run command: `npm run build`
+5. Run command: `npm run create-package`
+6. Go to the `web-ext-artifacts` directory
+7. You will find a zip archive: `rentgen-x-x-x.zip` (`x-x-x` means add-on version)
+
+### Run steps
+
+1. Run Firefox and go to `about:debugging`
+2. Click _This Firefox_ tab
+3. Click _Load Temporary Add-on..._ button
+4. Pick the zip archive from last step of build process.
+
+## Issue tracker
+
+Link to issue tracker on our Discourse instance: https://forum.internet-czas-dzialac.pl/c/rentgen-issue-tracker
+
+Each issue will be reviewed and moved to an internal issues list of our Gitea instance: https://git.internet-czas-dzialac.pl/icd/rentgen/issues. We use Gitea and most likely in the future with the federalization of Gitea, we will be able to let users in to report issues directly from the Gitea site.
+
+## Screenshots
+
+<img src="./assets/screenshots/image-14.png" />
+<img src="./assets/screenshots/image-15.png" />
+<img src="./assets/screenshots/3a.png" />
+<img src="./assets/screenshots/3b.png" />
+<img src="./assets/screenshots/4a.png" />
+<img src="./assets/screenshots/4b.png" />
+<img src="./assets/screenshots/5a.png" />
+<img src="./assets/screenshots/5b.png" />
+<img src="./assets/screenshots/2022-07-14_21-04.png" />
+
--- a/components/report-window/explainers.tsx
+++ b/components/report-window/explainers.tsx
@ -9,49 +9,7 @@ export const Explainers: Record<ExplainerKey, (zaimek_index: 0 | 1 | 2 | 3) => J
            <p>
                Sztucznie wygenerowane identyfikatory przechowywane w plikach Cookies stanowią dane
                osobowe. Wskazuje na to wprost Art. 4. pkt 1. RODO, wymieniając „identyfikator
-                internetowy” i „numer identyfikacyjny” jako przykłady danych osobowych. Losowe
-                przypisane identyfikatory mogą nie zawierać imienia i nazwiska osoby, której
-                dotyczą, ani nie prowadzić wprost do ich ustalenia, ale pozwalają odróżnić jedną,
-                daną konkretną osobę, od innych.
-            </p>
-            <p>
-                Por. komentarz z D. Lubasz [w:] Ochrona Danych Osobowych [red.] D. Lubasz, Warszawa
-                2020 r., str. 81:
-            </p>
-            <p>
-                <em>
-                    Zidentyfikowaną osobą fizyczną jest osoba, której tożsamość jest ustalona -
-                    bezpośrednio i natychmiast, czyli taka, którą bezpośrednio można wskazać,
-                    wyodrębnić lub wyróżnić z określonej zbiorowości.{' '}
-                    <strong>Nie musi to natomiast polegać na podaniu jej imienia nazwiska</strong>.
-                    Konstatacja ta jest zwłaszcza istotna w środowisku cyfrowym, w którym
-                    identyfikacja sprowadza się do oznaczenia danego użytkownika w celu wywierania
-                    na niego określonego wpływu. (...) Możliwą do zidentyfikowania jest osoba,
-                    której tożsamość dopiero administrator może ustalić -{' '}
-                    <strong>niezależnie od tego, czy to zrobi, czy nie</strong>.
-                </em>
-            </p>
-            <p>
-                Podobnie za{' '}
-                <em>
-                    P. Litwiński [w:] Rozporządzenie UE w sprawie ochrony osób fizycznych w związku
-                    z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich
-                    danych, Komentarz [red.] P. Litwiński, Warszawa 2018 r.
-                </em>
-                :
-            </p>
-            <p>
-                <em>
-                    Jak zwrócono uwagę w nauce prawa, identyfikacja osoby powinna być rozumiana jako
-                    możliwość „fizycznego” wskazania tejże osoby, nie zaś jako ustalenie
-                    podstawowych danych tej osoby (...). Analogicznie,{' '}
-                    <em>identyfikacja osoby nie wymaga znajomości jej imienia lub nazwiska</em>,
-                    wymaga natomiast znajomości pewnych unikalnych cech tej osoby, które odróżniają
-                    ją od innych osób (...). W ten sam sposób należy więc rozumieć zwrot „można
-                    zidentyfikować” - nie tylko jako możliwość odniesienia konkretnej informacji do
-                    konkretnej osoby, lecz także jako możliwość wskazania tej osoby, rozumianego
-                    jako faktyczne wyodrębnienie jej spośród innych osób.
-                </em>
+                internetowy” i „numer identyfikacyjny” jako przykłady danych osobowych.
            </p>
        </>
    ),
--- a/components/report-window/problems/no-information-at-all.tsx
+++ b/components/report-window/problems/no-information-at-all.tsx
@ -44,7 +44,7 @@ export default class NoInformationAtAllProblem extends Problem {
                    <li>Jaki jest cel takiego przetwarzania danych przez Państwa stronę?</li>
                    <li>
                        Jaka jest podstawa prawna takiego przetwarzania{' '}
-                        {mode == 'email' ? _('moich') : ''} danych osobowych
+                        {mode == 'email' ? _('moich') : ''} danych osobowych $
                        {mode == 'report' ? 'użytkowników końcowych' : ''} przez Państwa stronę?
                    </li>
                </ul>
--- a/components/report-window/problems/transfer-outside-eu.tsx
+++ b/components/report-window/problems/transfer-outside-eu.tsx
@ -5,8 +5,7 @@ import { Problem } from './problem';

 export class TransferOutsideEU extends Problem {
    getNecessaryExplainers(): ExplainerKey[] {
-        const has_cookies = this.getRelatedClusters().some((cluster) => cluster.hasCookies());
-        return has_cookies ? ['cookies_are_pii'] : [];
+        return [];
    }

    qualifies(): boolean {
--- a/components/report-window/problems/unknown-identity.tsx
+++ b/components/report-window/problems/unknown-identity.tsx
@ -19,8 +19,7 @@ export class UnknownIdentity extends Problem {
                {mode == 'email' ? (
                    <p>
                        Na Państwa stronie nie {_('znalazłem')} sposobu na poznanie tożsamości
-                        administratora strony <strong>przed</strong> podjęciem wyboru dotyczącego
-                        przetwarzania danych mnie dotyczących.
+                        administratora strony przed podjęciem wyboru dotyc
                    </p>
                ) : (
                    <p>Na stronie brakuje sposobu na poznanie tożsamości administratora strony.</p>
--- a/components/report-window/problems/unknown-legal-basis.tsx
+++ b/components/report-window/problems/unknown-legal-basis.tsx
@ -21,11 +21,7 @@ const testCluster: (cluster: RequestCluster, answers: ParsedHostAnswers | undefi

 export class UnknownLegalBasis extends Problem {
    getNecessaryExplainers(): ExplainerKey[] {
-        const has_cookies = this.getRelatedClusters().some((cluster) => cluster.hasCookies());
-        return [
-            'responsibility_for_third_parties',
-            ...(has_cookies ? ['cookies_are_pii' as ExplainerKey] : []),
-        ];
+        return ['responsibility_for_third_parties'];
    }

    qualifies(): boolean {
@ -74,8 +70,8 @@ export class UnknownLegalBasis extends Problem {
                        Na stronie nie znajdują się informacje o tym, jaka jest podstawa prawna
                        takiego przetwarzania danych osobowych, jakimi jest część historii
                        przeglądania. Zgodnie z treścią Artykułu 13. p. 1 lit. c) RODO, aby
-                        przetwarzać dane osobowe, trzeba poinformować osobę, której dane dotyczą, o
-                        tym, jaka jest podstawa prawna takiego przetwarzania danych.
+                        przetwarzać dane osobowe, trzeba poinformować osobę, któ©ej dane dotyczą, o
+                        tym, jak ajest podstaw aprawna takiego przetwarzania danych.
                    </p>
                )}
                {mode == 'email' ? (
--- a/components/report-window/problems/unknown-purpose.tsx
+++ b/components/report-window/problems/unknown-purpose.tsx
@ -6,12 +6,7 @@ import { Problem } from './problem';

 export class UnknownPurposes extends Problem {
    getNecessaryExplainers(): ExplainerKey[] {
-        const has_cookies = this.getAffectedClusters().some((cluster) => cluster.hasCookies());
-        if (has_cookies) {
-            return ['cookies_are_pii'];
-        } else {
-            return [];
-        }
+        return [];
    }

    isHostAffected(host: string) {
--- a/components/report-window/screenshot-generator.tsx
+++ b/components/report-window/screenshot-generator.tsx
@ -38,7 +38,7 @@ interface screenshotTask {
 }

 function createTaskEndpoint(visited_url: string, domains: string[]) {
-    return `${SS_URL}/api/requests?url=${encodeURIComponent(visited_url)}${domains.reduce(
+    return `${SS_URL}/api/requests?url=${visited_url}${domains.reduce(
        (prev: string, curr: string) => prev + '&domains[]=' + curr,
        ''
    )}`;
--- a/components/sidebar/stolen-data-cluster.scss
+++ b/components/sidebar/stolen-data-cluster.scss
@ -7,15 +7,6 @@
        flex-flow: column;
        border-bottom: none;

-        &__header {
-            display: flex;
-            align-items: center;
-
-            .icon.cookie-data {
-                margin-left: 0.25rem;
-            }
-        }
-
        .domain-checkbox {
            margin-right: 0.5rem;
            width: 0.875rem;
--- a/components/sidebar/stolen-data-cluster.tsx
+++ b/components/sidebar/stolen-data-cluster.tsx
@ -2,10 +2,12 @@ import React from 'react';
 import { getMemory } from '../../memory';
 import { StolenDataEntry } from '../../stolen-data-entry';

-import { useEmitter } from '../../util';
+import { maskString, useEmitter } from '../../util';

 import './stolen-data-cluster.scss';

+const MAX_STRING_VALUE_LENGTH = 100;
+
 function StolenDataValue({ entry }: { entry: StolenDataEntry; prefixKey?: string }) {
    const [version] = useEmitter(entry);
    let body = null;
@ -41,16 +43,13 @@ function StolenDataRow({ entry }: { entry: StolenDataEntry }) {
                <input
                    type="checkbox"
                    checked={entry.isMarked}
-                    id={entry.id.toString()}
                    onChange={() => {
                        entry.toggleMark();
                        getMemory().emit('change', entry.request.shorthost);
                    }}
                />
            </td>
-            <th title={`Nazwa: ${entry.name}\nŹródło: ${entry.source}`}>
-                <label htmlFor={entry.id.toString()}>{entry.name}</label>
-            </th>
+            <th title={`Nazwa: ${entry.name}\nŹródło: ${entry.source}`}>{entry.name}</th>
            <td className="icons">
                {entry.source === 'cookie' ? (
                    <span title="Dane przechowywane w Cookies">
@ -121,7 +120,7 @@ export default function StolenDataCluster({
    return (
        <div className="stolen-data-cluster-container">
            <header className="domains-container">
-                <div className="domains-container__header">
+                <div>
                    <input
                        type="checkbox"
                        className="domain-checkbox"
@ -138,17 +137,7 @@ export default function StolenDataCluster({
                    />
                    <a className="domain" href={'https://' + cluster.id} target="_blank">
                        {cluster.id}
-                    </a>{' '}
-                    {cluster.hasCookies() ? (
-                        <img
-                            src="/assets/icons/cookie.svg"
-                            height={16}
-                            width={16}
-                            className="icon cookie-data"
-                        />
-                    ) : (
-                        ''
-                    )}
+                    </a>
                </div>
                <div className="subdomains-container">
                    {fullHosts.map((host, index) => (
--- a/components/toolbar/toolbar.tsx
+++ b/components/toolbar/toolbar.tsx
@ -14,15 +14,6 @@ async function getCurrentTab() {
 import './../../styles/global.scss';
 import './toolbar.scss';

-function isDomainHighlySuspicious(domain: string): boolean {
-    return (
-        domain.includes('facebook') ||
-        domain.includes('twitter') ||
-        domain.includes('linkedin') ||
-        false
-    );
-}
-
 const Toolbar = () => {
    const [origin, setOrigin] = React.useState<string | null>(null);
    const [eventCounts] = useEmitter(getMemory());
@ -62,13 +53,6 @@ const Toolbar = () => {
        if (!origin) return;
        const exposedOriginDomains = Object.values(getMemory().getClustersForOrigin(origin))
            .filter((cluster) => cluster.exposesOrigin())
-            .sort((cluster1, cluster2) =>
-                isDomainHighlySuspicious(cluster1.id)
-                    ? -1
-                    : isDomainHighlySuspicious(cluster2.id)
-                    ? 1
-                    : 0
-            )
            .map((cluster) => cluster.id);
        setExposedOriginDomainCopy('');

@ -102,13 +86,6 @@ const Toolbar = () => {
        if (!origin) return;
        const cookieDomains = Object.values(getMemory().getClustersForOrigin(origin))
            .filter((cluster) => cluster.hasCookies())
-            .sort((cluster1, cluster2) =>
-                isDomainHighlySuspicious(cluster1.id)
-                    ? -1
-                    : isDomainHighlySuspicious(cluster2.id)
-                    ? 1
-                    : 0
-            )
            .map((cluster) => cluster.id);
        setCookieDomainCopy('');

--- a/extended-request.ts
+++ b/extended-request.ts
@ -305,10 +305,6 @@ export default class ExtendedRequest {
        return this.stolenData.filter((data) => data.isMarked);
    }

-    unmarkAllEntries() {
-        this.stolenData.forEach((entry) => entry.unmark());
-    }
-
    getHost() {
        return new URL(this.url).host;
    }
--- a/manifest.json
+++ b/manifest.json
@ -3,7 +3,7 @@
    "manifest_version": 2,
    "name": "Rentgen",
    "short_name": "Rentgen",
-    "version": "0.1.10",
+    "version": "0.1.8",
    "author": "Kuba Orlik, Arkadiusz Wieczorek (Internet. Czas działać!)",
    "homepage_url": "https://git.internet-czas-dzialac.pl/icd/rentgen",
    "background": {
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
    "name": "rentgen",
-    "version": "0.1.10",
+    "version": "0.1.7",
    "lockfileVersion": 2,
    "requires": true,
    "packages": {
        "": {
            "name": "rentgen",
-            "version": "0.1.10",
+            "version": "0.1.7",
            "license": "GPL-3.0-or-later",
            "dependencies": {
                "@iabtcf/core": "^1.3.1",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
    "name": "rentgen",
-    "version": "0.1.10",
+    "version": "0.1.8",
    "description": "Rentgen is an add-on prepared for Firefox-based browsers. This extension will automatically visualize all the data that a given website sends to third parties.",
    "main": "esbuild.config.js",
    "type": "module",
--- a/request-cluster.ts
+++ b/request-cluster.ts
@ -191,7 +191,9 @@ export class RequestCluster extends SaferEmitter {

    undoMark() {
        this.calculateRepresentativeStolenData();
-        this.requests.forEach((request) => request.unmarkAllEntries());
+        this.representativeStolenData.forEach((entry) => {
+            entry.unmark();
+        });
    }

    getDataTypeDescription(noun = 'Twojej') {
--- a/util.ts
+++ b/util.ts
@ -78,7 +78,7 @@ export function useEmitter(
 export function parseCookie(cookie: string): Record<string, string> {
    return cookie
        .split(';')
-        .map((l) => [l.slice(0, l.indexOf('=')), l.slice(l.indexOf('=') + 1)])
+        .map((l) => l.split('='))
        .reduce(
            (acc, [key, value]) => ({
                ...acc,