ssovee-os-web-ui 0.1.36 → 0.1.37

package/README.md

@@ -75,7 +75,7 @@ const app = {
 
 export function NotesWindow() {
   return (
-    <WindowWithoutSideMenu app={app} defaultSize={{ width: 420, height: 320 }}>
+    <WindowWithoutSideMenu app={app} defaultSize={ { width: 420, height: 320 } }>
       <Typography variant="h6">Notes</Typography>
     </WindowWithoutSideMenu>
   );
@@ -102,15 +102,15 @@ export function SettingsWindow() {
   return (
     <WindowWithSideMenu
       app={app}
-      defaultSize={{ width: 720, height: 500 }}
-      actionButtons={{ title: "Save", onClick: () => console.log("Saved") }}
-      menu={{
+      defaultSize={ { width: 720, height: 500 } }
+      actionButtons={ { title: "Save", onClick: () => console.log("Saved") } }
+      menu={ {
         title: "Navigation",
         items: [
           { title: "Profile", icon: "👤", onClick: () => console.log("Profile"), isActive: true },
           { title: "Security", icon: "🔒", onClick: () => console.log("Security") },
         ],
-      }}
+      } }
     >
       <Typography variant="h6">Settings</Typography>
       <Button variant="primary">Update</Button>
@@ -126,7 +126,7 @@ import { Skeleton } from "ssovee-os-web-ui";
 
 export function LoadingState() {
   return (
-    <div style={{ display: "grid", gap: 12 }}>
+    <div style={ { display: "grid", gap: 12 } }>
       <Skeleton variant="text" lines={3} />
       <Skeleton variant="avatar" className="h-12 w-12" />
       <Skeleton variant="image" className="h-40" />

package/dist/index.cjs

@@ -3265,6 +3265,14 @@ var soundMap = {
   success: success_tone_default,
   swipe: swipe_tone_default
 };
+var fallbackToneMap = {
+  click: { frequency: 900, durationMs: 70 },
+  swipe: { frequency: 740, durationMs: 90 },
+  success: { frequency: 660, durationMs: 140 },
+  notification: { frequency: 580, durationMs: 130 },
+  error: { frequency: 260, durationMs: 180 },
+  alert: { frequency: 300, durationMs: 170 }
+};
 var pendingPlaybackQueue = [];
 var interactionListenersBound = false;
 var clampVolume = (value) => Math.min(1, Math.max(0, value));
@@ -3294,6 +3302,35 @@ var isAutoplayRestrictionError = (error) => {
   const message = maybeError.message?.toLowerCase() ?? "";
   return maybeError.name === "NotAllowedError" || message.includes("gesture") || message.includes("user");
 };
+var playFallbackTone = (type, volume) => {
+  if (typeof window === "undefined") return false;
+  const Ctx = window.AudioContext || window.webkitAudioContext;
+  if (!Ctx) return false;
+  try {
+    const context = new Ctx();
+    const oscillator = context.createOscillator();
+    const gain = context.createGain();
+    const { frequency, durationMs } = fallbackToneMap[type];
+    oscillator.type = type === "error" || type === "alert" ? "square" : "sine";
+    oscillator.frequency.value = frequency;
+    const now = context.currentTime;
+    const end = now + durationMs / 1e3;
+    const safeVolume = Math.min(0.12, Math.max(0.01, volume * 0.08));
+    gain.gain.setValueAtTime(1e-4, now);
+    gain.gain.exponentialRampToValueAtTime(safeVolume, now + 0.01);
+    gain.gain.exponentialRampToValueAtTime(1e-4, end);
+    oscillator.connect(gain);
+    gain.connect(context.destination);
+    oscillator.start(now);
+    oscillator.stop(end);
+    oscillator.onended = () => {
+      void context.close();
+    };
+    return true;
+  } catch {
+    return false;
+  }
+};
 var playNativeAudio = async (type, options) => {
   if (typeof window === "undefined" || typeof window.Audio === "undefined") {
     return false;
@@ -3309,10 +3346,14 @@ var playNativeAudio = async (type, options) => {
     await audio.play();
     return true;
   } catch (err) {
-    if (!isAutoplayRestrictionError(err)) {
+    if (isAutoplayRestrictionError(err)) {
+      return false;
+    }
+    const fallbackPlayed = playFallbackTone(type, clampVolume(options?.volume ?? 1));
+    if (!fallbackPlayed) {
       console.error("Sound playback failed:", err);
     }
-    return false;
+    return fallbackPlayed;
   }
 };
 var flushPendingQueue = () => {