Giter VIP home page Giter VIP logo

sebvandijk / shortlink-chrome Goto Github PK

View Code? Open in Web Editor NEW

This project forked from r3bl-org/shortlink

0.0 0.0 0.0 1.44 MB

This Chrome extension provides a browser action that simply allows the user to create a shortlink for all the selected tabs in the current window. It can be activated via a keyboard shortcut Alt + L. To use it, in the omnibar, type go then press Tab, then type the phrase you have created a shortlink for earlier & it will open the tab(s).

Home Page: https://chrome.google.com/webstore/detail/shorty/ffhfkgcfbjoadmhdmdcmigopbfkddial?hl=en-US&gl=US

License: MIT License

Shell 0.79% JavaScript 12.91% TypeScript 71.52% CSS 14.28% HTML 0.49%

shortlink-chrome's Introduction

Shortcut - a browser extension written in Typescript and React

Table of contents:

Demo of it in action

shortlink-demo-2023-10-08_10.58.52.mp4

What is it?

Years ago when I used to work at Google, there was a way to create something called a "go link". Here's a deprecated extension in the Chrome store that replicated this functionality. The idea was to create a name that you can remember to represent one or more tabs. So for example, if you want to visit your "banking" sites, you can create a shortlink called "banking" to open Bank of America and Bank of the West websites for example.

This is equivalent to creating a bookmark. Except it is much faster and you can just type "go" into your chrome address bar, and then press Tab, then type "banking". Press Enter and your tabs will reopen!

Currently this browser extension is only available for Chrome. If you would like to contribute there are plenty of issues that need to be worked on. And one of them is porting this to Firefox and Edge.

Prerequisites

Option

Includes the following

  • TypeScript
  • Webpack
  • React
  • Jest
  • Code
    • Chrome Storage
    • Badge number
    • Background script

Project Structure

Folder Description
src/ TypeScript source files
public/ static files
dist Chrome Extension directory
dist/js Generated JavaScript files

Setup

npm install

Build

npm run build

Build in watch mode

terminal

npm run watch

Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory.

Test

Run npx jest or npm run test.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.