@easyfunnel/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { EasyFunnelOptions, Tracker } from '@easyfunnel/sdk';
+
+interface EasyFunnelProviderProps extends Omit<EasyFunnelOptions, 'autoPageView'> {
+    children: ReactNode;
+}
+declare function EasyFunnelProvider({ children, ...options }: EasyFunnelProviderProps): react_jsx_runtime.JSX.Element;
+declare function useEasyFunnel(): Tracker | null;
+
+declare function useTrack(): (eventName: string, properties?: Record<string, any>) => void;
+declare function useIdentify(): (userId: string) => void;
+
+export { EasyFunnelProvider, useEasyFunnel, useIdentify, useTrack };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { EasyFunnelOptions, Tracker } from '@easyfunnel/sdk';
+
+interface EasyFunnelProviderProps extends Omit<EasyFunnelOptions, 'autoPageView'> {
+    children: ReactNode;
+}
+declare function EasyFunnelProvider({ children, ...options }: EasyFunnelProviderProps): react_jsx_runtime.JSX.Element;
+declare function useEasyFunnel(): Tracker | null;
+
+declare function useTrack(): (eventName: string, properties?: Record<string, any>) => void;
+declare function useIdentify(): (userId: string) => void;
+
+export { EasyFunnelProvider, useEasyFunnel, useIdentify, useTrack };

package/dist/index.js

@@ -0,0 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EasyFunnelProvider: () => EasyFunnelProvider,
+  useEasyFunnel: () => useEasyFunnel,
+  useIdentify: () => useIdentify,
+  useTrack: () => useTrack
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/provider.tsx
+var import_react = require("react");
+var import_sdk = require("@easyfunnel/sdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EasyFunnelContext = (0, import_react.createContext)(null);
+function EasyFunnelProvider(_a) {
+  var _b = _a, {
+    children
+  } = _b, options = __objRest(_b, [
+    "children"
+  ]);
+  const trackerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!trackerRef.current) {
+      trackerRef.current = import_sdk.EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
+        autoPageView: true
+      }));
+    }
+    return () => {
+      var _a2;
+      (_a2 = trackerRef.current) == null ? void 0 : _a2.destroy();
+      trackerRef.current = null;
+    };
+  }, [options.apiKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EasyFunnelContext.Provider, { value: trackerRef.current, children });
+}
+function useEasyFunnel() {
+  return (0, import_react.useContext)(EasyFunnelContext);
+}
+
+// src/hooks.ts
+var import_react2 = require("react");
+function useTrack() {
+  const tracker = useEasyFunnel();
+  return (0, import_react2.useCallback)(
+    (eventName, properties) => {
+      tracker == null ? void 0 : tracker.track(eventName, properties);
+    },
+    [tracker]
+  );
+}
+function useIdentify() {
+  const tracker = useEasyFunnel();
+  return (0, import_react2.useCallback)(
+    (userId) => {
+      tracker == null ? void 0 : tracker.identify(userId);
+    },
+    [tracker]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EasyFunnelProvider,
+  useEasyFunnel,
+  useIdentify,
+  useTrack
+});

package/dist/index.mjs

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/provider.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useRef
+} from "react";
+import { EasyFunnel } from "@easyfunnel/sdk";
+import { jsx } from "react/jsx-runtime";
+var EasyFunnelContext = createContext(null);
+function EasyFunnelProvider(_a) {
+  var _b = _a, {
+    children
+  } = _b, options = __objRest(_b, [
+    "children"
+  ]);
+  const trackerRef = useRef(null);
+  useEffect(() => {
+    if (!trackerRef.current) {
+      trackerRef.current = EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
+        autoPageView: true
+      }));
+    }
+    return () => {
+      var _a2;
+      (_a2 = trackerRef.current) == null ? void 0 : _a2.destroy();
+      trackerRef.current = null;
+    };
+  }, [options.apiKey]);
+  return /* @__PURE__ */ jsx(EasyFunnelContext.Provider, { value: trackerRef.current, children });
+}
+function useEasyFunnel() {
+  return useContext(EasyFunnelContext);
+}
+
+// src/hooks.ts
+import { useCallback } from "react";
+function useTrack() {
+  const tracker = useEasyFunnel();
+  return useCallback(
+    (eventName, properties) => {
+      tracker == null ? void 0 : tracker.track(eventName, properties);
+    },
+    [tracker]
+  );
+}
+function useIdentify() {
+  const tracker = useEasyFunnel();
+  return useCallback(
+    (userId) => {
+      tracker == null ? void 0 : tracker.identify(userId);
+    },
+    [tracker]
+  );
+}
+export {
+  EasyFunnelProvider,
+  useEasyFunnel,
+  useIdentify,
+  useTrack
+};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@easyfunnel/react",
+  "version": "0.1.0",
+  "description": "React/Next.js provider for easyfunnel.so analytics",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --external react",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --external react --watch"
+  },
+  "dependencies": {
+    "@easyfunnel/sdk": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "next": ">=14.0.0"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": ["analytics", "funnel", "react", "nextjs", "easyfunnel"],
+  "license": "MIT"
+}