JsMaterialXZipUtils.js

Go to the documentation of this file.

// JsMaterialXZipUtils.js
//
 
class MxZipUtils {
 
    constructor() {
        // Check if fflate is available
        if (typeof fflate === 'undefined') {
            console.error("fflate is not available. Please include fflate in your HTML file.");
        }
    }
 
    static async unzipMaterialXData(zipData) {
        let documents = [];
        let textures = [];
 
        // Unzip the file using fflate
        fflate.unzip(zipData, (err, files) => {
            if (err) {
                console.error("Error unzipping file:", err);
                return;
            }
 
            // Iterate through files in the ZIP
            for (let fileName in files) {
                const fileType = fileName.split('.').pop().toLowerCase();
 
                if (['mtlx'].includes(fileType)) {
 
                    // Handle text files using TextDecoder
                    const fileContent = new TextDecoder("utf-8").decode(files[fileName]);
                    //console.log(`File: ${fileName} (${fileContent.length} )`);
                    documents.push({ name: fileName, content: fileContent });
 
                } else {
                    // Get mime type based on extension
                    const standardMimeTypes = {
                        'png': 'image/png',
                        'jpg': 'image/jpeg',
                        'jpeg': 'image/jpeg',
                        'gif': 'image/gif',
                        'bmp': 'image/bmp',
                        'svg': 'image/svg+xml',
                        'webp': 'image/webp',
                        'exr': 'image/exr',
                        'hdr': 'image/vnd.radiance'
                    };
 
                    let mimeType = 'image/' + fileType;
                    if (fileType in standardMimeTypes) {
                        mimeType = standardMimeTypes[fileType];
 
                        const blob = new Blob([files[fileName]], { type: mimeType });
                        const url = URL.createObjectURL(blob);
 
                        textures.push({ name: fileName, url: url });
                        //console.log(`Texture: ${fileName} (${url})`);
 
                    } 
                    else {
                        // Check if it's a folder
                        if (files[fileName].length === 0) {
                            console.log(`Folder: ${fileName}`);
                        } else {
                            console.log(`Unsupported file type: ${fileName}`);
                        }
                    }
                }
            }
        });
 
        return [documents, textures];
    }
 
    static async unzipMaterialXUrl(zipUrl) {
        const response = await fetch(zipUrl);
        const data = await response.arrayBuffer();
        const zipData = new Uint8Array(data); // Convert to Uint8Array
        const result = await MxZipUtils.unzipMaterialXData(zipData);
        return result;
    }
}