MediaWiki:Common.js - Revision history

Juoh-6738 at 21:16, 17 October 2026

2026-10-17T21:16:25Z

← Older revision		Revision as of 21:16, 17 October 2026
Line 680:		Line 680:

	// ─── 3컬럼 레이아웃 (JS 직접 목차 빌드) ───		// ─── 3컬럼 레이아웃 (JS 직접 목차 빌드) ───
	function buildToc(headings) {		// ─── 목차 단계별 모양 (2026-10-17) ───
			// numbered = 번호 목차(문서 화면). false이면 이전과 같은 값(h2/h3 두 단계)을 그대로 쓴다.
			function tocColor(level, numbered) {
			if (!numbered) return level === 2 ? "#6b5e4e" : "#9c8e80";
			return level === 2 ? "#5c574f" : "#6b6559";
			}
			function tocSize(level, numbered) {
			if (!numbered) return level === 2 ? "0.78rem" : "0.74rem";
			return level === 2 ? "0.84rem" : (level === 3 ? "0.8rem" : "0.78rem");
			}
			function tocIndent(level, numbered) {
			if (!numbered) return level === 2 ? "0.5rem" : "1.25rem";
			return level === 2 ? "0.5rem" : (level === 3 ? "0.9rem" : "1.3rem");
			}
			function tocNumWidth(level) {
			return level === 2 ? "1rem" : (level === 3 ? "1.6rem" : "2rem");
			}

			function buildToc(headings, numbered) {
	var toc = document.createElement("nav");		var toc = document.createElement("nav");
	toc.id = "erakh-toc";		toc.id = "erakh-toc";
Line 687:		Line 705:
	sp(ul, "margin", "0");		sp(ul, "margin", "0");
	sp(ul, "padding", "0");		sp(ul, "padding", "0");

			var c2 = 0, c3 = 0, c4 = 0;

	headings.forEach(function(h, i) {		headings.forEach(function(h, i) {
Line 692:		Line 712:
	var id = h.id \|\| ("erakh-section-" + i);		var id = h.id \|\| ("erakh-section-" + i);
	h.id = id;		h.id = id;

			// 번호: 본문(CSS 카운터)과 같은 규칙. h2 → n, h3 → n.m, h4 → n.m.k
			var num = "";
			if (numbered) {
			if (level === 2) { c2++; c3 = 0; c4 = 0; num = String(c2); }
			else if (level === 3) { c3++; c4 = 0; num = c2 + "." + c3; }
			else if (level === 4) { c4++; num = c2 + "." + c3 + "." + c4; }
			}

	var li = document.createElement("li");		var li = document.createElement("li");
	li.style.setProperty("padding", "0.25rem 0 0.25rem " + (level ~~=== 2 ? "0.5rem" : "1.25rem"~~), "important");		li.style.setProperty("padding", "0.25rem 0 0.25rem " + tocIndent(level, numbered), "important");
	li.style.setProperty("border-left", "2px solid transparent", "important");		li.style.setProperty("border-left", "2px solid transparent", "important");
	li.style.setProperty("line-height", "1.4", "important");		li.style.setProperty("line-height", "1.4", "important");
	li.dataset.id = id;		li.dataset.id = id;
			li.dataset.level = String(level);

	var a = document.createElement("a");		var a = document.createElement("a");
	a.href = "#" + id;		a.href = "#" + id;
	~~a.textContent~~ = h.textContent.replace(/\[edit\]/g, "").trim();		var label = h.textContent.replace(/\[edit\]/g, "").trim();
			if (numbered) {
			sp(a, "display", "flex");
			sp(a, "align-items", "baseline");
			sp(a, "gap", "0.4rem");
			var n = document.createElement("span");
			n.textContent = num;
			sp(n, "flex", "none");
			sp(n, "min-width", tocNumWidth(level));
			sp(n, "font-variant-numeric", "tabular-nums");
			var t = document.createElement("span");
			t.textContent = label;
			sp(t, "flex", "1");
			sp(t, "min-width", "0");
			a.appendChild(n);
			a.appendChild(t);
			} else {
			a.textContent = label;
			}
	sp(a, "font-family", "'Inter', sans-serif");		sp(a, "font-family", "'Inter', sans-serif");
	sp(a, "font-size", level ~~=== 2 ? "0.78rem" : "0.74rem"~~);		sp(a, "font-size", tocSize(level, numbered));
	sp(a, "color", level ~~=== 2 ? "#6b5e4e" : "#9c8e80"~~);		sp(a, "color", tocColor(level, numbered));
	sp(a, "text-decoration", "none");		sp(a, "text-decoration", "none");
	sp(a, "display", "block");		if (!numbered) sp(a, "display", "block");
	a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });		a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });
	a.addEventListener("mouseout", function() { this.style.setProperty("color", level ~~=== 2 ? "#6b5e4e" : "#9c8e80"~~, "important"); });		a.addEventListener("mouseout", function() { this.style.setProperty("color", tocColor(level, numbered), "important"); });
	a.addEventListener("click", function(e) {		a.addEventListener("click", function(e) {
	e.preventDefault();		e.preventDefault();
Line 739:		Line 786:
	if (!content) return;		if (!content) return;

	var headings = Array.from(content.querySelectorAll("h2, h3")).filter(function(h) {		// (2026-10-17) 문서(네임스페이스 0)에서만 h4까지 목차에 넣고 번호를 붙인다. 그 외 화면은 이전과 동일.
			var isArticle = mw.config.get("wgNamespaceNumber") === 0;
			var headings = Array.from(content.querySelectorAll(isArticle ? "h2, h3, h4" : "h2, h3")).filter(function(h) {
	return !h.closest("#toc");		return !h.closest("#toc");
	});		});
Line 761:		Line 810:

	if (headings.length > 0) {		if (headings.length > 0) {
	var toc = buildToc(headings);		var toc = buildToc(headings, isArticle);
	colLeft.appendChild(toc);		colLeft.appendChild(toc);

Line 781:		Line 830:
	} else {		} else {
	li.style.setProperty("border-left-color", "transparent", "important");		li.style.setProperty("border-left-color", "transparent", "important");
	var level = li.~~style~~.~~paddingLeft === "0.5rem" ?~~ 2 ~~: 3~~;		var level = parseInt(li.dataset.level, 10) \|\| 2;
	li.querySelector("a").style.setProperty("color", level ~~=== 2 ? "#6b5e4e" : "#9c8e80"~~, "important");		li.querySelector("a").style.setProperty("color", tocColor(level, isArticle), "important");
	li.querySelector("a").style.setProperty("font-weight", "400", "important");		li.querySelector("a").style.setProperty("font-weight", "400", "important");
	}		}

Juoh-6738: Main page: skip JS rebuild when server-rendered home exists; fill Recent Changes only

2026-10-04T21:13:10Z

Main page: skip JS rebuild when server-rendered home exists; fill Recent Changes only

@@ Line 1,136: / Line 1,136: @@
    // ─── 메인페이지 빌드 ───
    function buildMainPage() {
      if (pageName !== "Main_Page") return;
      var firstHeading = document.getElementById("firstHeading");

Juoh-6738: Search autocomplete: word-prefix matching via allpages

2026-10-03T20:42:00Z

Search autocomplete: word-prefix matching via allpages

@@ Line 443: / Line 443: @@
      suggestBox.style.setProperty("display", "block", "important");
+   }
-   var suggestTimer = null;
+   function loadAllTitles() {
-   searchInput.addEventListener("input", function() {
+    if (titleCache) return Promise.resolve(titleCache);
-    var q = this.value.trim();
+    if (titleLoading) return titleLoading;
-     clearTimeout(suggestTimer);
+    var collected = [];
      if (q.length < 2) { suggestBox.style.setProperty("display", "none", "important"); return; }
-     suggestTimer = setTimeout(function() {
+     loadAllTitles()
-      fetch("/api.php?action=opensearch&search=" + encodeURIComponent(q) + "&limit=8&namespace=0&format=json")
+      .then(function() {
-        .then(function(r) { return r.json(); })
+        // 응답 도착 시점의 입력값 기준으로 다시 계산 (그 사이 입력이 바뀌었을 수 있음)
-        .then(function(data) { renderSuggestions(data[1] || []); })
+        if (document.activeElement !== searchInput) return;
-        .catch(function() {});
+        var current = searchInput.value.trim();
-    }, 200);
+        if (current.length < 2) { suggestBox.style.setProperty("display", "none", "important"); return; }
-   });
+        renderSuggestions(matchTitles(current));
    searchInput.addEventListener("focus", function() { this.style.setProperty("border-color", "#c8a060", "important"); });
@@ Line 1,411: / Line 1,481: @@
 })();

Juoh-6738 at 18:03, 13 June 2026

2026-06-13T18:03:14Z

← Older revision		Revision as of 18:03, 13 June 2026
Line 41:		Line 41:
	// ─── 헤더 ───		// ─── 헤더 ───
	var header = document.createElement("header");		var header = document.createElement("header");
			header.id = "erakh-header";
	sp(header, "position", "fixed");		sp(header, "position", "fixed");
	sp(header, "top", "0");		sp(header, "top", "0");
Line 324:		Line 325:
	// ─── 서브바 ───		// ─── 서브바 ───
	var subbar = document.createElement("div");		var subbar = document.createElement("div");
			subbar.id = "erakh-subbar";
	sp(subbar, "position", "fixed");		sp(subbar, "position", "fixed");
	sp(subbar, "top", "56px");		sp(subbar, "top", "56px");
Line 641:		Line 643:
	var target = document.getElementById(id);		var target = document.getElementById(id);
	if (target) {		if (target) {
	var top = target.getBoundingClientRect().top + window.scrollY - ~~108~~;		var _h = document.getElementById("erakh-header");
			var _s = document.getElementById("erakh-subbar");
			var _offset = (_h ? _h.offsetHeight : 56) + (_s ? _s.offsetHeight : 44) + 8;
			var top = target.getBoundingClientRect().top + window.scrollY - _offset;
	window.scrollTo({ top: top, behavior: "smooth" });		window.scrollTo({ top: top, behavior: "smooth" });
	}		}
Line 691:		Line 696:
	var items = colLeft.querySelectorAll("li[data-id]");		var items = colLeft.querySelectorAll("li[data-id]");
	window.addEventListener("scroll", function() {		window.addEventListener("scroll", function() {
	var scrollY = window.scrollY + ~~108~~;		var _h = document.getElementById("erakh-header");
			var _s = document.getElementById("erakh-subbar");
			var _offset = (_h ? _h.offsetHeight : 56) + (_s ? _s.offsetHeight : 44) + 8;
			var scrollY = window.scrollY + _offset;
	var current = null;		var current = null;
	headings.forEach(function(h) {		headings.forEach(function(h) {

Juoh-6738 at 17:55, 13 June 2026

2026-06-13T17:55:06Z

← Older revision		Revision as of 17:55, 13 June 2026
Line 637:		Line 637:
	a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });		a.addEventListener("mouseover", function() { this.style.setProperty("color", "#2a2218", "important"); });
	a.addEventListener("mouseout", function() { this.style.setProperty("color", level === 2 ? "#6b5e4e" : "#9c8e80", "important"); });		a.addEventListener("mouseout", function() { this.style.setProperty("color", level === 2 ? "#6b5e4e" : "#9c8e80", "important"); });
			a.addEventListener("click", function(e) {
			e.preventDefault();
			var target = document.getElementById(id);
			if (target) {
			var top = target.getBoundingClientRect().top + window.scrollY - 108;
			window.scrollTo({ top: top, behavior: "smooth" });
			}
			});

	li.appendChild(a);		li.appendChild(a);
Line 1,395:		Line 1,403:

	})();		})();

Juoh-6738 at 23:52, 1 June 2026

2026-06-01T23:52:26Z

← Older revision		Revision as of 23:52, 1 June 2026
Line 836:		Line 836:
	{ label: "Organizations", preload: "Template:Preload/Organization" },		{ label: "Organizations", preload: "Template:Preload/Organization" },
	{ label: "Events", preload: "Template:Preload/Event" },		{ label: "Events", preload: "Template:Preload/Event" },
	{ label: "~~Disciplines~~", preload: "Template:Preload/~~Discipline~~" },		{ label: "Lore", preload: "Template:Preload/Lore" },
	~~{ label: "Culture", preload: "Template:Preload/Culture"~~ },
	{ label: "Artifacts", preload: "Template:Preload/Artifact" },		{ label: "Artifacts", preload: "Template:Preload/Artifact" },
	{ label: "Chronicle", preload: null },		{ label: "Chronicle", preload: null },
Line 1,063:		Line 1,062:

	var CATS = [		var CATS = [
	{ label: "~~Chronicle~~", icon: "ti-~~clock~~", href: "/index.php?title=Category:~~Chronicle" },~~		{ label: "Characters", icon: "ti-user", href: "/index.php?title=Category:Characters", highlight: false },
	~~{ label: "Events", icon: "ti-sword~~", ~~href: "/index.php?title=Category~~:~~Events"~~ },		{ label: "Nations", icon: "ti-building", href: "/index.php?title=Category:Nations", highlight: false },
	{ label: "Nations", icon: "ti-building", href: "/index.php?title=Category:Nations" },		{ label: "Regions", icon: "ti-map", href: "/index.php?title=Category:Regions", highlight: false },
	{ label: "Regions", icon: "ti-map", href: "/index.php?title=Category:Regions" },		{ label: "Races", icon: "ti-dna", href: "/index.php?title=Category:Races", highlight: false },
	{ label: "~~Characters~~", icon: "ti-~~user~~", href: "/index.php?title=Category:~~Characters~~" },		{ label: "Chronicle", icon: "ti-clock", href: "/index.php?title=Category:Chronicle", highlight: true },
	{ label: "~~Races~~", icon: "ti-~~dna~~", href: "/index.php?title=Category:~~Races~~" },		{ label: "Organizations", icon: "ti-users", href: "/index.php?title=Category:Organizations", highlight: false },
	{ label: "Organizations", icon: "ti-users", href: "/index.php?title=Category:Organizations" },		{ label: "Events", icon: "ti-sword", href: "/index.php?title=Category:Events", highlight: false },
	{ label: "~~Disciplines~~", icon: "ti-~~book~~", href: "/index.php?title=Category:~~Disciplines~~" },		{ label: "Lore", icon: "ti-book", href: "/index.php?title=Category:Lore", highlight: false },
	{ label: "~~Culture~~", icon: "ti-~~music~~", href: "/index.php?title=Category:~~Culture~~" },		{ label: "Artifacts", icon: "ti-diamond", href: "/index.php?title=Category:Artifacts", highlight: false },
	{ label: "Artifacts", icon: "ti-diamond", href: "/index.php?title=Category:Artifacts" },
	];		];

Line 1,169:		Line 1,167:
	var catGrid = document.createElement("div");		var catGrid = document.createElement("div");
	sp(catGrid, "display", "grid");		sp(catGrid, "display", "grid");
	sp(catGrid, "grid-template-columns", "repeat(5, 1fr)");		sp(catGrid, "grid-template-columns", "repeat(3, 1fr)");
	sp(catGrid, "gap", "8px");		sp(catGrid, "gap", "8px");
	sp(catGrid, "margin-bottom", "2.5rem");		sp(catGrid, "margin-bottom", "2.5rem");
Line 1,178:		Line 1,176:
	var card = document.createElement("a");		var card = document.createElement("a");
	card.href = cat.href;		card.href = cat.href;
	sp(card, "border", "1px solid #e2d9c8");		sp(card, "border", cat.highlight ? "1.5px solid #c8a060" : "1px solid #e2d9c8");
	sp(card, "border-radius", "6px");		sp(card, "border-radius", "6px");
	sp(card, "background", "#ffffff");		sp(card, "background", cat.highlight ? "#f5ede0" : "#ffffff");
	sp(card, "padding", "1rem 0.5rem");		sp(card, "padding", "1rem 0.5rem");
	sp(card, "text-align", "center");		sp(card, "text-align", "center");
Line 1,186:		Line 1,184:
	sp(card, "display", "block");		sp(card, "display", "block");
	sp(card, "box-sizing", "border-box");		sp(card, "box-sizing", "border-box");
	card.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); this.style.setProperty("border-color", "#c8b99a", "important"); });		if (cat.highlight) {
	card.addEventListener("mouseout", function() { this.style.setProperty("background", "#ffffff", "important"); this.style.setProperty("border-color", "#e2d9c8", "important"); });		card.addEventListener("mouseover", function() { this.style.setProperty("background", "#ede0cc", "important"); this.style.setProperty("border-color", "#a07840", "important"); });
			card.addEventListener("mouseout", function() { this.style.setProperty("background", "#f5ede0", "important"); this.style.setProperty("border-color", "#c8a060", "important"); });
			} else {
			card.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); this.style.setProperty("border-color", "#c8b99a", "important"); });
			card.addEventListener("mouseout", function() { this.style.setProperty("background", "#ffffff", "important"); this.style.setProperty("border-color", "#e2d9c8", "important"); });
			}

	var icon = document.createElement("i");		var icon = document.createElement("i");
	icon.className = "ti " + cat.icon;		icon.className = "ti " + cat.icon;
	sp(icon, "font-size", "1.25rem");		sp(icon, "font-size", "1.25rem");
	sp(icon, "color", "#c8a060");		sp(icon, "color", cat.highlight ? "#a07840" : "#c8a060");
	sp(icon, "display", "block");		sp(icon, "display", "block");
	sp(icon, "margin-bottom", "0.4rem");		sp(icon, "margin-bottom", "0.4rem");
Line 1,200:		Line 1,203:
	sp(name, "font-size", "0.75rem");		sp(name, "font-size", "0.75rem");
	sp(name, "font-weight", "500");		sp(name, "font-weight", "500");
	sp(name, "color", "#2a2218");		sp(name, "color", cat.highlight ? "#a07840" : "#2a2218");
	sp(name, "font-family", "'Inter', sans-serif");		sp(name, "font-family", "'Inter', sans-serif");

Juoh-6738 at 02:55, 15 May 2026

2026-05-15T02:55:25Z

@@ Line 726: / Line 726: @@
      colRight.appendChild(ph2);
-     // ─── sysop 전용 [edit] · [delete] 버튼 ───
+     // ─── sysop 전용 [edit] · [delete] · [json] 버튼 ───
      if (isSysop) {
        var firstHeadingEl = document.getElementById("firstHeading");
@@ Line 735: / Line 735: @@
          sp(actionWrap, "font-weight", "400");
          var editActionLink = document.createElement("a");
          editActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=edit";
@@ Line 745: / Line 746: @@
          editActionLink.addEventListener("mouseout",  function() { this.style.setProperty("color", "#9c8e80", "important"); });
-         var sep = document.createElement("span");
+        // ·
-         sep.textContent = " · ";
+         var sep1 = document.createElement("span");
-         sp(sep, "color", "#c8b99a");
+         sep1.textContent = " · ";
-         sp(sep, "font-family", "'Inter', sans-serif");
+         sp(sep1, "color", "#c8b99a");
          var deleteActionLink = document.createElement("a");
          deleteActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=delete";
@@ Line 759: / Line 762: @@
          deleteActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#a04040", "important"); });
          deleteActionLink.addEventListener("mouseout",  function() { this.style.setProperty("color", "#9c8e80", "important"); });
          actionWrap.appendChild(editActionLink);
-         actionWrap.appendChild(sep);
+         actionWrap.appendChild(sep1);
          actionWrap.appendChild(deleteActionLink);
          firstHeadingEl.appendChild(actionWrap);
+       }

Juoh-6738 at 18:56, 10 May 2026

2026-05-10T18:56:07Z

← Older revision		Revision as of 18:56, 10 May 2026
Line 650:		Line 650:
	if (pageName === "Erakh_Codex:Create") return;		if (pageName === "Erakh_Codex:Create") return;
	if (pageName === "Main_Page") return;		if (pageName === "Main_Page") return;
			// view 액션이 아닌 경우 (edit, delete 등) 레이아웃 빌드 스킵
			if (mw.config.get("wgAction") !== "view") return;

	var content = document.querySelector(".mw-body") \|\| document.getElementById("content");		var content = document.querySelector(".mw-body") \|\| document.getElementById("content");

Juoh-6738 at 18:51, 10 May 2026

2026-05-10T18:51:55Z

← Older revision		Revision as of 18:51, 10 May 2026
Line 723:		Line 723:
	ph2.textContent = "최근 변경 위젯 예정";		ph2.textContent = "최근 변경 위젯 예정";
	colRight.appendChild(ph2);		colRight.appendChild(ph2);

			// ─── sysop 전용 [edit] · [delete] 버튼 ───
			if (isSysop) {
			var firstHeadingEl = document.getElementById("firstHeading");
			if (firstHeadingEl) {
			var actionWrap = document.createElement("span");
			sp(actionWrap, "margin-left", "0.75rem");
			sp(actionWrap, "font-size", "0.8125rem");
			sp(actionWrap, "font-weight", "400");

			var editActionLink = document.createElement("a");
			editActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=edit";
			editActionLink.textContent = "[edit]";
			sp(editActionLink, "font-family", "'Inter', sans-serif");
			sp(editActionLink, "font-size", "0.8125rem");
			sp(editActionLink, "color", "#9c8e80");
			sp(editActionLink, "text-decoration", "none");
			editActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#c8a060", "important"); });
			editActionLink.addEventListener("mouseout", function() { this.style.setProperty("color", "#9c8e80", "important"); });

			var sep = document.createElement("span");
			sep.textContent = " · ";
			sp(sep, "color", "#c8b99a");
			sp(sep, "font-family", "'Inter', sans-serif");

			var deleteActionLink = document.createElement("a");
			deleteActionLink.href = "/index.php?title=" + encodeURIComponent(pageName) + "&action=delete";
			deleteActionLink.textContent = "[delete]";
			sp(deleteActionLink, "font-family", "'Inter', sans-serif");
			sp(deleteActionLink, "font-size", "0.8125rem");
			sp(deleteActionLink, "color", "#9c8e80");
			sp(deleteActionLink, "text-decoration", "none");
			deleteActionLink.addEventListener("mouseover", function() { this.style.setProperty("color", "#a04040", "important"); });
			deleteActionLink.addEventListener("mouseout", function() { this.style.setProperty("color", "#9c8e80", "important"); });

			actionWrap.appendChild(editActionLink);
			actionWrap.appendChild(sep);
			actionWrap.appendChild(deleteActionLink);
			firstHeadingEl.appendChild(actionWrap);
			}
			}

	content.parentNode.insertBefore(layout, content);		content.parentNode.insertBefore(layout, content);
Line 961:		Line 1,002:
	if (pageName !== "Main_Page") return;		if (pageName !== "Main_Page") return;

	~~// MW 기본 콘텐츠 숨김~~
	var firstHeading = document.getElementById("firstHeading");		var firstHeading = document.getElementById("firstHeading");
	if (firstHeading) sp(firstHeading, "display", "none");		if (firstHeading) sp(firstHeading, "display", "none");
Line 983:		Line 1,023:
	];		];

	~~// Tabler Icons 로드~~
	var tablerLink = document.createElement("link");		var tablerLink = document.createElement("link");
	tablerLink.rel = "stylesheet";		tablerLink.rel = "stylesheet";
Line 989:		Line 1,028:
	document.head.appendChild(tablerLink);		document.head.appendChild(tablerLink);

	~~// ── 래퍼~~
	var wrap = document.createElement("div");		var wrap = document.createElement("div");
	sp(wrap, "max-width", "860px");		sp(wrap, "max-width", "860px");
Line 997:		Line 1,035:
	sp(wrap, "box-sizing", "border-box");		sp(wrap, "box-sizing", "border-box");

	~~// ── Hero~~
	var hero = document.createElement("div");		var hero = document.createElement("div");
	sp(hero, "background", "#f0ebe0");		sp(hero, "background", "#f0ebe0");
Line 1,061:		Line 1,098:
	wrap.appendChild(hero);		wrap.appendChild(hero);

	~~// ── 섹션 타이틀 헬퍼~~
	function makeSectionTitle(text) {		function makeSectionTitle(text) {
	var t = document.createElement("div");		var t = document.createElement("div");
Line 1,077:		Line 1,113:
	}		}

	~~// ── 카테고리 그리드~~
	wrap.appendChild(makeSectionTitle("Browse by Category"));		wrap.appendChild(makeSectionTitle("Browse by Category"));

Line 1,132:		Line 1,167:
	wrap.appendChild(catGrid);		wrap.appendChild(catGrid);

	~~// 카테고리 문서 수 — 단일 API 요청~~
	var catTitles = CATS.map(function(c) { return "Category:" + c.label; }).join("\|");		var catTitles = CATS.map(function(c) { return "Category:" + c.label; }).join("\|");
	fetch("/api.php?action=query&prop=categoryinfo&titles=" + encodeURIComponent(catTitles) + "&format=json")		fetch("/api.php?action=query&prop=categoryinfo&titles=" + encodeURIComponent(catTitles) + "&format=json")
Line 1,152:		Line 1,186:
	.catch(function() {});		.catch(function() {});

	~~// ── 하단 2컬럼~~
	var twoCol = document.createElement("div");		var twoCol = document.createElement("div");
	sp(twoCol, "display", "grid");		sp(twoCol, "display", "grid");
Line 1,158:		Line 1,191:
	sp(twoCol, "gap", "1.5rem");		sp(twoCol, "gap", "1.5rem");

	~~// New to Codex?~~
	var welcomeWrap = document.createElement("div");		var welcomeWrap = document.createElement("div");
	welcomeWrap.appendChild(makeSectionTitle("New to Erakh Codex?"));		welcomeWrap.appendChild(makeSectionTitle("New to Erakh Codex?"));
Line 1,203:		Line 1,235:
	twoCol.appendChild(welcomeWrap);		twoCol.appendChild(welcomeWrap);

	~~// Recent Changes~~
	var recentWrap = document.createElement("div");		var recentWrap = document.createElement("div");
	recentWrap.appendChild(makeSectionTitle("Recent Changes"));		recentWrap.appendChild(makeSectionTitle("Recent Changes"));
Line 1,213:		Line 1,244:
	sp(recentBox, "overflow", "hidden");		sp(recentBox, "overflow", "hidden");

	~~// 로딩 상태~~
	var loadingMsg = document.createElement("div");		var loadingMsg = document.createElement("div");
	loadingMsg.textContent = "Loading...";		loadingMsg.textContent = "Loading...";
Line 1,222:		Line 1,252:
	recentBox.appendChild(loadingMsg);		recentBox.appendChild(loadingMsg);

	~~// Recent Changes API 호출~~
	fetch("/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=10&rcprop=title\|timestamp&rctype=edit\|new&format=json")		fetch("/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=10&rcprop=title\|timestamp&rctype=edit\|new&format=json")
	.then(function(r) { return r.json(); })		.then(function(r) { return r.json(); })
Line 1,229:		Line 1,258:
	var changes = data.query && data.query.recentchanges ? data.query.recentchanges : [];		var changes = data.query && data.query.recentchanges ? data.query.recentchanges : [];

	~~// 제목 중복 제거~~
	var seen = {};		var seen = {};
	var unique = [];		var unique = [];

Juoh-6738 at 17:40, 10 May 2026

2026-05-10T17:40:12Z

← Older revision		Revision as of 17:40, 10 May 2026
Line 1,249:		Line 1,249:

	unique.forEach(function(c, i) {		unique.forEach(function(c, i) {
	var row = document.createElement("~~div~~");		var row = document.createElement("a");
			row.href = "/index.php?title=" + encodeURIComponent(c.title.replace(/ /g, "_"));
	sp(row, "display", "flex");		sp(row, "display", "flex");
	sp(row, "align-items", "center");		sp(row, "align-items", "center");
Line 1,255:		Line 1,256:
	sp(row, "padding", "0.55rem 1rem");		sp(row, "padding", "0.55rem 1rem");
	sp(row, "border-bottom", i < unique.length - 1 ? "1px solid #f0ebe0" : "none");		sp(row, "border-bottom", i < unique.length - 1 ? "1px solid #f0ebe0" : "none");
			sp(row, "text-decoration", "none");
			row.addEventListener("mouseover", function() { this.style.setProperty("background", "#f0ebe0", "important"); });
			row.addEventListener("mouseout", function() { this.style.setProperty("background", "transparent", "important"); });

	var title = document.createElement("div");		var title = document.createElement("div");