@inglorious/store 7.1.0 → 7.1.2

package/README.md

@@ -831,10 +831,11 @@ Now, your store is fully type-safe. The hooks provided by `@inglorious/react-sto
 
 Check out the following demos to see the Inglorious Store in action on real-case scenarios:
 
-- **[TodoMVC](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/todomvc)** - An (ugly) clone of Kent Dodds' [TodoMVC](https://todomvc.com/) experiments, showing the full compatibility with react-redux and The Redux DevTools.
-- **[TodoMVC-CS](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/todomvc-cs)** - A client-server version of the TodoMVC, which showcases the use of `notify` as a cleaner alternative to `dispatch` and async event handlers.
-- **[TodoMVC-RT](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/todomvc-rt)** - A "multiplayer" version, in which multiple clients are able to synchronize through a real-time server.
-- **[TodoMVC-TS](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/todomvc-ts)** - A typesafe version of the base TodoMVC.
+- **[React TodoMVC](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/react-todomvc)** - An (ugly) clone of Kent Dodds' [TodoMVC](https://todomvc.com/) experiments, showing the full compatibility with react-redux and The Redux DevTools.
+- **[React TodoMVC-CS](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/react-todomvc-cs)** - A client-server version of the TodoMVC, which showcases the use of `notify` as a cleaner alternative to `dispatch` and async event handlers.
+- **[React TodoMVC-RT](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/react-todomvc-rt)** - A "multiplayer" version, in which multiple clients are able to synchronize through a real-time server.
+- **[React TodoMVC-TS](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/react-todomvc-ts)** - A typesafe version of the base TodoMVC.
+- **[Web TodoMVC](https://github.com/IngloriousCoderz/inglorious-engine/tree/main/examples/apps/web-todomvc)** - The same app, written with the [`@inglorious/web`](https://www.npmjs.com/package/@inglorious/web) framework instead of React.
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/store",
-  "version": "7.1.0",
+  "version": "7.1.2",
   "description": "A state manager for real-time, collaborative apps, inspired by game development patterns and compatible with Redux.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -58,7 +58,7 @@
     "prettier": "^3.6.2",
     "vite": "^7.1.3",
     "vitest": "^1.6.1",
-    "@inglorious/eslint-config": "1.0.1"
+    "@inglorious/eslint-config": "1.1.1"
   },
   "engines": {
     "node": ">= 22"

package/src/event-map.js

@@ -96,7 +96,8 @@ export class EventMap {
    * Supports scoped events:
    * - 'submit' -> all entities with 'submit' handler
    * - 'form:submit' -> all form entities with 'submit' handler
-   * - 'form[loginForm]:submit' -> only loginForm entity
+   * - 'form#loginForm:submit' -> only loginForm entity (of type form)
+   * - '#loginForm:submit' -> only loginForm entity
    *
    * @param {string} eventString - The event string (e.g., 'submit', 'form:submit', 'form[id]:submit')
    * @returns {string[]} An array of entity IDs that should handle this event.
@@ -111,9 +112,9 @@ export class EventMap {
     const typeMap = this.handlerToTypeToEntities.get(handlerName)
     if (!typeMap) return []
 
-    // form[loginForm]:submit - specific entity
-    if (targetType && targetEntityId) {
-      const entitySet = typeMap.get(targetType)
+    if (targetEntityId) {
+      const type = targetType ?? this.entityTypes.get(targetEntityId)
+      const entitySet = typeMap.get(type)
       return entitySet && entitySet.has(targetEntityId) ? [targetEntityId] : []
     }
 
@@ -134,7 +135,7 @@ export class EventMap {
 
 /**
  * Parses an event string into its components.
- * @param {string} eventString - The event string (e.g., 'submit', 'form:submit', 'form[loginForm]:submit')
+ * @param {string} eventString - The event string (e.g., 'submit', 'form:submit', 'form#loginForm:submit')
  * @returns {{ type: string|null, entityId: string|null, event: string }}
  */
 export function parseEvent(eventString) {

package/src/event-map.test.js

@@ -109,6 +109,53 @@ test("getEntitiesForEvent should return the correct set of entities for an event
   expect(fireEntities).toStrictEqual([])
 })
 
+test("getEntitiesForEvent should handle scoped events correctly", () => {
+  const types = {
+    form: { submit: () => {} },
+    button: { submit: () => {} },
+  }
+  const entities = {
+    loginForm: { type: "form" },
+    signupForm: { type: "form" },
+    submitButton: { type: "button" },
+  }
+  const eventMap = new EventMap(types, entities)
+
+  // Scoped to a type: 'form:submit' should only return form entities
+  expect(eventMap.getEntitiesForEvent("form:submit")).toStrictEqual([
+    "loginForm",
+    "signupForm",
+  ])
+
+  // Scoped to a specific entity by ID: '#loginForm:submit'
+  expect(eventMap.getEntitiesForEvent("#loginForm:submit")).toStrictEqual([
+    "loginForm",
+  ])
+
+  // Scoped to a specific entity by type and ID: 'form#loginForm:submit'
+  expect(eventMap.getEntitiesForEvent("form#loginForm:submit")).toStrictEqual([
+    "loginForm",
+  ])
+
+  // Scoped to a non-existent entity ID
+  expect(eventMap.getEntitiesForEvent("#nonExistent:submit")).toStrictEqual([])
+
+  // Scoped to an entity that exists but doesn't handle the event
+  expect(eventMap.getEntitiesForEvent("#loginForm:click")).toStrictEqual([])
+
+  // Scoped to an entity ID, but with the wrong type specified
+  expect(eventMap.getEntitiesForEvent("button#loginForm:submit")).toStrictEqual(
+    [],
+  )
+
+  // Broadcast event should return all entities with the handler
+  expect(eventMap.getEntitiesForEvent("submit")).toStrictEqual([
+    "loginForm",
+    "signupForm",
+    "submitButton",
+  ])
+})
+
 test("EventMap provides a significant performance benefit for event handling", async () => {
   const ENTITY_COUNT = 10000
   const { entities, types } = createTestEntities(ENTITY_COUNT)