deepspotscreen-sdk 0.0.1

package/dist/vue/index.mjs

@@ -0,0 +1,138 @@
+import { defineComponent as h, ref as o, onMounted as u, onUnmounted as y, watch as g, h as b } from "vue";
+import { DeepspotSDK as f } from "../DeepspotSDK-CyX06_c2.js";
+const m = h({
+  name: "DeepspotDashboard",
+  props: {
+    apiKey: { type: String, required: !0 },
+    baseUrl: { type: String, required: !0 },
+    dashboardId: { type: String, required: !0 },
+    userId: { type: String, default: void 0 },
+    tenantId: { type: String, default: void 0 },
+    embedLevel: { type: String, default: "dashboard" },
+    theme: { type: String, default: "light" },
+    height: { type: String, default: "600px" },
+    pageId: { type: String, default: void 0 },
+    tabId: { type: String, default: void 0 },
+    hideFilters: { type: Boolean, default: !1 },
+    hideExport: { type: Boolean, default: !1 },
+    filters: { type: Object, default: () => ({}) }
+  },
+  emits: ["ready", "filter-change", "tab-switch", "error"],
+  setup(e, { emit: a }) {
+    const r = o();
+    let t;
+    async function n() {
+      var l;
+      if (r.value) {
+        t == null || t.destroy(), t = void 0;
+        try {
+          t = await new f({ apiKey: e.apiKey, baseUrl: e.baseUrl }).embedDashboard({
+            dashboardId: e.dashboardId,
+            container: r.value,
+            userId: e.userId,
+            tenantId: e.tenantId,
+            embedLevel: e.embedLevel,
+            theme: e.theme,
+            height: e.height,
+            pageId: e.pageId,
+            tabId: e.tabId,
+            hideFilters: e.hideFilters,
+            hideExport: e.hideExport,
+            filters: e.filters,
+            onReady: () => a("ready"),
+            onFilterChange: (i) => a("filter-change", i),
+            onTabSwitch: (i, I) => a("tab-switch", i, I),
+            onError: (i) => a("error", i)
+          });
+        } catch (d) {
+          a("error", (l = d == null ? void 0 : d.message) != null ? l : String(d));
+        }
+      }
+    }
+    return u(() => {
+      n();
+    }), y(() => {
+      t == null || t.destroy();
+    }), g(
+      () => [
+        e.dashboardId,
+        e.userId,
+        e.tenantId,
+        e.apiKey,
+        e.baseUrl,
+        e.embedLevel,
+        e.theme,
+        e.height,
+        e.pageId,
+        e.tabId,
+        e.hideFilters,
+        e.hideExport
+      ],
+      () => {
+        n();
+      }
+    ), () => b("div", { ref: r, style: { display: "block" } });
+  }
+}), v = h({
+  name: "DeepspotReport",
+  props: {
+    apiKey: { type: String, required: !0 },
+    baseUrl: { type: String, required: !0 },
+    dashboardId: { type: String, required: !0 },
+    componentId: { type: String, required: !0 },
+    userId: { type: String, default: void 0 },
+    tenantId: { type: String, default: void 0 },
+    theme: { type: String, default: "light" },
+    height: { type: String, default: "400px" },
+    filters: { type: Object, default: () => ({}) }
+  },
+  emits: ["ready", "error"],
+  setup(e, { emit: a }) {
+    const r = o();
+    let t;
+    async function n() {
+      var l;
+      if (r.value) {
+        t == null || t.destroy(), t = void 0;
+        try {
+          t = await new f({ apiKey: e.apiKey, baseUrl: e.baseUrl }).embedReport({
+            dashboardId: e.dashboardId,
+            componentId: e.componentId,
+            container: r.value,
+            userId: e.userId,
+            tenantId: e.tenantId,
+            theme: e.theme,
+            height: e.height,
+            filters: e.filters,
+            onReady: () => a("ready"),
+            onError: (i) => a("error", i)
+          });
+        } catch (d) {
+          a("error", (l = d == null ? void 0 : d.message) != null ? l : String(d));
+        }
+      }
+    }
+    return u(() => {
+      n();
+    }), y(() => {
+      t == null || t.destroy();
+    }), g(
+      () => [
+        e.dashboardId,
+        e.componentId,
+        e.userId,
+        e.apiKey,
+        e.baseUrl,
+        e.theme,
+        e.height
+      ],
+      () => {
+        n();
+      }
+    ), () => b("div", { ref: r, style: { display: "block" } });
+  }
+});
+export {
+  m as DeepspotDashboard,
+  v as DeepspotReport
+};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "deepspotscreen-sdk",
+  "version": "0.0.1",
+  "description": "Deepspot Embedded Analytics SDK — embed dashboards and reports in any website",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/deepspot-sdk.js",
+  "module": "dist/deepspot-sdk.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/deepspot-sdk.esm.js",
+      "require": "./dist/deepspot-sdk.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.mjs",
+      "require": "./dist/react/index.cjs",
+      "types": "./dist/react/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/vue/index.mjs",
+      "require": "./dist/vue/index.cjs",
+      "types": "./dist/vue/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "dist/deepspot-sdk.js",
+    "dist/deepspot-sdk.esm.js"
+  ],
+  "dependencies": {},
+  "peerDependencies": {
+    "react": ">=17",
+    "vue": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "vite build && vite build --config vite.frameworks.config.ts",
+    "build:sdk": "vite build",
+    "build:frameworks": "vite build --config vite.frameworks.config.ts",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "publish:npm": "npm publish --access public"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.7",
+    "@types/react": "^18.3.26",
+    "apexcharts": "^3.52.0",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^2.5.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.9",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.5.29"
+  },
+  "author": ""
+}