insights-sdk 1.0.0

package/dist/components/Insights.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type InsightType = "trend" | "contributor";
+type TimeGrain = "daily" | "weekly" | "monthly";
+interface InsightProps {
+    type: InsightType;
+    metric: string;
+    dimension?: string;
+    timeGrain: TimeGrain;
+    timeRange: number;
+    dataResolver: (metric: string, grain: TimeGrain, fromTime: Date, toTime: Date) => Promise<any[]>;
+    dimensionValuesResolver?: (metric: string, dimension: string) => Promise<string[]>;
+}
+declare const Insight: ({ type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver }: InsightProps) => React.JSX.Element;
+export default Insight;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as Insight } from './components/Insights';

package/dist/index.esm.js

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+
+// Resolver output
+// [
+//   { "fromtime": "01-01-2025", "totime": "07-01-2025", "Revenue": 123 },
+//   { "fromtime": "08-01-2025", "totime": "14-01-2025", "Revenue": 235 },
+//   ...
+// ]
+//geneerate data fro this
+const Insight = ({ type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver }) => {
+    const [data, setData] = useState([]); //populate this based on the metric revenue or anything and timeLine is important 
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [dimensionValues, setDimensionValues] = useState([]);
+    //helper functions
+    //dimension - India,NZ and all 
+    //timeRange - 
+    //metric - 
+    //grain - weekly , 
+    //should generate based on this 
+    //then call dataResolcver
+    // dataResolver -> // {
+    //   "fromtime": "01-01-2025",
+    //   "totime": "01-02-2025",
+    //   "metric": "Revenue",
+    //   "grain": "weekly",
+    //   "type": "Trend"
+    // }
+    const dateRangeCalculator = () => {
+        const toTime = new Date();
+        const fromTime = new Date();
+        //they give 30 days lets say 
+        // fromDate(toDate - timeRange); 
+        fromTime.setDate(toTime.getDate() - timeRange);
+        return { toTime, fromTime };
+    };
+    useEffect(() => {
+        const fetchData = async () => {
+            setLoading(true);
+            setError(null);
+            try {
+                const { toTime, fromTime } = dateRangeCalculator();
+                if (type === "contributor" && !dimension) {
+                    setError("Dimension is required for contributor insight");
+                    setLoading(false);
+                    return;
+                }
+                if (type == 'contributor' && dimensionValuesResolver && dimension) {
+                    const dim = await dimensionValuesResolver(metric, dimension);
+                    setDimensionValues(dim);
+                }
+                const result = await dataResolver(metric, timeGrain, fromTime, toTime);
+                setData(result);
+            }
+            catch (error) {
+                if (error instanceof Error) {
+                    setError(error.message);
+                }
+                else {
+                    setError("Failed to load data!");
+                }
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchData();
+    }, [type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver]);
+    if (loading) {
+        return (React.createElement("div", { style: { padding: '20px', textAlign: 'center' } },
+            React.createElement("p", null,
+                "Loading ",
+                metric,
+                " data...")));
+    }
+    if (error) {
+        return (React.createElement("div", { style: { padding: '20px', textAlign: 'center', color: 'red' } },
+            React.createElement("p", null,
+                "Error: ",
+                error)));
+    }
+    if (data.length === 0) {
+        return (React.createElement("div", { style: { padding: '20px', textAlign: 'center' } },
+            React.createElement("p", null, "No data available")));
+    }
+    return (React.createElement("div", { style: { padding: '20px' } },
+        React.createElement("h3", null,
+            metric,
+            " - ",
+            type,
+            " (",
+            timeGrain,
+            ")"),
+        React.createElement("pre", { style: { background: '#f4f4f4', padding: '10px' } }, JSON.stringify(data, null, 2)),
+        dimensionValues.length > 0 && (React.createElement("div", null,
+            React.createElement("p", null,
+                "Dimensions: ",
+                dimensionValues.join(', '))))));
+};
+
+export { Insight };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Insights.tsx"],"sourcesContent":["import * as React from \"react\"; \r\nimport  { useEffect, useState } from 'react'; \r\n\r\n\r\ntype InsightType = \"trend\" | \"contributor\";\r\ntype TimeGrain = \"daily\" | \"weekly\" | \"monthly\";\r\n\r\ninterface InsightProps {\r\n  type: InsightType;\r\n  metric: string;\r\n  dimension?: string;\r\n  timeGrain: TimeGrain;\r\n  timeRange: number; \r\n  dataResolver: (\r\n    metric: string,\r\n    grain: TimeGrain,\r\n    fromTime: Date,\r\n    toTime: Date\r\n  ) => Promise<any[]>;\r\n  dimensionValuesResolver?: (\r\n    metric: string,\r\n    dimension: string\r\n  ) => Promise<string[]>;\r\n}\r\n\r\n// Resolver output\r\n// [\r\n//   { \"fromtime\": \"01-01-2025\", \"totime\": \"07-01-2025\", \"Revenue\": 123 },\r\n//   { \"fromtime\": \"08-01-2025\", \"totime\": \"14-01-2025\", \"Revenue\": 235 },\r\n//   ...\r\n// ]\r\n    //geneerate data fro this\r\n\r\n\r\nconst Insight = ({type,\r\n  metric, \r\n  dimension, \r\n  timeGrain, \r\n  timeRange,\r\n  dataResolver,\r\n  dimensionValuesResolver} :InsightProps) => {\r\n\r\n\r\n    const [data,setData] = useState<any[]>([]); //populate this based on the metric revenue or anything and timeLine is important \r\n    const [loading , setLoading] = useState<boolean>(false); \r\n    const [error , setError] = useState<string|null>(null); \r\n     const [dimensionValues, setDimensionValues] = useState<string[]>([]);\r\n\r\n    //helper functions\r\n\r\n\r\n    //dimension - India,NZ and all \r\n    //timeRange - \r\n    //metric - \r\n    //grain - weekly , \r\n    //should generate based on this \r\n    //then call dataResolcver\r\n\r\n    // dataResolver -> // {\r\n//   \"fromtime\": \"01-01-2025\",\r\n//   \"totime\": \"01-02-2025\",\r\n//   \"metric\": \"Revenue\",\r\n//   \"grain\": \"weekly\",\r\n//   \"type\": \"Trend\"\r\n// }\r\n\r\n    const dateRangeCalculator = () => {\r\n        const toTime=  new Date(); \r\n        const fromTime = new Date(); \r\n        //they give 30 days lets say \r\n        // fromDate(toDate - timeRange); \r\n        fromTime.setDate(toTime.getDate() - timeRange);  \r\n\r\n        return {toTime,fromTime}; \r\n    }\r\n\r\n \r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setLoading(true); \r\n            setError(null); \r\n            try {\r\n                const {toTime, fromTime} = dateRangeCalculator(); \r\n                   if (type === \"contributor\" && !dimension) {\r\n                        setError(\"Dimension is required for contributor insight\");\r\n                        setLoading(false);\r\n                        return;\r\n                    }\r\n                if(type == 'contributor' && dimensionValuesResolver && dimension){\r\n                    const dim = await dimensionValuesResolver(metric,dimension); \r\n                    setDimensionValues(dim); \r\n                }\r\n                const result = await dataResolver(metric, timeGrain, fromTime, toTime);\r\n                setData(result);\r\n            } catch (error) {\r\n                 if (error instanceof Error) {\r\n                    setError(error.message);\r\n                } else {\r\n                    setError(\"Failed to load data!\");\r\n                }\r\n            } finally {\r\n                setLoading(false);\r\n            }\r\n        }\r\n        fetchData(); \r\n    },[type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver]);\r\n\r\n\r\n    if (loading) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center' }}>\r\n        <p>Loading {metric} data...</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center', color: 'red' }}>\r\n        <p>Error: {error}</p>\r\n      </div>\r\n    );\r\n  }\r\n   if (data.length === 0) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center' }}>\r\n        <p>No data available</p>\r\n      </div>\r\n    );\r\n  }\r\nreturn (\r\n    <div style={{ padding: '20px' }}>\r\n      <h3>{metric} - {type} ({timeGrain})</h3>\r\n      <pre style={{ background: '#f4f4f4', padding: '10px' }}>\r\n        {JSON.stringify(data, null, 2)}\r\n      </pre>\r\n      {dimensionValues.length > 0 && (\r\n        <div>\r\n          <p>Dimensions: {dimensionValues.join(', ')}</p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n\r\nexport default Insight; "],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// Resolver output
+// [
+//   { "fromtime": "01-01-2025", "totime": "07-01-2025", "Revenue": 123 },
+//   { "fromtime": "08-01-2025", "totime": "14-01-2025", "Revenue": 235 },
+//   ...
+// ]
+//geneerate data fro this
+const Insight = ({ type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver }) => {
+    const [data, setData] = React.useState([]); //populate this based on the metric revenue or anything and timeLine is important 
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const [dimensionValues, setDimensionValues] = React.useState([]);
+    //helper functions
+    //dimension - India,NZ and all 
+    //timeRange - 
+    //metric - 
+    //grain - weekly , 
+    //should generate based on this 
+    //then call dataResolcver
+    // dataResolver -> // {
+    //   "fromtime": "01-01-2025",
+    //   "totime": "01-02-2025",
+    //   "metric": "Revenue",
+    //   "grain": "weekly",
+    //   "type": "Trend"
+    // }
+    const dateRangeCalculator = () => {
+        const toTime = new Date();
+        const fromTime = new Date();
+        //they give 30 days lets say 
+        // fromDate(toDate - timeRange); 
+        fromTime.setDate(toTime.getDate() - timeRange);
+        return { toTime, fromTime };
+    };
+    React.useEffect(() => {
+        const fetchData = async () => {
+            setLoading(true);
+            setError(null);
+            try {
+                const { toTime, fromTime } = dateRangeCalculator();
+                if (type === "contributor" && !dimension) {
+                    setError("Dimension is required for contributor insight");
+                    setLoading(false);
+                    return;
+                }
+                if (type == 'contributor' && dimensionValuesResolver && dimension) {
+                    const dim = await dimensionValuesResolver(metric, dimension);
+                    setDimensionValues(dim);
+                }
+                const result = await dataResolver(metric, timeGrain, fromTime, toTime);
+                setData(result);
+            }
+            catch (error) {
+                if (error instanceof Error) {
+                    setError(error.message);
+                }
+                else {
+                    setError("Failed to load data!");
+                }
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchData();
+    }, [type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver]);
+    if (loading) {
+        return (React__namespace.createElement("div", { style: { padding: '20px', textAlign: 'center' } },
+            React__namespace.createElement("p", null,
+                "Loading ",
+                metric,
+                " data...")));
+    }
+    if (error) {
+        return (React__namespace.createElement("div", { style: { padding: '20px', textAlign: 'center', color: 'red' } },
+            React__namespace.createElement("p", null,
+                "Error: ",
+                error)));
+    }
+    if (data.length === 0) {
+        return (React__namespace.createElement("div", { style: { padding: '20px', textAlign: 'center' } },
+            React__namespace.createElement("p", null, "No data available")));
+    }
+    return (React__namespace.createElement("div", { style: { padding: '20px' } },
+        React__namespace.createElement("h3", null,
+            metric,
+            " - ",
+            type,
+            " (",
+            timeGrain,
+            ")"),
+        React__namespace.createElement("pre", { style: { background: '#f4f4f4', padding: '10px' } }, JSON.stringify(data, null, 2)),
+        dimensionValues.length > 0 && (React__namespace.createElement("div", null,
+            React__namespace.createElement("p", null,
+                "Dimensions: ",
+                dimensionValues.join(', '))))));
+};
+
+exports.Insight = Insight;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Insights.tsx"],"sourcesContent":["import * as React from \"react\"; \r\nimport  { useEffect, useState } from 'react'; \r\n\r\n\r\ntype InsightType = \"trend\" | \"contributor\";\r\ntype TimeGrain = \"daily\" | \"weekly\" | \"monthly\";\r\n\r\ninterface InsightProps {\r\n  type: InsightType;\r\n  metric: string;\r\n  dimension?: string;\r\n  timeGrain: TimeGrain;\r\n  timeRange: number; \r\n  dataResolver: (\r\n    metric: string,\r\n    grain: TimeGrain,\r\n    fromTime: Date,\r\n    toTime: Date\r\n  ) => Promise<any[]>;\r\n  dimensionValuesResolver?: (\r\n    metric: string,\r\n    dimension: string\r\n  ) => Promise<string[]>;\r\n}\r\n\r\n// Resolver output\r\n// [\r\n//   { \"fromtime\": \"01-01-2025\", \"totime\": \"07-01-2025\", \"Revenue\": 123 },\r\n//   { \"fromtime\": \"08-01-2025\", \"totime\": \"14-01-2025\", \"Revenue\": 235 },\r\n//   ...\r\n// ]\r\n    //geneerate data fro this\r\n\r\n\r\nconst Insight = ({type,\r\n  metric, \r\n  dimension, \r\n  timeGrain, \r\n  timeRange,\r\n  dataResolver,\r\n  dimensionValuesResolver} :InsightProps) => {\r\n\r\n\r\n    const [data,setData] = useState<any[]>([]); //populate this based on the metric revenue or anything and timeLine is important \r\n    const [loading , setLoading] = useState<boolean>(false); \r\n    const [error , setError] = useState<string|null>(null); \r\n     const [dimensionValues, setDimensionValues] = useState<string[]>([]);\r\n\r\n    //helper functions\r\n\r\n\r\n    //dimension - India,NZ and all \r\n    //timeRange - \r\n    //metric - \r\n    //grain - weekly , \r\n    //should generate based on this \r\n    //then call dataResolcver\r\n\r\n    // dataResolver -> // {\r\n//   \"fromtime\": \"01-01-2025\",\r\n//   \"totime\": \"01-02-2025\",\r\n//   \"metric\": \"Revenue\",\r\n//   \"grain\": \"weekly\",\r\n//   \"type\": \"Trend\"\r\n// }\r\n\r\n    const dateRangeCalculator = () => {\r\n        const toTime=  new Date(); \r\n        const fromTime = new Date(); \r\n        //they give 30 days lets say \r\n        // fromDate(toDate - timeRange); \r\n        fromTime.setDate(toTime.getDate() - timeRange);  \r\n\r\n        return {toTime,fromTime}; \r\n    }\r\n\r\n \r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            setLoading(true); \r\n            setError(null); \r\n            try {\r\n                const {toTime, fromTime} = dateRangeCalculator(); \r\n                   if (type === \"contributor\" && !dimension) {\r\n                        setError(\"Dimension is required for contributor insight\");\r\n                        setLoading(false);\r\n                        return;\r\n                    }\r\n                if(type == 'contributor' && dimensionValuesResolver && dimension){\r\n                    const dim = await dimensionValuesResolver(metric,dimension); \r\n                    setDimensionValues(dim); \r\n                }\r\n                const result = await dataResolver(metric, timeGrain, fromTime, toTime);\r\n                setData(result);\r\n            } catch (error) {\r\n                 if (error instanceof Error) {\r\n                    setError(error.message);\r\n                } else {\r\n                    setError(\"Failed to load data!\");\r\n                }\r\n            } finally {\r\n                setLoading(false);\r\n            }\r\n        }\r\n        fetchData(); \r\n    },[type, metric, dimension, timeGrain, timeRange, dataResolver, dimensionValuesResolver]);\r\n\r\n\r\n    if (loading) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center' }}>\r\n        <p>Loading {metric} data...</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center', color: 'red' }}>\r\n        <p>Error: {error}</p>\r\n      </div>\r\n    );\r\n  }\r\n   if (data.length === 0) {\r\n    return (\r\n      <div style={{ padding: '20px', textAlign: 'center' }}>\r\n        <p>No data available</p>\r\n      </div>\r\n    );\r\n  }\r\nreturn (\r\n    <div style={{ padding: '20px' }}>\r\n      <h3>{metric} - {type} ({timeGrain})</h3>\r\n      <pre style={{ background: '#f4f4f4', padding: '10px' }}>\r\n        {JSON.stringify(data, null, 2)}\r\n      </pre>\r\n      {dimensionValues.length > 0 && (\r\n        <div>\r\n          <p>Dimensions: {dimensionValues.join(', ')}</p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n\r\nexport default Insight; "],"names":["useState","useEffect","React"],"mappings":"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"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "insights-sdk",
+  "version": "1.0.0",
+  "description": "React SDK for rendering insights",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "keywords": ["react", "insights", "sdk"],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "recharts": "^2.5.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/react": "^19.2.8",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "rollup": "^4.55.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.0.0"
+  }
+}