@nice2dev/game-engine 1.1.7 → 1.1.9

package/dist/cjs/unreal-integration/components/UnrealProjectBrowser.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@nice2dev/ui');
 var React = require('react');
 
 const DEFAULT_THEME = {
@@ -112,29 +113,29 @@ function useBrowser() {
 function getAssetIcon(type) {
     switch (type) {
         case 'blueprint':
-            return '🔵';
+            return 'code';
         case 'level':
-            return '🗺️';
+            return 'map-pin';
         case 'material':
-            return '🎨';
+            return 'palette';
         case 'texture':
-            return '🖼️';
+            return 'image';
         case 'mesh':
-            return '🔷';
+            return 'hexagon';
         case 'skeletal_mesh':
-            return '🦴';
+            return 'user';
         case 'animation':
-            return '🏃';
+            return 'play';
         case 'sound':
-            return '🔊';
+            return 'volume';
         case 'particle':
-            return '✨';
+            return 'star';
         case 'widget':
-            return '📱';
+            return 'monitor';
         case 'data_asset':
-            return '📊';
+            return 'table';
         default:
-            return '📄';
+            return 'file';
     }
 }
 function formatFileSize(bytes) {
@@ -185,7 +186,7 @@ const BrowserHeader = () => {
                     justifyContent: 'center',
                     fontSize: 18,
                     border: '1px solid rgba(255,255,255,0.1)',
-                }, children: "\uD83C\uDFAE" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["UE ", state.projectInfo.engineVersion, " \u2022 ", state.projectInfo.targetPlatforms.join(', ')] })) : ('Select a .uproject file') })] }), state.liveLinkStatus.connected && state.liveLinkStatus.hotReloadAvailable && (jsxRuntime.jsx("button", { onClick: triggerHotReload, disabled: state.liveLinkStatus.compiling, style: {
+                }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "gamepad", size: 18 }) }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["UE ", state.projectInfo.engineVersion, " \u2022 ", state.projectInfo.targetPlatforms.join(', ')] })) : ('Select a .uproject file') })] }), state.liveLinkStatus.connected && state.liveLinkStatus.hotReloadAvailable && (jsxRuntime.jsxs("button", { onClick: triggerHotReload, disabled: state.liveLinkStatus.compiling, style: {
                     padding: '6px 12px',
                     fontSize: 11,
                     backgroundColor: state.liveLinkStatus.compiling ? theme.warning : theme.cppOrange,
@@ -193,7 +194,7 @@ const BrowserHeader = () => {
                     borderRadius: 4,
                     color: '#fff',
                     cursor: state.liveLinkStatus.compiling ? 'not-allowed' : 'pointer',
-                }, children: state.liveLinkStatus.compiling ? '⏳ Compiling...' : '🔥 Hot Reload' })), jsxRuntime.jsxs("div", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: state.liveLinkStatus.compiling ? 'clock' : 'zap', size: 14 }), ' ', state.liveLinkStatus.compiling ? 'Compiling...' : 'Hot Reload'] })), jsxRuntime.jsxs("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: 8,
@@ -272,35 +273,35 @@ const BrowserToolbar = () => {
                     backgroundColor: 'rgba(0,0,0,0.2)',
                     borderRadius: 4,
                     overflow: 'hidden',
-                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tiles' }), style: {
+                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tiles' }), "aria-label": "Tile view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'tiles' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDD32" }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'list' }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "grid", size: 14 }) }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'list' }), "aria-label": "List view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'list' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCCB" }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'columns' }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "list", size: 14 }) }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'columns' }), "aria-label": "Column view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'columns' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCD1" })] }), state.viewMode === 'tiles' && (jsxRuntime.jsxs("select", { value: state.tileSize, onChange: (e) => dispatch({ type: 'SET_TILE_SIZE', size: e.target.value }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "columns", size: 14 }) })] }), state.viewMode === 'tiles' && (jsxRuntime.jsxs("select", { value: state.tileSize, onChange: (e) => dispatch({ type: 'SET_TILE_SIZE', size: e.target.value }), style: {
                     padding: '6px 10px',
                     fontSize: 12,
                     backgroundColor: 'rgba(0,0,0,0.3)',
                     border: `1px solid ${theme.border}`,
                     borderRadius: 4,
                     color: theme.textPrimary,
-                }, children: [jsxRuntime.jsx("option", { value: "small", children: "Small" }), jsxRuntime.jsx("option", { value: "medium", children: "Medium" }), jsxRuntime.jsx("option", { value: "large", children: "Large" })] })), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsx("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importing, style: {
+                }, children: [jsxRuntime.jsx("option", { value: "small", children: "Small" }), jsxRuntime.jsx("option", { value: "medium", children: "Medium" }), jsxRuntime.jsx("option", { value: "large", children: "Large" })] })), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsxs("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importing, style: {
                     padding: '8px 16px',
                     fontSize: 12,
                     fontWeight: 500,
@@ -310,17 +311,17 @@ const BrowserToolbar = () => {
                     color: '#fff',
                     cursor: state.selectedAssets.size > 0 && !state.importing ? 'pointer' : 'not-allowed',
                     opacity: state.selectedAssets.size > 0 && !state.importing ? 1 : 0.5,
-                }, children: state.importing ? `⏳ ${state.importProgress}%` : '📥 Import Selected' })] }));
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: state.importing ? 'clock' : 'download', size: 14 }), ' ', state.importing ? `${state.importProgress}%` : 'Import Selected'] })] }));
 };
 /* ── Tab Bar ─────────────────────────────────────────────────── */
 const TabBar = () => {
     const { state, dispatch, theme } = useBrowser();
     const tabs = [
-        { id: 'content', label: 'Content', icon: '📁' },
-        { id: 'levels', label: 'Levels', icon: '🗺️' },
-        { id: 'plugins', label: 'Plugins', icon: '🔌' },
-        { id: 'modules', label: 'Modules', icon: '📦' },
-        { id: 'settings', label: 'Settings', icon: '⚙️' },
+        { id: 'content', label: 'Content', icon: 'folder' },
+        { id: 'levels', label: 'Levels', icon: 'map-pin' },
+        { id: 'plugins', label: 'Plugins', icon: 'plug' },
+        { id: 'modules', label: 'Modules', icon: 'box' },
+        { id: 'settings', label: 'Settings', icon: 'settings' },
     ];
     return (jsxRuntime.jsx("div", { style: {
             display: 'flex',
@@ -335,7 +336,7 @@ const TabBar = () => {
                 borderBottom: state.tab === tab.id ? `2px solid ${theme.accent}` : '2px solid transparent',
                 color: state.tab === tab.id ? theme.textPrimary : theme.textSecondary,
                 cursor: 'pointer',
-            }, children: [tab.icon, " ", tab.label] }, tab.id))) }));
+            }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: tab.icon, size: 14 }), " ", tab.label] }, tab.id))) }));
 };
 /* ── Asset Tile ───────────────────────────────────────────────── */
 const AssetTile = ({ asset, size, }) => {
@@ -371,7 +372,7 @@ const AssetTile = ({ asset, size, }) => {
                             backgroundSize: 'cover',
                             backgroundPosition: 'center',
                             borderRadius: 4,
-                        } })) : (getAssetIcon(asset.type)), jsxRuntime.jsx("div", { style: {
+                        } })) : (jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 32 })), jsxRuntime.jsx("div", { style: {
                             position: 'absolute',
                             bottom: 4,
                             right: 4,
@@ -434,7 +435,7 @@ const AssetListItem = ({ asset, isSelected, }) => {
                     height: 6,
                     borderRadius: 2,
                     backgroundColor: getAssetColor(asset.type, theme),
-                } }), jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: getAssetIcon(asset.type) }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 12, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("span", { style: { fontSize: 11, color: theme.textSecondary }, children: asset.className }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: formatFileSize(asset.size) })] }));
+                } }), jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 14 }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 12, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("span", { style: { fontSize: 11, color: theme.textSecondary }, children: asset.className }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: formatFileSize(asset.size) })] }));
 };
 /* ── Levels Panel ─────────────────────────────────────────────── */
 const LevelsPanel = () => {
@@ -450,7 +451,7 @@ const LevelsPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 4,
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 20 }, children: "\uD83D\uDDFA\uFE0F" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: map.name }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: map.path })] }), map.persistent && (jsxRuntime.jsx("span", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "map-pin", size: 20 }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: map.name }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: map.path })] }), map.persistent && (jsxRuntime.jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: theme.accent,
@@ -529,7 +530,7 @@ const ModulesPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 4,
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: "\uD83D\uDCE6" }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: module.name }), jsxRuntime.jsx("span", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "box", size: 14 }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: module.name }), jsxRuntime.jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: getModuleTypeColor(module.type),

