@deffector/agent 0.1.3 → 0.1.4

package/README.md

@@ -11,7 +11,7 @@ npm install @deffector/agent
 ## Requirements
 
 - **effector** 22.6+ (tested with 23.4.4 and 22.8.6)
-- **React** 16.8+ with effector-react 22+, **Vue** 3.3+ with effector-vue 23+, **Solid** 1.8+ with effector-solid 0.23+ — only for the framework you use
+- **React** 16.8+ with effector-react 22+, **Vue** 3.0+ with effector-vue 22+, **Solid** 1.3+ with effector-solid 0.22+ — only for the framework you use
 - **Next.js** 13.4+ (App Router, `@effector/next`), tested with 15.5
 - **Browser** with the extension: Chrome or Edge 116+, Firefox 140+
 - **Node** 18+ for the standalone app; 22+ for the agent in a Node process (older: pass `WebSocket` from `ws`)
@@ -43,7 +43,7 @@ import { withDeffector } from '@deffector/agent/vue';
 createApp(withDeffector(App, { scope, name: 'client' })).mount('#app');
 
 // Solid (compiled by vite-plugin-solid or babel-preset-solid)
-import { DeffectorProvider } from '@deffector/agent/solid';
+import { DeffectorProvider } from '@deffector/agent/solid'; // primitives from effector-solid/scope: '@deffector/agent/solid-scope'
 <DeffectorProvider value={scope} name="client">
   <App />
 </DeffectorProvider>;

package/dist/{chunk-GAQI7G4H.js → chunk-4P62K6PD.js}

@@ -3490,7 +3490,7 @@ var HealthMonitor = class {
 };
 
 // src/agent/options.ts
-var AGENT_VERSION = "0.1.3";
+var AGENT_VERSION = "0.1.4";
 var DEFAULT_MAX_TRANSACTIONS = 1e3;
 var DEFAULT_GRACE_MS = 1e4;
 

package/dist/{chunk-N4XUKHSM.js → chunk-MZ57MOIK.js}

@@ -1,6 +1,6 @@
 import {
   registerScope
-} from "./chunk-GAQI7G4H.js";
+} from "./chunk-4P62K6PD.js";
 
 // src/adapters/reactProvider.ts
 import { createElement, useEffect, useState } from "react";

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   getAgent,
   registerModel,
   registerScope
-} from "./chunk-GAQI7G4H.js";
+} from "./chunk-4P62K6PD.js";
 import "./chunk-PKBMQBKP.js";
 export {
   Agent,

package/dist/node.js

@@ -4,7 +4,7 @@ import {
   getAgent,
   registerModel,
   registerScope
-} from "./chunk-GAQI7G4H.js";
+} from "./chunk-4P62K6PD.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/node.ts

package/dist/react-scope.js

@@ -1,7 +1,7 @@
 import {
   createDeffectorProvider
-} from "./chunk-N4XUKHSM.js";
-import "./chunk-GAQI7G4H.js";
+} from "./chunk-MZ57MOIK.js";
+import "./chunk-4P62K6PD.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/adapters/react-scope.ts

package/dist/react.js

@@ -1,7 +1,7 @@
 import {
   createDeffectorProvider
-} from "./chunk-N4XUKHSM.js";
-import "./chunk-GAQI7G4H.js";
+} from "./chunk-MZ57MOIK.js";
+import "./chunk-4P62K6PD.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/adapters/react.tsx

package/dist/solid-noop.d.ts

@@ -1,14 +1,8 @@
-import { JSX } from 'solid-js';
-import { Scope } from 'effector';
+import * as solid_js from 'solid-js';
+import { D as DeffectorProviderProps } from './solidTypes-Ctp4O6TB.js';
+import 'effector';
 
-/** @jsxImportSource solid-js */
+/** Production build: plain effector-solid Provider. */
+declare const DeffectorProvider: (props: DeffectorProviderProps) => solid_js.JSX.Element;
 
-interface DeffectorProviderProps {
-    value: Scope;
-    /** accepted for the same API as the development build */
-    name?: string;
-    children?: JSX.Element;
-}
-declare function DeffectorProvider(props: DeffectorProviderProps): JSX.Element;
-
-export { DeffectorProvider, DeffectorProvider as default };
+export { DeffectorProvider, DeffectorProviderProps, DeffectorProvider as default };

package/dist/solid-scope-noop.d.ts

@@ -0,0 +1,8 @@
+import * as solid_js from 'solid-js';
+import { D as DeffectorProviderProps } from './solidTypes-Ctp4O6TB.js';
+import 'effector';
+
+/** Production build: plain `effector-solid/scope` Provider. */
+declare const DeffectorProvider: (props: DeffectorProviderProps) => solid_js.JSX.Element;
+
+export { DeffectorProvider, DeffectorProviderProps, DeffectorProvider as default };

package/dist/solid-scope.d.ts

