TeaWeb/loader/app/maifest.ts

import * as loader from "./loader/loader";
import {config} from "./loader/loader";
import {script_name} from "./loader/utils";

export interface TeaManifest {
    version: number;

    chunks: {
        [key: string]: {
            files: {
                hash: string,
                file: string
            }[],
            css_files: {
                hash: string,
                file: string
            }[],
            modules: {
                id: string,
                context: string,
                resource: string
            }[]
        }
    };
}

let manifest: TeaManifest;
export async function loadManifest() : Promise<TeaManifest> {
    if(manifest) {
        return manifest;
    }

    try {
        const response = await fetch(config.baseUrl + "js/manifest.json?_date=" + Date.now());
        if(!response.ok) throw response.status + " " + response.statusText;

        manifest = await response.json();
    } catch(error) {
        console.error("Failed to load javascript manifest: %o", error);
        loader.critical_error("Failed to load manifest.json", error);
        throw "failed to load manifest.json";
    }
    if(manifest.version !== 2)
        throw "invalid manifest version";

    return manifest;
}

export async function loadManifestTarget(chunkName: string, taskId: number) {
    if(typeof manifest.chunks[chunkName] !== "object") {
        loader.critical_error("Missing entry chunk in manifest.json", "Chunk " + chunkName + " is missing.");
        throw "missing entry chunk";
    }
    loader.module_mapping().push({
        application: chunkName,
        modules: manifest.chunks[chunkName].modules
    });

    loader.style.load_multiple(manifest.chunks[chunkName].css_files.map(e => "js/" + e.file), {
        cache_tag: undefined,
        max_parallel_requests: 4
    }, (entry, state) => {
        if(state !== "loading") {
            return;
        }

        loader.setCurrentTaskName(taskId, script_name(entry, false));
    });

    await loader.scripts.load_multiple(manifest.chunks[chunkName].files.map(e => "js/" + e.file), {
        cache_tag: undefined,
        max_parallel_requests: 4
    }, (script, state) => {
        if(state !== "loading") {
            return;
        }

        loader.setCurrentTaskName(taskId, script_name(script, false));
    });
}