@rpgjs/client 5.0.0-beta.15 → 5.0.0-beta.17

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.
Files changed (21) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/RpgClientEngine.d.ts +10 -0
  3. package/dist/RpgClientEngine.js +69 -2
  4. package/dist/RpgClientEngine.js.map +1 -1
  5. package/dist/components/character.ce.js +2 -1
  6. package/dist/components/character.ce.js.map +1 -1
  7. package/dist/services/AbstractSocket.d.ts +2 -0
  8. package/dist/services/AbstractSocket.js.map +1 -1
  9. package/dist/services/mmorpg.d.ts +1 -0
  10. package/dist/services/mmorpg.js +1 -0
  11. package/dist/services/mmorpg.js.map +1 -1
  12. package/dist/services/standalone.d.ts +1 -0
  13. package/dist/services/standalone.js +1 -0
  14. package/dist/services/standalone.js.map +1 -1
  15. package/package.json +4 -4
  16. package/src/RpgClientEngine.ts +119 -3
  17. package/src/components/character.ce +2 -1
  18. package/src/services/AbstractSocket.ts +3 -0
  19. package/src/services/mmorpg.ts +2 -0
  20. package/src/services/standalone.spec.ts +20 -0
  21. package/src/services/standalone.ts +2 -0
package/dist/components/character.ce.js.map CHANGED
@@ -1 +1 @@
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, shouldRenderLightingShadows } 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 shouldRenderLightingShadows(lighting);\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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"}
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, shouldRenderLightingShadows } 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 shouldRenderLightingShadows(lighting);\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 const box = hitbox?.()\n return sprite.y() + (box?.h ?? 0) + 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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"}
package/dist/services/AbstractSocket.d.ts CHANGED
@@ -7,8 +7,10 @@ export type SocketUpdateProperties = {
7
7
  host?: string;
8
8
  query?: SocketQuery;
9
9
  };
