Naive implementation.

Author: ntwigg

README.md

@@ -9,4 +9,9 @@ TODO: screenshot of GitHub comment syntax highlighting
 
 TODO: screenshot of comment draft storage and restoration
 
-If there's something you'd like to add or fix, see [CONTRIBUTING.md](CONTRIBUTING.md).
+If there's something you'd like to add or fix, see [CONTRIBUTING.md](CONTRIBUTING.md).
+
+Special thanks to:
+- [overtype](https://github.com/panphora/overtype) for the trick which makes syntax highlighting possible
+- [shiki](https://github.com/shikijs/shiki) for the broad library of syntax highlighters
+- [Yukai Huang](https://github.com/Yukaii) for [the PRs](https://github.com/panphora/overtype/issues?q=is%3Apr+author%3AYukaii) which made the two work together

browser-extension/README.md

@@ -0,0 +1,36 @@
+# Gitcasso browser extension
+
+## Developer quickstart
+
+### Hotreload development
+
+- `npm install`
+- `npm run dev`
+- open [`chrome://extensions`](chrome://extensions)
+- toggle **Developer mode** (top-right)
+- click "Load unpacked" (far left)
+  - `browser-extension/.output/chrome-mv3-dev`
+  - if you can't find `.output`, it's probably hidden, `command+shift+period` will show it
+- click the puzzle icon next to the url bar, then pin the Gitcasso icon
+
+### Testing and quality
+- `npm run biome` - runs `biome check` (lint & formatting)
+- `npm run biome:fix` - fixes most of what `biome check` finds
+- `npm run compile` - typechecking
+- `npm run test` - vitest
+
+### Deployment
+- `npm run build` - build for mv3 for most browsers
+- `npm run build:firefox` - build mv2 specifically for Firefox
+
+## How it works
+
+This is a [WXT](https://wxt.dev/)-based browser extension that
+
+- finds `textarea` components and decorates them with [overtype](https://overtype.dev/) and [shiki](https://github.com/shikijs/shiki). 
+- stores unposted comment drafts, and makes them easy to find via the extension popup
+
+### Entry points
+
+- src/entrypoints/content.ts - injected into every webpage
+- src/entrypoints/popup - html/css/ts which opens when the extension's button gets clicked

browser-extension/biome.json

@@ -0,0 +1,78 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json",
+  "assist": {
+    "actions": {
+      "source": {
+        "useSortedKeys": "on"
+      }
+    },
+    "enabled": true
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": [".*", "src/**", "tests/**"]
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 100
+  },
+  "javascript": {
+    "formatter": {
+      "arrowParentheses": "always",
+      "attributePosition": "auto",
+      "bracketSameLine": false,
+      "bracketSpacing": true,
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "asNeeded",
+      "quoteStyle": "single",
+      "semicolons": "asNeeded",
+      "trailingCommas": "all"
+    }
+  },
+  "json": {
+    "formatter": {
+      "trailingCommas": "none"
+    }
+  },
+  "linter": {
+    "rules": {
+      "complexity": {
+        "noExcessiveCognitiveComplexity": "warn"
+      },
+      "correctness": {
+        "noUnusedVariables": "error",
+        "useValidTypeof": "error"
+      },
+      "recommended": true,
+      "style": {
+        "noDefaultExport": "off",
+        "noNonNullAssertion": "warn",
+        "noParameterAssign": {
+          "options": {
+            "propertyAssignment": "deny"
+          }
+        },
+        "useConst": "error",
+        "useTemplate": "error"
+      },
+      "suspicious": {
+        "noConsole": {
+          "options": {
+            "allow": ["assert", "error", "info", "warn"]
+          }
+        },
+        "noExplicitAny": "error",
+        "noVar": "error"
+      }
+    }
+  },
+  "vcs": {
+    "clientKind": "git",
+    "enabled": false,
+    "useIgnoreFile": true
+  }
+}