Coder Social home page Coder Social logo

stickers's Introduction

Yoann sticker chrome extension

What is it

This is a chrome extension that will suggest stickers (gifs, images, etc...) from anywhere you may type in chrome. The plus side is that it's compatible with all kind of messenging webapps (facebook, discord, etc...). The minus side is that it looks at everything you're typing on chrome. It doesn't store anything, much less send anything online, please verify for yourself in the code, but let me reiterate IT DOES LOOK AT EVERYTHING YOU TYPE. Therefore, I only recommend it for experts only and I won't publish it on the chrome extension store.

How do I install it?

You download this as a zip, unzip it, look at your chrome extensions and tell it "load unpacked" and TADA it works.

How does it work?

Setup

It is centered around 3 concepts:

  • stickers, which are any image media, represented by their URL
  • trigger words, the words that are going to trigger the appearance of the sticker
  • keywords, a kind of generic trigger word. For instance you might have the keyword "sad" to encompass all the trigger words "cry", "sad", ":(", etc...

Therefore this extension requires two CSVs. One that defines the mapping between keywords and trigger words:

Example: https://docs.google.com/spreadsheets/d/e/2PACX-1vTIxCFi4KCY6IvBPoHJJBu1KtPoHiZGQPChPHqzpfg0YxzM4BaKSBoFFoGf09kmVkhLsQ6vbLEsKBbJ/pub?gid=0&single=true&output=csv

And one that defines the mapping between stickers and words (trigger or keywords) that correspond:

Example: https://docs.google.com/spreadsheets/d/e/2PACX-1vTIxCFi4KCY6IvBPoHJJBu1KtPoHiZGQPChPHqzpfg0YxzM4BaKSBoFFoGf09kmVkhLsQ6vbLEsKBbJ/pub?gid=2145090485&single=true&output=csv

The idea is that in that way, you can just write the words that describe your stickers, and the system will take care of expanding it into a full list of triggers.

Both of these are hosted on Google Spreadsheet, which is, at least currently, a pretty nice backend for this kind of storage:

https://docs.google.com/spreadsheets/d/12z6Sh7CaVbk5p9HPZKMbd_s0EA1Jqo_TAB92Y6DgizU/edit#gid=0

Incidentally the first row is fixed as an example but anyone should be able to add anything to the doc, so if you want to make a public repository, knock yourself out!

You can provide your own CSVs in the options of the extension.

Usage

Every time you type one of your keywords, delimited by a space or punctuation, a little screen will appear suggesting stickers you could use. You can ignore it and keep typing, or click on a sticker to copy it to your clipboard. I've also setup a keyboard shortcut to be able to use it without mouse but tbh i've never used it so i'm not sure you'll ever do it either xD

stickers's People

Contributors

yo252yo avatar

Watchers

 avatar

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.