@playcraft/build 0.0.43 → 0.0.45

package/dist/vite/plugin-playcanvas.js

@@ -64,6 +64,7 @@ export function vitePlayCanvasPlugin(options) {
                         // 8. 处理 manifest.json
                         html = await inlineManifest(html, options.baseBuildDir, options);
                     }
+                    html = await compressInlineBuildJsonDataUrls(html, options);
                 }
                 else if (options.outputFormat === 'zip') {
                     // ZIP 格式：不内联引擎，但需要在 IIFE 之前添加引擎脚本标签
@@ -87,6 +88,20 @@ export function vitePlayCanvasPlugin(options) {
             }
             return code;
         },
+        async generateBundle(_outputOptions, bundle) {
+            if (options.outputFormat !== 'html') {
+                return;
+            }
+            for (const asset of Object.values(bundle)) {
+                if (asset.type !== 'asset' || !asset.fileName.endsWith('.html')) {
+                    continue;
+                }
+                const source = typeof asset.source === 'string'
+                    ? asset.source
+                    : new TextDecoder().decode(asset.source);
+                asset.source = await compressInlineBuildJsonDataUrls(source, options);
+            }
+        },
     };
 }
 /**
@@ -184,7 +199,7 @@ async function generateAndInlineSettings(html, baseBuildDir, options, pluginCont
         configJson = applyMraidConfig(configJson);
     }
     // 生成 config 值
-    const configValue = buildConfigValue(configJson);
+    const configValue = await buildConfigValue(configJson, options, 'config.json');
     // 生成 scene data URL
     let sceneDataUrl = '';
     if (configJson.scenes && configJson.scenes.length > 0) {
@@ -193,14 +208,14 @@ async function generateAndInlineSettings(html, baseBuildDir, options, pluginCont
             const scenePath = path.join(baseBuildDir, sceneUrl);
             try {
                 const sceneContent = await fs.readFile(scenePath, 'utf-8');
-                sceneDataUrl = `data:application/json;base64,${Buffer.from(sceneContent).toString('base64')}`;
+                sceneDataUrl = await buildJsonDataUrl(sceneContent, options, `scene ${sceneUrl}`);
             }
             catch (error) {
                 console.warn(`警告: 场景文件不存在: ${sceneUrl}`);
             }
         }
         else {
-            sceneDataUrl = sceneUrl;
+            sceneDataUrl = await normalizeJsonDataUrl(sceneUrl || '', options, `scene ${sceneUrl || 'inline data URL'}`);
         }
     }
     const appProps = configJson.application_properties || {};
@@ -292,7 +307,7 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
             const scenePath = path.join(baseBuildDir, sceneUrl);
             try {
                 const sceneContent = await fs.readFile(scenePath, 'utf-8');
-                sceneDataUrl = `data:application/json;base64,${Buffer.from(sceneContent).toString('base64')}`;
+                sceneDataUrl = await buildJsonDataUrl(sceneContent, options, `scene ${sceneUrl}`);
                 console.log(`[PlayCanvasPlugin] ESM Bundle: 场景已内联: ${sceneUrl}`);
             }
             catch (error) {
@@ -300,7 +315,7 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
             }
         }
         else {
-            sceneDataUrl = sceneUrl || '';
+            sceneDataUrl = await normalizeJsonDataUrl(sceneUrl || '', options, `scene ${sceneUrl || 'inline data URL'}`);
         }
     }
     // 7. (Logo removed - no longer needed)
@@ -326,7 +341,7 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
         const escapedSceneDataUrl = sceneDataUrl.replace(/\$/g, '$$$$');
         // 查找 SCENE_PATH 的各种格式并替换
         // 格式: const SCENE_PATH = "xxx.json" 或 SCENE_PATH = "xxx"
-        html = html.replace(/SCENE_PATH\s*=\s*["'][^"']+\.json["']/g, `SCENE_PATH = "${escapedSceneDataUrl}"`);
+        html = html.replace(/SCENE_PATH\s*=\s*["'](?:[^"']+\.json|data:application\/json;base64,[^"']+)["']/g, `SCENE_PATH = "${escapedSceneDataUrl}"`);
         // ⚠️ Vite 压缩后格式：loadScene("xxx.json" 或 loadScene(变量名,
         // 需要同时替换 loadScene 调用中的场景路径字符串
         // 格式1: .loadScene("2412781.json", ...)
@@ -349,6 +364,10 @@ async function inlineESMBundleAssets(html, baseBuildDir, options, pluginContext)
                 console.log(`[PlayCanvasPlugin] ESM Bundle: 替换了 ${varDefReplaceCount} 处场景路径变量定义`);
             }
         }
+        else if (sceneUrl && sceneUrl !== sceneDataUrl && sceneUrl.startsWith('data:application/json;base64,')) {
+            html = html.split(sceneUrl).join(escapedSceneDataUrl);
+            console.log('[PlayCanvasPlugin] ESM Bundle: 已重新压缩内联场景 data URL');
+        }
     }
     // 10. 处理 PRELOAD_MODULES（WASM 模块）
     // 在 ESM Bundle 模式下，需要将 PRELOAD_MODULES 中的 URL 也转换为 data URL
@@ -441,7 +460,7 @@ async function convertSettingsToDataUrls(settingsCode, baseBuildDir, options, pl
     // 1. 转换 config.json（传递插件上下文）
     settingsCode = await convertConfigUrl(settingsCode, baseBuildDir, options, pluginContext);
     // 2. 转换场景文件
-    settingsCode = await convertSceneUrl(settingsCode, baseBuildDir);
+    settingsCode = await convertSceneUrl(settingsCode, baseBuildDir, options);
     // 3. 转换 PRELOAD_MODULES（优先使用 JS fallback）
     settingsCode = await convertPreloadModules(settingsCode, baseBuildDir, options);
     return settingsCode;
@@ -471,7 +490,7 @@ async function convertConfigUrl(settingsCode, baseBuildDir, options, pluginConte
         if (options.mraidSupport) {
             configJson = applyMraidConfig(configJson);
         }
-        const configValue = buildConfigValue(configJson);
+        const configValue = await buildConfigValue(configJson, options, 'config.json');
         return settingsCode.replace(/window\.CONFIG_FILENAME\s*=\s*"[^"]+"/, `window.CONFIG_FILENAME = ${configValue}`);
     }
     catch (error) {
@@ -482,19 +501,23 @@ async function convertConfigUrl(settingsCode, baseBuildDir, options, pluginConte
 /**
  * 转换 SCENE_PATH 为 data URL
  */
