@jitsu/jitsu-react 0.0.0-alpha.108

package/README.md

@@ -0,0 +1,123 @@
+# jitsu-react
+
+> 
+
+[![NPM](https://img.shields.io/npm/v/jitsu-react2.svg)](https://www.npmjs.com/package/jitsu-react2) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save @jitsu/jitsu-react
+```
+
+## Usage
+
+To setup Jitsu-React library you need to add `JitsuProvider` component close to the root level of your app:
+```tsx
+import React, { Component } from 'react'
+import { JitsuProvider } from "@jitsu/jitsu-react";
+
+class Example extends Component {
+  render() {
+    return  <JitsuProvider options={{ host: "https://mysiteid.d.jitsu.com" }} >
+              <App />
+            </JitsuProvider>
+  }
+}
+```
+
+Then use `useJitsu` hook in components where you want to track events.
+```tsx
+import * as React from "react";
+import { useJitsu } from "@jitsu/jitsu-react";
+
+export default function App() {
+  const { analytics } = useJitsu();
+  // manually track page view
+  analytics.page();
+  
+  return (
+    <div>
+     ...
+    </div>
+  );
+}
+```
+
+## Auto Page Tracking
+
+### For react-router:
+To enable auto page tracking with react-router, pass `useLocation` hook from `react-router-dom` to `autoPageTracking` option:
+```tsx
+import * as React from "react";
+import { useLocation } from "react-router-dom";
+import { useJitsu } from "@jitsu/jitsu-react";
+
+export default function App() {
+  useJitsu({
+      // Enable auto page tracking with react-router
+      autoPageTracking: {
+          reactRouter: useLocation
+      },
+  });
+
+  return (
+    <div>
+     ...
+    </div>
+  );
+}
+```
+
+### For Next.JS router:
+To enable auto page tracking with Next.JS router, pass `useRouter` hook from `next/router` to `autoPageTracking` option:
+```tsx
+import * as React from "react";
+import { useRouter } from "next/router";
+import { useJitsu } from "@jitsu/jitsu-react";
+
+export default function App() {
+  useJitsu({
+      // Enable auto page tracking with Next.JS router
+      autoPageTracking: {
+          nextjsRouter: useRouter
+      },
+  });
+
+  return (
+    <div>
+     ...
+    </div>
+  );
+}
+```
+
+
+## User 'identify' events
+
+Please check `../../examples/react-app` for a full example of how to automatically send `identify` event when user logins on your site.
+
+Partial snippet:
+```tsx
+export default function App() {
+  const user = useUser();
+
+  useJitsu({
+    autoPageTracking: {
+      reactRouter: useLocation,
+      before: function (analytics) {
+        if (user && user.id) {
+          analytics.identify(user.id, { name: user.name, email: user.email });
+        }
+      },
+      beforeDeps: [user],
+    },
+  });
+
+  return (
+    <div>
+     ...
+    </div>
+  );
+}
+```

package/dist/JitsuContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AnalyticsInterface } from "@jitsu/types/analytics";
+declare const JitsuContext: import("react").Context<AnalyticsInterface | null>;
+export default JitsuContext;

package/dist/JitsuProvider.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+import { JitsuOptions } from "@jitsu/js";
+declare const JitsuProvider: React.FC<PropsWithChildren<{
+    options: JitsuOptions;
+}>>;
+export default JitsuProvider;

package/dist/client.d.ts

@@ -0,0 +1,4 @@
+import { JitsuOptions } from "@jitsu/js";
+import { AnalyticsInterface } from "@jitsu/types/analytics";
+declare function createClient(params: JitsuOptions): AnalyticsInterface;
+export default createClient;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as JitsuContext } from "./JitsuContext";
+export { default as JitsuProvider } from "./JitsuProvider";
+export { default as useJitsu } from "./useJitsu";

package/dist/index.es.js

@@ -0,0 +1,47 @@
+import { createContext, createElement, useContext, useEffect } from 'react';
+import { jitsuAnalytics } from '@jitsu/js';
+
+var JitsuContext = createContext(null);
+
+var JitsuProvider = function JitsuProvider(props) {
+  var client = jitsuAnalytics(props.options);
+  return createElement(JitsuContext.Provider, {
+    value: client
+  }, props.children);
+};
+
+function useJitsu(opts) {
+  var _opts$autoPageTrackin;
+  var cl = useContext(JitsuContext);
+  if (!cl) {
+    if (opts !== null && opts !== void 0 && opts.host) {
+      cl = jitsuAnalytics(opts);
+    } else {
+      throw new Error("Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+    }
+  } else if (opts !== null && opts !== void 0 && opts.host) {
+    throw new Error("Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+  }
+  var client = cl;
+  var reactLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;
+  var before = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;
+  var nextjsLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;
+  useEffect(function () {
+    if (before) {
+      before(client);
+    }
+  }, (opts === null || opts === void 0 ? void 0 : (_opts$autoPageTrackin = opts.autoPageTracking) === null || _opts$autoPageTrackin === void 0 ? void 0 : _opts$autoPageTrackin.beforeDeps) || []);
+  useEffect(function () {
+    if (reactLocationHook) {
+      client.page();
+    } else if (nextjsLocationHook) {
+      client.page();
+    }
+  }, [reactLocationHook, nextjsLocationHook]);
+  return {
+    analytics: client
+  };
+}
+
+export { JitsuContext, JitsuProvider, useJitsu };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/JitsuContext.tsx","../src/JitsuProvider.tsx","../src/useJitsu.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\n\n\nconst JitsuContext = createContext<AnalyticsInterface | null>(null)\n\nexport default JitsuContext","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\nconst JitsuProvider: React.FC<PropsWithChildren<{ options: JitsuOptions }>> = function (props) {\n  const client = jitsuAnalytics(props.options);\n  return <JitsuContext.Provider value={client}>{props.children}</JitsuContext.Provider>;\n};\n\nexport default JitsuProvider;\n","import { useContext, useEffect } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\nimport type { useLocation } from \"react-router-dom\";\nimport type { useRouter } from \"next/router\";\n\nimport { Union } from \"ts-toolbelt\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\ninterface ReactRouterOptions {\n  reactRouter: typeof useLocation;\n}\n\ninterface NextJsRouterOptions {\n  nextjsRouter: typeof useRouter;\n}\n\ninterface AutoPageTrackingBefore {\n  before: (analytics: AnalyticsInterface) => any;\n  beforeDeps: any[];\n}\ntype RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;\n\ntype ExtendedJitsuOptions = JitsuOptions & {\n  autoPageTracking?: Union.Strict<(RouterOptions & AutoPageTrackingBefore) | RouterOptions>;\n};\n\n/**\n * See for details http://jitsu.com/docs/sending-data/js-sdk/react\n */\nfunction useJitsu(opts?: ExtendedJitsuOptions): { analytics: AnalyticsInterface } {\n  let cl = useContext(JitsuContext);\n  if (!cl) {\n    if (opts?.host) {\n      cl = jitsuAnalytics(opts);\n    } else {\n      throw new Error(\n        \"Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n      );\n    }\n  } else if (opts?.host) {\n    throw new Error(\n      \"Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n    );\n  }\n  const client = cl;\n\n  const reactLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;\n  const before = opts?.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;\n  const nextjsLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;\n  useEffect(() => {\n    if (before) {\n      before(client);\n    }\n  }, opts?.autoPageTracking?.beforeDeps || []);\n\n  useEffect(() => {\n    if (reactLocationHook) {\n      client.page();\n    } else if (nextjsLocationHook) {\n      client.page();\n    }\n  }, [reactLocationHook, nextjsLocationHook]);\n\n  return { analytics: client };\n}\n\nexport default useJitsu;\n"],"names":["JitsuContext","createContext","JitsuProvider","props","client","jitsuAnalytics","options","React","Provider","value","children","useJitsu","opts","cl","useContext","host","Error","reactLocationHook","autoPageTracking","reactRouter","before","nextjsLocationHook","nextjsRouter","useEffect","beforeDeps","page","analytics"],"mappings":";;;AAIA,IAAMA,YAAY,GAAGC,aAAa,CAA4B,IAAI,CAAC;;ACCnE,IAAMC,aAAa,GAA2D,SAAxEA,aAAa,CAAqEC,KAAK;EAC3F,IAAMC,MAAM,GAAGC,cAAc,CAACF,KAAK,CAACG,OAAO,CAAC;EAC5C,OAAOC,cAACP,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAEL;KAASD,KAAK,CAACO,QAAQ,CAAyB;AACvF,CAAC;;ACsBD,SAASC,QAAQ,CAACC,IAA2B;;EAC3C,IAAIC,EAAE,GAAGC,UAAU,CAACd,YAAY,CAAC;EACjC,IAAI,CAACa,EAAE,EAAE;IACP,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;MACdF,EAAE,GAAGR,cAAc,CAACO,IAAI,CAAC;KAC1B,MAAM;MACL,MAAM,IAAII,KAAK,CACb,iJAAiJ,CAClJ;;GAEJ,MAAM,IAAIJ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;IACrB,MAAM,IAAIC,KAAK,CACb,2IAA2I,CAC5I;;EAEH,IAAMZ,MAAM,GAAGS,EAAE;EAEjB,IAAMI,iBAAiB,GACrBL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACC,WAAW,GAAGP,IAAI,CAACM,gBAAgB,CAACC,WAAW,EAAE,GAAG,IAAI;EAC1G,IAAMC,MAAM,GAAGR,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAGR,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAG,IAAI;EAC3G,IAAMC,kBAAkB,GACtBT,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACI,YAAY,GAAGV,IAAI,CAACM,gBAAgB,CAACI,YAAY,EAAE,GAAG,IAAI;EAC5GC,SAAS,CAAC;IACR,IAAIH,MAAM,EAAE;MACVA,MAAM,CAAChB,MAAM,CAAC;;GAEjB,EAAE,CAAAQ,IAAI,aAAJA,IAAI,gDAAJA,IAAI,CAAEM,gBAAgB,0DAAtB,sBAAwBM,UAAU,KAAI,EAAE,CAAC;EAE5CD,SAAS,CAAC;IACR,IAAIN,iBAAiB,EAAE;MACrBb,MAAM,CAACqB,IAAI,EAAE;KACd,MAAM,IAAIJ,kBAAkB,EAAE;MAC7BjB,MAAM,CAACqB,IAAI,EAAE;;GAEhB,EAAE,CAACR,iBAAiB,EAAEI,kBAAkB,CAAC,CAAC;EAE3C,OAAO;IAAEK,SAAS,EAAEtB;GAAQ;AAC9B;;;;"}

package/dist/index.js

@@ -0,0 +1,49 @@
+var React = require('react');
+var js = require('@jitsu/js');
+
+var JitsuContext = React.createContext(null);
+
+var JitsuProvider = function JitsuProvider(props) {
+  var client = js.jitsuAnalytics(props.options);
+  return React.createElement(JitsuContext.Provider, {
+    value: client
+  }, props.children);
+};
+
+function useJitsu(opts) {
+  var _opts$autoPageTrackin;
+  var cl = React.useContext(JitsuContext);
+  if (!cl) {
+    if (opts !== null && opts !== void 0 && opts.host) {
+      cl = js.jitsuAnalytics(opts);
+    } else {
+      throw new Error("Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+    }
+  } else if (opts !== null && opts !== void 0 && opts.host) {
+    throw new Error("Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+  }
+  var client = cl;
+  var reactLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;
+  var before = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;
+  var nextjsLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;
+  React.useEffect(function () {
+    if (before) {
+      before(client);
+    }
+  }, (opts === null || opts === void 0 ? void 0 : (_opts$autoPageTrackin = opts.autoPageTracking) === null || _opts$autoPageTrackin === void 0 ? void 0 : _opts$autoPageTrackin.beforeDeps) || []);
+  React.useEffect(function () {
+    if (reactLocationHook) {
+      client.page();
+    } else if (nextjsLocationHook) {
+      client.page();
+    }
+  }, [reactLocationHook, nextjsLocationHook]);
+  return {
+    analytics: client
+  };
+}
+
+exports.JitsuContext = JitsuContext;
+exports.JitsuProvider = JitsuProvider;
+exports.useJitsu = useJitsu;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/JitsuContext.tsx","../src/JitsuProvider.tsx","../src/useJitsu.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\n\nconst JitsuContext = createContext<AnalyticsInterface | null>(null);\n\nexport default JitsuContext;\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\nconst JitsuProvider: React.FC<PropsWithChildren<{ options: JitsuOptions }>> = function (props) {\n  const client = jitsuAnalytics(props.options);\n  return <JitsuContext.Provider value={client}>{props.children}</JitsuContext.Provider>;\n};\n\nexport default JitsuProvider;\n","import { useContext, useEffect } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\nimport type { useLocation } from \"react-router-dom\";\nimport type { useRouter } from \"next/router\";\n\nimport { Union } from \"ts-toolbelt\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\ninterface ReactRouterOptions {\n  reactRouter: typeof useLocation;\n}\n\ninterface NextJsRouterOptions {\n  nextjsRouter: typeof useRouter;\n}\n\ninterface AutoPageTrackingBefore {\n  before: (analytics: AnalyticsInterface) => any;\n  beforeDeps: any[];\n}\ntype RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;\n\ntype ExtendedJitsuOptions = JitsuOptions & {\n  autoPageTracking?: Union.Strict<(RouterOptions & AutoPageTrackingBefore) | RouterOptions>;\n};\n\n/**\n * See for details http://jitsu.com/docs/sending-data/js-sdk/react\n */\nfunction useJitsu(opts?: ExtendedJitsuOptions): { analytics: AnalyticsInterface } {\n  let cl = useContext(JitsuContext);\n  if (!cl) {\n    if (opts?.host) {\n      cl = jitsuAnalytics(opts);\n    } else {\n      throw new Error(\n        \"Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n      );\n    }\n  } else if (opts?.host) {\n    throw new Error(\n      \"Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n    );\n  }\n  const client = cl;\n\n  const reactLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;\n  const before = opts?.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;\n  const nextjsLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;\n  useEffect(() => {\n    if (before) {\n      before(client);\n    }\n  }, opts?.autoPageTracking?.beforeDeps || []);\n\n  useEffect(() => {\n    if (reactLocationHook) {\n      client.page();\n    } else if (nextjsLocationHook) {\n      client.page();\n    }\n  }, [reactLocationHook, nextjsLocationHook]);\n\n  return { analytics: client };\n}\n\nexport default useJitsu;\n"],"names":["JitsuContext","createContext","JitsuProvider","props","client","jitsuAnalytics","options","React","Provider","value","children","useJitsu","opts","cl","useContext","host","Error","reactLocationHook","autoPageTracking","reactRouter","before","nextjsLocationHook","nextjsRouter","useEffect","beforeDeps","page","analytics"],"mappings":";;;AAGA,IAAMA,YAAY,GAAGC,mBAAa,CAA4B,IAAI,CAAC;;ACEnE,IAAMC,aAAa,GAA2D,SAAxEA,aAAa,CAAqEC,KAAK;EAC3F,IAAMC,MAAM,GAAGC,iBAAc,CAACF,KAAK,CAACG,OAAO,CAAC;EAC5C,OAAOC,oBAACP,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAEL;KAASD,KAAK,CAACO,QAAQ,CAAyB;AACvF,CAAC;;ACsBD,SAASC,QAAQ,CAACC,IAA2B;;EAC3C,IAAIC,EAAE,GAAGC,gBAAU,CAACd,YAAY,CAAC;EACjC,IAAI,CAACa,EAAE,EAAE;IACP,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;MACdF,EAAE,GAAGR,iBAAc,CAACO,IAAI,CAAC;KAC1B,MAAM;MACL,MAAM,IAAII,KAAK,CACb,iJAAiJ,CAClJ;;GAEJ,MAAM,IAAIJ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;IACrB,MAAM,IAAIC,KAAK,CACb,2IAA2I,CAC5I;;EAEH,IAAMZ,MAAM,GAAGS,EAAE;EAEjB,IAAMI,iBAAiB,GACrBL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACC,WAAW,GAAGP,IAAI,CAACM,gBAAgB,CAACC,WAAW,EAAE,GAAG,IAAI;EAC1G,IAAMC,MAAM,GAAGR,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAGR,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAG,IAAI;EAC3G,IAAMC,kBAAkB,GACtBT,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACI,YAAY,GAAGV,IAAI,CAACM,gBAAgB,CAACI,YAAY,EAAE,GAAG,IAAI;EAC5GC,eAAS,CAAC;IACR,IAAIH,MAAM,EAAE;MACVA,MAAM,CAAChB,MAAM,CAAC;;GAEjB,EAAE,CAAAQ,IAAI,aAAJA,IAAI,gDAAJA,IAAI,CAAEM,gBAAgB,0DAAtB,sBAAwBM,UAAU,KAAI,EAAE,CAAC;EAE5CD,eAAS,CAAC;IACR,IAAIN,iBAAiB,EAAE;MACrBb,MAAM,CAACqB,IAAI,EAAE;KACd,MAAM,IAAIJ,kBAAkB,EAAE;MAC7BjB,MAAM,CAACqB,IAAI,EAAE;;GAEhB,EAAE,CAACR,iBAAiB,EAAEI,kBAAkB,CAAC,CAAC;EAE3C,OAAO;IAAEK,SAAS,EAAEtB;GAAQ;AAC9B;;;;;;"}

package/dist/index.modern.js

@@ -0,0 +1,47 @@
+import { createContext, createElement, useContext, useEffect } from 'react';
+import { jitsuAnalytics } from '@jitsu/js';
+
+var JitsuContext = createContext(null);
+
+var JitsuProvider = function JitsuProvider(props) {
+  var client = jitsuAnalytics(props.options);
+  return createElement(JitsuContext.Provider, {
+    value: client
+  }, props.children);
+};
+
+function useJitsu(opts) {
+  var _opts$autoPageTrackin;
+  var cl = useContext(JitsuContext);
+  if (!cl) {
+    if (opts !== null && opts !== void 0 && opts.host) {
+      cl = jitsuAnalytics(opts);
+    } else {
+      throw new Error("Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+    }
+  } else if (opts !== null && opts !== void 0 && opts.host) {
+    throw new Error("Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+  }
+  var client = cl;
+  var reactLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;
+  var before = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;
+  var nextjsLocationHook = opts !== null && opts !== void 0 && opts.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;
+  useEffect(function () {
+    if (before) {
+      before(client);
+    }
+  }, (opts === null || opts === void 0 ? void 0 : (_opts$autoPageTrackin = opts.autoPageTracking) === null || _opts$autoPageTrackin === void 0 ? void 0 : _opts$autoPageTrackin.beforeDeps) || []);
+  useEffect(function () {
+    if (reactLocationHook) {
+      client.page();
+    } else if (nextjsLocationHook) {
+      client.page();
+    }
+  }, [reactLocationHook, nextjsLocationHook]);
+  return {
+    analytics: client
+  };
+}
+
+export { JitsuContext, JitsuProvider, useJitsu };
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/JitsuContext.tsx","../src/JitsuProvider.tsx","../src/useJitsu.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\n\nconst JitsuContext = createContext<AnalyticsInterface | null>(null);\n\nexport default JitsuContext;\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\nconst JitsuProvider: React.FC<PropsWithChildren<{ options: JitsuOptions }>> = function (props) {\n  const client = jitsuAnalytics(props.options);\n  return <JitsuContext.Provider value={client}>{props.children}</JitsuContext.Provider>;\n};\n\nexport default JitsuProvider;\n","import { useContext, useEffect } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport { AnalyticsInterface } from \"@jitsu/types/analytics\";\nimport type { useLocation } from \"react-router-dom\";\nimport type { useRouter } from \"next/router\";\n\nimport { Union } from \"ts-toolbelt\";\nimport { jitsuAnalytics, JitsuOptions } from \"@jitsu/js\";\n\ninterface ReactRouterOptions {\n  reactRouter: typeof useLocation;\n}\n\ninterface NextJsRouterOptions {\n  nextjsRouter: typeof useRouter;\n}\n\ninterface AutoPageTrackingBefore {\n  before: (analytics: AnalyticsInterface) => any;\n  beforeDeps: any[];\n}\ntype RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;\n\ntype ExtendedJitsuOptions = JitsuOptions & {\n  autoPageTracking?: Union.Strict<(RouterOptions & AutoPageTrackingBefore) | RouterOptions>;\n};\n\n/**\n * See for details http://jitsu.com/docs/sending-data/js-sdk/react\n */\nfunction useJitsu(opts?: ExtendedJitsuOptions): { analytics: AnalyticsInterface } {\n  let cl = useContext(JitsuContext);\n  if (!cl) {\n    if (opts?.host) {\n      cl = jitsuAnalytics(opts);\n    } else {\n      throw new Error(\n        \"Before calling useJitsu() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n      );\n    }\n  } else if (opts?.host) {\n    throw new Error(\n      \"Jitsu client already set up with <JitsuProvider /> and cannot be overridden. Read more in http://jitsu.com/docs/sending-data/js-sdk/react\"\n    );\n  }\n  const client = cl;\n\n  const reactLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.reactRouter ? opts.autoPageTracking.reactRouter() : null;\n  const before = opts?.autoPageTracking && opts.autoPageTracking.before ? opts.autoPageTracking.before : null;\n  const nextjsLocationHook =\n    opts?.autoPageTracking && opts.autoPageTracking.nextjsRouter ? opts.autoPageTracking.nextjsRouter() : null;\n  useEffect(() => {\n    if (before) {\n      before(client);\n    }\n  }, opts?.autoPageTracking?.beforeDeps || []);\n\n  useEffect(() => {\n    if (reactLocationHook) {\n      client.page();\n    } else if (nextjsLocationHook) {\n      client.page();\n    }\n  }, [reactLocationHook, nextjsLocationHook]);\n\n  return { analytics: client };\n}\n\nexport default useJitsu;\n"],"names":["JitsuContext","createContext","JitsuProvider","props","client","jitsuAnalytics","options","React","Provider","value","children","useJitsu","opts","cl","useContext","host","Error","reactLocationHook","autoPageTracking","reactRouter","before","nextjsLocationHook","nextjsRouter","useEffect","beforeDeps","page","analytics"],"mappings":";;;AAGA,IAAMA,YAAY,GAAGC,aAAa,CAA4B,IAAI,CAAC;;ACEnE,IAAMC,aAAa,GAA2D,SAAxEA,aAAa,CAAqEC,KAAK;EAC3F,IAAMC,MAAM,GAAGC,cAAc,CAACF,KAAK,CAACG,OAAO,CAAC;EAC5C,OAAOC,cAACP,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAEL;KAASD,KAAK,CAACO,QAAQ,CAAyB;AACvF,CAAC;;ACsBD,SAASC,QAAQ,CAACC,IAA2B;;EAC3C,IAAIC,EAAE,GAAGC,UAAU,CAACd,YAAY,CAAC;EACjC,IAAI,CAACa,EAAE,EAAE;IACP,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;MACdF,EAAE,GAAGR,cAAc,CAACO,IAAI,CAAC;KAC1B,MAAM;MACL,MAAM,IAAII,KAAK,CACb,iJAAiJ,CAClJ;;GAEJ,MAAM,IAAIJ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;IACrB,MAAM,IAAIC,KAAK,CACb,2IAA2I,CAC5I;;EAEH,IAAMZ,MAAM,GAAGS,EAAE;EAEjB,IAAMI,iBAAiB,GACrBL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACC,WAAW,GAAGP,IAAI,CAACM,gBAAgB,CAACC,WAAW,EAAE,GAAG,IAAI;EAC1G,IAAMC,MAAM,GAAGR,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAGR,IAAI,CAACM,gBAAgB,CAACE,MAAM,GAAG,IAAI;EAC3G,IAAMC,kBAAkB,GACtBT,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,gBAAgB,IAAIN,IAAI,CAACM,gBAAgB,CAACI,YAAY,GAAGV,IAAI,CAACM,gBAAgB,CAACI,YAAY,EAAE,GAAG,IAAI;EAC5GC,SAAS,CAAC;IACR,IAAIH,MAAM,EAAE;MACVA,MAAM,CAAChB,MAAM,CAAC;;GAEjB,EAAE,CAAAQ,IAAI,aAAJA,IAAI,gDAAJA,IAAI,CAAEM,gBAAgB,0DAAtB,sBAAwBM,UAAU,KAAI,EAAE,CAAC;EAE5CD,SAAS,CAAC;IACR,IAAIN,iBAAiB,EAAE;MACrBb,MAAM,CAACqB,IAAI,EAAE;KACd,MAAM,IAAIJ,kBAAkB,EAAE;MAC7BjB,MAAM,CAACqB,IAAI,EAAE;;GAEhB,EAAE,CAACR,iBAAiB,EAAEI,kBAAkB,CAAC,CAAC;EAE3C,OAAO;IAAEK,SAAS,EAAEtB;GAAQ;AAC9B;;;;"}

package/dist/useJitsu.d.ts

@@ -0,0 +1,26 @@
+import { AnalyticsInterface } from "@jitsu/types/analytics";
+import type { useLocation } from "react-router-dom";
+import type { useRouter } from "next/router";
+import { Union } from "ts-toolbelt";
+import { JitsuOptions } from "@jitsu/js";
+interface ReactRouterOptions {
+    reactRouter: typeof useLocation;
+}
+interface NextJsRouterOptions {
+    nextjsRouter: typeof useRouter;
+}
+interface AutoPageTrackingBefore {
+    before: (analytics: AnalyticsInterface) => any;
+    beforeDeps: any[];
+}
+declare type RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;
+declare type ExtendedJitsuOptions = JitsuOptions & {
+    autoPageTracking?: Union.Strict<(RouterOptions & AutoPageTrackingBefore) | RouterOptions>;
+};
+/**
+ * See for details http://jitsu.com/docs/sending-data/js-sdk/react
+ */
+declare function useJitsu(opts?: ExtendedJitsuOptions): {
+    analytics: AnalyticsInterface;
+};
+export default useJitsu;

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@jitsu/jitsu-react",
+  "version": "0.0.0-alpha.108",
+  "description": "",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "types": "dist/index.d.ts",
+  "source": "src/index.ts",
+  "engines": {
+    "node": ">=10"
+  },
+  "dependencies": {
+    "@jitsu/js": "0.0.0-alpha.108"
+  },
+  "peerDependencies": {
+    "react": "15.x || 16.x || 17.x || 18.x",
+    "react-router-dom": "5.x || 6.x",
+    "next": "12.x || 13.x"
+  },
+  "peerDependenciesMeta": {
+    "react-router-dom": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "ts-toolbelt": "^9.6.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.2.3",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.25",
+    "next": "13.0.6",
+    "@types/react-router-dom": "^5.3.3",
+    "microbundle-crl": "^0.13.11",
+    "react": "^18.2.0",
+    "typescript": "^4.9.3",
+    "@jitsu/js": "0.0.0-alpha.108",
+    "@jitsu/types": "0.0.0-alpha.108"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format es,cjs",
+    "compile": "tsc -p ."
+  }
+}