10
+ export type WebSocketMode = "standalone" | "mmorpg";
10
11
  export declare abstract class AbstractWebsocket {
11
12
  protected context: Context;
13
+ readonly mode?: WebSocketMode;
12
14
  constructor(context: Context);
13
15
  abstract connection(listeners?: (data: any) => void): Promise<void>;
14
16
  abstract emit(event: string, data: any): void;
package/dist/services/AbstractSocket.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AbstractSocket.js","names":[],"sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport type SocketQueryValue = string | null | undefined;\nexport type SocketQuery = Record<string, SocketQueryValue>;\nexport type SocketUpdateProperties = {\n room: string;\n host?: string;\n query?: SocketQuery;\n};\n\nexport abstract class AbstractWebsocket {\n constructor(protected context: Context) {}\n\n abstract connection(listeners?: (data: any) => void): Promise<void>;\n abstract emit(event: string, data: any): void;\n abstract on(event: string, callback: (data: any) => void): void;\n abstract off(event: string, callback: (data: any) => void): void;\n abstract updateProperties(params: SocketUpdateProperties): void;\n abstract reconnect(listeners?: (data: any) => void): Promise<void>;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;AAU9B,IAAsB,oBAAtB,MAAwC;CACtC,YAAY,SAA4B;EAAlB,KAAA,UAAA;CAAmB;AAQ3C"}
1
+ {"version":3,"file":"AbstractSocket.js","names":[],"sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport type SocketQueryValue = string | null | undefined;\nexport type SocketQuery = Record<string, SocketQueryValue>;\nexport type SocketUpdateProperties = {\n room: string;\n host?: string;\n query?: SocketQuery;\n};\nexport type WebSocketMode = \"standalone\" | \"mmorpg\";\n\nexport abstract class AbstractWebsocket {\n readonly mode?: WebSocketMode;\n\n constructor(protected context: Context) {}\n\n abstract connection(listeners?: (data: any) => void): Promise<void>;\n abstract emit(event: string, data: any): void;\n abstract on(event: string, callback: (data: any) => void): void;\n abstract off(event: string, callback: (data: any) => void): void;\n abstract updateProperties(params: SocketUpdateProperties): void;\n abstract reconnect(listeners?: (data: any) => void): Promise<void>;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;AAW9B,IAAsB,oBAAtB,MAAwC;CAGtC,YAAY,SAA4B;EAAlB,KAAA,UAAA;CAAmB;AAQ3C"}
package/dist/services/mmorpg.d.ts CHANGED
@@ -13,6 +13,7 @@ export interface MmorpgOptions {
13
13
  export declare class BridgeWebsocket extends AbstractWebsocket {
14
14
  protected context: Context;
15
15
  private options;
16
+ readonly mode: "mmorpg";
16
17
  private socket;
17
18
  private privateId;
18
19
  private pendingOn;
package/dist/services/mmorpg.js CHANGED
@@ -12,6 +12,7 @@ var BridgeWebsocket = class extends AbstractWebsocket {
12
12
  super(context);
13
13
  this.context = context;
14
14
  this.options = options;
15
+ this.mode = "mmorpg";
15
16
  this.pendingOn = [];
16
17
  this.acceptedOpenListeners = /* @__PURE__ */ new Set();
17
18
  this.targetRoom = "lobby-1";
package/dist/services/mmorpg.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mmorpg.js","names":[],"sources":["../../src/services/mmorpg.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\nimport { connectionRoom } from \"@signe/sync/client\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { AbstractWebsocket, SocketQuery, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\nimport { isNativeSocketEvent, waitForRpgjsConnected } from \"./mmorpg-connection\";\n\nexport interface MmorpgOptions {\n host?: string;\n connectionId?: string;\n connectionIdScope?: \"local\" | \"session\" | \"ephemeral\";\n query?: SocketQuery | (() => SocketQuery | undefined);\n socketOptions?: Record<string, any>;\n}\n\nexport class BridgeWebsocket extends AbstractWebsocket {\n private socket: any;\n private privateId: string;\n private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\n private acceptedOpenListeners = new Set<(data: any) => void>();\n private targetRoom = \"lobby-1\";\n\n constructor(protected context: Context, private options: MmorpgOptions = {}) {\n super(context);\n this.privateId = this.resolveConnectionId();\n }\n\n private resolveConnectionId(): string {\n if (this.options.connectionId) {\n return this.options.connectionId;\n }\n\n const scope = this.options.connectionIdScope ?? \"local\";\n const key = \"rpgjs-user-id\";\n\n if (scope === \"ephemeral\") {\n return crypto.randomUUID();\n }\n\n const storage =\n scope === \"session\"\n ? window.sessionStorage\n : window.localStorage;\n\n const existing = storage.getItem(key);\n if (existing) {\n return existing;\n }\n\n const id = crypto.randomUUID();\n storage.setItem(key, id);\n return id;\n }\n\n private resolveQuery(): SocketQuery {\n const query = typeof this.options.query === \"function\"\n ? this.options.query()\n : this.options.query;\n\n return query ?? {};\n }\n\n async connection(listeners?: (data: any) => void) {\n // tmp\n class Room {\n \n }\n const instance = new Room()\n const host = this.options.host || window.location.host;\n this.socket = await connectionRoom({\n maxRetries: 0,\n ...this.options.socketOptions,\n host,\n room: this.targetRoom,\n id: this.privateId,\n query: {\n ...this.resolveQuery(),\n id: this.privateId,\n },\n }, instance)\n\n const pendingOn = this.pendingOn;\n this.pendingOn = [];\n pendingOn\n .filter(({ event }) => !this.isNativeSocketEvent(event))\n .forEach(({ event, callback }) => this.attachEvent(event, callback));\n await waitForRpgjsConnected(this.socket.conn);\n pendingOn\n .filter(({ event }) => this.isNativeSocketEvent(event))\n .forEach(({ event, callback }) => this.attachEvent(event, callback));\n this.emitAcceptedOpen();\n listeners?.(this.socket)\n }\n\n on(key: string, callback: (data: any) => void) {\n if (!this.socket) {\n this.pendingOn.push({ event: key, callback });\n return;\n }\n this.attachEvent(key, callback);\n }\n\n off(event: string, callback: (data: any) => void) {\n if (!this.socket) return;\n if (event === \"open\") {\n this.acceptedOpenListeners.delete(callback);\n return;\n }\n if (this.isNativeSocketEvent(event)) {\n this.socket.conn.removeEventListener(event, callback);\n return;\n }\n this.socket.off(event, callback);\n }\n\n emit(event: string, data: any) {\n this.socket.emit(event, data);\n }\n\n private attachEvent(event: string, callback: (data: any) => void) {\n if (event === \"open\") {\n this.acceptedOpenListeners.add(callback);\n return;\n }\n if (this.isNativeSocketEvent(event)) {\n this.socket.conn.addEventListener(event, callback);\n return;\n }\n this.socket.on(event, callback);\n }\n\n private emitAcceptedOpen() {\n const event = new Event(\"open\");\n this.acceptedOpenListeners.forEach((callback) => callback(event));\n }\n\n updateProperties({ room, host, query }: SocketUpdateProperties) {\n if (!this.socket?.conn) return;\n this.targetRoom = room;\n this.socket.conn.updateProperties({\n room,\n id: this.privateId,\n host: host || this.options.host || window.location.host,\n query: {\n ...this.resolveQuery(),\n ...query,\n id: this.privateId,\n },\n })\n }\n\n private isNativeSocketEvent(event: string) {\n return isNativeSocketEvent(event);\n }\n\n async reconnect(_listeners?: (data: any) => void): Promise<void> {\n if (!this.socket?.conn) return;\n const conn = this.socket.conn;\n const connected = waitForRpgjsConnected(conn, 10000, { ignoreCleanClose: true });\n conn.reconnect();\n await connected;\n this.emitAcceptedOpen();\n }\n\n getCurrentRoom(): string {\n return this.targetRoom || this.socket?.conn?.room || \"lobby-1\";\n }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n constructor(protected context: Context, private _options: MmorpgOptions) {\n super(context);\n }\n\n async update(_map: any) {\n // In MMORPG mode, clients are untrusted and must not push map definitions.\n // Map bootstrap/update is handled server-side by @rpgjs/vite.\n return;\n }\n}\n\nexport function provideMmorpg(options: MmorpgOptions) {\n return [\n {\n provide: WebSocketToken,\n useFactory: (context: Context) => new BridgeWebsocket(context, options),\n },\n {\n provide: UpdateMapToken,\n useFactory: (context: Context) => new UpdateMapStandaloneService(context, options),\n },\n provideKeyboardControls(),\n provideSaveClient(),\n RpgGui,\n RpgClientEngine,\n ];\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"mmorpg.js","names":[],"sources":["../../src/services/mmorpg.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\nimport { connectionRoom } from \"@signe/sync/client\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { AbstractWebsocket, SocketQuery, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\nimport { isNativeSocketEvent, waitForRpgjsConnected } from \"./mmorpg-connection\";\n\nexport interface MmorpgOptions {\n host?: string;\n connectionId?: string;\n connectionIdScope?: \"local\" | \"session\" | \"ephemeral\";\n query?: SocketQuery | (() => SocketQuery | undefined);\n socketOptions?: Record<string, any>;\n}\n\nexport class BridgeWebsocket extends AbstractWebsocket {\n readonly mode = \"mmorpg\" as const;\n\n private socket: any;\n private privateId: string;\n private pendingOn: Array<{ event: string; callback: (data: any) => void }> = [];\n private acceptedOpenListeners = new Set<(data: any) => void>();\n private targetRoom = \"lobby-1\";\n\n constructor(protected context: Context, private options: MmorpgOptions = {}) {\n super(context);\n this.privateId = this.resolveConnectionId();\n }\n\n private resolveConnectionId(): string {\n if (this.options.connectionId) {\n return this.options.connectionId;\n }\n\n const scope = this.options.connectionIdScope ?? \"local\";\n const key = \"rpgjs-user-id\";\n\n if (scope === \"ephemeral\") {\n return crypto.randomUUID();\n }\n\n const storage =\n scope === \"session\"\n ? window.sessionStorage\n : window.localStorage;\n\n const existing = storage.getItem(key);\n if (existing) {\n return existing;\n }\n\n const id = crypto.randomUUID();\n storage.setItem(key, id);\n return id;\n }\n\n private resolveQuery(): SocketQuery {\n const query = typeof this.options.query === \"function\"\n ? this.options.query()\n : this.options.query;\n\n return query ?? {};\n }\n\n async connection(listeners?: (data: any) => void) {\n // tmp\n class Room {\n \n }\n const instance = new Room()\n const host = this.options.host || window.location.host;\n this.socket = await connectionRoom({\n maxRetries: 0,\n ...this.options.socketOptions,\n host,\n room: this.targetRoom,\n id: this.privateId,\n query: {\n ...this.resolveQuery(),\n id: this.privateId,\n },\n }, instance)\n\n const pendingOn = this.pendingOn;\n this.pendingOn = [];\n pendingOn\n .filter(({ event }) => !this.isNativeSocketEvent(event))\n .forEach(({ event, callback }) => this.attachEvent(event, callback));\n await waitForRpgjsConnected(this.socket.conn);\n pendingOn\n .filter(({ event }) => this.isNativeSocketEvent(event))\n .forEach(({ event, callback }) => this.attachEvent(event, callback));\n this.emitAcceptedOpen();\n listeners?.(this.socket)\n }\n\n on(key: string, callback: (data: any) => void) {\n if (!this.socket) {\n this.pendingOn.push({ event: key, callback });\n return;\n }\n this.attachEvent(key, callback);\n }\n\n off(event: string, callback: (data: any) => void) {\n if (!this.socket) return;\n if (event === \"open\") {\n this.acceptedOpenListeners.delete(callback);\n return;\n }\n if (this.isNativeSocketEvent(event)) {\n this.socket.conn.removeEventListener(event, callback);\n return;\n }\n this.socket.off(event, callback);\n }\n\n emit(event: string, data: any) {\n this.socket.emit(event, data);\n }\n\n private attachEvent(event: string, callback: (data: any) => void) {\n if (event === \"open\") {\n this.acceptedOpenListeners.add(callback);\n return;\n }\n if (this.isNativeSocketEvent(event)) {\n this.socket.conn.addEventListener(event, callback);\n return;\n }\n this.socket.on(event, callback);\n }\n\n private emitAcceptedOpen() {\n const event = new Event(\"open\");\n this.acceptedOpenListeners.forEach((callback) => callback(event));\n }\n\n updateProperties({ room, host, query }: SocketUpdateProperties) {\n if (!this.socket?.conn) return;\n this.targetRoom = room;\n this.socket.conn.updateProperties({\n room,\n id: this.privateId,\n host: host || this.options.host || window.location.host,\n query: {\n ...this.resolveQuery(),\n ...query,\n id: this.privateId,\n },\n })\n }\n\n private isNativeSocketEvent(event: string) {\n return isNativeSocketEvent(event);\n }\n\n async reconnect(_listeners?: (data: any) => void): Promise<void> {\n if (!this.socket?.conn) return;\n const conn = this.socket.conn;\n const connected = waitForRpgjsConnected(conn, 10000, { ignoreCleanClose: true });\n conn.reconnect();\n await connected;\n this.emitAcceptedOpen();\n }\n\n getCurrentRoom(): string {\n return this.targetRoom || this.socket?.conn?.room || \"lobby-1\";\n }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n constructor(protected context: Context, private _options: MmorpgOptions) {\n super(context);\n }\n\n async update(_map: any) {\n // In MMORPG mode, clients are untrusted and must not push map definitions.\n // Map bootstrap/update is handled server-side by @rpgjs/vite.\n return;\n }\n}\n\nexport function provideMmorpg(options: MmorpgOptions) {\n return [\n {\n provide: WebSocketToken,\n useFactory: (context: Context) => new BridgeWebsocket(context, options),\n },\n {\n provide: UpdateMapToken,\n useFactory: (context: Context) => new UpdateMapStandaloneService(context, options),\n },\n provideKeyboardControls(),\n provideSaveClient(),\n RpgGui,\n RpgClientEngine,\n ];\n}\n"],"mappings":"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"}
package/dist/services/standalone.d.ts CHANGED
@@ -9,6 +9,7 @@ interface StandaloneOptions {
9
9
  declare class BridgeWebsocket extends AbstractWebsocket {
10
10
  protected context: Context;
11
11
  private server;
12
+ readonly mode: "standalone";
12
13
  private room;
13
14
  private socket;
14
15
  private socketRoom?;
package/dist/services/standalone.js CHANGED
@@ -12,6 +12,7 @@ var BridgeWebsocket = class extends AbstractWebsocket {
12
12
  super(context);
13
13
  this.context = context;
14
14
  this.server = server;
15
+ this.mode = "standalone";
15
16
  this.listeners = [];
16
17
  this.rooms = {
17
18
  partyFn: async (roomId) => {
package/dist/services/standalone.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"standalone.js","names":[],"sources":["../../src/services/standalone.ts"],"sourcesContent":["import { AbstractWebsocket, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { ClientIo, ServerIo } from \"@signe/room\";\nimport { Context } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { LoadMapToken } from \"./loadMap\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\nimport { normalizeStandaloneMessage } from \"./standalone-message\";\n\ntype ServerIo = any;\ntype ClientIo = any;\n\ninterface StandaloneOptions {\n env?: Record<string, any>;\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n private room: ServerIo;\n private socket: ClientIo;\n private socketRoom?: ServerIo;\n private listeners: Array<{\n event: string;\n callback: (data: any) => void;\n handler: (event: any) => void;\n }> = [];\n private rooms = {\n partyFn: async (roomId: string) => {\n this.room = new ServerIo(roomId, this.rooms);\n const server = new this.server(this.room)\n await server.onStart();\n await server.subRoom.onStart()\n this.context.set('server', server)\n return server\n },\n env: {}\n }\n private serverInstance: any;\n\n constructor(protected context: Context, private server: any, options: StandaloneOptions = {}) {\n super(context);\n // fake room\n this.rooms.env = options.env || {};\n this.room = new ServerIo(\"lobby-1\", this.rooms);\n }\n\n async connection(listeners?: (data: any) => void) {\n this.serverInstance = new this.server(this.room);\n await this.serverInstance.onStart();\n await this.serverInstance.subRoom.onStart()\n this.context.set('server', this.serverInstance)\n return this._connection(listeners)\n }\n\n private async _connection(listeners?: (data: any) => void) {\n this.detachCurrentSocket();\n this.serverInstance = this.context.get('server')\n this.socket = new ClientIo(this.serverInstance, 'player-client-id');\n const url = new URL('http://localhost')\n const request = new Request(url.toString(), {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n })\n listeners?.(this.socket)\n this.room.clients.set(this.socket.id, this.socket);\n this.socketRoom = this.room;\n this.listeners.forEach(({ handler }) => {\n this.socket.addEventListener(\"message\", handler);\n });\n await this.serverInstance.onConnect(this.socket.conn as any, { request } as any);\n return this.socket\n }\n\n on(key: string, callback: (data: any) => void) {\n if (\n this.listeners.some(\n (listener) => listener.event === key && listener.callback === callback\n )\n ) {\n return;\n }\n const handler = (event) => {\n const object = normalizeStandaloneMessage(event);\n if (object.type === key) {\n callback(object.value);\n }\n };\n this.listeners.push({ event: key, callback, handler });\n this.socket?.addEventListener(\"message\", handler);\n }\n\n off(event: string, callback: (data: any) => void) {\n const remaining: typeof this.listeners = [];\n for (const listener of this.listeners) {\n if (listener.event === event && listener.callback === callback) {\n this.socket?.removeEventListener(\"message\", listener.handler);\n continue;\n }\n remaining.push(listener);\n }\n this.listeners = remaining;\n }\n\n emit(event: string, data: any) {\n this.socket.send({\n action: event,\n value: data,\n });\n }\n\n /**\n * Update underlying connection properties before a reconnect\n *\n * Design\n * - Dynamically register a factory for the requested room to ensure a fresh server instance\n * - Swap the internal ServerIo to target the new room\n *\n * @param params - Properties to update\n * @param params.room - The target room id (e.g. `map-simplemap2`)\n *\n * @example\n * ```ts\n * websocket.updateProperties({ room: 'map-simplemap2' })\n * await websocket.reconnect()\n * ```\n */\n updateProperties(_params: SocketUpdateProperties) {\n // empty\n }\n\n /**\n * Reconnect the client to the current Party room\n *\n * Design\n * - Must be called after `updateProperties()` when switching rooms\n * - Rebuilds the client <-> server bridge and re-triggers connection listeners\n *\n * @param listeners - Optional callback to re-bind event handlers on the new socket\n *\n * @example\n * ```ts\n * websocket.updateProperties({ room: 'map-dungeon' })\n * await websocket.reconnect((socket) => {\n * // re-bind events here\n * })\n * ```\n */\n async reconnect(listeners?: (data: any) => void): Promise<void> {\n await this._connection((socket) => {\n listeners?.(socket)\n })\n }\n\n private detachCurrentSocket() {\n if (!this.socket) return;\n this.listeners.forEach(({ handler }) => {\n this.socket.removeEventListener(\"message\", handler);\n });\n this.socketRoom?.clients?.delete?.(this.socket.id);\n this.socket = undefined as any;\n this.socketRoom = undefined;\n }\n\n getServer() {\n return this.serverInstance\n }\n\n getSocket() {\n return this.socket\n }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n private server: any;\n\n /**\n * Update the current room map data on the server side\n *\n * Design\n * - Uses the in-memory server instance stored in context (standalone mode)\n * - Builds a local HTTP-like request to the current Party room endpoint\n *\n * @param map - The map payload to apply on the server\n *\n * @example\n * ```ts\n * await updateMapService.update({ width: 1024, height: 768, events: [] })\n * ```\n */\n async update(map: any) {\n this.server = this.context.get('server')\n const roomId = this.server?.room?.id ?? 'lobby-1'\n const req = {\n url: `http://localhost/parties/main/${roomId}/map/update`,\n method: 'POST',\n headers: new Headers({}),\n json: async () => {\n return map;\n }\n };\n await this.server.onRequest(req)\n }\n}\n\nexport function provideRpg(server: any, options: StandaloneOptions = {}) {\n return [\n {\n provide: WebSocketToken,\n useFactory: (context: Context) => new BridgeWebsocket(context, server, options),\n },\n {\n provide: UpdateMapToken,\n useClass: UpdateMapStandaloneService,\n },\n provideKeyboardControls(),\n provideSaveClient(),\n RpgGui,\n RpgClientEngine,\n ];\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"standalone.js","names":[],"sources":["../../src/services/standalone.ts"],"sourcesContent":["import { AbstractWebsocket, SocketUpdateProperties, WebSocketToken } from \"./AbstractSocket\";\nimport { ClientIo, ServerIo } from \"@signe/room\";\nimport { Context } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { UpdateMapService, UpdateMapToken } from \"@rpgjs/common\";\nimport { LoadMapToken } from \"./loadMap\";\nimport { RpgGui } from \"../Gui/Gui\";\nimport { provideKeyboardControls } from \"./keyboardControls\";\nimport { provideSaveClient } from \"./save\";\nimport { normalizeStandaloneMessage } from \"./standalone-message\";\n\ntype ServerIo = any;\ntype ClientIo = any;\n\ninterface StandaloneOptions {\n env?: Record<string, any>;\n}\n\nclass BridgeWebsocket extends AbstractWebsocket {\n readonly mode = \"standalone\" as const;\n\n private room: ServerIo;\n private socket: ClientIo;\n private socketRoom?: ServerIo;\n private listeners: Array<{\n event: string;\n callback: (data: any) => void;\n handler: (event: any) => void;\n }> = [];\n private rooms = {\n partyFn: async (roomId: string) => {\n this.room = new ServerIo(roomId, this.rooms);\n const server = new this.server(this.room)\n await server.onStart();\n await server.subRoom.onStart()\n this.context.set('server', server)\n return server\n },\n env: {}\n }\n private serverInstance: any;\n\n constructor(protected context: Context, private server: any, options: StandaloneOptions = {}) {\n super(context);\n // fake room\n this.rooms.env = options.env || {};\n this.room = new ServerIo(\"lobby-1\", this.rooms);\n }\n\n async connection(listeners?: (data: any) => void) {\n this.serverInstance = new this.server(this.room);\n await this.serverInstance.onStart();\n await this.serverInstance.subRoom.onStart()\n this.context.set('server', this.serverInstance)\n return this._connection(listeners)\n }\n\n private async _connection(listeners?: (data: any) => void) {\n this.detachCurrentSocket();\n this.serverInstance = this.context.get('server')\n this.socket = new ClientIo(this.serverInstance, 'player-client-id');\n const url = new URL('http://localhost')\n const request = new Request(url.toString(), {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n })\n listeners?.(this.socket)\n this.room.clients.set(this.socket.id, this.socket);\n this.socketRoom = this.room;\n this.listeners.forEach(({ handler }) => {\n this.socket.addEventListener(\"message\", handler);\n });\n await this.serverInstance.onConnect(this.socket.conn as any, { request } as any);\n return this.socket\n }\n\n on(key: string, callback: (data: any) => void) {\n if (\n this.listeners.some(\n (listener) => listener.event === key && listener.callback === callback\n )\n ) {\n return;\n }\n const handler = (event) => {\n const object = normalizeStandaloneMessage(event);\n if (object.type === key) {\n callback(object.value);\n }\n };\n this.listeners.push({ event: key, callback, handler });\n this.socket?.addEventListener(\"message\", handler);\n }\n\n off(event: string, callback: (data: any) => void) {\n const remaining: typeof this.listeners = [];\n for (const listener of this.listeners) {\n if (listener.event === event && listener.callback === callback) {\n this.socket?.removeEventListener(\"message\", listener.handler);\n continue;\n }\n remaining.push(listener);\n }\n this.listeners = remaining;\n }\n\n emit(event: string, data: any) {\n this.socket.send({\n action: event,\n value: data,\n });\n }\n\n /**\n * Update underlying connection properties before a reconnect\n *\n * Design\n * - Dynamically register a factory for the requested room to ensure a fresh server instance\n * - Swap the internal ServerIo to target the new room\n *\n * @param params - Properties to update\n * @param params.room - The target room id (e.g. `map-simplemap2`)\n *\n * @example\n * ```ts\n * websocket.updateProperties({ room: 'map-simplemap2' })\n * await websocket.reconnect()\n * ```\n */\n updateProperties(_params: SocketUpdateProperties) {\n // empty\n }\n\n /**\n * Reconnect the client to the current Party room\n *\n * Design\n * - Must be called after `updateProperties()` when switching rooms\n * - Rebuilds the client <-> server bridge and re-triggers connection listeners\n *\n * @param listeners - Optional callback to re-bind event handlers on the new socket\n *\n * @example\n * ```ts\n * websocket.updateProperties({ room: 'map-dungeon' })\n * await websocket.reconnect((socket) => {\n * // re-bind events here\n * })\n * ```\n */\n async reconnect(listeners?: (data: any) => void): Promise<void> {\n await this._connection((socket) => {\n listeners?.(socket)\n })\n }\n\n private detachCurrentSocket() {\n if (!this.socket) return;\n this.listeners.forEach(({ handler }) => {\n this.socket.removeEventListener(\"message\", handler);\n });\n this.socketRoom?.clients?.delete?.(this.socket.id);\n this.socket = undefined as any;\n this.socketRoom = undefined;\n }\n\n getServer() {\n return this.serverInstance\n }\n\n getSocket() {\n return this.socket\n }\n}\n\nclass UpdateMapStandaloneService extends UpdateMapService {\n private server: any;\n\n /**\n * Update the current room map data on the server side\n *\n * Design\n * - Uses the in-memory server instance stored in context (standalone mode)\n * - Builds a local HTTP-like request to the current Party room endpoint\n *\n * @param map - The map payload to apply on the server\n *\n * @example\n * ```ts\n * await updateMapService.update({ width: 1024, height: 768, events: [] })\n * ```\n */\n async update(map: any) {\n this.server = this.context.get('server')\n const roomId = this.server?.room?.id ?? 'lobby-1'\n const req = {\n url: `http://localhost/parties/main/${roomId}/map/update`,\n method: 'POST',\n headers: new Headers({}),\n json: async () => {\n return map;\n }\n };\n await this.server.onRequest(req)\n }\n}\n\nexport function provideRpg(server: any, options: StandaloneOptions = {}) {\n return [\n {\n provide: WebSocketToken,\n useFactory: (context: Context) => new BridgeWebsocket(context, server, options),\n },\n {\n provide: UpdateMapToken,\n useClass: UpdateMapStandaloneService,\n },\n provideKeyboardControls(),\n provideSaveClient(),\n RpgGui,\n RpgClientEngine,\n ];\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpgjs/client",
3
- "version": "5.0.0-beta.15",
3
+ "version": "5.0.0-beta.17",
4
4
  "description": "RPGJS is a framework for creating RPG/MMORPG games",
5
5
  "main": "dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -22,9 +22,9 @@
22
22
  "pixi.js": "^8.9.2"
23
23
  },
24
24
  "dependencies": {
25
- "@rpgjs/common": "5.0.0-beta.14",
26
- "@rpgjs/server": "5.0.0-beta.15",
27
- "@rpgjs/ui-css": "5.0.0-beta.12",
25
+ "@rpgjs/common": "5.0.0-beta.16",
26
+ "@rpgjs/server": "5.0.0-beta.17",
27
+ "@rpgjs/ui-css": "5.0.0-beta.14",
28
28
  "@signe/di": "3.0.1",
29
29
  "@signe/room": "3.0.1",
30
30
  "@signe/sync": "3.0.1",
package/src/RpgClientEngine.ts CHANGED
@@ -52,6 +52,11 @@ interface MovementTrajectoryPoint {
52
52
  direction?: Direction;
53
53
  }
54
54
 
55
+ interface CanvasResizeSize {
56
+ width: number;
57
+ height: number;
58
+ }
59
+
55
60
  const DEFAULT_DASH_ADDITIONAL_SPEED = 8;
56
61
  const DEFAULT_DASH_DURATION_MS = 180;
57
62
  const DEFAULT_DASH_COOLDOWN_MS = 450;
@@ -187,6 +192,9 @@ export class RpgClientEngine<T = any> {
187
192
  private predictionEnabled = false;
188
193
  private prediction?: PredictionController<RpgMovementInput, Direction>;
189
194
  private readonly SERVER_CORRECTION_THRESHOLD = 30;
195
+ private localMovementAuthority = false;
196
+ private lastLocalMovementInputAt = 0;
197
+ private readonly LOCAL_MOVEMENT_AUTHORITY_ACK_GRACE_MS = 250;
190
198
  private inputFrameCounter = 0;
191
199
  private pendingPredictionFrames: number[] = [];
192
200
  private lastClientPhysicsStepAt = 0;
@@ -267,9 +275,36 @@ export class RpgClientEngine<T = any> {
267
275
  this.registerSpriteComponent("rpg:image", ImageComponent);
268
276
 
269
277
  this.predictionEnabled = (this.globalConfig as any)?.prediction?.enabled !== false;
278
+ this.localMovementAuthority = this.resolveLocalMovementAuthority();
270
279
  this.initializePredictionController();
271
280
  }
272
281
 
282
+ private resolveLocalMovementAuthority(): boolean {
283
+ const predictionConfig = (this.globalConfig as any)?.prediction;
284
+ const configured =
285
+ (this.globalConfig as any)?.movementAuthority ??
286
+ predictionConfig?.movementAuthority ??
287
+ predictionConfig?.authority ??
288
+ predictionConfig?.mode;
289
+
290
+ if (
291
+ configured === "server" ||
292
+ configured === "network" ||
293
+ configured === false
294
+ ) {
295
+ return false;
296
+ }
297
+ if (
298
+ configured === "client" ||
299
+ configured === "local" ||
300
+ configured === true
301
+ ) {
302
+ return true;
303
+ }
304
+
305
+ return this.webSocket.mode === "standalone";
306
+ }
307
+
273
308
  setLocale(locale: string) {
274
309
  this.locale = locale;
275
310
  }
@@ -359,6 +394,7 @@ export class RpgClientEngine<T = any> {
359
394
  Canvas,
360
395
  bootstrapOptions
361
396
  );
397
+ this.installCanvasResizeGuard(app);
362
398
  this.canvasApp = app;
363
399
  this.canvasElement = canvasElement;
364
400
  this.renderer = app.renderer as unknown as PIXI.Renderer;
@@ -420,6 +456,56 @@ export class RpgClientEngine<T = any> {
420
456
  this.startPingPong();
421
457
  }
422
458
 
459
+ private installCanvasResizeGuard(app: any) {
460
+ if (!app || typeof app.resize !== "function") return;
461
+
462
+ const originalResize = app.resize.bind(app);
463
+ app.resize = () => {
464
+ const targetSize = this.readCanvasResizeTargetSize(app);
465
+ const rendererSize = this.readCanvasRendererSize(app);
466
+
467
+ if (
468
+ targetSize &&
469
+ rendererSize &&
470
+ targetSize.width === rendererSize.width &&
471
+ targetSize.height === rendererSize.height
472
+ ) {
473
+ this.cancelCanvasResizeFrame(app);
474
+ return;
475
+ }
476
+
477
+ originalResize();
478
+ };
479
+ }
480
+
481
+ private readCanvasResizeTargetSize(app: any): CanvasResizeSize | null {
482
+ const resizeTarget = app?.resizeTo;
483
+ if (!resizeTarget || typeof window === "undefined") return null;
484
+
485
+ const rawWidth = resizeTarget === window ? window.innerWidth : resizeTarget.clientWidth;
486
+ const rawHeight = resizeTarget === window ? window.innerHeight : resizeTarget.clientHeight;
487
+ const width = Math.round(Number(rawWidth));
488
+ const height = Math.round(Number(rawHeight));
489
+
490
+ if (!Number.isFinite(width) || !Number.isFinite(height) || width < 0 || height < 0) return null;
491
+ return { width, height };
492
+ }
493
+
494
+ private readCanvasRendererSize(app: any): CanvasResizeSize | null {
495
+ const screen = app?.renderer?.screen;
496
+ const width = Math.round(Number(screen?.width));
497
+ const height = Math.round(Number(screen?.height));
498
+
499
+ if (!Number.isFinite(width) || !Number.isFinite(height)) return null;
500
+ return { width, height };
501
+ }
502
+
503
+ private cancelCanvasResizeFrame(app: any) {
504
+ if (typeof app?._cancelResize === "function") {
505
+ app._cancelResize();
506
+ }
507
+ }
508
+
423
509
  private resolveSceneMapComponent() {
424
510
  const components = this.hooks.getHookFunctions("client-sceneMap-component");
425
511
  const component = components[components.length - 1];
@@ -527,8 +613,8 @@ export class RpgClientEngine<T = any> {
527
613
 
528
614
  const myId = this.playerIdSignal();
529
615
  const players = payload.players;
530
- const shouldMaskLocalPosition =
531
- this.predictionEnabled && !!this.prediction?.hasPendingInputs();
616
+ const localPatch = myId && players ? players[myId] : undefined;
617
+ const shouldMaskLocalPosition = this.shouldPreserveLocalPlayerPosition(localPatch);
532
618
  if (shouldMaskLocalPosition && myId && players && players[myId]) {
533
619
  const localPatch = { ...players[myId] };
534
620
  delete localPatch.x;
@@ -544,6 +630,31 @@ export class RpgClientEngine<T = any> {
544
630
  return payload;
545
631
  }
546
632
 
633
+ private shouldPreserveLocalPlayerPosition(localPatch?: any): boolean {
634
+ if (!localPatch) {
635
+ return false;
636
+ }
637
+ if (this.predictionEnabled && !!this.prediction?.hasPendingInputs()) {
638
+ return true;
639
+ }
640
+ return this.shouldKeepLocalPlayerMovement();
641
+ }
642
+
643
+ private shouldKeepLocalPlayerMovement(): boolean {
644
+ if (!this.localMovementAuthority || this.mapTransitionInProgress) {
645
+ return false;
646
+ }
647
+ const myId = this.playerIdSignal();
648
+ const player = myId ? this.sceneMap?.players?.()?.[myId] : undefined;
649
+ if (!player) {
650
+ return false;
651
+ }
652
+ if (this.prediction?.hasPendingInputs()) {
653
+ return true;
654
+ }
655
+ return Date.now() - this.lastLocalMovementInputAt <= this.LOCAL_MOVEMENT_AUTHORITY_ACK_GRACE_MS;
656
+ }
657
+
547
658
  private normalizeAckWithSyncState(
548
659
  ack: { frame: number; serverTick?: number; x?: number; y?: number; direction?: Direction },
549
660
  syncData: any,
@@ -1733,6 +1844,7 @@ export class RpgClientEngine<T = any> {
1733
1844
  if (timestamp < this.dashLockedUntil) return;
1734
1845
  this.dashLockedUntil = timestamp + cooldown;
1735
1846
  }
1847
+ this.lastLocalMovementInputAt = timestamp;
1736
1848
 
1737
1849
  let frame: number;
1738
1850
  let tick: number;
@@ -2248,12 +2360,13 @@ export class RpgClientEngine<T = any> {
2248
2360
 
2249
2361
  private applyServerAck(ack: { frame: number; serverTick?: number; x?: number; y?: number; direction?: Direction }) {
2250
2362
  this.updateServerTickEstimate(ack.serverTick);
2363
+ const keepLocalMovement = this.shouldKeepLocalPlayerMovement();
2251
2364
  if (this.predictionEnabled && this.prediction) {
2252
2365
  const result = this.prediction.applyServerAck({
2253
2366
  frame: ack.frame,
2254
2367
  serverTick: ack.serverTick,
2255
2368
  state:
2256
- typeof ack.x === "number" && typeof ack.y === "number"
2369
+ !keepLocalMovement && typeof ack.x === "number" && typeof ack.y === "number"
2257
2370
  ? { x: ack.x, y: ack.y, direction: ack.direction }
2258
2371
  : undefined,
2259
2372
  });
@@ -2266,6 +2379,9 @@ export class RpgClientEngine<T = any> {
2266
2379
  if (typeof ack.x !== "number" || typeof ack.y !== "number") {
2267
2380
  return;
2268
2381
  }
2382
+ if (keepLocalMovement) {
2383
+ return;
2384
+ }
2269
2385
  const player = this.getCurrentPlayer() as any;
2270
2386
  const myId = this.playerIdSignal();
2271
2387
  if (!player || !myId) {