Apply prettier formatting

2022-12-09 13:28:29 +01:00 · 2022-12-09 13:28:29 +01:00 · 7921a6cbf8
commit 7921a6cbf8
parent a32f12c8f3
104 changed files with 12169 additions and 11047 deletions
--- a/res/css/structures/ErrorView.pcss
+++ b/res/css/structures/ErrorView.pcss
@ -25,17 +25,8 @@ limitations under the License.
    background: linear-gradient(to bottom, #c5e0f7 0%, #ffffff 100%);
    /* stylelint-disable-next-line function-no-unknown */
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#c5e0f7', endColorstr='#ffffff', GradientType=0);
-    font-family:
-        -apple-system,
-        BlinkMacSystemFont,
-        "Segoe UI",
-        Roboto,
-        Helvetica,
-        Arial,
-        sans-serif,
-        "Apple Color Emoji",
-        "Segoe UI Emoji",
-        "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #000;
    width: 100%;
    height: 100%;
@ -99,7 +90,8 @@ limitations under the License.
        margin: auto 20px auto 0;
    }

-    h1, h2 {
+    h1,
+    h2 {
        font-weight: 600;
        margin-bottom: 32px;
    }
--- a/res/decoder-ring/datatypes.js
+++ b/res/decoder-ring/datatypes.js
@ -20,7 +20,7 @@

 class Optional {
    static from(value) {
-        return value && Some.of(value) || None;
+        return (value && Some.of(value)) || None;
    }
    map(f) {
        return this;
--- a/res/decoder-ring/decoder.js
+++ b/res/decoder-ring/decoder.js
@ -10,11 +10,11 @@ async function getBundleName(baseUrl) {
        throw new StartupError(`Couldn't fetch index.html to prefill bundle; ${res.status} ${res.statusText}`);
    }
    const index = await res.text();
-    return index.split("\n").map((line) =>
-        line.match(/<script src="bundles\/([^/]+)\/bundle.js"/),
-    )
-    .filter((result) => result)
-    .map((result) => result[1])[0];
+    return index
+        .split("\n")
+        .map((line) => line.match(/<script src="bundles\/([^/]+)\/bundle.js"/))
+        .filter((result) => result)
+        .map((result) => result[1])[0];
 }

 function validateBundle(value) {
@ -69,7 +69,7 @@ function observeReadableStream(readableStream, pendingContext = {}) {
                return;
            }
            bytesReceived += value.length;
-            pendingSubject.next(Pending.of({...pendingContext, bytesReceived }));
+            pendingSubject.next(Pending.of({ ...pendingContext, bytesReceived }));
            /* string concatenation is apparently the most performant way to do this */
            buffer += utf8Decoder.decode(value);
            readNextChunk();
@ -120,25 +120,27 @@ const e = React.createElement;
 * Provides user feedback given a FetchStatus object.
 */
 function ProgressBar({ fetchStatus }) {
-    return e('span', { className: "progress "},
+    return e(
+        "span",
+        { className: "progress " },
        fetchStatus.fold({
            pending: ({ bytesReceived, length }) => {
                if (!bytesReceived) {
-                    return e('span', { className: "spinner" }, "\u29b5");
+                    return e("span", { className: "spinner" }, "\u29b5");
                }
-                const kB = Math.floor(10 * bytesReceived / 1024) / 10;
+                const kB = Math.floor((10 * bytesReceived) / 1024) / 10;
                if (!length) {
-                    return e('span', null, `Fetching (${kB}kB)`);
+                    return e("span", null, `Fetching (${kB}kB)`);
                }
-                const percent = Math.floor(100 * bytesReceived / length);
-                return e('span', null, `Fetching (${kB}kB) ${percent}%`);
+                const percent = Math.floor((100 * bytesReceived) / length);
+                return e("span", null, `Fetching (${kB}kB) ${percent}%`);
            },
-            success: () => e('span', null, "\u2713"),
+            success: () => e("span", null, "\u2713"),
            error: (reason) => {
-                return e('span', { className: 'error'}, `\u2717 ${reason}`);
+                return e("span", { className: "error" }, `\u2717 ${reason}`);
            },
-        },
-    ));
+        }),
+    );
 }

 /*
@ -193,23 +195,24 @@ function BundlePicker() {
        setColumn(value);
    }, []);

-
    /* ------------------------------------------------ */
    /* Plumb data-fetching observables through to React */
    /* ------------------------------------------------ */

    /* Whenever a valid bundle name is input, go see if it's a real bundle on the server */
-    React.useEffect(() =>
-        validateBundle(bundle).fold({
-            some: (value) => {
-                const subscription = bundleSubject(baseUrl, value)
-                    .pipe(rxjs.operators.map(Some.of))
-                    .subscribe(setBundleFetchStatus);
-                return () => subscription.unsubscribe();
-            },
-            none: () => setBundleFetchStatus(None),
-        }),
-    [baseUrl, bundle]);
+    React.useEffect(
+        () =>
+            validateBundle(bundle).fold({
+                some: (value) => {
+                    const subscription = bundleSubject(baseUrl, value)
+                        .pipe(rxjs.operators.map(Some.of))
+                        .subscribe(setBundleFetchStatus);
+                    return () => subscription.unsubscribe();
+                },
+                none: () => setBundleFetchStatus(None),
+            }),
+        [baseUrl, bundle],
+    );

    /* Whenever a valid javascript file is input, see if it corresponds to a sourcemap file and initiate a fetch
     * if so. */
@ -218,17 +221,18 @@ function BundlePicker() {
            setFileFetchStatus(None);
            return;
        }
-        const observable = fetchAsSubject(new URL(`bundles/${bundle}/${file}.map`, baseUrl).toString())
-            .pipe(
-                rxjs.operators.map((fetchStatus) => fetchStatus.flatMap(value => {
+        const observable = fetchAsSubject(new URL(`bundles/${bundle}/${file}.map`, baseUrl).toString()).pipe(
+            rxjs.operators.map((fetchStatus) =>
+                fetchStatus.flatMap((value) => {
                    try {
                        return Success.of(JSON.parse(value));
                    } catch (e) {
                        return FetchError.of(e);
                    }
-                })),
-                rxjs.operators.map(Some.of),
-            );
+                }),
+            ),
+            rxjs.operators.map(Some.of),
+        );
        const subscription = observable.subscribe(setFileFetchStatus);
        return () => subscription.unsubscribe();
    }, [baseUrl, bundle, file]);
