@e-llm-studio/instant-learning 1.3.2 → 1.3.3

package/dist/cjs/features/InstantLearning/_components/AudioWaveform.js

@@ -1,2 +1,136 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react");exports.default=function(n){var a=n.amplitude,s=n.variant,l=n.isActive,o=n.className,c=void 0===o?"":o,u=n.onClick,d=n.disabled,m=void 0!==d&&d,h=n.isConnecting,f=r.useState(Array(40).fill(4)),p=f[0],x=f[1],b=r.useRef(null),g=function(){var e=Math.min(Math.max(a,0),1),t=Math.max(e,.2),r=Array(40).fill(0).map(function(e,r){var i=Math.sin(r+Date.now()/100)+.5*Math.random();return 5+9*Math.abs(i)*t});x(r),b.current=requestAnimationFrame(g)};r.useEffect(function(){return l?b.current=requestAnimationFrame(g):(x(Array(40).fill(4)),b.current&&cancelAnimationFrame(b.current)),function(){b.current&&cancelAnimationFrame(b.current)}},[l,a]);var v=l?"#364152":"#D0D4DB",y="microphone"===s?l||h?i.Mic:i.MicOff:l?i.Volume2:i.VolumeOff;return t.jsxs("div",e.__assign({className:c,style:{position:"relative",height:"3rem",zIndex:50,width:"100%",overflow:"hidden",display:"flex",alignItems:"center"}},{children:[t.jsx("div",e.__assign({style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",height:"2rem",gap:"0.25rem"}},{children:p.map(function(e,r){return t.jsx("div",{style:{flexShrink:0,width:"4px",borderRadius:"9999px",transition:"all 100ms",backgroundColor:v,height:"".concat(e,"px"),opacity:l?1:.4}},r)})})),t.jsx("button",e.__assign({onClick:u,disabled:m,"aria-label":"".concat(s," button"),style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",width:"2rem",height:"2rem",borderRadius:"9999px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 200ms",backgroundColor:"white",border:"1px solid ".concat(v),cursor:m?"not-allowed":"pointer"}},{children:t.jsx(y,{color:v,className:h?"animate-spin":"",style:{width:"1.25rem",height:"1.25rem"}})}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+
+const AudioWaveform = ({
+  amplitude,
+  variant,
+  isActive,
+  className = "",
+  onClick,
+  disabled = false,
+  isConnecting
+}) => {
+  const [barHeights, setBarHeights] = React.useState(Array(40).fill(4));
+  const animationRef = React.useRef(null);
+  const animate = () => {
+    const clamped = Math.min(Math.max(amplitude, 0), 1);
+    const intensity = Math.max(clamped, 0.2);
+    const newHeights = Array(40).fill(0).map((_, i) => {
+      const wave = Math.sin(i + Date.now() / 100) + Math.random() * 0.5;
+      const height = 5 + Math.abs(wave) * 9 * intensity;
+      return height;
+    });
+    setBarHeights(newHeights);
+    animationRef.current = requestAnimationFrame(animate);
+  };
+  React.useEffect(() => {
+    if (isActive) {
+      animationRef.current = requestAnimationFrame(animate);
+    } else {
+      setBarHeights(Array(40).fill(4));
+      if (animationRef.current) cancelAnimationFrame(animationRef.current);
+    }
+    return () => {
+      if (animationRef.current) cancelAnimationFrame(animationRef.current);
+    };
+  }, [isActive, amplitude]);
+  const color = isActive ? "#364152" : "#D0D4DB";
+  const Icon = variant === "microphone" ? isActive || isConnecting ? lucideReact.Mic : lucideReact.MicOff : isActive ? lucideReact.Volume2 : lucideReact.VolumeOff;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        height: "3rem",
+        // h-12
+        zIndex: 50,
+        width: "100%",
+        // w-1/2
+        overflow: "hidden",
+        display: "flex",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              height: "2rem",
+              // h-8
+              gap: "0.25rem"
+              // gap-x-1
+            },
+            children: barHeights.map((height, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  flexShrink: 0,
+                  width: "4px",
+                  borderRadius: "9999px",
+                  transition: "all 100ms",
+                  backgroundColor: color,
+                  height: `${height}px`,
+                  opacity: isActive ? 1 : 0.4
+                }
+              },
+              i
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick,
+            disabled,
+            "aria-label": `${variant} button`,
+            style: {
+              position: "absolute",
+              left: "50%",
+              top: "50%",
+              transform: "translate(-50%, -50%)",
+              width: "2rem",
+              // w-8
+              height: "2rem",
+              // h-8
+              borderRadius: "9999px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              transition: "all 200ms",
+              backgroundColor: "white",
+              border: `1px solid ${color}`,
+              cursor: disabled ? "not-allowed" : "pointer"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Icon,
+              {
+                color,
+                className: isConnecting ? "animate-spin" : "",
+                style: {
+                  width: "1.25rem",
+                  // w-5
+                  height: "1.25rem"
+                  // h-5
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var AudioWaveform$1 = AudioWaveform;
+
+exports["default"] = AudioWaveform$1;
 //# sourceMappingURL=AudioWaveform.js.map

package/dist/cjs/features/InstantLearning/_components/AudioWaveform.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioWaveform.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AudioWaveform.js","sources":["../../../../../src/features/InstantLearning/_components/AudioWaveform.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Mic, MicOff, Volume2, VolumeOff } from \"lucide-react\";\n\ninterface AudioWaveformProps {\n    amplitude: number; // 0 to 1\n    variant: \"microphone\" | \"speaker\";\n    isActive: boolean;\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    isConnecting?: boolean;\n}\n\nconst AudioWaveform: React.FC<AudioWaveformProps> = ({\n    amplitude,\n    variant,\n    isActive,\n    className = \"\",\n    onClick,\n    disabled = false,\n    isConnecting,\n}) => {\n    const [barHeights, setBarHeights] = useState<number[]>(Array(40).fill(4));\n    const animationRef = useRef<number | null>(null);\n\n    const animate = () => {\n        const clamped = Math.min(Math.max(amplitude, 0), 1);\n        const intensity = Math.max(clamped, 0.2);\n        const newHeights = Array(40)\n            .fill(0)\n            .map((_, i) => {\n                const wave = Math.sin(i + Date.now() / 100) + Math.random() * 0.5;\n                const height = 5 + Math.abs(wave) * 9 * intensity;\n                return height;\n            });\n\n        setBarHeights(newHeights);\n        animationRef.current = requestAnimationFrame(animate);\n    };\n\n    useEffect(() => {\n        if (isActive) {\n            animationRef.current = requestAnimationFrame(animate);\n        } else {\n            setBarHeights(Array(40).fill(4));\n            if (animationRef.current) cancelAnimationFrame(animationRef.current);\n        }\n\n        return () => {\n            if (animationRef.current) cancelAnimationFrame(animationRef.current);\n        };\n    }, [isActive, amplitude]);\n\n    const color = isActive ? \"#364152\" : \"#D0D4DB\";\n    const Icon =\n        variant === \"microphone\"\n            ? isActive || isConnecting\n                ? Mic\n                : MicOff\n            : isActive\n            ? Volume2\n            : VolumeOff;\n\n    return (\n        <div\n            className={className}\n            style={{\n                position: \"relative\",\n                height: \"3rem\", // h-12\n                zIndex: 50,\n                width: \"100%\", // w-1/2\n                overflow: \"hidden\",\n                display: \"flex\",\n                alignItems: \"center\",\n            }}\n        >\n            <div\n                style={{\n                    width: \"100%\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    height: \"2rem\", // h-8\n                    gap: \"0.25rem\", // gap-x-1\n                }}\n            >\n                {barHeights.map((height, i) => (\n                    <div\n                        key={i}\n                        style={{\n                            flexShrink: 0,\n                            width: \"4px\",\n                            borderRadius: \"9999px\",\n                            transition: \"all 100ms\",\n                            backgroundColor: color,\n                            height: `${height}px`,\n                            opacity: isActive ? 1 : 0.4,\n                        }}\n                    />\n                ))}\n            </div>\n\n            <button\n                onClick={onClick}\n                disabled={disabled}\n                aria-label={`${variant} button`}\n                style={{\n                    position: \"absolute\",\n                    left: \"50%\",\n                    top: \"50%\",\n                    transform: \"translate(-50%, -50%)\",\n                    width: \"2rem\", // w-8\n                    height: \"2rem\", // h-8\n                    borderRadius: \"9999px\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    transition: \"all 200ms\",\n                    backgroundColor: \"white\",\n                    border: `1px solid ${color}`,\n                    cursor: disabled ? \"not-allowed\" : \"pointer\",\n                }}\n            >\n                <Icon\n                    color={color}\n                    className={isConnecting ? \"animate-spin\" : \"\"}\n                    style={{\n                        width: \"1.25rem\", // w-5\n                        height: \"1.25rem\", // h-5\n                    }}\n                />\n            </button>\n        </div>\n    );\n};\n\nexport default AudioWaveform;\n"],"names":["useState","useRef","useEffect","Mic","MicOff","Volume2","VolumeOff","jsxs","jsx"],"mappings":"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"}