Projects - Hacky Tag Tagger

Overview

Features

• Introduce fixed pinned tabs when requested.

• (The author, Haruki Sato, uses it with Workona - https://workona.com/)

Ongoing Implementation

• Migration to Vite

  • https://zenn.dev/hamakou108/articles/6fec7a13d0f857

• Migration to the Extension Manifest v3 (or the latest)

Behavior

on Window Creation

(https://developer.chrome.com/docs/extensions/reference/windows/#event-onCreated / https://developer.chrome.com/docs/extensions/reference/bookmarks/#method-getSubTree / https://developer.chrome.com/docs/extensions/reference/tabs/#method-create)

HTT automatically create

on Tab Creation

(https://developer.chrome.com/docs/extensions/reference/tabs/#event-onCreated)

Metadata

Dependencies

Notes

• Starting with https://vue-web-extension.netlify.app/intro/setup.html

  • https://github.com/vuejs/vue-cli/issues/7312

  • https://github.com/adambullmer/vue-cli-plugin-browser-extension/issues/136

  • https://github.com/adambullmer/vue-cli-plugin-browser-extension/issues/126

  • So tried with Vue CLI v4.5.19

    • and it depends on a specific node version?

  • $ nodenv install 17.9.1
    $ npm install -g @vue/cli@^4.0.0

    • → `Error: error:0308010C:digital envelope routines::unsupported

      https://qiita.com/akitkat/items/f455bbc088a408cbc3a5`

    • $ nodenv install 16.19.1
      $ nodenv local 16.19.1
      $ npm install -g @vue/cli@^4.0.0 

References

• Vue: https://cli.vuejs.org/guide/

• vue-web-extension: https://vue-web-extension.netlify.app/intro/setup.html

• Browser Extensions

  • Chrome Extension: https://developer.chrome.com/docs/extensions/

  • Edge Extension: https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/

• Misc

  • https://qiita.com/s_sh/items/f53b261b1ff849be3a2c