@rpgjs/client 5.0.0-beta.12 → 5.0.0-beta.13
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/CHANGELOG.md +10 -0
- package/dist/Game/Object.d.ts +2 -0
- package/dist/Game/Object.js +20 -6
- package/dist/Game/Object.js.map +1 -1
- package/dist/Gui/Gui.d.ts +3 -2
- package/dist/Gui/Gui.js +18 -6
- package/dist/Gui/Gui.js.map +1 -1
- package/dist/RpgClient.d.ts +21 -1
- package/dist/RpgClientEngine.d.ts +20 -2
- package/dist/RpgClientEngine.js +180 -17
- package/dist/RpgClientEngine.js.map +1 -1
- package/dist/components/character.ce.js +82 -7
- package/dist/components/character.ce.js.map +1 -1
- package/dist/components/gui/dialogbox/index.ce.js +27 -12
- package/dist/components/gui/dialogbox/index.ce.js.map +1 -1
- package/dist/components/gui/gameover.ce.js +4 -3
- package/dist/components/gui/gameover.ce.js.map +1 -1
- package/dist/components/gui/menu/equip-menu.ce.js +9 -8
- package/dist/components/gui/menu/equip-menu.ce.js.map +1 -1
- package/dist/components/gui/menu/exit-menu.ce.js +7 -5
- package/dist/components/gui/menu/exit-menu.ce.js.map +1 -1
- package/dist/components/gui/menu/items-menu.ce.js +8 -7
- package/dist/components/gui/menu/items-menu.ce.js.map +1 -1
- package/dist/components/gui/menu/main-menu.ce.js +12 -11
- package/dist/components/gui/menu/main-menu.ce.js.map +1 -1
- package/dist/components/gui/menu/options-menu.ce.js +7 -5
- package/dist/components/gui/menu/options-menu.ce.js.map +1 -1
- package/dist/components/gui/menu/skills-menu.ce.js +4 -2
- package/dist/components/gui/menu/skills-menu.ce.js.map +1 -1
- package/dist/components/gui/notification/notification.ce.js +4 -1
- package/dist/components/gui/notification/notification.ce.js.map +1 -1
- package/dist/components/gui/save-load.ce.js +10 -9
- package/dist/components/gui/save-load.ce.js.map +1 -1
- package/dist/components/gui/shop/shop.ce.js +17 -16
- package/dist/components/gui/shop/shop.ce.js.map +1 -1
- package/dist/components/gui/title-screen.ce.js +4 -3
- package/dist/components/gui/title-screen.ce.js.map +1 -1
- package/dist/components/interaction-components.ce.js +20 -0
- package/dist/components/interaction-components.ce.js.map +1 -0
- package/dist/components/scenes/canvas.ce.js +12 -7
- package/dist/components/scenes/canvas.ce.js.map +1 -1
- package/dist/components/scenes/draw-map.ce.js +18 -13
- package/dist/components/scenes/draw-map.ce.js.map +1 -1
- package/dist/i18n.d.ts +55 -0
- package/dist/i18n.js +60 -0
- package/dist/i18n.js.map +1 -0
- package/dist/i18n.spec.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -1
- package/dist/module.js +23 -3
- package/dist/module.js.map +1 -1
- package/dist/services/interactions.d.ts +159 -0
- package/dist/services/interactions.js +460 -0
- package/dist/services/interactions.js.map +1 -0
- package/dist/services/interactions.spec.d.ts +1 -0
- package/dist/services/keyboardControls.d.ts +1 -0
- package/dist/services/keyboardControls.js +1 -0
- package/dist/services/keyboardControls.js.map +1 -1
- package/package.json +4 -4
- package/src/Game/Object.spec.ts +14 -1
- package/src/Game/Object.ts +34 -10
- package/src/Gui/Gui.spec.ts +67 -0
- package/src/Gui/Gui.ts +24 -7
- package/src/RpgClient.ts +28 -1
- package/src/RpgClientEngine.ts +248 -29
- package/src/components/character.ce +90 -7
- package/src/components/gui/dialogbox/index.ce +35 -14
- package/src/components/gui/gameover.ce +4 -3
- package/src/components/gui/menu/equip-menu.ce +9 -8
- package/src/components/gui/menu/exit-menu.ce +4 -3
- package/src/components/gui/menu/items-menu.ce +8 -7
- package/src/components/gui/menu/main-menu.ce +12 -11
- package/src/components/gui/menu/options-menu.ce +4 -3
- package/src/components/gui/menu/skills-menu.ce +2 -1
- package/src/components/gui/notification/notification.ce +7 -1
- package/src/components/gui/save-load.ce +11 -10
- package/src/components/gui/shop/shop.ce +17 -16
- package/src/components/gui/title-screen.ce +4 -3
- package/src/components/interaction-components.ce +23 -0
- package/src/components/scenes/canvas.ce +12 -7
- package/src/components/scenes/draw-map.ce +16 -5
- package/src/i18n.spec.ts +39 -0
- package/src/i18n.ts +59 -0
- package/src/index.ts +2 -0
- package/src/module.ts +32 -10
- package/src/services/interactions.spec.ts +175 -0
- package/src/services/interactions.ts +722 -0
- package/src/services/keyboardControls.ts +2 -1
|
@@ -5,6 +5,7 @@ import { RpgGui } from "../Gui/Gui.js";
|
|
|
5
5
|
import { normalizeEventComponent } from "../Game/EventComponentResolver.js";
|
|
6
6
|
import { RpgClientEngine } from "../RpgClientEngine.js";
|
|
7
7
|
import __ce_component$1 from "./player-components.ce.js";
|
|
8
|
+
import __ce_component$2 from "./interaction-components.ce.js";
|
|
8
9
|
import { Container, Sprite, animatedSignal, computed, cond, effect, h, loop, mount, on, signal, tick, useDefineProps, useProps } from "canvasengine";
|
|
9
10
|
import { Animation, Direction, ModulesToken } from "@rpgjs/common";
|
|
10
11
|
import { combineLatest, filter, lastValueFrom, map, pairwise, startWith } from "rxjs";
|
|
@@ -126,6 +127,27 @@ function component($$props) {
|
|
|
126
127
|
if (typeof sprite.direction === "function") return sprite.direction();
|
|
127
128
|
return direction();
|
|
128
129
|
};
|
|
130
|
+
const directionToDashVector = (currentDirection) => {
|
|
131
|
+
switch (currentDirection) {
|
|
132
|
+
case Direction.Left: return {
|
|
133
|
+
x: -1,
|
|
134
|
+
y: 0
|
|
135
|
+
};
|
|
136
|
+
case Direction.Right: return {
|
|
137
|
+
x: 1,
|
|
138
|
+
y: 0
|
|
139
|
+
};
|
|
140
|
+
case Direction.Up: return {
|
|
141
|
+
x: 0,
|
|
142
|
+
y: -1
|
|
143
|
+
};
|
|
144
|
+
case Direction.Down:
|
|
145
|
+
default: return {
|
|
146
|
+
x: 0,
|
|
147
|
+
y: 1
|
|
148
|
+
};
|
|
149
|
+
}
|
|
150
|
+
};
|
|
129
151
|
const withCurrentDirection = (payload) => {
|
|
130
152
|
if (payload.action !== "action") return payload;
|
|
131
153
|
const data = payload.data && typeof payload.data === "object" ? { ...payload.data } : {};
|
|
@@ -157,6 +179,10 @@ function component($$props) {
|
|
|
157
179
|
client.processInput({ input });
|
|
158
180
|
playPredictedWalkAnimation();
|
|
159
181
|
};
|
|
182
|
+
const processDashInput = () => {
|
|
183
|
+
if (!canControls()) return;
|
|
184
|
+
client.processDash({ direction: directionToDashVector(resolveSpriteDirection()) });
|
|
185
|
+
};
|
|
160
186
|
const actionBind = () => getKeyboardControlBind(keyboardControls.action);
|
|
161
187
|
const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;
|
|
162
188
|
const handleNativeActionWhileMoving = (event) => {
|
|
@@ -215,6 +241,12 @@ function component($$props) {
|
|
|
215
241
|
if (canControls()) client.processAction(resolveCurrentActionInput());
|
|
216
242
|
}
|
|
217
243
|
},
|
|
244
|
+
dash: {
|
|
245
|
+
bind: keyboardControls.dash,
|
|
246
|
+
keyDown() {
|
|
247
|
+
processDashInput();
|
|
248
|
+
}
|
|
249
|
+
},
|
|
218
250
|
escape: {
|
|
219
251
|
bind: keyboardControls.escape,
|
|
220
252
|
keyDown() {
|
|
@@ -246,7 +278,7 @@ function component($$props) {
|
|
|
246
278
|
};
|
|
247
279
|
};
|
|
248
280
|
const graphicScale = (graphicObject) => {
|
|
249
|
-
const scale = graphicObject?.scale;
|
|
281
|
+
const scale = graphicObject?.displayScale ?? graphicObject?.scale;
|
|
250
282
|
if (Array.isArray(scale)) return scale;
|
|
251
283
|
if (typeof scale === "number") return [scale, scale];
|
|
252
284
|
if (scale && typeof scale === "object") {
|
|
@@ -479,6 +511,25 @@ function component($$props) {
|
|
|
479
511
|
centerY: bounds.top + height / 2
|
|
480
512
|
};
|
|
481
513
|
});
|
|
514
|
+
const interactionBounds = () => ({
|
|
515
|
+
bounds: graphicBounds(),
|
|
516
|
+
hitbox: hitboxBounds(),
|
|
517
|
+
graphic: graphicBounds()
|
|
518
|
+
});
|
|
519
|
+
const interactionCursor = computed(() => client.interactions.cursorFor(sprite, interactionBounds()));
|
|
520
|
+
const handleInteraction = (type) => (event) => {
|
|
521
|
+
client.updatePointerFromInteractionEvent(event);
|
|
522
|
+
client.interactions.handle(sprite, type, {
|
|
523
|
+
event,
|
|
524
|
+
bounds: interactionBounds()
|
|
525
|
+
});
|
|
526
|
+
};
|
|
527
|
+
const interactionPointerOver = handleInteraction("pointerover");
|
|
528
|
+
const interactionPointerOut = handleInteraction("pointerout");
|
|
529
|
+
const interactionPointerDown = handleInteraction("pointerdown");
|
|
530
|
+
const interactionPointerUp = handleInteraction("pointerup");
|
|
531
|
+
const interactionPointerMove = handleInteraction("pointermove");
|
|
532
|
+
const interactionClick = handleInteraction("click");
|
|
482
533
|
const movementAnimations = ["walk", "stand"];
|
|
483
534
|
const epsilon = 0;
|
|
484
535
|
const stateX$ = smoothX.animatedState.observable;
|
|
@@ -523,7 +574,10 @@ function component($$props) {
|
|
|
523
574
|
const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {
|
|
524
575
|
const isMovementAnimation = movementAnimations.includes(curr);
|
|
525
576
|
const isTemporaryAnimationPlaying = sprite.animationIsPlaying && sprite.animationIsPlaying();
|
|
526
|
-
if (sprite.animationFixed && isMovementAnimation
|
|
577
|
+
if (sprite.animationFixed && isMovementAnimation) {
|
|
578
|
+
realAnimationName.set(curr);
|
|
579
|
+
return;
|
|
580
|
+
}
|
|
527
581
|
if (curr == "stand" && !isMoving) {
|
|
528
582
|
if (!resumeHeldDirectionWalkAnimation()) realAnimationName.set(curr);
|
|
529
583
|
} else if (curr == "walk" && isMoving) realAnimationName.set(curr);
|
|
@@ -587,8 +641,15 @@ function component($$props) {
|
|
|
587
641
|
if (isCurrentPlayer()) client.setKeyboardControls(element.directives.controls);
|
|
588
642
|
});
|
|
589
643
|
});
|
|
590
|
-
const
|
|
591
|
-
|
|
644
|
+
const normalizeOpenId = (value) => {
|
|
645
|
+
const resolved = typeof value === "function" ? value() : value;
|
|
646
|
+
return typeof resolved === "string" && resolved.length > 0 ? resolved : void 0;
|
|
647
|
+
};
|
|
648
|
+
const onAttachedGuiFinish = (gui, data, guiOpenId) => {
|
|
649
|
+
const completedOpenId = normalizeOpenId(guiOpenId);
|
|
650
|
+
const currentOpenId = normalizeOpenId(gui.openId);
|
|
651
|
+
if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return;
|
|
652
|
+
guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId);
|
|
592
653
|
};
|
|
593
654
|
const onAttachedGuiInteraction = (gui, name, data) => {
|
|
594
655
|
guiService.guiInteraction(gui.name, name, data);
|
|
@@ -603,7 +664,14 @@ function component($$props) {
|
|
|
603
664
|
viewportFollow: shouldFollowCamera,
|
|
604
665
|
controls,
|
|
605
666
|
onBeforeDestroy,
|
|
606
|
-
visible
|
|
667
|
+
visible,
|
|
668
|
+
cursor: interactionCursor,
|
|
669
|
+
pointerover: interactionPointerOver,
|
|
670
|
+
pointerout: interactionPointerOut,
|
|
671
|
+
pointerdown: interactionPointerDown,
|
|
672
|
+
pointerup: interactionPointerUp,
|
|
673
|
+
pointermove: interactionPointerMove,
|
|
674
|
+
click: interactionClick
|
|
607
675
|
}, [
|
|
608
676
|
loop(normalizedComponentsBehind, (compConfig) => h(Container, null, h(compConfig.component, {
|
|
609
677
|
object: sprite,
|
|
@@ -652,12 +720,19 @@ function component($$props) {
|
|
|
652
720
|
object: sprite,
|
|
653
721
|
...compConfig.props
|
|
654
722
|
}))),
|
|
723
|
+
h(__ce_component$2, {
|
|
724
|
+
object: sprite,
|
|
725
|
+
bounds: graphicBounds,
|
|
726
|
+
hitboxBounds,
|
|
727
|
+
graphicBounds
|
|
728
|
+
}),
|
|
655
729
|
loop(attachedGuis, (attachedGui) => cond(shouldDisplayAttachedGui, () => h(Container, null, h(attachedGui.component, {
|
|
656
730
|
...attachedGui.data(),
|
|
657
731
|
dependencies: attachedGui.dependencies,
|
|
658
732
|
object: sprite,
|
|
659
|
-
|
|
660
|
-
|
|
733
|
+
guiOpenId: attachedGui.openId,
|
|
734
|
+
onFinish: (data, guiOpenId) => {
|
|
735
|
+
onAttachedGuiFinish(attachedGui, data, guiOpenId);
|
|
661
736
|
},
|
|
662
737
|
onInteraction: (name, data) => {
|
|
663
738
|
onAttachedGuiInteraction(attachedGui, name, data);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container x={smoothX} y={smoothY} zIndex={z} viewportFollow={shouldFollowCamera} controls onBeforeDestroy visible>\n @for (compConfig of normalizedComponentsBehind) {\n <Container>\n <compConfig.component object={sprite} ...compConfig.props />\n </Container>\n } \n <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n <Container>\n @for (graphicObj of renderedGraphics) {\n <Container scale={graphicScale(graphicObj)}>\n <Sprite \n sheet={sheet(graphicObj)} \n direction \n tint \n hitbox\n shadowCaster={shadowCaster(graphicObj)}\n flash={flashConfig}\n />\n </Container>\n }\n @for (eventComponent of resolvedEventComponents) {\n <Container dependencies={eventComponent.dependencies}>\n <eventComponent.component ...eventComponent.props />\n </Container>\n }\n </Container>\n <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n @for (compConfig of normalizedComponentsInFront) {\n <Container dependencies={compConfig.dependencies}>\n <compConfig.component object={sprite} ...compConfig.props />\n </Container>\n }\n @for (attachedGui of attachedGuis) {\n @if (shouldDisplayAttachedGui) {\n <Container>\n <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} onFinish={(data) => {\n onAttachedGuiFinish(attachedGui, data)\n }} onInteraction={(name, data) => {\n onAttachedGuiInteraction(attachedGui, name, data)\n }} />\n </Container>\n }\n }\n</Container>\n\n<script>\n import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n import { Assets } from \"pixi.js\";\n\n import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n import { Particle } from \"@canvasengine/presets\";\n import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n import { RpgClientEngine } from \"../RpgClientEngine\";\n import { inject } from \"../core/inject\"; \n import { Direction, Animation } from \"@rpgjs/common\";\n import { normalizeEventComponent } from \"../Game/EventComponentResolver\";\n import Hit from \"./effects/hit.ce\";\n import PlayerComponents from \"./player-components.ce\";\n import { RpgGui } from \"../Gui/Gui\";\n import { getCanMoveValue } from \"../utils/readPropValue\";\n import {\n getKeyboardControlBind,\n keyboardEventMatchesBind,\n resolveKeyboardActionInput,\n resolveKeyboardDirectionInput,\n } from \"../services/actionInput\";\n\n const { object, id } = defineProps();\n const sprite = object();\n\n const client = inject(RpgClientEngine);\n const hooks = inject(ModulesToken);\n const guiService = inject(RpgGui);\n\n const spritesheets = client.spritesheets;\n const componentsBehind = client.spriteComponentsBehind;\n const componentsInFront = client.spriteComponentsInFront;\n const readProp = (value) => typeof value === 'function' ? value() : value;\n const isCurrentPlayer = () => {\n const playerId = client.playerIdSignal();\n const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n return readProp(id) === playerId\n || readProp(sprite?.id) === playerId\n || sprite === currentPlayer\n || sprite === client.sceneMap?.getCurrentPlayer?.();\n };\n const isMe = computed(isCurrentPlayer);\n const shadowsEnabled = computed(() => {\n const lighting = client.sceneMap?.lighting?.();\n return Boolean(lighting?.shadows?.enabled || (lighting?.spots?.length ?? 0) > 0);\n });\n\n /**\n * Normalize a single sprite component configuration\n * \n * Handles both direct component references and configuration objects with optional props and dependencies.\n * Extracts the component reference and creates a computed function that returns the props.\n * \n * ## Design\n * \n * Supports two formats:\n * 1. Direct component: `ShadowComponent`\n * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n * \n * The normalization process:\n * - Extracts the actual component from either format\n * - Extracts dependencies function if provided\n * - Creates a computed function that returns props (static object or dynamic function result)\n * - Returns a normalized object with `component`, `props`, and `dependencies`\n * \n * @param comp - Component reference or configuration object\n * @returns Normalized component configuration with component, props, and dependencies\n * \n * @example\n * ```ts\n * // Direct component\n * normalizeComponent(ShadowComponent)\n * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n * \n * // With static props\n * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n * \n * // With dynamic props and dependencies\n * normalizeComponent({ \n * component: HealthBar, \n * props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n * dependencies: (object) => [object.hp, object.param.maxHp]\n * })\n * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n * ```\n */\n const normalizeComponent = (comp) => {\n let componentRef;\n let propsValue;\n let dependenciesFn;\n \n // If it's a direct component reference\n if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n componentRef = comp;\n propsValue = undefined;\n dependenciesFn = undefined;\n }\n // If it's a configuration object with component and props\n else if (comp && typeof comp === 'object' && comp.component) {\n componentRef = comp.component;\n // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n propsValue = comp.props !== undefined ? comp.props : comp.data;\n dependenciesFn = comp.dependencies;\n }\n // Fallback: treat as direct component\n else {\n componentRef = comp;\n propsValue = undefined;\n dependenciesFn = undefined;\n }\n \n // Return props directly (object or function), not as computed\n // The computed will be created in the template when needed\n return {\n component: componentRef,\n props: typeof propsValue === 'function' ? propsValue(sprite) : propsValue || {},\n dependencies: dependenciesFn ? dependenciesFn(sprite) : []\n };\n };\n\n /**\n * Normalize an array of sprite components\n * \n * Applies normalization to each component in the array using `normalizeComponent`.\n * \n * @param components - Array of component references or configuration objects\n * @returns Array of normalized component configurations\n */\n const normalizeComponents = (components) => {\n return components.map((comp) => normalizeComponent(comp));\n };\n\n\n /**\n * Normalized components to render behind sprites\n * Handles both direct component references and configuration objects with optional props and dependencies\n * \n * Supports multiple formats:\n * 1. Direct component: `ShadowComponent`\n * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n * \n * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n * \n * @example\n * ```ts\n * // Direct component\n * componentsBehind: [ShadowComponent]\n * \n * // With static props\n * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n * \n * // With dynamic props and dependencies\n * componentsBehind: [{ \n * component: HealthBar, \n * props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n * dependencies: (object) => [object.hp, object.param.maxHp]\n * }]\n * ```\n */\n const normalizedComponentsBehind = computed(() => {\n return normalizeComponents(componentsBehind());\n });\n\n /**\n * Normalized components to render in front of sprites\n * Handles both direct component references and configuration objects with optional props and dependencies\n * \n * See `normalizedComponentsBehind` for format details.\n * Components with dependencies will only be displayed when all dependencies are resolved.\n */\n const normalizedComponentsInFront = computed(() => {\n return normalizeComponents(componentsInFront());\n });\n\n const isEventSprite = () => {\n return typeof sprite?.isEvent === 'function'\n ? sprite.isEvent()\n : sprite?._type === 'event';\n };\n\n const resolvedEventComponents = computed(() => {\n if (!isEventSprite()) return [];\n const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);\n return eventComponent ? [eventComponent] : [];\n });\n \n /**\n * Determine if the camera should follow this sprite\n * \n * The camera follows this sprite if:\n * - It's explicitly set as the camera follow target, OR\n * - It's the current player and no explicit target is set (default behavior)\n */\n const shouldFollowCamera = computed(() => {\n const cameraTargetId = client.cameraFollowTargetId();\n // If a target is explicitly set, only follow if this sprite is the target\n if (cameraTargetId !== null) {\n return id() === cameraTargetId;\n }\n // Otherwise, follow the current player (default behavior)\n return isMe();\n });\n\n /**\n * Get all attached GUI components that should be rendered on sprites\n * These are GUIs with attachToSprite: true\n */\n const attachedGuis = computed(() => {\n return guiService.getAttachedGuis();\n });\n\n /**\n * Check if attached GUIs should be displayed for this sprite\n * This is controlled by showAttachedGui/hideAttachedGui on the server\n */\n const shouldDisplayAttachedGui = computed(() => {\n return guiService.shouldDisplayAttachedGui(id());\n });\n\n const { \n x, \n y, \n tint, \n direction, \n animationName, \n animationCurrentIndex,\n emitParticleTrigger, \n particleName, \n graphics, \n hitbox,\n isConnected,\n graphicsSignals,\n flashTrigger\n } = sprite;\n\n const renderedGraphics = computed(() => {\n const eventComponent = resolvedEventComponents()[0];\n if (eventComponent && !eventComponent.renderGraphic) return [];\n return graphicsSignals();\n });\n\n /**\n * Flash configuration signals for dynamic options\n * These signals are updated when the flash trigger is activated with options\n */\n const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n const flashDuration = signal(300);\n const flashCycles = signal(1);\n const flashAlpha = signal(0.3);\n const flashTint = signal(0xffffff);\n\n /**\n * Listen to flash trigger to update configuration dynamically\n * When flash is triggered with options, update the signals\n */\n on(flashTrigger, (data) => {\n if (data && typeof data === 'object') {\n if (data.type !== undefined) flashType.set(data.type);\n if (data.duration !== undefined) flashDuration.set(data.duration);\n if (data.cycles !== undefined) flashCycles.set(data.cycles);\n if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n if (data.tint !== undefined) flashTint.set(data.tint);\n }\n });\n\n /**\n * Flash configuration for the sprite\n * \n * This configuration is used by the flash directive to create visual feedback effects.\n * The flash trigger is exposed through the object, allowing both server events and\n * client-side code to trigger flash animations. Options can be passed dynamically\n * through the trigger, which updates the reactive signals.\n */\n const flashConfig = computed(() => ({\n trigger: flashTrigger,\n type: flashType(),\n duration: flashDuration(),\n cycles: flashCycles(),\n alpha: flashAlpha(),\n tint: flashTint(),\n }));\n\n const particleSettings = client.particleSettings;\n\n const canControls = () => isMe() && getCanMoveValue(sprite)\n const keyboardControls = client.globalConfig.keyboardControls;\n const activeDirectionKeys = new Map();\n\n const resolveHeldDirection = () => {\n const directions = Array.from(activeDirectionKeys.values());\n return directions[directions.length - 1];\n };\n\n const resolveSpriteDirection = () => {\n const heldDirection = resolveHeldDirection();\n if (heldDirection) return heldDirection;\n if (typeof sprite.getDirection === 'function') return sprite.getDirection();\n if (typeof sprite.direction === 'function') return sprite.direction();\n return direction();\n };\n\n const withCurrentDirection = (payload) => {\n if (payload.action !== 'action') return payload;\n const data = payload.data && typeof payload.data === 'object'\n ? { ...payload.data }\n : {};\n return {\n ...payload,\n data: {\n ...data,\n direction: data.direction ?? resolveSpriteDirection(),\n },\n };\n };\n\n const resolveCurrentActionInput = () =>\n withCurrentDirection(\n resolveKeyboardActionInput(keyboardControls.action, client, sprite)\n );\n\n const playPredictedWalkAnimation = () => {\n if (sprite.animationFixed) return;\n if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;\n realAnimationName.set('walk');\n };\n\n const resumeHeldDirectionWalkAnimation = () => {\n if (!isCurrentPlayer()) return false;\n if (activeDirectionKeys.size === 0) return false;\n if (!canControls()) return false;\n if (sprite.animationFixed) return false;\n if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;\n realAnimationName.set('walk');\n return true;\n };\n\n const processMovementInput = (input) => {\n if (!canControls()) return;\n client.processInput({ input });\n playPredictedWalkAnimation();\n };\n\n const actionBind = () => getKeyboardControlBind(keyboardControls.action);\n const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;\n\n const handleNativeActionWhileMoving = (event) => {\n const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);\n if (inputDirection) {\n const keyId = keyboardEventId(event);\n if (event.type === 'keydown') {\n activeDirectionKeys.delete(keyId);\n activeDirectionKeys.set(keyId, inputDirection);\n resumeHeldDirectionWalkAnimation();\n }\n else {\n activeDirectionKeys.delete(keyId);\n }\n }\n\n if (!isCurrentPlayer()) return;\n if (event.type !== 'keydown' || event.repeat) return;\n if (activeDirectionKeys.size === 0) return;\n if (!keyboardEventMatchesBind(event, actionBind())) return;\n if (!canControls()) return;\n\n client.processAction(resolveCurrentActionInput());\n };\n\n const visible = computed(() => {\n if (sprite.isEvent()) {\n return true\n }\n return isConnected()\n });\n\n const controls = {\n down: {\n repeat: true,\n bind: keyboardControls.down,\n keyDown() {\n processMovementInput(Direction.Down)\n },\n },\n up: {\n repeat: true,\n bind: keyboardControls.up,\n keyDown() {\n processMovementInput(Direction.Up)\n },\n },\n left: {\n repeat: true,\n bind: keyboardControls.left,\n keyDown() {\n processMovementInput(Direction.Left)\n },\n },\n right: {\n repeat: true,\n bind: keyboardControls.right,\n keyDown() {\n processMovementInput(Direction.Right)\n },\n },\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (canControls()) {\n client.processAction(resolveCurrentActionInput())\n }\n },\n },\n escape: {\n bind: keyboardControls.escape,\n keyDown() {\n if (canControls()) {\n client.processAction({ action: 'escape' })\n }\n },\n },\n gamepad: {\n enabled: true\n }\n };\n\n const smoothX = animatedSignal(x(), {\n duration: isMe() ? 0 : 0\n });\n\n const smoothY = animatedSignal(y(), {\n duration: isMe() ? 0 : 0,\n });\n\n const z = computed(() => {\n return sprite.y() + sprite.z()\n });\n\n const realAnimationName = signal(animationName());\n\n const xSubscription = x.observable.subscribe((value) => {\n smoothX.set(value);\n });\n\n const ySubscription = y.observable.subscribe((value) => {\n smoothY.set(value);\n });\n \n const sheet = (graphicObject) => {\n return {\n definition: graphicObject,\n playing: realAnimationName(),\n params: {\n direction: direction()\n },\n onFinish() {\n animationCurrentIndex.update(index => index + 1)\n }\n };\n }\n\n const graphicScale = (graphicObject) => {\n const scale = graphicObject?.scale;\n if (Array.isArray(scale)) return scale;\n if (typeof scale === 'number') return [scale, scale];\n if (scale && typeof scale === 'object') {\n const x = typeof scale.x === 'number' ? scale.x : 1;\n const y = typeof scale.y === 'number' ? scale.y : x;\n return [x, y];\n }\n return undefined;\n }\n\n const shadowCaster = (graphicObject) => {\n const box = hitbox();\n const bounds = graphicBounds();\n const scale = graphicScale(graphicObject);\n const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n return {\n enabled: shadowsEnabled,\n height,\n footAnchor: { x: 0.5, y: 1 },\n footOffset: { x: 0, y: 2 },\n alpha: 0.5,\n blur: 3.5,\n gradientPower: 2,\n hardness: 0.42,\n minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n maxLength: Math.max(90, height * 1.8),\n contactAlpha: 0.3,\n contactScale: 0.3,\n };\n }\n\n const imageDimensions = signal({});\n const loadingImageDimensions = new Set();\n\n const toPositiveNumber = (value) => {\n const number = typeof value === 'number' ? value : parseFloat(value);\n return Number.isFinite(number) && number > 0 ? number : undefined;\n };\n\n const toFiniteNumber = (value, fallback = 0) => {\n const number = typeof value === 'number' ? value : parseFloat(value);\n return Number.isFinite(number) ? number : fallback;\n };\n\n const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n const normalizePair = (value, fallback = [1, 1]) => {\n if (Array.isArray(value)) {\n const x = toFiniteNumber(value[0], fallback[0]);\n const y = toFiniteNumber(value[1] ?? value[0], x);\n return [x, y];\n }\n if (typeof value === 'number') {\n return [value, value];\n }\n if (value && typeof value === 'object') {\n const x = toFiniteNumber(value.x, fallback[0]);\n const y = toFiniteNumber(value.y ?? value.x, x);\n return [x, y];\n }\n return fallback;\n };\n\n const normalizeAnchor = (value) => {\n if (!Array.isArray(value)) return undefined;\n const [x, y] = normalizePair(value, [0, 0]);\n return [clampRatio(x), clampRatio(y)];\n };\n\n const resolveImageSource = (image) => {\n if (typeof image === 'string') return image;\n if (typeof image?.default === 'string') return image.default;\n return undefined;\n };\n\n const parentTextureOptions = (graphicObject) => {\n const props = [\n 'width',\n 'height',\n 'framesHeight',\n 'framesWidth',\n 'rectWidth',\n 'rectHeight',\n 'offset',\n 'image',\n 'sound',\n 'spriteRealSize',\n 'scale',\n 'anchor',\n 'pivot',\n 'x',\n 'y',\n 'opacity'\n ];\n\n return props.reduce((options, prop) => {\n if (graphicObject?.[prop] !== undefined) {\n options[prop] = graphicObject[prop];\n }\n return options;\n }, {});\n };\n\n const resolveTextureOptions = (graphicObject) => {\n const textures = graphicObject?.textures ?? {};\n const texture =\n textures[realAnimationName()] ??\n textures[Animation.Stand] ??\n Object.values(textures)[0] ??\n {};\n\n return {\n ...parentTextureOptions(graphicObject),\n ...texture\n };\n };\n\n const resolveFirstAnimationFrame = (textureOptions) => {\n const animations = textureOptions?.animations;\n if (!animations) return {};\n\n try {\n const frames = typeof animations === 'function'\n ? animations({ direction: direction() })\n : animations;\n if (!Array.isArray(frames)) return {};\n const firstGroup = frames[0];\n return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n }\n catch {\n return {};\n }\n };\n\n const optionValue = (prop, frame, textureOptions, graphicObject) => {\n return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n };\n\n const resolveFrameSize = (textureOptions, dimensions) => {\n const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n const imageSource = resolveImageSource(textureOptions?.image);\n const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n const width = toPositiveNumber(textureOptions?.rectWidth) ??\n toPositiveNumber(textureOptions?.spriteWidth) ??\n (fullWidth ? fullWidth / framesWidth : undefined);\n const height = toPositiveNumber(textureOptions?.rectHeight) ??\n toPositiveNumber(textureOptions?.spriteHeight) ??\n (fullHeight ? fullHeight / framesHeight : undefined);\n\n return {\n width,\n height\n };\n };\n\n const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n if (!spriteWidth || !spriteHeight || !box) {\n return [0, 0];\n }\n\n const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n switch (box.anchorMode ?? 'top-left') {\n case 'center':\n return [hitboxCenterX, hitboxCenterY];\n case 'foot':\n return [hitboxCenterX, footY];\n case 'top-left':\n default:\n return [hitboxTopLeftX, hitboxTopLeftY];\n }\n };\n\n const loadImageDimensions = (image) => {\n const source = resolveImageSource(image);\n if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n return;\n }\n\n loadingImageDimensions.add(source);\n Assets.load(source)\n .then((texture) => {\n const width = toPositiveNumber(texture?.width);\n const height = toPositiveNumber(texture?.height);\n if (!width || !height) return;\n\n imageDimensions.update((dimensions) => ({\n ...dimensions,\n [source]: { width, height }\n }));\n })\n .catch(() => {})\n .finally(() => {\n loadingImageDimensions.delete(source);\n });\n };\n\n effect(() => {\n const sources = new Set();\n\n graphicsSignals().forEach((graphicObject) => {\n const baseImage = resolveImageSource(graphicObject?.image);\n if (baseImage) sources.add(baseImage);\n\n Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n if (image) sources.add(image);\n });\n });\n\n sources.forEach((source) => loadImageDimensions(source));\n });\n\n const hitboxBounds = computed(() => {\n const box = hitbox();\n const width = box?.w ?? 0;\n const height = box?.h ?? 0;\n\n return {\n left: 0,\n top: 0,\n right: width,\n bottom: height,\n width,\n height,\n centerX: width / 2,\n centerY: height / 2\n };\n });\n\n const graphicBounds = computed(() => {\n const box = hitbox();\n const fallback = hitboxBounds();\n const customEventComponent = resolvedEventComponents()[0];\n if (customEventComponent && !customEventComponent.renderGraphic) {\n return fallback;\n }\n const dimensions = imageDimensions();\n const graphics = graphicsSignals();\n let bounds = null;\n\n graphics.forEach((graphicObject) => {\n const textureOptions = resolveTextureOptions(graphicObject);\n const frame = resolveFirstAnimationFrame(textureOptions);\n const size = resolveFrameSize(textureOptions, dimensions);\n const spriteWidth = size.width ?? box?.w;\n const spriteHeight = size.height ?? box?.h;\n\n if (!spriteWidth || !spriteHeight) {\n return;\n }\n\n const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n const anchor = explicitAnchor ?? resolveHitboxAnchor(\n spriteWidth,\n spriteHeight,\n optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n box\n );\n const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n const leftEdge = -anchor[0] * spriteWidth * scale[0];\n const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n const topEdge = -anchor[1] * spriteHeight * scale[1];\n const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n const graphic = {\n left: x + Math.min(leftEdge, rightEdge),\n top: y + Math.min(topEdge, bottomEdge),\n right: x + Math.max(leftEdge, rightEdge),\n bottom: y + Math.max(topEdge, bottomEdge)\n };\n\n bounds = bounds\n ? {\n left: Math.min(bounds.left, graphic.left),\n top: Math.min(bounds.top, graphic.top),\n right: Math.max(bounds.right, graphic.right),\n bottom: Math.max(bounds.bottom, graphic.bottom)\n }\n : graphic;\n });\n\n if (!bounds) {\n return fallback;\n }\n\n const width = bounds.right - bounds.left;\n const height = bounds.bottom - bounds.top;\n\n return {\n ...bounds,\n width,\n height,\n centerX: bounds.left + width / 2,\n centerY: bounds.top + height / 2\n };\n });\n\n // Combine animation change detection with movement state from smoothX/smoothY\n const movementAnimations = ['walk', 'stand'];\n const epsilon = 0; // movement threshold to consider the easing still running\n\n const stateX$ = smoothX.animatedState.observable;\n const stateY$ = smoothY.animatedState.observable;\n const animationName$ = animationName.observable;\n\n const moving$ = combineLatest([stateX$, stateY$]).pipe(\n map(([sx, sy]) => {\n const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n return !xFinished || !yFinished; // moving if X or Y is not finished\n }),\n startWith(false)\n );\n\n const animationChange$ = animationName$.pipe(\n startWith(animationName()),\n pairwise(),\n filter(([prev, curr]) => prev !== curr)\n );\n\n let beforeRemovePromise = null;\n let beforeRemoveTransitionValue = null;\n const resolveRemoveContext = () => {\n if (!sprite._removeTransition) return null;\n const value = sprite._removeTransition();\n if (!value || typeof value !== 'string') return null;\n try {\n const context = JSON.parse(value);\n if (!context || typeof context !== 'object' || !context.active) return null;\n context.__transitionValue = value;\n return context;\n }\n catch {\n return null;\n }\n };\n\n const withTimeout = (promise, timeoutMs = 0) => {\n if (!timeoutMs || timeoutMs <= 0) return promise;\n return Promise.race([\n promise,\n new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n ]);\n };\n\n const runBeforeRemove = () => {\n const context = resolveRemoveContext();\n if (!context) return Promise.resolve();\n if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n return beforeRemovePromise;\n }\n beforeRemoveTransitionValue = context.__transitionValue;\n beforeRemovePromise = withTimeout(\n lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n context.timeoutMs\n );\n return beforeRemovePromise;\n };\n\n const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n if (resolveRemoveContext()) {\n runBeforeRemove();\n }\n });\n\n const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n const isMovementAnimation = movementAnimations.includes(curr);\n const isTemporaryAnimationPlaying =\n sprite.animationIsPlaying && sprite.animationIsPlaying();\n\n if (sprite.animationFixed && isMovementAnimation && isTemporaryAnimationPlaying) {\n return;\n }\n\n if (curr == 'stand' && !isMoving) {\n if (!resumeHeldDirectionWalkAnimation()) {\n realAnimationName.set(curr);\n }\n }\n else if (curr == 'walk' && isMoving) {\n realAnimationName.set(curr);\n }\n else if (!isMovementAnimation) {\n realAnimationName.set(curr);\n }\n if (!isMoving && isTemporaryAnimationPlaying) {\n if (isMovementAnimation) {\n if (typeof sprite.resetAnimationState === 'function') {\n sprite.resetAnimationState();\n }\n }\n }\n });\n\n const resumeWalkSubscriptions = [\n sprite._canMove,\n sprite._animationFixed,\n sprite.animationIsPlaying,\n ]\n .filter(signal => signal?.observable)\n .map(signal => signal.observable.subscribe(() => {\n resumeHeldDirectionWalkAnimation();\n }));\n\n /**\n * Cleanup subscriptions and call hooks before sprite destruction.\n *\n * # Design\n * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n * - Execute destruction hooks to notify modules and scene map of sprite removal.\n *\n * @example\n * await onBeforeDestroy();\n */\n const waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n return Promise.resolve();\n }\n\n return new Promise((resolve) => {\n let finished = false;\n let timeout;\n let subscription;\n const finish = () => {\n if (finished) return;\n finished = true;\n clearTimeout(timeout);\n subscription?.unsubscribe();\n resolve();\n };\n timeout = setTimeout(finish, maxDuration);\n subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n if (!isPlaying) finish();\n });\n if (finished) subscription.unsubscribe();\n });\n };\n\n const onBeforeDestroy = async () => {\n await runBeforeRemove();\n await waitForTemporaryAnimationEnd();\n if (typeof document !== 'undefined') {\n document.removeEventListener('keydown', handleNativeActionWhileMoving);\n document.removeEventListener('keyup', handleNativeActionWhileMoving);\n }\n removeTransitionSubscription?.unsubscribe();\n animationMovementSubscription.unsubscribe();\n resumeWalkSubscriptions.forEach(subscription => subscription.unsubscribe());\n xSubscription.unsubscribe();\n ySubscription.unsubscribe();\n await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n }\n\n mount((element) => {\n if (typeof document !== 'undefined') {\n document.addEventListener('keydown', handleNativeActionWhileMoving);\n document.addEventListener('keyup', handleNativeActionWhileMoving);\n }\n hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n effect(() => {\n if (isCurrentPlayer()) {\n client.setKeyboardControls(element.directives.controls)\n }\n })\n })\n\n /**\n * Handle attached GUI finish event\n * \n * @param gui - The GUI instance\n * @param data - Data passed from the GUI component\n */\n const onAttachedGuiFinish = (gui, data) => {\n guiService.guiClose(gui.name, data);\n };\n\n /**\n * Handle attached GUI interaction event\n * \n * @param gui - The GUI instance\n * @param name - Interaction name\n * @param data - Interaction data\n */\n const onAttachedGuiInteraction = (gui, name, data) => {\n guiService.guiInteraction(gui.name, name, data);\n };\n\n tick(() => {\n hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n })\n</script>\n"],"mappings":";;;;;;;;;;;;;AAmBM,SAAG,UAAA,SAAA;CACQ,SAAA,OAAA;CAET,MAAE,EAAA,QAAc,OADpB,eAAA,OACwB,EAAA;CAC5B,MAAM,SAAC,OAAU;CACjB,MAAM,SAAG,OAAA,eAA4B;CACrC,MAAM,QAAE,OAAS,YAAA;CACjB,MAAI,aAAA,OAAA,MAAA;CACS,OAAA;CACb,MAAG,mBAAiB,OAAQ;CAC5B,MAAG,oBAAuB,OAAE;CAC5B,MAAG,YAAA,UAAyB,OAAO,UAAU,aAAM,MAAa,IAAE;CAClE,MAAM,wBAAgB;EAClB,MAAC,WAAU,OAAa,eAAY;EACpC,MAAG,gBAAW,WAAkB,OAAQ,UAAG,UAAiB,IAAC,YAAA,KAAA;EAC7D,OAAE,SAAS,EAAA,MAAA,YACb,SAAA,QAAA,EAAA,MAAA,YACM,WAAc,iBACb,WAAA,OAAA,UAA0B,mBAAA;CACnC;CACA,MAAM,OAAG,SAAY,eAAa;CAClC,MAAM,iBAAI,eAAoB;EAC1B,MAAM,WAAC,OAAgB,UAAW,WAAI;EACtC,OAAM,QAAA,UAAA,SAAyB,YAAa,UAAU,OAAA,UAAA,KAAA,CAAA;CAC1D,CAAC;CACD,MAAM,sBAAW,SAAA;EACb,IAAA;EACF,IAAA;EACA,IAAA;EAED,IAAM,OAAA,SAAA,cAAA,QAAA,OAAA,SAAA,YAAA,CAAA,KAAA,WAAA;GACC,eAAW;GACX,aAAY,KAAA;;EAElB,OAEO,IAAE,QAAA,OAAiB,SAAA,YAAqB,KAAC,WAAa;GACvD,eAAG,KAAiB;GAEpB,aAAa,KAAC,UAAY,KAAA,IAAa,KAAM,QAAC,KAAA;GAC9C,iBAAG,KAAA;EACT,OAEO;GACD,eAAG;GACH,aAAC,KAAA;GACL,iBAAA,KAAA;EACA;EAGA,OAAO;;GAEH,OAAE,OAAY,eAAe,aAAC,WAAA,MAAA,IAAA,cAAA,CAAA;GAC9B,cAAS,iBAAQ,eAAA,MAAA,IAAA,CAAA;;CAEzB;CACA,MAAE,uBAAqB,eAAa;EAClC,OAAM,WAAa,KAAM,SAAQ,mBAAA,IAAA,CAAA;;CAEnC,MAAE,6BAA4B,eAAY;EACxC,OAAM,oBAAmB,iBAAO,CAAA;CAClC,CAAC;CACD,MAAE,8BAAkC,eAAY;EAC9C,OAAM,oBAAuB,kBAAC,CAAA;CAChC,CAAC;CACD,MAAI,sBAAsB;EACtB,OAAO,OAAA,QAAe,YAAE,aACnB,OAAQ,QAAQ,IAChB,QAAS,UAAE;CACpB;CACA,MAAG,0BAAA,eAAA;EACD,IAAM,CAAA,cAAe,GACf,OAAA,CAAA;EACJ,MAAM,iBAAiB,wBAAuB,OAAA,sBAAA,MAAA,GAAA,MAAA;EAC9C,OAAO,iBAAiB,CAAC,cAAS,IAAS,CAAC;CAChD,CAAC;;EAEG,MAAA,iBAAA,OAAA,qBAAA;EAEA,IAAA,mBAAA,MACC,OAAQ,GAAK,MAAM;EAGpB,OAAI,KAAA;CACR,CAAC;CACD,MAAK,eAAa,eAAO;EACrB,OAAI,WAAO,gBAAY;CAC3B,CAAC;CACD,MAAI,2BAAA,eAAA;EACA,OAAK,WAAa,yBAAQ,GAAA,CAAA;CAC9B,CAAC;CACD,MAAM,EAAC,GAAA,GAAA,MAAS,WAAa,eAAY,uBAAA,qBAAA,cAAA,UAAA,QAAA,aAAA,iBAAA,iBAAA;CACzC,MAAM,mBAAmB,eAAe;EACpC,MAAG,iBAAoB,wBAAwB,EAAE;EACjD,IAAA,kBAAA,CAAA,eAAA,eACE,OAAM,CAAI;EACZ,OAAE,gBAAmB;CACzB,CAAC;CACD,MAAM,YAAA,OAAA,OAAA;CACN,MAAM,gBAAE,OAAA,GAAA;CACR,MAAM,cAAS,OAAA,CAAA;CACf,MAAK,aAAA,OAAmB,EAAA;CACxB,MAAM,YAAO,OAAW,QAAA;CACxB,GAAG,eAAC,SAAA;EACA,IAAI,QAAK,OAAO,SAAA,UAAA;GACf,IAAA,KAAA,SAAqB,KAAA,GACd,UAAU,IAAE,KAAA,IAAW;GAC/B,IAAA,KAAA,aAAA,KAAA,GACQ,cAAc,IAAI,KAAC,QAAA;GAC1B,IAAA,KAAA,WAAoB,KAAA,GAClB,YAAW,IAAU,KAAA,MAAA;GACrB,IAAK,KAAG,UAAY,KAAA,GACpB,WAAe,IAAA,KAAU,KAAE;GAC5B,IAAA,KAAA,SAAA,KAAA,GACM,UAAU,IAAE,KAAA,IAAW;EAC/B;CACJ,CAAC;CACD,MAAE,cAAM,gBAA4B;EAChC,SAAI;EACJ,MAAI,UAAU;EACd,UAAI,cAAc;EACnB,QAAA,YAAA;EACC,OAAM,WAAO;EACb,MAAI,UAAY;CACpB,EAAE;CACF,MAAM,mBAAa,OAAS;CAC5B,MAAM,oBAAiB,KAAA,KAAS,gBAAA,MAAA;CAChC,MAAI,mBAAA,OAAA,aAAA;CACJ,MAAM,sCAAW,IAAc,IAAA;CAC/B,MAAI,6BAA+B;EAC/B,MAAE,aAAe,MAAK,KAAA,oBAAS,OAAA,CAAA;EAC/B,OAAK,WAAa,WAAQ,SAAY;CAC1C;CACA,MAAM,+BAAsB;EACxB,MAAA,gBAAA,qBAAA;EACA,IAAG,eACC,OAAC;EACL,IAAE,OAAA,OAAe,iBAAI,YACnB,OAAA,OAAa,aAAS;EACxB,IAAE,OAAA,OAAgB,cAAU,YAC5B,OAAA,OAAA,UAAA;EACD,OAAA,UAAA;CACH;CACA,MAAM,wBAAsB,YAAc;EACtC,IAAA,QAAO,WAAA,UACL,OAAS;EACX,MAAE,OAAO,QAAO,QAAa,OAAG,QAAY,SAAA,WAC1C,EAAA,GAAA,QAAc,KAAA,IACf,CAAA;EACF,OAAA;;GAEC,MAAA;IACC,GAAU;IACX,WAAA,KAAA,aAAA,uBAAA;GACC;EACD;CACJ;CACA,MAAM,kCAA4B,qBAAU,2BAAA,iBAAA,QAAA,QAAA,MAAA,CAAA;CAC5C,MAAI,mCAAA;EACF,IAAM,OAAA,gBACJ;EACD,IAAA,OAAA,sBAAA,OAAA,mBAAA,GAAA;;CAGH;CACA,MAAK,yCAAuC;EACxC,IAAC,CAAA,gBAAoB,GACrB,OAAA;EACA,IAAC,oBAAkB,SAAO,GACtB,OAAO;EACX,IAAI,CAAA,YAAa,GACb,OAAK;EACT,IAAI,OAAK,gBACT,OAAA;EACA,IAAC,OAAU,sBAAmB,OAAU,mBAAkB,GACtD,OAAO;EACX,kBAAA,IAAA,MAAA;EACA,OAAE;CACN;CACA,MAAM,wBAAS,UAAA;EACX,IAAC,CAAA,YAAgB,GACjB;EACA,OAAI,aAAY,EAAA,MAAA,CAAA;EAChB,2BAAsB;CAC1B;CACA,MAAM,mBAAe,uBAAU,iBAAA,MAAA;CAC/B,MAAK,mBAAoB,UAAA,GAAA,MAAA,QAAA,GAAA,MAAA,KAAA,GAAA,MAAA;CACzB,MAAM,iCAAsB,UAAA;EACxB,MAAG,iBAAoB,8BAA0B,OAAO,gBAAgB;EACxE,IAAG,gBAAe;GAChB,MAAA,QAAA,gBAAA,KAAA;GACC,IAAA,MAAA,SAAA,WAAA;IACH,oBAAA,OAAA,KAAA;IACI,oBAAA,IAA4B,OAAC,cAAe;IACzC,iCAAoB;GAC3B,OAEA,oBAAA,OAAA,KAAA;EAEA;EACA,IAAA,CAAA,gBAAA,GACI;EACJ,IAAC,MAAA,SAAgB,aAAa,MAAK,QACnC;EACF,IAAM,oBAAA,SAA6B,GACjC;EACA,IAAA,CAAA,yBAAA,OAAA,WAAA,CAAA,GAAA;EAEF,IAAM,CAAA,YAAa,GACjB;EACA,OAAI,cAAe,0BAAA,CAAA;CACvB;CACA,MAAG,UAAA,eAAA;wBAEK,OAAA;EAEJ,OAAM,YAAA;CACV,CAAC;CACD,MAAI,WAAA;EACH,MAAA;GACG,QAAA;GACC,MAAS,iBAAe;GACzB,UAAA;IACK,qBAAoB,UAAS,IAAA;GAC/B;EACH;EACA,IAAA;GACI,QAAA;GACJ,MAAM,iBAAiB;GACpB,UAAW;IACV,qBAAyB,UAAA,EAAA;GAC3B;EACF;EACA,MAAG;GACH,QAAY;GACZ,MAAA,iBAAA;;IAEA,qBAAA,UAAA,IAAA;GACI;EACJ;EACA,OAAA;GACI,QAAA;GACJ,MAAO,iBAAW;GAClB,UAAA;;GAEA;EACA;EACA,QAAQ;GACR,MAAA,uBAAA,iBAAA,MAAA;GACI,UAAA;IACG,IAAA,YAAW,GAClB,OAAA,cAAA,0BAAA,CAAA;GAEI;EACJ;EACA,QAAE;GACE,MAAC,iBAAA;GACL,UAAU;IACV,IAAA,YAAc,GACd,OAAA,cAAqB,EAAA,QAAA,SAAA,CAAA;GAErB;EACA;EACA,SAAM,EACN,SAAW,KACX;CACJ;CACA,MAAM,UAAM,eAAA,EAAA,GAAA,EAAA,UAAA,KAAA,IAAA,IAAA,EAEZ,CAAC;CACD,MAAI,UAAM,eAAiB,EAAA,GAAA,EACvB,UAAI,KAAA,IAAe,IAAI,EAC3B,CAAC;CACD,MAAI,IAAA,eAAA;;CAEJ,CAAC;CACD,MAAK,oBAAoB,OAAQ,cAAY,CAAA;CAC7C,MAAK,gBAAiB,EAAC,WAAY,WAAW,UAAU;EACpD,QAAA,IAAA,KAAA;CACJ,CAAC;CACD,MAAE,gBAAoB,EAAE,WAAW,WAAA,UAAA;EACjC,QAAM,IAAA,KAAa;CACrB,CAAC;CACD,MAAE,SAAM,kBAAmB;;GAEvB,YAAA;GACC,SAAU,kBAAiB;GAC3B,QAAW,EACZ,WAAA,UAAA,EACC;GACG,WAAQ;IACN,sBAAwB,QAAC,UAAc,QAAS,CAAC;GACnD;EACJ;CACJ;CACA,MAAM,gBAAgB,kBAAa;EAC/B,MAAA,QAAA,eAAA;EACA,IAAA,MAAA,QAAA,KAAA,GAAA,OAAA;EAEA,IAAA,OAAA,UAAA,UACC,OAAM,CAAA,OAAA,KAAiB;EACxB,IAAA,SAAA,OAAA,UAAA,UAAA;GACC,MAAK,IAAA,OAAc,MAAO,MAAI,WAAU,MAAS,IAAI;GAErD,OAAO,CAAI,GADD,OAAU,MAAC,MAAQ,WAAY,MAAQ,IAAA,CACrC;EACb;CAEJ;CACA,MAAI,gBAAS,kBAAY;EACrB,MAAM,MAAA,OAAW;EACjB,MAAA,SAAU,cAAe;EACzB,MAAM,QAAE,aAAa,aAAA;EACrB,MAAM,SAAC,MAAY,QAAA,KAAA,KAAA,OAAA,MAAA,OAAA,WAAA,KAAA,IAAA,MAAA,EAAA,IAAA;EACnB,MAAM,SAAS,KAAE,IAAA,QAAA,UAAA,KAAA,KAAA,IAAA,KAAA,KAAA,EAAA,IAAA;EACjB,OAAC;;GAEG;;;;;GAEA,YAAY;IAAE,GAAG;IAAG,GAAA;GAAK;GACzB,OAAA;GACA,MAAA;;GAEA,UAAA;GACJ,WAAM,KAAa,IAAK,IAAC,KAAK,KAAA,MAAA,GAAA;GAC9B,WAAO,KAAW,IAAA,IAAU,SAAS,GAAG;GACzC,cAAA;;EAED;CACF;CACA,MAAM,kBAAiB,OAAO,CAAA,CAAA;CAC9B,MAAM,yCAAgB,IAAa,IAAI;CACvC,MAAM,oBAAgB,UAAc;EAChC,MAAM,SAAC,OAAW,UAAA,WAAA,QAAA,WAAA,KAAA;EACnB,OAAA,OAAA,SAAA,MAAA,KAAA,SAAA,IAAA,SAAA,KAAA;;CAEH,MAAE,kBAAM,OAAuB,WAAW,MAAE;EACxC,MAAI,SAAQ,OAAU,UAAU,WAAQ,QAAO,WAAA,KAAA;EAC/C,OAAM,OAAO,SAAQ,MAAQ,IAAA,SAAO;CACxC;CACA,MAAM,cAAI,UAAA,KAAA,IAAA,GAAA,KAAA,IAAA,GAAA,KAAA,CAAA;CACV,MAAI,iBAAO,OAAA,WAAA,CAAA,GAAA,CAAA,MAAA;EACP,IAAI,MAAC,QAAO,KAAA,GAAA;GACV,MAAM,IAAA,eAAA,MAAA,IAAA,SAAA,EAAA;GAEJ,OAAA,CAAA,GADO,eAAA,MAAA,MAAA,MAAA,IAAA,CACI,CAAA;EACf;EACA,IAAC,OAAA,UAAA,UACF,OAAA,CAAA,OAAA,KAAA;EAED,IAAM,SAAA,OAAA,UAA0B,UAAM;GACpC,MAAA,IAAA,eAAoB,MAAA,GAAA,SAAA,EAAA;GAEnB,OAAA,CAAA,GADC,eAA2B,MAAA,KAAA,MAAiB,GAAA,CAC7C,CAAA;;EAEH,OAAM;CACR;CACA,MAAM,mBAAS,UAAoB;EAC/B,IAAA,CAAA,MAAA,QAAkB,KAAK,GACxB,OAAA,KAAA;;EAED,OAAM,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA,CAAgC;CACxC;CACA,MAAM,sBAAsB,UAAU;EAClC,IAAI,OAAC,UAAe,UAChB,OAAO;EACX,IAAI,OAAO,OAAA,YAAmB,UAC9B,OAAA,MAAiB;CAErB;;EAoBI,OAAO;GAjBH;GACJ;GACA;GACD;;GAEK;GACA;;GAEA;GACJ;GACI;GACF;GACE;GACA;GACA;GACA;EAEG,EAAA,QAAA,SAAA,SAAA;GACH,IAAA,gBAAoB,UAAO,KAAA,GAC7B,QAAA,QAAA,cAAA;;EAGF,GAAG,CAAC,CAAC;CACT;CACA,MAAM,yBAAsB,kBAAkB;EAC1C,MAAK,WAAA,eAAyB,YAAO,CAAA;EACrC,MAAK,UAAW,SAAI,kBAAM,MAAA,SAAA,UAAA,UAE1B,OAAO,OAAA,QAAc,EAAA,MACtB,CAAA;;GAEK,GAAA,qBAAwB,aAAC;GACzB,GAAA;EACJ;CACJ;CACA,MAAI,8BAAmB,mBAAA;EACnB,MAAA,aAAA,gBAAA;mBAEI,OAAA,CAAQ;EACZ,IAAI;GACF,MAAQ,SAAI,OAAA,eAAA,aACN,WAAA,EAAA,WAAqB,UAAA,EAAA,CAAA,IACnB;GACN,IAAA,CAAA,MAAA,QAAA,MAAqB,GACtB,OAAA,CAAA;GACF,MAAA,aAAA,OAAA;GACG,OAAA,MAAA,QAAA,UAAA,IAAA,WAAA,MAAA,CAAA,IAAA,cAAA,CAAA;EACJ,QACM;GACJ,OAAS,CAAC;EACZ;CACJ;CACA,MAAK,eAAA,MAAA,OAAA,gBAAA,kBAAA;EACD,OAAM,QAAA,SAAA,iBAAA,SAAA,gBAAA;CACV;CACA,MAAM,oBAAM,gBAAqB,eAAA;EAC7B,MAAE,cAAU,iBAAA,gBAAA,WAAA,KAAA;EACZ,MAAI,eAAA,iBAA+B,gBAAI,YAAA,KAAA;EACvC,MAAG,cAAA,mBAAA,gBAAA,KAAA;EACH,MAAC,aAAA,cAAA,WAAA,eAAA,KAAA;EACD,MAAM,YAAC,iBAAA,gBAAA,KAAA,KAAA,YAAA;EACP,MAAE,aAAY,iBAAA,gBAAA,MAAA,KAAA,YAAA;EAOd,OAAO;GACL,OAPM,iBAAsB,gBAAA,SAAA,KAC5B,iBAAU,gBAAA,WAAA,MACR,YAAA,YAAqB,cAAe,KAAA;GAMpC,QALD,iBAAA,gBAAA,UAAA,KACF,iBAAA,gBAAA,YAAA,MACD,aAAQ,aAAA,eAAA,KAAA;EAIR;CACJ;CACA,MAAM,uBAAC,aAAA,cAAA,UAAA,QAAA;EACH,IAAC,CAAA,eAAA,CAAA,gBAAA,CAAA,KACD,OAAQ,CAAA,GAAA,CAAA;EAGR,MAAM,iBAAiB,iBADX,OAAA,aAAA,WAAA,WAAA,UAAA,MACW,KAAA;EACvB,MAAM,MAAM,KAAC,IAAA,IAAA,eAAyB,kBAAS,CAAA;EAC/C,MAAI,iBAAA,YAAA,cAAA,IAAA,KAAA,IAAA,WAAA;EACJ,MAAG,iBAAA,YAAA,eAAA,IAAA,IAAA,OAAA,YAAA;EACH,MAAC,gBAAA,WAAA,iBAAA,IAAA,IAAA,IAAA,WAAA;EACD,MAAA,gBAAS,WAAA,iBAAA,IAAA,IAAA,IAAA,YAAA;EACT,MAAE,QAAS,YAAA,eAAA,OAAA,YAAA;EACX,QAAA,IAAA,cAAA,YAAA;GACD,KAAA,UAAA,OAAA,CAAA,eAAA,aAAA;GAEK,KAAA,QACI,OAAO,CAAC,eAAO,KAAA;YAGnB,OAAU,CAAA,gBAAkB,cAAE;EAClC;CACJ;;EAEE,MAAQ,SAAE,mBAAe,KAAA;EACvB,IAAA,CAAA,UAAe,gBAAc,EAAA,WAAA,uBAAA,IAAA,MAAA,GAC7B;EAEF,uBAAyB,IAAC,MAAO;sBAE3B,MAAA,YAAkB;GACtB,MAAQ,QAAU,iBAAA,SAAA,KAAA;GAClB,MAAA,SAAA,iBAAA,SAAA,MAAA;0BAEI;GACJ,gBAAkB,QAAA,gBAAA;IAClB,GAAA;KACH,SAAA;KAAA;KAAA;IAAA;GACO,EAAA;EACJ,CAAA,EACE,YAAY,CAAA,CAAA,EACZ,cAAS;GACT,uBAAQ,OAAA,MAAA;EACV,CAAC;CACL;CACA,aAAM;EACF,MAAI,0BAAA,IAAA,IAAA;EACJ,gBAAE,EAAA,SAAA,kBAAA;GACD,MAAA,YAAA,mBAAA,eAAA,KAAA;GACH,IAAA,WAAA,QAAA,IAAA,SAAA;GAEM,OAAA,OAAc,eAAe,YAAK,CAAA,CAAA,EAAA,SAAA,mBAAA;IAChC,MAAQ,QAAA,mBAAoB,gBAAA,SAAA,eAAA,KAAA;IAC9B,IAAM,OACC,QAAS,IAAE,KAAO;GACzB,CAAA;EACJ,CAAC;EACD,QAAQ,SAAI,WAAgB,oBAAoB,MAAK,CAAA;CACzD,CAAC;CACD,MAAI,eAAA,eAAA;EACA,MAAM,MAAC,OAAS;EAClB,MAAA,QAAA,KAAA,KAAA;;EAEA,OAAM;GACJ,MAAU;GACV,KAAM;GACN,OAAW;GACX,QAAY;GACZ;;GAEA,SAAO,QAAA;GACL,SAAS,SAAA;EACX;CACJ,CAAC;CACD,MAAM,gBAAgB,eAAU;EAC5B,MAAE,MAAU,OAAA;EACZ,MAAM,WAAK,aAAA;EACX,MAAE,uBAAgB,wBAAA,EAAA;EAClB,IAAE,wBAAc,CAAA,qBAAA,eACd,OAAS;EAEX,MAAE,aAAiB,gBAAA;EACnB,MAAE,WAAe,gBAAE;EACnB,IAAC,SAAA;EACH,SAAA,SAAA,kBAAA;;GAEM,MAAA,QAAA,2BAA4B,cAAA;GAC5B,MAAA,OAAA,iBAA6B,gBAAK,UAAA;;GAElC,MAAA,eAAoB,KAAM,UAAI,KAAA;GAClC,IAAM,CAAA,eAAgB,CAAA,cACf;GAGH,MAAA,SAAA,gBAAA,YAAA,UAAA,OAAA,gBAAA,aAAA,CAAyB,KAAQ,oBAAS,aAAA,cAAA,YAAA,kBAAA,OAAA,gBAAA,aAAA,GAAA,GAAA;GAC9C,MAAM,QAAS,cAAiB,YAAW,SAAQ,OAAA,gBAAiB,aAAA,KAAA,aAAA,aAAA,CAAA;GACpE,MAAO,IAAO,eAAe,YAAY,KAAC,OAAQ,gBAAA,aAAA,GAAA,CAAA;GACnD,MAAA,IAAA,eAAA,YAAA,KAAA,OAAA,gBAAA,aAAA,GAAA,CAAA;;GAEK,MAAA,aAAmB,IAAI,OAAM,MAAO,cAAY,MAAO;;GAEvD,MAAA,cAAiB,IAAO,OAAA,MAAa,eAAS,MAAA;GAC9C,MAAM,UAAQ;IACV,MAAI,IAAA,KAAA,IAAe,UAAU,SAAS;IACtC,KAAI,IAAA,KAAA,IAAc,SAAS,UAAU;IACrC,OAAO,IAAA,KAAA,IAAA,UAAA,SAAA;IACf,QAAA,IAAA,KAAA,IAAA,SAAA,UAAA;GACI;GACF,SAAQ,SACV;IACY,MAAC,KAAO,IAAO,OAAI,MAAS,QAAA,IAAA;IAC5B,KAAA,KAAA,IAAc,OAAO,KAAG,QAAU,GAAE;IACpC,OAAA,KAAA,IAAe,OAAQ,OAAG,QAAW,KAAA;IACrC,QAAG,KAAA,IAAA,OAAA,QAAA,QAAA,MAAA;GACf,IACO;EACR,CAAA;eAEK,OAAA;EAEJ,MAAM,QAAQ,OAAC,QAAc,OAAO;EACpC,MAAM,SAAE,OAAc,SAAC,OAAc;EACtC,OAAA;;GAEK;GACA;GACA,SAAO,OAAO,OAAS,QAAI;GAC/B,SAAO,OAAS,MAAA,SAAA;EACjB;;CAEH,MAAE,qBAAM,CAAoB,QAAI,OAAA;CAChC,MAAI,UAAY;CAChB,MAAM,UAAO,QAAA,cAAA;CACb,MAAM,UAAQ,QAAA,cAAA;CACd,MAAM,iBAAc,cAAA;CACpB,MAAM,UAAC,cAAY,CAAA,SAAA,OAAA,CAAA,EAAA,KAAA,KAAA,CAAA,IAAA,QAAA;EACf,MAAG,YAAU,KAAA,IAAA,GAAA,MAAA,UAAA,GAAA,MAAA,GAAA,KAAA;EACb,MAAG,YAAW,KAAA,IAAA,GAAA,MAAA,UAAA,GAAA,MAAA,GAAA,KAAA;EACd,OAAG,CAAA,aAAO,CAAA;CACd,CAAC,GAAG,UAAS,KAAA,CAAA;CACb,MAAM,mBAAO,eAAA,KAAA,UAAA,cAAA,CAAA,GAAA,SAAA,GAAA,QAAA,CAAA,MAAA,UAAA,SAAA,IAAA,CAAA;CACb,IAAI,sBAAkB;CACtB,IAAI,8BAAS;CACb,MAAM,6BAAQ;EACV,IAAG,CAAA,OAAM,mBACL,OAAC;EACL,MAAK,QAAA,OAAA,kBAAA;EACL,IAAG,CAAA,SAAO,OAAA,UAAA,UACT,OAAA;;GAED,MAAO,UAAa,KAAC,MAAS,KAAM;GAChC,IAAE,CAAA,WAAc,OAAO,YAAK,YAAW,CAAA,QAAA,QACvC,OAAQ;GACV,QAAA,oBAAA;GACA,OAAO;EACT,QACD;;EAED;CACF;CACA,MAAI,eAAc,SAAA,YAAA,MAAA;EACd,IAAE,CAAA,aAAS,aAAoB,GAC7B,OAAS;EACX,OAAE,QAAa,KAAC,CACZ,SAAA,IAAA,SAAA,YAAA,WAAA,SAAA,SAAA,CAAA,CAEJ,CAAA;CACJ;CACA,MAAM,wBAAG;EACL,MAAC,UAAA,qBAAA;EACF,IAAA,CAAA,SAAA,OAAA,QAAA,QAAA;EAED,IAAM,uBAAA,gCAAiD,QAAA,mBACrD,OAAM;;EAGN,sBAAI,YAAA,cAAA,MAAA,UAAA,gCAAA,QAAA,OAAA,CAAA,GAAA,QAAA,SAAA;EACJ,OAAO;CACX;CACA,MAAM,+BAAc,OAAA,mBAAA,YAAA,gBAAA;EAChB,IAAI,qBAAiB,GACnB,gBAAkB;CAExB,CAAC;CACD,MAAI,gCAAM,cAAA,CAAA,kBAAA,OAAA,CAAA,EAAA,WAAA,CAAA,CAAA,MAAA,OAAA,cAAA;EACN,MAAE,sBAAS,mBAAA,SAAA,IAAA;EACX,MAAA,8BAAA,OAAA,sBAAA,OAAA,mBAAA;EACD,IAAA,OAAA,kBAAA,uBAAA,6BAAA;EAGC,IAAA,QAAY,WAAW,CAAC;OACzB,CAAA,iCAAA,GAAA,kBAAA,IAAA,IAAA;EAAA,OAIM,IAAC,QAAA,UAAe,UACrB,kBAAoB,IAAA,IAAA;OAEf,IAAC,CAAA,qBACN,kBAAmB,IAAA,IAAA;EAEnB,IAAE,CAAA,YAAA;OACC;QACS,OAAG,OAAA,wBAAiC,YAC9C,OAAiB,oBAAgB;GAAA;EAChC;CAGP,CAAC;CACD,MAAM,0BAAA;EACF,OAAC;EACF,OAAA;;CAEH,EACI,QAAK,WAAa,QAAG,UAAe,EACnC,KAAC,WAAa,OAAA,WAAA,gBAAA;EACf,iCAAA;;CAEJ,MAAI,gCAA8B,cAAc,SAAU;EACtD,IAAA,CAAK,OAAC,sBAAiB,CAAA,OAAiB,mBAAmB,GAC3D,OAAW,QAAM,QAAQ;EAEzB,OAAM,IAAA,SAAc,YAAG;GACvB,IAAM,WAAa;GACnB,IAAM;GACN,IAAM;;IAEE,IAAI,UACJ;IACJ,WAAQ;IACJ,aAAK,OAAA;IACT,cAAQ,YAAqB;IACzB,QAAQ;GACd;GACE,UAAQ,WAAA,QAAgB,WAAe;GAC3C,eAAA,OAAA,mBAAA,WAAA,WAAA,cAAA;IACD,IAAA,CAAA,WAAA,OAAA;GAEK,CAAA;GACJ,IAAM,UACD,aAAU,YAAkB;EACjC,CAAC;CACL;;EAEI,MAAA,gBAAsB;EACtB,MAAM,6BAAY;EAClB,IAAG,OAAM,aAAY,aAAA;GACjB,SAAM,oBAAQ,WAA0B,6BAAM;GAC9C,SAAM,oBAAS,SAAiB,6BAAgB;EACpD;;EAEA,8BAA4B,YAAc;EAC1C,wBAAmB,SAAA,iBAAA,aAAA,YAAA,CAAA;EACnB,cAAc,YAAW;EACzB,cAAO,YAAA;EACP,MAAG,cAAA,MAAA,UAAA,2BAAA,MAAA,CAAA;EACH,MAAG,cAAc,MAAA,UAAA,kCAAA,OAAA,UAAA,MAAA,CAAA;CACrB;CACA,OAAO,YAAC;EACJ,IAAI,OAAA,aAAA,aAAA;GACL,SAAA,iBAAA,WAAA,6BAAA;;EAED;EACE,MAAM,UAAU,uBAAS,MAAA,EAAA,UAAA;;EAEzB,aAAA;GACE,IAAM,gBAAY,GACd,OAAS,oBAAc,QAAU,WAAA,QAAA;EAEvC,CAAC;CACL,CAAC;CACD,MAAM,uBAAqB,KAAI,SAAM;EACjC,WAAI,SAAA,IAAA,MAAA,IAAA;CACR;;EAEI,WAAQ,eAAkB,IAAE,MAAA,MAAA,IAAA;CAChC;;EAEE,MAAM,UAAY,wBAAkB,EAAA,UAAA;CACtC,CAAC;CAMK,OALY,EAAI,WAAO;EAAA,GAAA;EAAA,GAAA;EAAA,QAAA;EAAA,gBAAA;EAAA;EAAA;EAAA;CAAA,GAAA;EAAA,KAAA,6BAAA,eAAA,EAAA,WAAA,MAAA,EAAA,WAAA,WAAA;GAAA,QAAA;GAAA,GAAA,WAAA;EAAA,CAAA,CAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,UAAA;GAAA,MAAA;GAAA,UAAA;GAAA,QAAA;GAAA,MAAA;EAAA,CAAA;EAAA,EAAA,WAAA,MAAA,CAAA,KAAA,mBAAA,eAAA,EAAA,WAAA,EAAA,OAAA,eAAA,aAAA,UAAA,CAAA,EAAA,GAAA,EAAA,QAAA;GAAA,OAAA,eAAA,MAAA,UAAA,CAAA;GAAA;GAAA;GAAA;GAAA,cAAA,eAAA,aAAA,UAAA,CAAA;GAAA,OAAA;EAAA,CAAA,CAAA,CAAA,GAAA,KAAA,0BAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,eAAA,aAAA,GAAA,EAAA,eAAA,WAAA,eAAA,KAAA,CAAA,CAAA,CAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,EAAA,kBAAA;GAAA,QAAA;GAAA,UAAA;GAAA;EAAA,CAAA;EAAA,KAAA,8BAAA,eAAA,EAAA,WAAA,EAAA,cAAA,WAAA,aAAA,GAAA,EAAA,WAAA,WAAA;GAAA,QAAA;GAAA,GAAA,WAAA;EAAA,CAAA,CAAA,CAAA;EAAA,KAAA,eAAA,gBAAA,KAAA,gCAAA,EAAA,WAAA,MAAA,EAAA,YAAA,WAAA;GAAA,GAAA,YAAA,KAAA;GAAA,cAAA,YAAA;GAAA,QAAA;GAAA,WAAA,SAAA;IACnB,oBAAoB,aAAA,IAAA;;;IAEpB,yBAAC,aAAA,MAAA,IAAA;GACL;EAAI,CAAC,CAAC,CAAC,CAAA;CAAA,CACD;AACN;AAEA,IAAK,iBAAA"}
|
|
1
|
+
{"version":3,"file":"character.ce.js","names":[],"sources":["../../src/components/character.ce"],"sourcesContent":["<Container\n x={smoothX}\n y={smoothY}\n zIndex={z}\n viewportFollow={shouldFollowCamera}\n controls\n onBeforeDestroy\n visible\n cursor={interactionCursor}\n pointerover={interactionPointerOver}\n pointerout={interactionPointerOut}\n pointerdown={interactionPointerDown}\n pointerup={interactionPointerUp}\n pointermove={interactionPointerMove}\n click={interactionClick}\n>\n @for (compConfig of normalizedComponentsBehind) {\n <Container>\n <compConfig.component object={sprite} ...compConfig.props />\n </Container>\n } \n <PlayerComponents object={sprite} position=\"bottom\" graphicBounds />\n <PlayerComponents object={sprite} position=\"left\" graphicBounds />\n <Particle emit={emitParticleTrigger} settings={particleSettings} zIndex={1000} name={particleName} />\n <Container>\n @for (graphicObj of renderedGraphics) {\n <Container scale={graphicScale(graphicObj)}>\n <Sprite \n sheet={sheet(graphicObj)} \n direction \n tint \n hitbox\n shadowCaster={shadowCaster(graphicObj)}\n flash={flashConfig}\n />\n </Container>\n }\n @for (eventComponent of resolvedEventComponents) {\n <Container dependencies={eventComponent.dependencies}>\n <eventComponent.component ...eventComponent.props />\n </Container>\n }\n </Container>\n <PlayerComponents object={sprite} position=\"center\" graphicBounds />\n <PlayerComponents object={sprite} position=\"right\" graphicBounds />\n <PlayerComponents object={sprite} position=\"top\" graphicBounds />\n @for (compConfig of normalizedComponentsInFront) {\n <Container dependencies={compConfig.dependencies}>\n <compConfig.component object={sprite} ...compConfig.props />\n </Container>\n }\n <InteractionComponents\n object={sprite}\n bounds={graphicBounds}\n hitboxBounds={hitboxBounds}\n graphicBounds={graphicBounds}\n />\n @for (attachedGui of attachedGuis) {\n @if (shouldDisplayAttachedGui) {\n <Container>\n <attachedGui.component ...attachedGui.data() dependencies={attachedGui.dependencies} object={sprite} guiOpenId={attachedGui.openId} onFinish={(data, guiOpenId) => {\n onAttachedGuiFinish(attachedGui, data, guiOpenId)\n }} onInteraction={(name, data) => {\n onAttachedGuiInteraction(attachedGui, name, data)\n }} />\n </Container>\n }\n }\n</Container>\n\n<script>\n import { signal, effect, mount, computed, tick, animatedSignal, on } from \"canvasengine\";\n import { Assets } from \"pixi.js\";\n\n import { lastValueFrom, combineLatest, pairwise, filter, map, startWith } from \"rxjs\";\n import { Particle } from \"@canvasengine/presets\";\n import { GameEngineToken, ModulesToken } from \"@rpgjs/common\";\n import { RpgClientEngine } from \"../RpgClientEngine\";\n import { inject } from \"../core/inject\"; \n import { Direction, Animation } from \"@rpgjs/common\";\n import { normalizeEventComponent } from \"../Game/EventComponentResolver\";\n import Hit from \"./effects/hit.ce\";\n import PlayerComponents from \"./player-components.ce\";\n import InteractionComponents from \"./interaction-components.ce\";\n import { RpgGui } from \"../Gui/Gui\";\n import { getCanMoveValue } from \"../utils/readPropValue\";\n import {\n getKeyboardControlBind,\n keyboardEventMatchesBind,\n resolveKeyboardActionInput,\n resolveKeyboardDirectionInput,\n } from \"../services/actionInput\";\n\n const { object, id } = defineProps();\n const sprite = object();\n\n const client = inject(RpgClientEngine);\n const hooks = inject(ModulesToken);\n const guiService = inject(RpgGui);\n\n const spritesheets = client.spritesheets;\n const componentsBehind = client.spriteComponentsBehind;\n const componentsInFront = client.spriteComponentsInFront;\n const readProp = (value) => typeof value === 'function' ? value() : value;\n const isCurrentPlayer = () => {\n const playerId = client.playerIdSignal();\n const currentPlayer = playerId ? client.sceneMap?.players?.()?.[playerId] : undefined;\n return readProp(id) === playerId\n || readProp(sprite?.id) === playerId\n || sprite === currentPlayer\n || sprite === client.sceneMap?.getCurrentPlayer?.();\n };\n const isMe = computed(isCurrentPlayer);\n const shadowsEnabled = computed(() => {\n const lighting = client.sceneMap?.lighting?.();\n return Boolean(lighting?.shadows?.enabled || (lighting?.spots?.length ?? 0) > 0);\n });\n\n /**\n * Normalize a single sprite component configuration\n * \n * Handles both direct component references and configuration objects with optional props and dependencies.\n * Extracts the component reference and creates a computed function that returns the props.\n * \n * ## Design\n * \n * Supports two formats:\n * 1. Direct component: `ShadowComponent`\n * 2. Configuration object: `{ component: LightHalo, props: {...}, dependencies: (object) => [...] }`\n * \n * The normalization process:\n * - Extracts the actual component from either format\n * - Extracts dependencies function if provided\n * - Creates a computed function that returns props (static object or dynamic function result)\n * - Returns a normalized object with `component`, `props`, and `dependencies`\n * \n * @param comp - Component reference or configuration object\n * @returns Normalized component configuration with component, props, and dependencies\n * \n * @example\n * ```ts\n * // Direct component\n * normalizeComponent(ShadowComponent)\n * // => { component: ShadowComponent, props: {}, dependencies: undefined }\n * \n * // With static props\n * normalizeComponent({ component: LightHalo, props: { radius: 30 } })\n * // => { component: LightHalo, props: { radius: 30 }, dependencies: undefined }\n * \n * // With dynamic props and dependencies\n * normalizeComponent({ \n * component: HealthBar, \n * props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n * dependencies: (object) => [object.hp, object.param.maxHp]\n * })\n * // => { component: HealthBar, props: {...}, dependencies: (object) => [...] }\n * ```\n */\n const normalizeComponent = (comp) => {\n let componentRef;\n let propsValue;\n let dependenciesFn;\n \n // If it's a direct component reference\n if (typeof comp === 'function' || (comp && typeof comp === 'object' && !comp.component)) {\n componentRef = comp;\n propsValue = undefined;\n dependenciesFn = undefined;\n }\n // If it's a configuration object with component and props\n else if (comp && typeof comp === 'object' && comp.component) {\n componentRef = comp.component;\n // Support both \"data\" (legacy) and \"props\" (new) for backward compatibility\n propsValue = comp.props !== undefined ? comp.props : comp.data;\n dependenciesFn = comp.dependencies;\n }\n // Fallback: treat as direct component\n else {\n componentRef = comp;\n propsValue = undefined;\n dependenciesFn = undefined;\n }\n \n // Return props directly (object or function), not as computed\n // The computed will be created in the template when needed\n return {\n component: componentRef,\n props: typeof propsValue === 'function' ? propsValue(sprite) : propsValue || {},\n dependencies: dependenciesFn ? dependenciesFn(sprite) : []\n };\n };\n\n /**\n * Normalize an array of sprite components\n * \n * Applies normalization to each component in the array using `normalizeComponent`.\n * \n * @param components - Array of component references or configuration objects\n * @returns Array of normalized component configurations\n */\n const normalizeComponents = (components) => {\n return components.map((comp) => normalizeComponent(comp));\n };\n\n\n /**\n * Normalized components to render behind sprites\n * Handles both direct component references and configuration objects with optional props and dependencies\n * \n * Supports multiple formats:\n * 1. Direct component: `ShadowComponent`\n * 2. Configuration object: `{ component: LightHalo, props: {...} }`\n * 3. With dynamic props: `{ component: LightHalo, props: (object) => {...} }`\n * 4. With dependencies: `{ component: HealthBar, dependencies: (object) => [object.hp, object.param.maxHp] }`\n * \n * Components with dependencies will only be displayed when all dependencies are resolved (!= undefined).\n * The object is passed to the dependencies function to allow sprite-specific dependency resolution.\n * \n * @example\n * ```ts\n * // Direct component\n * componentsBehind: [ShadowComponent]\n * \n * // With static props\n * componentsBehind: [{ component: LightHalo, props: { radius: 30 } }]\n * \n * // With dynamic props and dependencies\n * componentsBehind: [{ \n * component: HealthBar, \n * props: (object) => ({ hp: object.hp(), maxHp: object.param.maxHp() }),\n * dependencies: (object) => [object.hp, object.param.maxHp]\n * }]\n * ```\n */\n const normalizedComponentsBehind = computed(() => {\n return normalizeComponents(componentsBehind());\n });\n\n /**\n * Normalized components to render in front of sprites\n * Handles both direct component references and configuration objects with optional props and dependencies\n * \n * See `normalizedComponentsBehind` for format details.\n * Components with dependencies will only be displayed when all dependencies are resolved.\n */\n const normalizedComponentsInFront = computed(() => {\n return normalizeComponents(componentsInFront());\n });\n\n const isEventSprite = () => {\n return typeof sprite?.isEvent === 'function'\n ? sprite.isEvent()\n : sprite?._type === 'event';\n };\n\n const resolvedEventComponents = computed(() => {\n if (!isEventSprite()) return [];\n const eventComponent = normalizeEventComponent(client.resolveEventComponent(sprite), sprite);\n return eventComponent ? [eventComponent] : [];\n });\n \n /**\n * Determine if the camera should follow this sprite\n * \n * The camera follows this sprite if:\n * - It's explicitly set as the camera follow target, OR\n * - It's the current player and no explicit target is set (default behavior)\n */\n const shouldFollowCamera = computed(() => {\n const cameraTargetId = client.cameraFollowTargetId();\n // If a target is explicitly set, only follow if this sprite is the target\n if (cameraTargetId !== null) {\n return id() === cameraTargetId;\n }\n // Otherwise, follow the current player (default behavior)\n return isMe();\n });\n\n /**\n * Get all attached GUI components that should be rendered on sprites\n * These are GUIs with attachToSprite: true\n */\n const attachedGuis = computed(() => {\n return guiService.getAttachedGuis();\n });\n\n /**\n * Check if attached GUIs should be displayed for this sprite\n * This is controlled by showAttachedGui/hideAttachedGui on the server\n */\n const shouldDisplayAttachedGui = computed(() => {\n return guiService.shouldDisplayAttachedGui(id());\n });\n\n const { \n x, \n y, \n tint, \n direction, \n animationName, \n animationCurrentIndex,\n emitParticleTrigger, \n particleName, \n graphics, \n hitbox,\n isConnected,\n graphicsSignals,\n flashTrigger\n } = sprite;\n\n const renderedGraphics = computed(() => {\n const eventComponent = resolvedEventComponents()[0];\n if (eventComponent && !eventComponent.renderGraphic) return [];\n return graphicsSignals();\n });\n\n /**\n * Flash configuration signals for dynamic options\n * These signals are updated when the flash trigger is activated with options\n */\n const flashType = signal<'alpha' | 'tint' | 'both'>('alpha');\n const flashDuration = signal(300);\n const flashCycles = signal(1);\n const flashAlpha = signal(0.3);\n const flashTint = signal(0xffffff);\n\n /**\n * Listen to flash trigger to update configuration dynamically\n * When flash is triggered with options, update the signals\n */\n on(flashTrigger, (data) => {\n if (data && typeof data === 'object') {\n if (data.type !== undefined) flashType.set(data.type);\n if (data.duration !== undefined) flashDuration.set(data.duration);\n if (data.cycles !== undefined) flashCycles.set(data.cycles);\n if (data.alpha !== undefined) flashAlpha.set(data.alpha);\n if (data.tint !== undefined) flashTint.set(data.tint);\n }\n });\n\n /**\n * Flash configuration for the sprite\n * \n * This configuration is used by the flash directive to create visual feedback effects.\n * The flash trigger is exposed through the object, allowing both server events and\n * client-side code to trigger flash animations. Options can be passed dynamically\n * through the trigger, which updates the reactive signals.\n */\n const flashConfig = computed(() => ({\n trigger: flashTrigger,\n type: flashType(),\n duration: flashDuration(),\n cycles: flashCycles(),\n alpha: flashAlpha(),\n tint: flashTint(),\n }));\n\n const particleSettings = client.particleSettings;\n\n const canControls = () => isMe() && getCanMoveValue(sprite)\n const keyboardControls = client.globalConfig.keyboardControls;\n const activeDirectionKeys = new Map();\n\n const resolveHeldDirection = () => {\n const directions = Array.from(activeDirectionKeys.values());\n return directions[directions.length - 1];\n };\n\n const resolveSpriteDirection = () => {\n const heldDirection = resolveHeldDirection();\n if (heldDirection) return heldDirection;\n if (typeof sprite.getDirection === 'function') return sprite.getDirection();\n if (typeof sprite.direction === 'function') return sprite.direction();\n return direction();\n };\n\n const directionToDashVector = (currentDirection) => {\n switch (currentDirection) {\n case Direction.Left:\n return { x: -1, y: 0 };\n case Direction.Right:\n return { x: 1, y: 0 };\n case Direction.Up:\n return { x: 0, y: -1 };\n case Direction.Down:\n default:\n return { x: 0, y: 1 };\n }\n };\n\n const withCurrentDirection = (payload) => {\n if (payload.action !== 'action') return payload;\n const data = payload.data && typeof payload.data === 'object'\n ? { ...payload.data }\n : {};\n return {\n ...payload,\n data: {\n ...data,\n direction: data.direction ?? resolveSpriteDirection(),\n },\n };\n };\n\n const resolveCurrentActionInput = () =>\n withCurrentDirection(\n resolveKeyboardActionInput(keyboardControls.action, client, sprite)\n );\n\n const playPredictedWalkAnimation = () => {\n if (sprite.animationFixed) return;\n if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return;\n realAnimationName.set('walk');\n };\n\n const resumeHeldDirectionWalkAnimation = () => {\n if (!isCurrentPlayer()) return false;\n if (activeDirectionKeys.size === 0) return false;\n if (!canControls()) return false;\n if (sprite.animationFixed) return false;\n if (sprite.animationIsPlaying && sprite.animationIsPlaying()) return false;\n realAnimationName.set('walk');\n return true;\n };\n\n const processMovementInput = (input) => {\n if (!canControls()) return;\n client.processInput({ input });\n playPredictedWalkAnimation();\n };\n\n const processDashInput = () => {\n if (!canControls()) return;\n client.processDash({\n direction: directionToDashVector(resolveSpriteDirection()),\n });\n };\n\n const actionBind = () => getKeyboardControlBind(keyboardControls.action);\n const keyboardEventId = (event) => `${event.keyCode}:${event.code}:${event.key}`;\n\n const handleNativeActionWhileMoving = (event) => {\n const inputDirection = resolveKeyboardDirectionInput(event, keyboardControls);\n if (inputDirection) {\n const keyId = keyboardEventId(event);\n if (event.type === 'keydown') {\n activeDirectionKeys.delete(keyId);\n activeDirectionKeys.set(keyId, inputDirection);\n resumeHeldDirectionWalkAnimation();\n }\n else {\n activeDirectionKeys.delete(keyId);\n }\n }\n\n if (!isCurrentPlayer()) return;\n if (event.type !== 'keydown' || event.repeat) return;\n if (activeDirectionKeys.size === 0) return;\n if (!keyboardEventMatchesBind(event, actionBind())) return;\n if (!canControls()) return;\n\n client.processAction(resolveCurrentActionInput());\n };\n\n const visible = computed(() => {\n if (sprite.isEvent()) {\n return true\n }\n return isConnected()\n });\n\n const controls = {\n down: {\n repeat: true,\n bind: keyboardControls.down,\n keyDown() {\n processMovementInput(Direction.Down)\n },\n },\n up: {\n repeat: true,\n bind: keyboardControls.up,\n keyDown() {\n processMovementInput(Direction.Up)\n },\n },\n left: {\n repeat: true,\n bind: keyboardControls.left,\n keyDown() {\n processMovementInput(Direction.Left)\n },\n },\n right: {\n repeat: true,\n bind: keyboardControls.right,\n keyDown() {\n processMovementInput(Direction.Right)\n },\n },\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (canControls()) {\n client.processAction(resolveCurrentActionInput())\n }\n },\n },\n dash: {\n bind: keyboardControls.dash,\n keyDown() {\n processDashInput()\n },\n },\n escape: {\n bind: keyboardControls.escape,\n keyDown() {\n if (canControls()) {\n client.processAction({ action: 'escape' })\n }\n },\n },\n gamepad: {\n enabled: true\n }\n };\n\n const smoothX = animatedSignal(x(), {\n duration: isMe() ? 0 : 0\n });\n\n const smoothY = animatedSignal(y(), {\n duration: isMe() ? 0 : 0,\n });\n\n const z = computed(() => {\n return sprite.y() + sprite.z()\n });\n\n const realAnimationName = signal(animationName());\n\n const xSubscription = x.observable.subscribe((value) => {\n smoothX.set(value);\n });\n\n const ySubscription = y.observable.subscribe((value) => {\n smoothY.set(value);\n });\n \n const sheet = (graphicObject) => {\n return {\n definition: graphicObject,\n playing: realAnimationName(),\n params: {\n direction: direction()\n },\n onFinish() {\n animationCurrentIndex.update(index => index + 1)\n }\n };\n }\n\n const graphicScale = (graphicObject) => {\n const scale = graphicObject?.displayScale ?? graphicObject?.scale;\n if (Array.isArray(scale)) return scale;\n if (typeof scale === 'number') return [scale, scale];\n if (scale && typeof scale === 'object') {\n const x = typeof scale.x === 'number' ? scale.x : 1;\n const y = typeof scale.y === 'number' ? scale.y : x;\n return [x, y];\n }\n return undefined;\n }\n\n const shadowCaster = (graphicObject) => {\n const box = hitbox();\n const bounds = graphicBounds();\n const scale = graphicScale(graphicObject);\n const scaleY = Array.isArray(scale) && typeof scale[1] === 'number' ? Math.abs(scale[1]) : 1;\n const height = Math.max(bounds?.height ?? box?.h ?? 32, box?.h ?? 32) * scaleY;\n\n return {\n enabled: shadowsEnabled,\n height,\n footAnchor: { x: 0.5, y: 1 },\n footOffset: { x: 0, y: 2 },\n alpha: 0.5,\n blur: 3.5,\n gradientPower: 2,\n hardness: 0.42,\n minLength: Math.max(6, (box?.h ?? 32) * 0.25),\n maxLength: Math.max(90, height * 1.8),\n contactAlpha: 0.3,\n contactScale: 0.3,\n };\n }\n\n const imageDimensions = signal({});\n const loadingImageDimensions = new Set();\n\n const toPositiveNumber = (value) => {\n const number = typeof value === 'number' ? value : parseFloat(value);\n return Number.isFinite(number) && number > 0 ? number : undefined;\n };\n\n const toFiniteNumber = (value, fallback = 0) => {\n const number = typeof value === 'number' ? value : parseFloat(value);\n return Number.isFinite(number) ? number : fallback;\n };\n\n const clampRatio = (value) => Math.min(1, Math.max(0, value));\n\n const normalizePair = (value, fallback = [1, 1]) => {\n if (Array.isArray(value)) {\n const x = toFiniteNumber(value[0], fallback[0]);\n const y = toFiniteNumber(value[1] ?? value[0], x);\n return [x, y];\n }\n if (typeof value === 'number') {\n return [value, value];\n }\n if (value && typeof value === 'object') {\n const x = toFiniteNumber(value.x, fallback[0]);\n const y = toFiniteNumber(value.y ?? value.x, x);\n return [x, y];\n }\n return fallback;\n };\n\n const normalizeAnchor = (value) => {\n if (!Array.isArray(value)) return undefined;\n const [x, y] = normalizePair(value, [0, 0]);\n return [clampRatio(x), clampRatio(y)];\n };\n\n const resolveImageSource = (image) => {\n if (typeof image === 'string') return image;\n if (typeof image?.default === 'string') return image.default;\n return undefined;\n };\n\n const parentTextureOptions = (graphicObject) => {\n const props = [\n 'width',\n 'height',\n 'framesHeight',\n 'framesWidth',\n 'rectWidth',\n 'rectHeight',\n 'offset',\n 'image',\n 'sound',\n 'spriteRealSize',\n 'scale',\n 'anchor',\n 'pivot',\n 'x',\n 'y',\n 'opacity'\n ];\n\n return props.reduce((options, prop) => {\n if (graphicObject?.[prop] !== undefined) {\n options[prop] = graphicObject[prop];\n }\n return options;\n }, {});\n };\n\n const resolveTextureOptions = (graphicObject) => {\n const textures = graphicObject?.textures ?? {};\n const texture =\n textures[realAnimationName()] ??\n textures[Animation.Stand] ??\n Object.values(textures)[0] ??\n {};\n\n return {\n ...parentTextureOptions(graphicObject),\n ...texture\n };\n };\n\n const resolveFirstAnimationFrame = (textureOptions) => {\n const animations = textureOptions?.animations;\n if (!animations) return {};\n\n try {\n const frames = typeof animations === 'function'\n ? animations({ direction: direction() })\n : animations;\n if (!Array.isArray(frames)) return {};\n const firstGroup = frames[0];\n return Array.isArray(firstGroup) ? firstGroup[0] ?? {} : firstGroup ?? {};\n }\n catch {\n return {};\n }\n };\n\n const optionValue = (prop, frame, textureOptions, graphicObject) => {\n return frame?.[prop] ?? textureOptions?.[prop] ?? graphicObject?.[prop];\n };\n\n const resolveFrameSize = (textureOptions, dimensions) => {\n const framesWidth = toPositiveNumber(textureOptions?.framesWidth) ?? 1;\n const framesHeight = toPositiveNumber(textureOptions?.framesHeight) ?? 1;\n const imageSource = resolveImageSource(textureOptions?.image);\n const loadedSize = imageSource ? dimensions[imageSource] : undefined;\n const fullWidth = toPositiveNumber(textureOptions?.width) ?? loadedSize?.width;\n const fullHeight = toPositiveNumber(textureOptions?.height) ?? loadedSize?.height;\n const width = toPositiveNumber(textureOptions?.rectWidth) ??\n toPositiveNumber(textureOptions?.spriteWidth) ??\n (fullWidth ? fullWidth / framesWidth : undefined);\n const height = toPositiveNumber(textureOptions?.rectHeight) ??\n toPositiveNumber(textureOptions?.spriteHeight) ??\n (fullHeight ? fullHeight / framesHeight : undefined);\n\n return {\n width,\n height\n };\n };\n\n const resolveHitboxAnchor = (spriteWidth, spriteHeight, realSize, box) => {\n if (!spriteWidth || !spriteHeight || !box) {\n return [0, 0];\n }\n\n const heightOfSprite = typeof realSize === 'number' ? realSize : realSize?.height;\n const resolvedHeight = toPositiveNumber(heightOfSprite) ?? spriteHeight;\n const gap = Math.max(0, (spriteHeight - resolvedHeight) / 2);\n const hitboxTopLeftX = clampRatio((spriteWidth - box.w) / 2 / spriteWidth);\n const hitboxTopLeftY = clampRatio((spriteHeight - box.h - gap) / spriteHeight);\n const hitboxCenterX = clampRatio(hitboxTopLeftX + box.w / 2 / spriteWidth);\n const hitboxCenterY = clampRatio(hitboxTopLeftY + box.h / 2 / spriteHeight);\n const footY = clampRatio((spriteHeight - gap) / spriteHeight);\n\n switch (box.anchorMode ?? 'top-left') {\n case 'center':\n return [hitboxCenterX, hitboxCenterY];\n case 'foot':\n return [hitboxCenterX, footY];\n case 'top-left':\n default:\n return [hitboxTopLeftX, hitboxTopLeftY];\n }\n };\n\n const loadImageDimensions = (image) => {\n const source = resolveImageSource(image);\n if (!source || imageDimensions()[source] || loadingImageDimensions.has(source)) {\n return;\n }\n\n loadingImageDimensions.add(source);\n Assets.load(source)\n .then((texture) => {\n const width = toPositiveNumber(texture?.width);\n const height = toPositiveNumber(texture?.height);\n if (!width || !height) return;\n\n imageDimensions.update((dimensions) => ({\n ...dimensions,\n [source]: { width, height }\n }));\n })\n .catch(() => {})\n .finally(() => {\n loadingImageDimensions.delete(source);\n });\n };\n\n effect(() => {\n const sources = new Set();\n\n graphicsSignals().forEach((graphicObject) => {\n const baseImage = resolveImageSource(graphicObject?.image);\n if (baseImage) sources.add(baseImage);\n\n Object.values(graphicObject?.textures ?? {}).forEach((textureOptions) => {\n const image = resolveImageSource(textureOptions?.image ?? graphicObject?.image);\n if (image) sources.add(image);\n });\n });\n\n sources.forEach((source) => loadImageDimensions(source));\n });\n\n const hitboxBounds = computed(() => {\n const box = hitbox();\n const width = box?.w ?? 0;\n const height = box?.h ?? 0;\n\n return {\n left: 0,\n top: 0,\n right: width,\n bottom: height,\n width,\n height,\n centerX: width / 2,\n centerY: height / 2\n };\n });\n\n const graphicBounds = computed(() => {\n const box = hitbox();\n const fallback = hitboxBounds();\n const customEventComponent = resolvedEventComponents()[0];\n if (customEventComponent && !customEventComponent.renderGraphic) {\n return fallback;\n }\n const dimensions = imageDimensions();\n const graphics = graphicsSignals();\n let bounds = null;\n\n graphics.forEach((graphicObject) => {\n const textureOptions = resolveTextureOptions(graphicObject);\n const frame = resolveFirstAnimationFrame(textureOptions);\n const size = resolveFrameSize(textureOptions, dimensions);\n const spriteWidth = size.width ?? box?.w;\n const spriteHeight = size.height ?? box?.h;\n\n if (!spriteWidth || !spriteHeight) {\n return;\n }\n\n const explicitAnchor = normalizeAnchor(optionValue('anchor', frame, textureOptions, graphicObject));\n const anchor = explicitAnchor ?? resolveHitboxAnchor(\n spriteWidth,\n spriteHeight,\n optionValue('spriteRealSize', frame, textureOptions, graphicObject),\n box\n );\n const scale = normalizePair(optionValue('scale', frame, textureOptions, graphicObject) ?? graphicScale(graphicObject));\n const x = toFiniteNumber(optionValue('x', frame, textureOptions, graphicObject), 0);\n const y = toFiniteNumber(optionValue('y', frame, textureOptions, graphicObject), 0);\n const leftEdge = -anchor[0] * spriteWidth * scale[0];\n const rightEdge = (1 - anchor[0]) * spriteWidth * scale[0];\n const topEdge = -anchor[1] * spriteHeight * scale[1];\n const bottomEdge = (1 - anchor[1]) * spriteHeight * scale[1];\n const graphic = {\n left: x + Math.min(leftEdge, rightEdge),\n top: y + Math.min(topEdge, bottomEdge),\n right: x + Math.max(leftEdge, rightEdge),\n bottom: y + Math.max(topEdge, bottomEdge)\n };\n\n bounds = bounds\n ? {\n left: Math.min(bounds.left, graphic.left),\n top: Math.min(bounds.top, graphic.top),\n right: Math.max(bounds.right, graphic.right),\n bottom: Math.max(bounds.bottom, graphic.bottom)\n }\n : graphic;\n });\n\n if (!bounds) {\n return fallback;\n }\n\n const width = bounds.right - bounds.left;\n const height = bounds.bottom - bounds.top;\n\n return {\n ...bounds,\n width,\n height,\n centerX: bounds.left + width / 2,\n centerY: bounds.top + height / 2\n };\n });\n\n const interactionBounds = () => ({\n bounds: graphicBounds(),\n hitbox: hitboxBounds(),\n graphic: graphicBounds()\n });\n\n const interactionCursor = computed(() =>\n client.interactions.cursorFor(sprite, interactionBounds())\n );\n\n const handleInteraction = (type) => (event) => {\n client.updatePointerFromInteractionEvent(event);\n client.interactions.handle(sprite, type, {\n event,\n bounds: interactionBounds()\n });\n };\n\n const interactionPointerOver = handleInteraction('pointerover');\n const interactionPointerOut = handleInteraction('pointerout');\n const interactionPointerDown = handleInteraction('pointerdown');\n const interactionPointerUp = handleInteraction('pointerup');\n const interactionPointerMove = handleInteraction('pointermove');\n const interactionClick = handleInteraction('click');\n\n // Combine animation change detection with movement state from smoothX/smoothY\n const movementAnimations = ['walk', 'stand'];\n const epsilon = 0; // movement threshold to consider the easing still running\n\n const stateX$ = smoothX.animatedState.observable;\n const stateY$ = smoothY.animatedState.observable;\n const animationName$ = animationName.observable;\n\n const moving$ = combineLatest([stateX$, stateY$]).pipe(\n map(([sx, sy]) => {\n const xFinished = Math.abs(sx.value.current - sx.value.end) <= epsilon;\n const yFinished = Math.abs(sy.value.current - sy.value.end) <= epsilon;\n return !xFinished || !yFinished; // moving if X or Y is not finished\n }),\n startWith(false)\n );\n\n const animationChange$ = animationName$.pipe(\n startWith(animationName()),\n pairwise(),\n filter(([prev, curr]) => prev !== curr)\n );\n\n let beforeRemovePromise = null;\n let beforeRemoveTransitionValue = null;\n const resolveRemoveContext = () => {\n if (!sprite._removeTransition) return null;\n const value = sprite._removeTransition();\n if (!value || typeof value !== 'string') return null;\n try {\n const context = JSON.parse(value);\n if (!context || typeof context !== 'object' || !context.active) return null;\n context.__transitionValue = value;\n return context;\n }\n catch {\n return null;\n }\n };\n\n const withTimeout = (promise, timeoutMs = 0) => {\n if (!timeoutMs || timeoutMs <= 0) return promise;\n return Promise.race([\n promise,\n new Promise((resolve) => setTimeout(resolve, timeoutMs)),\n ]);\n };\n\n const runBeforeRemove = () => {\n const context = resolveRemoveContext();\n if (!context) return Promise.resolve();\n if (beforeRemovePromise && beforeRemoveTransitionValue === context.__transitionValue) {\n return beforeRemovePromise;\n }\n beforeRemoveTransitionValue = context.__transitionValue;\n beforeRemovePromise = withTimeout(\n lastValueFrom(hooks.callHooks(\"client-sprite-onBeforeRemove\", sprite, context)),\n context.timeoutMs\n );\n return beforeRemovePromise;\n };\n\n const removeTransitionSubscription = sprite._removeTransition?.observable?.subscribe(() => {\n if (resolveRemoveContext()) {\n runBeforeRemove();\n }\n });\n\n const animationMovementSubscription = combineLatest([animationChange$, moving$]).subscribe(([[prev, curr], isMoving]) => {\n const isMovementAnimation = movementAnimations.includes(curr);\n const isTemporaryAnimationPlaying =\n sprite.animationIsPlaying && sprite.animationIsPlaying();\n\n if (sprite.animationFixed && isMovementAnimation) {\n realAnimationName.set(curr);\n return;\n }\n\n if (curr == 'stand' && !isMoving) {\n if (!resumeHeldDirectionWalkAnimation()) {\n realAnimationName.set(curr);\n }\n }\n else if (curr == 'walk' && isMoving) {\n realAnimationName.set(curr);\n }\n else if (!isMovementAnimation) {\n realAnimationName.set(curr);\n }\n if (!isMoving && isTemporaryAnimationPlaying) {\n if (isMovementAnimation) {\n if (typeof sprite.resetAnimationState === 'function') {\n sprite.resetAnimationState();\n }\n }\n }\n });\n\n const resumeWalkSubscriptions = [\n sprite._canMove,\n sprite._animationFixed,\n sprite.animationIsPlaying,\n ]\n .filter(signal => signal?.observable)\n .map(signal => signal.observable.subscribe(() => {\n resumeHeldDirectionWalkAnimation();\n }));\n\n /**\n * Cleanup subscriptions and call hooks before sprite destruction.\n *\n * # Design\n * - Prevent memory leaks by unsubscribing from all local subscriptions created in this component.\n * - Execute destruction hooks to notify modules and scene map of sprite removal.\n *\n * @example\n * await onBeforeDestroy();\n */\n const waitForTemporaryAnimationEnd = (maxDuration = 1200) => {\n if (!sprite.animationIsPlaying || !sprite.animationIsPlaying()) {\n return Promise.resolve();\n }\n\n return new Promise((resolve) => {\n let finished = false;\n let timeout;\n let subscription;\n const finish = () => {\n if (finished) return;\n finished = true;\n clearTimeout(timeout);\n subscription?.unsubscribe();\n resolve();\n };\n timeout = setTimeout(finish, maxDuration);\n subscription = sprite.animationIsPlaying.observable.subscribe((isPlaying) => {\n if (!isPlaying) finish();\n });\n if (finished) subscription.unsubscribe();\n });\n };\n\n const onBeforeDestroy = async () => {\n await runBeforeRemove();\n await waitForTemporaryAnimationEnd();\n if (typeof document !== 'undefined') {\n document.removeEventListener('keydown', handleNativeActionWhileMoving);\n document.removeEventListener('keyup', handleNativeActionWhileMoving);\n }\n removeTransitionSubscription?.unsubscribe();\n animationMovementSubscription.unsubscribe();\n resumeWalkSubscriptions.forEach(subscription => subscription.unsubscribe());\n xSubscription.unsubscribe();\n ySubscription.unsubscribe();\n await lastValueFrom(hooks.callHooks(\"client-sprite-onDestroy\", sprite)) \n await lastValueFrom(hooks.callHooks(\"client-sceneMap-onRemoveSprite\", client.sceneMap, sprite))\n }\n\n mount((element) => {\n if (typeof document !== 'undefined') {\n document.addEventListener('keydown', handleNativeActionWhileMoving);\n document.addEventListener('keyup', handleNativeActionWhileMoving);\n }\n hooks.callHooks(\"client-sprite-onAdd\", sprite).subscribe()\n hooks.callHooks(\"client-sceneMap-onAddSprite\", client.sceneMap, sprite).subscribe()\n effect(() => {\n if (isCurrentPlayer()) {\n client.setKeyboardControls(element.directives.controls)\n }\n })\n })\n\n /**\n * Handle attached GUI finish event\n * \n * @param gui - The GUI instance\n * @param data - Data passed from the GUI component\n */\n const normalizeOpenId = (value) => {\n const resolved = typeof value === \"function\" ? value() : value;\n return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined;\n };\n\n const onAttachedGuiFinish = (gui, data, guiOpenId) => {\n const completedOpenId = normalizeOpenId(guiOpenId);\n const currentOpenId = normalizeOpenId(gui.openId);\n if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return;\n guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId);\n };\n\n /**\n * Handle attached GUI interaction event\n * \n * @param gui - The GUI instance\n * @param name - Interaction name\n * @param data - Interaction data\n */\n const onAttachedGuiInteraction = (gui, name, data) => {\n guiService.guiInteraction(gui.name, name, data);\n };\n\n tick(() => {\n hooks.callHooks(\"client-sprite-onUpdate\").subscribe()\n })\n</script>\n"],"mappings":"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"}
|
|
@@ -12,17 +12,28 @@ function component($$props) {
|
|
|
12
12
|
const keyboardControls = engine.globalConfig.keyboardControls;
|
|
13
13
|
engine.stopProcessingInput = true;
|
|
14
14
|
const selectedItem = signal(0);
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
15
|
+
const ACTION_OPEN_GUARD_MS = 150;
|
|
16
|
+
const openedAt = Date.now();
|
|
17
|
+
const { data, onFinish, onInteraction, guiOpenId } = defineProps();
|
|
18
|
+
const dialogData = computed(() => data() || {});
|
|
19
|
+
const dialogChoices = computed(() => Array.isArray(dialogData().choices) ? dialogData().choices : []);
|
|
20
|
+
const message = computed(() => dialogData().message);
|
|
21
|
+
const speaker = computed(() => dialogData().speaker);
|
|
22
|
+
const position = computed(() => dialogData().position);
|
|
23
|
+
const typewriterEffect = computed(() => dialogData().typewriterEffect);
|
|
24
|
+
const fullWidth = computed(() => dialogData().fullWidth || false);
|
|
18
25
|
const resolveProp = (value) => typeof value === "function" ? value() : value;
|
|
26
|
+
const normalizeOpenId = (value) => {
|
|
27
|
+
const resolved = resolveProp(value);
|
|
28
|
+
return typeof resolved === "string" && resolved.length > 0 ? resolved : void 0;
|
|
29
|
+
};
|
|
19
30
|
const speakerName = computed(() => {
|
|
20
|
-
const value = resolveProp(speaker);
|
|
31
|
+
const value = resolveProp(speaker());
|
|
21
32
|
return value ? String(value) : "";
|
|
22
33
|
});
|
|
23
|
-
const dialogPosition = computed(() => resolveProp(position) || "bottom");
|
|
34
|
+
const dialogPosition = computed(() => resolveProp(position()) || "bottom");
|
|
24
35
|
const isFullWidth = computed(() => resolveProp(fullWidth) !== false);
|
|
25
|
-
const dialogFace = computed(() => resolveProp(face));
|
|
36
|
+
const dialogFace = computed(() => resolveProp(dialogData().face));
|
|
26
37
|
const hasFace = computed(() => {
|
|
27
38
|
const value = dialogFace();
|
|
28
39
|
return !!(value && value.id);
|
|
@@ -55,17 +66,17 @@ function component($$props) {
|
|
|
55
66
|
isTyping.set(false);
|
|
56
67
|
};
|
|
57
68
|
effect(() => {
|
|
58
|
-
const text = resolveProp(message) || "";
|
|
69
|
+
const text = resolveProp(message()) || "";
|
|
59
70
|
fullMessage.set(text);
|
|
60
|
-
if (!(resolveProp(typewriterEffect) !== false)) {
|
|
71
|
+
if (!(resolveProp(typewriterEffect()) !== false)) {
|
|
61
72
|
finishTyping();
|
|
62
73
|
return;
|
|
63
74
|
}
|
|
64
75
|
startTypewriter(text);
|
|
65
76
|
});
|
|
66
|
-
const hasChoices = computed(() =>
|
|
77
|
+
const hasChoices = computed(() => dialogChoices().length > 0);
|
|
67
78
|
const showIndicator = computed(() => !hasChoices() && !isTyping());
|
|
68
|
-
const nav = createTabindexNavigator(selectedItem, { count: () =>
|
|
79
|
+
const nav = createTabindexNavigator(selectedItem, { count: () => dialogChoices().length }, "wrap");
|
|
69
80
|
function selectChoice(index) {
|
|
70
81
|
return function() {
|
|
71
82
|
selectedItem.set(index);
|
|
@@ -73,11 +84,12 @@ function component($$props) {
|
|
|
73
84
|
};
|
|
74
85
|
}
|
|
75
86
|
function _onFinish(value) {
|
|
76
|
-
if (onFinish) onFinish(value);
|
|
87
|
+
if (onFinish) onFinish(value, normalizeOpenId(guiOpenId));
|
|
77
88
|
}
|
|
78
89
|
const onSelect = (index) => {
|
|
79
90
|
_onFinish(index);
|
|
80
91
|
};
|
|
92
|
+
const canAcceptAction = () => Date.now() - openedAt >= ACTION_OPEN_GUARD_MS;
|
|
81
93
|
const controls = signal({
|
|
82
94
|
up: {
|
|
83
95
|
repeat: true,
|
|
@@ -100,6 +112,7 @@ function component($$props) {
|
|
|
100
112
|
action: {
|
|
101
113
|
bind: getKeyboardControlBind(keyboardControls.action),
|
|
102
114
|
keyDown() {
|
|
115
|
+
if (!canAcceptAction()) return;
|
|
103
116
|
if (isTyping()) {
|
|
104
117
|
finishTyping();
|
|
105
118
|
return;
|
|
@@ -113,6 +126,7 @@ function component($$props) {
|
|
|
113
126
|
const dialogControls = signal({ action: {
|
|
114
127
|
bind: getKeyboardControlBind(keyboardControls.action),
|
|
115
128
|
keyDown() {
|
|
129
|
+
if (!canAcceptAction()) return;
|
|
116
130
|
if (isTyping()) {
|
|
117
131
|
finishTyping();
|
|
118
132
|
return;
|
|
@@ -122,6 +136,7 @@ function component($$props) {
|
|
|
122
136
|
}
|
|
123
137
|
} });
|
|
124
138
|
const faceSheet = (faceValue) => {
|
|
139
|
+
if (!faceValue || !faceValue.id) return;
|
|
125
140
|
return {
|
|
126
141
|
definition: engine.getSpriteSheet(faceValue.id),
|
|
127
142
|
playing: faceValue.expression || "default"
|
|
@@ -169,7 +184,7 @@ function component($$props) {
|
|
|
169
184
|
}, h(DOMElement, {
|
|
170
185
|
element: "div",
|
|
171
186
|
attrs: { class: "rpg-ui-dialog-choices" }
|
|
172
|
-
}, loop(
|
|
187
|
+
}, loop(computed(() => dialogChoices()), (choice, index) => h(DOMElement, {
|
|
173
188
|
element: "div",
|
|
174
189
|
attrs: {
|
|
175
190
|
class: ["rpg-ui-dialog-choice", computed(() => ({ active: selectedItem() === index }))],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n <div\n class=\"rpg-ui-dialog-container\"\n data-position={dialogPosition()}\n data-full-width={isFullWidth() ? \"true\" : \"false\"}\n data-has-face={hasFace() ? \"true\" : \"false\"}\n >\n <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n <div class=\"rpg-ui-dialog-body\">\n <div>\n @if (speakerName()) {\n <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n }\n <div class=\"rpg-ui-dialog-content\">\n {displayMessage()}\n </div>\n @if (hasChoices()) {\n <Navigation tabindex={selectedItem} controls={controls}>\n <div class=\"rpg-ui-dialog-choices\">\n @for ((choice,index) of choices) {\n <div\n class=\"rpg-ui-dialog-choice\"\n class={{active: selectedItem() === index}}\n tabindex={index}\n data-choice-index={index}\n click={selectChoice(index)}\n >{{ choice.text }}</div>\n }\n </div>\n </Navigation>\n }\n </div>\n @if (hasFace()) {\n <div class=\"rpg-ui-dialog-face\">\n <DOMSprite\n sheet={faceSheet(dialogFace())}\n width=\"100%\"\n height=\"100%\"\n objectFit=\"contain\"\n />\n </div>\n }\n </div>\n @if (showIndicator) {\n <div class=\"rpg-ui-dialog-indicator\"></div>\n }\n </div>\n </div>\n</DOMContainer>\n \n<script>\n import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n import { inject } from \"../../../core/inject\";\n import { RpgClientEngine } from \"../../../RpgClientEngine\";\n import { delay } from \"@rpgjs/common\";\n import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n const engine = inject(RpgClientEngine);\n const currentPlayer = engine.scene.currentPlayer\n const keyboardControls = engine.globalConfig.keyboardControls;\n\n engine.stopProcessingInput = true;\n\n const selectedItem = signal(0)\n let isDestroyed = false;\n\n const {\n data,\n onFinish,\n onInteraction\n } = defineProps();\n\n const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();\n const fullWidth = computed(() => data().fullWidth || false);\n\n const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n\n const speakerName = computed(() => {\n const value = resolveProp(speaker);\n return value ? String(value) : \"\";\n });\n\n const dialogPosition = computed(() => resolveProp(position) || \"bottom\");\n const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n const dialogFace = computed(() => resolveProp(face));\n const hasFace = computed(() => {\n const value = dialogFace();\n return !!(value && value.id);\n });\n\n const displayMessage = signal(\"\");\n const fullMessage = signal(\"\");\n const isTyping = signal(false);\n let typewriterTimer = null;\n let rootElement = null;\n\n mount((element) => {\n rootElement = element;\n });\n\n const startTypewriter = (text) => {\n if (typewriterTimer) clearInterval(typewriterTimer);\n displayMessage.set(\"\");\n if (!text) return;\n let index = 0;\n isTyping.set(true);\n typewriterTimer = setInterval(() => {\n index += 1;\n displayMessage.set(text.slice(0, index));\n if (index >= text.length) {\n clearInterval(typewriterTimer);\n typewriterTimer = null;\n isTyping.set(false);\n }\n }, 20);\n };\n\n const finishTyping = () => {\n if (typewriterTimer) clearInterval(typewriterTimer);\n typewriterTimer = null;\n displayMessage.set(fullMessage());\n isTyping.set(false);\n };\n\n effect(() => {\n const text = resolveProp(message) || \"\";\n fullMessage.set(text);\n const useTypewriter = resolveProp(typewriterEffect) !== false;\n if (!useTypewriter) {\n finishTyping();\n return;\n }\n startTypewriter(text);\n });\n\n\n const hasChoices = computed(() => choices.length > 0);\n const showIndicator = computed(() => !hasChoices() && !isTyping());\n const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, 'wrap');\n\n function selectChoice(index) {\n return function() {\n selectedItem.set(index);\n onSelect(index);\n }\n }\n\n function _onFinish(value) {\n if (onFinish) onFinish(value);\n }\n\n const onSelect = (index) => {\n _onFinish(index);\n };\n\n const controls = signal({\n up: {\n repeat: true,\n bind: keyboardControls.up,\n throttle: 150,\n keyDown() {\n if (!hasChoices()) return;\n nav.next(-1);\n }\n },\n down: {\n repeat: true,\n bind: keyboardControls.down,\n throttle: 150,\n keyDown() {\n if (!hasChoices()) return;\n nav.next(1);\n }\n },\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (isTyping()) {\n finishTyping();\n return;\n }\n if (!hasChoices()) return;\n onSelect(selectedItem());\n }\n },\n gamepad: {\n enabled: true\n }\n });\n \n const dialogControls = signal({\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (isTyping()) {\n finishTyping();\n return;\n }\n if (hasChoices()) return;\n _onFinish();\n }\n },\n })\n\n const faceSheet = (faceValue) => {\n return {\n definition: engine.getSpriteSheet(faceValue.id),\n playing: faceValue.expression || \"default\",\n };\n }\n\n mount((element) => {\n return () => {\n isDestroyed = true;\n // Wait destroy is finished before start processing input\n delay(() => {\n engine.stopProcessingInput = false;\n })\n }\n })\n</script>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.ce.js","names":[],"sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n <div\n class=\"rpg-ui-dialog-container\"\n data-position={dialogPosition()}\n data-full-width={isFullWidth() ? \"true\" : \"false\"}\n data-has-face={hasFace() ? \"true\" : \"false\"}\n >\n <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n <div class=\"rpg-ui-dialog-body\">\n <div>\n @if (speakerName()) {\n <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n }\n <div class=\"rpg-ui-dialog-content\">\n {displayMessage()}\n </div>\n @if (hasChoices()) {\n <Navigation tabindex={selectedItem} controls={controls}>\n <div class=\"rpg-ui-dialog-choices\">\n @for ((choice,index) of dialogChoices()) {\n <div\n class=\"rpg-ui-dialog-choice\"\n class={{active: selectedItem() === index}}\n tabindex={index}\n data-choice-index={index}\n click={selectChoice(index)}\n >{{ choice.text }}</div>\n }\n </div>\n </Navigation>\n }\n </div>\n @if (hasFace()) {\n <div class=\"rpg-ui-dialog-face\">\n <DOMSprite\n sheet={faceSheet(dialogFace())}\n width=\"100%\"\n height=\"100%\"\n objectFit=\"contain\"\n />\n </div>\n }\n </div>\n @if (showIndicator) {\n <div class=\"rpg-ui-dialog-indicator\"></div>\n }\n </div>\n </div>\n</DOMContainer>\n \n<script>\n import { effect, signal, computed, createTabindexNavigator, mount } from \"canvasengine\";\n import { inject } from \"../../../core/inject\";\n import { RpgClientEngine } from \"../../../RpgClientEngine\";\n import { delay } from \"@rpgjs/common\";\n import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n const engine = inject(RpgClientEngine);\n const currentPlayer = engine.scene.currentPlayer\n const keyboardControls = engine.globalConfig.keyboardControls;\n\n engine.stopProcessingInput = true;\n\n const selectedItem = signal(0)\n const ACTION_OPEN_GUARD_MS = 150;\n const openedAt = Date.now();\n\n const {\n data,\n onFinish,\n onInteraction,\n guiOpenId\n } = defineProps();\n\n const dialogData = computed(() => data() || {});\n const dialogChoices = computed(() => Array.isArray(dialogData().choices) ? dialogData().choices : []);\n const message = computed(() => dialogData().message);\n const speaker = computed(() => dialogData().speaker);\n const position = computed(() => dialogData().position);\n const typewriterEffect = computed(() => dialogData().typewriterEffect);\n const fullWidth = computed(() => dialogData().fullWidth || false);\n\n const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n const normalizeOpenId = (value) => {\n const resolved = resolveProp(value);\n return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined;\n };\n\n const speakerName = computed(() => {\n const value = resolveProp(speaker());\n return value ? String(value) : \"\";\n });\n\n const dialogPosition = computed(() => resolveProp(position()) || \"bottom\");\n const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n const dialogFace = computed(() => resolveProp(dialogData().face));\n const hasFace = computed(() => {\n const value = dialogFace();\n return !!(value && value.id);\n });\n\n const displayMessage = signal(\"\");\n const fullMessage = signal(\"\");\n const isTyping = signal(false);\n let typewriterTimer = null;\n let rootElement = null;\n\n mount((element) => {\n rootElement = element;\n });\n\n const startTypewriter = (text) => {\n if (typewriterTimer) clearInterval(typewriterTimer);\n displayMessage.set(\"\");\n if (!text) return;\n let index = 0;\n isTyping.set(true);\n typewriterTimer = setInterval(() => {\n index += 1;\n displayMessage.set(text.slice(0, index));\n if (index >= text.length) {\n clearInterval(typewriterTimer);\n typewriterTimer = null;\n isTyping.set(false);\n }\n }, 20);\n };\n\n const finishTyping = () => {\n if (typewriterTimer) clearInterval(typewriterTimer);\n typewriterTimer = null;\n displayMessage.set(fullMessage());\n isTyping.set(false);\n };\n\n effect(() => {\n const text = resolveProp(message()) || \"\";\n fullMessage.set(text);\n const useTypewriter = resolveProp(typewriterEffect()) !== false;\n if (!useTypewriter) {\n finishTyping();\n return;\n }\n startTypewriter(text);\n });\n\n\n const hasChoices = computed(() => dialogChoices().length > 0);\n const showIndicator = computed(() => !hasChoices() && !isTyping());\n const nav = createTabindexNavigator(selectedItem, { count: () => dialogChoices().length }, 'wrap');\n\n function selectChoice(index) {\n return function() {\n selectedItem.set(index);\n onSelect(index);\n }\n }\n\n function _onFinish(value) {\n if (onFinish) onFinish(value, normalizeOpenId(guiOpenId));\n }\n\n const onSelect = (index) => {\n _onFinish(index);\n };\n\n const canAcceptAction = () => Date.now() - openedAt >= ACTION_OPEN_GUARD_MS;\n\n const controls = signal({\n up: {\n repeat: true,\n bind: keyboardControls.up,\n throttle: 150,\n keyDown() {\n if (!hasChoices()) return;\n nav.next(-1);\n }\n },\n down: {\n repeat: true,\n bind: keyboardControls.down,\n throttle: 150,\n keyDown() {\n if (!hasChoices()) return;\n nav.next(1);\n }\n },\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (!canAcceptAction()) {\n return;\n }\n if (isTyping()) {\n finishTyping();\n return;\n }\n if (!hasChoices()) return;\n onSelect(selectedItem());\n }\n },\n gamepad: {\n enabled: true\n }\n });\n \n const dialogControls = signal({\n action: {\n bind: getKeyboardControlBind(keyboardControls.action),\n keyDown() {\n if (!canAcceptAction()) {\n return;\n }\n if (isTyping()) {\n finishTyping();\n return;\n }\n if (hasChoices()) return;\n _onFinish();\n }\n },\n })\n\n const faceSheet = (faceValue) => {\n if (!faceValue || !faceValue.id) {\n return undefined;\n }\n return {\n definition: engine.getSpriteSheet(faceValue.id),\n playing: faceValue.expression || \"default\",\n };\n }\n\n mount((element) => {\n return () => {\n // Wait destroy is finished before start processing input\n delay(() => {\n engine.stopProcessingInput = false;\n })\n }\n })\n</script>\n"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ function component($$props) {
|
|
|
9
9
|
useProps($$props);
|
|
10
10
|
const defineProps = useDefineProps($$props);
|
|
11
11
|
const engine = inject(RpgClientEngine);
|
|
12
|
+
const { t } = engine.i18n();
|
|
12
13
|
const guiService = inject(RpgGui);
|
|
13
14
|
const keyboardControls = engine.globalConfig.keyboardControls;
|
|
14
15
|
const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({
|
|
@@ -18,13 +19,13 @@ function component($$props) {
|
|
|
18
19
|
});
|
|
19
20
|
const defaultEntries = [{
|
|
20
21
|
id: "title",
|
|
21
|
-
label: "
|
|
22
|
+
label: t("rpg.gameover.title-screen")
|
|
22
23
|
}, {
|
|
23
24
|
id: "load",
|
|
24
|
-
label: "
|
|
25
|
+
label: t("rpg.gameover.load-game")
|
|
25
26
|
}];
|
|
26
27
|
const resolveProp = (value) => typeof value === "function" ? value() : value;
|
|
27
|
-
const titleText = computed(() => resolveProp(title) || "
|
|
28
|
+
const titleText = computed(() => resolveProp(title) || t("rpg.gameover.title"));
|
|
28
29
|
const subtitleText = computed(() => resolveProp(subtitle) || "");
|
|
29
30
|
const localActionsEnabled = computed(() => resolveProp(localActions) === true);
|
|
30
31
|
const entryList = computed(() => {
|