package/dist/esm/devtools/DeveloperExperience.js

@@ -123,16 +123,16 @@ function getEngineError(code, context) {
 }
 /** Format an engine error for console output */
 function formatEngineError(err) {
-    const icon = err.severity === 'error' ? '❌' : err.severity === 'warning' ? '⚠️' : 'ℹ️';
-    const lines = [`${icon} [Nice2Dev ${err.code}] ${err.message}`];
+    const label = err.severity === 'error' ? 'Error' : err.severity === 'warning' ? 'Warning' : 'Info';
+    const lines = [`${label}: [Nice2Dev ${err.code}] ${err.message}`];
     if (err.suggestion) {
-        lines.push(`   💡 ${err.suggestion}`);
+        lines.push(`   Tip: ${err.suggestion}`);
     }
     if (err.docsSection) {
-        lines.push(`   📖 Docs: https://nice2dev.com/docs/game-engine/${err.docsSection}`);
+        lines.push(`   Docs: https://nice2dev.com/docs/game-engine/${err.docsSection}`);
     }
     if (err.context) {
-        lines.push(`   📋 Context: ${JSON.stringify(err.context)}`);
+        lines.push(`   Context: ${JSON.stringify(err.context)}`);
     }
     return lines.join('\n');
 }

package/dist/esm/dialogue/DialogueSystem.js

