@energy8platform/game-engine 0.10.11 → 0.12.0

package/src/ui/index.ts

@@ -1,7 +1,10 @@
-// ─── @pixi/layout setup (must be imported before creating containers) ────
-import '@pixi/layout';
+// ─── View helpers ─────────────────────────────────────────
+export { resolveView } from './view';
+export type { ViewInput } from './view';
 
 // ─── Engine UI Components ─────────────────────────────────
+export { FlexContainer } from './FlexContainer';
+export type { FlexContainerConfig, FlexDirection, JustifyContent, AlignItems, AlignSelf, FlexItemConfig } from './FlexContainer';
 export { Button } from './Button';
 export type { ButtonConfig, ButtonState } from './Button';
 export { ProgressBar } from './ProgressBar';
@@ -22,12 +25,7 @@ export { Layout } from './Layout';
 export type { LayoutConfig, LayoutDirection, LayoutAlignment, LayoutAnchor } from './Layout';
 export { ScrollContainer } from './ScrollContainer';
 export type { ScrollContainerConfig, ScrollDirection } from './ScrollContainer';
-
-// ─── Direct access to @pixi/ui and @pixi/layout ──────────
-// These packages are optional peer dependencies.
-// For any classes or types not wrapped by the engine (e.g. Slider, CheckBox,
-// Input, Select, RadioGroup, List, etc.), import directly:
-//
-//   import { Slider, CheckBox } from '@pixi/ui';
-//   import { LayoutContainer } from '@pixi/layout/components';
-//
+export { Slider } from './Slider';
+export type { SliderConfig } from './Slider';
+export { Toggle } from './Toggle';
+export type { ToggleConfig } from './Toggle';

package/src/ui/view.ts

@@ -0,0 +1,28 @@
+import { Container, Sprite, Texture } from 'pixi.js';
+
+/**
+ * Universal view input type for UI component visual slots.
+ *
+ * - `string` — texture name, resolved via `Sprite.from()`
+ * - `Texture` — wrapped in a `Sprite`
+ * - `Container` — used as-is (Sprite, Graphics, NineSliceSprite, AnimatedSprite, custom...)
+ */
+export type ViewInput = string | Texture | Container;
+
+/**
+ * Resolve a ViewInput to a Container instance.
+ *
+ * @example
+ * ```ts
+ * resolveView('btn-idle')          // → Sprite.from('btn-idle')
+ * resolveView(someTexture)         // → new Sprite(someTexture)
+ * resolveView(myCustomContainer)   // → myCustomContainer (as-is)
+ * resolveView(undefined)           // → null
+ * ```
+ */
+export function resolveView(input: ViewInput | undefined | null): Container | null {
+  if (input == null) return null;
+  if (typeof input === 'string') return Sprite.from(input);
+  if (input instanceof Texture) return new Sprite(input);
+  return input;
+}

package/src/vite/index.ts

@@ -214,7 +214,7 @@ function luaPlugin(configPath: string): Plugin {
  * Define a Vite configuration tailored for Energy8 casino games.
  *
  * Merges sensible defaults for iGaming projects:
- * - Build target: ESNext (required for yoga-layout WASM top-level await)
+ * - Build target: ESNext
  * - Asset inlining threshold: 8KB
  * - Source maps for dev, none for prod
  * - Optional DevBridge auto-injection in dev mode
@@ -272,11 +272,6 @@ export function defineGameConfig(config: GameConfig = {}): UserConfig {
     resolve: {
       dedupe: [
         'pixi.js',
-        '@pixi/layout',
-        '@pixi/layout/components',
-        '@pixi/ui',
-        'yoga-layout',
-        'yoga-layout/load',
         'react',
         'react-dom',
         'react-reconciler',
@@ -287,15 +282,10 @@ export function defineGameConfig(config: GameConfig = {}): UserConfig {
     optimizeDeps: {
       include: [
         'pixi.js',
-        '@pixi/layout',
-        '@pixi/layout/components',
-        '@pixi/ui',
-        'yoga-layout/load',
         'react',
         'react-dom',
       ],
       exclude: [
-        'yoga-layout',
         'fengari',
       ],
       esbuildOptions: {