@@ -0,0 +1,7 @@
+import * as solid_js from 'solid-js';
+import { D as DeffectorProviderProps } from './solidTypes-Ctp4O6TB.js';
+import 'effector';
+
+declare const DeffectorProvider: (props: DeffectorProviderProps) => solid_js.JSX.Element;
+
+export { DeffectorProvider, DeffectorProviderProps, DeffectorProvider as default };

package/dist/solid.d.ts

@@ -1,18 +1,8 @@
-import { JSX } from 'solid-js';
-import { Scope } from 'effector';
+import * as solid_js from 'solid-js';
+import { D as DeffectorProviderProps } from './solidTypes-Ctp4O6TB.js';
+import 'effector';
 
-/** @jsxImportSource solid-js */
+/** Drop-in replacement for effector-solid's Provider (see solidProvider.tsx). */
+declare const DeffectorProvider: (props: DeffectorProviderProps) => solid_js.JSX.Element;
 
-interface DeffectorProviderProps {
-    value: Scope;
-    name?: string;
-    children?: JSX.Element;
-}
-/**
- * Drop-in replacement for effector-solid's Provider. deffector swaps the scope
- * for time travel and replay; the subtree is re-created because effector-solid
- * primitives read the scope once, when a component is created.
- */
-declare function DeffectorProvider(props: DeffectorProviderProps): JSX.Element;
-
-export { DeffectorProvider, DeffectorProvider as default };
+export { DeffectorProvider, DeffectorProviderProps, DeffectorProvider as default };

package/dist/solidTypes-Ctp4O6TB.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { Scope } from 'effector';
+
+interface DeffectorProviderProps {
+    value: Scope;
+    /** shown in the panel's scope selector */
+    name?: string;
+    children?: JSX.Element;
+}
+
+export type { DeffectorProviderProps as D };

package/dist/vue.js

@@ -1,6 +1,6 @@
 import {
   registerScope
-} from "./chunk-GAQI7G4H.js";
+} from "./chunk-4P62K6PD.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/adapters/vue.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deffector/agent",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "DevTools for effector: every user action as one transaction, time travel, state injection, effect overrides and replayable traces. The agent that runs in your app.",
   "keywords": [
     "effector",
@@ -60,6 +60,12 @@
       "solid": "./src/adapters/solid.tsx",
       "default": "./src/adapters/solid.tsx"
     },