@@ -702,7 +702,7 @@ const DialogueBox = ({ text, characterName, portrait, emotion = 'neutral', textE
                     opacity: isComplete ? 1 : 0.5,
                     fontSize: '12px',
                 },
-            }, isComplete ? '▼ Click to continue' : '...'),
+            }, isComplete ? 'Click to continue' : '...'),
         ]),
     ]);
 };

package/dist/esm/editor/AssetBrowser.js

@@ -538,7 +538,7 @@ class AssetBrowser {
             id: 'favorites',
             name: 'Favorites',
             description: 'Your favorite assets',
-            icon: '⭐',
+            icon: 'star',
             color: '#f9e2af',
             assetIds: [],
             createdAt: Date.now(),
@@ -549,7 +549,7 @@ class AssetBrowser {
             id: 'recent',
             name: 'Recent',
             description: 'Recently used assets',
-            icon: '🕐',
+            icon: 'clock',
             color: '#89b4fa',
             assetIds: [],
             createdAt: Date.now(),
@@ -560,7 +560,7 @@ class AssetBrowser {
             id: 'unused',
             name: 'Unused',
             description: 'Assets not referenced by any scene',
-            icon: '📦',
+            icon: 'box',
             color: '#cdd6f4',
             assetIds: [],
             createdAt: Date.now(),
@@ -995,7 +995,7 @@ class AssetBrowser {
             id: `collection_${Date.now()}`,
             name,
             description,
-            icon: '📁',
+            icon: 'folder',
             color: '#cdd6f4',
             assetIds: [],
             createdAt: Date.now(),
@@ -1144,30 +1144,31 @@ class AssetBrowser {
         }
         return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
     }
+    /** NiceIcon name for an asset type. */
     getAssetTypeIcon(type) {
         const icons = {
-            image: '🖼️',
-            sprite: '🎨',
-            spritesheet: '📊',
-            tilemap: '🗺️',
-            audio: '🔊',
-            music: '🎵',
-            sfx: '💥',
-            model: '🎲',
-            material: '🎨',
-            shader: '✨',
-            script: '📜',
-            scene: '🎬',
-            prefab: '📦',
-            animation: '🎞️',
-            font: '🔤',
-            particle: '💫',
-            terrain: '🏔️',
-            video: '🎥',
-            json: '📋',
-            other: '📄',
+            image: 'image',
+            sprite: 'palette',
+            spritesheet: 'grid',
+            tilemap: 'map-pin',
+            audio: 'volume',
+            music: 'music',
+            sfx: 'zap',
+            model: 'box',
+            material: 'palette',
+            shader: 'wand',
+            script: 'code',
+            scene: 'video',
+            prefab: 'box',
+            animation: 'video',
+            font: 'type',
+            particle: 'star',
+            terrain: 'mountain',
+            video: 'video',
+            json: 'file',
+            other: 'file',
         };
-        return icons[type] ?? '📄';
+        return icons[type] ?? 'file';
     }
 }
 // ============================================================