@rpgjs/client 5.0.0-beta.26 → 5.0.0-beta.28

package/dist/components/gui/title-screen.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"title-screen.ce.js","names":[],"sources":["../../../src/components/gui/title-screen.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-title-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-title-screen-header rpg-anim-float\">\n            <div class=\"rpg-ui-title-screen-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-title-screen-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-title-screen-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n        @if (versionText()) {\n            <div class=\"rpg-ui-title-screen-version\">{versionText()}</div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n    import { getKeyboardControlBind } from \"../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const { entries, title, subtitle, version, saveLoad, localActions } = data();\n\n    const defaultEntries = [\n        { id: \"start\", label: t(\"rpg.title.start\") },\n        { id: \"load\", label: t(\"rpg.title.load\") }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || t(\"rpg.title.default\"));\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const versionText = computed(() => resolveProp(version) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"start\") {\n                guiService.hide(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"title-screen.ce.js","names":[],"sources":["../../../src/components/gui/title-screen.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-title-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-title-screen-header rpg-anim-float\">\n            <div class=\"rpg-ui-title-screen-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-title-screen-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-title-screen-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n        @if (versionText()) {\n            <div class=\"rpg-ui-title-screen-version\">{versionText()}</div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n    import { getKeyboardControlBind } from \"../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const { entries, title, subtitle, version, saveLoad, localActions } = data();\n\n    const defaultEntries = [\n        { id: \"start\", label: t(\"rpg.title.start\") },\n        { id: \"load\", label: t(\"rpg.title.load\") }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || t(\"rpg.title.default\"));\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const versionText = computed(() => resolveProp(version) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"start\") {\n                guiService.hide(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;;;;AAaM,SAAS,UAAU,SAAS;CACX,SAAS,OAAO;CAC/B,MAAM,cAAc,eAAe,OAAO;CACtB,eAAe,OAAO;CAC1C,MAAM,SAAS,OAAO,eAAe;CAC7C,MAAM,EAAE,MAAM,OAAO,KAAK;CAC1B,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,mBAAmB,OAAO,aAAa;CAC7C,MAAM,EAAE,MAAM,kBAAkB,YAAY;EACxC,SAAS,EACL,eAAe,CAAC,EACpB;EACA,UAAU,EACN,gBAAgB,CAAC,GACrB;EACA,cAAc,EACV,SAAS,MACb;CACJ,CAAC;CACD,MAAM,EAAE,SAAS,OAAO,UAAU,SAAS,UAAU,iBAAiB,KAAK;CAC3E,MAAM,iBAAiB,CACnB;EAAE,IAAI;EAAS,OAAO,EAAE,iBAAiB;CAAE,GAC3C;EAAE,IAAI;EAAQ,OAAO,EAAE,gBAAgB;CAAE,CAC7C;CACA,MAAM,eAAe,UAAU,OAAO,UAAU,aAAa,MAAM,IAAI;CACvE,MAAM,YAAY,eAAe,YAAY,KAAK,KAAK,EAAE,mBAAmB,CAAC;CAC7E,MAAM,eAAe,eAAe,YAAY,QAAQ,KAAK,EAAE;CAC/D,MAAM,cAAc,eAAe,YAAY,OAAO,KAAK,EAAE;CAC7D,MAAM,sBAAsB,eAAe,YAAY,YAAY,MAAM,IAAI;CAC7E,MAAM,YAAY,eAAe;EAC7B,MAAM,OAAO,YAAY,OAAO;EAChC,IAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,QAC5B,OAAO;EACX,OAAO;CACX,CAAC;CACD,MAAM,mBAAmB,UAAU;EAC/B,IAAI,CAAC,OACD,OAAO;EACX,IAAI,MAAM,UACN,OAAO;EACX,IAAI,MAAM,YAAY,OAClB,OAAO;EACX,OAAO;CACX;CACA,MAAM,gBAAgB,OAAO,CAAC;CAC9B,MAAM,oBAAoB,eAAe;EAErC,OADa,UACH,CAAC,CACN,KAAK,OAAO,UAAW,gBAAgB,KAAK,IAAI,OAAO,KAAM,CAAC,CAC9D,QAAQ,UAAU,UAAU,IAAI;CACzC,CAAC;CACD,aAAa;EACT,MAAM,YAAY,kBAAkB;EACpC,IAAI,CAAC,UAAU,QACX;EACJ,MAAM,UAAU,cAAc;EAC9B,IAAI,CAAC,UAAU,SAAS,OAAO,GAC3B,cAAc,IAAI,UAAU,EAAE;CAEtC,CAAC;CACD,MAAM,iBAAiB,UAAU;EAC7B,MAAM,YAAY,kBAAkB;EACpC,IAAI,CAAC,UAAU,QACX;EACJ,MAAM,UAAU,cAAc;EAE9B,MAAM,aADe,KAAK,IAAI,GAAG,UAAU,QAAQ,OAAO,CAC5B,IAAI,QAAQ,UAAU,UAAU,UAAU;EACxE,cAAc,IAAI,UAAU,UAAU;CAC1C;CACA,MAAM,iBAAiB,UAAU;EAE7B,MAAM,QADO,UACI,CAAC,CAAC;EACnB,IAAI,CAAC,SAAS,gBAAgB,KAAK,GAC/B;EACJ,IAAI,oBAAoB,GAAG;GACvB,IAAI,MAAM,OAAO,SACb,WAAW,KAAK,YAAY,WAAW;GAE3C,IAAI,MAAM,OAAO,QAAQ;IACrB,MAAM,SAAS,YAAY,QAAQ,KAAK,CAAC;IACzC,MAAM,QAAQ,MAAM,QAAQ,OAAO,KAAK,IAAI,OAAO,QAAQ;KAAC;KAAM;KAAM;IAAI;IAC5E,WAAW,QAAQ,YAAY,MAAM;KACjC,GAAG;KACH,MAAM,OAAO,QAAQ;KACrB;IACJ,CAAC;GACL;EACJ;EACA,IAAI,eACA,cAAc,UAAU;GAAE,IAAI,MAAM;GAAI;GAAO;EAAM,CAAC;CAE9D;CACA,SAAS,YAAY,OAAO;EACxB,OAAO,WAAY;GACf,cAAc,IAAI,KAAK;GACvB,cAAc,KAAK;EACvB;CACJ;CACA,MAAM,WAAW,OAAO;EACpB,IAAI;GACA,QAAQ;GACR,MAAM,iBAAiB;GACvB,UAAU;GACV,UAAU;IACN,IAAI,WAAW,aAAa,YAAY,IAAI,GACxC;IACJ,cAAc,EAAE;GACpB;EACJ;EACA,MAAM;GACF,QAAQ;GACR,MAAM,iBAAiB;GACvB,UAAU;GACV,UAAU;IACN,IAAI,WAAW,aAAa,YAAY,IAAI,GACxC;IACJ,cAAc,CAAC;GACnB;EACJ;EACA,QAAQ;GACJ,MAAM,uBAAuB,iBAAiB,MAAM;GACpD,UAAU;IACN,IAAI,WAAW,aAAa,YAAY,IAAI,GACxC;IACJ,cAAc,cAAc,CAAC;GACjC;EACJ;EACA,SAAS,EACL,SAAS,KACb;CACJ,CAAC;CAEO,OADY,EAAE,cAAc;EAAE,OAAO;EAAQ,QAAQ;CAAO,GAAG,EAAE,YAAY;EAAE,SAAS;EAAO,OAAO,EAAE,OAAO,uCAAuC;CAAE,GAAG;EAAC,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO,EAAE,OAAO,4CAA4C;EAAE,GAAG,CAAC,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO,EAAE,OAAO,4BAA4B;GAAG,aAAa,eAAe,UAAU,CAAC;EAAE,CAAC,GAAG,KAAK,eAAe,aAAa,CAAC,SAAS,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO,EAAE,OAAO,+BAA+B;GAAG,aAAa,eAAe,aAAa,CAAC;EAAE,CAAC,CAAC,CAAC,CAAC;EAAG,EAAE,YAAY;GAAE,UAAU;GAAyB;EAAS,GAAG,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO,EAAE,OAAO,yDAAyD;EAAE,GAAG,KAAK,eAAe,UAAU,CAAC,IAAI,OAAO,UAAU,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO;IAAE,OAAO,CAAC,oBAAoB,gBAAgB,EAAE,UAAU,gBAAgB,KAAK,EAAE,EAAE,CAAC;IAAG,iBAAiB,eAAe,cAAc,MAAM,QAAQ,SAAS,OAAO;IAAG,UAAU;IAAO,OAAO,YAAY,KAAK;GAAE;GAAG,aAAa,MAAM;EAAM,CAAC,CAAC,CAAC,CAAC;EAAG,KAAK,eAAe,YAAY,CAAC,SAAS,EAAE,YAAY;GAAE,SAAS;GAAO,OAAO,EAAE,OAAO,8BAA8B;GAAG,aAAa,eAAe,YAAY,CAAC;EAAE,CAAC,CAAC;CAAC,CAAC,CACrsC;AACb;AAEA,IAAM,iBAAiB"}

package/dist/components/index.js

@@ -1,5 +1,6 @@
-import "./scenes/draw-map.ce.js";
+import __ce_component from "./scenes/draw-map.ce.js";
 import "./prebuilt/hp-bar.ce.js";
 import "./prebuilt/index.js";
-import "./character.ce.js";
-import "./scenes/event-layer.ce.js";
+import __ce_component$2 from "./character.ce.js";
+import __ce_component$3 from "./scenes/event-layer.ce.js";
+export { __ce_component$2 as CharacterComponent, __ce_component$3 as EventLayerComponent, __ce_component as SceneMap };

package/dist/components/interaction-components.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"interaction-components.ce.js","names":[],"sources":["../../src/components/interaction-components.ce"],"sourcesContent":["<Container>\n  @for (entry of renderedComponents) {\n    <Container dependencies={entry.dependencies}>\n      <entry.component ...entry.props />\n    </Container>\n  }\n</Container>\n\n<script>\n  import { computed } from \"canvasengine\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";\n\n  const { object, bounds, hitboxBounds, graphicBounds } = defineProps();\n  const client = inject(RpgClientEngine);\n  const sprite = object();\n\n  const renderedComponents = computed(() => client.interactions.getRenderedComponents(sprite, {\n    bounds: typeof bounds === \"function\" ? bounds() : undefined,\n    hitbox: typeof hitboxBounds === \"function\" ? hitboxBounds() : undefined,\n    graphic: typeof graphicBounds === \"function\" ? graphicBounds() : undefined,\n  }));\n</script>\n"],"mappings":";;;;AAQC,SAAM,UAAA,SAAA;CACe,SAAM,OAAA;CACpB,MAAG,cAAiB,eAAU,OAAA;CACV,eAAa,OAAA;;CAEzC,MAAE,SAAQ,OAAQ,eAAQ;CAC1B,MAAE,SAAa,OAAE;CAOZ,OADe,EAAA,WAAa,MAAM,KALd,eAAA,OAAA,aAAA,sBAAA,QAAA;;EAEvB,QAAM,OAAA,iBAAqB,aAAe,aAAO,IAAa,KAAA;EAC5D,SAAQ,OAAO,kBAAY,aAAoB,cAAY,IAAA,KAAA;CAC/D,CAAC,CACkD,IAAa,UAAK,EAAA,WAAS,EAAA,cAAA,MAAA,aAAA,GAAA,EAAA,MAAA,WAAA,MAAA,KAAA,CAAA,CAAA,CACzE;AACH"}
+{"version":3,"file":"interaction-components.ce.js","names":[],"sources":["../../src/components/interaction-components.ce"],"sourcesContent":["<Container>\n  @for (entry of renderedComponents) {\n    <Container dependencies={entry.dependencies}>\n      <entry.component ...entry.props />\n    </Container>\n  }\n</Container>\n\n<script>\n  import { computed } from \"canvasengine\";\n  import { RpgClientEngine } from \"../RpgClientEngine\";\n  import { inject } from \"../core/inject\";\n\n  const { object, bounds, hitboxBounds, graphicBounds } = defineProps();\n  const client = inject(RpgClientEngine);\n  const sprite = object();\n\n  const renderedComponents = computed(() => client.interactions.getRenderedComponents(sprite, {\n    bounds: typeof bounds === \"function\" ? bounds() : undefined,\n    hitbox: typeof hitboxBounds === \"function\" ? hitboxBounds() : undefined,\n    graphic: typeof graphicBounds === \"function\" ? graphicBounds() : undefined,\n  }));\n</script>\n"],"mappings":";;;;AAQM,SAAS,UAAU,SAAS;CACX,SAAS,OAAO;CAC/B,MAAM,cAAc,eAAe,OAAO;CACtB,eAAe,OAAO;CAC1C,MAAM,EAAE,QAAQ,QAAQ,cAAc,kBAAkB,YAAY;CAC5E,MAAM,SAAS,OAAO,eAAe;CACrC,MAAM,SAAS,OAAO;CAOd,OADY,EAAE,WAAW,MAAM,KALZ,eAAe,OAAO,aAAa,sBAAsB,QAAQ;EACxF,QAAQ,OAAO,WAAW,aAAa,OAAO,IAAI,KAAA;EAClD,QAAQ,OAAO,iBAAiB,aAAa,aAAa,IAAI,KAAA;EAC9D,SAAS,OAAO,kBAAkB,aAAa,cAAc,IAAI,KAAA;CACrE,CAAC,CAC4D,IAAG,UAAS,EAAE,WAAW,EAAE,cAAc,MAAM,aAAa,GAAG,EAAE,MAAM,WAAW,MAAM,KAAK,CAAC,CAAC,CACzI;AACb;AAEA,IAAM,iBAAiB"}

package/dist/components/player-components-utils.js

@@ -157,6 +157,6 @@ function computeBlockPosition({ position, size, layout = {}, graphic, hitbox })
 	}
 }
 //#endregion
-export { computeBlockPosition, computeBlockSize, estimateComponentSize, getComponentId, getComponentProps };
+export { DEFAULT_HP_BAR_STYLE, DEFAULT_SP_BAR_STYLE, computeBlockPosition, computeBlockSize, estimateComponentSize, getComponentId, getComponentProps, getPointBounds };
 
 //# sourceMappingURL=player-components-utils.js.map

