Files
dogfather-universe/server/workspace-reaktionen.js
T
DogFatherGitandClaude Opus 5 9f277435a5 Reaktionen: Vorschlaege, ganzer Katalog, eigene Favoriten
Filipe: "soll viel besser und geiler sein und man soll auch auswaehlen
koennen, also paar als vorschlaege mit der moeglichkeit andere
auszuwaehlen und als favoriten zu speichern."

Aus einem Streifen mit sechs Zeichen ist eine Karte geworden:
Vorschlaege oben, Suchfeld, darunter der Katalog in sechs Gruppen --
82 Zeichen, jedes mit deutschen Suchwoertern. Wer "feuer" tippt, muss
nicht scrollen.

DREI LISTEN, DREI FRAGEN, und sie werden gern verwechselt:
  KATALOG    Was gibt es?              fest, workspace-reaktionen.js
  VORSCHLAG  Was steht vorn, solange   fest -- bis jemand eigene
             ich nichts gewaehlt habe? Favoriten hat
  FAVORITEN  Was hat DIESER Mensch     in der Datenbank
             sich gemerkt?

Nur der Katalog entscheidet, was ANGENOMMEN wird. Vorschlag und
Favoriten sind Reihenfolge, keine Erlaubnis -- sonst koennte man sich
ueber einen Favoriten etwas erlauben, das im Katalog nicht steht. Die
erlaubte Menge wird aus dem Katalog ABGELEITET; eine zweite Liste
daneben waere die, in der ein Zeichen fehlt, das die Oberflaeche
anbietet.

FAVORITEN HAENGEN AM MENSCHEN, NICHT AM GERAET. Im Browser abgelegt
waeren sie am Handy andere als am Rechner und beim naechsten Loeschen
der Seitendaten weg.

DER STERN SCHALTET EINEN MODUS, statt an jedem Zeichen einen zweiten
Knopf zu haben: Am Handy gibt es kein "daneben zeigen". Im Merk-Modus
faerbt sich die ganze Tafel, damit niemand reagiert, wenn er merken
wollte. Die Tafel bleibt dabei offen -- acht Favoriten waeren sonst
acht Mal Aufmachen -- und die Vorschlagszeile aendert sich sofort mit.

DIE GRENZE SAGT BESCHEID, statt still den aeltesten wegzuwerfen: Wer
einen neunten merken will, bekommt "nimm erst einen weg". Ein Favorit,
der ohne Ansage verschwindet, sieht wie ein Fehler aus.

Eine Selbstpruefung beim Laden meldet doppelte Zeichen im Katalog und
Vorschlaege, die nicht darin stehen -- beides waere in der Tafel still.

pruef-chat-aufloesen 85 -> 115. Gemessen wird, was PASSIERT, nicht dass
es Elemente gibt: dass die Suche wirklich eingrenzt (1 statt 82) und
das Richtige findet, dass ein Fehlgriff "Nichts zu ... gefunden" sagt
statt eine leere Flaeche zu zeigen, und vor allem, dass im Merk-Modus
KEINE Reaktion entsteht -- an der Zahl der Reaktionen gemessen, nicht
an der Absicht.

NEBENBEFUND AUS DER EIGENEN PRUEFUNG: pruef-css-klassen hat meine
Gruppenueberschrift mit 10,56 px abgelehnt (Grenze 11,5). Richtig so --
eine gesperrte Versalzeile ist ohnehin schwerer zu lesen, die darf
nicht auch noch die kleinste sein. Auf .72rem angehoben, statt die
Grundlinie zu verschieben.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-14 14:04:57 +02:00

