עזרה | עזרה להוספת תוספים לפורום

[שניאור שמח]

@חייא-שיאומי כתב:

@שניאור-שמח נראה לי נלחץ למישהו דיס לייק על הפוסט שלך

לא נכון

[חייא שיאומי]

פוסט זה נמחק!

[YAHBDK]

@שניאור-שמח
תודה יש לך עוד?
אני בעיקר מחפש עיצוב של הפוסט
וכן הוספת אפשרות של ספויילר

[שניאור שמח]

@YAHBDK תבקש מגימני

[טופ שבמתמחים]

@שניאור-שמח אתה יודע איך קוראים לתוסף של הצוגה של הכפתור של הלייק פה בפורום?

[שניאור שמח]

@טופ-שבמתמחים זה לא תוסף
זה קוד CSS שמגדיר את זה, וע״י העלת התמונה של הלייק והדיס

[טופ שבמתמחים]

@שניאור-שמח ואתה מכיר תוסף לאימוג'י נורמלי כמו שיש כאן בפורום ולא כזה:

סליחה שאני משגע אותך

[שניאור שמח]

@טופ-שבמתמחים תשאל את ג׳ימני, אין לי בשלוף את השם של התוסף
זה משהו Appel

[חייא שיאומי]

@yahbdk הקישור נמחק...
אין קישור לפורום

[YAHBDK]

@חייא-שיאומי
@שניאור-שמח האיר את עיני שהפורום כאן לא נועד לפרסום
אפשר לקבל אותו בפרטי

[טופ שבמתמחים]

@שניאור-שמח אתה יודע אולי איך קוראים לתוסף שהופך את הכתב מ-חחח ל ?

[שניאור שמח]

@טופ-שבמתמחים זה לא תוסף, זה קוד JS

[חייא שיאומי]

@שניאור-שמח יש לך אותו זמין?
מאד יעזור לנו!

[שניאור שמח]

@חייא-שיאומי לא

[טופ שבמתמחים]

@שניאור-שמח אתה יודע מי כתב אותו? זה מישהו מהפורום?

[חייא שיאומי]

@טופ-שבמתמחים כן אם אני לא טועה זה צול גאה והשגתי את הפורמט!

Spoiler

// ==UserScript==
// @name בני ברק - אימוג'י בהקלדה
// @namespace https://github.com/tsoolgee/BNAI-BRAK-IMOGI
// @version 0.0.9
// @description מחליף מילים לאימוג'ים בזמן הקלדה בצ'אטים של NodeBB
// @author You
// @match https://bnebrak.com/*
// @match http://mitmachim.top/*
// @match https://mitmachim.top/*
// @grant none
// @updateURL https://raw.githubusercontent.com/tsoolgee/BNAI-BRAK-IMOGI/main/script.user.js
// @downloadURL https://raw.githubusercontent.com/tsoolgee/BNAI-BRAK-IMOGI/main/script.user.js
// ==/UserScript==

(function () {
'use strict';

const map = [
    ['חחחח',     '😂'],
    ['חחח',      '😄'],
    ['חח',       '😊'],
    ['קריצה',    '😉'],
    ['עצוב',     '😞'],
    ['שמח',      '🙂'],
    ['מגניב',    '😎'],
    ['גרר',      '😡'],
    ['אני כועס', '😠'],
    ['חושב',     '🤔'],
    ['מתלבט',    '🤔'],
    ['שוקל',     '⚖️'],
    ['אני ישן',  '😴'],
    ['אני עייף', '🥱'],
    ['ששש',      '🤫'],
    ['תודה',     '👍'],
    ['כוכב',     '⭐'],
    ['לב',       '❤️'],
    ['רעיון',    '💡'],
    ['אש',       '🔥'],
    ['חריף',     '🌶️'],
];

let lastKey = '';

function replaceInTextarea(textarea) {
    // בודקים אם המקש האחרון היה רווח או אנטר
    if (lastKey !== ' ' && lastKey !== 'Enter') return;

    const val = textarea.value;
    const cursor = textarea.selectionStart;
    const textBefore = val.slice(0, cursor);

    for (const [from, to] of map) {
        // שולפים את התו האחרון שהוקלד בפועל מתוך תיבת הטקסט (רווח או ירידת שורה)
        const triggerChar = textBefore.slice(-1);
        
        // מוודאים שהתו האחרון הוא אכן רווח או ירידת שורה
        if (triggerChar !== ' ' && triggerChar !== '\n') continue;

        const target = from + triggerChar;
        
        // בודקים אם הטקסט לפני הסמן מסתיים במילת המפתח כולל הרווח
        if (!textBefore.endsWith(target)) continue;

        const matchEnd = cursor - 1;
        const wordStart = matchEnd - from.length;

        // מוודאים שמדובר במילה שלמה ואין אותיות שצמודות אליה מאחור
        const charBefore = val[wordStart - 1];
        if (charBefore !== undefined && charBefore !== ' ' && charBefore !== '\n') continue;

        // מרכיבים מחדש את הטקסט: מחליפים את מילת המפתח באימוג'י ומחזירים את הרווח
        const newVal = val.slice(0, wordStart) + to + triggerChar + val.slice(cursor);
        textarea.value = newVal;

        // חישוב מיקום הסמן מחדש
        const newCursor = wordStart + to.length + triggerChar.length;
        textarea.setSelectionRange(newCursor, newCursor);
        
        textarea.dispatchEvent(new Event('input', { bubbles: true }));
        return;
    }
}

function attachToTextarea(textarea) {
    if (textarea.dataset.emojiAttached) return;
    textarea.dataset.emojiAttached = 'true';

    textarea.addEventListener('keydown', function (e) {
        lastKey = e.key;
    }, true);

    textarea.addEventListener('input', function () {
        replaceInTextarea(this);
    });
}

function findAndAttach() {
    document.querySelectorAll('textarea[component="chat/input"], textarea.mousetrap')
        .forEach(attachToTextarea);
}

findAndAttach();

new MutationObserver(findAndAttach).observe(document.body, {
    childList: true,
    subtree: true
});

})();

[שניאור שמח]

@טופ-שבמתמחים כתב:

@שניאור-שמח אתה יודע מי כתב אותו? זה מישהו מהפורום?

פה בפורום?
כנראה המנהלים, שמואל או אלישי

[טופ שבמתמחים]

@חייא-שיאומי מה שהבאת זה לא תוסף להתקנה בנודביבי, זה רק תוסף שמשתמשים יכולים להתקין. אני מחפש את התוסף שמותקן כבר כאן על הפורום עצמו.