[pull] main from mue:main

.github/ISSUE_TEMPLATE/bug-report.md

@@ -1,5 +1,5 @@
 ---
-name: Bug Report
+name: Bug Report (Legacy)
 about: Report a bug to help improve Mue
 title: "[Bug]"
 labels: bug
@@ -24,10 +24,10 @@ If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
  - OS: [e.g. Windows, Ubuntu]
- - OS Version: [e.g 10, 19.10]
+ - OS Version: [e.g 11, 23.10]
  - Browser: [e.g. Chrome, Firefox]
- - Browser Version: [e.g. 70]
- - Mue Version: [e.g. 0.5]
+ - Browser Version: [e.g. 115]
+ - Mue Version: [e.g. 7.1.0]
  - Resolution: [e.g 1920x1080]
 
 **Additional context**

.github/ISSUE_TEMPLATE/feature-request.md

@@ -1,6 +1,6 @@
 ---
-name: Feature Request
-about: Request things to be added to mue
+name: Request a feature
+about: Request something to be implemented in the extension.
 title: "[Feature Request]"
 labels: enhancement
 assignees: ''

.github/ISSUE_TEMPLATE/issue_report.yml

@@ -0,0 +1,61 @@
+name: Report a bug
+description: Report an issue with the extension.
+title: "[Bug] Insert issue name here"
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to report a Mue issue!
+  - type: textarea
+    id: description 
+    attributes:
+      label: Description
+      description: Describe the issue you are having with the extension
+      placeholder: e.g. It does not save my settings upon editing the Greeting widget
+    validations:
+      required: true
+  - type: dropdown
+    id: version
+    attributes:
+      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
+        - 6.0.4
+        - 6.0.3
+        - 6.0.2
+        - 6.0.1
+        - 6.0.0
+      default: 0
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browser(s) are you seeing the problem on?
+      multiple: true
+      options:
+        - Mozilla Firefox
+        - Google Chrome
+        - Naver Whale
+        - Microsoft Edge
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant log output
+      description: Please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/mue/.github/blob/main/CODE_OF_CONDUCT.md).
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

README.md

@@ -1,121 +1,50 @@
-<img src="assets/logo.png" align="left" width="180px" height="180px"/>
-<img align="left" width="0" height="192px" hspace="10"/>
+![Mue Header](assets/mue_readme.png)
 
-> <a href="https://muetab.com/">Mue</a>
+<h1 align="center">Mue</h1>
 
