batchedits 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# `batchedits`
+
+Official JS SDK, React Embed Widgets, and CLI for **BatchEdits AI Bulk Video Editor**.
+
+## Installation
+
+```bash
+npm install batchedits
+```
+
+## React Usage
+
+```tsx
+import { EditWithBatchEditsButton } from 'batchedits/react';
+
+export function App() {
+  return (
+    <EditWithBatchEditsButton
+      videoUrl="https://example.com/video.mp4"
+      webhookUrl="https://example.com/api/webhooks/batchedits"
+      theme="gradient"
+      mode="popup"
+      onComplete={(data) => console.log('Edited video:', data.editedVideoUrl)}
+    />
+  );
+}
+```
+
+## Vanilla JavaScript Usage
+
+```javascript
+import { openModal } from 'batchedits';
+
+openModal({
+  videoUrl: 'https://example.com/video.mp4',
+  mode: 'popup',
+  onComplete: (data) => {
+    console.log('Video editing complete!', data.editedVideoUrl);
+  }
+});
+```
+
+## CLI Usage
+
+```bash
+npx batchedits --help
+```

package/dist/chunk-3KU2EPH2.mjs

@@ -0,0 +1,53 @@
+// src/index.ts
+var DEFAULT_HOST = "https://batchedits.com";
+function buildEmbedUrl(options = {}) {
+  const host = options.host || DEFAULT_HOST;
+  const params = new URLSearchParams();
+  if (options.videoUrl) params.set("video_url", options.videoUrl);
+  if (options.styleId) params.set("style_id", options.styleId);
+  if (options.webhookUrl) params.set("webhook_url", options.webhookUrl);
+  if (options.mode) params.set("embed_mode", options.mode);
+  if (options.widgetType) params.set("widget_type", options.widgetType || "edit_button");
+  if (options.callbackUrl) params.set("callback_url", options.callbackUrl);
+  if (options.autoProcess) params.set("auto_process", "true");
+  const route = options.mode === "redirect" ? "/dashboard/edit" : "/embed/edit";
+  return `${host}${route}?${params.toString()}`;
+}
+function openModal(options = {}) {
+  const mode = options.mode || "popup";
+  const url = buildEmbedUrl(options);
+  if (mode === "redirect") {
+    if (typeof window !== "undefined") window.location.href = url;
+    return null;
+  }
+  if (mode === "popup" && typeof window !== "undefined") {
+    const width = 1150;
+    const height = 780;
+    const left = Math.max(0, (window.screen.width - width) / 2);
+    const top = Math.max(0, (window.screen.height - height) / 2);
+    const popup = window.open(
+      url,
+      "BatchEditsWindow",
+      `width=${width},height=${height},top=${top},left=${left},resizable=yes,scrollbars=yes`
+    );
+    const handleMessage = (e) => {
+      if (e.data && typeof e.data === "object" && e.data.type === "BATCHEDITS_EDIT_COMPLETE") {
+        if (typeof options.onComplete === "function") options.onComplete(e.data);
+        window.removeEventListener("message", handleMessage);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    if (popup && popup.focus) popup.focus();
+    return popup;
+  }
+  return null;
+}
+function init() {
+  console.log("BatchEdits SDK Initialized.");
+}
+
+export {
+  buildEmbedUrl,
+  openModal,
+  init
+};

package/dist/cli.d.mts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+"use strict";
+
+// src/cli.ts
+console.log("\u{1F680} BatchEdits CLI v1.0.0");
+console.log("Commands available:");
+console.log("  batchedits edit <videoUrl>   - Launch BatchEdits CLI video editor");
+console.log("  batchedits init              - Generate BatchEdits config");

package/dist/cli.mjs

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+
+// src/cli.ts
+console.log("\u{1F680} BatchEdits CLI v1.0.0");
+console.log("Commands available:");
+console.log("  batchedits edit <videoUrl>   - Launch BatchEdits CLI video editor");
+console.log("  batchedits init              - Generate BatchEdits config");

package/dist/index.d.mts

@@ -0,0 +1,17 @@
+interface BatchEditsModalOptions {
+    videoUrl?: string;
+    styleId?: string;
+    webhookUrl?: string;
+    mode?: "popup" | "iframe" | "redirect";
+    widgetType?: string;
+    host?: string;
+    callbackUrl?: string;
+    autoProcess?: boolean;
+    onComplete?: (data: any) => void;
+    onClose?: () => void;
+}
+declare function buildEmbedUrl(options?: BatchEditsModalOptions): string;
+declare function openModal(options?: BatchEditsModalOptions): Window | null;
+declare function init(): void;
+
+export { type BatchEditsModalOptions, buildEmbedUrl, init, openModal };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+interface BatchEditsModalOptions {
+    videoUrl?: string;
+    styleId?: string;
+    webhookUrl?: string;
+    mode?: "popup" | "iframe" | "redirect";
+    widgetType?: string;
+    host?: string;
+    callbackUrl?: string;
+    autoProcess?: boolean;
+    onComplete?: (data: any) => void;
+    onClose?: () => void;
+}
+declare function buildEmbedUrl(options?: BatchEditsModalOptions): string;
+declare function openModal(options?: BatchEditsModalOptions): Window | null;
+declare function init(): void;
+
+export { type BatchEditsModalOptions, buildEmbedUrl, init, openModal };

package/dist/index.js

@@ -0,0 +1,79 @@
+"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 index_exports = {};
+__export(index_exports, {
+  buildEmbedUrl: () => buildEmbedUrl,
+  init: () => init,
+  openModal: () => openModal
+});
+module.exports = __toCommonJS(index_exports);
+var DEFAULT_HOST = "https://batchedits.com";
+function buildEmbedUrl(options = {}) {
+  const host = options.host || DEFAULT_HOST;
+  const params = new URLSearchParams();
+  if (options.videoUrl) params.set("video_url", options.videoUrl);
+  if (options.styleId) params.set("style_id", options.styleId);
+  if (options.webhookUrl) params.set("webhook_url", options.webhookUrl);
+  if (options.mode) params.set("embed_mode", options.mode);
+  if (options.widgetType) params.set("widget_type", options.widgetType || "edit_button");
+  if (options.callbackUrl) params.set("callback_url", options.callbackUrl);
+  if (options.autoProcess) params.set("auto_process", "true");
+  const route = options.mode === "redirect" ? "/dashboard/edit" : "/embed/edit";
+  return `${host}${route}?${params.toString()}`;
+}
+function openModal(options = {}) {
+  const mode = options.mode || "popup";
+  const url = buildEmbedUrl(options);
+  if (mode === "redirect") {
+    if (typeof window !== "undefined") window.location.href = url;
+    return null;
+  }
+  if (mode === "popup" && typeof window !== "undefined") {
+    const width = 1150;
+    const height = 780;
+    const left = Math.max(0, (window.screen.width - width) / 2);
+    const top = Math.max(0, (window.screen.height - height) / 2);
+    const popup = window.open(
+      url,
+      "BatchEditsWindow",
+      `width=${width},height=${height},top=${top},left=${left},resizable=yes,scrollbars=yes`
+    );
+    const handleMessage = (e) => {
+      if (e.data && typeof e.data === "object" && e.data.type === "BATCHEDITS_EDIT_COMPLETE") {
+        if (typeof options.onComplete === "function") options.onComplete(e.data);
+        window.removeEventListener("message", handleMessage);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    if (popup && popup.focus) popup.focus();
+    return popup;
+  }
+  return null;
+}
+function init() {
+  console.log("BatchEdits SDK Initialized.");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildEmbedUrl,
+  init,
+  openModal
+});

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import {
+  buildEmbedUrl,
+  init,
+  openModal
+} from "./chunk-3KU2EPH2.mjs";
+export {
+  buildEmbedUrl,
+  init,
+  openModal
+};

package/dist/react.d.mts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BatchEditsModalOptions } from './index.mjs';
+
+interface EditWithBatchEditsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, BatchEditsModalOptions {
+    text?: string;
+    theme?: "dark" | "light" | "gradient" | "minimal";
+    size?: "sm" | "md" | "lg";
+}
+declare function EditWithBatchEditsButton({ videoUrl, styleId, webhookUrl, mode, theme, size, text, host, onComplete, onClose, className, onClick, ...props }: EditWithBatchEditsButtonProps): React.JSX.Element;
+declare const BatchEditsButton: typeof EditWithBatchEditsButton;
+
+export { BatchEditsButton, EditWithBatchEditsButton, type EditWithBatchEditsButtonProps };

package/dist/react.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BatchEditsModalOptions } from './index.js';
+
+interface EditWithBatchEditsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, BatchEditsModalOptions {
+    text?: string;
+    theme?: "dark" | "light" | "gradient" | "minimal";
+    size?: "sm" | "md" | "lg";
+}
+declare function EditWithBatchEditsButton({ videoUrl, styleId, webhookUrl, mode, theme, size, text, host, onComplete, onClose, className, onClick, ...props }: EditWithBatchEditsButtonProps): React.JSX.Element;
+declare const BatchEditsButton: typeof EditWithBatchEditsButton;
+
+export { BatchEditsButton, EditWithBatchEditsButton, type EditWithBatchEditsButtonProps };

package/dist/react.js

@@ -0,0 +1,130 @@
+"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/react.tsx
+var react_exports = {};
+__export(react_exports, {
+  BatchEditsButton: () => BatchEditsButton,
+  EditWithBatchEditsButton: () => EditWithBatchEditsButton
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/index.ts
+var DEFAULT_HOST = "https://batchedits.com";
+function buildEmbedUrl(options = {}) {
+  const host = options.host || DEFAULT_HOST;
+  const params = new URLSearchParams();
+  if (options.videoUrl) params.set("video_url", options.videoUrl);
+  if (options.styleId) params.set("style_id", options.styleId);
+  if (options.webhookUrl) params.set("webhook_url", options.webhookUrl);
+  if (options.mode) params.set("embed_mode", options.mode);
+  if (options.widgetType) params.set("widget_type", options.widgetType || "edit_button");
+  if (options.callbackUrl) params.set("callback_url", options.callbackUrl);
+  if (options.autoProcess) params.set("auto_process", "true");
+  const route = options.mode === "redirect" ? "/dashboard/edit" : "/embed/edit";
+  return `${host}${route}?${params.toString()}`;
+}
+function openModal(options = {}) {
+  const mode = options.mode || "popup";
+  const url = buildEmbedUrl(options);
+  if (mode === "redirect") {
+    if (typeof window !== "undefined") window.location.href = url;
+    return null;
+  }
+  if (mode === "popup" && typeof window !== "undefined") {
+    const width = 1150;
+    const height = 780;
+    const left = Math.max(0, (window.screen.width - width) / 2);
+    const top = Math.max(0, (window.screen.height - height) / 2);
+    const popup = window.open(
+      url,
+      "BatchEditsWindow",
+      `width=${width},height=${height},top=${top},left=${left},resizable=yes,scrollbars=yes`
+    );
+    const handleMessage = (e) => {
+      if (e.data && typeof e.data === "object" && e.data.type === "BATCHEDITS_EDIT_COMPLETE") {
+        if (typeof options.onComplete === "function") options.onComplete(e.data);
+        window.removeEventListener("message", handleMessage);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    if (popup && popup.focus) popup.focus();
+    return popup;
+  }
+  return null;
+}
+
+// src/react.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function EditWithBatchEditsButton({
+  videoUrl,
+  styleId,
+  webhookUrl,
+  mode = "popup",
+  theme = "dark",
+  size = "md",
+  text = "Edit with BatchEdits",
+  host = "https://batchedits.com",
+  onComplete,
+  onClose,
+  className,
+  onClick,
+  ...props
+}) {
+  const handleClick = (e) => {
+    if (onClick) onClick(e);
+    if (e.defaultPrevented) return;
+    openModal({
+      videoUrl,
+      styleId,
+      webhookUrl,
+      mode,
+      host,
+      onComplete,
+      onClose
+    });
+  };
+  const sizeClasses = {
+    sm: "padding: 6px 12px; font-size: 12px; gap: 6px; border-radius: 6px;",
+    md: "padding: 9px 18px; font-size: 14px; gap: 8px; border-radius: 8px;",
+    lg: "padding: 12px 24px; font-size: 16px; gap: 10px; border-radius: 12px;"
+  };
+  const themeStyle = theme === "light" ? "background:#ffffff;color:#09090b;border:1px solid #e4e4e7;" : theme === "gradient" ? "background:linear-gradient(135deg,#f97316 0%,#ea580c 50%,#eab308 100%);color:#ffffff;border:none;" : theme === "minimal" ? "background:transparent;color:currentColor;border:1px solid currentColor;" : "background:#18181b;color:#ffffff;border:1px solid rgba(255,255,255,0.15);";
+  const defaultCss = "display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;cursor:pointer;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.15s ease;";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      style: { cssText: `${defaultCss} ${themeStyle} ${sizeClasses[size]}` },
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text })
+      ]
+    }
+  );
+}
+var BatchEditsButton = EditWithBatchEditsButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BatchEditsButton,
+  EditWithBatchEditsButton
+});

