@usermaven/nextjs 1.4.1-rc.58 → 1.4.1-rc.59

package/lib/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.middlewareEnv = exports.usePageView = exports.useUsermaven = exports.createClient = exports.UsermavenProvider = exports.UsermavenContext = void 0;
+var UsermavenContext_1 = require("./UsermavenContext");
+Object.defineProperty(exports, "UsermavenContext", { enumerable: true, get: function () { return UsermavenContext_1.default; } });
+var UsermavenProvider_1 = require("./UsermavenProvider");
+Object.defineProperty(exports, "UsermavenProvider", { enumerable: true, get: function () { return UsermavenProvider_1.default; } });
+var client_1 = require("./client");
+Object.defineProperty(exports, "createClient", { enumerable: true, get: function () { return client_1.default; } });
+var useUsermaven_1 = require("./useUsermaven");
+Object.defineProperty(exports, "useUsermaven", { enumerable: true, get: function () { return useUsermaven_1.default; } });
+var usePageView_1 = require("./usePageView");
+Object.defineProperty(exports, "usePageView", { enumerable: true, get: function () { return usePageView_1.default; } });
+var middlewareEnv_1 = require("./middlewareEnv");
+Object.defineProperty(exports, "middlewareEnv", { enumerable: true, get: function () { return middlewareEnv_1.default; } });

package/lib/middlewareEnv.d.ts

@@ -0,0 +1,13 @@
+import { NextRequest, NextResponse } from "next/server";
+import { ClientProperties } from "@usermaven/sdk-js";
+declare function middlewareEnv(req: NextRequest, res: NextResponse, opts?: {
+    disableCookies?: boolean;
+}): {
+    getAnonymousId({ name, domain }: {
+        name: any;
+        domain: any;
+    }): string;
+    getSourceIp(): string;
+    describeClient(): ClientProperties;
+};
+export default middlewareEnv;

package/lib/middlewareEnv.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cookie_1 = require("cookie");
+function middlewareEnv(req, res, opts = {}) {
+    return {
+        getAnonymousId({ name, domain }) {
+            if (opts === null || opts === void 0 ? void 0 : opts.disableCookies) {
+                return "";
+            }
+            const cookie = req.cookies[name];
+            if (cookie) {
+                return cookie;
+            }
+            const cookieOpts = {
+                maxAge: 31622400 * 10,
+                httpOnly: false,
+            };
+            if (domain) {
+                cookieOpts.domain = domain;
+            }
+            let newId = Math.random().toString(36).substring(2, 12);
+            res.headers.set("Set-Cookie", (0, cookie_1.serialize)(name, newId, cookieOpts));
+            return newId;
+        },
+        getSourceIp() {
+            let ip = req.headers.get("x-forwarded-for") || req.headers.get("x-real-ip") || req.ip;
+            return ip && ip.split(",")[0].trim();
+        },
+        describeClient() {
+            var _a;
+            const requestHost = req.headers.get("x-forwarded-host") || req.headers.get("host") || req.nextUrl.hostname;
+            const proto = req.headers.get("x-forwarded-proto") || ((_a = req.nextUrl.protocol) === null || _a === void 0 ? void 0 : _a.replace(":", ""));
+            let query = req.nextUrl.search;
+            let path = req.nextUrl.pathname;
+            return {
+                doc_encoding: "",
+                doc_host: requestHost,
+                doc_path: req.url,
+                doc_search: query,
+                page_title: "",
+                referer: req.headers.get("referrer"),
+                screen_resolution: "",
+                url: `${proto}://${requestHost}${path || ""}${query || ""}`,
+                user_agent: req.headers.get("user-agent"),
+                user_language: req.headers.get("accept-language") && req.headers.get("accept-language").split(",")[0],
+                vp_size: "",
+            };
+        },
+    };
+}
+exports.default = middlewareEnv;

package/lib/usePageView.d.ts

@@ -0,0 +1,7 @@
+import { EventPayload, UsermavenClient } from "@usermaven/sdk-js";
+declare function usePageView(usermaven: UsermavenClient, opts?: {
+    before?: (usermaven: UsermavenClient) => void;
+    typeName?: string;
+    payload?: EventPayload;
+}): UsermavenClient;
+export default usePageView;

