/*
*
*   impress.js website - build.js
*
*   Developed 2023 by Janis Hutz
*
*/

/*
    We will convert certain MD files to html and include them in the documentation. This mostly includes the plugin documentation.
    If there is no MD file in the directory, there will be no documentation. The script will also automatically build the nav menu
    and copy all the necessary files to the correct places.
*/

const fs = require( 'fs' );
const path = require( 'path' );
const mdhtml = require( 'markdown-it' );
const md2html = new mdhtml();
const docRoot = path.join( __dirname + '/../' );
const ls = require( 'ls' );
const prompt = require( 'prompt-sync' )( {
    sigint: true
} );

const pluginsPath = path.join( __dirname + '/../../../src/plugins' );

let plugins = fs.readdirSync( pluginsPath );
delete plugins[0];

for ( let item in plugins ) {
    fs.readFile( path.join( pluginsPath + '/' + plugins[item] + '/README.md' ), ( error, data ) => {
        if ( error ) {
            console.log( 'NO README found for ' + path.join( pluginsPath + '/' + plugins[item] ) + ' PLEASE MAKE SURE YOU HAVE CREATED A README!' );
        } else {
            let html = md2html.render( '' + data );
            storeHTML( findLinks( html, path.join( pluginsPath + '/' + plugins[item] ) ), plugins[item], 'plugins' );
        };
    } );
}

if ( prompt( 'Do you want to regenerate the API reference? (y/n) ' ).toLowerCase() == 'y' ) {
    console.log( 'Regenerating API reference' );
    parseDocumentationMD();
}

if ( prompt( 'Do you want to regenerate the getting started guide? (y/n) ' ).toLowerCase() == 'y' ) {
    console.log( 'Regenerating Getting Started Guide' );
    storeHTML( generateGettingStarted( md2html.render( '' + fs.readFileSync( path.join( __dirname + '/../../../GettingStarted.md' ) ) ) ), 'gettingStarted', '' );
}

let docPages = fs.readdirSync( __dirname + '/../../../website/docs/reference' );

if ( prompt( 'Do you want to regenerate the plugins documentation? (y/n) ' ).toLowerCase() == 'y' ) {
    console.log( 'regenerating plugins documentation' );
    for ( let obj in docPages ) {
        if ( docPages[obj] == 'index.html' ) {
            delete docPages[obj];
        };
    }
}

console.log( 'regenerating Nav' );
generateNav ();

buildExamplesPage();

/*
    This function finds links. The reason for this is possible incompatibilities with links on the website
*/
function findLinks ( html, path ) {
    let returnHTML = html;
    for ( let letter in html ) {
        if ( html[letter] === '<' ) {
            if ( html.slice( parseInt( letter ), parseInt( letter ) + 9 ) === '<a href="' ) {
                let i = 9;
                while ( html.slice( parseInt( letter ) + i, parseInt( letter ) + i + 1 ) !== '"' ) {
                    i += 1;
                };
                returnHTML = html.slice( 0, parseInt( letter ) ) + checkLinks( html.slice( parseInt( letter ) + 9, parseInt( letter ) + i  ), path ) + html.slice( parseInt( letter ) + i + 2, parseInt( html.length ) );
            };
        };
    };
    return returnHTML;
};