-async function convertSceneUrl(settingsCode, baseBuildDir) {
+async function convertSceneUrl(settingsCode, baseBuildDir, options) {
     const sceneMatch = settingsCode.match(/window\.SCENE_PATH\s*=\s*"([^"]+)"/);
     if (!sceneMatch) {
         return settingsCode;
     }
     const scenePath = sceneMatch[1];
     if (scenePath.startsWith('data:') || !scenePath) {
-        return settingsCode; // 已经是 data URL 或为空
+        const sceneDataUrl = await normalizeJsonDataUrl(scenePath, options, `scene ${scenePath ? 'inline data URL' : 'empty'}`);
+        if (sceneDataUrl === scenePath) {
+            return settingsCode; // 已经是 data URL 或为空
+        }
+        return settingsCode.replace(/window\.SCENE_PATH\s*=\s*"[^"]+"/, `window.SCENE_PATH = "${sceneDataUrl}"`);
     }
     const fullScenePath = path.join(baseBuildDir, scenePath);
     try {
         const sceneContent = await fs.readFile(fullScenePath, 'utf-8');
-        const sceneDataUrl = `data:application/json;base64,${Buffer.from(sceneContent).toString('base64')}`;
+        const sceneDataUrl = await buildJsonDataUrl(sceneContent, options, `scene ${scenePath}`);
         return settingsCode.replace(/window\.SCENE_PATH\s*=\s*"[^"]+"/, `window.SCENE_PATH = "${sceneDataUrl}"`);
     }
     catch (error) {
@@ -911,6 +934,30 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
     const skippedScripts = [];
     const missingAssets = []; // 新增：缺失资源列表
     const SIZE_LIMIT = 1 * 1024 * 1024; // 1MB - 跳过超过这个大小的文件
+    const clearDataUrlMetadata = (targetFile) => {
+        if ('hash' in targetFile) {
+            delete targetFile.hash;
+        }
+        if ('variants' in targetFile) {
+            delete targetFile.variants;
+        }
+    };
+    const usePlaceholderAsset = (targetAsset, targetFile, targetFileName, size) => {
+        targetFile.url = getPlaceholderDataUrl(targetAsset.type, targetFileName);
+        if (size !== undefined) {
+            targetFile.size = size;
+        }
+        clearDataUrlMetadata(targetFile);
+        targetAsset.preload = false;
+    };
+    const isImageAsset = (targetAsset, targetFile, targetFileName) => {
+        const hasImageFile = isImageFile(targetFileName) ||
+            isImageFile(targetFile?.filename || '') ||
+            isImageFile(targetAsset.name || '');
+        return (targetAsset.type === 'texture' ||
+            targetAsset.type === 'textureatlas' ||
+            hasImageFile);
+    };
     for (const [assetId, asset] of Object.entries(assets)) {
         const file = asset?.file;
         if (!file?.url || typeof file.url !== 'string') {
@@ -922,32 +969,22 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
         }
         const cleanUrl = url.split('?')[0];
         const fileName = cleanUrl.toLowerCase();
+        const imageAsset = isImageAsset(asset, file, fileName);
         // ⚠️ 脚本资源特殊处理（参考 PlayCanvas 官方 one-page.js 实现）
         // ESM Bundle 模式下，脚本代码已被打包到 IIFE 中执行
         // PlayCanvas 官方做法：将脚本内容设为空，配合引擎补丁跳过执行
         if (cleanUrl === '__game-scripts.js') {
-            // __game-scripts.js 是 Classic 模式的打包产物
             skippedScripts.push(asset.name || assetId);
-            // 使用空内容的 data URL（PlayCanvas 官方做法）
             file.url = 'data:text/javascript;base64,';
-            file.hash = '';
+            clearDataUrlMetadata(file);
             asset.preload = false;
             continue;
         }
         if (asset.type === 'script') {
             skippedScripts.push(asset.name || assetId);
-            // ⚠️ ESM 脚本特殊处理（参考 PlayCanvas 官方 one-page.js）：
-            // 官方工具对于 loadingType !== 0 的脚本，会将内容设为空字符串
-            // 然后配合 one-page-inline-game-scripts.js 引擎补丁处理
-            // 
-            // 我们的方案：
-            // 1. 将脚本 URL 设为空内容的 data URL
-            // 2. 清空 hash 避免追加查询参数
-            // 3. 脚本代码已经通过 IIFE 中的 pc.createScript() 注册
-            // 4. 需要配合引擎补丁让 ScriptHandler 跳过空脚本
-            file.url = 'data:text/javascript;base64,'; // 空 JavaScript
-            file.hash = ''; // 清空 hash
-            asset.preload = false; // 禁用预加载
+            file.url = 'data:text/javascript;base64,';
+            clearDataUrlMetadata(file);
+            asset.preload = false;
             continue;
         }
         // 跳过物理引擎缓存文件和大型文本文件
@@ -956,10 +993,7 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
             fileName.includes('deferredbrowsermetrics') ||
             (fileName.endsWith('.txt') && file.size && file.size > SIZE_LIMIT)) {
             skippedAssets.push(`${asset.name || assetId} (${(file.size / 1024 / 1024).toFixed(2)}MB)`);
-            // 标记为不预加载，避免引擎尝试加载
-            asset.preload = false;
-            // 提供有效的占位符数据，避免解析错误
-            file.url = getPlaceholderDataUrl(asset.type, fileName);
+            usePlaceholderAsset(asset, file, fileName);
             continue;
         }
         const fullPath = path.join(baseBuildDir, cleanUrl);
@@ -970,16 +1004,13 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
             // 检查空文件，提供有效的占位符
             if (originalSize === 0) {
                 console.warn(`⚠️  警告: 文件为空，使用占位符: ${asset.name || cleanUrl}`);
-                file.url = getPlaceholderDataUrl(asset.type, fileName);
-                file.size = 0;
+                usePlaceholderAsset(asset, file, fileName, 0);
                 continue;
             }
-            // 检查实际文件大小，跳过超大文件
-            if (originalSize > SIZE_LIMIT) {
+            // Non-image files cannot be optimized here, so keep the original size guard.
+            if (originalSize > SIZE_LIMIT && !imageAsset) {
                 skippedAssets.push(`${asset.name || assetId} (${(originalSize / 1024 / 1024).toFixed(2)}MB)`);
-                asset.preload = false;
-                // 提供有效的占位符数据，避免解析错误
-                file.url = getPlaceholderDataUrl(asset.type, fileName);
+                usePlaceholderAsset(asset, file, fileName);
                 continue;
             }
             let dataUrl;
@@ -1011,7 +1042,7 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
             // ⚠️ 重要：字体纹理（type === 'font'）不能转换为 WebP！
             // MSDF/位图字体的 PNG 纹理包含精确的距离场/像素数据，
             // WebP 有损压缩会破坏这些数据导致字体渲染异常
-            else if (isImageFile(cleanUrl)) {
+            else if (imageAsset) {
                 const isFontTexture = asset.type === 'font';
                 const compressed = await compressImage(buffer, cleanUrl, {
                     convertToWebP: !isFontTexture, // 字体纹理不转换为 WebP
@@ -1048,16 +1079,19 @@ async function inlineConfigAssetUrls(configJson, baseBuildDir, pluginContext) {
                 dataUrl = `data:${mime};base64,${buffer.toString('base64')}`;
                 finalSize = originalSize;
             }
+            if (finalSize > SIZE_LIMIT && !imageAsset) {
+                skippedAssets.push(`${asset.name || assetId} (${(finalSize / 1024 / 1024).toFixed(2)}MB after optimization)`);
+                usePlaceholderAsset(asset, file, fileName, finalSize);
+                continue;
+            }
+            if (finalSize > SIZE_LIMIT && imageAsset) {
+                console.warn(`[PlayCanvasPlugin] Image asset kept as data URL even though it exceeds inline limit: ${asset.name || assetId} (${(finalSize / 1024 / 1024).toFixed(2)}MB)`);
+            }
             // 更新 asset 配置
             file.url = dataUrl;
             file.size = finalSize;
             // data URL 不需要 hash/variants，避免引擎追加 ?t=hash 造成无效 URL
-            if ('hash' in file) {
-                delete file.hash;
-            }
-            if ('variants' in file) {
-                delete file.variants;
-            }
+            clearDataUrlMetadata(file);
         }
         catch (error) {
             // 记录缺失资源详情，不只是简单警告
@@ -1284,9 +1318,80 @@ function guessMimeType(filePath) {
             return 'application/octet-stream';
     }
 }
-function buildConfigValue(configJson) {
+async function buildConfigValue(configJson, options, label) {
     const configText = JSON.stringify(configJson);
-    return `"data:application/json;base64,${Buffer.from(configText).toString('base64')}"`;
+    const dataUrl = await buildJsonDataUrl(configText, options, label);
+    return `"${dataUrl}"`;
+}
+async function buildJsonDataUrl(jsonText, options, label) {
+    let compactJsonText = jsonText;
+    try {
+        compactJsonText = JSON.stringify(JSON.parse(jsonText));
+    }
+    catch {
+        // Keep the original text if it is not strict JSON.
+    }
+    if (!options.compressConfigJson) {
+        return `data:application/json;base64,${Buffer.from(compactJsonText).toString('base64')}`;
+    }
+    const lz4 = await loadLz4Module();
+    const source = Buffer.from(compactJsonText);
+    const compressed = lz4.compress(source);
+    const compressedBase64 = Buffer.from(compressed).toString('base64');
+    const ratio = ((1 - compressed.length / source.length) * 100).toFixed(1);
+    console.log(`[PlayCanvasPlugin] ${label} compressed (${formatBytes(source.length)} -> ${formatBytes(compressed.length)}, -${ratio}%)`);
+    return `data:application/x-lz4-json;base64,${compressedBase64}`;
+}
+async function normalizeJsonDataUrl(dataUrl, options, label) {
+    const plainJsonPrefix = 'data:application/json;base64,';
+    if (!options.compressConfigJson || !dataUrl.startsWith(plainJsonPrefix)) {
+        return dataUrl;
+    }
+    try {
+        const jsonText = Buffer.from(dataUrl.slice(plainJsonPrefix.length), 'base64').toString('utf-8');
+        return await buildJsonDataUrl(jsonText, options, label);
+    }
+    catch (error) {
+        console.warn(`[PlayCanvasPlugin] 无法重新压缩 JSON data URL: ${label}`, error);
+        return dataUrl;
+    }
+}
+async function compressInlineBuildJsonDataUrls(html, options) {
+    if (!options.compressConfigJson) {
+        return html;
+    }
+    const pattern = /data:application\/json;base64,[A-Za-z0-9+/=]+/g;
+    let nextHtml = '';
+    let lastIndex = 0;
+    let compressedCount = 0;
+    for (const match of html.matchAll(pattern)) {
+        const dataUrl = match[0];
+        const index = match.index ?? 0;
+        try {
+            const jsonText = Buffer
+                .from(dataUrl.slice('data:application/json;base64,'.length), 'base64')
+                .toString('utf-8');
+            const parsed = JSON.parse(jsonText);
+            const isSceneJson = parsed && typeof parsed === 'object' && parsed.entities && parsed.settings;
+            const isConfigJson = parsed && typeof parsed === 'object' && parsed.application_properties && parsed.assets;
+            if (!isSceneJson && !isConfigJson) {
+                continue;
+            }
+            const label = isSceneJson ? 'inline scene data URL' : 'inline config data URL';
+            const compressedDataUrl = await buildJsonDataUrl(jsonText, options, label);
+            nextHtml += html.slice(lastIndex, index) + compressedDataUrl;
+            lastIndex = index + dataUrl.length;
+            compressedCount++;
+        }
+        catch {
+            continue;
+        }
+    }
+    if (compressedCount === 0) {
+        return html;
+    }
+    console.log(`[PlayCanvasPlugin] 重新压缩 ${compressedCount} 个内联 JSON data URL`);
+    return nextHtml + html.slice(lastIndex);
 }
 function applyMraidConfig(configJson) {
     const next = { ...configJson };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playcraft/build",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",

package/dist/analyzers/__tests__/optimization-analyzer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/analyzers/__tests__/optimization-analyzer.test.js

@@ -1,169 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { OptimizationAnalyzer } from '../optimization-analyzer.js';
-describe('OptimizationAnalyzer', () => {
-    it('should detect large uncompressed files', () => {
-        const state = {
-            version: '1.0.0',
-            buildTime: Date.now(),
-            assets: {
-                'large-file': {
-                    id: 'large-file',
-                    originalName: 'large-file.js',
-                    originalPath: '/path/to/large-file.js',
-                    originalSize: 200 * 1024, // 200KB
-                    finalSize: 195 * 1024, // 只压缩了 5KB
-                    totalCompressionRatio: 0.025, // 2.5% 压缩率
-                    type: 'script',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'large-file.js',
-                            size: 195 * 1024,
-                            optimizations: [],
-                        },
-                    ],
-                },
-            },
-            stages: [],
-        };
-        const analyzer = new OptimizationAnalyzer(state);
-        const result = analyzer.analyze();
-        expect(result.totalSuggestions).toBeGreaterThan(0);
-        expect(result.suggestions.some(s => s.type === 'large-uncompressed')).toBe(true);
-    });
-    it('should detect PNG images that can be converted to WebP', () => {
-        const state = {
-            version: '1.0.0',
-            buildTime: Date.now(),
-            assets: {
-                'image': {
-                    id: 'image',
-                    originalName: 'image.png',
-                    originalPath: '/path/to/image.png',
-                    originalSize: 100 * 1024, // 100KB
-                    finalSize: 100 * 1024,
-                    totalCompressionRatio: 0,
-                    type: 'texture',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'image.png',
-                            size: 100 * 1024,
-                            optimizations: [],
-                        },
-                    ],
-                },
-            },
-            stages: [],
-        };
-        const analyzer = new OptimizationAnalyzer(state);
-        const result = analyzer.analyze();
-        expect(result.suggestions.some(s => s.type === 'format-conversion')).toBe(true);
-    });
-    it('should detect missing minification', () => {
-        const state = {
-            version: '1.0.0',
-            buildTime: Date.now(),
-            assets: {
-                'script': {
-                    id: 'script',
-                    originalName: 'script.js',
-                    originalPath: '/path/to/script.js',
-                    originalSize: 50 * 1024, // 50KB
-                    finalSize: 50 * 1024,
-                    totalCompressionRatio: 0,
-                    type: 'script',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'script.js',
-                            size: 50 * 1024,
-                            optimizations: [], // 没有 minify
-                        },
-                    ],
-                },
-            },
-            stages: [],
-        };
-        const analyzer = new OptimizationAnalyzer(state);
-        const result = analyzer.analyze();
-        expect(result.suggestions.some(s => s.type === 'enable-minify')).toBe(true);
-    });
-    it('should group suggestions by severity', () => {
-        const state = {
-            version: '1.0.0',
-            buildTime: Date.now(),
-            assets: {
-                'large-uncompressed': {
-                    id: 'large-uncompressed',
-                    originalName: 'large.js',
-                    originalPath: '/path/to/large.js',
-                    originalSize: 200 * 1024,
-                    finalSize: 195 * 1024,
-                    totalCompressionRatio: 0.025,
-                    type: 'script',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'large.js',
-                            size: 195 * 1024,
-                            optimizations: [],
-                        },
-                    ],
-                },
-                'png-image': {
-                    id: 'png-image',
-                    originalName: 'image.png',
-                    originalPath: '/path/to/image.png',
-                    originalSize: 100 * 1024,
-                    finalSize: 100 * 1024,
-                    totalCompressionRatio: 0,
-                    type: 'texture',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'image.png',
-                            size: 100 * 1024,
-                            optimizations: [],
-                        },
-                    ],
-                },
-            },
-            stages: [],
-        };
-        const analyzer = new OptimizationAnalyzer(state);
-        const result = analyzer.analyze();
-        expect(result.bySeverity.high.length).toBeGreaterThan(0);
-        expect(result.bySeverity.medium.length).toBeGreaterThan(0);
-    });
-    it('should calculate total estimated savings', () => {
-        const state = {
-            version: '1.0.0',
-            buildTime: Date.now(),
-            assets: {
-                'large-file': {
-                    id: 'large-file',
-                    originalName: 'large-file.js',
-                    originalPath: '/path/to/large-file.js',
-                    originalSize: 200 * 1024,
-                    finalSize: 195 * 1024,
-                    totalCompressionRatio: 0.025,
-                    type: 'script',
-                    processingHistory: [
-                        {
-                            stage: 'base-build',
-                            name: 'large-file.js',
-                            size: 195 * 1024,
-                            optimizations: [],
-                        },
-                    ],
-                },
-            },
-            stages: [],
-        };
-        const analyzer = new OptimizationAnalyzer(state);
-        const result = analyzer.analyze();
-        expect(result.totalEstimatedSavings).toBeGreaterThan(0);
-        expect(result.estimatedOptimizationRate).toBeGreaterThan(0);
-    });
-});

