Giter Club home page Giter Club logo

magane's Introduction

GitHub license Chat / Support Support me Support me

What does this do?

You know how LINE and Telegram have this beautiful sticker system where you can send different reactions with just one click? This is a new approach at doing exactly that but on Discord!

It looks like this

How even?

By injecting the script into Discord it will automatically pull a curated list of sticker packs from chibisafe and add them to your Discord client. After that a heart button will appear in your message bar where you'll be able to see all the stickers!

Can I make this permanent?

You can!

Currently the best way to get this up and running is by using BetterDiscord, but we also have experimental support for Vencord.

BetterDiscord

  • Grab the pre-built plugin file from https://magane.moe/api/dist/betterdiscord.
  • Place the plugin file into your BetterDiscord's plugins directory.
  • Activate Magane from Discord's User Settings > BetterDiscord > Plugins.

Vencord

This is for the more advanced users.
Be advised that Magane's update checker is not available on Vencord.

  • Grab the pre-built plugin file, magane.vencord.js, from this repo's dist directory, https://github.com/Pitu/Magane/tree/master/dist.
  • Download Vencord git from https://github.com/Vendicated/Vencord.
  • Follow its advanced user's installation guide at https://github.com/Vendicated/Vencord/blob/main/docs/1_INSTALLING.md.
  • In Vencord git directory, navigate to src, then create userplugins directory (e.g. /path/to/vencord/src/userplugins).
  • Drop Magane plugin into it.
  • Rebuild Vencord (pnpm build), then restart your Discord.
  • Optionally, if you had not done it before, you must inject Vencord into your Discord installation (pnpm inject).
  • Activate Magane from Discord's User Settings > Vencord > Plugins.

So how exactly do I use it after adding the script?

It's very easy. After opening the sticker popup click on the little tool icon and you'll see a list of available sticker packs. Clicking on a sticker pack will subscribe you to it, making every sticker on that pack available on the main window. You can also right click any sticker in the list and add them to your favorites for easy access! To remove one, right click on it again.

Or just watch the preview again.

magane's People

Contributors

bobbywibowo avatar brussell98 avatar dependabot[bot] avatar emyarod avatar icrawl avatar jirubizu avatar pitu avatar vendicated avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

magane's Issues

Question of whether shortcut keys and such can be implemented, or if they already are.

Hey, I like and use this plugin.
But I also have a problem with the sticker button disappearing when I use it with certain other plugins!

If there was a shortcut key I could send them without worrying...

If you haven't implemented it, I don't blame you.
When I use it, I go out of my way to remove the other plugins.

I'm not really looking for a response.
If you don't mind, you can remove it.

If you have a suggestion, it would be better if you could add this plugin to the "GIF", "Stamp", and "Emoji" tabs, and if you have a suggestion, you can add the "GIF" tab to the "Stamp" tab.

I would also be happy to see a shortcut key for this plugin.

Thank you for reading!

Cannot read property 'innerText' of null at Y (App.svelte:359)

at App.svelte:359

document.querySelector('[class^=textArea-] span').innerText; 

the return value of querySelector is null

my discordCanary dom of textArea does not contain any span
like

<textarea ... class="textArea-2CLwUE fontSize16Padding-XoMpjI scrollbarGhostHairline-2LpzZ9 scrollbar-3vVt8d"></textarea>

so I am not sure if just change this line into

document.querySelector('[class^=textArea-]').innerText; 

can solve this problem or not

(I don't know how to debug this plugin sorry)

Thanks a lot

Animated stickers stop playing instead of looping

As the title says, animated stickers always stop playing when the gifs reach the end of their animation. I have auto play gifs enabled in the settings so that's not the issue either, and I've also tested sending other gifs I have laying around and they always keep looping nonstop, so it seems to be something in Magane's gifs that's affecting them in particular.

Both the stickers I send in chat as well as the ones in the menu always stop playing, and although it's not the worst thing ever it definitely is a little sad to not have the stickers play out as intended in chat, and it's also a bit annoying to not be able to immediately discern which stickers are animated in the menu, since they're all frozen after their first loop.

I'm not sure if this is an issue with Magane or Discord itself, but figured I'd report it just in case. If there's nothing that can be done then that's a shame.

I could also be completely missing the point and this could be intentional, if that's so then excuse my ignorance.

Button disappears a little after showing up

Essentially when starting discord with BD, the stickers button will show only to disappear a second later. I was able to solve it by adding a delay to the start function in plugin script, but I assume there's a better way to fix it. Toggling the plugin works too.

failed to upload images when using Forum Channel in split view

in Forum Channel in split view the plugin is unable to upload the sticker to the forum channel

I believe what happens is that, when in split view Magane tries send the sticker to the Forum panel on the left and tries to create a "New Post"
as opposed to sending the sticker to chat on the right
image
dc forum channel

version 3.2.9

Broken `dev` npm script

the dev npm script still refers to the start script which was removed in #15

$ yarn dev
yarn run v1.22.0
$ rollup -c -w
rollup v1.27.14
bundles src/main.js โ†’ dist\magane.min.js...
LiveReload enabled
created dist\magane.min.js in 1.3s

[2020-02-29 22:32:05] waiting for changes...
npm ERR! missing script: start

Search Bar Doesn't Work

Title. The search bar, when clicked on, immediately defocuses, and the cursor returns to the message box.

It is possible to put text in the search bar if I click and hold on it while typing, but when I press enter, the Discord client reloads, and sending stickers doesn't work afterwards until I quit + relaunch Discord.

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.