/*
    This function takes care of checking links. This is necessary, as documentation may contain links that will
    not work on the website, as it has relative paths.
*/
function checkLinks ( link, fpath ) {
    let filepath = fpath;
    let pos = 0;
    if ( link.slice( parseInt( link.length ) - 9, parseInt( link.length ) ) === 'README.md' ) {
        while ( link.slice( parseInt( link.length ) - pos - 11, parseInt( link.length ) - pos - 10 ) !== '/' ) {
            pos += 1;
        };
        return '<a href="/docs/plugins/' + link.slice( parseInt( link.length ) - pos - 10, parseInt( link.length ) - 10 ) + '">';
    } else if ( link.slice( 0, 2 ) === '..' ) {
        // here we map the relative path to an absolute path that can be used with the GitHub repo.
        while ( link.slice( pos, pos + 3 ) === '../' ) {
            pos += 3;
            let pathPos = 1;
            while ( filepath.slice( parseInt( filepath.length ) - pathPos, parseInt( filepath.length ) - pathPos + 1 ) !== '/' ) {
                pathPos += 1;
            };
            filepath = filepath.slice( 0, parseInt( filepath.length ) - pathPos + 1 );
        };

        // Here we find the impress.js root in the filepath to remove it and finish the link generation
        let fsPos = 0;
        while ( filepath.slice( parseInt( filepath.length ) - fsPos - 10, parseInt( filepath.length ) - fsPos ) !== 'impress.js' ) {
            fsPos += 1;
        };
        let fpSlice = filepath.slice( parseInt( filepath.length ) - fsPos, parseInt( filepath.length ) );
        let linkSlice = link.slice( pos, link.length );
        
        // now let's assemble a link and add it back into the html
        return '<a href="https://github.com/impress/impress.js' + fpSlice + linkSlice + '">';
    } else if ( link.slice( 0, 1 ) !== '.' && link.slice( 0, 1 ) !== '/' ) {
        let fsPos = 0;
        while ( filepath.slice( parseInt( filepath.length ) - fsPos - 10, parseInt( filepath.length ) - fsPos ) !== 'impress.js' ) {
            fsPos += 1;
        };
        let fpSlice = filepath.slice( parseInt( filepath.length ) - fsPos, parseInt( filepath.length ) );
        return '<a href="https://github.com/impress/impress.js' + link + '">';
    } else if ( link.slice( 0, 7 ) === 'http://' || link.slice( 0, 8 ) === 'https://' ) {
        return '<a href="' + link + '">';
    } else if ( link.slice( 0, 1 ) === '/' ) {
        return '<a href="https://github.com/impress/impress.js' + link + '">';
    } else {
        throw Error( 'Invalid link found! Link is: "' + link + '" in file: ' + filepath + '/README.md' );
    };
};

/* 
    This function generates & stores the HTML in the correct directory
*/

function storeHTML ( html, path, type ) {
    let fileOut = `<!DOCTYPE html>
    <html>
        <head>
        <title>${path} :: ${type} | DOCS - impress.js</title>
        <!--I am using jquery for button animations.-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
        <script>hljs.highlightAll();</script>
        <script src="/js/docs/loader.js"></script>
        <link rel="stylesheet" href="/css/docs/style.css">
        </head>
        <body>
            <div class="content">
                <div id="nav"></div>
                <div id="top"></div>
                    <div id="docPage">
                        <div id="doc-container">
                        ` + html 
                        + `</div>
                    </div>
                <div id="footer"></div>
            </div>
        </body>
    </html>`;
    fs.writeFileSync( docRoot + '/' + type + '/' + path + '.html', fileOut );
};

/*
    This function, as the name implies, generates the navbar on the side in the docs.
*/
function generateNav () {
    let fileStruct = `<!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <link rel="stylesheet" href="/css/docs/navstyle.css">
        </head>
        <body>
            <div class="nav-container">
                <a class="logo-container" href="/"><img class="logo" src="/assets/apple-touch-icon.png" alt="impress-logo"></a>
                <div class="nav-wrapper">
                    <div class="nav-list">
                    <a class="navitem" id="home" href="/docs">Home</a>
                    <a class="navitem" id="gettingStarted" href="/docs/gettingStarted.html">Getting Started</a>
                    <a class="navitem" id="referenceNav" onclick="toggleList( 'reference' );">API reference</a>
                    <div class="dropdown" id="reference">
                        <a class="nav-subitem" id="root" href="/docs/reference">Home</a>`
    for ( let item in docPages ) {
        fileStruct += `<a class="nav-subitem" id="${ docPages[item].slice( 0, docPages[item].length - 5) }" href="/docs/reference/${ docPages[item] }">${ docPages[item].slice( 0, docPages[item].length - 5) }</a>`;
    };
    fileStruct += `</div>
                    <a class="navitem" id="pluginsNav" onclick="toggleList( 'plugins' );">Plugins</a>
                    <div class="dropdown" id="plugins">
                    `;
    for ( let item in plugins ) {
        fileStruct += `<a class="nav-subitem" id="${ plugins[item] }" href="/docs/plugins/${ plugins[item] }.html">${ plugins[item] }</a>`;
    };
    fileStruct += `</div>
                    <a class="navitem" id="contributingNav" onclick="toggleList( 'contributing' );">Contributing</a>
                    <div class="dropdown" id="contributing">
                        <a class="nav-subitem" id="contributing-gettingStarted" href="/docs/contributing">Getting Started</a>
                        <a class="nav-subitem" id="website" href="/docs/contributing/website.html">Website</a>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="/js/docs/nav.js"></script>
</html>`;
    fs.writeFileSync( docRoot + '/nav.html', fileStruct );
};