@ -256,26 +260,33 @@ function BundlePicker() {
        });
    }, [fileFetchStatus, line, column]);

-
    /* ------ */
    /* Render */
    /* ------ */
-    return e('div', {},
-        e('div', { className: 'inputs' },
-            e('div', { className: 'baseUrl' },
-                e('label', { htmlFor: 'baseUrl'}, 'Base URL'),
-                e('input', {
-                    name: 'baseUrl',
+    return e(
+        "div",
+        {},
+        e(
+            "div",
+            { className: "inputs" },
+            e(
+                "div",
+                { className: "baseUrl" },
+                e("label", { htmlFor: "baseUrl" }, "Base URL"),
+                e("input", {
+                    name: "baseUrl",
                    required: true,
                    pattern: ".+",
                    onChange: onBaseUrlChange,
                    value: baseUrl,
                }),
            ),
-            e('div', { className: 'bundle' },
-                e('label', { htmlFor: 'bundle'}, 'Bundle'),
-                e('input', {
-                    name: 'bundle',
+            e(
+                "div",
+                { className: "bundle" },
+                e("label", { htmlFor: "bundle" }, "Bundle"),
+                e("input", {
+                    name: "bundle",
                    required: true,
                    pattern: "[0-9a-f]{20}",
                    onChange: onBundleChange,
@ -286,10 +297,12 @@ function BundlePicker() {
                    none: () => null,
                }),
            ),
-            e('div', { className: 'file' },
-                e('label', { htmlFor: 'file' }, 'File'),
-                e('input', {
-                    name: 'file',
+            e(
+                "div",
+                { className: "file" },
+                e("label", { htmlFor: "file" }, "File"),
+                e("input", {
+                    name: "file",
                    required: true,
                    pattern: ".+\\.js",
                    onChange: onFileChange,
@ -300,20 +313,24 @@ function BundlePicker() {
                    none: () => null,
                }),
            ),
-            e('div', { className: 'line' },
-                e('label', { htmlFor: 'line' }, 'Line'),
-                e('input', {
-                    name: 'line',
+            e(
+                "div",
+                { className: "line" },
+                e("label", { htmlFor: "line" }, "Line"),
+                e("input", {
+                    name: "line",
                    required: true,
                    pattern: "[0-9]+",
                    onChange: onLineChange,
                    value: line,
                }),
            ),
-            e('div', { className: 'column' },
-                e('label', { htmlFor: 'column' }, 'Column'),
-                e('input', {
-                    name: 'column',
+            e(
+                "div",
+                { className: "column" },
+                e("label", { htmlFor: "column" }, "Column"),
+                e("input", {
+                    name: "column",
                    required: true,
                    pattern: "[0-9]+",
                    onChange: onColumnChange,
@ -321,10 +338,12 @@ function BundlePicker() {
                }),
            ),
        ),
-        e('div', null,
+        e(
+            "div",
+            null,
            result.fold({
                none: () => "Select a bundle, file and line",
-                some: (value) => e('pre', null, value),
+                some: (value) => e("pre", null, value),
            }),
        ),
    );
--- a/res/decoder-ring/index.html
+++ b/res/decoder-ring/index.html
@ -1,11 +1,11 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
    <head>
        <title>Rageshake decoder ring</title>
        <script crossorigin src="https://unpkg.com/source-map@0.7.3/dist/source-map.js"></script>
        <script>
            sourceMap.SourceMapConsumer.initialize({
-                "lib/mappings.wasm": "https://unpkg.com/source-map@0.7.3/lib/mappings.wasm"
+                "lib/mappings.wasm": "https://unpkg.com/source-map@0.7.3/lib/mappings.wasm",
            });
        </script>
        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
@ -18,12 +18,16 @@

        <style>
            @keyframes spin {
-                from {transform:rotate(0deg);}
-                to {transform:rotate(359deg);}
+                from {
+                    transform: rotate(0deg);
+                }
+                to {
+                    transform: rotate(359deg);
+                }
            }

            body {
-                font-family: sans-serif
+                font-family: sans-serif;
            }

            .spinner {
@ -44,7 +48,7 @@
            }

            .valid::after {
-                content: "✓"
+                content: "✓";
            }

            label {
@ -68,7 +72,7 @@
        <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", () => {
                try {
-                    ReactDOM.render(React.createElement(Decoder.BundlePicker), document.getElementById("main"))
+                    ReactDOM.render(React.createElement(Decoder.BundlePicker), document.getElementById("main"));
                } catch (e) {
                    const n = document.createElement("div");
                    n.innerText = `Error starting: ${e.message}`;
--- a/res/sw.js
+++ b/res/sw.js
@ -1 +1 @@
-self.addEventListener('fetch', () => {});
+self.addEventListener("fetch", () => {});
--- a/res/welcome.html
+++ b/res/welcome.html
@ -1,175 +1,173 @@
 <style type="text/css">
-
-/* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
+    /* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
 * voodoo where we have to set display: none by default
 */

-h1::after {
-    content: "!";
-}
+    h1::after {
+        content: "!";
+    }

-.mx_Parent {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    text-align: center;
-    padding: 25px 35px;
-    color: #2e2f32;
-}
+    .mx_Parent {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-pack: center;
+        -webkit-justify-content: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        align-items: center;
+        text-align: center;
+        padding: 25px 35px;
+        color: #2e2f32;
+    }

-.mx_Logo {
-    height: 54px;
-    margin-top: 2px;
-}
+    .mx_Logo {
+        height: 54px;
+        margin-top: 2px;
+    }

-.mx_ButtonGroup {
-    margin-top: 10px;
-}
+    .mx_ButtonGroup {
+        margin-top: 10px;
+    }

-.mx_ButtonRow {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-justify-content: space-around;
-    -ms-flex-pack: distribute;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    margin: 12px 0 0;
-}
+    .mx_ButtonRow {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        align-items: center;
+        justify-content: space-between;
+        box-sizing: border-box;
+        margin: 12px 0 0;
+    }

-.mx_ButtonRow > * {
-    margin: 0 10px;
-}
+    .mx_ButtonRow > * {
+        margin: 0 10px;
+    }

-.mx_ButtonRow > *:first-child {
-    margin-left: 0;
-}
+    .mx_ButtonRow > *:first-child {
+        margin-left: 0;
+    }

-.mx_ButtonRow > *:last-child {
-    margin-right: 0;
-}
+    .mx_ButtonRow > *:last-child {
+        margin-right: 0;
+    }

-.mx_ButtonParent {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    padding: 10px 20px;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    border-radius: 4px;
-    width: 150px;
-    background-repeat: no-repeat;
-    background-position: 10px center;
-    text-decoration: none;
-    color: #2e2f32 !important;
-}
+    .mx_ButtonParent {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        padding: 10px 20px;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+        flex-direction: row;
+        -webkit-box-pack: center;
+        -webkit-justify-content: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        align-items: center;
+        border-radius: 4px;
+        width: 150px;
+        background-repeat: no-repeat;
+        background-position: 10px center;
+        text-decoration: none;
+        color: #2e2f32 !important;
+    }

-.mx_ButtonLabel {
-    margin-left: 20px;
-}
+    .mx_ButtonLabel {
+        margin-left: 20px;
+    }

-.mx_Header_title {
-    font-size: 24px;
-    font-weight: 600;
-    margin: 20px 0 0;
-}
+    .mx_Header_title {
+        font-size: 24px;
+        font-weight: 600;
+        margin: 20px 0 0;
+    }

-.mx_Header_subtitle {
-    font-size: 12px;
-    font-weight: normal;
-    margin: 8px 0 0;
-}
+    .mx_Header_subtitle {
+        font-size: 12px;
+        font-weight: normal;
+        margin: 8px 0 0;
+    }

-.mx_ButtonSignIn {
-    background-color: #368BD6;
-    color: white !important;
-}
+    .mx_ButtonSignIn {
+        background-color: #368bd6;
+        color: white !important;
+    }

-.mx_ButtonCreateAccount {
-    background-color: #0DBD8B;
-    color: white !important;
-}
+    .mx_ButtonCreateAccount {
+        background-color: #0dbd8b;
+        color: white !important;
+    }

-.mx_SecondaryButton {
-    background-color: #FFFFFF;
-    color: #2E2F32;
-}
+    .mx_SecondaryButton {
+        background-color: #ffffff;
+        color: #2e2f32;
+    }

-.mx_Button_iconSignIn {
-    background-image: url('welcome/images/icon-sign-in.svg');
-}
-.mx_Button_iconCreateAccount {
-    background-image: url('welcome/images/icon-create-account.svg');
-}
-.mx_Button_iconHelp {
-    background-image: url('welcome/images/icon-help.svg');
-}
-.mx_Button_iconRoomDirectory {
-    background-image: url('welcome/images/icon-room-directory.svg');
-}
+    .mx_Button_iconSignIn {
+        background-image: url("welcome/images/icon-sign-in.svg");
+    }
+    .mx_Button_iconCreateAccount {
+        background-image: url("welcome/images/icon-create-account.svg");
+    }
+    .mx_Button_iconHelp {
+        background-image: url("welcome/images/icon-help.svg");
+    }
+    .mx_Button_iconRoomDirectory {
+        background-image: url("welcome/images/icon-room-directory.svg");
+    }

-/*
+    /*
 .mx_WelcomePage_loggedIn is applied by EmbeddedPage from the Welcome component
 If it is set on the page, we should show the buttons. Otherwise, we have to assume
 we don't have an account and should hide them. No account == no guest account either.
 */
-.mx_WelcomePage:not(.mx_WelcomePage_loggedIn) .mx_WelcomePage_guestFunctions {
-    display: none;
-}
-
-.mx_ButtonRow.mx_WelcomePage_guestFunctions {
-    margin-top: 20px;
-}
-.mx_ButtonRow.mx_WelcomePage_guestFunctions > div {
-    margin: 0 auto;
-}
-
-@media only screen and (max-width: 480px) {
-    .mx_ButtonRow {
-        flex-direction: column;
+    .mx_WelcomePage:not(.mx_WelcomePage_loggedIn) .mx_WelcomePage_guestFunctions {
+        display: none;
    }

-    .mx_ButtonRow > * {
-        margin: 0 0 10px 0;
+    .mx_ButtonRow.mx_WelcomePage_guestFunctions {
+        margin-top: 20px;
+    }
+    .mx_ButtonRow.mx_WelcomePage_guestFunctions > div {
+        margin: 0 auto;
    }
-}

+    @media only screen and (max-width: 480px) {
+        .mx_ButtonRow {
+            flex-direction: column;
+        }
+
+        .mx_ButtonRow > * {
+            margin: 0 0 10px 0;
+        }
+    }
 </style>

 <div class="mx_Parent">
    <a href="https://element.io" target="_blank" rel="noopener">
-        <img src="welcome/images/logo.svg" alt="" class="mx_Logo"/>
+        <img src="welcome/images/logo.svg" alt="" class="mx_Logo" />
    </a>
    <h1 class="mx_Header_title">_t("Welcome to Element")</h1>
    <!-- XXX: Our translations system isn't smart enough to recognize variables in the HTML, so we manually do it -->