@bendyline/squisq-editor-react 2.2.0 → 2.3.1

package/dist/chunk-5Q4JN4I5.js

@@ -0,0 +1,132 @@
+// src/recorder/formats.ts
+var AUDIO_CANDIDATES = [
+  "audio/webm;codecs=opus",
+  "audio/webm",
+  "audio/mp4;codecs=mp4a.40.2",
+  "audio/mp4",
+  "audio/ogg;codecs=opus"
+];
+var VIDEO_CANDIDATES = [
+  "video/webm;codecs=vp9,opus",
+  "video/webm;codecs=vp8,opus",
+  "video/webm",
+  "video/mp4;codecs=avc1.42E01E,mp4a.40.2",
+  "video/mp4"
+];
+function extensionForMime(mimeType) {
+  const m = mimeType.toLowerCase();
+  if (m.startsWith("audio/webm")) return ".webm";
+  if (m.startsWith("audio/ogg")) return ".ogg";
+  if (m.startsWith("audio/mp4")) return ".m4a";
+  if (m.startsWith("audio/mpeg")) return ".mp3";
+  if (m.startsWith("audio/wav")) return ".wav";
+  if (m.startsWith("video/webm")) return ".webm";
+  if (m.startsWith("video/mp4")) return ".mp4";
+  return ".bin";
+}
+function probeMimeType(candidates) {
+  if (typeof MediaRecorder === "undefined") return null;
+  for (const candidate of candidates) {
+    try {
+      if (MediaRecorder.isTypeSupported(candidate)) return candidate;
+    } catch {
+    }
+  }
+  return null;
+}
+function resolveFormat(kind, preferred) {
+  const candidates = kind === "audio" ? AUDIO_CANDIDATES : VIDEO_CANDIDATES;
+  const probed = (preferred && probeMimeType([preferred])) ?? probeMimeType(candidates) ?? "";
+  const directory = kind === "audio" ? "audio" : "video";
+  const extension = probed ? extensionForMime(probed) : ".webm";
+  return { mimeType: probed, extension, directory };
+}
+function supportsMediaRecorder() {
+  return typeof MediaRecorder !== "undefined";
+}
+function supportsUserMedia() {
+  return typeof navigator !== "undefined" && typeof navigator.mediaDevices !== "undefined" && typeof navigator.mediaDevices.getUserMedia === "function";
+}
+function supportsDisplayMedia() {
+  return typeof navigator !== "undefined" && typeof navigator.mediaDevices !== "undefined" && typeof navigator.mediaDevices.getDisplayMedia === "function";
+}
+function buildFilename(kind, extension, basename) {
+  const safe = basename ? basename.trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, "-") : "";
+  if (safe) return `${safe}${extension}`;
+  const now = /* @__PURE__ */ new Date();
+  const stamp = now.getFullYear().toString().padStart(4, "0") + (now.getMonth() + 1).toString().padStart(2, "0") + now.getDate().toString().padStart(2, "0") + "-" + now.getHours().toString().padStart(2, "0") + now.getMinutes().toString().padStart(2, "0") + now.getSeconds().toString().padStart(2, "0");
+  const prefix = kind === "audio" ? "narration" : "recording";
+  return `${prefix}-${stamp}${extension}`;
+}
+
+// src/recorder/sources/micStream.ts
+async function requestMicStream(constraints) {
+  if (!supportsUserMedia()) {
+    throw new Error("navigator.mediaDevices.getUserMedia is not available in this environment.");
+  }
+  return navigator.mediaDevices.getUserMedia({
+    audio: constraints ?? true,
+    video: false
+  });
+}
+
+// src/recorder/sources/cameraStream.ts
+async function requestCameraStream(options) {
+  if (!supportsUserMedia()) {
+    throw new Error("navigator.mediaDevices.getUserMedia is not available in this environment.");
+  }
+  const video = options?.video ?? true;
+  const audio = options?.audio ?? true;
+  return navigator.mediaDevices.getUserMedia({ video, audio });
+}
+
+// src/recorder/hooks/useStreamPreview.ts
+import { useEffect } from "react";
+function useStreamPreview(ref, stream) {
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    el.muted = true;
+    el.playsInline = true;
+    el.srcObject = stream;
+    if (stream) {
+      void el.play().catch(() => {
+      });
+    }
+    return () => {
+      if (el.srcObject === stream) {
+        el.srcObject = null;
+      }
+    };
+  }, [ref, stream]);
+}
+
+// src/recorder/timingJson.ts
+function buildTimingJson(sourceText, durationSec) {
+  return {
+    sourceText: sourceText ?? "",
+    duration: Number.isFinite(durationSec) && durationSec >= 0 ? durationSec : 0,
+    bookmarks: []
+  };
+}
+function encodeTimingJson(timing) {
+  const text = JSON.stringify(timing, null, 2);
+  return new TextEncoder().encode(text);
+}
+function timingPathFor(audioRelativePath) {
+  return `${audioRelativePath}.timing.json`;
+}
+
+export {
+  resolveFormat,
+  supportsMediaRecorder,
+  supportsUserMedia,
+  supportsDisplayMedia,
+  buildFilename,
+  requestMicStream,
+  requestCameraStream,
+  useStreamPreview,
+  buildTimingJson,
+  encodeTimingJson,
+  timingPathFor
+};

package/dist/chunk-6VDYKI3L.js

@@ -0,0 +1,49 @@
+import {
+  RecorderModal
+} from "./chunk-MJJK7YQB.js";
+
+// src/recorder/RecorderButton.tsx
+import { useCallback, useState } from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function RecorderButton({
+  mediaProvider,
+  container = null,
+  initialMode = "mic",
+  colorScheme = "light",
+  onSave,
+  label = "Record",
+  style,
+  disabled
+}) {
+  const [open, setOpen] = useState(false);
+  const handleOpen = useCallback(() => setOpen(true), []);
+  const handleClose = useCallback(() => setOpen(false), []);
+  const handleSave = useCallback(
+    (result) => {
+      onSave?.(result);
+    },
+    [onSave]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: handleOpen, style, disabled, children: label }),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        RecorderModal,
+        {
+          mediaProvider,
+          container,
+          initialMode,
+          colorScheme,
+          onClose: handleClose,
+          onSave: handleSave
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+export {
+  RecorderButton
+};

package/dist/chunk-GS7QWYFT.js

@@ -0,0 +1,9 @@
+// src/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+function Icon({ icon, className, style }) {
+  return /* @__PURE__ */ jsx("i", { className: className ? `${icon} ${className}` : icon, style, "aria-hidden": "true" });
+}
+
+export {
+  Icon
+};