function parseDocumentationMD () {
    let doc = '' + fs.readFileSync( path.join( __dirname + '/../../../DOCUMENTATION.md' ) );
    let lastHashtagPos = 0;
    let posArray = [];
    for ( let letter in doc ) {
        if ( doc[letter] == '#' ) {
            if ( doc.slice( parseInt( letter ), parseInt( letter ) + 3 ) === '###' || doc.slice( parseInt( letter ), parseInt( letter ) + 4 ) === '####'  ) {
            } else if ( doc.slice( parseInt( letter ), parseInt( letter ) + 2 ) === '##' && lastHashtagPos + 1 < parseInt( letter ) ) {
                posArray.push(letter);
            };
            lastHashtagPos = parseInt( letter );
        };
    };

    let titles = {};

    for ( let item in posArray ) {
        let titleArea = doc.slice( parseInt( posArray[item] ), parseInt( posArray[item] + 20 ) );
        let title = '';
        for ( let pos in titleArea ) {
            if ( titleArea[pos] === '\n' ) {
                title = titleArea.slice( 3, pos );
                break;
            };
        };

        let page = md2html.render( doc.slice( parseInt( posArray[parseInt( item )] ), parseInt( posArray[parseInt( item ) + 1] ) || parseInt( doc.length ) ) );

        for ( let letter in page ) {
            let titleTag = page.slice( parseInt( letter ), parseInt( letter ) + 4 );
            if ( titleTag === '<h1>' || titleTag === '<h2>' || titleTag === '<h3>' || titleTag === '<h4>' ) {
                let i = 4;
                while ( page.slice( parseInt( letter ) + i, parseInt( letter ) + i + 1 ) !== '<' ) {
                    i += 1;
                };
                let heading = '' + page.slice( parseInt( letter ) + 4, parseInt( letter ) + i  );
                let output = '';
                for ( let pos in heading ) {
                    let letter = heading[ pos ];
                    if ( letter === ' ' || letter === '.' || letter === ',' ) {
                        output += '-';
                    } else if ( letter === '(' || letter === ')' || letter === '[' || letter === ']' || letter === '|' ) {

                    } else {
                        output += letter;
                    };
                };
                titles[ output.toLowerCase() ] = title;
            };
        };
    } 

    for ( let item in posArray ) {
        let titleArea = doc.slice( parseInt( posArray[item] ), parseInt( posArray[item] + 20 ) );
        let title = '';
        for ( let pos in titleArea ) {
            if ( titleArea[pos] === '\n' ) {
                title = titleArea.slice( 3, pos );
                break;
            };
        };

        let page = md2html.render( doc.slice( parseInt( posArray[parseInt( item )] ), parseInt( posArray[parseInt( item ) + 1] ) || parseInt( doc.length ) ) );

        for ( let letter in page ) {
            let titleTag = page.slice( parseInt( letter ), parseInt( letter ) + 4 );
            if ( page[letter] === '<' ) {
                if ( page.slice( parseInt( letter ), parseInt( letter ) + 9 ) === '<a href="' ) {
                    let i = 9;
                    while ( page.slice( parseInt( letter ) + i, parseInt( letter ) + i + 1 ) !== '"' ) {
                        i += 1;
                    };
                    let link = '' + page.slice( parseInt( letter ) + 9, parseInt( letter ) + i  );
                    let updatedLink = '';
                    if ( link.slice( 0, 8 ) === 'https://' || link.slice( 0, 7 ) === 'http://' || link.slice( 0, 1 ) === '#' ) {
                        if ( link.slice( 0, 1 ) === '#' ) {
                            if ( titles[ link.slice( 1, parseInt( link.length ) ) ] !== undefined ) {
                                updatedLink = '/docs/reference/' + titles[ link.slice( 1, parseInt( link.length ) ) ] + '.html' + link;
                            } else {
                                console.log( 'unable to map link ' + link );
                            }
                        } else {
                            updatedLink = link;
                        }
                    } else {
                        if ( link.slice( 0, 12 ) === 'src/plugins/' ) {
                            if ( link.slice( link.length - 9, link.length ) === 'README.md' ) {
                                updatedLink = '/docs/' + link.slice( 4, link.length - 9 );
                            } else {
                                updatedLink = 'https://github.com/impress/impress.js/' + link;
                            };
                        } else if ( link.slice( 0, 9 ) === 'examples/' ) {
                            updatedLink = '/demo/' + link;
                        } else {
                            updatedLink = 'https://github.com/impress/impress.js/' + link;
                        };
                    }
                    page = page.slice( 0, parseInt( letter ) + 9 ) + updatedLink + page.slice( parseInt( letter ) + i, parseInt( page.length ) );
                } else if ( titleTag === '<h1>' || titleTag === '<h2>' || titleTag === '<h3>' || titleTag === '<h4>' ) {
                    let i = 4;
                    while ( page.slice( parseInt( letter ) + i, parseInt( letter ) + i + 1 ) !== '<' ) {
                        i += 1;
                    };
                    let heading = '' + page.slice( parseInt( letter ) + 4, parseInt( letter ) + i  );
                    let output = '';
                    for ( let pos in heading ) {
                        let letter = heading[ pos ];
                        if ( letter === ' ' || letter === '.' || letter === ',' ) {
                            output += '-';
                        } else if ( letter === '(' || letter === ')' || letter === '[' || letter === ']' || letter === '|' ) {

                        } else {
                            output += letter;
                        };
                    };
                    page = page.slice( 0, parseInt( letter ) + 3 ) + ' id="' + output.toLowerCase() + '">' + page.slice( parseInt( letter ) + 4, parseInt( page.length ) );
                };
            };
            storeHTML( page, title, 'reference' );
        };
    };
}

