prepare for domain change, add settings migration

2023-09-09 03:10:43 +06:00
parent 2b7f720189
commit 04484f634f
12 changed files with 497 additions and 67 deletions
--- a/src/modules/changelog/changelog.json
+++ b/src/modules/changelog/changelog.json
@@ -1,5 +1,16 @@
 {
    "current": {
+        "version": "7.4",
+        "date": "September 9, 2023",
+        "title": "new domain, what's coming in future, bug fixes, and more!",
+        "banner": {
+            "file": "newdomain.webp",
+            "width": 960,
+            "height": 540
+        },
+        "content": "cobalt is finally moving to its own domain, making it possible to host branches and various versions with ease and 0 confusion. bla bla bla. bla. bla bla."
+    },
+    "history": [{
        "version": "7.2 & 7.3",
        "date": "September 6, 2023",
        "title": "extended video length limit, metadata toggle, ui improvements, and more!",
@@ -9,8 +20,7 @@
            "height": 280
        },
        "content": "this update gives cobalt a sharp look in chromium browsers and makes it even more useful than before. check out the full changelog below!\n\nservice improvements:\n*; increased video length limit from 3 hours to 5 hours. feel free to download lectures you need :)\n*; you can now disable file metadata in settings.\n*; fixed a bug which previously caused some downloads to end up being 0 bytes.\n\nui improvements:\n*; fixed clickable area for urgent notice (text on top).\n*; fixed blurry header in chrome.\n*; fixed blurry tab bar in chrome.\n*; fixed blurry switches in chrome.\n*; fixed weirdly rounded corners in popups.\n*; fixed 1px gap on edges of various elements in popup in chrome.\n*; fixed overscrolling in other settings tab on ios.\n*; fixed unexpected button highlight effect on phones.\n*; removed outdated fixes for tiny screens.\n\nother improvements:\n*; cobalt web & api start faster than before, additional preparation functions aren't unexpectedly run anymore.\n*; cobalt is now available as a docker package. check it out on <a class=\"text-backdrop link\" href=\"https://github.com/wukko/cobalt/pkgs/container/cobalt\" target=\"_blank\">github</a>.\n\nthank you for being here. i hope you have a great day :D"
-    },
-    "history": [{
+    }, {
        "version": "7.1",
        "date": "August 20, 2023",
        "title": "instagram, streamable, video metadata, and more!",
--- a/src/modules/emoji.js
+++ b/src/modules/emoji.js
@@ -33,7 +33,8 @@ const names = {
    "🔗": "link",
    "⌨": "keyboard",
    "📑": "boring_document",
-    "🧮": "abacus"
+    "🧮": "abacus",
+    "😸": "cat_grin"
 }
 let sizing = {
    18: 0.8,
--- a/src/modules/pageRender/elements.js
+++ b/src/modules/pageRender/elements.js
@@ -238,3 +238,10 @@ export function keyboardShortcuts(arr) {

    return base;
 }
+export function webLoc(t, arr) {
+    let base = ``;
+    for (let i = 0; i < arr.length; i++) {
+        base += `${arr[i]}:` + "`" + t(arr[i]) + "`" + `,`
+    }
+    return `{${base}};`
+}
--- a/src/modules/pageRender/page.js
+++ b/src/modules/pageRender/page.js
@@ -1,4 +1,4 @@
-import { checkbox, collapsibleList, explanation, footerButtons, multiPagePopup, popup, popupWithBottomButtons, sep, settingsCategory, switcher, socialLink, urgentNotice, keyboardShortcuts } from "./elements.js";
+import { checkbox, collapsibleList, explanation, footerButtons, multiPagePopup, popup, popupWithBottomButtons, sep, settingsCategory, switcher, socialLink, urgentNotice, keyboardShortcuts, webLoc } from "./elements.js";
 import { services as s, authorInfo, version, repo, donations, supportedAudio } from "../config.js";
 import { getCommitInfo } from "../sub/currentCommit.js";
 import loc from "../../localization/manager.js";
@@ -75,7 +75,7 @@ export default function(obj) {

        <noscript><div style="margin: 2rem;">${t('NoScriptMessage')}</div></noscript>
    </head>
-    <body id="cobalt-body" ${platform === "p" ? 'class="desktop"' : ''} data-nosnippet ontouchstart>
+    <body id="cobalt-body" ${platform === "d" ? 'class="desktop"' : ''} data-nosnippet ontouchstart>
        <body id="notification-area"></div>
        ${multiPagePopup({
            name: "about",
@@ -452,7 +452,7 @@ export default function(obj) {
                        padding: "no-margin"
                    }])
                })
-            }],
+            }]
        })}
        ${popupWithBottomButtons({
            name: "picker",
@@ -492,21 +492,35 @@ export default function(obj) {
                buttonOnly: true,
                classes: ["small"],
                header: {
-                    closeAria: t('AccessibilityGoBack'),
                    title: t('TitlePopupError'),
                    emoji: emoji("😿", 78, 1, 1),
                },
-                body: `<div id="desc-error" class="desc-padding subtext"></div>`,
+                body: `<div id="desc-error" class="desc-padding subtext desc-error"></div>`,
                buttonText: t('ErrorPopupCloseButton')
            })}
        </div>
+        <div id="popup-migration-container" class="popup-from-bottom">
+            ${popup({
+                name: "migration",
+                standalone: true,
+                buttonOnly: true,
+                classes: ["small"],
+                header: {
+                    title: t('NewDomainWelcomeTitle'),
+                    emoji: emoji("😸", 78, 1, 1),
+                },
+                body: `<div id="desc-migration" class="desc-padding subtext desc-error">${t('NewDomainWelcome')}</div>`,
+                buttonText: t('ErrorPopupCloseButton')
+            })}
+            <div id="popup-backdrop-message" onclick="popup('message', 0)"></div>
+        </div>
        <div id="popup-backdrop" onclick="hideAllPopups()"></div>
        <div id="home" style="visibility:hidden">
            ${urgentNotice({
-                emoji: "💖",
-                text: t("UrgentThanks"),
+                emoji: "✨",
+                text: t("UrgentNewDomain"),
                visible: true,
-                action: "popup('about', 1, 'donate')"
+                action: "popup('about', 1, 'changelog')"
            })}
            <div id="cobalt-main-box" class="center">
                <div id="logo">${t("AppTitleCobalt")}</div>
@@ -554,20 +568,25 @@ export default function(obj) {
        </div>
    </body>
    <script type="text/javascript">
-        const loc = {
-            noInternet: ` + "`" + t('ErrorNoInternet') + "`" + `,
-            noURLReturned: ` + "`" + t('ErrorNoUrlReturned') + "`" + `,
-            unknownStatus: ` + "`" + t('ErrorUnknownStatus') + "`" + `,
-            collapseHistory: ` + "`" + t('ChangelogPressToHide') + "`" + `,
-            pickerDefault: ` + "`" + t('MediaPickerTitle') + "`" + `,
-            pickerImages: ` + "`" + t('ImagePickerTitle') + "`" + `,
-            pickerImagesExpl: ` + "`" + t(`ImagePickerExplanation${isMobile ? "Phone" : "PC"}`) + "`" + `,
-            pickerDefaultExpl: ` + "`" + t(`MediaPickerExplanation${isMobile ? "Phone" : "PC"}`) + "`" + `,
-            featureErrorGeneric: ` + "`" + t('FeatureErrorGeneric') + "`" + `,
-            clipboardErrorNoPermission: ` + "`" + t('ClipboardErrorNoPermission') + "`" + `,
-            clipboardErrorFirefox: ` + "`" + t('ClipboardErrorFirefox') + "`" + `,
-        };
        let apiURL = '${process.env.apiURL ? process.env.apiURL.slice(0, -1) : ''}';
+        const loc = ${webLoc(t,
+        [
+            'ErrorNoInternet',
+            'ErrorNoUrlReturned',
+            'ErrorUnknownStatus',
+            'ChangelogPressToHide',
+            'MediaPickerTitle',
+            'MediaPickerExplanationPhone',
+            'MediaPickerExplanationPC',
+            'ImagePickerTitle',
+            'ImagePickerExplanationPhone',
+            'ImagePickerExplanationPC',
+            'FeatureErrorGeneric',
+            'ClipboardErrorNoPermission',
+            'ClipboardErrorFirefox',
+            'DataTransferSuccess',
+            'DataTransferError'
+        ])}
    </script>
    <script type="text/javascript" src="cobalt.js"></script>
 </html>