💥 Support full features

Author: Freed-Wu

.gitignore

@@ -0,0 +1,96 @@
+*.zip
+package-lock.json
+yarn.lock
+.yarnrc.yml
+.yarn/
+
+# create by https://github.com/iamcco/coc-gitignore (Fri Mar 07 2025 15:53:33 GMT+0800 (China Standard Time))
+# Node.gitignore:
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/

README.md

@@ -1,29 +1,44 @@
 # browser-bitahub
 
-[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/Freed-Wu/browser-bitahub/main.svg)](https://results.pre-commit.ci/latest/github/Freed-Wu/browser-bitahub/main)
-
-[![github/downloads](https://shields.io/github/downloads/Freed-Wu/browser-bitahub/total)](https://github.com/Freed-Wu/browser-bitahub/releases)
-[![github/downloads/latest](https://shields.io/github/downloads/Freed-Wu/browser-bitahub/latest/total)](https://github.com/Freed-Wu/browser-bitahub/releases/latest)
-[![github/issues](https://shields.io/github/issues/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/issues)
-[![github/issues-closed](https://shields.io/github/issues-closed/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/issues?q=is%3Aissue+is%3Aclosed)
-[![github/issues-pr](https://shields.io/github/issues-pr/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/pulls)
-[![github/issues-pr-closed](https://shields.io/github/issues-pr-closed/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/pulls?q=is%3Apr+is%3Aclosed)
-[![github/discussions](https://shields.io/github/discussions/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/discussions)
-[![github/milestones](https://shields.io/github/milestones/all/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/milestones)
-[![github/forks](https://shields.io/github/forks/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/network/members)
-[![github/stars](https://shields.io/github/stars/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/stargazers)
-[![github/watchers](https://shields.io/github/watchers/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/watchers)
-[![github/contributors](https://shields.io/github/contributors/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/graphs/contributors)
-[![github/commit-activity](https://shields.io/github/commit-activity/w/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/graphs/commit-activity)
-[![github/last-commit](https://shields.io/github/last-commit/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/commits)
-[![github/release-date](https://shields.io/github/release-date/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/releases/latest)
-
-[![github/license](https://shields.io/github/license/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub/blob/main/LICENSE)
-[![github/languages](https://shields.io/github/languages/count/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
-[![github/languages/top](https://shields.io/github/languages/top/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
-[![github/directory-file-count](https://shields.io/github/directory-file-count/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
-[![github/code-size](https://shields.io/github/languages/code-size/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
-[![github/repo-size](https://shields.io/github/repo-size/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
-[![github/v](https://shields.io/github/v/release/Freed-Wu/browser-bitahub)](https://github.com/Freed-Wu/browser-bitahub)
+[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/ustc-ivclab/browser-bitahub/main.svg)](https://results.pre-commit.ci/latest/github/ustc-ivclab/browser-bitahub/main)
+
+[![github/downloads](https://shields.io/github/downloads/ustc-ivclab/browser-bitahub/total)](https://github.com/ustc-ivclab/browser-bitahub/releases)
+[![github/downloads/latest](https://shields.io/github/downloads/ustc-ivclab/browser-bitahub/latest/total)](https://github.com/ustc-ivclab/browser-bitahub/releases/latest)
+[![github/issues](https://shields.io/github/issues/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/issues)
+[![github/issues-closed](https://shields.io/github/issues-closed/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/issues?q=is%3Aissue+is%3Aclosed)
+[![github/issues-pr](https://shields.io/github/issues-pr/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/pulls)
+[![github/issues-pr-closed](https://shields.io/github/issues-pr-closed/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/pulls?q=is%3Apr+is%3Aclosed)
+[![github/discussions](https://shields.io/github/discussions/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/discussions)
+[![github/milestones](https://shields.io/github/milestones/all/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/milestones)
+[![github/forks](https://shields.io/github/forks/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/network/members)
+[![github/stars](https://shields.io/github/stars/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/stargazers)
+[![github/watchers](https://shields.io/github/watchers/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/watchers)
+[![github/contributors](https://shields.io/github/contributors/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/graphs/contributors)
+[![github/commit-activity](https://shields.io/github/commit-activity/w/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/graphs/commit-activity)
+[![github/last-commit](https://shields.io/github/last-commit/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/commits)
+[![github/release-date](https://shields.io/github/release-date/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/releases/latest)
+
+[![github/license](https://shields.io/github/license/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub/blob/main/LICENSE)
+[![github/languages](https://shields.io/github/languages/count/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
+[![github/languages/top](https://shields.io/github/languages/top/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
+[![github/directory-file-count](https://shields.io/github/directory-file-count/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
+[![github/code-size](https://shields.io/github/languages/code-size/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
+[![github/repo-size](https://shields.io/github/repo-size/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
+[![github/v](https://shields.io/github/v/release/ustc-ivclab/browser-bitahub)](https://github.com/ustc-ivclab/browser-bitahub)
 
 Display [bitahub](https://bitahub.ustc.edu.cn/resources) GPU status in browser.
+
+![screenshot](https://github.com/user-attachments/assets/ca8c33ab-f6f0-4fff-99e4-8d0fe8812bd2)
+
+Also support firefox on Android.
+
+![android](https://github.com/user-attachments/assets/497ce79f-539a-4f6e-a1cb-7f6e792a34b0)
+
+## Install
+
+- [firefox](https://addons.mozilla.org/en-US/firefox/addon/bitahub/)
+- [firefox on Android](https://addons.mozilla.org/en-US/android/addon/bitahub/)
+
+## Related Projects
+
+- [tmux-bitahub](https://github.com/ustc-ivclab/tmux-bitahub)

assets/css/index.css

@@ -10,14 +10,16 @@ th,
 td {
 	border: 1px solid #666;
 	padding: 5px;
+	text-align: center;
 }
 
 /* th单元格 */
 .slash-wrap {
 	position: relative;
 	box-sizing: border-box;
-	width: 60px;
-	height: 45px;
+	/* 3:4:5 */
+	height: 52.5px;
+	width: 70px;
 }
 
 /* 斜线 */
@@ -27,7 +29,7 @@ td {
 	top: 0;
 	left: 0;
 	/* Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)) */
-	width: 75px;
+	width: 87.5px;
 	height: 1px;
 	background-color: #000;
 	/*  Math.atan(height / width) * 180 / Math.PI  */
@@ -49,12 +51,23 @@ td {
 	top: 0px;
 }
 
+td {
+	color: orange;
+}
+
 .item {
-	text-align: center;
 	cursor: pointer;
 	background-color: #e5f2f2;
 }
 
 .item:hover {
 	background-color: #cff2f2;
 }
+
+.full {
+	color: green;
+}
+
+.zero {
+	color: red;
+}

assets/js/index.js

@@ -1 +1,44 @@
-document.body.style.border = "5px solid red";
+const parser = new DOMParser();
+const number_gpu_max = 8
+
+let resources = ["gtx1080ti", "rtx3090", "teslav100"];
+for (const resource of resources) {
+	fetch("https://bitahub.ustc.edu.cn/resources/" + resource)
+		.then((response) => {
+			if (!response.ok) {
+				throw new Error("Network failure");
+			}
+			return response.text();
+		})
+		.then((html) => {
+			const doc = parser.parseFromString(html, "text/html");
+			let numbers = [];
+			for (const [i, td] of doc.querySelectorAll("td").entries()) {
+				if (i % 7 === 1) {
+					numbers.push(Number(td.textContent))
+				}
+			}
+			const tr = document.querySelector("#" + resource)
+			for (let i = 1, len = number_gpu_max + 1; i < len; i++) {
+				for (const td of tr.querySelectorAll(".n" + i)) {
+					td.textContent = numbers.filter(x => x == i).length
+				}
+			}
+			for (const element of tr.querySelectorAll(Array.from({length: number_gpu_max}, (_, index) => ".n" + (index + 1)).join())) {
+				const number = Number(element.textContent);
+				if (number === 0) {
+					element.classList.add("zero");
+				} else if (number >= numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / (number_gpu_max + 1)) {
+					element.classList.add("full");
+				}
+			}
+		})
+		.catch((error) => {
+			for (const element of document.querySelectorAll(".hidden")) {
+				element.classList.remove("hidden");
+				for (const p of element.querySelectorAll("p")) {
+					p.textContent = error;
+				}
+			}
+		});
+}

index.html

@@ -9,55 +9,51 @@
     <table id="popup-content">
       <tr>
         <th class="slash-wrap">
-          <span class="left">GPU</span>
+          <span class="left"><a href="https://bitahub.ustc.edu.cn/resources" title="https://bitahub.ustc.edu.cn/resources">GPU</a></span>
           <span class="slash"></span>
-          <span class="right">free</span>
+          <span class="right"><a href="https://bitahub.ustc.edu.cn/" title="https://bitahub.ustc.edu.cn/">free</a></span>
         </th>
-        <th>0</th>
-        <th>1</th>
-        <th>2</th>
-        <th>3</th>
-        <th>4</th>
-        <th>5</th>
-        <th>6</th>
-        <th>7</th>
         <th>8</th>
+        <th>7</th>
+        <th>6</th>
+        <th>5</th>
+        <th>4</th>
+        <th>3</th>
+        <th>2</th>
+        <th>1</th>
       </tr>
-      <tr id="1080ti">
-        <td class="item">1080ti</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
+      <tr id="gtx1080ti">
+        <td class="item"><a href="https://bitahub.ustc.edu.cn/resources/gtx1080ti" title="https://bitahub.ustc.edu.cn/resources/gtx1080ti">1080ti</a></td>
+        <td class="n8">0</td>
+        <td class="n7">0</td>
+        <td class="n6">0</td>
+        <td class="n5">0</td>
+        <td class="n4">0</td>
+        <td class="n3">0</td>
+        <td class="n2">0</td>
+        <td class="n1">0</td>
       </tr>
-      <tr id="3090">
-        <td class="item">3090</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
+      <tr id="rtx3090">
+        <td class="item"><a href="https://bitahub.ustc.edu.cn/resources/rtx3090" title="https://bitahub.ustc.edu.cn/resources/rtx3090">3090</a></td>
+        <td class="n8">0</td>
+        <td class="n7">0</td>
+        <td class="n6">0</td>
+        <td class="n5">0</td>
+        <td class="n4">0</td>
+        <td class="n3">0</td>
+        <td class="n2">0</td>
+        <td class="n1">0</td>
       </tr>
-      <tr id="v100">
-        <td class="item">v100</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
-        <td class="number">0</td>
+      <tr id="teslav100">
+        <td class="item"><a href="https://bitahub.ustc.edu.cn/resources/teslav100" title="https://bitahub.ustc.edu.cn/resources/teslav100">v100</a></td>
+        <td class="n8">0</td>
+        <td class="n7">0</td>
+        <td class="n6">0</td>
+        <td class="n5">0</td>
+        <td class="n4">0</td>
+        <td class="n3">0</td>
+        <td class="n2">0</td>
+        <td class="n1">0</td>
       </tr>
     </table>
     <div id="error-content" class="hidden">

manifest.json

@@ -1,13 +1,21 @@
 {
-	"manifest_version": 2,
+	"manifest_version": 3,
 	"name": "bitahub",
 	"version": "1.0",
 	"description": "Display GPU information of bitahub",
+	"host_permissions": [
+		"https://bitahub.ustc.edu.cn/resources"
+	],
 	"icons": {
 		"48": "assets/icons/48.png"
 	},
-	"browser_action": {
+	"action": {
 		"default_title": "bitahub",
 		"default_popup": "index.html"
-	}
+	},
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "[email protected]"
+    }
+  }
 }

package.json

@@ -1,8 +1,11 @@
 {
 	"devDependencies": {
+		"@biomejs/biome": "*",
 		"web-ext": "*"
 	},
 	"scripts": {
-		"run": "web-ext run"
+		"build": "web-ext build --overwrite-dest",
+		"run": "web-ext run",
+		"check": "web-ext lint && biome check"
 	}
 }