function generateGettingStarted ( inputHTML ) {
    let html = inputHTML;
    for ( let letter in html ) {
        if ( html[letter] === '<' ) {
            if ( html.slice( parseInt( letter ), parseInt( letter ) + 9 ) === '<a href="' ) {
                let i = 9;
                while ( html.slice( parseInt( letter ) + i, parseInt( letter ) + i + 1 ) !== '"' ) {
                    i += 1;
                };
                let link = html.slice( parseInt( letter ) + 9, parseInt( letter ) + i  )
                let checkedLink = '';
                if ( link === 'DOCUMENTATION.md' ) {
                    checkedLink = '/docs/reference';
                } else if ( link.slice( 0, 13 ) === './src/plugins' ) {
                    if ( link.slice( link.length - 9, link.length ) === 'README.md' ) {
                        checkedLink = '/docs/plugins' + link.slice( 13, link.length - 10 ) + '.html';
                    } else {
                        checkedLink = '/docs/plugins' + link.slice( 13, link.length ) + '.html';
                    };
                } else if ( link.slice( 0, 12 ) === '/src/plugins' ) {
                    if ( link.slice( link.length - 9, link.length ) === 'README.md' ) {
                        checkedLink = '/docs/plugins' + link.slice( 12, link.length - 10 ) + '.html';
                    } else {
                        checkedLink = '/docs/plugins' + link.slice( 12, link.length ) + '.html';
                    };
                }
                html = html.slice( 0, parseInt( letter ) + 9 ) + checkedLink + html.slice( parseInt( letter ) + i, parseInt( html.length ) );
            };
        };
    };
    return html;
}

function buildExamplesPage () {
    /* Auto generate an index.html that lists all the directories under examples/
    * This is useful for gh-pages, so you can link to http://impress.github.io/impress.js/examples
    */
    console.log( 'building examples page' );
    let html_list = '<ul class="list"><br>\n';
    let dirList = fs.readdirSync( path.join( __dirname + '/../../demo/examples' ) );
    dirList.forEach( function( dir ) {
        if ( dir === 'index.html' ) {} else {
            html_list += '                  <li class="button"><a class="list-element" href="' + dir + '/">' + dir + '</a></li>\n';
        };
    });
    let html = `
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="/css/style.css">
        <title>Example presentations</title>
        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
        <script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script defer src="/js/index.js"></script>
        <style>
            .list {
                margin-top: 10%;
                font-size: 1.5rem;
                list-style: none;
            }
            .list-element {
                text-decoration: none;
                color: white;
            }
        </style>
    </head>
    <body>
        <div id="navbar"></div>
        <div class="title">
            <div class="title-content">
                <h1 class="heading">Examples</h1>
            </div>
                ${ html_list }
                </ul>
            </div>
        <div id="footer"></div>
    </body>
</html>`;

    fs.writeFileSync( path.join( __dirname + '/../../demo/examples/index.html' ), html );
}