chore: add missing references to 7.1.2

Bumps [embla-carousel-autoplay](https://github.com/davidjerleke/embla-carousel) from 8.2.0 to 8.2.1.
- [Release notes](https://github.com/davidjerleke/embla-carousel/releases)
- [Commits](https://github.com/davidjerleke/embla-carousel/compare/v8.2.0...v8.2.1)

---
updated-dependencies:
- dependency-name: embla-carousel-autoplay
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.github/ISSUE_TEMPLATE/issue_report.yml

@@ -21,6 +21,9 @@ body:
       label: Version
       description: What version of Mue are you running?
       options:
+        - 7.1.2
+        - 7.1.1
+        - 7.1.0
         - 7.0.0
         - 6.0.6
         - 6.0.5

index.html

@@ -71,8 +71,8 @@
         }
 
         @media (prefers-color-scheme: light) {
-          * {
-            background-color: #ffffff;
+          body {
+            background-color: #fff;
           }
 
           .criticalError .criticalError-message {
@@ -96,8 +96,8 @@
       </style>
       <div class="criticalError">
         <div class="criticalError-message">
-          <h1>A critical error has occurred</h1>
-          <p>The new tab could not be loaded. Please enable JavaScript and try again.</p>
+          <h1>JavaScript is required</h1>
+          <p>The new tab could not be loaded. Please enable JavaScript and refresh the page.</p>
           <div class="criticalError-actions">
             <a href="https://github.com/mue/mue/issues/new/choose" target="_blank" rel="noreferrer"
               >Report Issue</a

manifest/_locales/bn/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/_locales/es_419/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/_locales/id_ID/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/_locales/pt_BR/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/_locales/pt_PT/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/_locales/zh_Hant/messages.json

@@ -0,0 +1,8 @@
+{
+  "name": {
+    "message": "Mue"
+  },
+  "description": {
+    "message": "Fast, open and free-to-use new tab page for modern browsers."
+  }
+}

manifest/chrome.json

@@ -4,7 +4,7 @@
   "default_locale": "en",
   "name": "__MSG_name__",
   "description": "__MSG_description__",
-  "version": "7.1.0",
+  "version": "7.1.2",
   "homepage_url": "https://muetab.com",
   "action": {
     "default_icon": "icons/128x128.png"

manifest/firefox.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "Mue",
   "description": "Fast, open and free-to-use new tab page for modern browsers.",
-  "version": "7.1.0",
+  "version": "7.1.2",
   "homepage_url": "https://muetab.com",
   "action": {
     "default_icon": "icons/128x128.png"

package.json

@@ -9,46 +9,46 @@
   "homepage": "https://muetab.com",
   "bugs": "https://github.com/mue/mue/issues/new?assignees=&labels=bug&template=bug-report.md&title=%5BBUG%5D",
   "license": "BSD-3-Clause",
-  "version": "7.1.0",
+  "version": "7.1.2",
   "dependencies": {
     "@eartharoid/i18n": "1.2.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@floating-ui/react-dom": "2.1.0",
-    "@fontsource/lexend-deca": "5.0.12",
-    "@fontsource/montserrat": "5.0.17",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@floating-ui/react-dom": "2.1.1",
+    "@fontsource/lexend-deca": "5.0.14",
+    "@fontsource/montserrat": "5.0.19",
     "@muetab/react-sortable-hoc": "^2.0.1",
-    "@mui/material": "5.15.19",
-    "@sentry/react": "^8.5.0",
-    "embla-carousel-autoplay": "8.1.3",
-    "embla-carousel-react": "8.1.3",
-    "fast-blurhash": "^1.1.2",
+    "@mui/material": "6.0.2",
+    "@sentry/react": "^8.28.0",
+    "embla-carousel-autoplay": "8.2.1",
+    "embla-carousel-react": "8.2.1",
+    "fast-blurhash": "^1.1.4",
     "image-conversion": "^2.1.1",
     "react": "^18.3.1",
-    "react-best-gradient-color-picker": "^3.0.7",
+    "react-best-gradient-color-picker": "^3.0.10",
     "react-clock": "5.0.0",
     "react-dom": "^18.3.1",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.3.0",
     "react-modal": "3.16.1",
     "react-toastify": "10.0.5",
-    "use-debounce": "^10.0.1"
+    "use-debounce": "^10.0.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cli": "^19.4.1",
+    "@commitlint/config-conventional": "^19.4.1",
     "@eartharoid/deep-merge": "^0.0.2",
-    "@vitejs/plugin-react-swc": "^3.6.0",
-    "adm-zip": "^0.5.13",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "adm-zip": "0.5.16",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-react-app": "^7.0.1",
-    "husky": "^9.0.11",
-    "prettier": "^3.3.0",
-    "sass": "^1.77.4",
-    "stylelint": "^16.6.0",
+    "husky": "^9.1.5",
+    "prettier": "^3.3.3",
+    "sass": "^1.78.0",
+    "stylelint": "^16.9.0",
     "stylelint-config-standard-scss": "^13.1.0",
-    "stylelint-scss": "^6.3.1",
-    "vite": "5.2.12",
+    "stylelint-scss": "^6.5.1",
+    "vite": "5.4.3",
     "vite-plugin-progress": "^0.0.7"
   },
   "scripts": {

src/components/Elements/MainModal/scss/settings/modules/tabs/_changelog.scss

@@ -21,4 +21,8 @@
   img {
     max-width: 95%;
   }
+
+  .changelogAt {
+    text-decoration: none;
+  }
 }

src/config/constants.js

@@ -26,4 +26,4 @@ export const TWITTER_HANDLE = 'getmue';
 export const DISCORD_SERVER = 'zv8C9F8';
 export const OPENCOLLECTIVE_USERNAME = 'mue';
 
-export const VERSION = '7.1.0';
+export const VERSION = '7.1.2';

src/features/background/options/Custom.jsx

@@ -41,14 +41,16 @@ export default class CustomSettings extends PureComponent {
     EventBus.emit('refresh', 'background');
   };
 
-  customBackground(e, text, index) {
-    const result = text === true ? e.target.value : e.target.result;
+  customBackground(e, index) {
+    const result = e.target.result;
 
     const customBackground = this.state.customBackground;
-    customBackground[index] = result;
+    customBackground[index || customBackground.length] = result;
+
     this.setState({
       customBackground,
     });
+
     this.forceUpdate();
 
     localStorage.setItem('customBackground', JSON.stringify(customBackground));
@@ -159,7 +161,7 @@ export default class CustomSettings extends PureComponent {
           return toast(variables.getMessage('toasts.no_storage'));
         }
 
-        return this.customBackground(file, false, this.state.currentBackgroundIndex);
+        return this.customBackground(file, this.state.currentBackgroundIndex);
       }
 
       compressAccurately(file, {
@@ -170,7 +172,14 @@ export default class CustomSettings extends PureComponent {
           return toast(variables.getMessage('toasts.no_storage'));
         }
 
-        this.customBackground(await filetoDataURL(res), false, this.state.currentBackgroundIndex);
+        this.customBackground(
+          {
+            target: {
+              result: await filetoDataURL(res),
+            },
+          },
+          this.state.currentBackgroundIndex,
+        );
       });
       e.preventDefault();
     };
@@ -274,7 +283,7 @@ export default class CustomSettings extends PureComponent {
         <FileUpload
           id="bg-input"
           accept="image/jpeg, image/png, image/webp, image/webm, image/gif, video/mp4, video/webm, video/ogg"
-          loadFunction={(e) => this.customBackground(e, false, this.state.currentBackgroundIndex)}
+          loadFunction={(e) => this.customBackground(e, this.state.currentBackgroundIndex)}
         />
         {this.videoCustomSettings()}
         <Modal

src/features/marketplace/views/ItemPage.jsx

@@ -158,12 +158,15 @@ class ItemPage extends PureComponent {
       </div>
     );
 
-    const dateObj = new Date(this.props.data.data.updated_at);
-    const formattedDate = new Intl.DateTimeFormat(shortLocale, {
-      year: 'numeric',
-      month: 'long',
-      day: '2-digit',
-    }).format(dateObj);
+    let dateObj, formattedDate;
+    if (this.props.data.data.updated_at) {
+      dateObj = new Date(this.props.data.data.updated_at);
+      formattedDate = new Intl.DateTimeFormat(shortLocale, {
+        year: 'numeric',
+        month: 'long',
+        day: '2-digit',
+      }).format(dateObj);
+    }
 
     return (
       <>
@@ -292,11 +295,12 @@ class ItemPage extends PureComponent {
                 {variables.getMessage('modals.main.marketplace.product.details')}
               </span>
               <div className="moreInfo">
-                {moreInfoItem(
-                  <MdCalendarMonth />,
-                  variables.getMessage('modals.main.marketplace.product.updated_at'),
-                  formattedDate,
-                )}
+                {this.props.data.data.updated_at &&
+                  moreInfoItem(
+                    <MdCalendarMonth />,
+                    variables.getMessage('modals.main.marketplace.product.updated_at'),
+                    formattedDate,
+                  )}
                 {this.props.data.data.quotes &&
                   moreInfoItem(
                     <MdFormatQuote />,

src/features/misc/sections/Changelog.jsx

@@ -23,21 +23,26 @@ class Changelog extends PureComponent {
       throw new Error('Input must be a string');
     }
 
-    // Replace list items
-    text = text.replace(/^\* (.*$)/gm, '<li>$1</li>');
-
-    // Wrap list items in <ul></ul>
-    text = text.replace(/((<li>.*<\/li>\s*)+)/g, '<ul>$1</ul>');
-
-    // Replace other markdown syntax
+    // Replace markdown syntax
     text = text
       .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
       .replace(/^## (.*$)/gm, '<span class="title">$1</span>')
       .replace(
         /((http|https):\/\/[^\s]+)/g,
         '<a href="$1" target="_blank" rel="noopener noreferrer">$1</a>',
+      )
+      // resolve @ to github user link
+      .replace(
+        /@([a-zA-Z0-9-_]+)/g,
+        '<a href="https://github.com/$1" target="_blank" class="changelogAt">@$1</a>',
       );
 
+    // Replace list items
+    text = text.replace(/^\* (.*$)/gm, '<li>$1</li>');
+
+    // Wrap list items in <ul></ul>
+    text = text.replace(/((<li>.*<\/li>\s*)+)/g, '<ul>$1</ul>');
+
     return text;
   };
 
@@ -49,14 +54,18 @@ class Changelog extends PureComponent {
       },
     );
 
-    // get the release which tag_name is the same as the current version
-    const data = await releases.json();
-    const release = data.find((release) => release.tag_name === variables.constants.VERSION);
-
     if (this.controller.signal.aborted === true) {
       return;
     }
 
+    // get the release which tag_name is the same as the current version
+    const data = await releases.json();
+    let release = data.find((release) => release.tag_name === variables.constants.VERSION);
+
+    if (!release) {
+      release = data[0];
+    }
+
     // request the changelog
     const res = await fetch(release.url, { signal: this.controller.signal });
 

src/features/navbar/options/AppsOptions.jsx

@@ -1,6 +1,6 @@
 import variables from 'config/variables';
 
-import { useState, memo } from 'react';
+import { useState } from 'react';
 
 import Modal from 'react-modal';
 import { MdAddLink } from 'react-icons/md';
@@ -11,9 +11,9 @@ import { Button } from 'components/Elements';
 import { Row, Content, Action } from 'components/Layout/Settings/Item';
 
 import { getTitleFromUrl, isValidUrl } from 'utils/links';
-import { QuickLinks } from 'features/quicklinks';
+import { QuickLink } from 'features/quicklinks/options/QuickLink';
 
-function AppsOptions(appsEnabled) {
+function AppsOptions({ appsEnabled }) {
   const [appsModalInfo, setAppsModalInfo] = useState({
     newLink: false,
     edit: false,
@@ -126,7 +126,7 @@ function AppsOptions(appsEnabled) {
 
       <div className="messagesContainer">
         {appsModalInfo.items.map((item, i) => (
-          <QuickLinks
+          <QuickLink
             key={i}
             item={item}
             startEditLink={() => startEditLink(item)}
@@ -160,5 +160,4 @@ function AppsOptions(appsEnabled) {
   );
 }
 
-const MemorizedAppsOptions = memo(AppsOptions);
-export { MemorizedAppsOptions as default, MemorizedAppsOptions as AppsOptions };
+export { AppsOptions as default, AppsOptions };

src/features/navbar/options/NavbarOptions.jsx

@@ -16,7 +16,9 @@ function NavbarOptions() {
   const [showRefreshOptions, setShowRefreshOptions] = useState(
     localStorage.getItem('refresh') === 'true',
   );
-  const [appsEnabled, setAppsEnabled] = useState(localStorage.getItem('appsEnabled') === 'true');
+  const [appsEnabled, setAppsEnabled] = useState(
+    localStorage.getItem('appsEnabled') === 'true' || false,
+  );
 
   const NAVBAR_SECTION = 'modals.main.settings.sections.appearance.navbar';
 

src/features/quicklinks/quicklinks.scss

@@ -21,6 +21,8 @@
   z-index: 1;
   display: flex;
   place-content: center center;
+  flex-wrap: wrap;
+  padding: 0 25px;
   gap: 12px;
 
   textarea {

src/i18n/languages.json

@@ -43,6 +43,14 @@
     "name": "Pусский",
     "value": "ru"
   },
+  {
+    "name": "Português",
+    "value": "pt"
+  },
+  {
+    "name": "Português (Brasil)",
+    "value": "pt_BR"
+  },
   {
     "name": "Türkçe",
     "value": "tr_TR"
@@ -52,7 +60,7 @@
     "value": "zh_CN"
   },
   {
-    "name": "Portuguese (Brazil)",
-    "value": "pt_BR"
+    "name": "中文 (繁體)",
+    "value": "zh_Hant"
   }
 ]

src/i18n/locales/az.json

@@ -0,0 +1 @@
+{}

src/i18n/locales/azb.json

@@ -0,0 +1 @@
+{}

src/i18n/locales/fa.json

@@ -0,0 +1,26 @@
+{
+  "tabname": "New Tab",
+  "toasts": {
+    "stats_reset": "ریست امار"
+  },
+  "widgets": {
+    "background": {
+      "credit": "عکس متوسط",
+      "download": "دانلود",
+      "downloads": "دانلودها",
+      "information": "اطلاعات",
+      "likes": "لایک ها",
+      "unsplash": "در Unsplash",
+      "views": "بازدید ها"
+    },
+    "greeting": {
+      "afternoon": "ظهر بخیر",
+      "birthday": "تولدت مبارک",
+      "christmas": "سال نو مبارک",
+      "evening": "عصر بخیر",
+      "halloween": "هالوین مبارک",
+      "morning": "صبح بخیر",
+      "newyear": "سال جدید مبارک"
+    }
+  }
+}

src/i18n/locales/sl.json

@@ -0,0 +1 @@
+{}

src/i18n/locales/zh_Hant.json

@@ -0,0 +1,153 @@
+{
+  "modals": {
+    "main": {
+      "error_boundary": {
+        "message": "無法載入 Mue 的此元件",
+        "refresh": "重新整理",
+        "report_error": "傳送錯誤報告",
+        "sent": "已傳送！",
+        "title": "錯誤"
+      },
+      "file_upload_error": "檔案超過 2MB",
+      "loading": "載入中…",
+      "navbar": {
+        "addons": "附加元件",
+        "marketplace": "市場",
+        "settings": "設定"
+      },
+      "settings": {
+        "additional_settings": "附加設定",
+        "enabled": "已啟用",
+        "open_knowledgebase": "開啟知識庫",
+        "reminder": {
+          "message": "為了使所有變更生效，必須重新整理頁面。",
+          "title": "注意"
+        },
+        "sections": {
+          "date": {
+            "datenth": "日期 th",
+            "day_of_week": "星期",
+            "title": "日期",
+            "type": {
+              "long": "長",
+              "short": "短"
+            },
+            "week_number": "週數"
+          },
+          "header": {
+            "enabled": "選擇是否顯示此小工具",
+            "more_info": "更多資訊",
+            "report_issue": "報告問題",
+            "size": "滑桿控制小部件的大小"
+          },
+          "time": {
+            "analogue": {
+              "hour_hand": "時針",
+              "hour_marks": "小時刻度",
+              "minute_hand": "分針",
+              "minute_marks": "分鐘刻度",
+              "round_clock": "圓形背景",
+              "second_hand": "秒針",
+              "subtitle": "變更類比時鐘的外觀",
+              "title": "類比"
+            },
+            "digital": {
+              "seconds": "秒",
+              "subtitle": "變更數位時鐘的外觀",
+              "title": "數位",
+              "twelvehour": "12 小時制",
+              "twentyfourhour": "24 小時制"
+            },
+            "format": "格式",
+            "percentage_complete": "完成百分比",
+            "title": "時間",
+            "type": "類型",
+            "type_subtitle": "選擇是否以數位格式、類比格式或當天完成百分比顯示時間",
+            "vertical_clock": {
+              "change_hour_colour": "變更小時文字顏色",
+              "change_minute_colour": "變更分鐘文字顏色",
+              "change_second_colour": "變更秒文字顏色",
+              "title": "垂直時鐘"
+            }
+          }
+        }
+      },
+      "title": "選項"
+    }
+  },
+  "tabname": "新分頁",
+  "widgets": {
+    "background": {
+      "camera": "相機",
+      "category": "類別",
+      "confirm": "確認",
+      "credit": "影像來自",
+      "download": "下載",
+      "downloads": "下載",
+      "exclude": "不要再顯示",
+      "exclude_confirm": "你確定你不想再次看到此影像嗎？\n注意：如果你不喜歡「{category}」影像，你可以在背景來源設定中取消選擇該類別。",
+      "information": "資訊",
+      "likes": "喜歡",
+      "location": "地點",
+      "resolution": "解析度",
+      "source": "來源",
+      "unsplash": "在 Unsplash 上",
+      "views": "檢視"
+    },
+    "date": {
+      "week": "週"
+    },
+    "greeting": {
+      "afternoon": "午安",
+      "birthday": "生日快樂",
+      "christmas": "聖誕快樂",
+      "evening": "晚安",
+      "halloween": "萬聖節快樂",
+      "morning": "早安",
+      "newyear": "新年快樂"
+    },
+    "navbar": {
+      "apps": {
+        "no_apps": "找不到應用程式連結",
+        "title": "應用程式"
+      },
+      "notes": {
+        "placeholder": "在此輸入",
+        "title": "筆記"
+      },
+      "todo": {
+        "add": "增加",
+        "no_todos": "無待辦事項",
+        "pin": "釘選",
+        "title": "待辦事項"
+      },
+      "tooltips": {
+        "refresh": "重新整理"
+      }
+    },
+    "quicklinks": {
+      "add": "增加",
+      "edit": "編輯連結",
+      "icon": "圖示（選擇性）",
+      "name": "名稱",
+      "name_error": "必須提供名稱",
+      "new": "新增連結",
+      "url": "網址",
+      "url_error": "必須提供網址"
+    },
+    "quote": {
+      "copy": "複製",
+      "favourite": "收藏",
+      "link_tooltip": "在維基百科上開啟",
+      "share": "分享",
+      "unfavourite": "取消收藏"
+    },
+    "search": "搜尋",
+    "weather": {
+      "extra_information": "額外資訊",
+      "feels_like": "感覺像 {amount}",
+      "meters": "{amount} 公尺",
+      "not_found": "找不到"
+    }
+  }
+}

src/scss/index.scss

@@ -147,9 +147,9 @@ body {
 
 /* light theme critical error */
 @media (prefers-color-scheme: dark) {
-  /** {
-    background-color: #000000 !important;
-  } */
+  body {
+    background-color: #000;
+  }
 
   .criticalError {
     .criticalError-message {
@@ -173,8 +173,8 @@ body {
 }
 
 @media (prefers-color-scheme: light) {
-  * {
-    background-color: #fff !important;
+  body {
+    background-color: #fff;
   }
 
   .criticalError {