HTMLToolkit · NellowTCS · Sep 12, 2025 · Aug 30, 2025 · Aug 30, 2025 · Aug 30, 2025
diff --git a/Build/.gitignore b/Build/.gitignore
@@ -0,0 +1,42 @@
+# Node modules
+node_modules/
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build output
+dist/
+build/
+out/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Environment variables
+.env
+.env.*
+
+# IDE files
+.vscode/
+.idea/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Coverage
+coverage/
+
+# Optional npm cache directory
+.npm/
+
+# Optional eslint cache
+.eslintcache
diff --git a/Build/eslint.config.mjs b/Build/eslint.config.mjs
@@ -0,0 +1,14 @@
+import js from "@eslint/js";
+import globals from "globals";
+import json from "@eslint/json";
+import markdown from "@eslint/markdown";
+import css from "@eslint/css";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([
+  js.configs.recommended,  
+  { files: ["**/*.{js,mjs,cjs}"], languageOptions: { globals: globals.browser } },  
+  json.configs.recommended,  
+  markdown.configs.recommended,  
+  css.configs.recommended,  
+]);
diff --git a/Build/export.mjs b/Build/export.mjs
@@ -0,0 +1,43 @@
+import fs from 'fs-extra';
+import path from 'path';
+import { rimrafSync } from 'rimraf';
+import { fileURLToPath } from 'url';
+import process from 'process';
+
+// ES module __dirname fix
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const root = path.resolve(__dirname, '..'); // repo root
+const dist = path.join(__dirname, 'dist');  // build folder
+
+// Files/folders to keep
+const keep = new Set(['README.md', 'LICENSE', 'Build']);
+
+// Clean repo root (skip hidden files/folders)
+fs.readdirSync(root).forEach(file => {
+  if (!fs.existsSync(dist) || fs.readdirSync(dist).length === 0) {
+    console.error('ERROR: dist is missing or empty:', dist);
+    process.exit(1);
+  }
+
+  if (!keep.has(file) && !file.startsWith('.')) {  // <-- skip hidden
+    rimrafSync(path.join(root, file));
+    console.log('Deleted:', file);
+  }
+});
+
+// Copy each item inside dist individually
+fs.readdirSync(dist).forEach(item => {
+  const srcPath = path.join(dist, item);
+  const destPath = path.join(root, item);
+
+  // Skip copying if destination exists and is in keep set
+  if (keep.has(item)) {
+    console.log(`Skipping copy of ${item} (keep folder/file)`);
+    return;
+  }
+
+  fs.copySync(srcPath, destPath, { overwrite: true });
+  console.log('Copied:', item);
+});
diff --git a/Build/index.html b/Build/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta http-equiv="Content-Security-Policy" content="
+    default-src 'self' blob: data:;
+    script-src 'self';
+    style-src 'self' 'unsafe-inline';
+    img-src 'self' blob: data:;
+    connect-src 'self';
+    frame-src 'self' blob: data:;
+    worker-src 'self';
+    manifest-src 'self';
+    upgrade-insecure-requests; block-all-mixed-content;">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>HTMLReader</title>
+  <link rel="stylesheet" href="./src/style.css" />
+</head>
+<body>
+  <header>
+    <div class="title">
+      <span>HTMLReader</span>
+      <span class="book-title" id="book-title"></span>
+    </div>
+    <div class="controls">
+      <button id="toc-button" disabled>Table of Contents</button>
+      <button id="open-button">Open EPUB</button>
+      <button id="library-button">Library</button>
+      <input type="file" id="file-input" class="file-input" accept=".epub">
+      <!-- Fallback multiple file input for library import -->
+      <input type="file" id="library-input" class="file-input" accept=".epub" multiple>
+      <button id="install-button" hidden>Install App</button> <!-- New Install Button -->
+    </div>
+  </header>
+  <main>
+    <div id="viewer"></div>
+  </main>
+  <footer>
+    <button id="prev-button" disabled>⬅ Previous</button>
+    <div class="page-info">
+      <span>Page</span>
+      <input type="number" id="current-page" min="1" value="1">
+      <span>of</span>
+      <span id="total-pages">1</span>
+    </div>
+    <button id="next-button" disabled>Next ➡</button>
+  </footer>
+  <!-- TOC Container -->
+  <div class="toc-container" id="toc-container">
+    <div class="toc-header">
+      <h3>Table of Contents</h3>
+      <button id="close-toc">Close</button>
+    </div>
+    <div class="toc-content" id="toc-content"></div>
+  </div>
+  <!-- Library Popup (hidden by default) -->
+  <div class="library-container" id="library-container">
+    <div class="library-header">
+      <h3>Library</h3>
+      <button id="close-library">Close</button>
+    </div>
+    <div class="library-content" id="library-content"></div>
+  </div>
+  <div class="overlay" id="overlay"></div>
+  <div class="message" id="loading-message">
+    <h3>Loading EPUB...</h3>
+    <p>Please wait while your book is being processed.</p>
+  </div>
+  <div class="message" id="error-message">
+    <h3>Error</h3>
+    <p id="error-text">There was an error processing your EPUB file.</p>
+    <button id="close-error">Close</button>
+  </div>
+</body>
+<script type="module" src="./src/main.js"></script>
+</html>