Add project files.

Author: Bims-sh

.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# testing
+coverage
+
+# production
+dist
+
+# misc
+.DS_Store
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# lock files
+yarn.lock
+package-lock.json
+
+# debug files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# extension.js
+extension-env.d.ts
+
+# IDE files
+.idea/
+.vs/

README.md

@@ -0,0 +1,3 @@
+# ghcss-extension
+
+A simple extension that allows users to view custom css on GitHub profiles.

images/extension_128.png

@@ -0,0 +1,26 @@
+{
+  "manifest_version": 3,
+  "version": "1.0",
+  "name": "ghcss-extension",
+  "description": "A simple extension that allows users to view custom css on GitHub profiles.",
+  "author": "Bims-sh",
+  "permissions": [
+    "activeTab",
+    "tabs",
+    "storage"
+  ],
+  "icons": {
+    "48": "images/extension_48.png",
+    "128": "images/extension_128.png"
+  },
+  "background": {
+    "chromium:service_worker": "src/background.ts",
+    "firefox:scripts": ["src/background.ts"]
+  },
+  "content_scripts": [
+    {
+      "matches": ["*://*.github.com/*"],
+      "js": ["src/content/ghcss.ts"]
+    }
+  ]
+}

images/extension_48.png

@@ -0,0 +1,21 @@
+{
+  "name": "ghcss-extension",
+  "description": "A simple extension that allows users to view custom css on GitHub profiles.",
+  "version": "0.0.1",
+  "license": "MIT",
+  "author": {
+    "name": "Bims-sh",
+    "email": "contact@bims.sh",
+    "url": "https://bims.sh"
+  },
+  "devDependencies": {
+    "typescript": "5.3.3",
+    "extension": "latest"
+  },
+  "scripts": {
+    "dev": "extension dev",
+    "start": "extension start",
+    "build": "extension build"
+  },
+  "dependencies": {}
+}

manifest.json

@@ -0,0 +1 @@
+console.log("Hello world!")

package.json

@@ -0,0 +1,16 @@
+import {fetchGitHubCss} from "../lib/utils/GitHubUtils";
+import {injectCss} from "../lib/utils/InjectCss";
+
+async function main() {
+    try {
+        const css = await fetchGitHubCss();
+        
+        if (css !== null) {
+            injectCss(css);
+        }
+    } catch (error) {
+        console.error(error);
+    }
+}
+
+main().then();

src/background.ts

@@ -0,0 +1,5 @@
+export enum GitHubPageType {
+    User = "User",
+    Repo = "Repo",
+    Organization = "Organization"
+}

src/content/ghcss.ts

@@ -0,0 +1,35 @@
+export async function fetchMainBranch(owner: string, repo: string): Promise<string | null> {
+    const url = `https://api.github.com/repos/${owner}/${repo}`;
+
+    try {
+        const response = await fetch(url);
+        
+        if (response.status === 404) {
+            return null;
+        }
+        
+        const data = await response.json();
+
+        return data.default_branch || null;
+    } catch (error) {
+        console.log(`Failed to fetch JSON: ${error}`);
+        return null;
+    }
+}
+
+export async function fetchPlainCss(url: string): Promise<string | null> {
+    try {
+        const response = await fetch(url, { headers: { "Accept": "text/plain" } });
+        
+        if (response.status === 404) {
+            return null;
+        }
+        
+        console.log(`Successfully fetched custom CSS from ${url}`);
+        
+        return await response.text();
+    } catch (error) {
+        console.log(`Failed to fetch text: ${error}`);
+        return null;
+    }
+}