@getspot/spot-widget-react 0.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,14 @@
+
+> @getspot/spot-widget-react@0.0.0 build /builds/getspot/spot-widget/packages/react
+> vite build
+
+The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
+vite v5.4.18 building for production...
+transforming...
+✓ 1 modules transformed.
+No name was provided for external module "@getspot/spot-widget" in "output.globals" – guessing "SpotWidget".
+rendering chunks...
+computing gzip size...
+dist/react-spot-widget.umd.js  0.52 kB │ gzip: 0.32 kB
+dist/react-spot-widget.es.js  0.41 kB │ gzip: 0.26 kB
+✓ built in 179ms

package/dist/react-spot-widget.es.js

@@ -0,0 +1,19 @@
+import o, { useRef as c, useEffect as n } from "react";
+import f from "@getspot/spot-widget";
+const d = ({ options: t }) => {
+  const e = c(null);
+  return n(() => {
+    if (e.current) {
+      const r = new f({
+        location: e.current,
+        ...t
+      });
+      return () => {
+        r.destroy();
+      };
+    }
+  }, [t]), /* @__PURE__ */ o.createElement("div", { ref: e });
+};
+export {
+  d as default
+};

package/dist/react-spot-widget.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react","@getspot/spot-widget"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.ReactSpotWidget=t(e.React,e.SpotWidget))})(this,function(e,t){"use strict";return({options:n})=>{const i=e.useRef(null);return e.useEffect(()=>{if(i.current){const d=new t({location:i.current,...n});return()=>{d.destroy()}}},[n]),e.createElement("div",{ref:i})}});

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@getspot/spot-widget-react",
+  "version": "0.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@getspot/spot-widget": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0",
+    "@vitejs/plugin-react": "^4.0.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/src/ReactSpotWidget.jsx

@@ -0,0 +1,23 @@
+import React, { useEffect, useRef } from "react";
+import SpotWidget from "@getspot/spot-widget";
+
+const ReactSpotWidget = ({ options }) => {
+  const widgetRef = useRef(null);
+
+  useEffect(() => {
+    if (widgetRef.current) {
+      const widget = new SpotWidget({
+        location: widgetRef.current,
+        ...options,
+      });
+
+      return () => {
+        widget.destroy();
+      };
+    }
+  }, [options]);
+
+  return <div ref={widgetRef}></div>;
+};
+
+export default ReactSpotWidget;

package/vite.config.js

@@ -0,0 +1,23 @@
+import { defineConfig } from "vite";
+import path from "path";
+
+export default defineConfig({
+  build: {
+    outDir: "dist",
+    lib: {
+      entry: path.resolve(__dirname, "src/ReactSpotWidget.jsx"),
+      name: "ReactSpotWidget",
+      fileName: (format) => `react-spot-widget.${format}.js`,
+      formats: ["umd", "es"],
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "@getspot/spot-widget"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+        },
+      },
+    },
+  },
+});