Merge pull request #32 from NaturalSelectionLabs/develop

release: re-id v0.1.0

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"

.github/workflows/build-release.yml

@@ -0,0 +1,50 @@
+name: Release build
+
+on:
+  push:
+    tags:
+      - "v*.*.*"
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Checkout tag
+        run: |
+          git fetch --depth=1 origin +refs/tags/*:refs/tags/*
+          tag_name="${GITHUB_REF##*/}"
+          echo Tag $tag_name
+          git checkout $tag_name
+          echo "TAG_NAME=${tag_name}" >> $GITHUB_ENV
+        
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install Dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Build
+        run: yarn build
+
+      - name: Package
+        run: |
+          cd ./dist/ 
+          zip -r ../re-id.zip ./
+          cd ../
+
+      - name: Release
+        uses: softprops/action-gh-release@v1
+        with:
+          draft: true
+          name: ${{ env.TAG_NAME }}
+          tag_name: ${{ env.TAG_NAME }}
+          files: ./re-id.zip
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/build-test.yml

@@ -0,0 +1,29 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Build test
+
+on:
+  push:
+    branches: [ develop ]
+  pull_request:
+    branches: [ develop ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x, 16.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: yarn install --frozen-lockfile
+    - run: yarn build

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierrc.json

@@ -1,5 +1,6 @@
 {
     "tabWidth": 4,
     "singleQuote": true,
-    "trailingComma": "all"
+    "trailingComma": "all",
+    "printWidth": 120
 }

README.md

@@ -7,7 +7,7 @@ yarn
 yarn dev
 ```
 
-or 
+or
 
 ```bash
 npm install
@@ -20,4 +20,4 @@ Open `Developer mode` in the top right corner
 
 Click `Load unpacked` in the top left corner
 
-Select `path/Re-ID/dist`
+Select `path/Re-ID/dist`

package.json

@@ -1,61 +1,71 @@
 {
-  "name": "re-id",
-  "version": "0.0.1",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "dev": "webpack -w --mode development",
-    "build": "webpack --mode production",
-    "prepare": "husky install"
-  },
-  "lint-staged": {
-    "**/*": "prettier --write --ignore-unknown"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/NaturalSelectionLabs/Re-ID.git"
-  },
-  "keywords": [
-    "RSS3"
-  ],
-  "author": "NaturalSelectionLabs",
-  "bugs": {
-    "url": "https://github.com/NaturalSelectionLabs/Re-ID/issues"
-  },
-  "homepage": "https://github.com/NaturalSelectionLabs/Re-ID#readme",
-  "dependencies": {
-    "assert": "2.0.0",
-    "axios": "0.21.1",
-    "buffer": "6.0.3",
-    "crypto-browserify": "3.12.0",
-    "eth-crypto": "1.9.0",
-    "process": "0.11.10",
-    "stream-browserify": "3.0.0",
-    "typescript": "4.2.4",
-    "vue": "3.0.11",
-    "vue-class-component": "8.0.0-rc.1"
-  },
-  "devDependencies": {
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.2",
-    "@vue/compiler-sfc": "3.0.11",
-    "autoprefixer": "10.2.5",
-    "babel-loader": "8.2.2",
-    "copy-webpack-plugin": "9.0.0",
-    "css-loader": "5.2.6",
-    "cssnano": "5.0.4",
-    "html-webpack-plugin": "5.3.1",
-    "husky": "6.0.0",
-    "less-loader": "9.0.0",
-    "lint-staged": "11.0.0",
-    "postcss": "8.3.0",
-    "postcss-loader": "5.3.0",
-    "prettier": "2.3.0",
-    "ts-loader": "9.2.2",
-    "url-loader": "4.1.1",
-    "vue-loader": "16.2.0",
-    "vue-style-loader": "4.1.3",
-    "webpack": "5.37.1",
-    "webpack-cli": "4.7.0"
-  }
+    "name": "re-id",
+    "version": "0.1.0",
+    "description": "",
+    "main": "index.js",
+    "scripts": {
+        "dev": "webpack -w --mode development",
+        "build": "NODE_ENV=production webpack --mode production",
+        "prepare": "husky install"
+    },
+    "lint-staged": {
+        "**/*": "prettier --write --ignore-unknown"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/NaturalSelectionLabs/Re-ID.git"
+    },
+    "keywords": [
+        "RSS3"
+    ],
+    "author": "NaturalSelectionLabs",
+    "bugs": {
+        "url": "https://github.com/NaturalSelectionLabs/Re-ID/issues"
+    },
+    "homepage": "https://github.com/NaturalSelectionLabs/Re-ID#readme",
+    "dependencies": {
+        "assert": "2.0.0",
+        "axios": "0.21.1",
+        "buffer": "6.0.3",
+        "crypto-browserify": "3.12.0",
+        "eth-crypto": "1.9.0",
+        "lodash": "4.17.21",
+        "moment": "2.29.1",
+        "postcss-nested": "5.0.5",
+        "process": "0.11.10",
+        "rss3": "0.3.9",
+        "stream-browserify": "3.0.0",
+        "typescript": "4.3.4",
+        "vue": "3.1.2",
+        "vue-class-component": "8.0.0-rc.1",
+        "vue-moment": "4.1.0"
+    },
+    "devDependencies": {
+        "@babel/core": "7.14.6",
+        "@babel/preset-env": "7.14.7",
+        "@types/chrome": "0.0.145",
+        "@types/lodash": "4.14.170",
+        "@vue/compiler-sfc": "3.1.2",
+        "autoprefixer": "10.2.6",
+        "babel-loader": "8.2.2",
+        "copy-webpack-plugin": "9.0.1",
+        "css-loader": "5.2.6",
+        "cssnano": "5.0.6",
+        "html-webpack-plugin": "5.3.2",
+        "husky": "6.0.0",
+        "less-loader": "10.0.0",
+        "lint-staged": "11.0.0",
+        "postcss": "8.3.5",
+        "postcss-loader": "6.1.0",
+        "prettier": "2.3.2",
+        "tailwindcss": "2.2.4",
+        "terser-webpack-plugin": "5.1.4",
+        "ts-loader": "9.2.3",
+        "url-loader": "4.1.1",
+        "vue-loader": "16.2.0",
+        "vue-router": "4.0.10",
+        "vue-style-loader": "4.1.3",
+        "webpack": "5.40.0",
+        "webpack-cli": "4.7.2"
+    }
 }

