mazkdevf / KeyAuth-Chrome-Extension

Archived version of Chrome Extension for KeyAuth. View link below this to see new one!

Home Page:https://github.com/mazkdevf/KeyAuth-Chrome-Extension-React/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

KeyAuth-Chrome-Extension

a chrome extension tools built with Vite + Vanilla + TypeScript, and Manifest v3

Shows how to do requests to server side (keyauth.win) nothing else really. Template generated with npx create-chrome-ext. New Ui will come in future.

Installing

  1. Check if your Node.js version is >= 14.
  2. Change or configurate the name of your extension on src/manifest.
  3. Run npm install to install the dependencies.

Preview of React version coming in future :)

img img img img img

Developing

  1. run the command
$ cd KeyAuth-Chrome-Extension
  1. Change Application Credentials in package.json > KeyAuth
  "KeyAuth": {
    "AppName": "",
    "OwnerId": "",
    "Version": "1.0"
  },
  1. run the command
$ npm run dev
  1. open chrome://extensions/ in your Chrome browser
  2. click 'Load unpacked', and select KeyAuth-Chrome-Extension/build folder
  3. click 'Update' button when you modify the code
  4. Done!

Chrome Extension Developer Mode

  1. set your Chrome browser 'Developer mode' up
  2. click 'Load unpacked', and select KeyAuth-Chrome-Extension/build folder

Normal FrontEnd Developer Mode

  1. access http://0.0.0.0:3000/
  2. when debugging popup page, open http://0.0.0.0:3000//popup.html

Packing

After the development of your extension run the command

$ npm run build

Now, the content of build folder will be the extension ready to be submitted to the Chrome Web Store. Just take a look at the official guide to more infos about publishing.

About

Archived version of Chrome Extension for KeyAuth. View link below this to see new one!

https://github.com/mazkdevf/KeyAuth-Chrome-Extension-React/

License:Other


Languages

Language:TypeScript 72.4%Language:CSS 21.5%Language:HTML 6.1%