讨论 » 创建请求

Script request, extended Wireclub emoticons panel.

§
发表于:2024-06-03

I thank you for your consideration. My request is that you examine a certain Wireclub Emoticons Chrome extension, and if you could, convert this into a user script, or create a script with similar functionality from scratch.

It's no longer on the Chrome Web Store, but here's another place that hosts it. https://chrome-stats.com/d/cecbcihgkbehndgpcoapnlhflecabbal

§
发表于:2024-06-04
// ==UserScript==
// @name          wireclub emoticons
// @description   Adds the hidden emoticons in wireclub to the emoticons menu
// @version       1
// @namespace     https://greasyfork.org/users/424058
// @icon          https://www.google.com/s2/favicons?sz=64&domain=www.wireclub.com
// @match         https://www.wireclub.com/*
// @require       https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js#sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==
// @run-at        document-body
// @grant         none
// ==/UserScript==

/* global $ */

(function() {
  'use strict';

  const emoticonsList = [
    'angel', 'ashamed', 'agree', 'area51', 'bacondance', 'banana', 'banghead',
    'banned', 'bigeyes', 'biggrin', 'bighug', 'blahblah', 'bolt', 'bowdown',
    'broken', 'bsflag', 'burn', 'cat', 'cheer', 'confused', 'cries', 'cube',
    'cupid', 'cylon', 'dance', 'deal', 'deadhorse', 'devil', 'dog', 'doh',
    'dramacorn', 'dramaqueen', 'drool', 'drunk', 'duel', 'duh', 'embarrassed',
    'evilbanana', 'eyebrow', 'eyeroll', 'excited', 'facepalm', 'fishslap',
    'flirty', 'friendkiss', 'flowers', 'goodluck', 'haha', 'happy', 'heart',
    'hug', 'headspin', 'hysterics', 'highfive', 'hides', 'inlove', 'laugh',
    'lmfao', 'love', 'madbeating', 'mangapunksai', 'ninja', 'ohnoes', 'openarms',
    'outrage', 'panic', 'party', 'pickledance', 'poke', 'pray', 'puke', 'rant',
    'rage', 'rock', 'rofl', 'rose', 'sadwave', 'shakeshead', 'shrug', 'slapfight',
    'smokin', 'snicker', 'stolenkiss', 'strong', 'thumbsup', 'toast', 'tongue2',
    'treasure', 'tux', 'twitch', 'welcome', 'whistle', 'woohoo', 'wookie',
    'worship', 'yawn', 'lightsaberduel', 'howl',
  ];

  const overload = {
    'area51': 'alienbanana',
    'embarrassed': 'redface',
    'outrage': 'flipout',
    'pray': 'praying',
    'rock': 'headbanging',
    'snicker': 'dontlaugh',
    'treasure': 'kitty',
  };

  document.arrive('div.chatchannel', { existing: true }, (channel) => {
    const channelTextarea = channel.querySelector('textarea.chat-input');
    const emotesDiv = channel.querySelector('div.emoticons');

    emoticonsList.forEach((value) => {
      const a = document.createElement('a');
      const img = document.createElement('img');
      const pic = overload[value] !== undefined ? overload[value] : value;

      img.src = 'http://static.wireclub.com/content/images/emoticons/' + pic + '.gif';
      img.alt = value;

      a.className = 'hiddengif';
      a.appendChild(img);
      a.addEventListener('click', () => {
        const text = channelTextarea.value;

        channelTextarea.value = text + ':' + img.alt + ':';
      });

      emotesDiv.appendChild(a);
    });
  });
}());
§
发表于:2024-06-06

Wow, I thought I'd be waiting a while for this. Thanks a bunch!

§
发表于:2024-06-18

I hope you don't mind if others take it and edit as they need?
I've edited to add the 'dontlaugh' emote, and change the pic shown for the 'snicker' emote.
Also, changed the version number on this minor revision.

§
发表于:2024-06-18
编辑于:2024-06-18
// ==UserScript==
// @name          wireclub emoticons
// @description   Adds the hidden emoticons in wireclub to the emoticons menu
// @version       1.0.1
// @namespace     https://greasyfork.org/users/424058
// @icon          https://www.google.com/s2/favicons?sz=64&domain=www.wireclub.com
// @match         https://www.wireclub.com/*
// @require       https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js#sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==
// @run-at        document-body
// @grant         none
// ==/UserScript==

/* global $ */