package/lib/usePageView.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useUrlChange() {
+    const [url, setUrl] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        setUrl(window.location.href);
+        const handleUrlChange = () => {
+            setUrl(window.location.href);
+        };
+        window.addEventListener('popstate', handleUrlChange);
+        const originalPushState = window.history.pushState;
+        const originalReplaceState = window.history.replaceState;
+        window.history.pushState = function () {
+            originalPushState.apply(this, arguments);
+            handleUrlChange();
+        };
+        window.history.replaceState = function () {
+            originalReplaceState.apply(this, arguments);
+            handleUrlChange();
+        };
+        return () => {
+            window.removeEventListener('popstate', handleUrlChange);
+            window.history.pushState = originalPushState;
+            window.history.replaceState = originalReplaceState;
+        };
+    }, []);
+    return url;
+}
+function usePageView(usermaven, opts = {}) {
+    const url = useUrlChange();
+    const trackPageView = (0, react_1.useCallback)(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        if (opts.before) {
+            opts.before(usermaven);
+        }
+        usermaven.track((opts === null || opts === void 0 ? void 0 : opts.typeName) || 'pageview', Object.assign(Object.assign({}, opts.payload), { url: window.location.href, path: window.location.pathname, referrer: document.referrer, title: document.title }));
+    }, [usermaven, opts.before, opts.typeName, opts.payload]);
+    (0, react_1.useEffect)(() => {
+        if (url) {
+            trackPageView();
+        }
+    }, [url, trackPageView]);
+    return usermaven;
+}
+exports.default = usePageView;

package/lib/useUsermaven.d.ts

@@ -0,0 +1,17 @@
+import { EventPayload, UserProps } from "@usermaven/sdk-js";
+export type UsermavenClient = {
+    trackPageView: () => void;
+    id: (userData: UserProps, doNotSendEvent?: boolean) => Promise<void>;
+    track: (typeName: string, payload?: EventPayload) => void;
+    rawTrack: (payload: any) => void;
+    set: (properties: Record<string, any>, opts?: {
+        eventType?: string;
+        persist?: boolean;
+    }) => void;
+    unset: (propertyName: string, opts?: {
+        eventType?: string;
+        persist?: boolean;
+    }) => void;
+};
+declare function useUsermaven(): UsermavenClient;
+export default useUsermaven;

package/lib/useUsermaven.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const UsermavenContext_1 = require("./UsermavenContext");
+function useUsermaven() {
+    const client = (0, react_1.useContext)(UsermavenContext_1.default);
+    if (!client) {
+        throw new Error("Before calling useUsermaven() hook, please wrap your component into <UsermavenProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+    }
+    const id = (0, react_1.useCallback)((userData, doNotSendEvent) => client === null || client === void 0 ? void 0 : client.id(userData, doNotSendEvent), [client]);
+    const trackPageView = (0, react_1.useCallback)(() => client === null || client === void 0 ? void 0 : client.track('pageview'), [client]);
+    const track = (0, react_1.useCallback)((typeName, payload) => client === null || client === void 0 ? void 0 : client.track(typeName, payload), [client]);
+    const rawTrack = (0, react_1.useCallback)((payload) => client === null || client === void 0 ? void 0 : client.rawTrack(payload), [client]);
+    const set = (0, react_1.useCallback)((properties, opts) => client === null || client === void 0 ? void 0 : client.set(properties, opts), [client]);
+    const unset = (0, react_1.useCallback)((propertyName, opts) => client === null || client === void 0 ? void 0 : client.unset(propertyName, opts), [client]);
+    return Object.assign(Object.assign({}, client), { id,
+        track,
+        trackPageView,
+        rawTrack,
+        set,
+        unset });
+}
+exports.default = useUsermaven;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usermaven/nextjs",
-  "version": "1.4.1-rc.58",
+  "version": "1.4.1-rc.59",
   "description": "Usermaven JavaScript SDK for NextJS",
   "author": "Usermaven <hello@usermaven.com>",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@usermaven/sdk-js": "1.4.1-rc.58",
+    "@usermaven/sdk-js": "1.4.1-rc.59",
     "cookie": "^0.5.0"
   },
   "peerDependencies": {