annie/watch-party
1
0
Fork 0
forked from lavender/watch-party
Code Issues Pull requests Projects Releases Wiki Activity

i think i did something weird with git

Browse source
This commit is contained in:
easrng 2022-02-18 12:20:08 -05:00
parent 2c992d49f0
commit b0df07b064
4 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/lib/chat.mjs
View file

@ -50,7 +50,7 @@ const setupChatboxEvents = (socket) => {
emojiAutocomplete.append( emojiAutocomplete.append(
...(await emojis) ...(await emojis)
.filter(([name]) => name.toLowerCase().startsWith(search.toLowerCase())) .filter(([name]) => name.toLowerCase().startsWith(search.toLowerCase()))
.map(([name, replaceWith], i) => { .map(([name, replaceWith, ext], i) => {
const button = Object.assign(document.createElement("button"), { const button = Object.assign(document.createElement("button"), {
className: "emoji-option" + (i === 0 ? " selected" : ""), className: "emoji-option" + (i === 0 ? " selected" : ""),
onmousedown: (e) => e.preventDefault(), onmousedown: (e) => e.preventDefault(),
@ -73,7 +73,7 @@ const setupChatboxEvents = (socket) => {
}) })
: Object.assign(new Image(), { : Object.assign(new Image(), {
loading: "lazy", loading: "lazy",
src: `/emojis/${name}.png`, src: `/emojis/${name}${ext}`,
className: "emoji", className: "emoji",
}), }),
Object.assign(document.createElement("span"), { textContent: name }) Object.assign(document.createElement("span"), { textContent: name })

4
frontend/lib/emojis.mjs
View file

@ -14,7 +14,7 @@ export async function emojify(text) {
} else { } else {
nodes.push( nodes.push(
Object.assign(new Image(), { Object.assign(new Image(), {
src: `/emojis/${name}.png`, src: `/emojis/${name}${emoji[2]}`,
className: "emoji", className: "emoji",
alt: name, alt: name,
}) })
@ -29,6 +29,6 @@ export async function emojify(text) {
export const emojis = Promise.all([ export const emojis = Promise.all([
fetch("/emojis") fetch("/emojis")
.then((e) => e.json()) .then((e) => e.json())
.then((e) => e.map((e) => [e.slice(0, -4), ":" + e.slice(0, -4) + ":"])), .then((e) => e.map((e) => [e.slice(0, -4), ":" + e.slice(0, -4) + ":", e.slice(-4)])),
fetch("/emojis/unicode.json").then((e) => e.json()), fetch("/emojis/unicode.json").then((e) => e.json()),
]).then((e) => e.flat(1)); ]).then((e) => e.flat(1));

22
frontend/styles.css
View file

@ -277,12 +277,32 @@ button.small-button {
align-items: center; align-items: center;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
scroll-margin: 0.25rem; scroll-margin: 0.25rem;
scroll-margin-bottom: 2rem;
} }
.emoji-option:first-child { .emoji-option:first-child {
margin-top: 0.25rem; margin-top: 0.25rem;
} }
.emoji-option:last-child { .emoji-option:last-child {
margin-bottom: 0.25rem; margin-bottom: 2rem;
}
#emoji-autocomplete::after {
position: fixed;
bottom: 3.25rem;
content: "Press Tab to autocomplete";
background-image: var(--autocomplete-bg);
padding: 0.125rem 0.25rem;
font-size: 0.75rem;
box-shadow: 0 0.75rem 0.25rem 1rem var(--fg-transparent), 0 0.75rem 0.25rem 1rem var(--bg);
height: 1rem;
display: flex;
right: 1rem;
width: 100%;
text-align: right;
align-items: center;
justify-content: right;
color: var(--fg-transparent);
text-shadow: 0 0 0 var(--fg-transparent);
} }
.emoji-option .emoji { .emoji-option .emoji {

2
scripts/get_emojis.sh
View file

@ -20,4 +20,4 @@ read token
printf "\n" 1>&2 printf "\n" 1>&2
stty echo stty echo
curl "https://discord.com/api/v9/guilds/${guild}/emojis" -H "Authorization: $token" | jq --raw-output 'map("curl '"'"'https://cdn.discordapp.com/emojis/" + .id + ".png?size=48&quality=lossless'"'"' -o '"'${emojiFolder}/"'" + .name + ".png'"'"'") | join("\n")' | sh curl "https://discord.com/api/v9/guilds/${guild}/emojis" -H "Authorization: $token" | jq --raw-output 'map((if .animated then ".gif" else ".png" end) as $ext | "curl '"'"'https://cdn.discordapp.com/emojis/" + .id + $ext + "?size=48&quality=lossless'"'"' -o '"'${emojiFolder}/"'" + .name + $ext + "'"'"'") | join("\n")' | sh