cdnhost 2.0.0 → 2.0.3

package/_search_banner.js

@@ -0,0 +1,96 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const links = [
+    { href: "https://099.kr", text: "AI매지션" },
+    { href: "https://logig.im", text: "로긱" },
+    { href: "https://blog.099.kr", text: "블로긱" },
+    { href: "https://snapp.im", text: "스냅" },
+    { href: "https://seekr.kr", text: "시커" },
+    { href: "https://adsense.ko-kr.workers.dev", text: "애드센스포럼" },
+    { href: "https://youtube.ko-kr.workers.dev", text: "유튜브포럼" },
+    { href: "https://199.kr", text: "해외주식갤러리" },
+    { href: "https://919.kr", text: "미국주식갤러리" },
+    { href: "https://ranovel.kr", text: "라노벨KR" },
+    { href: "https://manatoki.kr", text: "유머토끼" }
+  ];
+
+  // --- 스타일 삽입 ---
+  const style = document.createElement("style");
+  style.textContent = `
+    .fhl-widget-wrapper{position:fixed;z-index:1000;bottom:15px;left:50%;transform:translateX(-50%);
+      display:flex;align-items:center;gap:8px;height:48px;width:calc(100% - 30px);max-width:480px;
+      padding:0 8px 0 12px;margin:0;border-radius:14px;
+      background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);
+      box-shadow:0 4px 15px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
+    .fhl-widget-wrapper *, .fhl-widget-wrapper *::before, .fhl-widget-wrapper *::after{box-sizing:border-box}
+    .fhl-search-input{flex-shrink:0;width:60px;height:32px;padding:0 4px;margin:0;font-size:14px;color:#333;
+      background:transparent;border:none;border-bottom:1px solid #ccc;border-radius:0;-webkit-appearance:none}
+    .fhl-search-input:focus{outline:none;border-bottom-color:#007bff}
+    .fhl-list-container{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:8px;
+      overflow-x:auto;padding:0;margin:0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}
+    .fhl-list-container::-webkit-scrollbar{display:none}
+    .fhl-list-item{flex-shrink:0;display:block;padding:7px 14px;margin:0;font-size:14px;font-weight:500;color:#333;
+      text-decoration:none;white-space:nowrap;background:#f1f1f1;border:1px solid #ddd;border-radius:10px;
+      transition:background-color .2s ease}
+    .fhl-list-item:hover{background:#e5e5e5}
+    .fhl-scroll-arrow{flex-shrink:0;width:32px;height:32px;padding:0;margin:0;font-size:18px;font-weight:700;color:#fff;
+      background:#007bff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}
+    @media(min-width:600px){.fhl-widget-wrapper{left:auto;right:20px;transform:none;width:auto}}
+  `;
+  document.head.appendChild(style);
+
+  // --- 위젯 DOM 생성 ---
+  const wrapper = document.createElement("div");
+  wrapper.className = "fhl-widget-wrapper";
+
+  const searchInput = document.createElement("input");
+  searchInput.type = "text";
+  searchInput.className = "fhl-search-input";
+  searchInput.placeholder = "검색";
+  searchInput.autocomplete = "off";
+  wrapper.appendChild(searchInput);
+
+  const listContainer = document.createElement("div");
+  listContainer.className = "fhl-list-container";
+  links.forEach(link => {
+    const a = document.createElement("a");
+    a.href = link.href;
+    a.target = "_blank";
+    a.className = "fhl-list-item";
+    a.textContent = link.text;
+    listContainer.appendChild(a);
+  });
+  wrapper.appendChild(listContainer);
+
+  const scrollArrow = document.createElement("button");
+  scrollArrow.className = "fhl-scroll-arrow";
+  scrollArrow.setAttribute("aria-label", "다음으로 스크롤");
+  scrollArrow.textContent = "›";
+  wrapper.appendChild(scrollArrow);
+
+  document.body.appendChild(wrapper);
+
+  // --- 기능 ---
+  const listItems = listContainer.querySelectorAll(".fhl-list-item");
+
+  scrollArrow.addEventListener("click", function () {
+    const scrollAmount = listContainer.clientWidth * 0.8;
+    const isAtEnd =
+      Math.abs(
+        listContainer.scrollWidth -
+          listContainer.clientWidth -
+          listContainer.scrollLeft
+      ) < 1;
+    listContainer.scrollTo({
+      left: isAtEnd ? 0 : listContainer.scrollLeft + scrollAmount,
+      behavior: "smooth",
+    });
+  });
+
+  searchInput.addEventListener("input", function () {
+    const searchTerm = searchInput.value.toLowerCase();
+    listItems.forEach(function (item) {
+      const itemText = item.textContent.toLowerCase();
+      item.style.display = itemText.includes(searchTerm) ? "block" : "none";
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdnhost",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "cdnhost",
   "main": "index.js",
   "scripts": {