parent
92cba49b0d
commit
be13d4d45a
4 changed files with 202 additions and 16 deletions
|
|
@ -1455,11 +1455,12 @@ async function init() {
|
|||
};
|
||||
|
||||
// --- GIF Picker Logic ---
|
||||
const GIPHY_API_KEY = "dc6zaTOxFJmzC"; // Public beta key
|
||||
const TENOR_API_KEY = "exTiFGKJ0CzESIHzVQWy3pRO8I1MAdpRomg95DBSu2sg6e7YcHgThMI4giGAx8D0"; // Placeholder / Public key if available, otherwise "YOUR_API_KEY"
|
||||
const TENOR_CLIENT_KEY = "pavel-discord";
|
||||
|
||||
el.gifBtn.onclick = () => {
|
||||
el.gifPicker.classList.remove("hidden");
|
||||
searchGifs(""); // Initial trending search
|
||||
searchGifs(""); // Initial featured search
|
||||
};
|
||||
|
||||
el.gifPickerClose.onclick = () => {
|
||||
|
|
@ -1476,14 +1477,15 @@ async function init() {
|
|||
|
||||
async function searchGifs(query) {
|
||||
el.gifResults.innerHTML = '<div class="gif-loading">Searching...</div>';
|
||||
const baseUrl = "https://api.klipy.com/v2";
|
||||
const endpoint = query
|
||||
? `https://api.giphy.com/v1/gifs/search?api_key=${GIPHY_API_KEY}&q=${encodeURIComponent(query)}&limit=20`
|
||||
: `https://api.giphy.com/v1/gifs/trending?api_key=${GIPHY_API_KEY}&limit=20`;
|
||||
? `${baseUrl}/search?q=${encodeURIComponent(query)}&key=${TENOR_API_KEY}&client_key=${TENOR_CLIENT_KEY}&limit=20`
|
||||
: `${baseUrl}/featured?key=${TENOR_API_KEY}&client_key=${TENOR_CLIENT_KEY}&limit=20`;
|
||||
|
||||
try {
|
||||
const res = await fetch(endpoint);
|
||||
const data = await res.json();
|
||||
renderGifs(data.data);
|
||||
renderGifs(data.results);
|
||||
} catch (err) {
|
||||
el.gifResults.innerHTML = '<div class="gif-loading">Error loading GIFs</div>';
|
||||
}
|
||||
|
|
@ -1497,12 +1499,15 @@ async function init() {
|
|||
}
|
||||
|
||||
gifs.forEach(gif => {
|
||||
const imgUrl = gif.images.fixed_height.url;
|
||||
// Use tinygif for preview, standard gif for sending
|
||||
const previewUrl = gif.media_formats.tinygif.url;
|
||||
const fullUrl = gif.media_formats.gif.url;
|
||||
|
||||
const item = document.createElement("div");
|
||||
item.className = "gif-item";
|
||||
item.innerHTML = `<img src="${imgUrl}" loading="lazy" />`;
|
||||
item.innerHTML = `<img src="${previewUrl}" loading="lazy" />`;
|
||||
item.onclick = () => {
|
||||
sendGif(imgUrl);
|
||||
sendGif(fullUrl);
|
||||
el.gifPicker.classList.add("hidden");
|
||||
el.gifSearchInput.value = "";
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue