@sigmacomputing/react-embed-sdk 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+import { WorkbookLoadedEvent, WorkbookErrorEvent } from '@sigmacomputing/embed-sdk';
+
+declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: (event: WorkbookLoadedEvent) => void): void;
+declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: (event: WorkbookErrorEvent) => void): void;
+
+export { useWorkbookError, useWorkbookLoaded };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { WorkbookLoadedEvent, WorkbookErrorEvent } from '@sigmacomputing/embed-sdk';
+
+declare function useWorkbookLoaded(iframeRef: React.RefObject<HTMLIFrameElement>, onLoaded: (event: WorkbookLoadedEvent) => void): void;
+declare function useWorkbookError(iframeRef: React.RefObject<HTMLIFrameElement>, onError: (event: WorkbookErrorEvent) => void): void;
+
+export { useWorkbookError, useWorkbookLoaded };

package/dist/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 src_exports = {};
+__export(src_exports, {
+  useWorkbookError: () => useWorkbookError,
+  useWorkbookLoaded: () => useWorkbookLoaded
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = require("react");
+var import_embed_sdk = require("@sigmacomputing/embed-sdk");
+function useWorkbookLoaded(iframeRef, onLoaded) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookLoadedListener)(event, iframeRef.current, onLoaded);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onLoaded]);
+}
+function useWorkbookError(iframeRef, onError) {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      (0, import_embed_sdk.workbookErrorListener)(event, iframeRef.current, onError);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onError]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWorkbookError,
+  useWorkbookLoaded
+});

package/dist/index.mjs

@@ -0,0 +1,34 @@
+// src/index.ts
+import { useEffect } from "react";
+import {
+  workbookErrorListener,
+  workbookLoadedListener
+} from "@sigmacomputing/embed-sdk";
+function useWorkbookLoaded(iframeRef, onLoaded) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookLoadedListener(event, iframeRef.current, onLoaded);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onLoaded]);
+}
+function useWorkbookError(iframeRef, onError) {
+  useEffect(() => {
+    const listener = (event) => {
+      if (!iframeRef.current) {
+        return;
+      }
+      workbookErrorListener(event, iframeRef.current, onError);
+    };
+    window.addEventListener("message", listener);
+    return () => window.removeEventListener("message", listener);
+  }, [iframeRef, onError]);
+}
+export {
+  useWorkbookError,
+  useWorkbookLoaded
+};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@sigmacomputing/react-embed-sdk",
+  "version": "0.1.0",
+  "description": "React JavaScript SDK to interact with Sigma Computing's Embed API",
+  "scripts": {
+    "prepublish": "npm run build",
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "sigmacomputing",
+  "license": "ISC",
+  "exports": {
+    "import": "./dist/index.mjs",
+    "require": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "@sigmacomputing/embed-sdk": "workspace:*"
+  }
+}