// ==UserScript==
// @name Discourse 表情管理器 (Emoji Manager) mgr lite
// @namespace https://github.com/stevessr/bug-v3
// @version 1.2.4
// @description Discourse 论坛表情管理 - 设置、导入导出、分组编辑 (Emoji management for Discourse - Settings, import/export, group editor)
// @author stevessr
// @match https://linux.do/*
// @match https://meta.discourse.org/*
// @match https://*.discourse.org/*
// @match http://localhost:5173/*
// @exclude https://linux.do/a/*
// @match https://idcflare.com/*
// @grant none
// @license MIT
// @homepageURL https://github.com/stevessr/bug-v3
// @supportURL https://github.com/stevessr/bug-v3/issues
// @run-at document-end
// @downloadURL https://update.greasyfork.icu/scripts/554980/Discourse%20%E8%A1%A8%E6%83%85%E7%AE%A1%E7%90%86%E5%99%A8%20%28Emoji%20Manager%29%20mgr%20lite.user.js
// @updateURL https://update.greasyfork.icu/scripts/554980/Discourse%20%E8%A1%A8%E6%83%85%E7%AE%A1%E7%90%86%E5%99%A8%20%28Emoji%20Manager%29%20mgr%20lite.meta.js
// ==/UserScript==
(function() {
'use strict';
(function() {
var __defProp = Object.defineProperty;
var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
var __export = (all) => {
let target = {};
for (var name in all) __defProp(target, name, {
get: all[name],
enumerable: true
});
return target;
};
async function fetchPackagedJSON(url) {
try {
if (typeof fetch === "undefined") return null;
const res = await fetch(url || "/assets/defaultEmojiGroups.json", {
cache: "no-cache",
credentials: "omit"
});
if (!res.ok) return null;
return await res.json();
} catch (err) {
return null;
}
}
async function loadAndFilterDefaultEmojiGroups(url, hostname) {
const packaged = await fetchPackagedJSON(url);
if (!packaged || !Array.isArray(packaged.groups)) return [];
if (!hostname) return packaged.groups;
return packaged.groups.map((group) => {
const filteredEmojis = group.emojis.filter((emoji) => {
try {
const url$1 = emoji.url;
if (!url$1) return false;
const emojiHostname = new URL(url$1).hostname;
return emojiHostname === hostname || emojiHostname.endsWith("." + hostname);
} catch (e) {
return true;
}
});
return {
...group,
emojis: filteredEmojis
};
}).filter((group) => group.emojis.length > 0);
}
var init_default_emoji_loader = __esmMin((() => {}));
function loadDataFromLocalStorage() {
try {
const groupsData = localStorage.getItem(STORAGE_KEY);
let emojiGroups = [];
if (groupsData) try {
const parsed = JSON.parse(groupsData);
if (Array.isArray(parsed) && parsed.length > 0) emojiGroups = parsed;
} catch (e) {
console.warn("[Userscript] Failed to parse stored emoji groups:", e);
}
if (emojiGroups.length === 0) emojiGroups = [];
const settingsData = localStorage.getItem(SETTINGS_KEY);
let settings = { ...DEFAULT_USER_SETTINGS };
if (settingsData) try {
const parsed = JSON.parse(settingsData);
if (parsed && typeof parsed === "object") settings = {
...settings,
...parsed
};
} catch (e) {
console.warn("[Userscript] Failed to parse stored settings:", e);
}
emojiGroups = emojiGroups.filter((g) => g.id !== "favorites");
console.log("[Userscript] Loaded data from localStorage:", {
groupsCount: emojiGroups.length,
emojisCount: emojiGroups.reduce((acc, g) => acc + (g.emojis?.length || 0), 0),
settings
});
return {
emojiGroups,
settings
};
} catch (error) {
console.error("[Userscript] Failed to load from localStorage:", error);
return {
emojiGroups: [],
settings: { ...DEFAULT_USER_SETTINGS }
};
}
}
async function loadDataFromLocalStorageAsync(hostname) {
try {
const local = loadDataFromLocalStorage();
if (local.emojiGroups && local.emojiGroups.length > 0) return local;
const remoteUrl = localStorage.getItem("emoji_extension_remote_config_url");
const configUrl = remoteUrl && typeof remoteUrl === "string" && remoteUrl.trim().length > 0 ? remoteUrl : "https://video2gif-pages.pages.dev/assets/defaultEmojiGroups.json";
try {
const groups = await loadAndFilterDefaultEmojiGroups(configUrl, hostname);
if (groups && groups.length > 0) {
try {
localStorage.setItem(STORAGE_KEY, JSON.stringify(groups));
} catch (e) {
console.warn("[Userscript] Failed to persist fetched groups to localStorage", e);
}
return {
emojiGroups: groups.filter((g) => g.id !== "favorites"),
settings: local.settings
};
}
} catch (err) {
console.warn(`[Userscript] Failed to fetch config from ${configUrl}:`, err);
}
return {
emojiGroups: [],
settings: local.settings
};
} catch (error) {
console.error("[Userscript] loadDataFromLocalStorageAsync failed:", error);
return {
emojiGroups: [],
settings: { ...DEFAULT_USER_SETTINGS }
};
}
}
function saveDataToLocalStorage(data) {
try {
if (data.emojiGroups) localStorage.setItem(STORAGE_KEY, JSON.stringify(data.emojiGroups));
if (data.settings) localStorage.setItem(SETTINGS_KEY, JSON.stringify(data.settings));
} catch (error) {
console.error("[Userscript] Failed to save to localStorage:", error);
}
}
function syncFromManager() {
try {
const managerGroups = localStorage.getItem("emoji_extension_manager_groups");
const managerSettings = localStorage.getItem("emoji_extension_manager_settings");
let updated = false;
if (managerGroups) {
const groups = JSON.parse(managerGroups);
if (Array.isArray(groups)) {
localStorage.setItem(STORAGE_KEY, JSON.stringify(groups));
updated = true;
}
}
if (managerSettings) {
const settings = JSON.parse(managerSettings);
if (typeof settings === "object") {
localStorage.setItem(SETTINGS_KEY, JSON.stringify(settings));
updated = true;
}
}
if (updated) console.log("[Userscript] Synced data from manager");
return updated;
} catch (error) {
console.error("[Userscript] Failed to sync from manager:", error);
return false;
}
}
function trackEmojiUsage(emojiName, emojiUrl) {
try {
const key = `${emojiName}|${emojiUrl}`;
const statsData = localStorage.getItem(USAGE_STATS_KEY);
let stats = {};
if (statsData) try {
stats = JSON.parse(statsData);
} catch (e) {
console.warn("[Userscript] Failed to parse usage stats:", e);
}
if (!stats[key]) stats[key] = {
count: 0,
lastUsed: 0
};
stats[key].count++;
stats[key].lastUsed = Date.now();
localStorage.setItem(USAGE_STATS_KEY, JSON.stringify(stats));
} catch (error) {
console.error("[Userscript] Failed to track emoji usage:", error);
}
}
function getPopularEmojis(limit = 20) {
try {
const statsData = localStorage.getItem(USAGE_STATS_KEY);
if (!statsData) return [];
const stats = JSON.parse(statsData);
return Object.entries(stats).map(([key, data]) => {
const [name, url] = key.split("|");
return {
name,
url,
count: data.count,
lastUsed: data.lastUsed
};
}).sort((a, b) => b.count - a.count).slice(0, limit);
} catch (error) {
console.error("[Userscript] Failed to get popular emojis:", error);
return [];
}
}
function clearEmojiUsageStats() {
try {
localStorage.removeItem(USAGE_STATS_KEY);
console.log("[Userscript] Cleared emoji usage statistics");
} catch (error) {
console.error("[Userscript] Failed to clear usage stats:", error);
}
}
var STORAGE_KEY, SETTINGS_KEY, USAGE_STATS_KEY, DEFAULT_USER_SETTINGS;
var init_userscript_storage = __esmMin((() => {
init_default_emoji_loader();
STORAGE_KEY = "emoji_extension_userscript_data";
SETTINGS_KEY = "emoji_extension_userscript_settings";
USAGE_STATS_KEY = "emoji_extension_userscript_usage_stats";
DEFAULT_USER_SETTINGS = {
imageScale: 30,
gridColumns: 4,
outputFormat: "markdown",
forceMobileMode: false,
defaultGroup: "nachoneko",
showSearchBar: true,
enableFloatingPreview: true,
enableCalloutSuggestions: true,
enableBatchParseImages: true
};
}));
var userscriptState;
var init_state = __esmMin((() => {
init_userscript_storage();
userscriptState = {
emojiGroups: [],
settings: { ...DEFAULT_USER_SETTINGS },
emojiUsageStats: {}
};
}));
function detectRuntimePlatform() {
try {
const isMobileSize = window.innerWidth <= 768;
const userAgent = navigator.userAgent.toLowerCase();
const isMobileUserAgent = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0;
if (isMobileSize && (isMobileUserAgent || isTouchDevice)) return "mobile";
else if (!isMobileSize && !isMobileUserAgent) return "pc";
return "original";
} catch {
return "original";
}
}
function getEffectivePlatform() {
return detectRuntimePlatform();
}
function getPlatformUIConfig() {
switch (getEffectivePlatform()) {
case "mobile": return {
emojiPickerMaxHeight: "60vh",
emojiPickerColumns: 4,
emojiSize: 32,
isModal: true,
useCompactLayout: true,
showSearchBar: true,
floatingButtonSize: 48
};
case "pc": return {
emojiPickerMaxHeight: "400px",
emojiPickerColumns: 6,
emojiSize: 24,
isModal: false,
useCompactLayout: false,
showSearchBar: true,
floatingButtonSize: 40
};
default: return {
emojiPickerMaxHeight: "350px",
emojiPickerColumns: 5,
emojiSize: 28,
isModal: false,
useCompactLayout: false,
showSearchBar: true,
floatingButtonSize: 44
};
}
}
function logPlatformInfo() {
const buildPlatform = "original";
const runtimePlatform = detectRuntimePlatform();
const effectivePlatform = getEffectivePlatform();
const config = getPlatformUIConfig();
console.log("[Platform] Build target:", buildPlatform);
console.log("[Platform] Runtime detected:", runtimePlatform);
console.log("[Platform] Effective platform:", effectivePlatform);
console.log("[Platform] UI config:", config);
console.log("[Platform] Screen size:", `${window.innerWidth}x${window.innerHeight}`);
console.log("[Platform] User agent mobile:", /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
console.log("[Platform] Touch device:", "ontouchstart" in window || navigator.maxTouchPoints > 0);
}
var init_platformDetection = __esmMin((() => {}));
init_state();
const __vitePreload = function preload(baseModule, deps, importerUrl) {
let promise = Promise.resolve();
function handlePreloadError(err$2) {
const e$1 = new Event("vite:preloadError", { cancelable: true });
e$1.payload = err$2;
window.dispatchEvent(e$1);
if (!e$1.defaultPrevented) throw err$2;
}
return promise.then((res) => {
for (const item of res || []) {
if (item.status !== "rejected") continue;
handlePreloadError(item.reason);
}
return baseModule().catch(handlePreloadError);
});
};
function ensureStyleInjected(id, css) {
const style = document.createElement("style");
style.id = id;
style.textContent = css;
document.documentElement.appendChild(style);
}
var init_injectStyles = __esmMin((() => {}));
function injectManagerStyles() {
if (__managerStylesInjected) return;
__managerStylesInjected = true;
ensureStyleInjected("emoji-manager-styles", `
/* Modal backdrop */
.emoji-manager-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.5);
}
/* Main modal panel */
.emoji-manager-panel {
border-radius: 8px;
width: 90%;
height: 95%;
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: 1fr auto;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
background: var(--primary-low);
}
/* Mobile-specific styles */
@media (max-width: 768px) {
.emoji-manager-panel {
width: 100%;
height: 100%;
border-radius: 0;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
}
}
/* Left panel - groups list */
.emoji-manager-left {
background: var(--primary-very-low);
border-right: 1px solid #e9ecef;
display: flex;
flex-direction: column;
overflow: hidden;
}
.emoji-manager-left-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
background: var(--primary-low);
}
.emoji-manager-left-header h3 {
margin: 0;
font-size: 18px;
flex: 1;
}
/* Mobile: Left panel becomes a dropdown selector */
@media (max-width: 768px) {
.emoji-manager-left {
border-right: none;
border-bottom: 1px solid #e9ecef;
max-height: none;
overflow-y: visible;
}
.emoji-manager-left-header {
padding: 12px 16px;
position: sticky;
top: 0;
z-index: 10;
}
.emoji-manager-left-header h3 {
font-size: 16px;
}
/* Hide the groups list on mobile */
.emoji-manager-groups-list {
display: none;
}
/* Hide add group row on mobile */
.emoji-manager-addgroup-row {
display: none;
}
}
.emoji-manager-addgroup-row {
display: flex;
gap: 8px;
padding: 12px;
}
.emoji-manager-addgroup-row input {
flex: 1;
min-width: 0;
}
/* Group selector dropdown for mobile */
.emoji-manager-group-selector {
display: none;
width: 100%;
padding: 12px;
}
.emoji-manager-group-selector select {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #dee2e6;
border-radius: 6px;
background: var(--primary-very-low);
color: var(--primary);
}
/* Mobile: Larger touch targets for add group */
@media (max-width: 768px) {
.emoji-manager-group-selector {
display: block;
}
.emoji-manager-addgroup-row {
padding: 12px 16px;
}
.emoji-manager-addgroup-row input,
.emoji-manager-addgroup-row button {
font-size: 16px;
padding: 12px;
}
}
.emoji-manager-groups-list {
background: var(--primary-very-low);
flex: 1;
overflow-y: auto;
padding: 8px;
}
.emoji-manager-groups-list > div {
margin-bottom: 4px;
padding: 12px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.emoji-manager-groups-list > div:hover {
background: var(--d-selected);
}
.emoji-manager-groups-list > div:focus {
outline: none;
box-shadow: inset 0 0 0 2px #007bff;
background: var(--d-selected);
}
/* Mobile: Larger touch targets for group items */
@media (max-width: 768px) {
.emoji-manager-groups-list {
padding: 8px 16px;
}
.emoji-manager-groups-list > div {
padding: 16px 12px;
margin-bottom: 8px;
font-size: 15px;
}
}
/* Right panel - emoji display and editing */
.emoji-manager-right {
background: var(--primary-low);
display: flex;
flex-direction: column;
overflow: hidden;
}
.emoji-manager-right-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
background: var(--primary-very-low);
border-bottom: 1px solid #e9ecef;
}
.emoji-manager-right-header h4 {
margin: 0;
font-size: 16px;
flex: 1;
}
/* Mobile: Sticky header and larger buttons */
@media (max-width: 768px) {
.emoji-manager-right-header {
padding: 12px 16px;
position: sticky;
top: 0;
z-index: 10;
}
.emoji-manager-right-header h4 {
font-size: 15px;
}
.emoji-manager-right-header button {
padding: 10px 16px;
font-size: 14px;
}
}
.emoji-manager-right-main {
flex: 1;
overflow-y: auto;
padding: 16px;
}
.emoji-manager-emojis {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 12px;
padding: 0;
}
/* Mobile: Optimize grid for smaller screens */
@media (max-width: 768px) {
.emoji-manager-right-main {
padding: 12px;
}
.emoji-manager-emojis {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
}
}
@media (max-width: 480px) {
.emoji-manager-emojis {
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: 8px;
}
}
.emoji-manager-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 12px;
background: var(--primary-medium);
border-radius: 8px;
transition: transform 0.2s, box-shadow 0.2s;
}
.emoji-manager-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* Mobile: Better touch targets and spacing */
@media (max-width: 768px) {
.emoji-manager-card {
padding: 10px;
border-radius: 6px;
}
/* Disable hover effects on mobile */
.emoji-manager-card:hover {
transform: none;
box-shadow: none;
}
/* Add active state for touch feedback */
.emoji-manager-card:active {
transform: scale(0.98);
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
}
.emoji-manager-card-img {
max-width: 90%;
max-height: 80px;
object-fit: contain;
border-radius: 6px;
background: white;
margin-bottom: 8px;
}
.emoji-manager-card-name {
font-size: 12px;
color: var(--primary);
text-align: center;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 500;
margin-bottom: 8px;
}
.emoji-manager-card-actions {
display: flex;
gap: 6px;
width: 100%;
justify-content: center;
}
/* Mobile: Larger buttons for touch */
@media (max-width: 768px) {
.emoji-manager-card-img {
max-height: 70px;
margin-bottom: 6px;
}
.emoji-manager-card-name {
font-size: 11px;
margin-bottom: 6px;
}
.emoji-manager-card-actions {
gap: 8px;
}
.emoji-manager-card-actions .btn-sm {
padding: 8px 12px;
font-size: 13px;
min-height: 36px;
flex: 1;
}
}
/* Add emoji form */
.emoji-manager-add-emoji-form {
padding: 16px;
background: var(--primary-very-low);
border-top: 1px solid #e9ecef;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.emoji-manager-add-emoji-form input {
flex: 1;
min-width: 150px;
}
.emoji-manager-add-emoji-form button {
white-space: nowrap;
}
/* Mobile: Stack inputs vertically */
@media (max-width: 768px) {
.emoji-manager-add-emoji-form {
padding: 12px 16px;
flex-direction: column;
align-items: stretch;
}
.emoji-manager-add-emoji-form input {
width: 100%;
min-width: 0;
font-size: 16px;
padding: 12px;
}
.emoji-manager-add-emoji-form button {
width: 100%;
padding: 12px;
font-size: 15px;
min-height: 44px;
}
}
/* Footer */
.emoji-manager-footer {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
padding: 16px;
background: var(--primary-very-low);
border-top: 1px solid #e9ecef;
}
.emoji-manager-footer button {
flex: 0 1 auto;
}
/* Mobile: Stack footer buttons */
@media (max-width: 768px) {
.emoji-manager-footer {
padding: 12px 16px;
flex-direction: column;
}
.emoji-manager-footer button {
width: 100%;
padding: 12px;
font-size: 15px;
min-height: 44px;
}
}
/* Editor panel - popup modal */
.emoji-manager-editor-panel {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--primary-medium);
padding: 24px;
border-radius: 8px;
z-index: 1000000;
max-width: 90%;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.emoji-manager-editor-panel input,
.emoji-manager-editor-panel button {
margin: 8px 0;
}
.emoji-manager-editor-preview {
max-width: 100%;
max-height: 40vh;
object-fit: contain;
display: block;
margin: 12px auto;
border-radius: 6px;
background: white;
}
/* Mobile: Full-width editor on small screens */
@media (max-width: 768px) {
.emoji-manager-editor-panel {
width: calc(100% - 32px);
max-width: none;
padding: 20px;
border-radius: 12px;
}
.emoji-manager-editor-panel input {
font-size: 16px;
padding: 12px;
margin: 6px 0;
}
.emoji-manager-editor-panel button {
padding: 12px;
font-size: 15px;
min-height: 44px;
}
.emoji-manager-editor-preview {
max-height: 30vh;
}
}
@media (max-width: 480px) {
.emoji-manager-editor-panel {
width: calc(100% - 16px);
padding: 16px;
max-height: 95vh;
}
}
/* Hover preview (moved from inline styles) */
.emoji-manager-hover-preview {
position: fixed;
pointer-events: none;
z-index: 1000002;
display: none;
max-width: 60%;
max-height: 60%;
border: 1px solid rgba(0,0,0,0.1);
object-fit: contain;
background: var(--primary);
padding: 4px;
border-radius: 6px;
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
/* Mobile: Disable hover preview */
@media (max-width: 768px) {
.emoji-manager-hover-preview {
display: none !important;
}
}
/* Form styling */
.form-control {
width: 100%;
padding: 8px 12px;
border: 1px solid #dee2e6;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
background: var(--primary-very-low);
color: var(--primary);
}
.form-control:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}
.btn {
padding: 8px 16px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
color: var(--primary);
}
.btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.btn:active {
transform: translateY(0);
}
.btn-primary {
background: #007bff;
color: #fff;
}
.btn-primary:hover {
background: #0056b3;
}
.btn-sm {
padding: 6px 12px;
font-size: 13px;
}
/* Mobile: Larger touch targets for buttons */
@media (max-width: 768px) {
.form-control {
font-size: 16px;
padding: 10px 12px;
}
.btn {
min-height: 44px;
padding: 10px 16px;
font-size: 15px;
}
.btn:hover {
transform: none;
}
.btn:active {
transform: scale(0.98);
}
.btn-sm {
padding: 8px 12px;
font-size: 14px;
min-height: 36px;
}
}
`);
}
var __managerStylesInjected;
var init_styles = __esmMin((() => {
init_injectStyles();
__managerStylesInjected = false;
}));
function createEl(tag, opts) {
const el = document.createElement(tag);
if (opts) {
if (opts.width) el.style.width = opts.width;
if (opts.height) el.style.height = opts.height;
if (opts.className) el.className = opts.className;
if (opts.text) el.textContent = opts.text;
if (opts.placeholder && "placeholder" in el) el.placeholder = opts.placeholder;
if (opts.type && "type" in el) el.type = opts.type;
if (opts.value !== void 0 && "value" in el) el.value = opts.value;
if (opts.style) el.style.cssText = opts.style;
if (opts.src && "src" in el) el.src = opts.src;
if (opts.attrs) for (const k in opts.attrs) el.setAttribute(k, opts.attrs[k]);
if (opts.dataset) for (const k in opts.dataset) el.dataset[k] = opts.dataset[k];
if (opts.innerHTML) el.innerHTML = opts.innerHTML;
if (opts.title) el.title = opts.title;
if (opts.alt && "alt" in el) el.alt = opts.alt;
if (opts.id) el.id = opts.id;
if (opts.on) for (const [evt, handler] of Object.entries(opts.on)) el.addEventListener(evt, handler);
}
return el;
}
var init_createEl = __esmMin((() => {}));
function ensureHoverPreview() {
if (_sharedPreview && document.body.contains(_sharedPreview)) return _sharedPreview;
_sharedPreview = createEl("div", {
className: "emoji-picker-hover-preview",
style: "position:fixed;pointer-events:none;display:none;z-index:1000002;max-width:300px;max-height:300px;overflow:hidden;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.25);background:transparent;padding:6px;"
});
const img = createEl("img", {
className: "emoji-picker-hover-img",
style: "display:block;max-width:100%;max-height:220px;object-fit:contain;"
});
const label = createEl("div", {
className: "emoji-picker-hover-label",
style: "font-size:12px;color:var(--primary);margin-top:6px;text-align:center;"
});
_sharedPreview.appendChild(img);
_sharedPreview.appendChild(label);
document.body.appendChild(_sharedPreview);
return _sharedPreview;
}
var _sharedPreview;
var init_hoverPreview = __esmMin((() => {
init_createEl();
_sharedPreview = null;
}));
function injectGlobalThemeStyles() {
if (themeStylesInjected || typeof document === "undefined") return;
themeStylesInjected = true;
document.head.appendChild(createEl("style", {
id: "emoji-extension-theme-globals",
text: `
/* Global CSS variables for emoji extension theme support */
:root {
/* Light theme (default) */
--emoji-modal-bg: #ffffff;
--emoji-modal-text: #333333;
--emoji-modal-border: #dddddd;
--emoji-modal-input-bg: #ffffff;
--emoji-modal-label: #555555;
--emoji-modal-button-bg: #f5f5f5;
--emoji-modal-primary-bg: #1890ff;
--emoji-preview-bg: #ffffff;
--emoji-preview-text: #222222;
--emoji-preview-border: rgba(0,0,0,0.08);
--emoji-button-gradient-start: #667eea;
--emoji-button-gradient-end: #764ba2;
--emoji-button-shadow: rgba(0, 0, 0, 0.15);
--emoji-button-hover-shadow: rgba(0, 0, 0, 0.2);
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
:root {
--emoji-modal-bg: #2d2d2d;
--emoji-modal-text: #e6e6e6;
--emoji-modal-border: #444444;
--emoji-modal-input-bg: #3a3a3a;
--emoji-modal-label: #cccccc;
--emoji-modal-button-bg: #444444;
--emoji-modal-primary-bg: #1677ff;
--emoji-preview-bg: rgba(32,33,36,0.94);
--emoji-preview-text: #e6e6e6;
--emoji-preview-border: rgba(255,255,255,0.12);
--emoji-button-gradient-start: #4a5568;
--emoji-button-gradient-end: #2d3748;
--emoji-button-shadow: rgba(0, 0, 0, 0.3);
--emoji-button-hover-shadow: rgba(0, 0, 0, 0.4);
}
}
`
}));
}
var themeStylesInjected;
var init_themeSupport = __esmMin((() => {
init_createEl();
themeStylesInjected = false;
}));
function showTemporaryMessage(message, duration = 2e3) {
const messageEl = createEl("div", {
style: `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--emoji-modal-primary-bg);
color: white;
padding: 12px 24px;
border-radius: 6px;
z-index: 9999999;
font-size: 14px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
animation: fadeInOut 2s ease-in-out;
`,
text: message
});
if (!document.querySelector("#tempMessageStyles")) {
const style = createEl("style", {
id: "tempMessageStyles",
text: `
@keyframes fadeInOut {
0%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
20%, 80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
`
});
document.head.appendChild(style);
}
document.body.appendChild(messageEl);
setTimeout(() => {
try {
messageEl.remove();
} catch {}
}, duration);
}
var init_tempMessage = __esmMin((() => {
init_createEl();
}));
function createModalElement(options) {
const modal = createEl("div", {
style: `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
`,
className: options.className
});
const content = createEl("div", { style: `
background: var(--secondary);
color: var(--emoji-modal-text);
border: 1px solid var(--emoji-modal-border);
border-radius: 8px;
padding: 24px;
max-width: 90%;
max-height: 90%;
overflow-y: auto;
position: relative;
` });
if (options.title) {
const titleElement = createEl("div", {
style: `
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
`,
innerHTML: `
${options.title}
`
});
content.appendChild(titleElement);
const closeButton = content.querySelector("#closeModal");
if (closeButton && options.onClose) closeButton.addEventListener("click", options.onClose);
}
if (options.content) {
const contentDiv = createEl("div", { innerHTML: options.content });
content.appendChild(contentDiv);
}
modal.appendChild(content);
return modal;
}
var init_editorUtils = __esmMin((() => {
init_createEl();
}));
var importExport_exports = /* @__PURE__ */ __export({ showImportExportModal: () => showImportExportModal });
function showImportExportModal(currentGroupId) {
injectGlobalThemeStyles();
const currentGroup = currentGroupId ? userscriptState.emojiGroups.find((g) => g.id === currentGroupId) : null;
const modal = createModalElement({
title: "分组表情导入/导出",
content: `
${currentGroup ? `
当前分组信息
${currentGroup.icon?.startsWith("http") ? `
` : `
${currentGroup.icon || "📁"}`}
${currentGroup.name || currentGroup.id}
分组 ID: ${currentGroup.id} | 表情数量：${currentGroup.emojis?.length || 0}
` : ""}
导出分组表情
导入分组表情
`,
onClose: () => modal.remove()
});
const content = modal.querySelector("div:last-child");
document.body.appendChild(modal);
function createDownload(data, filename) {
const jsonString = JSON.stringify(data, null, 2);
const blob = new Blob([jsonString], { type: "application/json" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
function parseImportData(jsonData) {
try {
const data = JSON.parse(jsonData);
if (!data || typeof data !== "object") throw new Error("无效的 JSON 格式");
return data;
} catch (error) {
throw new Error("JSON 解析失败：" + (error instanceof Error ? error.message : String(error)));
}
}
content.querySelector("#exportGroup")?.addEventListener("click", () => {
try {
const selectedGroupId = content.querySelector("#exportGroupSelect").value;
if (!selectedGroupId) {
alert("请选择要导出的分组");
return;
}
const group = userscriptState.emojiGroups.find((g) => g.id === selectedGroupId);
if (!group) {
alert("找不到指定的分组");
return;
}
const exportData = {
type: "emoji_group",
exportDate: (/* @__PURE__ */ new Date()).toISOString(),
group: {
id: group.id,
name: group.name,
icon: group.icon,
emojis: group.emojis || [],
order: group.order
}
};
const timestamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
createDownload(exportData, `emoji-group-${group.name || group.id}-${timestamp}.json`);
showTemporaryMessage(`已导出分组 "${group.name || group.id}" (${group.emojis?.length || 0} 个表情)`);
} catch (error) {
console.error("Export group failed:", error);
alert("导出分组失败：" + (error instanceof Error ? error.message : String(error)));
}
});
content.querySelector("#importFile")?.addEventListener("change", (e) => {
const file = e.target.files?.[0];
if (file) {
const reader = new FileReader();
reader.onload = (event) => {
const text = event.target?.result;
const importTextarea = content.querySelector("#importText");
if (importTextarea) importTextarea.value = text;
};
reader.onerror = () => {
alert("文件读取失败");
};
reader.readAsText(file);
}
});
content.querySelector("#previewImport")?.addEventListener("click", () => {
try {
const importText = content.querySelector("#importText").value.trim();
if (!importText) {
alert("请输入或选择要导入的内容");
return;
}
const data = parseImportData(importText);
let preview = "导入预览:\\n\\n";
if (data.type === "emoji_group" && data.group) {
const group = data.group;
preview += `分组类型：单个表情分组\\n`;
preview += `分组名称：${group.name || group.id || "Unnamed"}\\n`;
preview += `分组 ID: ${group.id || "N/A"}\\n`;
preview += `图标：${group.icon || "无"}\\n`;
preview += `表情数量：${group.emojis?.length || 0}\\n\\n`;
if (group.emojis && group.emojis.length > 0) {
preview += `表情列表 (前 5 个):\\n`;
group.emojis.slice(0, 5).forEach((emoji, index) => {
preview += ` ${index + 1}. ${emoji.name || "Unnamed"} - ${emoji.url || "No URL"}\\n`;
});
if (group.emojis.length > 5) preview += ` ... 还有 ${group.emojis.length - 5} 个表情\\n`;
}
} else if (data.emojiGroups && Array.isArray(data.emojiGroups)) {
preview += `分组类型：多个表情分组\\n`;
preview += `分组数量：${data.emojiGroups.length}\\n\\n`;
data.emojiGroups.slice(0, 3).forEach((group, index) => {
preview += `${index + 1}. ${group.name || group.id || "Unnamed"} (${group.emojis?.length || 0} 表情)\\n`;
});
if (data.emojiGroups.length > 3) preview += `... 还有 ${data.emojiGroups.length - 3} 个分组\\n`;
} else if (Array.isArray(data) && data.length > 0 && data[0].id && data[0].url) {
preview += `分组类型：表情数组 (带扩展字段)\\n`;
preview += `表情数量：${data.length}\\n\\n`;
const groupIds = [...new Set(data.map((emoji) => emoji.groupId).filter(Boolean))];
if (groupIds.length > 0) preview += `包含的原始分组 ID: ${groupIds.join(", ")}\\n\\n`;
if (data.length > 0) {
preview += `表情列表 (前 5 个):\\n`;
data.slice(0, 5).forEach((emoji, index) => {
preview += ` ${index + 1}. ${emoji.name || emoji.id} - ${emoji.url}\\n`;
if (emoji.groupId) preview += ` 原分组：${emoji.groupId}\\n`;
});
if (data.length > 5) preview += ` ... 还有 ${data.length - 5} 个表情\\n`;
}
} else preview += "无法识别的格式，可能不是有效的分组导出文件";
alert(preview);
} catch (error) {
alert("预览失败：" + (error instanceof Error ? error.message : String(error)));
}
});
content.querySelector("#importGroup")?.addEventListener("click", () => {
try {
const importText = content.querySelector("#importText").value.trim();
if (!importText) {
alert("请输入或选择要导入的内容");
return;
}
let targetGroupId = content.querySelector("#importTargetGroupSelect").value;
if (targetGroupId === "__new__") {
const newGroupName = prompt("请输入新分组的名称：");
if (!newGroupName || !newGroupName.trim()) return;
const newGroupId = "imported_" + Date.now();
const newGroup = {
id: newGroupId,
name: newGroupName.trim(),
icon: "📁",
emojis: [],
order: userscriptState.emojiGroups.length
};
userscriptState.emojiGroups.push(newGroup);
targetGroupId = newGroupId;
}
if (!targetGroupId) {
alert("请选择目标分组");
return;
}
const targetGroup = userscriptState.emojiGroups.find((g) => g.id === targetGroupId);
if (!targetGroup) {
alert("找不到目标分组");
return;
}
const data = parseImportData(importText);
const importModeInputs = content.querySelectorAll("input[name=\"importMode\"]");
const importMode = Array.from(importModeInputs).find((input) => input.checked)?.value || "replace";
let importedEmojis = [];
if (data.type === "emoji_group" && data.group && data.group.emojis) importedEmojis = data.group.emojis;
else if (data.emojiGroups && Array.isArray(data.emojiGroups)) importedEmojis = data.emojiGroups.reduce((acc, group) => {
return acc.concat(group.emojis || []);
}, []);
else if (Array.isArray(data.emojis)) importedEmojis = data.emojis;
else if (Array.isArray(data) && data.length > 0 && data[0].id && data[0].url) importedEmojis = data.map((emoji) => ({
name: emoji.name || emoji.id || "unnamed",
url: emoji.url,
width: emoji.width,
height: emoji.height,
originalId: emoji.id,
packet: emoji.packet,
originalGroupId: emoji.groupId
}));
else {
alert("无法识别的导入格式");
return;
}
if (importedEmojis.length === 0) {
alert("导入文件中没有找到表情数据");
return;
}
let finalEmojis = [];
switch (importMode) {
case "replace":
finalEmojis = importedEmojis;
break;
case "merge":
const existingUrls = new Set((targetGroup.emojis || []).map((e) => e.url));
const existingIds = new Set((targetGroup.emojis || []).map((e) => e.originalId || e.id).filter(Boolean));
const newEmojis = importedEmojis.filter((e) => {
if (existingUrls.has(e.url)) return false;
if (e.originalId && existingIds.has(e.originalId)) return false;
return true;
});
finalEmojis = [...targetGroup.emojis || [], ...newEmojis];
break;
case "append":
finalEmojis = [...targetGroup.emojis || [], ...importedEmojis];
break;
default: finalEmojis = importedEmojis;
}
targetGroup.emojis = finalEmojis;
saveDataToLocalStorage({ emojiGroups: userscriptState.emojiGroups });
const message = `成功导入 ${importedEmojis.length} 个表情到分组 "${targetGroup.name || targetGroup.id}"`;
showTemporaryMessage(message);
alert(message + "\\n\\n修改已保存，分组现在共有 " + finalEmojis.length + " 个表情");
modal.remove();
} catch (error) {
console.error("Import group failed:", error);
alert("导入分组失败：" + (error instanceof Error ? error.message : String(error)));
}
});
}
var init_importExport = __esmMin((() => {
init_userscript_storage();
init_themeSupport();
init_tempMessage();
init_editorUtils();
}));
function customAlert(message) {
return new Promise((resolve) => {
const backdrop = createEl("div", { style: `
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2147483646;
display: flex;
align-items: center;
justify-content: center;
` });
const dialog = createEl("div", { style: `
background: #ffffff;
color: #000000;
padding: 20px;
border-radius: 8px;
max-width: 90vw;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
text-align: center;
min-width: 300px;
` });
const messageEl = createEl("div", {
text: message,
style: "margin-bottom: 20px; word-wrap: break-word;"
});
const okButton = createEl("button", {
text: "确定",
className: "btn btn-primary",
style: "padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white;"
});
okButton.addEventListener("click", () => {
backdrop.remove();
resolve();
});
dialog.appendChild(messageEl);
dialog.appendChild(okButton);
backdrop.appendChild(dialog);
document.body.appendChild(backdrop);
const handleEsc = (e) => {
if (e.key === "Escape") {
backdrop.remove();
document.removeEventListener("keydown", handleEsc);
resolve();
}
};
document.addEventListener("keydown", handleEsc);
backdrop.addEventListener("click", (e) => {
if (e.target === backdrop) {
backdrop.remove();
document.removeEventListener("keydown", handleEsc);
resolve();
}
});
});
}
function customConfirm$1(message) {
return new Promise((resolve) => {
const backdrop = createEl("div", { style: `
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2147483646;
display: flex;
align-items: center;
justify-content: center;
` });
const dialog = createEl("div", { style: `
background: #ffffff;
color: #000000;
padding: 20px;
border-radius: 8px;
max-width: 90vw;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
text-align: center;
min-width: 300px;
` });
const messageEl = createEl("div", {
text: message,
style: "margin-bottom: 20px; word-wrap: break-word;"
});
const buttonContainer = createEl("div", { style: "display: flex; gap: 10px; justify-content: center;" });
const cancelButton = createEl("button", {
text: "取消",
className: "btn",
style: "padding: 8px 16px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; background: #f8f9fa; color: #333;"
});
const okButton = createEl("button", {
text: "确定",
className: "btn btn-primary",
style: "padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white;"
});
cancelButton.addEventListener("click", () => {
backdrop.remove();
resolve(false);
});
okButton.addEventListener("click", () => {
backdrop.remove();
resolve(true);
});
buttonContainer.appendChild(cancelButton);
buttonContainer.appendChild(okButton);
dialog.appendChild(messageEl);
dialog.appendChild(buttonContainer);
backdrop.appendChild(dialog);
document.body.appendChild(backdrop);
const handleEsc = (e) => {
if (e.key === "Escape") {
backdrop.remove();
document.removeEventListener("keydown", handleEsc);
resolve(false);
}
};
document.addEventListener("keydown", handleEsc);
});
}
function customPrompt(message, defaultValue = "") {
return new Promise((resolve) => {
const backdrop = createEl("div", { style: `
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2147483646;
display: flex;
align-items: center;
justify-content: center;
` });
const dialog = createEl("div", { style: `
background: #ffffff;
color: #000000;
padding: 20px;
border-radius: 8px;
max-width: 90vw;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
text-align: center;
min-width: 300px;
` });
const messageEl = createEl("div", {
text: message,
style: "margin-bottom: 15px; word-wrap: break-word;"
});
const input = createEl("input", {
attrs: {
type: "text",
value: defaultValue
},
className: "form-control",
style: `
width: 100%;
padding: 8px 12px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
`
});
const buttonContainer = createEl("div", { style: "display: flex; gap: 10px; justify-content: center;" });
const cancelButton = createEl("button", {
text: "取消",
className: "btn",
style: "padding: 8px 16px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; background: #f8f9fa; color: #333;"
});
const okButton = createEl("button", {
text: "确定",
className: "btn btn-primary",
style: "padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; background: #007bff; color: white;"
});
cancelButton.addEventListener("click", () => {
backdrop.remove();
resolve(null);
});
okButton.addEventListener("click", () => {
backdrop.remove();
resolve(input.value);
});
setTimeout(() => {
input.focus();
input.select();
}, 10);
input.addEventListener("keydown", (e) => {
if (e.key === "Enter") {
backdrop.remove();
resolve(input.value);
}
});
buttonContainer.appendChild(cancelButton);
buttonContainer.appendChild(okButton);
dialog.appendChild(messageEl);
dialog.appendChild(input);
dialog.appendChild(buttonContainer);
backdrop.appendChild(dialog);
document.body.appendChild(backdrop);
const handleEsc = (e) => {
if (e.key === "Escape") {
backdrop.remove();
document.removeEventListener("keydown", handleEsc);
resolve(null);
}
};
document.addEventListener("keydown", handleEsc);
});
}
var init_dialog = __esmMin((() => {
init_createEl();
}));
var init_utils = __esmMin((() => {
init_dialog();
}));
function showGroupEditorModal() {
injectGlobalThemeStyles();
const modal = createModalElement({
title: "表情分组编辑器",
content: `
编辑说明
• 点击分组名称或图标进行编辑
• 图标支持 emoji 字符或单个字符
• 修改会立即保存到本地存储
• 使用上移/下移按钮调整分组的显示顺序
${userscriptState.emojiGroups.map((group, index) => `
` + (group.icon?.startsWith("https://") ? `
` : `
${group.icon || "📁"}
`) + `
`).join("")}
表情按使用次数排序
点击表情直接使用
总使用次数：${popularEmojis.reduce((sum, emoji) => sum + emoji.count, 0)}
${popularEmojis.length === 0 ? "
还没有使用过表情
开始使用表情后，这里会显示常用的表情
" : popularEmojis.map((emoji) => `
${emoji.name}
使用${emoji.count}次
`).join("")}
统计数据保存在本地，清空统计将重置所有使用记录
` : ""}
`;
const modal = createModalElement({
title: `常用表情 (${popularEmojis.length})`,
content: contentHTML,
onClose: () => modal.remove()
});
const titleDiv = modal.querySelector("div:first-child > div:first-child, div:first-child > h2 + div");
if (titleDiv) {
const clearStatsButton = createEl("button", {
id: "clearStats",
text: "清空统计",
style: "padding: 6px 12px; background: #ff4444; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; margin-right: 8px;"
});
titleDiv.appendChild(clearStatsButton);
clearStatsButton.addEventListener("click", () => {
if (confirm("确定要清空所有表情使用统计吗？此操作不可撤销。")) {
clearEmojiUsageStats();
modal.remove();
showTemporaryMessage("表情使用统计已清空");
setTimeout(() => showPopularEmojisModal(), 300);
}
});
}
const content = modal.querySelector("div:last-child");
document.body.appendChild(modal);
ensureStyleInjected("popular-emojis-styles", `
.popular-emoji-item:hover {
transform: translateY(-2px);
border-color: var(--emoji-modal-primary-bg) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
`);
content.querySelectorAll(".popular-emoji-item").forEach((item) => {
item.addEventListener("click", () => {
const name = item.getAttribute("data-name");
const url = item.getAttribute("data-url");
if (name && url) {
trackEmojiUsage(name, url);
useEmojiFromPopular(name, url);
modal.remove();
showTemporaryMessage(`已使用表情: ${name}`);
}
});
});
}
function useEmojiFromPopular(name, url) {
const activeElement = document.activeElement;
if (activeElement && (activeElement.tagName === "TEXTAREA" || activeElement.tagName === "INPUT")) {
const textArea = activeElement;
const format = userscriptState.settings.outputFormat;
let emojiText = "";
if (format === "markdown") emojiText = ``;
else emojiText = `
`;
const start = textArea.selectionStart || 0;
const end = textArea.selectionEnd || 0;
const currentValue = textArea.value;
textArea.value = currentValue.slice(0, start) + emojiText + currentValue.slice(end);
const newPosition = start + emojiText.length;
textArea.setSelectionRange(newPosition, newPosition);
textArea.dispatchEvent(new Event("input", { bubbles: true }));
textArea.focus();
} else {
const textAreas = document.querySelectorAll("textarea, input[type=\"text\"], [contenteditable=\"true\"]");
const lastTextArea = Array.from(textAreas).pop();
if (lastTextArea) {
lastTextArea.focus();
if (lastTextArea.tagName === "TEXTAREA" || lastTextArea.tagName === "INPUT") {
const format = userscriptState.settings.outputFormat;
let emojiText = "";
if (format === "markdown") emojiText = ``;
else emojiText = ``;
const textarea = lastTextArea;
textarea.value += emojiText;
textarea.dispatchEvent(new Event("input", { bubbles: true }));
}
}
}
}
var init_popularEmojis = __esmMin((() => {
init_state();
init_userscript_storage();
init_createEl();
init_themeSupport();
init_tempMessage();
init_injectStyles();
init_editorUtils();
}));
var settings_exports = /* @__PURE__ */ __export({ showSettingsModal: () => showSettingsModal });
function showSettingsModal() {
injectGlobalThemeStyles();
const modal = createEl("div", { style: `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
` });
modal.appendChild(createEl("div", {
style: `
backdrop-filter: blur(10px);
padding: 24px;
overflow-y: auto;
position: relative;
`,
innerHTML: `
设置
`
}));
document.body.appendChild(modal);
const content = modal.querySelector("div:last-child");
const scaleSlider = content.querySelector("#scaleSlider");
const scaleValue = content.querySelector("#scaleValue");
content.querySelector("#closeModal")?.addEventListener("click", () => {
modal.remove();
});
scaleSlider?.addEventListener("input", () => {
if (scaleValue) scaleValue.textContent = scaleSlider.value + "%";
});
content.querySelector("#resetSettings")?.addEventListener("click", async () => {
if (confirm("确定要重置所有设置吗？")) {
userscriptState.settings = { ...DEFAULT_USER_SETTINGS };
modal.remove();
}
});
content.querySelector("#saveSettings")?.addEventListener("click", () => {
userscriptState.settings.imageScale = parseInt(scaleSlider?.value || "30");
const outputFormat = content.querySelector("input[name=\"outputFormat\"]:checked");
if (outputFormat) userscriptState.settings.outputFormat = outputFormat.value;
const showSearchBar = content.querySelector("#showSearchBar");
if (showSearchBar) userscriptState.settings.showSearchBar = showSearchBar.checked;
const enableFloatingPreview = content.querySelector("#enableFloatingPreview");
if (enableFloatingPreview) userscriptState.settings.enableFloatingPreview = enableFloatingPreview.checked;
const enableCalloutEl = content.querySelector("#enableCalloutSuggestions");
if (enableCalloutEl) userscriptState.settings.enableCalloutSuggestions = !!enableCalloutEl.checked;
const enableBatchEl = content.querySelector("#enableBatchParseImages");
if (enableBatchEl) userscriptState.settings.enableBatchParseImages = !!enableBatchEl.checked;
const forceMobileEl = content.querySelector("#forceMobileMode");
if (forceMobileEl) userscriptState.settings.forceMobileMode = !!forceMobileEl.checked;
saveDataToLocalStorage({ settings: userscriptState.settings });
try {
const remoteInput = content.querySelector("#remoteConfigUrl");
if (remoteInput && remoteInput.value.trim()) localStorage.setItem("emoji_extension_remote_config_url", remoteInput.value.trim());
} catch (e) {}
alert("设置已保存");
modal.remove();
});
content.querySelector("#openGroupEditor")?.addEventListener("click", () => {
modal.remove();
showGroupEditorModal();
});
content.querySelector("#openPopularEmojis")?.addEventListener("click", () => {
modal.remove();
showPopularEmojisModal();
});
content.querySelector("#openImportExport")?.addEventListener("click", () => {
modal.remove();
showImportExportModal();
});
}
var init_settings = __esmMin((() => {
init_state();
init_userscript_storage();
init_createEl();
init_themeSupport();
init_groupEditor();
init_popularEmojis();
init_importExport();
}));
function createSyncTarget(config) {
switch (config.type) {
case "webdav": return new WebDAVSyncTarget(config);
case "s3": return new S3SyncTarget(config);
case "cloudflare": return new CloudflareSyncTarget(config);
default: throw new Error(`Unknown sync target type: ${config.type}`);
}
}
var WebDAVSyncTarget, S3SyncTarget, CloudflareSyncTarget;
var init_syncTargets = __esmMin((() => {
WebDAVSyncTarget = class {
config;
constructor(config) {
this.config = config;
}
getAuthHeader() {
return `Basic ${btoa(`${this.config.username}:${this.config.password}`)}`;
}
getFullUrl() {
return `${this.config.url.replace(/\/$/, "")}/${this.config.path || "emoji-data.json"}`;
}
async test() {
try {
const url = this.getFullUrl();
const response = await fetch(url, {
method: "HEAD",
headers: { Authorization: this.getAuthHeader() }
});
if (response.ok || response.status === 404) return {
success: true,
message: "WebDAV connection successful",
timestamp: Date.now()
};
return {
success: false,
message: `WebDAV connection failed: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `WebDAV connection error: ${error}`,
error
};
}
}
async push(data, onProgress) {
try {
onProgress?.({
current: 0,
total: 1,
action: "push"
});
const url = this.getFullUrl();
const response = await fetch(url, {
method: "PUT",
headers: {
Authorization: this.getAuthHeader(),
"Content-Type": "application/json"
},
body: JSON.stringify(data, null, 2)
});
onProgress?.({
current: 1,
total: 1,
action: "push"
});
if (response.ok || response.status === 201 || response.status === 204) return {
success: true,
message: "Data pushed to WebDAV successfully",
timestamp: Date.now()
};
return {
success: false,
message: `Failed to push to WebDAV: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `Error pushing to WebDAV: ${error}`,
error
};
}
}
async pull(onProgress) {
try {
onProgress?.({
current: 0,
total: 1,
action: "pull"
});
const url = this.getFullUrl();
const response = await fetch(url, {
method: "GET",
headers: {
Authorization: this.getAuthHeader(),
Accept: "application/json"
}
});
onProgress?.({
current: 1,
total: 1,
action: "pull"
});
if (response.ok) return {
success: true,
data: await response.json(),
message: "Data pulled from WebDAV successfully"
};
if (response.status === 404) return {
success: false,
message: "No data found on WebDAV server",
error: "File not found"
};
return {
success: false,
message: `Failed to pull from WebDAV: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `Error pulling from WebDAV: ${error}`,
error
};
}
}
};
S3SyncTarget = class {
config;
constructor(config) {
this.config = config;
}
getObjectKey() {
const path = this.config.path || "emoji-data.json";
return path.startsWith("/") ? path.substring(1) : path;
}
async signRequest(method, url, body) {
const date = (/* @__PURE__ */ new Date()).toISOString().replace(/[:-]|\.\d{3}/g, "");
date.substring(0, 8);
const headers = {
"x-amz-date": date,
"x-amz-content-sha256": "UNSIGNED-PAYLOAD"
};
if (body) headers["Content-Type"] = "application/json";
return headers;
}
getS3Url() {
const endpoint = this.config.endpoint.replace(/\/$/, "");
const bucket = this.config.bucket;
const key = this.getObjectKey();
if (endpoint.endsWith(".amazonaws.com") || endpoint === "s3.amazonaws.com") return `https://${bucket}.${endpoint}/${key}`;
return `${endpoint}/${bucket}/${key}`;
}
async test() {
try {
const url = this.getS3Url();
const headers = await this.signRequest("HEAD", url);
const response = await fetch(url, {
method: "HEAD",
headers
});
if (response.ok || response.status === 404) return {
success: true,
message: "S3 connection successful",
timestamp: Date.now()
};
return {
success: false,
message: `S3 connection failed: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `S3 connection error: ${error}`,
error
};
}
}
async push(data, onProgress) {
try {
onProgress?.({
current: 0,
total: 1,
action: "push"
});
const url = this.getS3Url();
const body = JSON.stringify(data, null, 2);
const headers = await this.signRequest("PUT", url, body);
const response = await fetch(url, {
method: "PUT",
headers,
body
});
onProgress?.({
current: 1,
total: 1,
action: "push"
});
if (response.ok || response.status === 201 || response.status === 204) return {
success: true,
message: "Data pushed to S3 successfully",
timestamp: Date.now()
};
return {
success: false,
message: `Failed to push to S3: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `Error pushing to S3: ${error}`,
error
};
}
}
async pull(onProgress) {
try {
onProgress?.({
current: 0,
total: 1,
action: "pull"
});
const url = this.getS3Url();
const headers = await this.signRequest("GET", url);
const response = await fetch(url, {
method: "GET",
headers
});
onProgress?.({
current: 1,
total: 1,
action: "pull"
});
if (response.ok) return {
success: true,
data: await response.json(),
message: "Data pulled from S3 successfully"
};
if (response.status === 404) return {
success: false,
message: "No data found on S3",
error: "Object not found"
};
return {
success: false,
message: `Failed to pull from S3: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `Error pulling from S3: ${error}`,
error
};
}
}
};
CloudflareSyncTarget = class {
config;
constructor(config) {
this.config = config;
}
getWriteAuthHeader() {
return { Authorization: `Bearer ${this.config.authToken}` };
}
getReadAuthHeader() {
return { Authorization: `Bearer ${this.config.authTokenReadonly || this.config.authToken}` };
}
getUrl() {
return this.config.url.replace(/\/$/, "");
}
async test() {
try {
const url = this.getUrl() + "/";
const response = await fetch(url, {
method: "GET",
headers: this.getReadAuthHeader()
});
if (response.ok) {
await response.json();
return {
success: true,
message: "Cloudflare Worker connection successful",
timestamp: Date.now()
};
}
return {
success: false,
message: `Cloudflare Worker connection failed: ${response.statusText}`,
error: response.statusText
};
} catch (error) {
return {
success: false,
message: `Cloudflare Worker connection error: ${error}`,
error
};
}
}
async push(data, onProgress) {
try {
const baseUrl = this.getUrl();
const headers = {
...this.getWriteAuthHeader(),
"Content-Type": "application/json"
};
const itemsToPush = [{
key: "settings",
data: data.settings
}, ...data.emojiGroups.map((g) => ({
key: encodeURIComponent(g.name),
data: g
}))];
const total = itemsToPush.length;
let current = 0;
onProgress?.({
current,
total,
action: "push"
});
for (const item of itemsToPush) {
const response = await fetch(`${baseUrl}/${item.key}`, {
method: "POST",
headers,
body: JSON.stringify(item.data)
});
if (!response.ok) throw new Error(`Failed to push item ${item.key}: ${response.statusText}`);
current++;
onProgress?.({
current,
total,
action: "push"
});
}
return {
success: true,
message: `Data pushed to Cloudflare Worker successfully (${total} items).`,
timestamp: Date.now()
};
} catch (error) {
return {
success: false,
message: `Error pushing to Cloudflare Worker: ${error}`,
error
};
}
}
async pull(onProgress) {
try {
const baseUrl = this.getUrl();
const headers = this.getReadAuthHeader();
let current = 0;
onProgress?.({
current,
total: 1,
action: "pull"
});
const listResponse = await fetch(`${baseUrl}/`, {
method: "GET",
headers
});
if (!listResponse.ok) throw new Error(`Failed to list keys: ${listResponse.statusText}`);
const keys = await listResponse.json();
const total = keys.length;
onProgress?.({
current,
total,
action: "pull"
});
const pulledItems = [];
for (const key of keys) {
const res = await fetch(`${baseUrl}/${key.name}`, {
method: "GET",
headers
});
if (!res.ok) {
console.warn(`Failed to fetch key ${key.name}, skipping.`);
continue;
}
const data = await res.json();
pulledItems.push({
key: key.name,
data
});
current++;
onProgress?.({
current,
total,
action: "pull"
});
}
const pulledData = { emojiGroups: [] };
let version = "0.0.0";
let timestamp = Date.now();
for (const item of pulledItems) if (item.key === "settings") pulledData.settings = item.data;
else pulledData.emojiGroups.push(item.data);
if (pulledData.settings?.version) version = pulledData.settings.version;
if (pulledData.settings?.timestamp) timestamp = pulledData.settings.timestamp;
return {
success: true,
data: {
settings: pulledData.settings || {},
emojiGroups: pulledData.emojiGroups || [],
version,
timestamp
},
message: `Data pulled from Cloudflare Worker successfully (${pulledItems.length} items).`
};
} catch (error) {
console.error("Error pulling from Cloudflare Worker:", error);
return {
success: false,
message: `Error pulling from Cloudflare Worker: ${error}`,
error
};
}
}
};
}));
var syncManager_exports = /* @__PURE__ */ __export({
showSyncConfigModal: () => showSyncConfigModal,
showSyncOperationsModal: () => showSyncOperationsModal
});
function loadSyncConfig() {
try {
const configData = localStorage.getItem(SYNC_CONFIG_KEY);
if (configData) return JSON.parse(configData);
} catch (error) {
console.error("[Sync Manager] Failed to load sync config:", error);
}
return null;
}
function saveSyncConfig(config) {
try {
localStorage.setItem(SYNC_CONFIG_KEY, JSON.stringify(config));
console.log("[Sync Manager] Sync config saved");
} catch (error) {
console.error("[Sync Manager] Failed to save sync config:", error);
}
}
function createSyncDataFromState() {
return {
emojiGroups: userscriptState.emojiGroups,
settings: userscriptState.settings,
timestamp: Date.now(),
version: "1.0"
};
}
function applySyncDataToState(data) {
const mergedData = mergeSyncData(createSyncDataFromState(), data);
userscriptState.emojiGroups = mergedData.emojiGroups;
userscriptState.settings = mergedData.settings;
saveDataToLocalStorage({
emojiGroups: userscriptState.emojiGroups,
settings: userscriptState.settings
});
}
function mergeSyncData(local, remote) {
const mergedSettings = {
...local.settings,
...remote.settings
};
const localGroupsMap = new Map(local.emojiGroups.map((g) => [g.name, g]));
const mergedGroups = [...local.emojiGroups];
for (const remoteGroup of remote.emojiGroups) {
const localGroup = localGroupsMap.get(remoteGroup.name);
if (localGroup) {
const localEmojisMap = new Map((localGroup.emojis || []).map((e) => [e.name, e]));
for (const remoteEmoji of remoteGroup.emojis || []) localEmojisMap.set(remoteEmoji.name, remoteEmoji);
localGroup.emojis = Array.from(localEmojisMap.values());
} else mergedGroups.push(remoteGroup);
}
return {
settings: mergedSettings,
emojiGroups: mergedGroups,
timestamp: remote.timestamp,
version: remote.version
};
}
function showSyncConfigModal() {
const existingConfig = loadSyncConfig();
const syncType = existingConfig?.type || "webdav";
const modal = createModalElement({
title: "同步配置",
content: `
⚠️ 安全提示
您的密码和密钥将以明文形式存储在浏览器的 localStorage 中。请确保：
- 仅在受信任的设备上使用此功能
- 使用强密码和独立的凭据
- 定期更换密码和密钥
同步类型
WebDAV 配置
S3 配置
`,
onClose: () => modal.remove()
});
document.body.appendChild(modal);
const syncTypeSelect = modal.querySelector("#syncTypeSelect");
const webdavConfigDiv = modal.querySelector("#webdavConfig");
const s3ConfigDiv = modal.querySelector("#s3Config");
const cloudflareConfigDiv = modal.querySelector("#cloudflareConfig");
syncTypeSelect.addEventListener("change", () => {
const selectedType = syncTypeSelect.value;
webdavConfigDiv.style.display = selectedType === "webdav" ? "block" : "none";
s3ConfigDiv.style.display = selectedType === "s3" ? "block" : "none";
cloudflareConfigDiv.style.display = selectedType === "cloudflare" ? "block" : "none";
});
modal.querySelector("#testConnection")?.addEventListener("click", async () => {
const config = getCurrentConfigFromModal(modal);
if (!config) {
showTemporaryMessage("请填写完整的配置信息", "error");
return;
}
const btn = modal.querySelector("#testConnection");
btn.disabled = true;
btn.textContent = "测试中...";
try {
const result = await createSyncTarget(config).test();
showTemporaryMessage(result.message, result.success ? "success" : "error");
} catch (error) {
showTemporaryMessage(`测试失败: ${error}`, "error");
} finally {
btn.disabled = false;
btn.textContent = "测试连接";
}
});
modal.querySelector("#saveConfig")?.addEventListener("click", () => {
const config = getCurrentConfigFromModal(modal);
if (!config) {
showTemporaryMessage("请填写完整的配置信息", "error");
return;
}
saveSyncConfig(config);
showTemporaryMessage("配置已保存", "success");
modal.remove();
});
}
function getCurrentConfigFromModal(modal) {
const syncType = modal.querySelector("#syncTypeSelect").value;
if (syncType === "cloudflare") {
const url = modal.querySelector("#cfWorkerUrl").value.trim();
const authToken = modal.querySelector("#cfAuthToken").value.trim();
const authTokenReadonly = modal.querySelector("#cfAuthTokenReadonly").value.trim();
if (!url || !authToken) return null;
return {
type: "cloudflare",
enabled: true,
url,
authToken,
authTokenReadonly: authTokenReadonly || void 0
};
}
if (syncType === "webdav") {
const url = modal.querySelector("#webdavUrl").value.trim();
const username = modal.querySelector("#webdavUsername").value.trim();
const password = modal.querySelector("#webdavPassword").value.trim();
const path = modal.querySelector("#webdavPath").value.trim();
if (!url || !username || !password) return null;
return {
type: "webdav",
enabled: true,
url,
username,
password,
path: path || void 0
};
} else if (syncType === "s3") {
const endpoint = modal.querySelector("#s3Endpoint").value.trim();
const region = modal.querySelector("#s3Region").value.trim();
const bucket = modal.querySelector("#s3Bucket").value.trim();
const accessKeyId = modal.querySelector("#s3AccessKeyId").value.trim();
const secretAccessKey = modal.querySelector("#s3SecretAccessKey").value.trim();
const path = modal.querySelector("#s3Path").value.trim();
if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) return null;
return {
type: "s3",
enabled: true,
endpoint,
region,
bucket,
accessKeyId,
secretAccessKey,
path: path || void 0
};
}
return null;
}
function showPullPreviewModal(data, config, onConfirm) {
const groupListHTML = data.emojiGroups.length > 0 ? `${data.emojiGroups.map((g) => `- ${g.name}
`).join("")}
` : "没有表情分组
";
const modal = createModalElement({
title: "确认合并恢复",
content: `
恢复预览
备份时间: ${new Date(data.timestamp).toLocaleString()}
表情分组数量: ${data.emojiGroups.length}
将使用此备份与本地数据合并。此操作不可撤销。
`,
onClose: () => modal.remove()
});
document.body.appendChild(modal);
modal.querySelector("#confirmPull")?.addEventListener("click", () => {
applySyncDataToState(data);
config.lastSyncTime = Date.now();
saveSyncConfig(config);
showTemporaryMessage("数据合并成功，页面将刷新", "success");
modal.remove();
onConfirm();
setTimeout(() => {
window.location.reload();
}, 1e3);
});
modal.querySelector("#cancelPull")?.addEventListener("click", () => {
modal.remove();
});
}
function showSyncOperationsModal() {
const config = loadSyncConfig();
if (!config) {
showTemporaryMessage("请先配置同步设置", "error");
showSyncConfigModal();
return;
}
const lastSyncTime = config.lastSyncTime ? new Date(config.lastSyncTime).toLocaleString() : "从未同步";
const modal = createModalElement({
title: "同步管理",
content: `
同步状态
同步类型: ${config.type.toUpperCase()}
最后同步: ${lastSyncTime}
同步操作
将当前的表情分组和设置推送到远程服务器
从远程服务器拉取数据并与本地数据合并
`,
onClose: () => modal.remove()
});
document.body.appendChild(modal);
const progressContainer = modal.querySelector("#syncProgressContainer");
const progressText = modal.querySelector("#syncProgressText");
const progressBar = modal.querySelector("#syncProgressBar");
const pullBtn = modal.querySelector("#pullData");
const pushBtn = modal.querySelector("#pushData");
const updateProgress = (progress) => {
progressContainer.style.display = "block";
progressText.textContent = `${progress.action === "push" ? "推送" : "拉取"}中... (${progress.current} / ${progress.total})`;
progressBar.max = progress.total;
progressBar.value = progress.current;
};
const hideProgress = () => {
progressContainer.style.display = "none";
};
pushBtn.addEventListener("click", async () => {
pushBtn.disabled = true;
pullBtn.disabled = true;
pushBtn.textContent = "推送中...";
updateProgress({
current: 0,
total: 1,
action: "push"
});
try {
const target = createSyncTarget(config);
const syncData = createSyncDataFromState();
const result = await target.push(syncData, updateProgress);
if (result.success) {
config.lastSyncTime = Date.now();
saveSyncConfig(config);
showTemporaryMessage("数据推送成功", "success");
modal.remove();
} else showTemporaryMessage(`推送失败: ${result.message}`, "error");
} catch (error) {
showTemporaryMessage(`推送错误: ${error}`, "error");
} finally {
pushBtn.disabled = false;
pullBtn.disabled = false;
pushBtn.textContent = "⬆️ 推送 (Push) - 上传本地数据到服务器";
hideProgress();
}
});
pullBtn.addEventListener("click", async () => {
pullBtn.disabled = true;
pushBtn.disabled = true;
pullBtn.textContent = "拉取中...";
updateProgress({
current: 0,
total: 1,
action: "pull"
});
try {
const result = await createSyncTarget(config).pull(updateProgress);
if (result.success && result.data) showPullPreviewModal(result.data, config, () => modal.remove());
else showTemporaryMessage(`拉取失败: ${result.message}`, "error");
} catch (error) {
showTemporaryMessage(`拉取错误: ${error}`, "error");
} finally {
pullBtn.disabled = false;
pushBtn.disabled = false;
pullBtn.textContent = "⬇️ 拉取 (Pull) - 从服务器合并数据";
hideProgress();
}
});
modal.querySelector("#configSync")?.addEventListener("click", () => {
modal.remove();
showSyncConfigModal();
});
}
var SYNC_CONFIG_KEY;
var init_syncManager = __esmMin((() => {
init_state();
init_userscript_storage();
init_editorUtils();
init_tempMessage();
init_syncTargets();
SYNC_CONFIG_KEY = "emoji_extension_sync_config";
}));
init_userscript_storage();
init_state();
init_platformDetection();
async function initializeUserscriptData() {
const data = await loadDataFromLocalStorageAsync(window.location.hostname).catch((err) => {
console.warn("[Manager] loadDataFromLocalStorageAsync failed, falling back to sync loader", err);
return loadDataFromLocalStorage();
});
userscriptState.emojiGroups = data.emojiGroups || [];
userscriptState.settings = data.settings || userscriptState.settings;
}
function isDiscoursePage() {
if (document.querySelectorAll("meta[name*=\"discourse\"], meta[content*=\"discourse\"], meta[property*=\"discourse\"]").length > 0) {
console.log("[Emoji Manager] Discourse detected via meta tags");
return true;
}
const generatorMeta = document.querySelector("meta[name=\"generator\"]");
if (generatorMeta) {
if ((generatorMeta.getAttribute("content")?.toLowerCase() || "").includes("discourse")) {
console.log("[Emoji Manager] Discourse detected via generator meta");
return true;
}
}
if (document.querySelectorAll("#main-outlet, .ember-application, textarea.d-editor-input, .ProseMirror.d-editor-input").length > 0) {
console.log("[Emoji Manager] Discourse elements detected");
return true;
}
console.log("[Emoji Manager] Not a Discourse site");
return false;
}
async function initializeEmojiManager() {
console.log("[Emoji Manager] Initializing...");
logPlatformInfo();
await initializeUserscriptData();
const isMobileQuery = window.matchMedia("(max-width: 768px)");
const isMobileUserAgent = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase());
const isMobile = isMobileQuery.matches || isMobileUserAgent;
const managerButton = document.createElement("button");
managerButton.id = "emoji-manager-floating-button";
managerButton.textContent = isMobile ? "⚙️" : "⚙️ 表情管理";
managerButton.title = "Open Emoji Management Interface";
Object.assign(managerButton.style, {
position: "fixed",
right: isMobile ? "16px" : "12px",
bottom: isMobile ? "16px" : "12px",
zIndex: "2147483647",
padding: isMobile ? "14px 18px" : "12px 16px",
borderRadius: isMobile ? "12px" : "8px",
border: "none",
background: "#1f2937",
color: "#fff",
fontSize: isMobile ? "16px" : "14px",
fontWeight: "500",
boxShadow: "0 6px 18px rgba(0,0,0,0.3)",
cursor: "pointer",
transition: "transform 0.2s",
minWidth: isMobile ? "56px" : "auto",
minHeight: isMobile ? "56px" : "auto"
});
managerButton.addEventListener("mouseenter", () => {
if (!isMobile) managerButton.style.transform = "scale(1.05)";
});
managerButton.addEventListener("mouseleave", () => {
if (!isMobile) managerButton.style.transform = "scale(1)";
});
managerButton.addEventListener("touchstart", () => {
managerButton.style.transform = "scale(0.95)";
});
managerButton.addEventListener("touchend", () => {
managerButton.style.transform = "scale(1)";
});
managerButton.addEventListener("click", async () => {
try {
const { openManagementInterface: openManagementInterface$1 } = await __vitePreload(async () => {
const { openManagementInterface: openManagementInterface$2 } = await Promise.resolve().then(() => (init_manager(), manager_exports));
return { openManagementInterface: openManagementInterface$2 };
}, void 0);
openManagementInterface$1();
} catch (e) {
console.error("[Emoji Manager] Failed to open management interface:", e);
}
});
const settingsButton = document.createElement("button");
settingsButton.id = "emoji-settings-floating-button";
settingsButton.textContent = isMobile ? "🔧" : "🔧 设置";
settingsButton.title = "Open Settings";
Object.assign(settingsButton.style, {
position: "fixed",
right: isMobile ? "16px" : "12px",
bottom: isMobile ? "84px" : "70px",
zIndex: "2147483647",
padding: isMobile ? "12px 16px" : "10px 14px",
borderRadius: isMobile ? "12px" : "8px",
border: "none",
background: "#374151",
color: "#fff",
fontSize: isMobile ? "15px" : "13px",
fontWeight: "500",
boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
cursor: "pointer",
transition: "transform 0.2s",
minWidth: isMobile ? "52px" : "auto",
minHeight: isMobile ? "52px" : "auto"
});
settingsButton.addEventListener("mouseenter", () => {
if (!isMobile) settingsButton.style.transform = "scale(1.05)";
});
settingsButton.addEventListener("mouseleave", () => {
if (!isMobile) settingsButton.style.transform = "scale(1)";
});
settingsButton.addEventListener("touchstart", () => {
settingsButton.style.transform = "scale(0.95)";
});
settingsButton.addEventListener("touchend", () => {
settingsButton.style.transform = "scale(1)";
});
settingsButton.addEventListener("click", async () => {
try {
const { showSettingsModal: showSettingsModal$1 } = await __vitePreload(async () => {
const { showSettingsModal: showSettingsModal$2 } = await Promise.resolve().then(() => (init_settings(), settings_exports));
return { showSettingsModal: showSettingsModal$2 };
}, void 0);
showSettingsModal$1();
} catch (e) {
console.error("[Emoji Manager] Failed to open settings:", e);
}
});
const importExportButton = document.createElement("button");
importExportButton.id = "emoji-importexport-floating-button";
importExportButton.textContent = isMobile ? "📦" : "📦 导入/导出";
importExportButton.title = "Import/Export Data";
Object.assign(importExportButton.style, {
position: "fixed",
right: isMobile ? "16px" : "12px",
bottom: isMobile ? "152px" : "128px",
zIndex: "2147483647",
padding: isMobile ? "12px 16px" : "10px 14px",
borderRadius: isMobile ? "12px" : "8px",
border: "none",
background: "#374151",
color: "#fff",
fontSize: isMobile ? "15px" : "13px",
fontWeight: "500",
boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
cursor: "pointer",
transition: "transform 0.2s",
minWidth: isMobile ? "52px" : "auto",
minHeight: isMobile ? "52px" : "auto"
});
importExportButton.addEventListener("mouseenter", () => {
if (!isMobile) importExportButton.style.transform = "scale(1.05)";
});
importExportButton.addEventListener("mouseleave", () => {
if (!isMobile) importExportButton.style.transform = "scale(1)";
});
importExportButton.addEventListener("touchstart", () => {
importExportButton.style.transform = "scale(0.95)";
});
importExportButton.addEventListener("touchend", () => {
importExportButton.style.transform = "scale(1)";
});
importExportButton.addEventListener("click", async () => {
try {
const { showImportExportModal: showImportExportModal$1 } = await __vitePreload(async () => {
const { showImportExportModal: showImportExportModal$2 } = await Promise.resolve().then(() => (init_importExport(), importExport_exports));
return { showImportExportModal: showImportExportModal$2 };
}, void 0);
showImportExportModal$1();
} catch (e) {
console.error("[Emoji Manager] Failed to open import/export:", e);
}
});
const syncButton = document.createElement("button");
syncButton.id = "emoji-sync-floating-button";
syncButton.textContent = isMobile ? "☁️" : "☁️ 同步";
syncButton.title = "Sync with WebDAV/S3";
Object.assign(syncButton.style, {
position: "fixed",
right: isMobile ? "16px" : "12px",
bottom: isMobile ? "220px" : "186px",
zIndex: "2147483647",
padding: isMobile ? "12px 16px" : "10px 14px",
borderRadius: isMobile ? "12px" : "8px",
border: "none",
background: "#374151",
color: "#fff",
fontSize: isMobile ? "15px" : "13px",
fontWeight: "500",
boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
cursor: "pointer",
transition: "transform 0.2s",
minWidth: isMobile ? "52px" : "auto",
minHeight: isMobile ? "52px" : "auto"
});
syncButton.addEventListener("mouseenter", () => {
if (!isMobile) syncButton.style.transform = "scale(1.05)";
});
syncButton.addEventListener("mouseleave", () => {
if (!isMobile) syncButton.style.transform = "scale(1)";
});
syncButton.addEventListener("touchstart", () => {
syncButton.style.transform = "scale(0.95)";
});
syncButton.addEventListener("touchend", () => {
syncButton.style.transform = "scale(1)";
});
syncButton.addEventListener("click", async () => {
try {
const { showSyncOperationsModal: showSyncOperationsModal$1 } = await __vitePreload(async () => {
const { showSyncOperationsModal: showSyncOperationsModal$2 } = await Promise.resolve().then(() => (init_syncManager(), syncManager_exports));
return { showSyncOperationsModal: showSyncOperationsModal$2 };
}, void 0);
showSyncOperationsModal$1();
} catch (e) {
console.error("[Emoji Manager] Failed to open sync manager:", e);
}
});
if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", () => {
document.body.appendChild(managerButton);
document.body.appendChild(settingsButton);
document.body.appendChild(importExportButton);
document.body.appendChild(syncButton);
});
else {
document.body.appendChild(managerButton);
document.body.appendChild(settingsButton);
document.body.appendChild(importExportButton);
document.body.appendChild(syncButton);
}
console.log("[Emoji Manager] Initialization complete");
}
if (isDiscoursePage()) {
console.log("[Emoji Manager] Discourse detected, initializing management interface");
initializeEmojiManager();
} else console.log("[Emoji Manager] Not a Discourse site, skipping initialization");
})();
})();