react-sound-visualizer/lib/Visualizer.js

A lightweight wrapper for the sound-visualizer library

"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/Visualizer.tsx
var Visualizer_exports = {};
__export(Visualizer_exports, {
  Visualizer: () => Visualizer
});
module.exports = __toCommonJS(Visualizer_exports);
var import_react2 = require("react");

// src/useVisualizer.tsx
var import_react = require("react");

// src/visualizerWrapper.ts
var import_sound_visualizer = require("sound-visualizer");
function visualizerWrapper(audio, canvas, options = {}) {
  const { mode, ...drawOptions } = options;
  if (!audio || !canvas)
    return { stop: void 0, start: void 0, reset: void 0 };
  if (mode === "current") return (0, import_sound_visualizer.currentVisualizer)(audio, canvas, drawOptions);
  return (0, import_sound_visualizer.continuousVisualizer)(audio, canvas, drawOptions);
}

// src/useVisualizer.tsx
function useVisualizer(audio, canvas, options) {
  return (0, import_react.useMemo)(() => {
    return visualizerWrapper(audio, canvas, options);
  }, [canvas]);
}

// src/Visualizer.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var Visualizer = (props) => {
  const { audio, children: Children, autoStart, ...visualizerOptions } = props;
  const [canvas, setCanvas] = (0, import_react2.useState)(null);
  const functions = useVisualizer(audio, canvas, visualizerOptions);
  (0, import_react2.useEffect)(() => {
    if (!autoStart) return;
    if (functions.start) functions.start();
  }, [audio, canvas]);
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: !!Children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, { canvasRef: setCanvas, ...functions }) });
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Visualizer
});