public/manifest.json

@@ -1,14 +1,14 @@
 {
     "manifest_version": 3,
     "name": "Re: ID",
-    "version": "0.0.1",
+    "version": "0.1.0",
 
     "action": {
         "default_popup": "popup.html",
         "default_icon": {
-          "16": "images/icon16.png",
-          "24": "images/icon24.png",
-          "32": "images/icon32.png"
+            "16": "images/icon16.png",
+            "24": "images/icon24.png",
+            "32": "images/icon32.png"
         }
     },
     "description": "This is Re: ID",
@@ -20,15 +20,16 @@
 
     "author": "NaturalSelectionLabs",
     "background": {
-      "service_worker": "background.js"
+        "service_worker": "background.js"
     },
-    "content_scripts": [{
-        "matches": ["https://twitter.com/home"],
-        "js": ["content-script.js"]
-    }],
-    "homepage_url": "https://rss3.io/",
-    "permissions": ["tabs"],
-    "host_permissions": [
-        "https://twitter.com/home"
-    ]
-}
+    "content_scripts": [
+        {
+            "matches": ["https://twitter.com/*"],
+            "js": ["content-script.js"]
+        }
+    ],
+    "options_page": "options.html",
+    "homepage_url": "https://reid.town/",
+    "permissions": ["tabs", "storage"],
+    "host_permissions": ["https://twitter.com/*"]
+}

src/assets/index.ejs

@@ -4,6 +4,8 @@
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap" rel="stylesheet">
     </head>
     <body>
         <div id="app"></div>

src/assets/main.css

@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    body {
+        @apply font-montserrat;
+    }
+
+    ::-webkit-scrollbar {
+        width: 3px;
+        height: 3px;
+    }
+    ::-webkit-scrollbar-thumb {
+        background: #c5c5c7;
+        border-radius: 2px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+        background: #3c3c43;
+    }
+}

src/background/index.ts

@@ -1 +1,40 @@
-console.log('background');
+const supportedHost = ['twitter.com'];
+
+function setIcon(url: string) {
+    const host = new URL(url).host;
+    if (supportedHost.indexOf(host) !== -1) {
+        chrome.action.setIcon({
+            path: {
+                '16': 'images/icon16a.png',
+                '24': 'images/icon24a.png',
+                '32': 'images/icon32a.png',
+            },
+        });
+    } else {
+        chrome.action.setIcon({
+            path: {
+                '16': 'images/icon16.png',
+                '24': 'images/icon24.png',
+                '32': 'images/icon32.png',
+            },
+        });
+    }
+}
+chrome.tabs.onActivated.addListener((tab) => {
+    chrome.tabs.query(
+        {
+            active: true,
+        },
+        (tab) => {
+            if (tab?.[0]?.url) {
+                setIcon(tab[0].url);
+            }
+        },
+    );
+});
+
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+    if (changeInfo.url && tab.active) {
+        setIcon(changeInfo.url);
+    }
+});