+    "./solid-scope": {
+      "types": "./dist/solid-scope.d.ts",
+      "production": "./src/adapters/solid-scope-noop.tsx",
+      "solid": "./src/adapters/solid-scope.tsx",
+      "default": "./src/adapters/solid-scope.tsx"
+    },
     "./node": {
       "types": "./dist/node.d.ts",
       "production": "./dist/node-noop.js",
@@ -71,7 +77,12 @@
   "files": [
     "dist",
     "src/adapters/solid.tsx",
-    "src/adapters/solid-noop.tsx"
+    "src/adapters/solid-noop.tsx",
+    "src/adapters/solid-scope.tsx",
+    "src/adapters/solid-scope-noop.tsx",
+    "src/adapters/solidProvider.tsx",
+    "src/adapters/solidNoopProvider.tsx",
+    "src/adapters/solidTypes.ts"
   ],
   "scripts": {
     "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsup",
@@ -81,11 +92,11 @@
   "peerDependencies": {
     "effector": ">=22.6.0",
     "effector-react": ">=22",
-    "effector-solid": ">=0.23",
-    "effector-vue": ">=23",
+    "effector-solid": ">=0.22",
+    "effector-vue": ">=22",
     "react": ">=16.8",
-    "solid-js": ">=1.8",
-    "vue": ">=3.3"
+    "solid-js": ">=1.3",
+    "vue": ">=3.0"
   },
   "peerDependenciesMeta": {
     "effector-react": {

package/src/adapters/solid-noop.tsx

@@ -1,19 +1,9 @@
-/** @jsxImportSource solid-js */
-import type { JSX } from 'solid-js';
 import { Provider } from 'effector-solid';
-import type { Scope } from 'effector';
+import { createNoopProvider } from './solidNoopProvider';
 
-interface DeffectorProviderProps {
-  value: Scope;
-  /** accepted for the same API as the development build */
-  // eslint-disable-next-line react/no-unused-prop-types -- only the development build names the scope
-  name?: string;
-  children?: JSX.Element;
-}
+export type { DeffectorProviderProps } from './solidTypes';
 
-export function DeffectorProvider(props: DeffectorProviderProps) {
-  // Solid props are getters: pass them through without reading them early
-  return <Provider value={props.value}>{props.children}</Provider>;
-}
+/** Production build: plain effector-solid Provider. */
+export const DeffectorProvider = createNoopProvider(Provider);
 
 export default DeffectorProvider;

package/src/adapters/solid-scope-noop.tsx

@@ -0,0 +1,9 @@
+import { Provider } from 'effector-solid/scope';
+import { createNoopProvider } from './solidNoopProvider';
+
+export type { DeffectorProviderProps } from './solidTypes';
+
+/** Production build: plain `effector-solid/scope` Provider. */
+export const DeffectorProvider = createNoopProvider(Provider);
+
+export default DeffectorProvider;

package/src/adapters/solid-scope.tsx

@@ -0,0 +1,10 @@
+// For apps whose primitives come from `effector-solid/scope`: that entry has its own context, so
+// the Provider has to come from there too.
+import { Provider } from 'effector-solid/scope';
+import { createDeffectorProvider } from './solidProvider';
+
+export type { DeffectorProviderProps } from './solidTypes';
+
+export const DeffectorProvider = createDeffectorProvider(Provider);
+
+export default DeffectorProvider;

package/src/adapters/solid.tsx

@@ -1,38 +1,9 @@
-/** @jsxImportSource solid-js */
-import { createSignal, onCleanup, Show, type JSX } from 'solid-js';
 import { Provider } from 'effector-solid';
-import type { Scope } from 'effector';
-// the package's own entry: the same agent instance the app imported
-import { registerScope } from '@deffector/agent';
+import { createDeffectorProvider } from './solidProvider';
 
-interface DeffectorProviderProps {
-  value: Scope;
-  name?: string;
-  children?: JSX.Element;
-}
+export type { DeffectorProviderProps } from './solidTypes';
 
-/**
- * Drop-in replacement for effector-solid's Provider. deffector swaps the scope
- * for time travel and replay; the subtree is re-created because effector-solid
- * primitives read the scope once, when a component is created.
- */
-export function DeffectorProvider(props: DeffectorProviderProps) {
-  // read once, like effector-solid's Provider does
-  const { value, name } = props;
-  const [scope, setScope] = createSignal<Scope>(value);
-  const unregister = registerScope(value, {
-    name,
-    switcher: (switched) => setScope(() => switched),
-  });
-  onCleanup(unregister);
-  return (
-    <Show when={scope()} keyed>
-      {(shown) => (
-        // Solid props are getters: reading children here re-creates the subtree for every shown scope
-        <Provider value={shown}>{props.children}</Provider>
-      )}
-    </Show>
-  );
-}
+/** Drop-in replacement for effector-solid's Provider (see solidProvider.tsx). */
+export const DeffectorProvider = createDeffectorProvider(Provider);
 
 export default DeffectorProvider;

package/src/adapters/solidNoopProvider.tsx

@@ -0,0 +1,11 @@
+/** @jsxImportSource solid-js */
+// Kept apart from solidProvider.tsx: production builds must not import the agent.
+import type { DeffectorProviderProps, EffectorSolidProvider } from './solidTypes';
+
+/** Production build: the Provider itself, `name` is accepted and ignored. */
+export function createNoopProvider(Provider: EffectorSolidProvider) {
+  return function DeffectorProvider(props: DeffectorProviderProps) {
+    // Solid props are getters: pass them through without reading them early
+    return <Provider value={props.value}>{props.children}</Provider>;
+  };
+}

package/src/adapters/solidProvider.tsx

@@ -0,0 +1,32 @@
+/** @jsxImportSource solid-js */
+import { createSignal, onCleanup, Show } from 'solid-js';
+import type { Scope } from 'effector';
+// the package's own entry: the same agent instance the app imported
+import { registerScope } from '@deffector/agent';
+import type { DeffectorProviderProps, EffectorSolidProvider } from './solidTypes';
+
+/**
+ * A drop-in replacement for the given effector-solid Provider. deffector swaps the scope for time
+ * travel and replay; the subtree is re-created because effector-solid primitives read the scope
+ * once, when a component is created.
+ */
+export function createDeffectorProvider(Provider: EffectorSolidProvider) {
+  return function DeffectorProvider(props: DeffectorProviderProps) {
+    // read once, like effector-solid's Provider does
+    const { value, name } = props;
+    const [scope, setScope] = createSignal<Scope>(value);
+    const unregister = registerScope(value, {
+      name,
+      switcher: (switched) => setScope(() => switched),
+    });
+    onCleanup(unregister);
+    return (
+      <Show when={scope()} keyed>
+        {(shown) => (
+          // Solid props are getters: reading children here re-creates the subtree for every shown scope
+          <Provider value={shown}>{props.children}</Provider>
+        )}
+      </Show>
+    );
+  };
+}

package/src/adapters/solidTypes.ts

@@ -0,0 +1,12 @@
+import type { JSX } from 'solid-js';
+import type { Scope } from 'effector';
+
+export interface DeffectorProviderProps {
+  value: Scope;
+  /** shown in the panel's scope selector */
+  name?: string;
+  children?: JSX.Element;
+}
+
+/** effector-solid's Provider: from `effector-solid` or from the legacy `effector-solid/scope` */
+export type EffectorSolidProvider = (props: { value: Scope; children: JSX.Element }) => JSX.Element;