188 lines
7.1 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* =====================================================================
DIE ZEICHEN ZUM REAGIEREN — Katalog, Vorschläge, Favoriten
(14.09.2026)
Filipe: "soll viel besser und geiler sein und man soll auch auswählen
können, also paar als vorschläge mit der möglichkeit andere
auszuwählen und als favoriten zu speichern."
---------------------------------------------------------------------
DREI LISTEN, DREI FRAGEN — und sie werden gern verwechselt:
KATALOG Was gibt es zur Auswahl? (fest, hier)
VORSCHLAG Was steht vorn, wenn ich (fest, hier — bis jemand
noch nichts gewählt habe? eigene Favoriten hat)
FAVORITEN Was hat DIESER Mensch (in der Datenbank)
sich gemerkt?
Nur der Katalog entscheidet, was angenommen wird. Vorschläge und
Favoriten sind Reihenfolge, keine Erlaubnis — sonst könnte man sich
über einen Favoriten etwas erlauben, das im Katalog nicht steht.
---------------------------------------------------------------------
WARUM EIN KATALOG UND NICHT "JEDES EMOJI"
Ein freies Feld nähme alles: 4-KB-Zeichenketten, unsichtbare
Steuerzeichen, Flaggen aus zwei zusammengesetzten Zeichen, die auf
dem einen Gerät eine Flagge sind und auf dem anderen zwei Buchstaben.
Was hier nicht drinsteht, kommt nicht in die Datenbank — und was
drinsteht, sieht überall gleich aus.
Der Katalog ist trotzdem groß genug, dass niemand etwas vermisst:
über hundert Zeichen in sechs Gruppen, jedes mit deutschen
Suchwörtern. Die Suche ist der eigentliche Unterschied zu einer
Tafel: Wer "feuer" tippt, muss nicht scrollen.
===================================================================== */
/** Jede Zeile: [Zeichen, Suchwörter (deutsch, durch Leerzeichen)].
* Die Suchwörter sind das, wonach jemand WIRKLICH sucht — nicht der
* offizielle Unicode-Name ("grinsendes Gesicht mit lachenden Augen"). */
export const KATALOG = [
{
name: "Zustimmung",
zeichen: [
["\u{1F44D}", "daumen hoch gut ok super ja"],
["\u{1F44E}", "daumen runter schlecht nein"],
["\u{1F44C}", "ok perfekt passt"],
["\u{1F64C}", "hurra jubel super geschafft"],
["\u{1F44F}", "klatschen applaus respekt bravo"],
["\u{1F91D}", "handschlag deal abgemacht"],
["✊", "faust power stark"],
["\u{1F4AA}", "muskel stark kraft"],
["\u{1F64F}", "danke bitte gebet respekt"],
["✅", "haken erledigt fertig"],
["\u{1F195}", "neu new"],
["\u{1F3AF}", "treffer ziel genau"],
],
},
{
name: "Gefühl",
zeichen: [
["❤️", "herz liebe lieb"],
["\u{1F9E1}", "herz orange"],
["\u{1F49B}", "herz gelb"],
["\u{1F49A}", "herz gruen"],
["\u{1F499}", "herz blau"],
["\u{1F49C}", "herz lila"],
["\u{1F5A4}", "herz schwarz"],
["\u{1F60D}", "verliebt herzaugen toll"],
["\u{1F970}", "suess niedlich lieb"],
["\u{1F618}", "kuss bussi"],
["\u{1F917}", "umarmung knuddel"],
["✨", "funkeln glanz besonders"],
],
},
{
name: "Lachen",
zeichen: [
["\u{1F602}", "lachen traenen lustig"],
["\u{1F923}", "totlachen rollen lustig"],
["\u{1F604}", "lachen froh"],
["\u{1F609}", "zwinkern augenzwinkern"],
["\u{1F60E}", "sonnenbrille cool"],
["\u{1F973}", "party feiern geburtstag"],
["\u{1F92A}", "quatsch albern zunge"],
["\u{1F643}", "umgedreht ironie"],
["\u{1F60F}", "schmunzeln frech"],
["\u{1F642}", "leicht laecheln"],
["\u{1F60A}", "froh zufrieden"],
["\u{1F92D}", "ups kichern hand vor mund"],
],
},
{
name: "Staunen",
zeichen: [
["\u{1F62E}", "oh staunen ueberrascht"],
["\u{1F631}", "schock erschrocken"],
["\u{1F92F}", "wow kopf explodiert krass"],
["\u{1F440}", "augen schauen hinsehen"],
["\u{1F914}", "nachdenken ueberlegen hm"],
["\u{1F928}", "skeptisch zweifel augenbraue"],
["\u{1F644}", "augenrollen genervt"],
["\u{1F925}", "luege pinocchio"],
["\u{1F633}", "peinlich rot"],
["\u{1F971}", "muede gaehnen"],
["\u{1F634}", "schlafen muede"],
["❓", "frage unklar"],
],
},
{
name: "Arbeit",
zeichen: [
["\u{1F525}", "feuer krass stark lit"],
["\u{1F680}", "rakete start schnell wachstum"],
["\u{1F4C8}", "diagramm hoch wachstum zahlen"],
["\u{1F4C9}", "diagramm runter weniger"],
["\u{1F4A1}", "idee gluehbirne einfall"],
["\u{1F4CC}", "pinnadel wichtig merken"],
["⚠️", "achtung warnung vorsicht"],
["\u{1F6A8}", "alarm dringend wichtig"],
["⏰", "wecker zeit termin"],
["\u{1F4C5}", "kalender termin datum"],
["\u{1F4B0}", "geld diamanten umsatz"],
["\u{1F48E}", "diamant edelstein wert"],
["\u{1F3C6}", "pokal sieg bester"],
["⭐", "stern gut bewertung"],
["\u{1F4DD}", "notiz schreiben aufgabe"],
["\u{1F50D}", "lupe suchen pruefen"],
["\u{1F4CE}", "anhang datei bueroklammer"],
["⚙️", "zahnrad technik einstellung"],
],
},
{
name: "Sonst",
zeichen: [
["\u{1F44B}", "winken hallo tschuess"],
["\u{1F3B5}", "musik ton sound"],
["\u{1F3A5}", "kamera video dreh"],
["\u{1F4F1}", "handy telefon app"],
["\u{1F4AC}", "sprechblase chat reden"],
["\u{1F37B}", "prost feiern bier"],
["☕", "kaffee pause"],
["\u{1F355}", "pizza essen"],
["\u{1F382}", "geburtstag torte"],
["\u{1F381}", "geschenk ueberraschung"],
["\u{1F340}", "kleeblatt glueck"],
["\u{1F308}", "regenbogen bunt"],
["☀️", "sonne schoen wetter"],
["\u{1F319}", "mond nacht spaet"],
["\u{1F415}", "hund dog dogi"],
["\u{1F336}️", "chili scharf spicy"],
],
},
];
/** Alles, was angenommen wird -- aus dem Katalog ABGELEITET.
* Eine zweite Liste daneben wäre die, in der ein Zeichen fehlt, das
* die Oberfläche anbietet. */
export const ERLAUBT = new Set(
KATALOG.flatMap((g) => g.zeichen.map(([z]) => z)));
/** Was vorn steht, solange jemand nichts Eigenes gewählt hat.
* Bewusst dieselben sechs wie am 14.09. früh: Wer sich daran gewöhnt
* hat, findet sie an derselben Stelle wieder. */
export const VORSCHLAG = ["\u{1F44D}", "❤️", "\u{1F602}",
"\u{1F62E}", "\u{1F525}", "\u{1F64F}"];
/** Wie viele Favoriten jemand ablegen darf.
*
* EINE OBERE GRENZE MUSS SEIN, sonst ist die Vorschlagszeile
* irgendwann die ganze Tafel -- und der Sinn der Vorschläge ist, dass
* man sie nicht lesen muss. Acht passt in eine Zeile, auch am Handy. */
export const FAVORITEN_MAX = 8;
/* Eine Selbstprüfung beim Laden: Doppelte im Katalog wären still --
sie erschienen zweimal in der Tafel, und niemand sucht danach.
Lieber beim Start laut als im Betrieb leise. */
{
const alle = KATALOG.flatMap((g) => g.zeichen.map(([z]) => z));
const doppelt = alle.filter((z, i) => alle.indexOf(z) !== i);
if (doppelt.length) {
console.error("[reaktionen] Doppelte Zeichen im Katalog:", doppelt.join(" "));
}
const fehlt = VORSCHLAG.filter((z) => !ERLAUBT.has(z));
if (fehlt.length) {
console.error("[reaktionen] Vorschlag steht nicht im Katalog:", fehlt.join(" "));
}
}