package/dist/templates/__loading__.js

@@ -1,100 +0,0 @@
-pc.script.createLoadingScreen((app) => {
-    const createCss = () => {
-        const css = `
-            body {
-                background-color: #283538;
-            }
-
-            #application-splash-wrapper {
-                position: absolute;
-                top: 0;
-                left: 0;
-                height: 100%;
-                width: 100%;
-                background-color: #283538;
-            }
-
-            #application-splash {
-                position: absolute;
-                top: calc(50% - 28px);
-                width: 264px;
-                left: calc(50% - 132px);
-            }
-
-            #application-splash img {
-                width: 100%;
-            }
-
-            #progress-bar-container {
-                margin: 20px auto 0 auto;
-                height: 2px;
-                width: 100%;
-                background-color: #1d292c;
-            }
-
-            #progress-bar {
-                width: 0%;
-                height: 100%;
-                background-color: #f60;
-            }
-
-            @media (max-width: 480px) {
-                #application-splash {
-                    width: 170px;
-                    left: calc(50% - 85px);
-                }
-            }
-        `;
-
-        const style = document.createElement('style');
-        style.textContent = css;
-        document.head.appendChild(style);
-    };
-
-    const showSplash = () => {
-        const wrapper = document.createElement('div');
-        wrapper.id = 'application-splash-wrapper';
-        document.body.appendChild(wrapper);
-
-        const splash = document.createElement('div');
-        splash.id = 'application-splash';
-        wrapper.appendChild(splash);
-        splash.style.display = 'none';
-
-        const logo = document.createElement('img');
-        logo.src = `${ASSET_PREFIX}logo.png`;
-        splash.appendChild(logo);
-        logo.onload = () => {
-            splash.style.display = 'block';
-        };
-
-        const container = document.createElement('div');
-        container.id = 'progress-bar-container';
-        splash.appendChild(container);
-
-        const bar = document.createElement('div');
-        bar.id = 'progress-bar';
-        container.appendChild(bar);
-    };
-
-    const setProgress = (value) => {
-        const bar = document.getElementById('progress-bar');
-        if (bar) {
-            value = Math.min(1, Math.max(0, value));
-            bar.style.width = `${value * 100}%`;
-        }
-    };
-
-    const hideSplash = () => {
-        document.getElementById('application-splash-wrapper').remove();
-    };
-
-    createCss();
-    showSplash();
-
-    app.on('preload:end', () => {
-        app.off('preload:progress');
-    });
-    app.on('preload:progress', setProgress);
-    app.on('start', hideSplash);
-});