chore: update README and add an icon (#7)

README.md

@@ -1,7 +1,12 @@
-# Protonfox
-Protonfox is an extension for [Firefox](https://firefox.com) that displays [ProtonDB](https://protondb.com) ratings on Steam.
+<p align="center"><img alt="Icon" src=".github/assets/protonfox.png" /></p>
+<h1 align="center">Protonfox</h1>
+<p align="center">Protonfox is an extension for <a href="https://firefox.com">Firefox</a> that displays <a href="https://protondb.com">ProtonDB</a> ratings on Steam.</p>
 
-![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/mxgic1337/protonfox/build-check.yml?style=flat-square) ![GitHub package.json version](https://img.shields.io/github/package-json/v/mxgic1337/protonfox?style=flat-square)
+<p align="center"><img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/mxgic1337/protonfox/build-check.yml?style=flat-square"> <img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/mxgic1337/protonfox?style=flat-square&logo=nodedotjs&logoColor=%23fff"> <img alt="Mozilla Add-on Version" src="https://img.shields.io/amo/v/protonfox-for-steam?style=flat-square&logo=firefox&logoColor=%23fff"></p>
+
+<h3 align="center"><a href="https://addons.mozilla.org/en-US/firefox/addon/protonfox-for-steam/">🧩 Install for Firefox</a></p>
+
+---
 
 ![preview.png](.github/assets/preview.png)
 

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "protonfox",
-	"version": "0.3.0",
-	"description": "Displays information about game compatibility with Proton on Steam.",
+	"version": "0.3.1",
+	"description": "Extension that displays information about game compatibility with Proton on Steam.",
 	"type": "module",
 	"scripts": {
 		"build": "webpack --mode production && node scripts/manifest.cjs"

scripts/manifest.cjs

@@ -3,9 +3,13 @@ const path = require('path')
 
 const packageJsonContent = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'package.json')).toString())
 
+const iconPath = path.join(__dirname, '..', 'src', 'assets', 'icon-48.png')
+const iconDistPath = path.join(__dirname, '..', 'dist', 'assets', 'icon-48.png')
 const manifestPath = path.join(__dirname, '..', 'src', 'manifest.json')
 const manifestDistPath = path.join(__dirname, '..', 'dist', 'manifest.json')
 
+fs.cpSync(iconPath, iconDistPath)
+
 let manifestContent = fs.readFileSync(manifestPath).toString();
 manifestContent = manifestContent.replaceAll('{{ version }}', packageJsonContent.version);
 manifestContent = manifestContent.replaceAll('{{ description }}', packageJsonContent.description);

src/manifest.json

@@ -13,6 +13,9 @@
 			]
 		}
 	],
+	"icons": {
+		"48": "assets/icon-48.png"
+	},
 	"permissions": [
 		"*://*.protondb.com/api/v1/*"
 	]