import os
import glob
import re
import sys
import urllib.request
import urllib.parse
import html # Add this new import!
def get_channel_id(filename):
match = re.search(r'\[(\d+)\]\.html$', filename)
if match:
return int(match.group(1))
return float('inf')
def download_and_localize_images(target_dir, log_files):
img_dir_name = "images"
img_dir_path = os.path.join(target_dir, img_dir_name)
os.makedirs(img_dir_path, exist_ok=True)
downloaded_urls = {}
img_counter = 0
print("Scanning log files for external images to download locally...")
src_pattern = re.compile(r'src=["\'](https?://[^"\']+)["\']', re.IGNORECASE)
for file_path in log_files:
filename = os.path.basename(file_path)
print(f" Processing image links in: {filename}")
with open(file_path, "r", encoding="utf-8") as f:
html_content = f.read()
urls = src_pattern.findall(html_content)
if not urls:
continue
modified = False
for url in urls:
if url.startswith(('data:', 'file:', './')) or url in downloaded_urls:
if url in downloaded_urls:
html_content = html_content.replace(url, downloaded_urls[url])
modified = True
continue
try:
parsed_url = urllib.parse.urlparse(url)
clean_path = parsed_url.path
ext = os.path.splitext(clean_path)[1]
if '?' in ext:
ext = ext.split('?')[0]
if not ext or len(ext) > 5:
ext = ".png"
img_counter += 1
local_img_name = f"img_{img_counter:04d}{ext}"
local_img_path = os.path.join(img_dir_path, local_img_name)
req = urllib.request.Request(
html.unescape(url),
headers={'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)'}
)
with urllib.request.urlopen(req, timeout=10) as response, open(local_img_path, "wb") as out_file:
out_file.write(response.read())
relative_local_path = f"{img_dir_name}/{local_img_name}"
downloaded_urls[url] = relative_local_path
html_content = html_content.replace(url, relative_local_path)
modified = True
except Exception as e:
print(f" Warning: Could not download asset {url}... Error: {e}")
if modified:
with open(file_path, "w", encoding="utf-8") as f:
f.write(html_content)
print(f"Successfully cached {img_counter} image assets locally.")
def build_discord_archive(target_dir, game_name):
target_dir = os.path.abspath(target_dir)
if not os.path.isdir(target_dir):
print(f"Error: The directory '{target_dir}' does not exist.")
return
all_html_files = glob.glob(os.path.join(target_dir, "*.html"))
exclude_files = {"index.html", "sidebar.html", "welcome.html", "public_index.html"}
log_files = [f for f in all_html_files if os.path.basename(f) not in exclude_files]
if not log_files:
print(f"No Discord chat log HTML files found in '{target_dir}'.")
return
# Download image resources locally
download_and_localize_images(target_dir, log_files)
# Sort files chronologically by channel ID
log_files.sort(key=lambda x: get_channel_id(os.path.basename(x)))
print(f"Compiling Single Page Application layout for '{game_name}'...")
sidebar_buttons = []
chat_panels = []
for idx, file_path in enumerate(log_files):
filename = os.path.basename(file_path)
clean_name = filename.split(" - ")[-1].split(" [")[0]
if not clean_name or clean_name.endswith(".html"):
clean_name = os.path.splitext(filename)[0]
clean_name = clean_name.replace('"', '"')
with open(file_path, "r", encoding="utf-8") as f:
raw_html = f.read()
body_match = re.search(r"<body[^>]*>(.*)</body>", raw_html, re.DOTALL | re.IGNORECASE)
body_content = body_match.group(1) if body_match else raw_html
panel_id = f"chan_panel_{idx}"
btn_html = f' <button class="channel-link" onclick="switchChannel(\'{panel_id}\', this)">{clean_name}</button>'
sidebar_buttons.append(btn_html)
panel_html = f' <div id="{panel_id}" class="chat-container-view" style="display: none;">\n{body_content}\n </div>'
chat_panels.append(panel_html)
sidebar_content_block = "\n".join(sidebar_buttons)
chat_panels_block = "\n".join(chat_panels)
master_spa_tmpl = f"""<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{game_name} - Chat Logs</title>
<style>
* {{ box-sizing: border-box; margin: 0; padding: 0; }}
body, html {{ height: 100%; background-color: #202225; overflow: hidden; display: flex; }}
/* Sidebar layout styles */
.sidebar {{ width: 260px; background-color: #2f3136; height: 100%; display: flex; flex-direction: column; border-right: 1px solid rgba(255, 255, 255, 0.05); flex-shrink: 0; }}
.sidebar-header {{ padding: 1rem; color: #ffffff; font-weight: 600; font-size: 1.1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; }}
.channel-list {{ padding: 0 8px; overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 2px; }}
.channel-link {{ display: flex; align-items: center; padding: 8px 12px; color: #8e9297; background: none; border: none; border-radius: 4px; font-size: 0.95rem; font-weight: 500; text-align: left; width: 100%; cursor: pointer; transition: background-color 0.1s, color 0.1s; }}
.channel-link::before {{ content: "# "; font-size: 1.1rem; color: #4f545c; margin-right: 4px; }}
.channel-link:hover {{ background-color: #34363c; color: #dcddde; }}
.channel-link.active {{ background-color: #393c43; color: #ffffff; }}
.channel-link.active::before {{ color: #b9bbbe; }}
/* Expansive content layout layers */
.main-viewer {{ flex: 1; height: 100%; background-color: #36393f; position: relative; }}
.chat-container-view {{ width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; }}
/* Retain standard Discord layout width rules cleanly across screen space */
.preamble, .chatlog, .postamble {{ max-width: 100% !important; width: 100% !important; }}
/* Fixed Welcome Screen Layout centering elements safely */
.welcome-screen {{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; color: #72767d; font-family: sans-serif; padding: 20px; }}
.welcome-container {{ max-width: 500px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }}
.welcome-container h2 {{ color: #b9bbbe; margin-bottom: 12px; font-size: 1.6rem; text-align: center !important; width: 100%; }}
.welcome-container p {{ font-size: 0.95rem; line-height: 1.5; text-align: center !important; width: 100%; }}
</style>
</head>
<body>
<div class="sidebar">
<div class="sidebar-header">Text Channels</div>
<div class="channel-list">
{sidebar_content_block}
</div>
</div>
<div class="main-viewer">
<div id="welcome-layer" class="welcome-screen">
<div class="welcome-container">
<h2>Welcome to the {game_name} Archive</h2>
<p>Select a channel from the sidebar list on the left to view specific round logs. Your scroll positions will remain locked automatically as you switch.</p>
</div>
</div>
{chat_panels_block}
</div>
<script>
function switchChannel(targetPanelId, activeBtn) {{
// Hide the welcome block layer
document.getElementById('welcome-layer').style.display = 'none';
// Hide all other viewport logs
document.querySelectorAll('.chat-container-view').forEach(panel => {{
panel.style.display = 'none';
}});
// Clear existing navbar highlight tracks
document.querySelectorAll('.channel-link').forEach(btn => {{
btn.classList.remove('active');
}});
// Activate target visibility layers
document.getElementById(targetPanelId).style.display = 'block';
activeBtn.classList.add('active');
}}
</script>
</body>
</html>"""
output_path = os.path.join(target_dir, "index.html")
with open(output_path, "w", encoding="utf-8") as f:
f.write(master_spa_tmpl)
print(f"\nSuccess! Built your instant-switch, scroll-preserving archive sheet at:\n{output_path}")
if __name__ == "__main__":
if len(sys.argv) > 2:
path_input = sys.argv[1]
game_input = sys.argv[2]
else:
path_input = input("Enter the path to your Discord logs directory: ").strip()
game_input = input("Enter the name of the game: ").strip()
build_discord_archive(path_input, game_input)
Comments
0 B
|0 👍
/0 👎