package/dist/components/player-components-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"player-components-utils.js","names":[],"sources":["../../src/components/player-components-utils.ts"],"sourcesContent":["export const DEFAULT_HP_BAR_STYLE = { fillColor: '#ef4444' };\nexport const DEFAULT_SP_BAR_STYLE = { fillColor: '#3b82f6' };\n\nconst DEFAULT_CELL_HEIGHT = 16;\nconst DEFAULT_CELL_WIDTH = 32;\n\ntype NumberResolver = (value: any, fallback?: number) => number;\n\nconst defaultToNumber: NumberResolver = (value, fallback = 0) => {\n  const num = typeof value === 'number' ? value : parseFloat(value);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nexport function getPointBounds(points: any[] = [], toNumber: NumberResolver = defaultToNumber) {\n  if (!Array.isArray(points) || points.length < 2) {\n    return { width: 1, height: 1 };\n  }\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (let i = 0; i < points.length; i += 2) {\n    const x = toNumber(points[i], 0);\n    const y = toNumber(points[i + 1], 0);\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return {\n    width: Math.max(1, maxX - minX),\n    height: Math.max(1, maxY - minY)\n  };\n}\n\nexport function getComponentId(definition: any) {\n  if (!definition) return undefined;\n  if (definition.id) return definition.id;\n  if (definition.type === 'text') return 'rpg:text';\n  if (definition.type === 'hpBar') return 'rpg:hpBar';\n  if (definition.type === 'spBar') return 'rpg:spBar';\n  if (definition.type === 'bar') return 'rpg:bar';\n  if (definition.type === 'shape') return 'rpg:shape';\n  if (definition.type === 'image') return 'rpg:image';\n  if (definition.type === 'tile') return 'rpg:tile';\n  return definition.type;\n}\n\nexport function getComponentProps(definition: any) {\n  if (definition.props) return definition.props;\n\n  if (definition.type === 'text') {\n    return { value: definition.value, style: definition.style };\n  }\n  if (definition.type === 'hpBar') {\n    return { current: '{hp}', max: '{param.maxHp}', style: { ...DEFAULT_HP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'spBar') {\n    return { current: '{sp}', max: '{param.maxSp}', style: { ...DEFAULT_SP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'bar') {\n    return { current: `{${definition.current}}`, max: `{${definition.max}}`, style: definition.style, text: definition.text };\n  }\n  if (definition.type === 'shape') {\n    return definition.value;\n  }\n  if (definition.type === 'image' || definition.type === 'tile') {\n    return { value: definition.value };\n  }\n\n  return {};\n}\n\nexport function estimateComponentSize(\n  definition: any,\n  {\n    toNumber = defaultToNumber,\n    estimateTextWidth = (value: any) => String(value ?? '').length * 8\n  }: {\n    toNumber?: NumberResolver;\n    estimateTextWidth?: (value: any, style?: any) => number;\n  } = {}\n) {\n  const props = getComponentProps(definition);\n  const style = props?.style ?? definition?.style ?? {};\n\n  if (definition?.type === 'text' || definition?.id === 'rpg:text') {\n    return {\n      width: estimateTextWidth(props.value ?? definition.value, style),\n      height: toNumber(style.fontSize, 12)\n    };\n  }\n\n  if (definition?.type === 'hpBar' || definition?.type === 'spBar' || definition?.type === 'bar' || definition?.id === 'rpg:hpBar' || definition?.id === 'rpg:spBar' || definition?.id === 'rpg:bar') {\n    const barHeight = toNumber(style.height, 8);\n    const labelHeight = props.text != null && props.text !== '' ? toNumber(style.fontSize, 10) + 2 : 0;\n    return {\n      width: toNumber(style.width, 50),\n      height: barHeight + labelHeight\n    };\n  }\n\n  if (definition?.type === 'shape' || definition?.id === 'rpg:shape') {\n    const shape = props ?? {};\n    if (shape.type === 'circle') {\n      const radius = toNumber(shape.radius, 8);\n      return { width: radius * 2, height: radius * 2 };\n    }\n    if (shape.type === 'line') {\n      return {\n        width: Math.max(1, Math.abs(toNumber(shape.x2, 16) - toNumber(shape.x1, 0))),\n        height: Math.max(1, Math.abs(toNumber(shape.y2, 0) - toNumber(shape.y1, 0)))\n      };\n    }\n    if (shape.type === 'polygon') {\n      return getPointBounds(shape.points, toNumber);\n    }\n    return {\n      width: toNumber(shape.width, 16),\n      height: toNumber(shape.height, 16)\n    };\n  }\n\n  return {\n    width: toNumber(definition?.props?.width, DEFAULT_CELL_WIDTH),\n    height: toNumber(definition?.props?.height, DEFAULT_CELL_HEIGHT)\n  };\n}\n\nexport function computeBlockSize({\n  position,\n  layout = {},\n  rowMetrics,\n  gap = { row: 0, column: 0 },\n  graphic,\n  hitbox\n}: {\n  position: string;\n  layout?: any;\n  rowMetrics: Array<{ width: number; height: number; cells: any[] }>;\n  gap?: { row: number; column: number };\n  graphic: { width: number; height: number };\n  hitbox: { w: number; h: number };\n}) {\n  const rowGapTotal = Math.max(0, rowMetrics.length - 1) * gap.row;\n  const maxColumns = rowMetrics.reduce((max, row) => Math.max(max, row.cells.length), 0);\n  const columnGapTotal = Math.max(0, maxColumns - 1) * gap.column;\n  const contentWidth = rowMetrics.reduce((max, row) => Math.max(max, row.width), 0) + columnGapTotal;\n  const contentHeight = rowMetrics.reduce((sum, row) => sum + row.height, 0) + rowGapTotal;\n  const width = layout.width ?? Math.max(contentWidth, position === 'bottom' ? hitbox.w : position === 'top' || position === 'center' ? graphic.width : contentWidth);\n  const height = layout.height ?? Math.max(contentHeight, position === 'bottom' ? hitbox.h : position === 'left' || position === 'right' || position === 'center' ? graphic.height : contentHeight);\n\n  return { width, height };\n}\n\nexport function computeBlockPosition({\n  position,\n  size,\n  layout = {},\n  graphic,\n  hitbox\n}: {\n  position: string;\n  size: { width: number; height: number };\n  layout?: any;\n  graphic: { left: number; top: number; right: number; centerX: number; centerY: number };\n  hitbox: { w: number; h: number };\n}) {\n  const marginLeft = layout.marginLeft ?? 0;\n  const marginRight = layout.marginRight ?? 0;\n  const marginTop = layout.marginTop ?? 0;\n  const marginBottom = layout.marginBottom ?? 0;\n\n  switch (position) {\n    case 'bottom':\n      return {\n        x: (hitbox.w / 2) - (size.width / 2) + marginLeft - marginRight,\n        y: (hitbox.h / 2) - (size.height / 2) + marginBottom - marginTop\n      };\n    case 'center':\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'left':\n      return {\n        x: graphic.left - size.width + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'right':\n      return {\n        x: graphic.right + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'top':\n    default:\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.top - size.height + marginTop - marginBottom\n      };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"player-components-utils.js","names":[],"sources":["../../src/components/player-components-utils.ts"],"sourcesContent":["export const DEFAULT_HP_BAR_STYLE = { fillColor: '#ef4444' };\nexport const DEFAULT_SP_BAR_STYLE = { fillColor: '#3b82f6' };\n\nconst DEFAULT_CELL_HEIGHT = 16;\nconst DEFAULT_CELL_WIDTH = 32;\n\ntype NumberResolver = (value: any, fallback?: number) => number;\n\nconst defaultToNumber: NumberResolver = (value, fallback = 0) => {\n  const num = typeof value === 'number' ? value : parseFloat(value);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nexport function getPointBounds(points: any[] = [], toNumber: NumberResolver = defaultToNumber) {\n  if (!Array.isArray(points) || points.length < 2) {\n    return { width: 1, height: 1 };\n  }\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (let i = 0; i < points.length; i += 2) {\n    const x = toNumber(points[i], 0);\n    const y = toNumber(points[i + 1], 0);\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return {\n    width: Math.max(1, maxX - minX),\n    height: Math.max(1, maxY - minY)\n  };\n}\n\nexport function getComponentId(definition: any) {\n  if (!definition) return undefined;\n  if (definition.id) return definition.id;\n  if (definition.type === 'text') return 'rpg:text';\n  if (definition.type === 'hpBar') return 'rpg:hpBar';\n  if (definition.type === 'spBar') return 'rpg:spBar';\n  if (definition.type === 'bar') return 'rpg:bar';\n  if (definition.type === 'shape') return 'rpg:shape';\n  if (definition.type === 'image') return 'rpg:image';\n  if (definition.type === 'tile') return 'rpg:tile';\n  return definition.type;\n}\n\nexport function getComponentProps(definition: any) {\n  if (definition.props) return definition.props;\n\n  if (definition.type === 'text') {\n    return { value: definition.value, style: definition.style };\n  }\n  if (definition.type === 'hpBar') {\n    return { current: '{hp}', max: '{param.maxHp}', style: { ...DEFAULT_HP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'spBar') {\n    return { current: '{sp}', max: '{param.maxSp}', style: { ...DEFAULT_SP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'bar') {\n    return { current: `{${definition.current}}`, max: `{${definition.max}}`, style: definition.style, text: definition.text };\n  }\n  if (definition.type === 'shape') {\n    return definition.value;\n  }\n  if (definition.type === 'image' || definition.type === 'tile') {\n    return { value: definition.value };\n  }\n\n  return {};\n}\n\nexport function estimateComponentSize(\n  definition: any,\n  {\n    toNumber = defaultToNumber,\n    estimateTextWidth = (value: any) => String(value ?? '').length * 8\n  }: {\n    toNumber?: NumberResolver;\n    estimateTextWidth?: (value: any, style?: any) => number;\n  } = {}\n) {\n  const props = getComponentProps(definition);\n  const style = props?.style ?? definition?.style ?? {};\n\n  if (definition?.type === 'text' || definition?.id === 'rpg:text') {\n    return {\n      width: estimateTextWidth(props.value ?? definition.value, style),\n      height: toNumber(style.fontSize, 12)\n    };\n  }\n\n  if (definition?.type === 'hpBar' || definition?.type === 'spBar' || definition?.type === 'bar' || definition?.id === 'rpg:hpBar' || definition?.id === 'rpg:spBar' || definition?.id === 'rpg:bar') {\n    const barHeight = toNumber(style.height, 8);\n    const labelHeight = props.text != null && props.text !== '' ? toNumber(style.fontSize, 10) + 2 : 0;\n    return {\n      width: toNumber(style.width, 50),\n      height: barHeight + labelHeight\n    };\n  }\n\n  if (definition?.type === 'shape' || definition?.id === 'rpg:shape') {\n    const shape = props ?? {};\n    if (shape.type === 'circle') {\n      const radius = toNumber(shape.radius, 8);\n      return { width: radius * 2, height: radius * 2 };\n    }\n    if (shape.type === 'line') {\n      return {\n        width: Math.max(1, Math.abs(toNumber(shape.x2, 16) - toNumber(shape.x1, 0))),\n        height: Math.max(1, Math.abs(toNumber(shape.y2, 0) - toNumber(shape.y1, 0)))\n      };\n    }\n    if (shape.type === 'polygon') {\n      return getPointBounds(shape.points, toNumber);\n    }\n    return {\n      width: toNumber(shape.width, 16),\n      height: toNumber(shape.height, 16)\n    };\n  }\n\n  return {\n    width: toNumber(definition?.props?.width, DEFAULT_CELL_WIDTH),\n    height: toNumber(definition?.props?.height, DEFAULT_CELL_HEIGHT)\n  };\n}\n\nexport function computeBlockSize({\n  position,\n  layout = {},\n  rowMetrics,\n  gap = { row: 0, column: 0 },\n  graphic,\n  hitbox\n}: {\n  position: string;\n  layout?: any;\n  rowMetrics: Array<{ width: number; height: number; cells: any[] }>;\n  gap?: { row: number; column: number };\n  graphic: { width: number; height: number };\n  hitbox: { w: number; h: number };\n}) {\n  const rowGapTotal = Math.max(0, rowMetrics.length - 1) * gap.row;\n  const maxColumns = rowMetrics.reduce((max, row) => Math.max(max, row.cells.length), 0);\n  const columnGapTotal = Math.max(0, maxColumns - 1) * gap.column;\n  const contentWidth = rowMetrics.reduce((max, row) => Math.max(max, row.width), 0) + columnGapTotal;\n  const contentHeight = rowMetrics.reduce((sum, row) => sum + row.height, 0) + rowGapTotal;\n  const width = layout.width ?? Math.max(contentWidth, position === 'bottom' ? hitbox.w : position === 'top' || position === 'center' ? graphic.width : contentWidth);\n  const height = layout.height ?? Math.max(contentHeight, position === 'bottom' ? hitbox.h : position === 'left' || position === 'right' || position === 'center' ? graphic.height : contentHeight);\n\n  return { width, height };\n}\n\nexport function computeBlockPosition({\n  position,\n  size,\n  layout = {},\n  graphic,\n  hitbox\n}: {\n  position: string;\n  size: { width: number; height: number };\n  layout?: any;\n  graphic: { left: number; top: number; right: number; centerX: number; centerY: number };\n  hitbox: { w: number; h: number };\n}) {\n  const marginLeft = layout.marginLeft ?? 0;\n  const marginRight = layout.marginRight ?? 0;\n  const marginTop = layout.marginTop ?? 0;\n  const marginBottom = layout.marginBottom ?? 0;\n\n  switch (position) {\n    case 'bottom':\n      return {\n        x: (hitbox.w / 2) - (size.width / 2) + marginLeft - marginRight,\n        y: (hitbox.h / 2) - (size.height / 2) + marginBottom - marginTop\n      };\n    case 'center':\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'left':\n      return {\n        x: graphic.left - size.width + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'right':\n      return {\n        x: graphic.right + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'top':\n    default:\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.top - size.height + marginTop - marginBottom\n      };\n  }\n}\n"],"mappings":"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"}

package/dist/components/player-components.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"player-components.ce.js","names":[],"sources":["../../src/components/player-components.ce"],"sourcesContent":["<Container\n  x={blockPosition().x}\n  y={blockPosition().y}\n  width={blockSize().width}\n  height={blockSize().height}\n  minWidth={blockSize().width}\n  minHeight={blockSize().height}\n  display=\"flex\"\n  flexDirection=\"column\"\n  justifyContent=\"center\"\n  alignItems=\"center\"\n  rowGap={gap().row}\n>\n  @for (row of renderedRows) {\n    <Container\n      width=\"100%\"\n      height={row.height}\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      columnGap={gap().column}\n    >\n      @for (entry of row.entries) {\n        <Container\n          width={entry.width}\n          height={entry.height}\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n        >\n          <entry.component object={sprite} ...entry.props />\n        </Container>\n      }\n    </Container>\n  }\n</Container>\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { inject } from \"../core/inject\";\nimport { resolveDynamicProps, resolveDynamicValue } from \"./dynamics/parse-value\";\nimport {\n  computeBlockPosition,\n  computeBlockSize,\n  estimateComponentSize,\n  getComponentId,\n  getComponentProps\n} from \"./player-components-utils\";\n\nconst { object, position, graphicBounds } = defineProps({\n  position: {\n    default: 'top'\n  }\n});\nconst sprite = object();\n\nconst client = inject(RpgClientEngine);\nconst warnedComponents = new Set();\n\nconst readPosition = computed(() => position?.() ?? 'top');\n\nconst componentSource = computed(() => {\n  switch (readPosition()) {\n    case 'bottom':\n      return sprite.componentsBottom?.();\n    case 'center':\n      return sprite.componentsCenter?.();\n    case 'left':\n      return sprite.componentsLeft?.();\n    case 'right':\n      return sprite.componentsRight?.();\n    case 'top':\n    default:\n      return sprite.componentsTop?.();\n  }\n});\n\nconst componentData = computed(() => {\n  const value = componentSource();\n  if (!value) {\n    return { components: [], layout: {} };\n  }\n\n  if (typeof value !== 'string') {\n    return value;\n  }\n\n  try {\n    return JSON.parse(value);\n  } catch (error) {\n    if (typeof process === 'undefined' || process.env?.NODE_ENV !== 'production') {\n      console.warn('[RPGJS] Invalid server sprite component payload', error);\n    }\n    return { components: [], layout: {} };\n  }\n});\n\nconst layout = computed(() => componentData()?.layout ?? {});\nconst rows = computed(() => componentData()?.components ?? []);\nconst hitbox = sprite.hitbox;\n\nconst toNumber = (value, fallback = 0) => {\n  const resolved = resolveDynamicValue(value, sprite);\n  const num = typeof resolved === 'number' ? resolved : parseFloat(resolved);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nconst estimateTextWidth = (value, style = {}) => {\n  const text = String(resolveDynamicValue(value ?? '', sprite) ?? '');\n  const fontSize = toNumber(style.fontSize, 12);\n  return Math.max(1, Math.ceil(text.length * fontSize * 0.6));\n};\n\nconst rowMetrics = computed(() => {\n  return rows().map((row) => {\n    const cells = row.map((definition) => {\n      const intrinsic = estimateComponentSize(definition, { toNumber, estimateTextWidth });\n      return {\n        definition,\n        width: intrinsic.width,\n        height: intrinsic.height\n      };\n    });\n\n    return {\n      cells,\n      width: cells.reduce((sum, cell) => sum + cell.width, 0),\n      height: cells.reduce((max, cell) => Math.max(max, cell.height), 0)\n    };\n  });\n});\n\nconst gap = computed(() => ({\n  row: toNumber(layout().rowGap ?? layout().gap, 0),\n  column: toNumber(layout().columnGap ?? layout().gap, 0)\n}));\n\nconst fallbackBounds = 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\nconst bounds = computed(() => {\n  const resolvedBounds = typeof graphicBounds === 'function' ? graphicBounds() : undefined;\n  return resolvedBounds ?? fallbackBounds();\n});\n\nconst blockSize = computed(() => {\n  const box = hitbox() ?? { w: 0, h: 0 };\n  const graphic = bounds();\n  return computeBlockSize({\n    position: readPosition(),\n    layout: layout(),\n    rowMetrics: rowMetrics(),\n    gap: gap(),\n    graphic,\n    hitbox: box\n  });\n});\n\nconst blockPosition = computed(() => {\n  const box = hitbox() ?? { w: 0, h: 0 };\n  const graphic = bounds();\n  return computeBlockPosition({\n    position: readPosition(),\n    size: blockSize(),\n    layout: layout(),\n    graphic,\n    hitbox: box\n  });\n});\n\nconst warnMissingComponent = (id) => {\n  if (!id || warnedComponents.has(id)) return;\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'production') return;\n  warnedComponents.add(id);\n  console.warn(`[RPGJS] Server sprite component \"${id}\" is not registered on the client.`);\n};\n\nconst renderedRows = computed(() => {\n  return rowMetrics().map((row) => {\n    const entries = [];\n\n    row.cells.forEach((cell) => {\n      const definition = cell.definition;\n      const id = getComponentId(definition);\n      const component = client.getSpriteComponent(id);\n\n      if (!component) {\n        warnMissingComponent(id);\n        return;\n      }\n\n      entries.push({\n        component,\n        props: resolveDynamicProps(getComponentProps(definition), sprite),\n        width: cell.width,\n        height: cell.height\n      });\n    });\n\n    return {\n      height: row.height,\n      entries\n    };\n  });\n});\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"player-components.ce.js","names":[],"sources":["../../src/components/player-components.ce"],"sourcesContent":["<Container\n  x={blockPosition().x}\n  y={blockPosition().y}\n  width={blockSize().width}\n  height={blockSize().height}\n  minWidth={blockSize().width}\n  minHeight={blockSize().height}\n  display=\"flex\"\n  flexDirection=\"column\"\n  justifyContent=\"center\"\n  alignItems=\"center\"\n  rowGap={gap().row}\n>\n  @for (row of renderedRows) {\n    <Container\n      width=\"100%\"\n      height={row.height}\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      columnGap={gap().column}\n    >\n      @for (entry of row.entries) {\n        <Container\n          width={entry.width}\n          height={entry.height}\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n        >\n          <entry.component object={sprite} ...entry.props />\n        </Container>\n      }\n    </Container>\n  }\n</Container>\n\n<script>\nimport { computed } from \"canvasengine\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { inject } from \"../core/inject\";\nimport { resolveDynamicProps, resolveDynamicValue } from \"./dynamics/parse-value\";\nimport {\n  computeBlockPosition,\n  computeBlockSize,\n  estimateComponentSize,\n  getComponentId,\n  getComponentProps\n} from \"./player-components-utils\";\n\nconst { object, position, graphicBounds } = defineProps({\n  position: {\n    default: 'top'\n  }\n});\nconst sprite = object();\n\nconst client = inject(RpgClientEngine);\nconst warnedComponents = new Set();\n\nconst readPosition = computed(() => position?.() ?? 'top');\n\nconst componentSource = computed(() => {\n  switch (readPosition()) {\n    case 'bottom':\n      return sprite.componentsBottom?.();\n    case 'center':\n      return sprite.componentsCenter?.();\n    case 'left':\n      return sprite.componentsLeft?.();\n    case 'right':\n      return sprite.componentsRight?.();\n    case 'top':\n    default:\n      return sprite.componentsTop?.();\n  }\n});\n\nconst componentData = computed(() => {\n  const value = componentSource();\n  if (!value) {\n    return { components: [], layout: {} };\n  }\n\n  if (typeof value !== 'string') {\n    return value;\n  }\n\n  try {\n    return JSON.parse(value);\n  } catch (error) {\n    if (typeof process === 'undefined' || process.env?.NODE_ENV !== 'production') {\n      console.warn('[RPGJS] Invalid server sprite component payload', error);\n    }\n    return { components: [], layout: {} };\n  }\n});\n\nconst layout = computed(() => componentData()?.layout ?? {});\nconst rows = computed(() => componentData()?.components ?? []);\nconst hitbox = sprite.hitbox;\n\nconst toNumber = (value, fallback = 0) => {\n  const resolved = resolveDynamicValue(value, sprite);\n  const num = typeof resolved === 'number' ? resolved : parseFloat(resolved);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nconst estimateTextWidth = (value, style = {}) => {\n  const text = String(resolveDynamicValue(value ?? '', sprite) ?? '');\n  const fontSize = toNumber(style.fontSize, 12);\n  return Math.max(1, Math.ceil(text.length * fontSize * 0.6));\n};\n\nconst rowMetrics = computed(() => {\n  return rows().map((row) => {\n    const cells = row.map((definition) => {\n      const intrinsic = estimateComponentSize(definition, { toNumber, estimateTextWidth });\n      return {\n        definition,\n        width: intrinsic.width,\n        height: intrinsic.height\n      };\n    });\n\n    return {\n      cells,\n      width: cells.reduce((sum, cell) => sum + cell.width, 0),\n      height: cells.reduce((max, cell) => Math.max(max, cell.height), 0)\n    };\n  });\n});\n\nconst gap = computed(() => ({\n  row: toNumber(layout().rowGap ?? layout().gap, 0),\n  column: toNumber(layout().columnGap ?? layout().gap, 0)\n}));\n\nconst fallbackBounds = 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\nconst bounds = computed(() => {\n  const resolvedBounds = typeof graphicBounds === 'function' ? graphicBounds() : undefined;\n  return resolvedBounds ?? fallbackBounds();\n});\n\nconst blockSize = computed(() => {\n  const box = hitbox() ?? { w: 0, h: 0 };\n  const graphic = bounds();\n  return computeBlockSize({\n    position: readPosition(),\n    layout: layout(),\n    rowMetrics: rowMetrics(),\n    gap: gap(),\n    graphic,\n    hitbox: box\n  });\n});\n\nconst blockPosition = computed(() => {\n  const box = hitbox() ?? { w: 0, h: 0 };\n  const graphic = bounds();\n  return computeBlockPosition({\n    position: readPosition(),\n    size: blockSize(),\n    layout: layout(),\n    graphic,\n    hitbox: box\n  });\n});\n\nconst warnMissingComponent = (id) => {\n  if (!id || warnedComponents.has(id)) return;\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'production') return;\n  warnedComponents.add(id);\n  console.warn(`[RPGJS] Server sprite component \"${id}\" is not registered on the client.`);\n};\n\nconst renderedRows = computed(() => {\n  return rowMetrics().map((row) => {\n    const entries = [];\n\n    row.cells.forEach((cell) => {\n      const definition = cell.definition;\n      const id = getComponentId(definition);\n      const component = client.getSpriteComponent(id);\n\n      if (!component) {\n        warnMissingComponent(id);\n        return;\n      }\n\n      entries.push({\n        component,\n        props: resolveDynamicProps(getComponentProps(definition), sprite),\n        width: cell.width,\n        height: cell.height\n      });\n    });\n\n    return {\n      height: row.height,\n      entries\n    };\n  });\n});\n</script>\n"],"mappings":"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"}

package/dist/components/prebuilt/hp-bar.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"hp-bar.ce.js","names":[],"sources":["../../../src/components/prebuilt/hp-bar.ce"],"sourcesContent":["<!-- \n  HP Bar Component\n  \n  A beautiful, animated health bar component for displaying player HP above sprites.\n  Features a gradient color based on HP level, smooth animations, and modern styling.\n  \n  ## Design\n  \n  The bar changes color dynamically based on HP percentage:\n  - Green (#4ade80) when HP > 60% - Healthy state\n  - Yellow (#facc15) when HP 30-60% - Caution state  \n  - Orange (#fb923c) when HP 15-30% - Danger state\n  - Red (#ef4444) when HP < 15% - Critical state\n  \n  @example\n  ```ts\n  import HpBar from './hp-bar.ce';\n  \n  // In module configuration\n  export default defineModule<RpgClient>({\n    sprite: {\n      componentsInFront: [HpBar]\n    }\n  })\n  ```\n-->\n\n<Container x={position.x} y={position.y}>\n  <!-- Background shadow for depth effect -->\n  <Graphics draw={drawShadow} x={1} y={1} />\n  \n  <!-- Main background -->\n  <Graphics draw={drawBackground} />\n  \n  <!-- HP fill bar -->\n  <Graphics draw={drawFill} />\n  \n  <!-- Highlight overlay for 3D effect -->\n  <Graphics draw={drawHighlight} />\n  \n  <!-- Border frame -->\n  <Graphics draw={drawBorder} />\n</Container>\n\n<script>\nimport { computed, animatedSignal, effect } from \"canvasengine\";\n\nconst { object } = defineProps();\nconst sprite = object();\n\n// ====================\n// Configuration\n// ====================\n\n/** Total width of the HP bar in pixels */\nconst barWidth = 50;\n\n/** Total height of the HP bar in pixels */\nconst barHeight = 8;\n\n/** Border radius for rounded corners */\nconst borderRadius = 4;\n\n/** Inner border radius for the fill bar */\nconst innerRadius = 3;\n\n/** Padding between background and fill */\nconst padding = 1;\n\n/** Background color (dark theme) */\nconst bgColor = 0x16213e;\n\n/** Shadow color */\nconst shadowColor = 0x000000;\n\n/** Border color */\nconst borderColor = 0x4a5568;\n\n// ====================\n// Calculated dimensions\n// ====================\n\n/** Maximum fill width */\nconst maxFillWidth = barWidth - (padding * 2);\n\n/** Fill height */\nconst fillHeight = barHeight - (padding * 2);\n\n/** Highlight height (half of fill) */\nconst highlightHeight = Math.floor(fillHeight / 2);\n\n// ====================\n// Reactive HP values\n// ====================\n\n/** Gets hitbox dimensions for positioning */\nconst hitbox = sprite.hitbox;\n\n/**\n * Gets the current HP value from the player object\n * Uses hpSignal which is synchronized from the server\n */\nconst currentHp = computed(() => {\n  return sprite.hpSignal?.() ?? 0;\n});\n\n/**\n * Gets the maximum HP value from player parameters\n * Reads from _param.maxHp which contains calculated stats\n */\nconst maxHp = computed(() => {\n  const params = sprite._param?.() ?? {};\n  return params.maxHp ?? 100;\n});\n\n/**\n * Calculates HP percentage (0 to 1)\n */\nconst hpPercent = computed(() => {\n  const max = maxHp();\n  if (max <= 0) return 0;\n  const percent = currentHp() / max;\n  return Math.max(0, Math.min(1, percent));\n});\n\n// ====================\n// Animated values\n// ====================\n\n/**\n * Animated percentage for smooth bar transitions\n */\nconst animatedPercent = animatedSignal(hpPercent(), {\n  duration: 300,\n  easing: 'easeOutCubic'\n});\n\n// Update animated value when HP changes\neffect(() => {\n  const newPercent = hpPercent();\n  animatedPercent.set(newPercent);\n});\n\n// ====================\n// Visual calculations\n// ====================\n\n/**\n * Position of the bar relative to the sprite\n */\nconst position = computed(() => ({\n  x: (hitbox().w / 2) - (barWidth / 2),\n  y: -barHeight - 8\n}));\n\n/**\n * Current width of the HP fill based on animated percentage\n */\nconst fillWidth = computed(() => {\n  const percent = animatedPercent();\n  const width = maxFillWidth * percent;\n  // Ensure minimum visible width when HP > 0\n  if (percent > 0 && width < innerRadius * 2) {\n    return innerRadius * 2;\n  }\n  return Math.max(0, width);\n});\n\n/**\n * Determines HP bar color based on current HP percentage\n * Returns hex color number for PixiJS\n * \n * ## Color Thresholds\n * - Green (0x4ade80): HP > 60% - Healthy\n * - Yellow (0xfacc15): HP 30-60% - Caution\n * - Orange (0xfb923c): HP 15-30% - Danger\n * - Red (0xef4444): HP < 15% - Critical\n */\nconst hpColorHex = computed(() => {\n  const percent = hpPercent();\n  \n  if (percent > 0.6) {\n    return 0x4ade80; // Green - healthy\n  } else if (percent > 0.3) {\n    return 0xfacc15; // Yellow - caution\n  } else if (percent > 0.15) {\n    return 0xfb923c; // Orange - danger\n  } else {\n    return 0xef4444; // Red - critical\n  }\n});\n\n// ====================\n// Drawing functions\n// ====================\n\n/**\n * Draws the shadow behind the HP bar for depth effect\n */\nconst drawShadow = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.fill({ color: shadowColor, alpha: 0.3 });\n};\n\n/**\n * Draws the main background of the HP bar\n */\nconst drawBackground = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.fill({ color: bgColor, alpha: 0.9 });\n};\n\n/**\n * Draws the HP fill bar with dynamic color\n */\nconst drawFill = (g) => {\n  const width = fillWidth();\n  if (width > 0) {\n    g.roundRect(padding, padding, width, fillHeight, innerRadius);\n    g.fill({ color: hpColorHex() });\n  }\n};\n\n/**\n * Draws the highlight overlay for 3D effect\n */\nconst drawHighlight = (g) => {\n  const width = fillWidth();\n  if (width > 0) {\n    g.roundRect(padding, padding, width, highlightHeight, innerRadius);\n    g.fill({ color: 0xffffff, alpha: 0.25 });\n  }\n};\n\n/**\n * Draws the border frame around the HP bar\n * \n * Uses PixiJS Graphics API to create a rounded rectangle stroke\n * that serves as a visual border for the bar.\n * \n * @param g - PixiJS Graphics object\n * \n * @example\n * ```html\n * <Graphics draw={drawBorder} />\n * ```\n */\nconst drawBorder = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.stroke({ \n    color: borderColor, \n    width: 1,\n    alpha: 0.7\n  });\n};\n</script>\n"],"mappings":";;AAOC,SAAA,UAAA,SAAA;CACsB,SAAC,OAAY;CAChC,MAAQ,cAAgB,eAAe,OAAC;CAChB,eAAU,OAAQ;CAC1C,MAAS,EAAA,WAAa,YAAY;CACtC,MAAI,SAAM,OAAY;CACtB,MAAC,WAAA;CACD,MAAG,YAAA;CACH,MAAK,eAAA;CACL,MAAE,cAAkB;CACpB,MAAC,UAAA;CACD,MAAK,UAAU;CACf,MAAE,cAAe;CACjB,MAAI,cAAQ;CACZ,MAAM,eAAA,WAAyB,UAAA;CAC/B,MAAI,aAAA,YAAA,UAAA;CACJ,MAAG,kBAAA,KAAA,MAAA,aAAA,CAAA;CACH,MAAI,SAAA,OAAA;CACJ,MAAE,YAAA,eAAA;;CAEF,CAAC;CACD,MAAM,QAAC,eAAsB;EAE5B,QADiB,OAAA,SAAiB,KAAK,CAAC,GACxC,SAAA;CACD,CAAC;CACD,MAAG,YAAe,eAAe;EAChC,MAAA,MAAA,MAAA;EACG,IAAG,OAAQ,GACZ,OAAS;EACX,MAAA,UAAA,UAAA,IAAA;EACG,OAAG,KAAS,IAAC,GAAA,KAAW,IAAI,GAAA,OAAS,CAAA;CACzC,CAAC;CACD,MAAC,kBAAA,eAAA,UAAA,GAAA;EACG,UAAU;EACX,QAAS;CACZ,CAAC;;EAEA,MAAM,aAAA,UAAA;EACP,gBAAmB,IAAA,UAAe;;CAElC,MAAM,WAAW,gBAAe;EAChC,GAAM,OAAS,EAAA,IAAM,IAAE,WAAA;;CAEvB,EAAE;CACF,MAAG,YAAA,eAAA;EACC,MAAM,UAAU,gBAAE;;EAGtB,IAAM,UAAW,KAAE,QAAA,cAAA,GAAA,OAAA,cAAA;EAGnB,OAAM,KAAU,IAAG,GAAA,KAAA;;CAEnB,MAAI,aAAc,eAAY;EAC9B,MAAM,UAAc,UAAE;oBAElB,OAAM;yBAGN,OAAQ;0BAGR,OAAW;OAGX,OAAO;;CAGX,MAAI,cAAc,MAAA;EAClB,EAAM,UAAA,GAAa,GAAC,UAAQ,WAAA,YAAA;;;;;CAE5B;CACA,MAAG,kBAAW,MAAA;EACV,EAAE,UAAU,GAAG,GAAG,UAAA,WAAA,YAAA;;;;;CAEtB;CACA,MAAM,YAAY,MAAG;;EAEjB,IAAI,QAAQ,GAAC;GACX,EAAA,UAAa,SAAU,SAAG,OAAY,YAAA,WAAA;;EAExC;CACJ;;EAEI,MAAM,QAAQ,UAAI;EACnB,IAAA,QAAY,GAAA;GACP,EAAE,UAAU,SAAE,SAAA,OAAA,iBAAA,WAAA;;;;;EAElB;CACJ;;EAEE,EAAA,UAAA,GAAA,GAAA,UAAA,WAAA,YAAA;EACC,EAAA,OAAS;GACJ,OAAA;GACN,OAAA;GACI,OAAS;EACb,CAAA;CACF;CAEE,OAAA,GAAA,EAAA,WAAA;;;;;;;;;;;;;GAAA;AACC;AAED,IAAA,iBAAA"}
+{"version":3,"file":"hp-bar.ce.js","names":[],"sources":["../../../src/components/prebuilt/hp-bar.ce"],"sourcesContent":["<!-- \n  HP Bar Component\n  \n  A beautiful, animated health bar component for displaying player HP above sprites.\n  Features a gradient color based on HP level, smooth animations, and modern styling.\n  \n  ## Design\n  \n  The bar changes color dynamically based on HP percentage:\n  - Green (#4ade80) when HP > 60% - Healthy state\n  - Yellow (#facc15) when HP 30-60% - Caution state  \n  - Orange (#fb923c) when HP 15-30% - Danger state\n  - Red (#ef4444) when HP < 15% - Critical state\n  \n  @example\n  ```ts\n  import HpBar from './hp-bar.ce';\n  \n  // In module configuration\n  export default defineModule<RpgClient>({\n    sprite: {\n      componentsInFront: [HpBar]\n    }\n  })\n  ```\n-->\n\n<Container x={position.x} y={position.y}>\n  <!-- Background shadow for depth effect -->\n  <Graphics draw={drawShadow} x={1} y={1} />\n  \n  <!-- Main background -->\n  <Graphics draw={drawBackground} />\n  \n  <!-- HP fill bar -->\n  <Graphics draw={drawFill} />\n  \n  <!-- Highlight overlay for 3D effect -->\n  <Graphics draw={drawHighlight} />\n  \n  <!-- Border frame -->\n  <Graphics draw={drawBorder} />\n</Container>\n\n<script>\nimport { computed, animatedSignal, effect } from \"canvasengine\";\n\nconst { object } = defineProps();\nconst sprite = object();\n\n// ====================\n// Configuration\n// ====================\n\n/** Total width of the HP bar in pixels */\nconst barWidth = 50;\n\n/** Total height of the HP bar in pixels */\nconst barHeight = 8;\n\n/** Border radius for rounded corners */\nconst borderRadius = 4;\n\n/** Inner border radius for the fill bar */\nconst innerRadius = 3;\n\n/** Padding between background and fill */\nconst padding = 1;\n\n/** Background color (dark theme) */\nconst bgColor = 0x16213e;\n\n/** Shadow color */\nconst shadowColor = 0x000000;\n\n/** Border color */\nconst borderColor = 0x4a5568;\n\n// ====================\n// Calculated dimensions\n// ====================\n\n/** Maximum fill width */\nconst maxFillWidth = barWidth - (padding * 2);\n\n/** Fill height */\nconst fillHeight = barHeight - (padding * 2);\n\n/** Highlight height (half of fill) */\nconst highlightHeight = Math.floor(fillHeight / 2);\n\n// ====================\n// Reactive HP values\n// ====================\n\n/** Gets hitbox dimensions for positioning */\nconst hitbox = sprite.hitbox;\n\n/**\n * Gets the current HP value from the player object\n * Uses hpSignal which is synchronized from the server\n */\nconst currentHp = computed(() => {\n  return sprite.hpSignal?.() ?? 0;\n});\n\n/**\n * Gets the maximum HP value from player parameters\n * Reads from _param.maxHp which contains calculated stats\n */\nconst maxHp = computed(() => {\n  const params = sprite._param?.() ?? {};\n  return params.maxHp ?? 100;\n});\n\n/**\n * Calculates HP percentage (0 to 1)\n */\nconst hpPercent = computed(() => {\n  const max = maxHp();\n  if (max <= 0) return 0;\n  const percent = currentHp() / max;\n  return Math.max(0, Math.min(1, percent));\n});\n\n// ====================\n// Animated values\n// ====================\n\n/**\n * Animated percentage for smooth bar transitions\n */\nconst animatedPercent = animatedSignal(hpPercent(), {\n  duration: 300,\n  easing: 'easeOutCubic'\n});\n\n// Update animated value when HP changes\neffect(() => {\n  const newPercent = hpPercent();\n  animatedPercent.set(newPercent);\n});\n\n// ====================\n// Visual calculations\n// ====================\n\n/**\n * Position of the bar relative to the sprite\n */\nconst position = computed(() => ({\n  x: (hitbox().w / 2) - (barWidth / 2),\n  y: -barHeight - 8\n}));\n\n/**\n * Current width of the HP fill based on animated percentage\n */\nconst fillWidth = computed(() => {\n  const percent = animatedPercent();\n  const width = maxFillWidth * percent;\n  // Ensure minimum visible width when HP > 0\n  if (percent > 0 && width < innerRadius * 2) {\n    return innerRadius * 2;\n  }\n  return Math.max(0, width);\n});\n\n/**\n * Determines HP bar color based on current HP percentage\n * Returns hex color number for PixiJS\n * \n * ## Color Thresholds\n * - Green (0x4ade80): HP > 60% - Healthy\n * - Yellow (0xfacc15): HP 30-60% - Caution\n * - Orange (0xfb923c): HP 15-30% - Danger\n * - Red (0xef4444): HP < 15% - Critical\n */\nconst hpColorHex = computed(() => {\n  const percent = hpPercent();\n  \n  if (percent > 0.6) {\n    return 0x4ade80; // Green - healthy\n  } else if (percent > 0.3) {\n    return 0xfacc15; // Yellow - caution\n  } else if (percent > 0.15) {\n    return 0xfb923c; // Orange - danger\n  } else {\n    return 0xef4444; // Red - critical\n  }\n});\n\n// ====================\n// Drawing functions\n// ====================\n\n/**\n * Draws the shadow behind the HP bar for depth effect\n */\nconst drawShadow = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.fill({ color: shadowColor, alpha: 0.3 });\n};\n\n/**\n * Draws the main background of the HP bar\n */\nconst drawBackground = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.fill({ color: bgColor, alpha: 0.9 });\n};\n\n/**\n * Draws the HP fill bar with dynamic color\n */\nconst drawFill = (g) => {\n  const width = fillWidth();\n  if (width > 0) {\n    g.roundRect(padding, padding, width, fillHeight, innerRadius);\n    g.fill({ color: hpColorHex() });\n  }\n};\n\n/**\n * Draws the highlight overlay for 3D effect\n */\nconst drawHighlight = (g) => {\n  const width = fillWidth();\n  if (width > 0) {\n    g.roundRect(padding, padding, width, highlightHeight, innerRadius);\n    g.fill({ color: 0xffffff, alpha: 0.25 });\n  }\n};\n\n/**\n * Draws the border frame around the HP bar\n * \n * Uses PixiJS Graphics API to create a rounded rectangle stroke\n * that serves as a visual border for the bar.\n * \n * @param g - PixiJS Graphics object\n * \n * @example\n * ```html\n * <Graphics draw={drawBorder} />\n * ```\n */\nconst drawBorder = (g) => {\n  g.roundRect(0, 0, barWidth, barHeight, borderRadius);\n  g.stroke({ \n    color: borderColor, \n    width: 1,\n    alpha: 0.7\n  });\n};\n</script>\n"],"mappings":"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"}

package/dist/components/prebuilt/index.js

@@ -1,2 +1,3 @@
-import "./hp-bar.ce.js";
-import "./light-halo.ce.js";
+import __ce_component from "./hp-bar.ce.js";
+import __ce_component$1 from "./light-halo.ce.js";
+export { __ce_component as HpBar, __ce_component$1 as LightHalo };

package/dist/components/prebuilt/light-halo.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"light-halo.ce.js","names":[],"sources":["../../../src/components/prebuilt/light-halo.ce"],"sourcesContent":["<Container x={position.x} y={position.y}>\n  <Graphics draw={drawHalo}  />\n</Container>\n\n<script>\nimport { computed, signal, tick, mount } from \"canvasengine\";\nimport { BlurFilter } from \"pixi.js\";\n\n/**\n * Component props for LightHalo\n * \n * All props are signals (even static ones) and must be read with `()`.\n * Props are optional and will use default values if not provided.\n * \n * @property {Object} object - The sprite object (required)\n * @property {number|Signal<number>} [baseRadius] - Base radius of the light halo in pixels (default: 30)\n * @property {number|Signal<number>} [radiusVariation] - Radius variation range (halo will pulse between baseRadius ± radiusVariation) (default: 10)\n * @property {number|Signal<number>} [baseOpacity] - Base opacity of the light halo (0 to 1) (default: 0.6)\n * @property {number|Signal<number>} [opacityVariation] - Opacity variation range (halo will fade between baseOpacity ± opacityVariation) (default: 0.3)\n * @property {number|Signal<number>} [sizeSpeed] - Animation speed for size pulsing (higher = faster) (default: 0.002)\n * @property {number|Signal<number>} [opacitySpeed] - Animation speed for opacity fading (higher = faster) (default: 0.003)\n * @property {number|Signal<number>} [lightColor] - Color of the light halo (hex value, warm yellow-white by default: 0xffffaa)\n */\nconst { \n  object, \n  baseRadius,\n  radiusVariation,\n  baseOpacity,\n  opacityVariation,\n  sizeSpeed,\n  opacitySpeed,\n  lightColor\n} = defineProps();\nconst sprite = object();\n\n// ====================\n// Props with default values\n// ====================\n\nconst getBaseRadius = computed(() => baseRadius?.() ?? 30);\nconst getRadiusVariation = computed(() => radiusVariation?.() ?? 10);\nconst getBaseOpacity = computed(() => baseOpacity?.() ?? 0.6);\nconst getOpacityVariation = computed(() => opacityVariation?.() ?? 0.3);\nconst getSizeSpeed = computed(() => sizeSpeed?.() ?? 0.002);\nconst getOpacitySpeed = computed(() => opacitySpeed?.() ?? 0.003);\nconst getLightColor = computed(() => lightColor?.() ?? 0xffffaa);\n\n// ====================\n// Animation state\n// ====================\n\n/** Time counter for animations */\nconst time = signal(0);\n\n/**\n * Current radius of the halo with pulsing animation\n * Uses multiple sine waves for more organic movement\n */\nconst currentRadius = computed(() => {\n  const t = time();\n  const base = getBaseRadius();\n  const variation = getRadiusVariation();\n  const speed = getSizeSpeed();\n  \n  // Combine two sine waves for less predictable pulsing\n  const pulse1 = Math.sin(t * speed);\n  const pulse2 = Math.sin(t * speed * 1.5) * 0.5;\n  const combinedPulse = (pulse1 + pulse2) / 1.5;\n  \n  return base + (combinedPulse * variation);\n});\n\n/**\n * Current opacity of the halo with fading animation\n * Includes a subtle flicker effect\n */\nconst currentOpacity = computed(() => {\n  const t = time();\n  const base = getBaseOpacity();\n  const variation = getOpacityVariation();\n  const speed = getOpacitySpeed();\n  \n  // Main breathing cycle\n  const fade = Math.sin(t * speed);\n  \n  // Subtle high-frequency flicker (candle-like)\n  const flicker = (Math.random() - 0.5) * 0.1;\n  \n  return Math.max(0, Math.min(1, base + (fade * variation) + flicker));\n});\n\n// ====================\n// Position calculations\n// ====================\n\nconst hitbox = sprite.hitbox;\n\nconst position = computed(() => ({\n  x: hitbox().w / 2,\n  y: hitbox().h / 2\n}));\n\n// ====================\n// Drawing function\n// ====================\n\n// Create filters once to avoid recreation on every frame\nconst blurFilter = new BlurFilter({ strength: 20, quality: 3 });\n\n/**\n * Draws the light halo effect with realistic diffusion\n */\nconst drawHalo = (g) => {\n  const radius = currentRadius();\n  const opacity = currentOpacity();\n  const color = getLightColor();\n  \n  if (opacity <= 0 || radius <= 0) return;\n\n  // Set blend mode to ADD for glowing light effect\n  g.blendMode = 'add';\n  \n  // Apply blur filter for soft light diffusion\n  g.filters = [blurFilter];\n  \n  // Draw main light source\n  // The blur filter will spread this out into a nice gradient\n  g.circle(0, 0, radius);\n  g.fill({ \n    color: color, \n    alpha: opacity \n  });\n  \n  // Draw a smaller, brighter core\n  g.circle(0, 0, radius * 0.4);\n  g.fill({ \n    color: 0xffffff, \n    alpha: opacity * 0.5 \n  });\n};\n\n// ====================\n// Animation loop\n// ====================\ntick(() => {\n  time.update(t => t + 1);\n});\n</script>\n"],"mappings":";;;AAQE,SAAA,UAAA,SAAA;CACqB,SAAA,OAAA;CACrB,MAAA,cAAA,eAAA,OAAA;CACwB,eAAiB,OAAK;CACxC,MAAK,EAAA,QAAS,YAAa,iBAAkB,aAAY,kBAAA,WAAA,cAAA,eAAA,YAAA;CACjE,MAAE,SAAA,OAAA;CACF,MAAI,gBAAkB,eAAa,aAAe,KAAA,EAAA;CAClD,MAAI,qBAAuB,eAAW,kBAAmB,KAAO,EAAG;CACnE,MAAI,iBAAiB,eAAiB,cAAA,KAAmB,EAAA;CACzD,MAAI,sBAAwB,eAAU,mBAAoB,KAAQ,EAAG;CACrE,MAAI,eAAiB,eAAe,YAAE,KAAA,IAAoB;CAC1D,MAAI,kBAAiB,eAAiB,eAAa,KAAA,IAAU;CAC7D,MAAI,gBAAiB,eAAgB,aAAa,KAAI,QAAS;CAC/D,MAAI,OAAS,OAAO,CAAC;CACrB,MAAE,gBAAA,eAAA;EACF,MAAO,IAAA,KAAA;EACL,MAAO,OAAA,cAAA;EACP,MAAA,YAAU,mBAAA;EACV,MAAA,QAAe,aAAA;EAKf,OAAA,QAHgB,KAAA,IAAA,IAAA,KAEJ,IADH,KAAA,IAAA,IAAA,QAAA,GAAA,IAAA,MACG,MACZ;CACF,CAAC;CACD,MAAM,iBAAiB,eAAA;;EAEnB,MAAM,OAAO,eAAK;EACnB,MAAM,YAAa,oBAAA;EAClB,MAAM,QAAQ,gBAAI;EAEtB,MAAM,OAAA,KAAgB,IAAA,IAAQ,KAAK;EAEnC,MAAM,WAAe,KAAE,OAAU,IAAI,MAAC;EACtC,OAAM,KAAA,IAAA,GAAA,KAAsB,IAAA,GAAA,OAAe,OAAA,YAAoB,OAAO,CAAC;CACvE,CAAA;CACA,MAAM,SAAA,OAAgB;CACtB,MAAM,WAAA,gBAA2B;;EAE7B,GAAG,OAAO,EAAE,IAAI;CACpB,EAAE;CACF,MAAM,aAAa,IAAG,WAAA;EAAA,UAAA;EAAA,SAAA;CAAA,CAAA;;EAElB,MAAK,SAAQ,cAAgB;EACjC,MAAU,UAAU,eAAE;;EAEpB,IAAA,WAAA,KAAA,UAAA,GACC;EAED,EAAA,YAAA;EAEA,EAAA,UAAc,CAAC,UAAC;EAGhB,EAAA,OAAW,GAAG,GAAA,MAAA;EACf,EAAA,KAAA;GACY;GACL,OAAO;EACb,CAAA;EAED,EAAA,OAAA,GAAA,GAAA,SAAA,EAAA;EACC,EAAA,KAAO;GACP,OAAA;;EAEA,CAAA;CACF;CACA,WAAW;EACT,KAAA,QAAA,MAAA,IAAA,CAAA;CACF,CAAA;CAEQ,OADU,EAAA,WAAA;EAAA,GAAA,SAAA;EAAA,GAAA,SAAA;CAAA,GAAA,EAAA,UAAA,EAAA,MAAA,SAAA,CAAA,CACH;AACb;AAED,IAAA,iBAAA"}
+{"version":3,"file":"light-halo.ce.js","names":[],"sources":["../../../src/components/prebuilt/light-halo.ce"],"sourcesContent":["<Container x={position.x} y={position.y}>\n  <Graphics draw={drawHalo}  />\n</Container>\n\n<script>\nimport { computed, signal, tick, mount } from \"canvasengine\";\nimport { BlurFilter } from \"pixi.js\";\n\n/**\n * Component props for LightHalo\n * \n * All props are signals (even static ones) and must be read with `()`.\n * Props are optional and will use default values if not provided.\n * \n * @property {Object} object - The sprite object (required)\n * @property {number|Signal<number>} [baseRadius] - Base radius of the light halo in pixels (default: 30)\n * @property {number|Signal<number>} [radiusVariation] - Radius variation range (halo will pulse between baseRadius ± radiusVariation) (default: 10)\n * @property {number|Signal<number>} [baseOpacity] - Base opacity of the light halo (0 to 1) (default: 0.6)\n * @property {number|Signal<number>} [opacityVariation] - Opacity variation range (halo will fade between baseOpacity ± opacityVariation) (default: 0.3)\n * @property {number|Signal<number>} [sizeSpeed] - Animation speed for size pulsing (higher = faster) (default: 0.002)\n * @property {number|Signal<number>} [opacitySpeed] - Animation speed for opacity fading (higher = faster) (default: 0.003)\n * @property {number|Signal<number>} [lightColor] - Color of the light halo (hex value, warm yellow-white by default: 0xffffaa)\n */\nconst { \n  object, \n  baseRadius,\n  radiusVariation,\n  baseOpacity,\n  opacityVariation,\n  sizeSpeed,\n  opacitySpeed,\n  lightColor\n} = defineProps();\nconst sprite = object();\n\n// ====================\n// Props with default values\n// ====================\n\nconst getBaseRadius = computed(() => baseRadius?.() ?? 30);\nconst getRadiusVariation = computed(() => radiusVariation?.() ?? 10);\nconst getBaseOpacity = computed(() => baseOpacity?.() ?? 0.6);\nconst getOpacityVariation = computed(() => opacityVariation?.() ?? 0.3);\nconst getSizeSpeed = computed(() => sizeSpeed?.() ?? 0.002);\nconst getOpacitySpeed = computed(() => opacitySpeed?.() ?? 0.003);\nconst getLightColor = computed(() => lightColor?.() ?? 0xffffaa);\n\n// ====================\n// Animation state\n// ====================\n\n/** Time counter for animations */\nconst time = signal(0);\n\n/**\n * Current radius of the halo with pulsing animation\n * Uses multiple sine waves for more organic movement\n */\nconst currentRadius = computed(() => {\n  const t = time();\n  const base = getBaseRadius();\n  const variation = getRadiusVariation();\n  const speed = getSizeSpeed();\n  \n  // Combine two sine waves for less predictable pulsing\n  const pulse1 = Math.sin(t * speed);\n  const pulse2 = Math.sin(t * speed * 1.5) * 0.5;\n  const combinedPulse = (pulse1 + pulse2) / 1.5;\n  \n  return base + (combinedPulse * variation);\n});\n\n/**\n * Current opacity of the halo with fading animation\n * Includes a subtle flicker effect\n */\nconst currentOpacity = computed(() => {\n  const t = time();\n  const base = getBaseOpacity();\n  const variation = getOpacityVariation();\n  const speed = getOpacitySpeed();\n  \n  // Main breathing cycle\n  const fade = Math.sin(t * speed);\n  \n  // Subtle high-frequency flicker (candle-like)\n  const flicker = (Math.random() - 0.5) * 0.1;\n  \n  return Math.max(0, Math.min(1, base + (fade * variation) + flicker));\n});\n\n// ====================\n// Position calculations\n// ====================\n\nconst hitbox = sprite.hitbox;\n\nconst position = computed(() => ({\n  x: hitbox().w / 2,\n  y: hitbox().h / 2\n}));\n\n// ====================\n// Drawing function\n// ====================\n\n// Create filters once to avoid recreation on every frame\nconst blurFilter = new BlurFilter({ strength: 20, quality: 3 });\n\n/**\n * Draws the light halo effect with realistic diffusion\n */\nconst drawHalo = (g) => {\n  const radius = currentRadius();\n  const opacity = currentOpacity();\n  const color = getLightColor();\n  \n  if (opacity <= 0 || radius <= 0) return;\n\n  // Set blend mode to ADD for glowing light effect\n  g.blendMode = 'add';\n  \n  // Apply blur filter for soft light diffusion\n  g.filters = [blurFilter];\n  \n  // Draw main light source\n  // The blur filter will spread this out into a nice gradient\n  g.circle(0, 0, radius);\n  g.fill({ \n    color: color, \n    alpha: opacity \n  });\n  \n  // Draw a smaller, brighter core\n  g.circle(0, 0, radius * 0.4);\n  g.fill({ \n    color: 0xffffff, \n    alpha: opacity * 0.5 \n  });\n};\n\n// ====================\n// Animation loop\n// ====================\ntick(() => {\n  time.update(t => t + 1);\n});\n</script>\n"],"mappings":";;;AAQM,SAAS,UAAU,SAAS;CACX,SAAS,OAAO;CAC/B,MAAM,cAAc,eAAe,OAAO;CACtB,eAAe,OAAO;CAC1C,MAAM,EAAE,QAAQ,YAAY,iBAAiB,aAAa,kBAAkB,WAAW,cAAc,eAAe,YAAY;CACxI,MAAM,SAAS,OAAO;CACtB,MAAM,gBAAgB,eAAe,aAAa,KAAK,EAAE;CACzD,MAAM,qBAAqB,eAAe,kBAAkB,KAAK,EAAE;CACnE,MAAM,iBAAiB,eAAe,cAAc,KAAK,EAAG;CAC5D,MAAM,sBAAsB,eAAe,mBAAmB,KAAK,EAAG;CACtE,MAAM,eAAe,eAAe,YAAY,KAAK,IAAK;CAC1D,MAAM,kBAAkB,eAAe,eAAe,KAAK,IAAK;CAChE,MAAM,gBAAgB,eAAe,aAAa,KAAK,QAAQ;CAC/D,MAAM,OAAO,OAAO,CAAC;CACrB,MAAM,gBAAgB,eAAe;EACjC,MAAM,IAAI,KAAK;EACf,MAAM,OAAO,cAAc;EAC3B,MAAM,YAAY,mBAAmB;EACrC,MAAM,QAAQ,aAAa;EAK3B,OAAO,QAHQ,KAAK,IAAI,IAAI,KAEA,IADb,KAAK,IAAI,IAAI,QAAQ,GAAG,IAAI,MACD,MACX;CACnC,CAAC;CACD,MAAM,iBAAiB,eAAe;EAClC,MAAM,IAAI,KAAK;EACf,MAAM,OAAO,eAAe;EAC5B,MAAM,YAAY,oBAAoB;EACtC,MAAM,QAAQ,gBAAgB;EAE9B,MAAM,OAAO,KAAK,IAAI,IAAI,KAAK;EAE/B,MAAM,WAAW,KAAK,OAAO,IAAI,MAAO;EACxC,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAQ,OAAO,YAAa,OAAO,CAAC;CACvE,CAAC;CACD,MAAM,SAAS,OAAO;CACtB,MAAM,WAAW,gBAAgB;EAC7B,GAAG,OAAO,CAAC,CAAC,IAAI;EAChB,GAAG,OAAO,CAAC,CAAC,IAAI;CACpB,EAAE;CACF,MAAM,aAAa,IAAI,WAAW;EAAE,UAAU;EAAI,SAAS;CAAE,CAAC;CAC9D,MAAM,YAAY,MAAM;EACpB,MAAM,SAAS,cAAc;EAC7B,MAAM,UAAU,eAAe;EAC/B,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW,KAAK,UAAU,GAC1B;EAEJ,EAAE,YAAY;EAEd,EAAE,UAAU,CAAC,UAAU;EAGvB,EAAE,OAAO,GAAG,GAAG,MAAM;EACrB,EAAE,KAAK;GACI;GACP,OAAO;EACX,CAAC;EAED,EAAE,OAAO,GAAG,GAAG,SAAS,EAAG;EAC3B,EAAE,KAAK;GACH,OAAO;GACP,OAAO,UAAU;EACrB,CAAC;CACL;CACA,WAAW;EACP,KAAK,QAAO,MAAK,IAAI,CAAC;CAC1B,CAAC;CAEO,OADY,EAAE,WAAW;EAAE,GAAG,SAAS;EAAG,GAAG,SAAS;CAAE,GAAG,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC,CAC9E;AACb;AAEA,IAAM,iBAAiB"}

package/dist/components/scenes/canvas.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (lightingAmbientEnabled()) {\n      <NightAmbiant\n        spots={nightLights}\n        darkness={lightingDarknessProps}\n        haze={lightingHaze}\n      />\n    }\n    @if (shadowEnabled()) {\n      <SpriteShadows\n        lights={shadowLights}\n        ambientLight={shadowAmbientLight}\n        minInfluence={shadowMinInfluence}\n        falloffPower={shadowFalloffPower}\n        mode={shadowMode}\n        updateHz={shadowUpdateHz}\n        scanHz={shadowScanHz}\n        cullToViewport={shadowCullToViewport}\n        shadowColor={shadowColor}\n      />\n    }\n    <SceneMap />\n  </Viewport>\n  @for (gui of guiList) {\n      <Container\n        positionType=\"absolute\"\n        top={0}\n        left={0}\n        right={0}\n        bottom={0}\n        width={engine.width}\n        height={engine.height}\n      >\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} guiOpenId={gui.openId} onFinish={(data, guiOpenId) => {\n            onGuiFinish(gui, data, guiOpenId)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { NightAmbiant, SpriteShadows } from '@canvasengine/presets'\n  import { shouldRenderLightingShadows } from \"@rpgjs/common\";\n\n  const engine = inject(RpgClientEngine);\n  const SceneMap = engine.sceneMapComponent;\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const lighting = engine.sceneMap.lighting\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.width ?? data?.params?.width ?? 2048) * scale\n  })\n  const worldHeight = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.height ?? data?.params?.height ?? 2048) * scale\n  })\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\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 onGuiFinish = (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  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n\n  const clamp = {\n    direction: \"all\"\n  }\n  const NIGHT_SPOT_RADIUS_SCALE = 4.25\n  const NIGHT_SPOT_MIN_RADIUS = 170\n  const NIGHT_SPOT_MIN_INTENSITY = 1\n  const SHADOW_SPOT_RADIUS_SCALE = 12\n  const SHADOW_SPOT_MIN_RADIUS = 480\n\n  const toFiniteNumber = (value, fallback = null) => {\n    const number = Number(value)\n    return Number.isFinite(number) ? number : fallback\n  }\n  const clampNumber = (value, min, max) => Math.max(min, Math.min(max, value))\n  const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS)\n  const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS)\n  const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY)\n  const shadowLightIntensity = (intensity, fallback = 1) => {\n    const value = Number(intensity ?? fallback)\n    return Number.isFinite(value) ? Math.max(0, value) : fallback\n  }\n  const shadowSpotIntensity = (intensity) => shadowLightIntensity(intensity, 1)\n\n  const lightingAmbient = computed(() => {\n    const state = lighting?.()\n    return state?.ambient ?? {}\n  })\n\n  const nightLights = computed(() => {\n    const state = lighting?.()\n    return (state?.spots ?? []).map((spot, index) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        radius: nightSpotRadius(radius),\n        intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : 0.92),\n        flicker: spot.flicker,\n        flickerSpeed: spot.flickerSpeed ?? 14,\n        pulse: spot.pulse,\n        pulseSpeed: spot.pulseSpeed,\n        phase: spot.phase,\n      }\n    })\n  })\n  const lightingDarkness = computed(() => {\n    const darkness = lightingAmbient().darkness\n    return typeof darkness === \"number\" ? darkness : 0\n  })\n\n  const lightingAmbientEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(state && lightingDarkness() > 0)\n  })\n\n  const lightingDarknessProps = computed(() => ({\n    opacity: lightingDarkness(),\n    color: lightingAmbient().darkColor ?? \"#080a12\",\n  }))\n  const lightingHaze = computed(() => ({\n    color: lightingAmbient().fogColor ?? \"#12182a\",\n    radius: lightingAmbient().fogRadius ?? 0.44,\n    softness: lightingAmbient().fogSoftness ?? 0.3,\n    opacity: lightingAmbient().fogOpacity ?? 0.35,\n  }))\n\n  const defaultSunLight = () => {\n    const data = sceneData?.()\n    const width = Number(data?.width ?? data?.params?.width ?? 2048)\n    const height = Number(data?.height ?? data?.params?.height ?? 2048)\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    const mapWidth = width * scale\n    const mapHeight = height * scale\n    const projectionBase = Math.max(1, mapWidth, mapHeight)\n\n    return {\n      x: -projectionBase * 24,\n      y: -projectionBase * 24,\n      z: 520,\n      radius: projectionBase * 160,\n      intensity: 0.85,\n      shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,\n      enabled: true,\n    }\n  }\n\n  const normalizeSunDirection = (sun) => {\n    const x = toFiniteNumber(sun?.x, null)\n    const y = toFiniteNumber(sun?.y, null)\n    if (x !== null && y !== null && Math.hypot(x, y) > 0.001) {\n      return { x, y }\n    }\n    return { x: -0.45, y: -1 }\n  }\n\n  const defaultSunAmbientLight = () => {\n    const state = lighting?.()\n    if (!state?.sun || state.sun.enabled === false) return null\n\n    const defaultSun = defaultSunLight()\n    const sun = {\n      ...defaultSun,\n      ...state.sun,\n      intensity: shadowLightIntensity(state.sun.intensity, defaultSun.intensity),\n      shadowWeight: state.sun.shadowWeight ?? defaultSun.shadowWeight,\n    }\n    if (sun.intensity <= 0) return null\n\n    const direction = normalizeSunDirection(sun)\n    const shadowWeight = clampNumber(toFiniteNumber(sun.shadowWeight, lightingDarkness() > 0 ? 1.35 : 1) ?? 1, 0, 4)\n    const length = clampNumber(30 + sun.intensity * 38 * Math.max(0.75, shadowWeight), 30, 86)\n\n    return {\n      x: direction.x,\n      y: direction.y,\n      z: toFiniteNumber(sun.z, 520) ?? 520,\n      intensity: clampNumber(sun.intensity, 0, 2),\n      shadowWeight,\n      length,\n    }\n  }\n\n  const shadowState = computed(() => {\n    const state = lighting?.()\n    return state?.shadows ?? null\n  })\n\n  const shadowLights = computed(() => {\n    const state = lighting?.()\n    const spotLights = (state?.spots ?? []).map((spot) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        z: 170,\n        radius: shadowSpotRadius(radius),\n        intensity: shadowSpotIntensity(spot.intensity),\n        shadowWeight: 1,\n        enabled: true,\n      }\n    })\n\n    return spotLights\n  })\n\n  const shadowAmbientLight = computed(() => {\n    const shadows = shadowState()\n    if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) {\n      return null\n    }\n    return shadows?.ambientLight ?? defaultSunAmbientLight()\n  })\n\n  const shadowEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(shouldRenderLightingShadows(state) && (shadowLights().length > 0 || shadowAmbientLight()))\n  })\n\n  const shadowMode = computed(() => shadowState()?.mode ?? \"strongest\")\n  const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60)\n  const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8)\n  const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true)\n  const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? 0.24)\n  const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? 0.85)\n  const shadowColor = computed(() => shadowState()?.shadowColor ?? \"#05070d\")\n</script>\n"],"mappings":";;;;;;;AAcM,SAAE,UAAc,SAAA;CACR,SAAU,OAAA;CACN,eAAc,OAAA;CACJ,eAAA,OAAA;CACpB,MAAA,SAAe,OAAC,eAAoB;CAC5C,MAAM,WAAE,OAAa;CACrB,MAAM,aAAC,OAAA,MAAA;CACP,MAAI,YAAA,OAAA,SAAA;CACJ,MAAK,WAAU,OAAA,SAAA;CACf,MAAI,UAAQ,eAAA;EACT,OAAQ,OAAI,OAAS,WAAA,IAAA,CAAA,EAAA,QAAA,QAAA,CAAA,IAAA,cAAA;CACxB,CAAC;CACD,MAAM,aAAE,eAAsB;EAC1B,MAAI,OAAM,YAAA;EACV,MAAI,QAAO,OAAA,MAAA,QAAA,SAAA,CAAA,KAAA;EACX,OAAI,OAAQ,MAAA,SAAA,MAAA,QAAA,SAAA,IAAA,IAAA;CAChB,CAAC;CACD,MAAM,cAAS,eAAY;EACvB,MAAI,OAAQ,YAAa;EACzB,MAAE,QAAA,OAAA,MAAA,QAAA,SAAA,CAAA,KAAA;EACF,OAAO,OAAM,MAAO,UAAE,MAAA,QAAA,UAAA,IAAA,IAAA;CAC1B,CAAC;CACD,aAAY;EACR,IAAI,UAAK,KAAA,CAAA,UAAqB,EAAC,WAC3B,MAAI,IAAA,MAAA,mHAAgC;CAE5C,CAAC;CACD,MAAM,mBAAW,UAAA;EACf,MAAA,WAAA,OAAA,UAAA,aAAA,MAAA,IAAA;EACA,OAAM,OAAA,aAAA,YAAA,SAAA,SAAA,IAAA,WAAA,KAAA;;CAER,MAAC,eAAM,KAAA,MAAA,cAAA;EACL,MAAQ,kBAAkB,gBAAQ,SAAa;EAC/C,MAAQ,gBAAgB,gBAAW,IAAO,MAAA;EAC1C,IAAM,mBAAmB,iBAAc,oBAAgB,eACjD;EACN,WAAS,SAAa,IAAC,MAAA,MAAe,mBAAQ,aAAoB;CACpE;;EAEE,WAAa,eAAS,IAAA,MAAgB,MAAA,IAAA;CACxC;CACA,MAAE,QAAM,EACN,WAAM,MACR;CACA,MAAE,0BAA8B;CAChC,MAAI,wBAAqB;CACzB,MAAG,2BAAA;CACH,MAAE,2BAA+B;CACjC,MAAI,yBAAyB;CAC7B,MAAI,kBAAoB,OAAO,WAAQ,SAAY;EAC/C,MAAM,SAAQ,OAAM,KAAO;EAC5B,OAAA,OAAA,SAAA,MAAA,IAAA,SAAA;CACH;CACA,MAAI,eAAa,OAAW,KAAC,QAAA,KAAA,IAAA,KAAA,KAAA,IAAA,KAAA,KAAA,CAAA;CAC7B,MAAI,mBAAqB,WAAM,KAAQ,IAAM,SAAS,yBAAA,qBAAA;CACtD,MAAI,oBAAoB,WAAU,KAAM,IAAM,SAAS,0BAAW,sBAAA;CAClE,MAAG,sBAAA,WAAA,aAAA,KAAA,IAAA,aAAA,UAAA,wBAAA;;EAED,MAAQ,QAAK,OAAA,aAAA,QAAA;EACX,OAAK,OAAS,SAAO,KAAA,IAAW,KAAC,IAAA,GAAW,KAAA,IAAA;CAChD;CACA,MAAK,uBAAA,cAAA,qBAAA,WAAA,CAAA;CACL,MAAG,kBAAA,eAAA;EAED,QAAA,WAAA,IAAM,WAAmB,CAAA;CAC3B,CAAC;CACD,MAAI,cAAc,eAAc;WAC9B,WAAA,IAAA,SAAA,CAAA,GAAA,KAAA,MAAA,UAAA;GAEM,MAAA,SAAe,KAAK,UAAM;GAC9B,OAAM;IACA,GAAA,KAAA;IACF,GAAA,KAAA;IACJ,QAAW,gBAAmB,MAAM;IACtC,WAAA,mBAAA,KAAA,WAAA,UAAA,IAAA,IAAA,GAAA;;IAEM,cAAkB,KAAK,gBAAgB;IAC3C,OAAW,KAAA;IACb,YAAA,KAAA;;GAEM;EACJ,CAAA;CACJ,CAAC;CACD,MAAE,mBAAM,eAA4B;EAClC,MAAM,WAAA,gBAAwB,EAAA;EAC9B,OAAM,OAAA,aAAA,WAA2B,WAAA;CACnC,CAAC;CACD,MAAE,yBAA6B,eAAE;;EAE/B,OAAM,QAAA,SAAkB,iBAAkB,IAAK,CAAC;CAClD,CAAC;CACD,MAAI,wBAAuB,gBAAmB;EAC5C,SAAA,iBAAA;EACA,OAAM,gBAAe,EAAM,aAAa;CAC1C,EAAE;CACF,MAAE,eAAM,gBAA6B;EACnC,OAAM,gBAAmB,EAAE,YAAY;EACvC,QAAM,gBAAoB,EAAE,aAAa;EACvC,UAAM,gBAAe,EAAA,eAAqB;EAC1C,SAAO,gBAAgB,EAAA,cAAkB;CAC7C,EAAE;CACF,MAAE,wBAA4B;;EAE5B,MAAM,QAAA,OAAiB,MAAC,SAAc,MAAC,QAAA,SAAA,IAAA;EACrC,MAAM,SAAQ,OAAQ,MAAG,UAAA,MAAA,QAAA,UAAA,IAAA;EACzB,MAAM,QAAQ,OAAO,MAAK,QAAA,SAAA,CAAA,KAAA;EAC3B,MAAA,WAAA,QAAA;;EAED,MAAM,iBAAc,KAAU,IAAI,GAAC,UAAA,SAAA;EACjC,OAAM;GACN,GAAO,CAAC,iBAAiB;GACvB,GAAK,CAAC,iBAAc;GACpB,GAAA;GACE,QAAQ,iBAAC;GACT,WAAS;GACT,cAAQ,iBAAuB,IAAA,IAAA,MAAA;GAC/B,SAAS;EACb;CACJ;CACA,MAAM,yBAAmB,QAAA;EACrB,MAAI,IAAA,eAAiB,KAAA,GAAU,IAAA;EAC/B,MAAI,IAAM,eAAW,KAAA,GAAA,IAAA;EACrB,IAAE,MAAA,QAAA,MAAA,QAAA,KAAA,MAAA,GAAA,CAAA,IAAA,MACD,OAAA;GAAA;GAAA;EAAA;EAEH,OAAM;GAAA,GAAA;GAAA,GAAkB;EAAC;CAC3B;CACA,MAAI,+BAA4B;EAC7B,MAAA,QAAA,WAAA;kDAEK,OAAA;EACJ,MAAM,aAAQ,gBAAW;EACzB,MAAM,MAAC;GACR,GAAA;;GAEK,WAAA,qBAAgC,MAAM,IAAE,WAAA,WAAA,SAAA;GAC5C,cAAS,MAAA,IAAkB,gBAAA,WAAA;EAC3B;EACA,IAAA,IAAA,aAAA,GACI,OAAA;EACJ,MAAM,YAAC,sBAAgC,GAAA;EACvC,MAAM,eAAE,YAAkB,eAAiB,IAAA,cAAA,iBAAA,IAAA,IAAA,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;EAC3C,MAAA,SAAU,YAAiB,KAAC,IAAA,YAAkB,KAAA,KAAA,IAAA,KAAA,YAAA,GAAA,IAAA,EAAA;EAC9C,OAAO;GACP,GAAA,UAAA;;GAEI,GAAA,eAAkB,IAAI,GAAE,GAAA,KAAA;GAC5B,WAAa,YAAY,IAAA,WAAA,GAAA,CAAA;GACzB;GACA;EACA;CACJ;CACA,MAAI,cAAgB,eAAW;UACrB,WAAiB,IAAA,WAAA;CAE3B,CAAC;CACD,MAAM,eAAI,eAAmB;EAczB,SAbM,WAAmB,IACjB,SAAA,CAAA,GAAA,KAAA,SAAA;GACN,MAAQ,SAAA,KAAc,UAAM;GAC5B,OAAS;IACT,GAAA,KAAc;IACd,GAAS,KAAI;IACf,GAAA;IACF,QAAA,iBAAA,MAAA;;IAEM,cAAA;IACI,SAAE;GACV;EACA,CACgB;CACpB,CAAC;CACD,MAAI,qBAAuB,eAAE;EAC3B,MAAA,UAAA,YAAA;kFAEM,OAAA;EAEJ,OAAK,SAAW,gBAAa,uBAA0B;;CAE3D,MAAI,gBAAkB,eAAC;EACnB,MAAM,QAAM,WAAA;EACZ,OAAK,QAAU,4BAAA,KAAA,MAAA,aAAA,EAAA,SAAA,KAAA,mBAAA,EAAA;CACnB,CAAC;CACD,MAAM,aAAW,eAAA,YAA2B,GAAI,QAAS,WAAE;CAC3D,MAAM,iBAAc,eAAU,YAAgB,GAAA,YAAW,EAAA;CACzD,MAAI,eAAA,eAAA,YAAA,GAAA,UAAA,CAAA;CACJ,MAAM,uBAAsB,eAAO,YAAA,GAAA,kBAAA,IAAA;;CAEnC,MAAI,qBAAkB,eAAA,YAAyB,GAAA,gBAAA,GAAA;CAC/C,MAAI,cAAM,eAAe,YAAY,GAAA,eAAmB,SAAc;CAM9D,OALW,EAAA,QAAW;EAAC,OAAQ,OAAC;EAAY,QAAS,OAAO;CAAI,GAAA,CAAA,EAAA,UAAmB;EAAE;EAAA;EAAA;EAAA,kBAAA;CAAA,GAAA;EAAA,KAAA,eAAA,uBAAA,CAAA,SAAA,EAAA,cAAA;GAAA,OAAA;GAAA,UAAA;GAAA,MAAA;EAAA,CAAA,CAAA;EAAA,KAAA,eAAA,cAAA,CAAA,SAAA,EAAA,eAAA;GAAA,QAAA;GAAA,cAAA;GAAA,cAAA;GAAA,cAAA;GAAA,MAAA;GAAA,UAAA;GAAA,QAAA;GAAA,gBAAA;GAAA;EAAA,CAAA,CAAA;EAAA,EAAA,QAAA;CAAA,CAAA,GAAA,KAAA,UAAA,QAAA,EAAA,WAAA;EAAA,cAAA;EAAA,KAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,OAAA,OAAA;EAAA,QAAA,OAAA;CAAA,GAAA,KAAA,IAAA,eAAA,EAAA,IAAA,WAAA;EAAA,MAAA,IAAA;EAAA,cAAA,IAAA;EAAA,WAAA,IAAA;EAAA,WAAA,MAAA,cAAA;;EAEnF;EAAC,gBAAA,MAAA,SAAA;GACF,iBAAW,KAAA,MAAA,IAAA;EACX;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA;AACH;AAEA,IAAM,iBAAA"}
+{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (lightingAmbientEnabled()) {\n      <NightAmbiant\n        spots={nightLights}\n        darkness={lightingDarknessProps}\n        haze={lightingHaze}\n      />\n    }\n    @if (shadowEnabled()) {\n      <SpriteShadows\n        lights={shadowLights}\n        ambientLight={shadowAmbientLight}\n        minInfluence={shadowMinInfluence}\n        falloffPower={shadowFalloffPower}\n        mode={shadowMode}\n        updateHz={shadowUpdateHz}\n        scanHz={shadowScanHz}\n        cullToViewport={shadowCullToViewport}\n        shadowColor={shadowColor}\n      />\n    }\n    <SceneMap />\n  </Viewport>\n  @for (gui of guiList) {\n      <Container\n        positionType=\"absolute\"\n        top={0}\n        left={0}\n        right={0}\n        bottom={0}\n        width={engine.width}\n        height={engine.height}\n      >\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} guiOpenId={gui.openId} onFinish={(data, guiOpenId) => {\n            onGuiFinish(gui, data, guiOpenId)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { NightAmbiant, SpriteShadows } from '@canvasengine/presets'\n  import { shouldRenderLightingShadows } from \"@rpgjs/common\";\n\n  const engine = inject(RpgClientEngine);\n  const SceneMap = engine.sceneMapComponent;\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const lighting = engine.sceneMap.lighting\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.width ?? data?.params?.width ?? 2048) * scale\n  })\n  const worldHeight = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.height ?? data?.params?.height ?? 2048) * scale\n  })\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\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 onGuiFinish = (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  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n\n  const clamp = {\n    direction: \"all\"\n  }\n  const NIGHT_SPOT_RADIUS_SCALE = 4.25\n  const NIGHT_SPOT_MIN_RADIUS = 170\n  const NIGHT_SPOT_MIN_INTENSITY = 1\n  const SHADOW_SPOT_RADIUS_SCALE = 12\n  const SHADOW_SPOT_MIN_RADIUS = 480\n\n  const toFiniteNumber = (value, fallback = null) => {\n    const number = Number(value)\n    return Number.isFinite(number) ? number : fallback\n  }\n  const clampNumber = (value, min, max) => Math.max(min, Math.min(max, value))\n  const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS)\n  const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS)\n  const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY)\n  const shadowLightIntensity = (intensity, fallback = 1) => {\n    const value = Number(intensity ?? fallback)\n    return Number.isFinite(value) ? Math.max(0, value) : fallback\n  }\n  const shadowSpotIntensity = (intensity) => shadowLightIntensity(intensity, 1)\n\n  const lightingAmbient = computed(() => {\n    const state = lighting?.()\n    return state?.ambient ?? {}\n  })\n\n  const nightLights = computed(() => {\n    const state = lighting?.()\n    return (state?.spots ?? []).map((spot, index) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        radius: nightSpotRadius(radius),\n        intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : 0.92),\n        flicker: spot.flicker,\n        flickerSpeed: spot.flickerSpeed ?? 14,\n        pulse: spot.pulse,\n        pulseSpeed: spot.pulseSpeed,\n        phase: spot.phase,\n      }\n    })\n  })\n  const lightingDarkness = computed(() => {\n    const darkness = lightingAmbient().darkness\n    return typeof darkness === \"number\" ? darkness : 0\n  })\n\n  const lightingAmbientEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(state && lightingDarkness() > 0)\n  })\n\n  const lightingDarknessProps = computed(() => ({\n    opacity: lightingDarkness(),\n    color: lightingAmbient().darkColor ?? \"#080a12\",\n  }))\n  const lightingHaze = computed(() => ({\n    color: lightingAmbient().fogColor ?? \"#12182a\",\n    radius: lightingAmbient().fogRadius ?? 0.44,\n    softness: lightingAmbient().fogSoftness ?? 0.3,\n    opacity: lightingAmbient().fogOpacity ?? 0.35,\n  }))\n\n  const defaultSunLight = () => {\n    const data = sceneData?.()\n    const width = Number(data?.width ?? data?.params?.width ?? 2048)\n    const height = Number(data?.height ?? data?.params?.height ?? 2048)\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    const mapWidth = width * scale\n    const mapHeight = height * scale\n    const projectionBase = Math.max(1, mapWidth, mapHeight)\n\n    return {\n      x: -projectionBase * 24,\n      y: -projectionBase * 24,\n      z: 520,\n      radius: projectionBase * 160,\n      intensity: 0.85,\n      shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,\n      enabled: true,\n    }\n  }\n\n  const normalizeSunDirection = (sun) => {\n    const x = toFiniteNumber(sun?.x, null)\n    const y = toFiniteNumber(sun?.y, null)\n    if (x !== null && y !== null && Math.hypot(x, y) > 0.001) {\n      return { x, y }\n    }\n    return { x: -0.45, y: -1 }\n  }\n\n  const defaultSunAmbientLight = () => {\n    const state = lighting?.()\n    if (!state?.sun || state.sun.enabled === false) return null\n\n    const defaultSun = defaultSunLight()\n    const sun = {\n      ...defaultSun,\n      ...state.sun,\n      intensity: shadowLightIntensity(state.sun.intensity, defaultSun.intensity),\n      shadowWeight: state.sun.shadowWeight ?? defaultSun.shadowWeight,\n    }\n    if (sun.intensity <= 0) return null\n\n    const direction = normalizeSunDirection(sun)\n    const shadowWeight = clampNumber(toFiniteNumber(sun.shadowWeight, lightingDarkness() > 0 ? 1.35 : 1) ?? 1, 0, 4)\n    const length = clampNumber(30 + sun.intensity * 38 * Math.max(0.75, shadowWeight), 30, 86)\n\n    return {\n      x: direction.x,\n      y: direction.y,\n      z: toFiniteNumber(sun.z, 520) ?? 520,\n      intensity: clampNumber(sun.intensity, 0, 2),\n      shadowWeight,\n      length,\n    }\n  }\n\n  const shadowState = computed(() => {\n    const state = lighting?.()\n    return state?.shadows ?? null\n  })\n\n  const shadowLights = computed(() => {\n    const state = lighting?.()\n    const spotLights = (state?.spots ?? []).map((spot) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        z: 170,\n        radius: shadowSpotRadius(radius),\n        intensity: shadowSpotIntensity(spot.intensity),\n        shadowWeight: 1,\n        enabled: true,\n      }\n    })\n\n    return spotLights\n  })\n\n  const shadowAmbientLight = computed(() => {\n    const shadows = shadowState()\n    if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) {\n      return null\n    }\n    return shadows?.ambientLight ?? defaultSunAmbientLight()\n  })\n\n  const shadowEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(shouldRenderLightingShadows(state) && (shadowLights().length > 0 || shadowAmbientLight()))\n  })\n\n  const shadowMode = computed(() => shadowState()?.mode ?? \"strongest\")\n  const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60)\n  const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8)\n  const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true)\n  const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? 0.24)\n  const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? 0.85)\n  const shadowColor = computed(() => shadowState()?.shadowColor ?? \"#05070d\")\n</script>\n"],"mappings":"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"}

package/dist/components/scenes/draw-map.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container shake={shakeConfig} freeze={engine.gamePause}>\n  @if (backgroundMusic()) {\n    <Container sound={backgroundMusic()} />\n  }\n\n  @if (backgroundAmbientSound()) {\n    <Container sound={backgroundAmbientSound()} />\n  }\n\n  <Container>\n    @if (map() && sceneComponent()) {\n      <sceneComponent() data={map()?.data ?? emptySceneData} params={map()?.params ?? emptySceneParams} />\n    }\n  </Container>\n\n  @for (child of children) {\n    <child />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  <Container sortableChildren={true}>\n    @for (projectile of projectiles() ; track projectile.props.id) {\n      <projectile.component ...projectile.props />\n    }\n  </Container>\n\n  @if (weatherProps()) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { computed, effect } from 'canvasengine'\n    import './weather-lifecycle-compat'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const { children } = defineProps()\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const projectiles = engine.projectiles.current\n    const map = engine.sceneMap?.data\n    const emptySceneData = { params: {} }\n    const emptySceneParams = {}\n    const sceneComponent = computed(() => map()?.component)\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = computed(() => {\n      const src = map()?.params?.backgroundMusic\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n    const backgroundAmbientSound = computed(() => {\n      const src = map()?.params?.backgroundAmbientSound\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;;AAUK,SAAU,UAAG,SAAgB;CACX,SAAO,OAAO;CACjC,MAAA,cAAA,eAAA,OAAA;CACS,eAAA,OAAA;;CAEb,MAAM,SAAQ,OAAG,eAAU;CAC3B,MAAK,sBAAO,OAAA;CACZ,MAAE,cAAA,OAAA,YAAA;;CAEF,MAAM,iBAAE,EAAA,QAAsB,CAAA,EAAA;CAC9B,MAAK,mBAAS,CAAA;CACd,MAAM,iBAAgB,eAAG,IAAA,GAAmB,SAAS;CACrD,MAAM,UAAG,OAAA,SAAmB;CAC5B,MAAM,kBAAA,eAAA;EACF,MAAE,MAAS,IAAA,GAAA,QAAA;EACb,OAAA,MAAA;GAAA;GAAA,UAAA;GAAA,MAAA;EAAA,IAAA,KAAA;;CAEF,MAAG,yBAA4B,eAAK;EAChC,MAAM,MAAA,IAAU,GAAG,QAAC;EACpB,OAAG,MAAU;GAAC;GAAA,UAAa;GAAA,MAAW;EAAO,IAAA,KAAA;CACjD,CAAC;CACD,MAAI,cAAS;;EAEV,WAAI;EACH,UAAU;EACZ,WAAA;EACA,WAAS;;CAEX,MAAC,eAAM,eAAA;EACH,MAAM,QAAG,UAAU;EACnB,IAAA,CAAA,OACA,OAAS;;GAEU;GAAO;GAAY;GAAC;4BAEvC,OAAQ;EAER,MAAM,SAAA,MAAA,UAAsB,CAAA;EAC5B,OAAM;GACN,QAAY,MAAM;GAClB,OAAM,OAAA;GACN,eAAM,OAAoB;GAC1B,cAAM,OAAiB;GACvB,SAAa,OAAG;GAChB,UAAM,OAAe;GACnB,QAAU,OAAO;GACjB,OAAO,OAAQ;GAChB,cAAA,OAAA;GACD,UAAM,OAAA;GACJ,WAAY,OAAO;GACnB,YAAc,OAAM;GACrB,iBAAA,OAAA;;GAED,OAAM,OAAY;GAChB,WAAS,OAAO;EAClB;CACJ,CAAC;CAEK,OADa,EAAA,WAAA;EAAA,OAAA;EAAA,QAAA,OAAA;CAAA,GAAA;EAAA,KAAA,eAAA,gBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,OAAA,eAAA,gBAAA,CAAA,EAAA,CAAA,CAAA;EAAA,KAAA,eAAA,uBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,OAAA,eAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;EAAA,EAAA,WAAA,MAAA,KAAA,eAAA,IAAA,KAAA,eAAA,CAAA,SAAA,EAAA,eAAA,GAAA;GAAA,MAAA,eAAA,IAAA,GAAA,QAAA,cAAA;GAAA,QAAA,eAAA,IAAA,GAAA,UAAA,gBAAA;EAAA,CAAA,CAAA,CAAA;EAAA,KAAA,WAAA,UAAA,EAAA,KAAA,CAAA;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,SAAA,CAAA,CAAA,CAAA;EAAA,EAAA,WAAA,EAAA,kBAAA,KAAA,GAAA,KAAA,eAAA,YAAA,CAAA,IAAA,eAAA,EAAA,WAAA,WAAA,WAAA,KAAA,GAAA,EAAA,QAAA,eAAA,WAAA,MAAA,GAAA,CAAA,CAAA;EAAA,KAAA,eAAA,aAAA,CAAA,SAAA,EAAA,SAAA,aAAA,CAAA,CAAA;CAAA,CACD;AACd;AAEA,IAAM,iBAAe"}
+{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container shake={shakeConfig} freeze={engine.gamePause}>\n  @if (backgroundMusic()) {\n    <Container sound={backgroundMusic()} />\n  }\n\n  @if (backgroundAmbientSound()) {\n    <Container sound={backgroundAmbientSound()} />\n  }\n\n  <Container>\n    @if (map() && sceneComponent()) {\n      <sceneComponent() data={map()?.data ?? emptySceneData} params={map()?.params ?? emptySceneParams} />\n    }\n  </Container>\n\n  @for (child of children) {\n    <child />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  <Container sortableChildren={true}>\n    @for (projectile of projectiles() ; track projectile.props.id) {\n      <projectile.component ...projectile.props />\n    }\n  </Container>\n\n  @if (weatherProps()) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { computed, effect } from 'canvasengine'\n    import './weather-lifecycle-compat'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const { children } = defineProps()\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const projectiles = engine.projectiles.current\n    const map = engine.sceneMap?.data\n    const emptySceneData = { params: {} }\n    const emptySceneParams = {}\n    const sceneComponent = computed(() => map()?.component)\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = computed(() => {\n      const src = map()?.params?.backgroundMusic\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n    const backgroundAmbientSound = computed(() => {\n      const src = map()?.params?.backgroundAmbientSound\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;;AAUM,SAAS,UAAU,SAAS;CACX,SAAS,OAAO;CAC/B,MAAM,cAAc,eAAe,OAAO;CACtB,eAAe,OAAO;CAC1C,MAAM,EAAE,aAAa,YAAY;CACzC,MAAM,SAAS,OAAO,eAAe;CACrC,MAAM,sBAAsB,OAAO;CACnC,MAAM,cAAc,OAAO,YAAY;CACvC,MAAM,MAAM,OAAO,UAAU;CAC7B,MAAM,iBAAiB,EAAE,QAAQ,CAAC,EAAE;CACpC,MAAM,mBAAmB,CAAC;CAC1B,MAAM,iBAAiB,eAAe,IAAI,CAAC,EAAE,SAAS;CACtD,MAAM,UAAU,OAAO,SAAS;CAChC,MAAM,kBAAkB,eAAe;EACnC,MAAM,MAAM,IAAI,CAAC,EAAE,QAAQ;EAC3B,OAAO,MAAM;GAAE;GAAK,UAAU;GAAM,MAAM;EAAK,IAAI,KAAA;CACvD,CAAC;CACD,MAAM,yBAAyB,eAAe;EAC1C,MAAM,MAAM,IAAI,CAAC,EAAE,QAAQ;EAC3B,OAAO,MAAM;GAAE;GAAK,UAAU;GAAM,MAAM;EAAK,IAAI,KAAA;CACvD,CAAC;CACD,MAAM,cAAc;EAChB,SAAS,OAAO;EAChB,WAAW;EACX,UAAU;EACV,WAAW;EACX,WAAW;CACf;CACA,MAAM,eAAe,eAAe;EAChC,MAAM,QAAQ,UAAU;EACxB,IAAI,CAAC,OACD,OAAO;EAGX,IAAI,CAAC;GADiB;GAAQ;GAAQ;GAAO;EAC7B,CAAC,CAAC,SAAS,MAAM,MAAM,GACnC,OAAO;EAEX,MAAM,SAAS,MAAM,UAAU,CAAC;EAChC,OAAO;GACH,QAAQ,MAAM;GACd,OAAO,OAAO;GACd,eAAe,OAAO;GACtB,cAAc,OAAO;GACrB,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,QAAQ,OAAO;GACf,OAAO,OAAO;GACd,cAAc,OAAO;GACrB,UAAU,OAAO;GACjB,WAAW,OAAO;GAClB,YAAY,OAAO;GACnB,iBAAiB,OAAO;GACxB,QAAQ,OAAO,UAAU;GACzB,OAAO,OAAO;GACd,WAAW,OAAO;EACtB;CACJ,CAAC;CAEO,OADY,EAAE,WAAW;EAAE,OAAO;EAAa,QAAQ,OAAO;CAAU,GAAG;EAAC,KAAK,eAAe,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,eAAe,gBAAgB,CAAC,EAAE,CAAC,CAAC;EAAG,KAAK,eAAe,uBAAuB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,eAAe,uBAAuB,CAAC,EAAE,CAAC,CAAC;EAAG,EAAE,WAAW,MAAM,KAAK,eAAe,IAAI,KAAK,eAAe,CAAC,SAAS,EAAE,eAAe,GAAG;GAAE,MAAM,eAAe,IAAI,CAAC,EAAE,QAAQ,cAAc;GAAG,QAAQ,eAAe,IAAI,CAAC,EAAE,UAAU,gBAAgB;EAAE,CAAC,CAAC,CAAC;EAAG,KAAK,WAAU,UAAS,EAAE,KAAK,CAAC;EAAG,KAAK,sBAAqB,uBAAsB,EAAE,WAAW,MAAM,KAAK,mBAAmB,UAAS,cAAa,EAAE,mBAAmB,WAAW,SAAS,CAAC,CAAC,CAAC;EAAG,EAAE,WAAW,EAAE,kBAAkB,KAAK,GAAG,KAAK,eAAe,YAAY,CAAC,IAAG,eAAc,EAAE,WAAW,WAAW,WAAW,KAAK,GAAG,EAAE,QAAO,eAAc,WAAW,MAAM,GAAG,CAAC,CAAC;EAAG,KAAK,eAAe,aAAa,CAAC,SAAS,EAAE,SAAS,aAAa,CAAC,CAAC;CAAC,CACx7B;AACb;AAEA,IAAM,iBAAiB"}

package/dist/components/scenes/event-layer.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-layer.ce.js","names":[],"sources":["../../../src/components/scenes/event-layer.ce"],"sourcesContent":["<Container sortableChildren={true} onBeforeDestroy={detachPixiChildren}>\n    @for ((event,id) of events) {\n        <Character id={id} object={event}  />\n    }\n\n    @for ((player,id) of players) {\n        <Character id={id} object={player} />\n    }\n\n    @for (child of children) {\n        <child />\n    }\n</Container>\n\n<script>\n    import { effect, mount } from \"canvasengine\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import Character from \"../character.ce\";\n    import LightHalo from \"../prebuilt/light-halo.ce\";\n   \n    const engine = inject(RpgClientEngine);\n    const { children, pixiChildren } = defineProps({\n        pixiChildren: {\n            default: []\n        }\n    })\n    const readValue = (value) => typeof value === \"function\" ? value() : value\n    let rootContainer = null\n    let mountedPixiChildren = []\n    \n    const players = engine.sceneMap.players\n    const events = engine.sceneMap.events\n\n    const getPixiChildren = () => {\n        const value = readValue(pixiChildren)\n        return Array.isArray(value) ? value.filter(Boolean) : []\n    }\n\n    const syncPixiChildren = () => {\n        if (!rootContainer) return\n        const nextPixiChildren = getPixiChildren()\n        mountedPixiChildren.forEach((child) => {\n            if (!nextPixiChildren.includes(child) && child.parent === rootContainer) {\n                rootContainer.removeChild(child)\n            }\n        })\n        nextPixiChildren.forEach((child) => {\n            if (child.parent === rootContainer) return\n            if (child.parent) {\n                child.parent.removeChild(child)\n            }\n            rootContainer.addChild(child)\n        })\n        mountedPixiChildren = nextPixiChildren\n    }\n\n    const detachPixiChildren = () => {\n        if (!rootContainer) return\n        mountedPixiChildren.forEach((child) => {\n            if (child.parent === rootContainer) {\n                rootContainer.removeChild(child)\n            }\n        })\n        mountedPixiChildren = []\n    }\n\n    effect(() => {\n        readValue(pixiChildren)\n        syncPixiChildren()\n    })\n\n    mount((element) => {\n        rootContainer = element.componentInstance\n        syncPixiChildren()\n        return detachPixiChildren\n    })\n</script>\n"],"mappings":";;;;;AASK,SAAU,UAAI,SAAU;CACb,SAAA,OAAA;CACZ,MAAA,cAAA,eAAA,OAAA;CACO,eAAA,OAAA;;CAEX,MAAC,EAAM,UAAA,iBAAA,YAAA,EACH,cAAS,EACT,SAAS,CAAA,EACT,EACJ,CAAC;CACD,MAAI,aAAO,UAAkB,OAAC,UAAe,aAAQ,MAAA,IAAA;CACrD,IAAE,gBAAA;CACF,IAAI,sBAAsB,CAAA;CAC1B,MAAI,UAAQ,OAAU,SAAA;CACtB,MAAM,SAAE,OAAc,SAAA;CACtB,MAAM,wBAAgB;EAClB,MAAI,QAAA,UAAA,YAAA;EACJ,OAAC,MAAA,QAAA,KAAA,IAAA,MAAA,OAAA,OAAA,IAAA,CAAA;CACL;CACA,MAAI,yBAAoB;EACpB,IAAI,CAAA,eACL;EACC,MAAM,mBAAiB,gBAAS;EAChC,oBAAe,SAAO,UAAS;4EAEzB,cAAgB,YAAQ,KAAA;EAE9B,CAAC;EACD,iBAAA,SAAA,UAAA;uCAEM;GACF,IAAI,MAAC,QACL,MAAM,OAAA,YAAmB,KAAA;GAEzB,cAAS,SAAA,KAAiB;EAC9B,CAAC;EACD,sBAAQ;CACZ;CACA,MAAM,2BAA2B;EAC7B,IAAI,CAAC,eACD;EACJ,oBAAkB,SAAO,UAAY;GACjC,IAAI,MAAA,WAAA,eACA,cAAc,YAAS,KAAK;EAEpC,CAAC;EACD,sBAAA,CAAA;;CAEJ,aAAU;EACN,UAAS,YAAa;EACtB,iBAAI;CACR,CAAC;CACD,OAAO,YAAS;EACZ,gBAAQ,QAAA;EACR,iBAAK;EACL,OAAI;CACR,CAAC;CAEG,OAAA,EAAA,WAAA;;;;;;;;;;;;;EAAa;AACX;AAED,IAAA,iBAAA"}
+{"version":3,"file":"event-layer.ce.js","names":["Character"],"sources":["../../../src/components/scenes/event-layer.ce"],"sourcesContent":["<Container sortableChildren={true} onBeforeDestroy={detachPixiChildren}>\n    @for ((event,id) of events) {\n        <Character id={id} object={event}  />\n    }\n\n    @for ((player,id) of players) {\n        <Character id={id} object={player} />\n    }\n\n    @for (child of children) {\n        <child />\n    }\n</Container>\n\n<script>\n    import { effect, mount } from \"canvasengine\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import Character from \"../character.ce\";\n    import LightHalo from \"../prebuilt/light-halo.ce\";\n   \n    const engine = inject(RpgClientEngine);\n    const { children, pixiChildren } = defineProps({\n        pixiChildren: {\n            default: []\n        }\n    })\n    const readValue = (value) => typeof value === \"function\" ? value() : value\n    let rootContainer = null\n    let mountedPixiChildren = []\n    \n    const players = engine.sceneMap.players\n    const events = engine.sceneMap.events\n\n    const getPixiChildren = () => {\n        const value = readValue(pixiChildren)\n        return Array.isArray(value) ? value.filter(Boolean) : []\n    }\n\n    const syncPixiChildren = () => {\n        if (!rootContainer) return\n        const nextPixiChildren = getPixiChildren()\n        mountedPixiChildren.forEach((child) => {\n            if (!nextPixiChildren.includes(child) && child.parent === rootContainer) {\n                rootContainer.removeChild(child)\n            }\n        })\n        nextPixiChildren.forEach((child) => {\n            if (child.parent === rootContainer) return\n            if (child.parent) {\n                child.parent.removeChild(child)\n            }\n            rootContainer.addChild(child)\n        })\n        mountedPixiChildren = nextPixiChildren\n    }\n\n    const detachPixiChildren = () => {\n        if (!rootContainer) return\n        mountedPixiChildren.forEach((child) => {\n            if (child.parent === rootContainer) {\n                rootContainer.removeChild(child)\n            }\n        })\n        mountedPixiChildren = []\n    }\n\n    effect(() => {\n        readValue(pixiChildren)\n        syncPixiChildren()\n    })\n\n    mount((element) => {\n        rootContainer = element.componentInstance\n        syncPixiChildren()\n        return detachPixiChildren\n    })\n</script>\n"],"mappings":";;;;;AASM,SAAS,UAAU,SAAS;CACX,SAAS,OAAO;CAC/B,MAAM,cAAc,eAAe,OAAO;CACtB,eAAe,OAAO;CAC1C,MAAM,SAAS,OAAO,eAAe;CAC7C,MAAM,EAAE,UAAU,iBAAiB,YAAY,EAC3C,cAAc,EACV,SAAS,CAAC,EACd,EACJ,CAAC;CACD,MAAM,aAAa,UAAU,OAAO,UAAU,aAAa,MAAM,IAAI;CACrE,IAAI,gBAAgB;CACpB,IAAI,sBAAsB,CAAC;CAC3B,MAAM,UAAU,OAAO,SAAS;CAChC,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,wBAAwB;EAC1B,MAAM,QAAQ,UAAU,YAAY;EACpC,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,OAAO,IAAI,CAAC;CAC3D;CACA,MAAM,yBAAyB;EAC3B,IAAI,CAAC,eACD;EACJ,MAAM,mBAAmB,gBAAgB;EACzC,oBAAoB,SAAS,UAAU;GACnC,IAAI,CAAC,iBAAiB,SAAS,KAAK,KAAK,MAAM,WAAW,eACtD,cAAc,YAAY,KAAK;EAEvC,CAAC;EACD,iBAAiB,SAAS,UAAU;GAChC,IAAI,MAAM,WAAW,eACjB;GACJ,IAAI,MAAM,QACN,MAAM,OAAO,YAAY,KAAK;GAElC,cAAc,SAAS,KAAK;EAChC,CAAC;EACD,sBAAsB;CAC1B;CACA,MAAM,2BAA2B;EAC7B,IAAI,CAAC,eACD;EACJ,oBAAoB,SAAS,UAAU;GACnC,IAAI,MAAM,WAAW,eACjB,cAAc,YAAY,KAAK;EAEvC,CAAC;EACD,sBAAsB,CAAC;CAC3B;CACA,aAAa;EACT,UAAU,YAAY;EACtB,iBAAiB;CACrB,CAAC;CACD,OAAO,YAAY;EACf,gBAAgB,QAAQ;EACxB,iBAAiB;EACjB,OAAO;CACX,CAAC;CAEO,OADY,EAAE,WAAW;EAAE,kBAAkB;EAAM,iBAAiB;CAAmB,GAAG;EAAC,KAAK,SAAS,OAAO,OAAO,EAAEA,kBAAW;GAAM;GAAI,QAAQ;EAAM,CAAC,CAAC;EAAG,KAAK,UAAU,QAAQ,OAAO,EAAEA,kBAAW;GAAM;GAAI,QAAQ;EAAO,CAAC,CAAC;EAAG,KAAK,WAAU,UAAS,EAAE,KAAK,CAAC;CAAC,CAChQ;AACb;AAEA,IAAM,iBAAiB"}

package/dist/components/scenes/weather-tick-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"weather-tick-lifecycle.js","names":[],"sources":["../../../src/components/scenes/weather-tick-lifecycle.ts"],"sourcesContent":["const PATCHED = Symbol.for(\"@rpgjs/client/weather-tick-lifecycle-patched\");\nconst DISPOSED = Symbol(\"weather-tick-lifecycle-disposed\");\nconst MOUNT_QUEUE = Symbol(\"weather-tick-lifecycle-mount-queue\");\n\ntype TickSubscription = {\n  unsubscribe?: () => void;\n};\n\ntype TickSubscriptionInstance = {\n  destroyed?: boolean;\n  tickSubscription?: TickSubscription;\n  [DISPOSED]?: boolean;\n  [MOUNT_QUEUE]?: Promise<void>;\n};\n\ntype TickSubscriptionPrototype = {\n  [PATCHED]?: boolean;\n  onMount?: (...args: any[]) => unknown;\n  onDestroy?: (...args: any[]) => unknown;\n};\n\nfunction stopTickSubscription(instance: TickSubscriptionInstance) {\n  instance.tickSubscription?.unsubscribe?.();\n  instance.tickSubscription = undefined;\n}\n\n/**\n * CanvasEngine presets 2.0.0 can finish mounting a rain layer after that layer\n * has already been destroyed. The late mount then leaves a tick subscription\n * operating on a destroyed Pixi object. It can also overwrite an existing\n * subscription when mounts overlap.\n *\n * Keep this compatibility patch local to the affected preset prototypes. It\n * can be removed once the preset owns the same lifecycle guarantees.\n */\nexport function patchWeatherTickLifecycle(prototype: TickSubscriptionPrototype) {\n  if (!prototype || prototype[PATCHED]) return;\n\n  const originalOnMount = prototype.onMount;\n  const originalOnDestroy = prototype.onDestroy;\n  if (!originalOnMount || !originalOnDestroy) return;\n\n  Object.defineProperty(prototype, PATCHED, { value: true });\n\n  prototype.onMount = function (this: TickSubscriptionInstance, ...args: any[]) {\n    const mount = async () => {\n      if (this[DISPOSED] || this.destroyed) return;\n\n      stopTickSubscription(this);\n      await originalOnMount.apply(this, args);\n\n      if (this[DISPOSED] || this.destroyed) {\n        stopTickSubscription(this);\n      }\n    };\n\n    const pendingMount = (this[MOUNT_QUEUE] ?? Promise.resolve())\n      .catch(() => undefined)\n      .then(mount);\n    this[MOUNT_QUEUE] = pendingMount;\n    return pendingMount;\n  };\n\n  prototype.onDestroy = function (this: TickSubscriptionInstance, ...args: any[]) {\n    this[DISPOSED] = true;\n    stopTickSubscription(this);\n    return originalOnDestroy.apply(this, args);\n  };\n}\n"],"mappings":";AAAA,IAAM,UAAU,OAAO,IAAI,8CAA8C;AACzE,IAAM,WAAW,OAAO,iCAAiC;AACzD,IAAM,cAAc,OAAO,oCAAoC;AAmB/D,SAAS,qBAAqB,UAAoC;CAChE,SAAS,kBAAkB,cAAc;CACzC,SAAS,mBAAmB,KAAA;AAC9B;;;;;;;;;;AAWA,SAAgB,0BAA0B,WAAsC;CAC9E,IAAI,CAAC,aAAa,UAAU,UAAU;CAEtC,MAAM,kBAAkB,UAAU;CAClC,MAAM,oBAAoB,UAAU;CACpC,IAAI,CAAC,mBAAmB,CAAC,mBAAmB;CAE5C,OAAO,eAAe,WAAW,SAAS,EAAE,OAAO,KAAK,CAAC;CAEzD,UAAU,UAAU,SAA0C,GAAG,MAAa;EAC5E,MAAM,QAAQ,YAAY;GACxB,IAAI,KAAK,aAAa,KAAK,WAAW;GAEtC,qBAAqB,IAAI;GACzB,MAAM,gBAAgB,MAAM,MAAM,IAAI;GAEtC,IAAI,KAAK,aAAa,KAAK,WACzB,qBAAqB,IAAI;EAE7B;EAEA,MAAM,gBAAgB,KAAK,gBAAgB,QAAQ,QAAQ,GACxD,YAAY,KAAA,CAAS,EACrB,KAAK,KAAK;EACb,KAAK,eAAe;EACpB,OAAO;CACT;CAEA,UAAU,YAAY,SAA0C,GAAG,MAAa;EAC9E,KAAK,YAAY;EACjB,qBAAqB,IAAI;EACzB,OAAO,kBAAkB,MAAM,MAAM,IAAI;CAC3C;AACF"}
+{"version":3,"file":"weather-tick-lifecycle.js","names":[],"sources":["../../../src/components/scenes/weather-tick-lifecycle.ts"],"sourcesContent":["const PATCHED = Symbol.for(\"@rpgjs/client/weather-tick-lifecycle-patched\");\nconst DISPOSED = Symbol(\"weather-tick-lifecycle-disposed\");\nconst MOUNT_QUEUE = Symbol(\"weather-tick-lifecycle-mount-queue\");\n\ntype TickSubscription = {\n  unsubscribe?: () => void;\n};\n\ntype TickSubscriptionInstance = {\n  destroyed?: boolean;\n  tickSubscription?: TickSubscription;\n  [DISPOSED]?: boolean;\n  [MOUNT_QUEUE]?: Promise<void>;\n};\n\ntype TickSubscriptionPrototype = {\n  [PATCHED]?: boolean;\n  onMount?: (...args: any[]) => unknown;\n  onDestroy?: (...args: any[]) => unknown;\n};\n\nfunction stopTickSubscription(instance: TickSubscriptionInstance) {\n  instance.tickSubscription?.unsubscribe?.();\n  instance.tickSubscription = undefined;\n}\n\n/**\n * CanvasEngine presets 2.0.0 can finish mounting a rain layer after that layer\n * has already been destroyed. The late mount then leaves a tick subscription\n * operating on a destroyed Pixi object. It can also overwrite an existing\n * subscription when mounts overlap.\n *\n * Keep this compatibility patch local to the affected preset prototypes. It\n * can be removed once the preset owns the same lifecycle guarantees.\n */\nexport function patchWeatherTickLifecycle(prototype: TickSubscriptionPrototype) {\n  if (!prototype || prototype[PATCHED]) return;\n\n  const originalOnMount = prototype.onMount;\n  const originalOnDestroy = prototype.onDestroy;\n  if (!originalOnMount || !originalOnDestroy) return;\n\n  Object.defineProperty(prototype, PATCHED, { value: true });\n\n  prototype.onMount = function (this: TickSubscriptionInstance, ...args: any[]) {\n    const mount = async () => {\n      if (this[DISPOSED] || this.destroyed) return;\n\n      stopTickSubscription(this);\n      await originalOnMount.apply(this, args);\n\n      if (this[DISPOSED] || this.destroyed) {\n        stopTickSubscription(this);\n      }\n    };\n\n    const pendingMount = (this[MOUNT_QUEUE] ?? Promise.resolve())\n      .catch(() => undefined)\n      .then(mount);\n    this[MOUNT_QUEUE] = pendingMount;\n    return pendingMount;\n  };\n\n  prototype.onDestroy = function (this: TickSubscriptionInstance, ...args: any[]) {\n    this[DISPOSED] = true;\n    stopTickSubscription(this);\n    return originalOnDestroy.apply(this, args);\n  };\n}\n"],"mappings":";AAAA,IAAM,UAAU,OAAO,IAAI,8CAA8C;AACzE,IAAM,WAAW,OAAO,iCAAiC;AACzD,IAAM,cAAc,OAAO,oCAAoC;AAmB/D,SAAS,qBAAqB,UAAoC;CAChE,SAAS,kBAAkB,cAAc;CACzC,SAAS,mBAAmB,KAAA;AAC9B;;;;;;;;;;AAWA,SAAgB,0BAA0B,WAAsC;CAC9E,IAAI,CAAC,aAAa,UAAU,UAAU;CAEtC,MAAM,kBAAkB,UAAU;CAClC,MAAM,oBAAoB,UAAU;CACpC,IAAI,CAAC,mBAAmB,CAAC,mBAAmB;CAE5C,OAAO,eAAe,WAAW,SAAS,EAAE,OAAO,KAAK,CAAC;CAEzD,UAAU,UAAU,SAA0C,GAAG,MAAa;EAC5E,MAAM,QAAQ,YAAY;GACxB,IAAI,KAAK,aAAa,KAAK,WAAW;GAEtC,qBAAqB,IAAI;GACzB,MAAM,gBAAgB,MAAM,MAAM,IAAI;GAEtC,IAAI,KAAK,aAAa,KAAK,WACzB,qBAAqB,IAAI;EAE7B;EAEA,MAAM,gBAAgB,KAAK,gBAAgB,QAAQ,QAAQ,EAAA,CACxD,YAAY,KAAA,CAAS,CAAC,CACtB,KAAK,KAAK;EACb,KAAK,eAAe;EACpB,OAAO;CACT;CAEA,UAAU,YAAY,SAA0C,GAAG,MAAa;EAC9E,KAAK,YAAY;EACjB,qBAAqB,IAAI;EACzB,OAAO,kBAAkB,MAAM,MAAM,IAAI;CAC3C;AACF"}

package/dist/core/inject.d.ts

@@ -1,5 +1,5 @@
-import { Context } from '@signe/di';
-export declare let context: Context | null;
-export declare function inject<T>(service: (new (...args: any[]) => T) | string, _context?: Context): T;
-export declare function setInject(_context: Context): void;
+import { RpgContext } from '@rpgjs/common';
+export declare let context: RpgContext | null;
+export declare function inject<T>(service: (new (...args: any[]) => T) | string, _context?: RpgContext): T;
+export declare function setInject(_context: RpgContext): void;
 export declare function clearInject(): void;

package/dist/core/inject.js.map

@@ -1 +1 @@
-{"version":3,"file":"inject.js","names":[],"sources":["../../src/core/inject.ts"],"sourcesContent":["import { Context, inject as injector } from \"@signe/di\";\n\nexport let context: Context | null = null\n\nexport function inject<T>(service: (new (...args: any[]) => T) | string, _context?: Context): T {\n    const c = _context ?? context\n    if (!c) throw new Error(\"Context is not set. use setInject() to set the context\");\n    return injector(c, service);\n}\n\nexport function setInject(_context: Context) {\n    context = _context;\n}\n\nexport function clearInject() {\n    context = null\n}"],"mappings":";;AAEA,IAAW,UAA0B;AAErC,SAAgB,OAAU,SAA+C,UAAuB;CAC5F,MAAM,IAAI,YAAY;CACtB,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,wDAAwD;CAChF,OAAO,SAAS,GAAG,OAAO;AAC9B;AAEA,SAAgB,UAAU,UAAmB;CACzC,UAAU;AACd;AAEA,SAAgB,cAAc;CAC1B,UAAU;AACd"}
+{"version":3,"file":"inject.js","names":[],"sources":["../../src/core/inject.ts"],"sourcesContent":["import { Context, inject as injector } from \"@signe/di\";\nimport type { RpgContext } from \"@rpgjs/common\";\n\nexport let context: RpgContext | null = null\n\nexport function inject<T>(service: (new (...args: any[]) => T) | string, _context?: RpgContext): T {\n    const c = _context ?? context\n    if (!c) throw new Error(\"Context is not set. use setInject() to set the context\");\n    return injector(c as Context, service);\n}\n\nexport function setInject(_context: RpgContext) {\n    context = _context;\n}\n\nexport function clearInject() {\n    context = null\n}\n"],"mappings":";;AAGA,IAAW,UAA6B;AAExC,SAAgB,OAAU,SAA+C,UAA0B;CAC/F,MAAM,IAAI,YAAY;CACtB,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,wDAAwD;CAChF,OAAO,SAAS,GAAc,OAAO;AACzC;AAEA,SAAgB,UAAU,UAAsB;CAC5C,UAAU;AACd;AAEA,SAAgB,cAAc;CAC1B,UAAU;AACd"}

package/dist/core/setup.d.ts

@@ -1,6 +1,6 @@
-import { Context, Providers } from '@signe/di';
+import { RpgContext, RpgProviders } from '@rpgjs/common';
 interface SetupOptions {
-    providers: Providers;
+    providers: RpgProviders;
 }
-export declare function startGame(options: SetupOptions): Promise<Context<any, any, Record<string, any>>>;
+export declare function startGame(options: SetupOptions): Promise<RpgContext>;
 export {};

package/dist/core/setup.js

@@ -6,7 +6,7 @@ async function startGame(options) {
 	const context = new Context();
 	context["side"] = "client";
 	setInject(context);
-	await injector(context, options.providers);
+	await injector(context, options.providers.flat(Infinity));
 	await inject(context, RpgClientEngine).start();
 	return context;
 }

package/dist/core/setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup.js","names":[],"sources":["../../src/core/setup.ts"],"sourcesContent":["import { Context, FactoryProvider, findProvider, findProviders, inject, injector, Providers } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { setInject } from \"./inject\";\n\ninterface SetupOptions {\n  providers: Providers;\n}\n\n\nexport async function startGame(options: SetupOptions) {\n  const context = new Context();\n  context['side'] = 'client'\n  setInject(context);\n\n  await injector(context, options.providers);\n\n  const engine = inject<RpgClientEngine>(context, RpgClientEngine);\n  await engine.start();\n  return context;\n}\n"],"mappings":";;;;AASA,eAAsB,UAAU,SAAuB;CACrD,MAAM,UAAU,IAAI,QAAQ;CAC5B,QAAQ,UAAU;CAClB,UAAU,OAAO;CAEjB,MAAM,SAAS,SAAS,QAAQ,SAAS;CAGzC,MADe,OAAwB,SAAS,eAC1C,EAAO,MAAM;CACnB,OAAO;AACT"}
+{"version":3,"file":"setup.js","names":[],"sources":["../../src/core/setup.ts"],"sourcesContent":["import { Context, inject, injector, type Providers } from \"@signe/di\";\nimport type { RpgContext, RpgProviders } from \"@rpgjs/common\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { setInject } from \"./inject\";\n\ninterface SetupOptions {\n  providers: RpgProviders;\n}\n\n\nexport async function startGame(options: SetupOptions): Promise<RpgContext> {\n  const context = new Context();\n  context['side'] = 'client'\n  setInject(context as unknown as RpgContext);\n\n  const providers = (options.providers as unknown[]).flat(Infinity) as Providers;\n  await injector(context, providers);\n\n  const engine = inject<RpgClientEngine>(context, RpgClientEngine);\n  await engine.start();\n  return context as unknown as RpgContext;\n}\n"],"mappings":";;;;AAUA,eAAsB,UAAU,SAA4C;CAC1E,MAAM,UAAU,IAAI,QAAQ;CAC5B,QAAQ,UAAU;CAClB,UAAU,OAAgC;CAG1C,MAAM,SAAS,SADI,QAAQ,UAAwB,KAAK,QAChC,CAAS;CAGjC,MADe,OAAwB,SAAS,eAC1C,CAAA,CAAO,MAAM;CACnB,OAAO;AACT"}

package/dist/core/setup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/i18n.d.ts

@@ -64,4 +64,4 @@ export declare const RpgClientBuiltinI18n: {
         "rpg.shop.total": string;
     };
 };
-export declare function provideI18n(config?: I18nConfig): import('@signe/di').FactoryProvider;
+export declare function provideI18n(config?: I18nConfig): import('@rpgjs/common').RpgFactoryProvider<import('@rpgjs/common').I18nService>;