feat: firefox and chrome extensions

.envrc

@@ -0,0 +1 @@
+use flake

.eslintrc.cjs

@@ -0,0 +1,35 @@
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:prettier/recommended",
+    "plugin:storybook/recommended",
+    "plugin:jsx-a11y/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  plugins: [
+    "@typescript-eslint",
+    "react",
+    "react-hooks",
+    "prettier",
+    "jsx-a11y",
+  ],
+  root: true,
+  settings: {
+    react: { version: "detect" },
+  },
+  rules: {
+    "jsx-a11y/no-autofocus": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+        destructuredArrayIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+      },
+    ],
+  },
+};

.github/workflows/build.yaml

@@ -0,0 +1,41 @@
+name: Build, Test and Lint Armaria Extension
+
+on:
+  pull_request:
+    types: [opened, synchronize]
+
+permissions:
+  contents: read
+  pull-requests: read
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v5
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Check Versions
+        run: ./scripts/check-versions.sh
+      - name: Install Nix
+        uses: cachix/install-nix-action@v22
+      - name: Install
+        run: npm install
+        shell: nix develop --command bash -e {0}
+      - name: Check
+        run: npm run check
+        shell: nix develop --command bash -e {0}
+      - name: Test
+        run: npm run test
+        shell: nix develop --command bash -e {0}
+      - name: Lint
+        run: npm run lint
+        shell: nix develop --command bash -e {0}
+      - name: Build
+        run: npm run build
+        shell: nix develop --command bash -e {0}

.github/workflows/release.yml

@@ -0,0 +1,30 @@
+name: Release Armaria Extension
+
+on:
+  push:
+    tags:
+      - '*'
+
+permissions:
+  contents: write
+
+jobs:
+  realease:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Nix
+        uses: cachix/install-nix-action@v22
+      - name: Install
+        run: npm install
+        shell: nix develop --command bash -e {0}
+      - name: Build
+        run: npm run build
+        shell: nix develop --command bash -e {0}
+      - name: Release
+        uses: softprops/action-gh-release@v1
+        with:
+          files: |
+            dist/firefox/*.zip
+            dist/chrome/*.zip

.github/workflows/tag.yaml

@@ -0,0 +1,18 @@
+name: Tag Armaria Extension
+
+permissions:
+  contents: write
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  tag:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Push Tag
+        run: ./scripts/tag.sh

.gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.parcel-cache
+.direnv
+.tap

.parcelrc

@@ -0,0 +1,4 @@
+{
+  "extends": "@parcel/config-default",
+  "namers": [ "parcel-namer-hashless" ],
+}

.postcssrc

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "tailwindcss": {}
+  }
+}

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-organize-imports"]
+}

.storybook/main.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+    "@storybook/addon-a11y",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+
+export default config;

.storybook/preview.ts

@@ -0,0 +1,17 @@
+import type { Preview } from "@storybook/react";
+
+import "../src/actions/add-book/add-book.css";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;