Suggestion: Adding a default lang to fallback to.

Console log:
[Error] Failed to load resource: the server responded with a status of 404 () (1DE0.md, line 0)
[Error] Failed to load resource: the server responded with a status of 404 () (1DEAN.md, line 0)
[Error] Unhandled Promise Rejection: Error: Failed to load content from: https://hunt.predation.jp/WC/DE/1DE0.md
(anonymous function) (chapter.js:52)
[Error] Unhandled Promise Rejection: Error: Failed to load content from: https://hunt.predation.jp/AN/DE/1DEAN.md
(anonymous function) (chapter.js:52)
[Error] Failed to load resource: the server responded with a status of 404 () (1DE0.md, line 0)
[Error] Unhandled Promise Rejection: Error: Failed to load content from: https://hunt.predation.jp/WC/DE/1DE0.md
(anonymous function) (chapter.js:52)
[Error] Failed to load resource: the server responded with a status of 404 () (1DEAN.md, line 0)
[Error] Unhandled Promise Rejection: Error: Failed to load content from: https://hunt.predation.jp/AN/DE/1DEAN.md
(anonymous function) (chapter.js:52)

If the branch holds with loading time for longer than 30s, it's incorrectly credited as the branch was drawn by Yuuki, whereas the credit will point to the artist that did the Chapter Art.

Either the placeholder needs to be more explicit as a placeholder, through a spinning animation, or the javascript for the credits need to change to match the placeholder image credit while the new image is loading or is failing to load.

Old System

The old system relied on checking src files

import { webnovel } from '../../dat/novDat.js';
function updateSrcFilesCount() {
    const chapters = webnovel.chapters;
    let srcFilesCount = 0;
    chapters.forEach(chapter => {
        Object.keys(chapter.authorNotePath).forEach(lang => {
            srcFilesCount += chapter.authorNotePath[lang].length;
        });
        Object.keys(chapter.chapterContentPath).forEach(lang => {
            srcFilesCount += chapter.chapterContentPath[lang].length;
        });
    });
    document.getElementById('edit-count').textContent = srcFilesCount;
}

New Proposal

A discovery system for edits using a cloudflare worker.

• Each file grabbed from hunt is reported to the worker to run a comparison.
• If there is a difference in the comparison, it creates a new 'edit' with data like whether or not it was a deletion and other file information
• For 'edit history' the entire list of discovery reports can be displayed
• And for added detail, a separate json can be used to label information like who did what edit, and what it was.
• Edit count is based on the last discovery's id.

Debugging

• A function could be called to grab all src files to check if there was a missing discovery.

Rather than one js file to store a switch case for all site ui updates, separate modular jsons for different sections of the site represented in temp could make it easier to update the site across languages.

One json file for all headers could be referenced, one file for all nav buttons, etc. As long as the site html remains the same then the method can remain consistent. Premade html at this stage is too bulky for the present workflow, this could also reduce the dom load.

After this is set up, the actual html of the page can be copied and pasted into the prod folder depending on the lang switch.

This method currently already works for announcements, but is treated as the exception.

// Fetch and parse the JSON file
function fetchPreface() {
    return fetch('../../JSON/preface.json')
        .then(response => response.json());
}

function updateTranslations(languageCode) {
    const translations = getTranslations(languageCode);

    fetchPreface().then(preface => {
        // Replace 'preface1' entry with the one from preface.json
        if (preface[languageCode]) {
            translations['preface1'] = preface[languageCode][0];
        }

        for (const [id, translationKey] of Object.entries(translations)) {
            const element = document.getElementById(id);
            if (element) { 
                element.textContent = translationKey;
            }
        }
    });
}

On page load, chapter content will appear as an empty whereas author note and summary will be the first to load.

After clicking continue the disclaimer will reappear and cover the screen, blocking the webnovel

Removing it with css for mobile only would probably be a quick fix

A potential enhancement where the en, ja, ko etc versions of the site have separate comments, with the ability to toggle all lang comments at once to show the full scope or see other filters by language for a chapters comment section