@jitsu/jitsu-react 0.0.1-alpha.122 → 0.0.1-alpha.126

package/dist/JitsuContext.d.ts

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

package/dist/JitsuProvider.d.ts

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

package/dist/index.js

@@ -3,15 +3,8 @@ 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 _opts$before;
   var cl = React.useContext(JitsuContext);
   if (!cl) {
     if (opts !== null && opts !== void 0 && opts.host) {
@@ -24,25 +17,32 @@ function useJitsu(opts) {
   }
   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 before = opts !== null && opts !== void 0 && opts.before ? opts.before.effect : 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) || []);
+  }, (opts === null || opts === void 0 ? void 0 : (_opts$before = opts.before) === null || _opts$before === void 0 ? void 0 : _opts$before.deps) || []);
   React.useEffect(function () {
     if (reactLocationHook) {
       client.page();
     } else if (nextjsLocationHook) {
       client.page();
     }
-  }, [reactLocationHook, nextjsLocationHook]);
+  }, [reactLocationHook, nextjsLocationHook === null || nextjsLocationHook === void 0 ? void 0 : nextjsLocationHook.asPath]);
   return {
     analytics: client
   };
 }
 
+var JitsuProvider = function JitsuProvider(props) {
+  var analytics = useJitsu(props.options);
+  return React.createElement(JitsuContext.Provider, {
+    value: analytics.analytics
+  }, props.children);
+};
+
 exports.JitsuContext = JitsuContext;
 exports.JitsuProvider = JitsuProvider;
 exports.useJitsu = useJitsu;

package/dist/index.js.map

@@ -1 +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/protocols/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/protocols/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;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/JitsuContext.tsx","../src/useJitsu.ts","../src/JitsuProvider.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { AnalyticsInterface } from \"@jitsu/js\";\n\nconst JitsuContext = createContext<AnalyticsInterface | null>(null);\n\nexport default JitsuContext;\n","import { useContext, useEffect } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport type { useLocation } from \"react-router-dom\";\nimport type { useRouter } from \"next/router\";\n\nimport { Union } from \"ts-toolbelt\";\nimport { jitsuAnalytics, JitsuOptions, AnalyticsInterface } from \"@jitsu/js\";\n\ninterface ReactRouterOptions {\n  reactRouter: typeof useLocation;\n}\n\ninterface NextJsRouterOptions {\n  nextjsRouter: typeof useRouter;\n}\n\nexport interface BeforeEffect {\n  effect: (analytics: AnalyticsInterface) => any;\n  deps: any[];\n}\nexport type RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;\n\nexport type ExtendedJitsuOptions = JitsuOptions & {\n  autoPageTracking?: RouterOptions;\n  before?: BeforeEffect;\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?.before ? opts.before.effect : 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?.before?.deps || []);\n\n  useEffect(() => {\n    if (reactLocationHook) {\n      client.page();\n    } else if (nextjsLocationHook) {\n      client.page();\n    }\n  }, [reactLocationHook, nextjsLocationHook?.asPath]);\n\n  return { analytics: client };\n}\n\nexport default useJitsu;\nexport { AnalyticsInterface, JitsuOptions };\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport useJitsu, { ExtendedJitsuOptions } from \"./useJitsu\";\n\nconst JitsuProvider: React.FC<PropsWithChildren<{ options: ExtendedJitsuOptions }>> = function (props) {\n  const analytics = useJitsu(props.options);\n  return <JitsuContext.Provider value={analytics.analytics}>{props.children}</JitsuContext.Provider>;\n};\n\nexport default JitsuProvider;\n"],"names":["JitsuContext","createContext","useJitsu","opts","cl","useContext","host","jitsuAnalytics","Error","client","reactLocationHook","autoPageTracking","reactRouter","before","effect","nextjsLocationHook","nextjsRouter","useEffect","deps","page","asPath","analytics","JitsuProvider","props","options","React","Provider","value","children"],"mappings":";;;AAGA,IAAMA,YAAY,GAAGC,mBAAa,CAA4B,IAAI,CAAC;;AC2BnE,SAASC,QAAQ,CAACC,IAA2B;;EAC3C,IAAIC,EAAE,GAAGC,gBAAU,CAACL,YAAY,CAAC;EACjC,IAAI,CAACI,EAAE,EAAE;IACP,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;MACdF,EAAE,GAAGG,iBAAc,CAACJ,IAAI,CAAC;KAC1B,MAAM;MACL,MAAM,IAAIK,KAAK,CACb,iJAAiJ,CAClJ;;GAEJ,MAAM,IAAIL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;IACrB,MAAM,IAAIE,KAAK,CACb,2IAA2I,CAC5I;;EAEH,IAAMC,MAAM,GAAGL,EAAE;EAEjB,IAAMM,iBAAiB,GACrBP,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEQ,gBAAgB,IAAIR,IAAI,CAACQ,gBAAgB,CAACC,WAAW,GAAGT,IAAI,CAACQ,gBAAgB,CAACC,WAAW,EAAE,GAAG,IAAI;EAC1G,IAAMC,MAAM,GAAGV,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEU,MAAM,GAAGV,IAAI,CAACU,MAAM,CAACC,MAAM,GAAG,IAAI;EACvD,IAAMC,kBAAkB,GACtBZ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEQ,gBAAgB,IAAIR,IAAI,CAACQ,gBAAgB,CAACK,YAAY,GAAGb,IAAI,CAACQ,gBAAgB,CAACK,YAAY,EAAE,GAAG,IAAI;EAC5GC,eAAS,CAAC;IACR,IAAIJ,MAAM,EAAE;MACVA,MAAM,CAACJ,MAAM,CAAC;;GAEjB,EAAE,CAAAN,IAAI,aAAJA,IAAI,uCAAJA,IAAI,CAAEU,MAAM,iDAAZ,aAAcK,IAAI,KAAI,EAAE,CAAC;EAE5BD,eAAS,CAAC;IACR,IAAIP,iBAAiB,EAAE;MACrBD,MAAM,CAACU,IAAI,EAAE;KACd,MAAM,IAAIJ,kBAAkB,EAAE;MAC7BN,MAAM,CAACU,IAAI,EAAE;;GAEhB,EAAE,CAACT,iBAAiB,EAAEK,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEK,MAAM,CAAC,CAAC;EAEnD,OAAO;IAAEC,SAAS,EAAEZ;GAAQ;AAC9B;;AC9DA,IAAMa,aAAa,GAAmE,SAAhFA,aAAa,CAA6EC,KAAK;EACnG,IAAMF,SAAS,GAAGnB,QAAQ,CAACqB,KAAK,CAACC,OAAO,CAAC;EACzC,OAAOC,oBAACzB,YAAY,CAAC0B,QAAQ;IAACC,KAAK,EAAEN,SAAS,CAACA;KAAYE,KAAK,CAACK,QAAQ,CAAyB;AACpG,CAAC;;;;;;"}

