@joydle/ui 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/core/GameShell.d.ts
CHANGED
|
@@ -5,9 +5,9 @@ import { GameState } from './GameState';
|
|
|
5
5
|
import type { BridgeInstance, ThemeConfig, GameStateShape } from './types';
|
|
6
6
|
export interface GameContextValue {
|
|
7
7
|
inputManager: InputManager;
|
|
8
|
-
scaleManager: ScaleManager;
|
|
8
|
+
scaleManager: ScaleManager | null;
|
|
9
9
|
gameState: GameState<GameStateShape>;
|
|
10
|
-
bridge: BridgeInstance;
|
|
10
|
+
bridge: BridgeInstance | null;
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
13
|
* Context shared with all descendant components.
|
|
@@ -19,8 +19,12 @@ export interface GameShellProps {
|
|
|
19
19
|
width: number;
|
|
20
20
|
/** Logical game height in pixels. */
|
|
21
21
|
height: number;
|
|
22
|
-
/**
|
|
23
|
-
|
|
22
|
+
/**
|
|
23
|
+
* The renderer bridge instance.
|
|
24
|
+
* May be `null` for bridges that initialise asynchronously (e.g. usePhaser).
|
|
25
|
+
* GameShell renders the overlay immediately; canvas mounts once ready.
|
|
26
|
+
*/
|
|
27
|
+
renderer: BridgeInstance | null;
|
|
24
28
|
/** Optional theme configuration. */
|
|
25
29
|
theme?: ThemeConfig;
|
|
26
30
|
/** Canvas scale mode (default: `"letterbox"`). */
|
|
@@ -33,6 +37,10 @@ export interface GameShellProps {
|
|
|
33
37
|
* manager. Renders an overlay `<div>` on top of the canvas for HUD /
|
|
34
38
|
* screen components.
|
|
35
39
|
*
|
|
40
|
+
* Accepts `renderer={null}` for bridges that init asynchronously — the
|
|
41
|
+
* overlay (HUD, screens) renders immediately; the canvas mounts once the
|
|
42
|
+
* bridge becomes non-null.
|
|
43
|
+
*
|
|
36
44
|
* ```tsx
|
|
37
45
|
* <GameShell width={800} height={600} renderer={bridge}>
|
|
38
46
|
* <HUD />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameShell.d.ts","sourceRoot":"","sources":["../../src/core/GameShell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI3E,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"GameShell.d.ts","sourceRoot":"","sources":["../../src/core/GameShell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI3E,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,mDAA+C,CAAC;AAIxE,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,oCAAoC;IACpC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAsBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAuB,EACvB,QAAQ,GACT,EAAE,cAAc,gCAkFhB"}
|
package/dist/core/GameShell.js
CHANGED
|
@@ -33,6 +33,10 @@ const OVERLAY_STYLE = {
|
|
|
33
33
|
* manager. Renders an overlay `<div>` on top of the canvas for HUD /
|
|
34
34
|
* screen components.
|
|
35
35
|
*
|
|
36
|
+
* Accepts `renderer={null}` for bridges that init asynchronously — the
|
|
37
|
+
* overlay (HUD, screens) renders immediately; the canvas mounts once the
|
|
38
|
+
* bridge becomes non-null.
|
|
39
|
+
*
|
|
36
40
|
* ```tsx
|
|
37
41
|
* <GameShell width={800} height={600} renderer={bridge}>
|
|
38
42
|
* <HUD />
|
|
@@ -43,7 +47,7 @@ export function GameShell({ width, height, renderer, theme, scaleMode = 'letterb
|
|
|
43
47
|
const containerRef = useRef(null);
|
|
44
48
|
// Stable managers created once per mount.
|
|
45
49
|
const inputManager = useMemo(() => new InputManager(), []);
|
|
46
|
-
const scaleManager = useMemo(() => new ScaleManager(renderer.canvas, width, height, scaleMode),
|
|
50
|
+
const scaleManager = useMemo(() => renderer ? new ScaleManager(renderer.canvas, width, height, scaleMode) : null,
|
|
47
51
|
// Intentionally only depends on renderer identity.
|
|
48
52
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
49
53
|
[renderer]);
|
|
@@ -51,7 +55,7 @@ export function GameShell({ width, height, renderer, theme, scaleMode = 'letterb
|
|
|
51
55
|
// Mount the renderer canvas into our container.
|
|
52
56
|
useEffect(() => {
|
|
53
57
|
const container = containerRef.current;
|
|
54
|
-
if (!container)
|
|
58
|
+
if (!container || !renderer)
|
|
55
59
|
return;
|
|
56
60
|
renderer.mount(container);
|
|
57
61
|
// Attach the renderer's input adapter to our InputManager.
|
|
@@ -59,6 +63,8 @@ export function GameShell({ width, height, renderer, theme, scaleMode = 'letterb
|
|
|
59
63
|
adapter.attach(inputManager, renderer.canvas);
|
|
60
64
|
// Notify the renderer of the logical size.
|
|
61
65
|
renderer.resize(width, height);
|
|
66
|
+
// Now that canvas is in the DOM, trigger initial scale.
|
|
67
|
+
scaleManager?.resize();
|
|
62
68
|
return () => {
|
|
63
69
|
adapter.detach();
|
|
64
70
|
renderer.dispose();
|
|
@@ -69,7 +75,7 @@ export function GameShell({ width, height, renderer, theme, scaleMode = 'letterb
|
|
|
69
75
|
useEffect(() => {
|
|
70
76
|
return () => {
|
|
71
77
|
inputManager.destroy();
|
|
72
|
-
scaleManager
|
|
78
|
+
scaleManager?.destroy();
|
|
73
79
|
};
|
|
74
80
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75
81
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameShell.js","sourceRoot":"","sources":["../../src/core/GameShell.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,kDAAkD;AAClD,8EAA8E;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"GameShell.js","sourceRoot":"","sources":["../../src/core/GameShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,6 +46,6 @@ export function ThemeProvider({ theme, children }) {
|
|
|
46
46
|
'--joydle-glow-spread': glow.spread,
|
|
47
47
|
};
|
|
48
48
|
}, [theme]);
|
|
49
|
-
return (_jsx("div", { class: "joydle-theme", style: style, children: children }));
|
|
49
|
+
return (_jsx("div", { class: "joydle-theme", style: { ...style, width: '100%', height: '100%' }, children: children }));
|
|
50
50
|
}
|
|
51
51
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uCAAuC;AACvC,8EAA8E;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,8EAA8E;AAE9E,uDAAuD;AACvD,MAAM,QAAQ,GAA2D;IACvE,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;CACxC,CAAC;AAWF,8EAA8E;AAE9E;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1C,OAAO;YACL,aAAa,EAAE,KAAK,CAAC,EAAE;YACvB,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,oBAAoB,EAAE,KAAK,CAAC,SAAS;YACrC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,mBAAmB,EAAE,KAAK,CAAC,OAAO;YAClC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,wBAAwB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI;YACnD,oBAAoB,EAAE,IAAI,CAAC,IAAI;YAC/B,sBAAsB,EAAE,IAAI,CAAC,MAAM;SACV,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uCAAuC;AACvC,8EAA8E;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,8EAA8E;AAE9E,uDAAuD;AACvD,MAAM,QAAQ,GAA2D;IACvE,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;CACxC,CAAC;AAWF,8EAA8E;AAE9E;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1C,OAAO;YACL,aAAa,EAAE,KAAK,CAAC,EAAE;YACvB,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,oBAAoB,EAAE,KAAK,CAAC,SAAS;YACrC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,kBAAkB,EAAE,KAAK,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;YAC/B,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,mBAAmB,EAAE,KAAK,CAAC,OAAO;YAClC,eAAe,EAAE,KAAK,CAAC,IAAI;YAC3B,wBAAwB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI;YACnD,oBAAoB,EAAE,IAAI,CAAC,IAAI;YAC/B,sBAAsB,EAAE,IAAI,CAAC,MAAM;SACV,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YACzE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|