@triggery/mobx 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @triggery/mobx
+
+## 0.1.0
+
+First public preview release.
+
+MobX adapter for Triggery — read observable state from a trigger condition with no reaction setup
+
+See the [repository-level CHANGELOG](../../CHANGELOG.md#010--2026-05-16) for the full set of packages and the umbrella feature list. Future entries on this file are appended automatically by changesets.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Aleksey Skhomenko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,74 @@
+# @triggery/mobx
+
+Read [MobX](https://mobx.js.org) observable state from a Triggery condition without engaging MobX dependency tracking on the host component.
+
+## Install
+
+```bash
+pnpm add @triggery/core @triggery/react @triggery/mobx mobx
+```
+
+## Usage
+
+```tsx
+import { makeAutoObservable } from 'mobx';
+import { createTrigger } from '@triggery/core';
+import { useMobxCondition } from '@triggery/mobx';
+
+class SettingsStore {
+  sound = true;
+  notifications = true;
+  constructor() {
+    makeAutoObservable(this);
+  }
+}
+
+const settings = new SettingsStore();
+
+const messageTrigger = createTrigger<{
+  events: { 'new-message': { text: string } };
+  conditions: { settings: { sound: boolean; notifications: boolean } };
+  actions: { showToast: { body: string } };
+}>({
+  id: 'message-received',
+  events: ['new-message'],
+  required: ['settings'],
+  handler({ event, conditions, actions }) {
+    if (!conditions.settings.notifications) return;
+    actions.showToast?.({ body: event.payload.text });
+  },
+});
+
+function SettingsBridge() {
+  useMobxCondition(messageTrigger, 'settings', () => ({
+    sound: settings.sound,
+    notifications: settings.notifications,
+  }));
+  return null;
+}
+```
+
+## How it works
+
+The `read` function runs **only** when a trigger fires. MobX dependency tracking (`autorun`, `reaction`, `observer`) is not engaged from the hook, so:
+
+* No component re-renders from this hook.
+* No subscriber stays alive between fires.
+
+If components also need to render the observable, wrap them in `observer` (or use `useObserver` from `mobx-react-lite`) — the two paths are orthogonal.
+
+## API
+
+```ts
+useMobxCondition<S, K>(
+  trigger: Trigger<S>,
+  name: K,
+  read: () => ConditionMap<S>[K],
+): void
+```
+
+`read` is a plain function. Use `.get()` on boxes, dot-access on `observable.object`, etc. — exactly as you'd read MobX state anywhere else.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import { TriggerSchema, ConditionKey, Trigger, ConditionMap } from '@triggery/core';
+
+/**
+ * Wire a MobX-tracked value into a Triggery condition.
+ *
+ * The runtime is pull-only — the `read` getter runs **only** when a trigger
+ * fires, not when the observable changes. MobX dependency tracking (`autorun`,
+ * `reaction`, `observer`) is _not_ engaged from this hook, so the trigger
+ * pipeline doesn't trip any auto-rerender on the host component.
+ *
+ * If you also need the same value in JSX, wrap that component in `observer`
+ * (or use `useObserver` from `mobx-react-lite`) — the two paths are
+ * orthogonal.
+ *
+ * @example
+ * ```tsx
+ * import { makeAutoObservable } from 'mobx';
+ * import { useMobxCondition } from '@triggery/mobx';
+ *
+ * class SettingsStore {
+ *   sound = true;
+ *   notifications = true;
+ *   constructor() { makeAutoObservable(this); }
+ * }
+ * const settings = new SettingsStore();
+ *
+ * function SettingsBridge() {
+ *   useMobxCondition(messageTrigger, 'settings', () => ({
+ *     sound: settings.sound,
+ *     notifications: settings.notifications,
+ *   }));
+ *   return null;
+ * }
+ * ```
+ *
+ * @param read  Plain function that reads the observable(s). Called on every
+ *              fire of the trigger. Use `.get()` on boxes, dot-access on
+ *              `observable.object`, etc. — same as you'd use anywhere in MobX.
+ */
+declare function useMobxCondition<S extends TriggerSchema, K extends ConditionKey<S>>(trigger: Trigger<S>, name: K, read: () => ConditionMap<S>[K]): void;
+
+export { useMobxCondition };

package/dist/index.js

@@ -0,0 +1,10 @@
+import { useCondition } from '@triggery/react';
+
+// src/index.ts
+function useMobxCondition(trigger, name, read) {
+  useCondition(trigger, name, read, [read]);
+}
+
+export { useMobxCondition };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAwCO,SAAS,gBAAA,CACd,OAAA,EACA,IAAA,EACA,IAAA,EACM;AACN,EAAA,YAAA,CAAa,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,CAAC,IAAI,CAAC,CAAA;AAC1C","file":"index.js","sourcesContent":["import type { ConditionKey, ConditionMap, Trigger, TriggerSchema } from '@triggery/core';\nimport { useCondition } from '@triggery/react';\n\n/**\n * Wire a MobX-tracked value into a Triggery condition.\n *\n * The runtime is pull-only — the `read` getter runs **only** when a trigger\n * fires, not when the observable changes. MobX dependency tracking (`autorun`,\n * `reaction`, `observer`) is _not_ engaged from this hook, so the trigger\n * pipeline doesn't trip any auto-rerender on the host component.\n *\n * If you also need the same value in JSX, wrap that component in `observer`\n * (or use `useObserver` from `mobx-react-lite`) — the two paths are\n * orthogonal.\n *\n * @example\n * ```tsx\n * import { makeAutoObservable } from 'mobx';\n * import { useMobxCondition } from '@triggery/mobx';\n *\n * class SettingsStore {\n *   sound = true;\n *   notifications = true;\n *   constructor() { makeAutoObservable(this); }\n * }\n * const settings = new SettingsStore();\n *\n * function SettingsBridge() {\n *   useMobxCondition(messageTrigger, 'settings', () => ({\n *     sound: settings.sound,\n *     notifications: settings.notifications,\n *   }));\n *   return null;\n * }\n * ```\n *\n * @param read  Plain function that reads the observable(s). Called on every\n *              fire of the trigger. Use `.get()` on boxes, dot-access on\n *              `observable.object`, etc. — same as you'd use anywhere in MobX.\n */\nexport function useMobxCondition<S extends TriggerSchema, K extends ConditionKey<S>>(\n  trigger: Trigger<S>,\n  name: K,\n  read: () => ConditionMap<S>[K],\n): void {\n  useCondition(trigger, name, read, [read]);\n}\n"]}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@triggery/mobx",
+  "version": "0.1.0",
+  "description": "MobX adapter for Triggery — read observable state from a trigger condition with no reaction setup",
+  "license": "MIT",
+  "author": "Aleksey Skhomenko",
+  "homepage": "https://triggeryjs.github.io/triggery",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/triggeryjs/triggery.git",
+    "directory": "packages/mobx"
+  },
+  "bugs": "https://github.com/triggeryjs/triggery/issues",
+  "funding": [
+    {
+      "type": "patreon",
+      "url": "https://www.patreon.com/triggery"
+    },
+    {
+      "type": "boosty",
+      "url": "https://boosty.to/triggery"
+    }
+  ],
+  "keywords": [
+    "triggery",
+    "mobx",
+    "adapter",
+    "react",
+    "observable"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "mobx": "^6.0.0",
+    "react": ">=18.0.0",
+    "@triggery/react": "0.1.0",
+    "@triggery/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "happy-dom": "^20.9.0",
+    "mobx": "^6.15.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.6",
+    "@triggery/core": "0.1.0",
+    "@triggery/react": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  }
+}