0.1.4

Author: PipecraftNet

README.md

@@ -1,6 +1,6 @@
 # v2ex.min - V2EX 极简风格
 
-V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+V2EX 极简风格，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
 
 ![screenshots](assets/v2ex.min-screenshots-01.png)
 ![screenshots](assets/v2ex.min-screenshots-02.png)
@@ -10,14 +10,14 @@ V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，
 
 ## Installation
 
-- Chrome Extension: TBD
-- Firefox Addon: TBD
+- Chrome Extension: [Manual Installation](manual-installation.md)
+- Edge Extension: [Manual Installation](manual-installation.md)
+- Firefox Addon: [Manual Installation](manual-installation.md)
 - Userscript: [https://greasyfork.org/scripts/463552-v2ex-min](https://greasyfork.org/scripts/463552-v2ex-min)
-- [Manual Installation](manual-installation.md)
 
 ## Development
 
-This extension/userscript built from [Browser Extension Starter and Userscript Starter](https://github.com/PipecraftNet/browser-extension-starter)
+This extension/userscript is built from [Browser Extension Starter and Userscript Starter](https://github.com/PipecraftNet/browser-extension-starter)
 
 ## Features
 

build/userscript-prod/v2ex.min.user.js

@@ -5,10 +5,10 @@
 // @namespace            https://github.com/v2hot/v2ex.min
 // @homepageURL          https://github.com/v2hot/v2ex.min#readme
 // @supportURL           https://github.com/v2hot/v2ex.min/issues
-// @version              0.1.3
-// @description          V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
-// @description:en       V2EX minimalist style，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
-// @description:zh-CN    V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+// @version              0.1.4
+// @description          V2EX 极简风格，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+// @description:en       V2EX minimalist style，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+// @description:zh-CN    V2EX 极简风格，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
 // @icon                 https://www.v2ex.com/favicon.ico
 // @author               Pipecraft
 // @license              MIT
@@ -25,6 +25,8 @@
 // ==/UserScript==
 //
 //// Recent Updates
+//// - 0.1.4 2023.04.18
+////    - 显示快捷按钮
 //// - 0.1.3 2023.04.12
 ////    - 隐藏最后回复者
 //// - 0.1.1 2023.04.12
@@ -229,10 +231,96 @@
     '*{box-shadow:unset !important;text-shadow:unset !important}.box,#Main .box,#Top,#Tabs,#Wrapper,#Bottom{background-image:unset !important;border:none !important}.cell,.box,.super.button,.topic_buttons,div[style*=border]{border:unset !important;background-image:unset !important}.count_livid{padding:0 !important;margin-right:0 !important;color:#999 !important;font-family:"Bender" !important;background-color:unset !important}body #Wrapper{background-color:#fff;--topic-link-color: #444444;--topic-link-hover-color: #217dfc;--primary-button-fill-color: #217dfc;--primary-button-text-color: #fff}body #Wrapper.Night{background-color:var(--box-background-color);--topic-link-color: #9caec7;--topic-link-hover-color: #a9bcd6;--primary-button-fill-color: #217dfc;--primary-button-text-color: #fff}a.topic-link:active,a.topic-link:link{color:var(--topic-link-color)}a.topic-link:hover{color:var(--topic-link-hover-color)}img{max-width:100%}body .super.button{background-color:var(--primary-button-fill-color);color:var(--primary-button-text-color);font-weight:400;border:transparent;border-radius:4px}body .super.button+.super.button{border-left:1px solid rgba(255,255,255,.2509803922) !important}body .super.button:not(.disable_now):hover,body .super.button:hover:enabled{background-color:var(--primary-button-fill-color) !important;opacity:85%;color:var(--primary-button-text-color) !important;font-weight:400;text-shadow:unset !important}'
   var no_ads_default =
     ".box:has(>style),div:has(>script),div:has(>.wwads-cn),.box:has(>.sidebar_compliance),div:has(>a>#DigitalOcean){display:none !important}"
+  var side_nav_default =
+    '#v2min_sideNav{--background-color: #000;--button-color: #aaa;--button-hover-color: #fff;--button-separator-color: #999;position:fixed;display:flex !important;bottom:0px;right:0px;background-color:var(--background-color);opacity:75%;border-top-left-radius:6px}#v2min_sideNav button{color:var(--button-color);font-size:18px;width:30px;height:30px;background-color:unset;border:none;position:relative}#v2min_sideNav button:hover{color:var(--button-hover-color)}#v2min_sideNav button:disabled{color:#778087;opacity:50%}#v2min_sideNav button::after{content:"";border-left:1px solid var(--button-separator-color);position:absolute;bottom:10px;right:-1px;width:1px;height:10px}#v2min_sideNav button:last-of-type::after{display:none}#v2min_sideNav button.fa-chevron-left,#v2min_sideNav button.fa-chevron-right,#v2min_sideNav button.fa-bell{font-size:14px}'
   var sticky_header_default =
     '#Top{position:fixed;top:0;width:100%;box-sizing:border-box}#Top .content{max-width:unset !important;width:100% !important}.site-nav .tools{flex:unset}.site-nav a[name=top]{margin-right:auto}#Wrapper::before{content:"";display:block;height:44px}#placeholder{height:38px}#Tabs{position:fixed;top:1px;padding:9px;border:none}#search-container{width:100px}#search-container:has(input:focus){width:300px}body:has(input:focus) #Tabs{display:none}@media only screen and (max-width: 1300px){.site-nav a[name=top]{visibility:hidden}}body{scroll-margin-top:44px}'
   var content_default =
     "#v2min_settings{position:fixed;top:10px;right:30px;min-width:250px;max-height:90%;overflow-y:auto;overflow-x:hidden;display:none;box-sizing:border-box;padding:10px 15px;background-color:#f3f3f3;z-index:100000;border-radius:5px;-webkit-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);-moz-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);box-shadow:0px 10px 39px 10px rgba(62,66,66,.22) !important}#v2min_settings h2{text-align:center;margin:5px 0 0;font-size:18px;font-weight:600;border:none}#v2min_settings footer{text-align:center;font-size:11px;margin:10px auto 0px}#v2min_settings footer a{color:#217dfc}#v2min_settings .option_groups{background-color:#fff;padding:6px 0 6px 15px;border-radius:10px;display:flex;flex-direction:column;margin:10px 0 0}#v2min_settings .option_groups .action{font-size:14px;border-top:1px solid #ccc;padding:6px 15px 6px 0;color:#217dfc;cursor:pointer}#v2min_settings .option_groups:nth-of-type(2){display:none}#v2min_settings .option_groups textarea{margin:10px 15px 10px 0;height:200px;width:300px;border:1px solid #a9a9a9}#v2min_settings .switch_option{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccc;padding:6px 15px 6px 0;font-size:14px}#v2min_settings .switch_option:first-of-type,#v2min_settings .option_groups .action:first-of-type{border-top:none}#v2min_settings .container{--button-width: 51px;--button-height: 24px;--toggle-diameter: 20px;--color-off: #e9e9eb;--color-on: #34c759;width:var(--button-width);height:var(--button-height);position:relative}#v2min_settings input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}#v2min_settings .switch{width:100%;height:100%;display:block;background-color:var(--color-off);border-radius:calc(var(--button-height)/2);cursor:pointer;transition:all .2s ease-out}#v2min_settings .slider{width:var(--toggle-diameter);height:var(--toggle-diameter);position:absolute;left:2px;top:calc(50% - var(--toggle-diameter)/2);border-radius:50%;background:#fff;box-shadow:0px 3px 8px rgba(0,0,0,.15),0px 3px 1px rgba(0,0,0,.06);transition:all .2s ease-out;cursor:pointer}#v2min_settings input[type=checkbox]:checked+.switch{background-color:var(--color-on)}#v2min_settings input[type=checkbox]:checked+.switch .slider{left:calc(var(--button-width) - var(--toggle-diameter) - 2px)}"
+  function showSideNav() {
+    if (!document.body) {
+      return
+    }
+    if (!$("#v2min_sideNav")) {
+      const sideNav = addElement(document.body, "div", {
+        id: "v2min_sideNav",
+        style: "display: none",
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-arrow-circle-up",
+        title: "Back to the top",
+        onclick() {
+          window.scrollTo({
+            top: 0,
+            behavior: "smooth",
+          })
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-comments",
+        title: "Comments",
+        disabled:
+          location.href.includes("/t/") && $("#Main > div:nth-child(4)")
+            ? void 0
+            : true,
+        onclick() {
+          window.scrollTo({
+            top:
+              $("#Main > div:nth-child(4)").offsetTop -
+              (getSettingsValue("stickyHeader") ? 44 : 0),
+            behavior: "smooth",
+          })
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-edit",
+        title: "Add comment",
+        value: "AA",
+        disabled:
+          location.href.includes("/t/") && $("#reply_content") ? void 0 : true,
+        onclick() {
+          $("#reply_content").focus()
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-chevron-left",
+        title: "Go to previous page",
+        disabled: $('*[title="\u4E0A\u4E00\u9875"]') ? void 0 : true,
+        onclick() {
+          $('*[title="\u4E0A\u4E00\u9875"]').click()
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-chevron-right",
+        title: "Go to next page",
+        disabled: $('*[title="\u4E0B\u4E00\u9875"]') ? void 0 : true,
+        onclick() {
+          $('*[title="\u4E0B\u4E00\u9875"]').click()
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-bell",
+        title: "Notifications",
+        onclick() {
+          location.href = "https://www.v2ex.com/notifications"
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-home",
+        title: "Home",
+        onclick() {
+          location.href = "/"
+        },
+      })
+      addElement(sideNav, "button", {
+        class: "fa fa-cog",
+        title: "Settings",
+        onclick() {
+          setTimeout(showSettings, 1)
+        },
+      })
+    }
+  }
   function createSwitch(options = {}) {
     const container = createElement("label", { class: "container" })
     const checkbox = createElement(
@@ -254,6 +342,9 @@
     div.append(createSwitch(options))
     return div
   }
+  var config = {
+    matches: ["https://*.v2ex.com/*", "https://v2hot.pipecraft.net/*"],
+  }
   var settingsTable = {
     minimalist: {
       title: "\u6781\u7B80\u98CE\u683C",
@@ -271,6 +362,10 @@
       title: "\u589E\u5F3A\u663E\u793A\u8282\u70B9\u540D",
       defaultValue: true,
     },
+    showSideNav: {
+      title: "\u663E\u793A\u5FEB\u6377\u6309\u94AE",
+      defaultValue: true,
+    },
     bodyBackgroundColor: {
       title: "\u53BB\u9664\u9875\u9762\u80CC\u666F\u8272",
       defaultValue: false,
@@ -410,6 +505,7 @@ body #Wrapper.Night {
             hidePinnedTopics: false,
             hideProfilePhoto: false,
             customStyle: false,
+            showSideNav: false,
           })
         },
       })
@@ -457,6 +553,10 @@ body #Wrapper.Night {
       }
       styles.push(hide_last_replier_default)
     }
+    if (getSettingsValue("showSideNav")) {
+      styles.push(side_nav_default)
+      showSideNav()
+    }
     if (getSettingsValue("hidePinnedTopics")) {
       styles.push(`/* Hide pinned topics */
     #Main > div:nth-child(2) > div[style*="corner"] {
@@ -491,6 +591,7 @@ body #Wrapper.Night {
     }
     #Tabs > a {
       min-width: 3.5em;
+      text-align: center;
     }
     `)
     }

package.json

@@ -2,9 +2,9 @@
   "name": "v2ex.min",
   "displayName": "v2ex.min - V2EX Minimalist (极简风格)",
   "displayName:zh-CN": "v2ex.min - V2EX 极简风格",
-  "version": "0.1.3",
-  "description": "V2EX minimalist style，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。",
-  "description:zh-CN": "V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。",
+  "version": "0.1.4",
+  "description": "V2EX minimalist style，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。",
+  "description:zh-CN": "V2EX 极简风格，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。",
   "author": "Pipecraft",
   "namespace": "https://github.com/v2hot/v2ex.min",
   "icon": "https://www.v2ex.com/favicon.ico",

release-notes/readme.md

@@ -0,0 +1,17 @@
+# Release Notes
+
+## 0.1.4 (2023.04.18)
+
+- 显示快捷按钮
+
+## 0.1.3 (2023.04.12)
+
+- 隐藏最后回复者
+
+## 0.1.1 (2023.04.12)
+
+- 修改去除页面背景色逻辑
+
+## 0.1.0 (2023.04.11)
+
+- 添加自定义功能选项，自定义样式功能

scripts/userscript/banner.txt

@@ -18,6 +18,8 @@
 // ==/UserScript==
 //
 //// Recent Updates
+//// - 0.1.4 2023.04.18
+////    - 显示快捷按钮
 //// - 0.1.3 2023.04.12
 ////    - 隐藏最后回复者
 //// - 0.1.1 2023.04.12

userscript-desc/readme.md

@@ -1,6 +1,6 @@
 # v2ex.min - V2EX Minimalist (极简风格)
 
-V2EX minimalist style，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+V2EX minimalist style，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
 
 > ⚠️ 部分样式在 Firefox 支持的不好。
 
@@ -11,6 +11,7 @@ V2EX minimalist style，扁平化 UI，导航栏顶部固定，去除背景图
 - ✅ 自定义功能选项
 - ✅ 自定义样式
 - ✅ 隐藏最后回复者
+- ✅ 快捷按钮
 - Theme 切换
 
 ## About

userscript-desc/zh-CN.md

@@ -1,6 +1,6 @@
 # v2ex.min - V2EX 极简风格
 
-V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
+V2EX 极简风格，扁平化 UI，导航栏顶部固定，快捷按钮，去除背景图片，支持黑暗模式，去除广告，去除不必要元素，支持隐藏头像，支持自定义样式。
 
 > ⚠️ 部分样式在 Firefox 支持的不好。
 
@@ -11,6 +11,7 @@ V2EX 极简风格，扁平化 UI，导航栏顶部固定，去除背景图片，
 - ✅ 自定义功能选项
 - ✅ 自定义样式
 - ✅ 隐藏最后回复者
+- ✅ 快捷按钮
 - Theme 切换
 
 ## About