@energy8platform/game-engine 0.3.0 → 0.4.0

package/src/ui/index.ts

@@ -1,3 +1,7 @@
+// ─── @pixi/layout setup (must be imported before creating containers) ────
+import '@pixi/layout';
+
+// ─── Engine UI Components ─────────────────────────────────
 export { Button } from './Button';
 export type { ButtonConfig, ButtonState } from './Button';
 export { ProgressBar } from './ProgressBar';
@@ -18,3 +22,12 @@ export { Layout } from './Layout';
 export type { LayoutConfig, LayoutDirection, LayoutAlignment, LayoutAnchor } from './Layout';
 export { ScrollContainer } from './ScrollContainer';
 export type { ScrollContainerConfig, ScrollDirection } from './ScrollContainer';
+
+// ─── Re-exports from @pixi/ui for direct use ─────────────
+export { FancyButton, ScrollBox, ButtonContainer } from '@pixi/ui';
+export type { ButtonOptions, ScrollBoxOptions, ProgressBarOptions } from '@pixi/ui';
+
+// ─── Re-exports from @pixi/layout for direct use ─────────
+export { LayoutContainer } from '@pixi/layout/components';
+export { Layout as PixiLayout } from '@pixi/layout';
+export type { LayoutStyles, LayoutOptions } from '@pixi/layout';

package/src/vite/index.ts

@@ -87,7 +87,7 @@ await import('${entrySrc}');
  * Define a Vite configuration tailored for Energy8 casino games.
  *
  * Merges sensible defaults for iGaming projects:
- * - Build target: ES2020+
+ * - Build target: ESNext (required for yoga-layout WASM top-level await)
  * - Asset inlining threshold: 8KB
  * - Source maps for dev, none for prod
  * - Optional DevBridge auto-injection in dev mode
@@ -122,7 +122,7 @@ export function defineGameConfig(config: GameConfig = {}): UserConfig {
     ],
 
     build: {
-      target: 'es2020',
+      target: 'esnext',
       assetsInlineLimit: 8192,
       sourcemap: false,
       rollupOptions: {
@@ -142,11 +142,31 @@ export function defineGameConfig(config: GameConfig = {}): UserConfig {
     },
 
     resolve: {
+      dedupe: [
+        'pixi.js',
+        '@pixi/layout',
+        '@pixi/layout/components',
+        '@pixi/ui',
+        'yoga-layout',
+        'yoga-layout/load',
+      ],
       ...userVite.resolve,
     },
 
     optimizeDeps: {
-      include: ['pixi.js'],
+      include: [
+        'pixi.js',
+        '@pixi/layout',
+        '@pixi/layout/components',
+        '@pixi/ui',
+        'yoga-layout/load',
+      ],
+      exclude: [
+        'yoga-layout',
+      ],
+      esbuildOptions: {
+        target: 'esnext',
+      },
       ...userVite.optimizeDeps,
     },
   };