(function() {
  'use strict';

  const emoticonsList = [
    'angel', 'ashamed', 'agree', 'area51', 'bacondance', 'banana', 'banghead',
    'banned', 'bigeyes', 'biggrin', 'bighug', 'blahblah', 'bolt', 'bowdown',
    'broken', 'bsflag', 'burn', 'cat', 'cheer', 'confused', 'cries', 'cube',
    'cupid', 'cylon', 'dance', 'deal', 'deadhorse', 'devil', 'dog', 'doh', 'dontlaugh',
    'dramacorn', 'dramaqueen', 'drool', 'drunk', 'duel', 'duh', 'embarrassed',
    'evilbanana', 'eyebrow', 'eyeroll', 'excited', 'facepalm', 'fishslap',
    'flirty', 'friendkiss', 'flowers', 'goodluck', 'haha', 'happy', 'heart',
    'hug', 'headspin', 'hysterics', 'highfive', 'hides', 'inlove', 'laugh',
    'lmfao', 'love', 'madbeating', 'mangapunksai', 'ninja', 'ohnoes', 'openarms',
    'outrage', 'panic', 'party', 'pickledance', 'poke', 'pray', 'puke', 'rant',
    'rage', 'rock', 'rofl', 'rose', 'sadwave', 'shakeshead', 'shrug', 'slapfight',
    'smokin', 'snicker', 'stolenkiss', 'strong', 'thumbsup', 'toast', 'tongue2',
    'treasure', 'tux', 'twitch', 'welcome', 'whistle', 'woohoo', 'wookie',
    'worship', 'yawn', 'lightsaberduel', 'howl',
  ];

  const overload = {
    'area51': 'alienbanana',
    'embarrassed': 'redface',
    'outrage': 'flipout',
    'pray': 'praying',
    'rock': 'headbanging',
    'snicker': 'snicker',
    'dontlaugh': 'dontlaugh',
    'treasure': 'kitty',
  };

  document.arrive('div.chatchannel', { existing: true }, (channel) => {
    const channelTextarea = channel.querySelector('textarea.chat-input');
    const emotesDiv = channel.querySelector('div.emoticons');

    emoticonsList.forEach((value) => {
      const a = document.createElement('a');
      const img = document.createElement('img');
      const pic = overload[value] !== undefined ? overload[value] : value;

      img.src = 'http://static.wireclub.com/content/images/emoticons/' + pic + '.gif';
      img.alt = value;

      a.className = 'hiddengif';
      a.appendChild(img);
      a.addEventListener('click', () => {
        const text = channelTextarea.value;

        channelTextarea.value = text + ':' + img.alt + ':';
      });

      emotesDiv.appendChild(a);
    });
  });
}());
§
发表于:2024-06-18
编辑于:2024-06-18

Yet another minor edit, to change alt to title, so tooltips work for me when I hover on those added emotes. I might wish for more, but any further than trivial edits, and I'm stumped.

Some things that might be nice in the future:
If tooltips worked on the preexisting emotes on the panel.
To add another button for even more of Wireclub's emotes. (That panel seems about full enough already!)
Too many buttons might make the button bar too wide, but grouping by two or three loose categories might be good. E.g.: Emotes, Animated Emotes, Flags&Symbols

Anybody else have ideas?

§
发表于:2024-06-18
// ==UserScript==
// @name          wireclub emoticons
// @description   Adds the hidden emoticons in wireclub to the emoticons menu
// @version       1.0.2
// @namespace     https://greasyfork.org/users/424058
// @icon          https://www.google.com/s2/favicons?sz=64&domain=www.wireclub.com
// @match         https://www.wireclub.com/*
// @require       https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js#sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==
// @run-at        document-body
// @grant         none
// ==/UserScript==

/* global $ */

