@nexly/react-web 0.2.0 → 0.4.0

package/README.md

@@ -18,7 +18,6 @@ import { NexlyProvider, useNexlyClient } from '@nexly/react-web'
 function Root() {
   return (
     <NexlyProvider
-      collectUrl={collectUrl}
       appId={appId}
       ingestKey={apiToken}
       autoPageView
@@ -42,14 +41,18 @@ function App() {
 
 ### `NexlyProvider` props
 
-- **`collectUrl`**, **`appId`**, **`ingestKey`** — required strings (`ingestKey` is the ingest API token; not named `key` because that is reserved in React).
-- **`autoPageView`** (default `false`) — when a client exists, send one pageview on mount / when the credential tuple changes (deduped for React Strict Mode).
+- **`appId`**, **`ingestKey`** — required strings (`ingestKey` is the ingest API token; not named `key` because that is reserved in React).
+- **`autoPageView`** (default `false`) — when a client exists, send one pageview on mount.
 - **`autoEngagement`** (default `false`) — when **`true`** and a client exists (all three strings non-empty after trim), attach engagement listeners; otherwise no-op. Cleanup on unmount or when the client or flag changes.
 
 ### `useNexlyClient()`
 
 Returns `Nexly | null` inside a provider (`null` if any credential trims to empty).
 
+## Next.js
+
+For Next.js App Router (route-aware `autoPageView` on every navigation), use **[@nexly/next](https://www.npmjs.com/package/@nexly/next)** instead.
+
 ## License
 
 MIT — see [LICENSE](./LICENSE).

package/dist/nexly-provider.d.ts

@@ -5,10 +5,7 @@ export type NexlyProviderProps = {
     appId: string;
     /** Ingest API token (maps to `key` on {@link Nexly}). Not named `key` — reserved in React. */
     ingestKey: string;
-    /**
-     * When a client exists, send one pageview after mount and whenever this credential tuple changes.
-     * Deduped so React Strict Mode does not double-send for the same tuple.
-     */
+    /** When a client exists, send one pageview on mount. */
     autoPageView?: boolean;
     /** When true and a client exists, attach engagement listeners (scroll, click, visibility, …). Cleaned up on change/unmount. */
     autoEngagement?: boolean;

package/dist/nexly-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nexly-provider.d.ts","sourceRoot":"","sources":["../src/nexly-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAyD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI7F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,8FAA8F;IAC9F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+HAA+H;IAC/H,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,KAAK,EACL,SAAS,EACT,YAAoB,EACpB,cAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,2CAiCpB;AAED,sIAAsI;AACtI,wBAAgB,cAAc,IAAI,KAAK,GAAG,IAAI,CAE7C"}
+{"version":3,"file":"nexly-provider.d.ts","sourceRoot":"","sources":["../src/nexly-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAiD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,8FAA8F;IAC9F,SAAS,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+HAA+H;IAC/H,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,KAAK,EACL,SAAS,EACT,YAAoB,EACpB,cAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,2CAyBpB;AAED,sIAAsI;AACtI,wBAAgB,cAAc,IAAI,KAAK,GAAG,IAAI,CAE7C"}

package/dist/nexly-provider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Nexly } from '@nexly/core';
-import { createContext, useContext, useEffect, useMemo, useRef } from 'react';
+import { createContext, useContext, useEffect, useMemo } from 'react';
 const NexlyClientContext = createContext(null);
 export function NexlyProvider({ collectUrl, appId, ingestKey, autoPageView = false, autoEngagement = false, children, }) {
     const client = useMemo(() => {
@@ -12,18 +12,11 @@ export function NexlyProvider({ collectUrl, appId, ingestKey, autoPageView = fal
         }
         return new Nexly({ collectUrl: u, appId: id, key: k });
     }, [collectUrl, appId, ingestKey]);
-    const lastAutoPageViewKeyRef = useRef('');
     useEffect(() => {
-        if (!autoPageView || !client) {
-            return;
-        }
-        const tupleKey = `${collectUrl.trim()}|${appId.trim()}|${ingestKey.trim()}`;
-        if (lastAutoPageViewKeyRef.current === tupleKey) {
-            return;
+        if (autoPageView && client) {
+            client.pageview();
         }
-        lastAutoPageViewKeyRef.current = tupleKey;
-        client.pageview();
-    }, [autoPageView, client, collectUrl, appId, ingestKey]);
+    }, [autoPageView, client]);
     useEffect(() => {
         if (!autoEngagement || !client) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexly/react-web",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "React bindings for Nexly (@nexly/core): provider, client hook, engagement, optional auto pageview",
   "license": "MIT",
   "keywords": [
@@ -39,7 +39,7 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@nexly/core": "0.3.0"
+    "@nexly/core": "0.4.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",