-[![License](https://img.shields.io/badge/license-BSD%203-blue?style=flat-square)](/LICENSE) [![Discord](https://img.shields.io/discord/659129207208804381?label=discord&color=7289DA&style=flat-square)](https://discord.gg/zv8C9F8) [![Code Size](https://img.shields.io/github/languages/code-size/mue/mue?color=green&label=size&style=flat-square)]()
-<br>
-[![Microsoft Edge](https://img.shields.io/badge/dynamic/json?style=flat-square&label=microsoft%20edge&query=%24.version&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Faepnglgjfokepefimhbnibfjekidhmja)](https://microsoftedge.microsoft.com/addons/detail/aepnglgjfokepefimhbnibfjekidhmja) [![Firefox](https://img.shields.io/amo/v/mue?label=firefox&style=flat-square)](https://addons.mozilla.org/firefox/addon/mue) [![Chrome](https://img.shields.io/chrome-web-store/v/bngmbednanpcfochchhgbkookpiaiaid?label=chrome&style=flat-square)](https://chrome.google.com/webstore/detail/mue/bngmbednanpcfochchhgbkookpiaiaid)
+<p align="center">A fast, open and free-to-use browser extension that gives a new, fresh and customisable tab page to modern browsers.</p>
 
-Mue is a fast, open and free-to-use browser extension that gives a new, fresh and customisable tab page to modern browsers.
+<p align="center"><i>Managed by <a href="https://kaiso.one" target="_blank">Kaiso</a> and maintained by contributors all over the world.</i></p>
 
-<br>
+<p align="center"><a href="https://muetab.com">muetab.com</a></p>
 
-## Table of contents
 
-- [Table of contents](#table-of-contents)
-- [Screenshots](#screenshots)
-- [Features](#features)
-  - [Planned Features](#planned-features)
-- [Installation](#installation)
-  - [Chrome](#chrome)
-  - [Firefox](#firefox)
-  - [Edge (Chromium)](#edge-chromium)
-  - [Whale](#whale)
-  - [Other](#other)
-- [Development](#development)
-  - [Translations](#translations)
-- [Credits](#credits)
-  - [Developers](#developers)
-  - [Translators](#translators)
-  - [Contributors](#contributors)
-  - [Resources](#resources)
 
-## Screenshots
+## 🤔 Why Mue?
+- Beautiful and Minimalist Design
+- Customisable Layout
+- Widgets (such as weather, notes, bookmarks and more)
+- Privacy-Focused - does not track your browsing activity
+- Extensible with the Mue Marketplace
+- Open Source under the BSD-3 License
 
-![Screenshot](assets/screenshot.webp)
-![Settings Modal](assets/screenshot2.webp)
+## 🌶️ Installation
+Mue can be downloaded on the following browsers:
 
-## Features
+- [Chrome](https://chromewebstore.google.com/detail/mue/bngmbednanpcfochchhgbkookpiaiaid)
+- [Edge](https://microsoftedge.microsoft.com/addons/detail/mue/aepnglgjfokepefimhbnibfjekidhmja)
+- [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/mue/)
+- [Whale](https://store.whale.naver.com/detail/ecllekeilcmicbfkkiknfdddbogibbnc)
 
-- Fast and free
-- Supports multiple browsers
-- Actively developed and open source
-- Automatically updating [API](https://github.com/mue/api) with new photos, quotes and offline mode
-- Widgets such as search bar, weather, quick links, clock, date, quote, greeting
-- Settings - enable/disable various features and customise parts of Mue
-- Navbar with copy button, favourite background, notes feature etc
-- [Marketplace](https://github.com/mue/marketplace) - download custom photo packs, quote packs and preset settings made by the community
+and can be manually sideloaded on others using the files on [GitHub Releases](https://github.com/mue/mue/releases)
 
-### Planned Features
 
-Please see our [roadmap](https://trello.com/b/w7zhS7Hi/mue-50). We are currently working on a rewrite over on the "phoenix" branch.
+## 🚀 Demo
+A fully-featured demo of the tab extension is available in-browser at [demo.muetab.com](https://demo.muetab.com)
 
-## Installation
 
-_A demo of the tab can be found [here](https://demo.muetab.com), and the latest GitHub commit build [here](https://mue.vercel.app)_
+## 💻 Development
+Install dependencies with ``bun install``, and then you can run any of the following scripts as needed:
 
-### Chrome
+- `bun run dev[:host]` - start development server
+- `bun run build` - build production copy of Mue
+- `bun run lint[:fix]` - run linter
+- `bun run pretty` - run prettier
+- `bun run translations` - migrate old translation format to new
 
-[![Chrome Web Store Logo](assets/chrome.png)](https://chrome.google.com/webstore/detail/mue/bngmbednanpcfochchhgbkookpiaiaid)
-<br>
-[Chrome Web Store](https://chrome.google.com/webstore/detail/mue/bngmbednanpcfochchhgbkookpiaiaid)
-
-### Firefox
-
-[![Firefox Add-ons Logo](assets/firefox.png)](https://addons.mozilla.org/firefox/addon/mue)
-<br>
-[Firefox Add-ons](https://addons.mozilla.org/firefox/addon/mue)
-
-### Edge (Chromium)
-
-[Microsoft Edge Addons](https://microsoftedge.microsoft.com/addons/detail/aepnglgjfokepefimhbnibfjekidhmja)
-
-### Whale
-
-[Whale Store](https://store.whale.naver.com/detail/ecllekeilcmicbfkkiknfdddbogibbnc)
-
-### Other
-
-[GitHub Releases](https://github.com/mue/mue/releases)
-
-## Development
-
-Please see the [documentation](https://docs.muetab.com/development#mue-tab).
-
-### Translations
-
-[![Contribute on Weblate](https://hosted.weblate.org/widgets/mue/-/open-graph.png)](https://hosted.weblate.org/engage/mue/)
-
-## Credits
-
-### Developers
-
-[David Ralph](https://github.com/davidcralph) - Lead development, photographer <br/>
-[Alex Sparkes](https://github.com/alexsparkes) - Name, lead design, photographer <br/>
-[Isaac Saunders](https://github.com/eartharoid) - QA, development, photographer <br/>
-[Wessel Tip](https://github.com/Wessel) - Development <br/>
-
-### Translators
-
-[Wessel Tip](https://github.com/Wessel), [Heimen Stoffels](https://github.com/Vistaus) - Dutch <br/>
-[Alex Sparkes](https://github.com/alexsparkes), [Maxime](https://github.com/exiam) - French <br/>
-[Anders](https://github.com/FuryingFox) - Norwegian <br/>
-[Pronin Egor](https://github.com/MrZillaGold) - Russian <br/>
-[Vicente](https://github.com/Vicente015) - Spanish <br/>
-[Austin Huang](https://github.com/austinhuang0131) - Chinese (Simplified) <br/>
-[FreeFun](https://github.com/xXFreeFunXx) - German <br/>
-[Aksal](https://github.com/aksalsf) - Indonesian <br/>
-[Kağan Can Şit](https://github.com/KaganCanSit) - Turkish <br/>
-efeaydal - Turkish <br/>
-
-### Contributors
-
-Many thanks to the photographers [here](https://api.muetab.com/images/photographers) for letting us use their wonderful photographs.
-
-And finally, a big thank you to all the other [contributors](https://github.com/mue/mue/graphs/contributors)!
-
-### Resources
+## 🌍 Translations
+We use [Weblate](https://weblate.org) for translations. To get started, please visit the [project](https://hosted.weblate.org/projects/mue/) and look for the latest version to start translating Mue into your langauge.
 
+## Attribution
 [Pexels](https://pexels.com), [Unsplash](https://unsplash.com) - Stock photos used for offline mode <br/>
 [Undraw](https://undraw.co) - Welcome modal images

index.html

@@ -3,36 +3,111 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/png" sizes="32x32" href="./icons/32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="./icons/16x16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/icons/32x32.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/icons/16x16.png" />
     <title>New Tab</title>
   </head>
 
   <body>
     <noscript>
       <style>
-        *,
-        a {
+        @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400&display=swap');
+
+        * {
           font-family: 'Lexend Deca', sans-serif;
-          text-align: center;
-          color: black;
-          background: white !important;
+          overflow: hidden;
+        }
+
+        .criticalError {
+          display: grid;
+          place-items: center;
+          width: 100vw;
+          height: 100vh;
+        }
+
+        .criticalError .criticalError-actions {
+          display: flex;
+          flex-flow: row;
+          gap: 20px;
+        }
+
+        .criticalError a {
+          border: 0;
+          border-radius: 12px;
+          padding: 10px 30px 10px 30px;
+          font-size: 1rem;
+          display: flex;
+          align-items: center;
+          flex-flow: row;
+          justify-content: center;
+          gap: 20px;
+          transition: 0.5s;
+          cursor: pointer;
+          text-decoration: none;
         }
 
         @media (prefers-color-scheme: dark) {
-          *,
-          a {
-            color: white;
-            background: #0a0a0a !important;
+          * {
+            background-color: #000000;
+          }
+
+          .criticalError .criticalError-message {
+            color: #fff;
+          }
+
+          .criticalError p {
+            color: rgba(255, 255, 255, 0.7529411765);
+          }
+
+          .criticalError a {
+            background: #0e1013;
+            box-shadow: 0 0 0 1px #484848;
+            color: #fff;
+          }
+
+          .criticalError a:hover {
+            background: #1e1e1e;
+          }
+        }
+
+        @media (prefers-color-scheme: light) {
+          body {
+            background-color: #fff;
+          }
+
+          .criticalError .criticalError-message {
+            color: #000;
+          }
+
+          .criticalError p {
+            color: rgba(0, 0, 0, 0.7529411765);
+          }
+
+          .criticalError a {
+            background: #fdfdfd;
+            box-shadow: 0 0 0 1px #484848;
+            color: #000;
+          }
+
+          .criticalError a:hover {
+            background: #f5f5f5;
           }
         }
       </style>
-      <h1>Error</h1>
-      <h2>You need to enable JavaScript to use Mue</h2>
-      <p>
-        Having trouble? Contact us:
-        <a href="https://muetab.com/contact">https://muetab.com/contact</a>
-      </p>
+      <div class="criticalError">
+        <div class="criticalError-message">
+          <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
+            >
+            <a href="https://discord.gg/zv8C9F8" target="_blank" rel="noreferrer"
+              >Support Discord</a
+            >
+          </div>
+        </div>
+      </div>
     </noscript>
     <div id="root"></div>
     <script type="module" src="/src/index.jsx"></script>

jsconfig.json

@@ -2,6 +2,8 @@
   "compilerOptions": {
     "module": "commonjs",
     "target": "es6",
+    "baseUrl": "src"
   },
-  "exclude": ["node_modules"],
+  "include": ["src"],
+  "exclude": ["node_modules"]
 }

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."
+  }
+}