(function() {
  'use strict';

  const emoticonsList = [
    'angel', 'ashamed', 'agree', 'area51', 'bacondance', 'banana', 'banghead',
    'banned', 'bigeyes', 'biggrin', 'bighug', 'blahblah', 'bolt', 'bowdown',
    'broken', 'bsflag', 'burn', 'cat', 'cheer', 'confused', 'cries', 'cube',
    'cupid', 'cylon', 'dance', 'deal', 'deadhorse', 'devil', 'dog', 'doh', 'dontlaugh',
    'dramacorn', 'dramaqueen', 'drool', 'drunk', 'duel', 'duh', 'embarrassed',
    'evilbanana', 'eyebrow', 'eyeroll', 'excited', 'facepalm', 'fishslap',
    'flirty', 'friendkiss', 'flowers', 'goodluck', 'haha', 'happy', 'heart',
    'hug', 'headspin', 'hysterics', 'highfive', 'hides', 'inlove', 'laugh',
    'lmfao', 'love', 'madbeating', 'mangapunksai', 'ninja', 'ohnoes', 'openarms',
    'outrage', 'panic', 'party', 'pickledance', 'poke', 'pray', 'puke', 'rant',
    'rage', 'rock', 'rofl', 'rose', 'sadwave', 'shakeshead', 'shrug', 'slapfight',
    'smokin', 'snicker', 'stolenkiss', 'strong', 'thumbsup', 'toast', 'tongue2',
    'treasure', 'tux', 'twitch', 'welcome', 'whistle', 'woohoo', 'wookie',
    'worship', 'yawn', 'lightsaberduel', 'howl',
  ];

  const overload = {
    'area51': 'alienbanana',
    'embarrassed': 'redface',
    'outrage': 'flipout',
    'pray': 'praying',
    'rock': 'headbanging',
    'snicker': 'snicker',
    'dontlaugh': 'dontlaugh',
    'treasure': 'kitty',
  };

  document.arrive('div.chatchannel', { existing: true }, (channel) => {
    const channelTextarea = channel.querySelector('textarea.chat-input');
    const emotesDiv = channel.querySelector('div.emoticons');

    emoticonsList.forEach((value) => {
      const a = document.createElement('a');
      const img = document.createElement('img');
      const pic = overload[value] !== undefined ? overload[value] : value;

      img.src = 'http://static.wireclub.com/content/images/emoticons/' + pic + '.gif';
      img.title = value;

      a.className = 'hiddengif';
      a.appendChild(img);
      a.addEventListener('click', () => {
        const text = channelTextarea.value;

        channelTextarea.value = text + ':' + img.title + ':';
      });

      emotesDiv.appendChild(a);
    });
  });
}());
§
发表于:2024-08-23

Another minor edit, the site changed the location for icons. Only some still displayed using the old address, others came up missing. Changed static.wireclub.com to newstatic.wireclub.com, and now it's back to working as well as it did before.

// ==UserScript==
// @name          wireclub emoticons
// @description   Adds the hidden emoticons in wireclub to the emoticons menu
// @version       1.0.3
// @namespace     https://greasyfork.org/users/424058
// @icon          https://www.google.com/s2/favicons?sz=64&domain=www.wireclub.com
// @match         https://www.wireclub.com/*
// @require       https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js#sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==
// @run-at        document-body
// @grant         none
// ==/UserScript==

/* global $ */

(function() {
  'use strict';

  const emoticonsList = [
    'angel', 'ashamed', 'agree', 'area51', 'bacondance', 'banana', 'banghead',
    'banned', 'bigeyes', 'biggrin', 'bighug', 'blahblah', 'bolt', 'bowdown',
    'broken', 'bsflag', 'burn', 'cat', 'cheer', 'confused', 'cries', 'cube',
    'cupid', 'cylon', 'dance', 'deal', 'deadhorse', 'devil', 'dog', 'doh', 'dontlaugh',
    'dramacorn', 'dramaqueen', 'drool', 'drunk', 'duel', 'duh', 'embarrassed',
    'evilbanana', 'eyebrow', 'eyeroll', 'excited', 'facepalm', 'fishslap',
    'flirty', 'friendkiss', 'flowers', 'goodluck', 'haha', 'happy', 'heart',
    'hug', 'headspin', 'hysterics', 'highfive', 'hides', 'inlove', 'laugh',
    'lmfao', 'love', 'madbeating', 'mangapunksai', 'ninja', 'ohnoes', 'openarms',
    'outrage', 'panic', 'party', 'pickledance', 'poke', 'pray', 'puke', 'rant',
    'rage', 'rock', 'rofl', 'rose', 'sadwave', 'shakeshead', 'shrug', 'slapfight',
    'smokin', 'snicker', 'stolenkiss', 'strong', 'thumbsup', 'toast', 'tongue2',
    'treasure', 'tux', 'twitch', 'welcome', 'whistle', 'woohoo', 'wookie',
    'worship', 'yawn', 'lightsaberduel', 'howl',
  ];

  const overload = {
    'area51': 'alienbanana',
    'embarrassed': 'redface',
    'outrage': 'flipout',
    'pray': 'praying',
    'rock': 'headbanging',
    'snicker': 'snicker',
    'dontlaugh': 'dontlaugh',
    'treasure': 'kitty',
  };

  document.arrive('div.chatchannel', { existing: true }, (channel) => {
    const channelTextarea = channel.querySelector('textarea.chat-input');
    const emotesDiv = channel.querySelector('div.emoticons');

    emoticonsList.forEach((value) => {
      const a = document.createElement('a');
      const img = document.createElement('img');
      const pic = overload[value] !== undefined ? overload[value] : value;

      img.src = 'http://newstatic.wireclub.com/content/images/emoticons/' + pic + '.gif';
      img.title = value;

      a.className = 'hiddengif';
      a.appendChild(img);
      a.addEventListener('click', () => {
        const text = channelTextarea.value;

        channelTextarea.value = text + ':' + img.title + ':';
      });

      emotesDiv.appendChild(a);
    });
  });
}());

发表回复

登录以发表回复。