package/dist/index.modern.js

@@ -1,17 +1,10 @@
-import { createContext, createElement, useContext, useEffect } from 'react';
+import { createContext, useContext, useEffect, createElement } 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 _opts$before;
   var cl = useContext(JitsuContext);
   if (!cl) {
     if (opts !== null && opts !== void 0 && opts.host) {
@@ -24,24 +17,31 @@ function useJitsu(opts) {
   }
   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 before = opts !== null && opts !== void 0 && opts.before ? opts.before.effect : 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) || []);
+  }, (opts === null || opts === void 0 ? void 0 : (_opts$before = opts.before) === null || _opts$before === void 0 ? void 0 : _opts$before.deps) || []);
   useEffect(function () {
     if (reactLocationHook) {
       client.page();
     } else if (nextjsLocationHook) {
       client.page();
     }
-  }, [reactLocationHook, nextjsLocationHook]);
+  }, [reactLocationHook, nextjsLocationHook === null || nextjsLocationHook === void 0 ? void 0 : nextjsLocationHook.asPath]);
   return {
     analytics: client
   };
 }
 
+var JitsuProvider = function JitsuProvider(props) {
+  var analytics = useJitsu(props.options);
+  return createElement(JitsuContext.Provider, {
+    value: analytics.analytics
+  }, props.children);
+};
+
 export { JitsuContext, JitsuProvider, useJitsu };
 //# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +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/protocols/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/protocols/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;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/JitsuContext.tsx","../src/useJitsu.ts","../src/JitsuProvider.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { AnalyticsInterface } from \"@jitsu/js\";\n\nconst JitsuContext = createContext<AnalyticsInterface | null>(null);\n\nexport default JitsuContext;\n","import { useContext, useEffect } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport type { useLocation } from \"react-router-dom\";\nimport type { useRouter } from \"next/router\";\n\nimport { Union } from \"ts-toolbelt\";\nimport { jitsuAnalytics, JitsuOptions, AnalyticsInterface } from \"@jitsu/js\";\n\ninterface ReactRouterOptions {\n  reactRouter: typeof useLocation;\n}\n\ninterface NextJsRouterOptions {\n  nextjsRouter: typeof useRouter;\n}\n\nexport interface BeforeEffect {\n  effect: (analytics: AnalyticsInterface) => any;\n  deps: any[];\n}\nexport type RouterOptions = Union.Strict<ReactRouterOptions | NextJsRouterOptions>;\n\nexport type ExtendedJitsuOptions = JitsuOptions & {\n  autoPageTracking?: RouterOptions;\n  before?: BeforeEffect;\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?.before ? opts.before.effect : 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?.before?.deps || []);\n\n  useEffect(() => {\n    if (reactLocationHook) {\n      client.page();\n    } else if (nextjsLocationHook) {\n      client.page();\n    }\n  }, [reactLocationHook, nextjsLocationHook?.asPath]);\n\n  return { analytics: client };\n}\n\nexport default useJitsu;\nexport { AnalyticsInterface, JitsuOptions };\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport JitsuContext from \"./JitsuContext\";\nimport useJitsu, { ExtendedJitsuOptions } from \"./useJitsu\";\n\nconst JitsuProvider: React.FC<PropsWithChildren<{ options: ExtendedJitsuOptions }>> = function (props) {\n  const analytics = useJitsu(props.options);\n  return <JitsuContext.Provider value={analytics.analytics}>{props.children}</JitsuContext.Provider>;\n};\n\nexport default JitsuProvider;\n"],"names":["JitsuContext","createContext","useJitsu","opts","cl","useContext","host","jitsuAnalytics","Error","client","reactLocationHook","autoPageTracking","reactRouter","before","effect","nextjsLocationHook","nextjsRouter","useEffect","deps","page","asPath","analytics","JitsuProvider","props","options","React","Provider","value","children"],"mappings":";;;AAGA,IAAMA,YAAY,GAAGC,aAAa,CAA4B,IAAI,CAAC;;AC2BnE,SAASC,QAAQ,CAACC,IAA2B;;EAC3C,IAAIC,EAAE,GAAGC,UAAU,CAACL,YAAY,CAAC;EACjC,IAAI,CAACI,EAAE,EAAE;IACP,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;MACdF,EAAE,GAAGG,cAAc,CAACJ,IAAI,CAAC;KAC1B,MAAM;MACL,MAAM,IAAIK,KAAK,CACb,iJAAiJ,CAClJ;;GAEJ,MAAM,IAAIL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,IAAI,EAAE;IACrB,MAAM,IAAIE,KAAK,CACb,2IAA2I,CAC5I;;EAEH,IAAMC,MAAM,GAAGL,EAAE;EAEjB,IAAMM,iBAAiB,GACrBP,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEQ,gBAAgB,IAAIR,IAAI,CAACQ,gBAAgB,CAACC,WAAW,GAAGT,IAAI,CAACQ,gBAAgB,CAACC,WAAW,EAAE,GAAG,IAAI;EAC1G,IAAMC,MAAM,GAAGV,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEU,MAAM,GAAGV,IAAI,CAACU,MAAM,CAACC,MAAM,GAAG,IAAI;EACvD,IAAMC,kBAAkB,GACtBZ,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEQ,gBAAgB,IAAIR,IAAI,CAACQ,gBAAgB,CAACK,YAAY,GAAGb,IAAI,CAACQ,gBAAgB,CAACK,YAAY,EAAE,GAAG,IAAI;EAC5GC,SAAS,CAAC;IACR,IAAIJ,MAAM,EAAE;MACVA,MAAM,CAACJ,MAAM,CAAC;;GAEjB,EAAE,CAAAN,IAAI,aAAJA,IAAI,uCAAJA,IAAI,CAAEU,MAAM,iDAAZ,aAAcK,IAAI,KAAI,EAAE,CAAC;EAE5BD,SAAS,CAAC;IACR,IAAIP,iBAAiB,EAAE;MACrBD,MAAM,CAACU,IAAI,EAAE;KACd,MAAM,IAAIJ,kBAAkB,EAAE;MAC7BN,MAAM,CAACU,IAAI,EAAE;;GAEhB,EAAE,CAACT,iBAAiB,EAAEK,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEK,MAAM,CAAC,CAAC;EAEnD,OAAO;IAAEC,SAAS,EAAEZ;GAAQ;AAC9B;;AC9DA,IAAMa,aAAa,GAAmE,SAAhFA,aAAa,CAA6EC,KAAK;EACnG,IAAMF,SAAS,GAAGnB,QAAQ,CAACqB,KAAK,CAACC,OAAO,CAAC;EACzC,OAAOC,cAACzB,YAAY,CAAC0B,QAAQ;IAACC,KAAK,EAAEN,SAAS,CAACA;KAAYE,KAAK,CAACK,QAAQ,CAAyB;AACpG,CAAC;;;;"}

package/dist/useJitsu.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitsu/jitsu-react",
-  "version": "0.0.1-alpha.122",
+  "version": "0.0.1-alpha.126",
   "description": "",
   "license": "MIT",
   "main": "dist/index.js",
@@ -11,7 +11,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@jitsu/js": "0.0.1-alpha.122"
+    "@jitsu/js": "0.0.1-alpha.126"
   },
   "peerDependencies": {
     "react": "15.x || 16.x || 17.x || 18.x",
@@ -39,8 +39,7 @@
     "microbundle-crl": "^0.13.11",
     "react": "^18.2.0",
     "typescript": "^4.9.3",
-    "@jitsu/js": "0.0.1-alpha.122",
-    "@jitsu/protocols": "0.0.1-alpha.122"
+    "@jitsu/js": "0.0.1-alpha.126"
   },
   "files": [
     "dist"