package/dist/react.mjs

@@ -0,0 +1,61 @@
+import {
+  openModal
+} from "./chunk-3KU2EPH2.mjs";
+
+// src/react.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditWithBatchEditsButton({
+  videoUrl,
+  styleId,
+  webhookUrl,
+  mode = "popup",
+  theme = "dark",
+  size = "md",
+  text = "Edit with BatchEdits",
+  host = "https://batchedits.com",
+  onComplete,
+  onClose,
+  className,
+  onClick,
+  ...props
+}) {
+  const handleClick = (e) => {
+    if (onClick) onClick(e);
+    if (e.defaultPrevented) return;
+    openModal({
+      videoUrl,
+      styleId,
+      webhookUrl,
+      mode,
+      host,
+      onComplete,
+      onClose
+    });
+  };
+  const sizeClasses = {
+    sm: "padding: 6px 12px; font-size: 12px; gap: 6px; border-radius: 6px;",
+    md: "padding: 9px 18px; font-size: 14px; gap: 8px; border-radius: 8px;",
+    lg: "padding: 12px 24px; font-size: 16px; gap: 10px; border-radius: 12px;"
+  };
+  const themeStyle = theme === "light" ? "background:#ffffff;color:#09090b;border:1px solid #e4e4e7;" : theme === "gradient" ? "background:linear-gradient(135deg,#f97316 0%,#ea580c 50%,#eab308 100%);color:#ffffff;border:none;" : theme === "minimal" ? "background:transparent;color:currentColor;border:1px solid currentColor;" : "background:#18181b;color:#ffffff;border:1px solid rgba(255,255,255,0.15);";
+  const defaultCss = "display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;cursor:pointer;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.15s ease;";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      style: { cssText: `${defaultCss} ${themeStyle} ${sizeClasses[size]}` },
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }) }),
+        /* @__PURE__ */ jsx("span", { children: text })
+      ]
+    }
+  );
+}
+var BatchEditsButton = EditWithBatchEditsButton;
+export {
+  BatchEditsButton,
+  EditWithBatchEditsButton
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "batchedits",
+  "version": "1.0.0",
+  "description": "Official SDK, React Embed Widgets, and CLI for BatchEdits AI Bulk Video Editor",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "batchedits": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts src/react.tsx src/cli.ts --format cjs,esm --dts --clean",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "batchedits",
+    "video-editor",
+    "auto-captions",
+    "react-widget",
+    "embed",
+    "cli"
+  ],
+  "author": "BatchEdits",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
+}