議論 » 作成依頼

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);
    });
  });
}());

返信を投稿

返信を投稿するにはログインしてください。