ssovee-os-web-ui 0.1.35 → 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

@@ -3240,17 +3240,51 @@ var useDeviceSupport = () => {
   }, []);
   return isSupported;
 };
+
+// src/assets/sounds/click-tone.wav
+var click_tone_default = "./click-tone-GOELVSMY.wav";
+
+// src/assets/sounds/error-tone.wav
+var error_tone_default = "./error-tone-YKNRLRXF.wav";
+
+// src/assets/sounds/notification-tone.wav
+var notification_tone_default = "./notification-tone-7O3KFZG5.wav";
+
+// src/assets/sounds/success-tone.wav
+var success_tone_default = "./success-tone-YKPPMCXK.wav";
+
+// src/assets/sounds/swipe-tone.wav
+var swipe_tone_default = "./swipe-tone-UCF4T5MF.wav";
+
+// src/hooks/useSound.tsx
 var soundMap = {
-  click: new URL("../assets/sounds/click-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-  alert: new URL("../assets/sounds/error-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-  notification: new URL("../assets/sounds/notification-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-  error: new URL("../assets/sounds/error-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-  success: new URL("../assets/sounds/success-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
-  swipe: new URL("../assets/sounds/swipe-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href
+  click: click_tone_default,
+  alert: error_tone_default,
+  notification: notification_tone_default,
+  error: error_tone_default,
+  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));
+var getAssetUrl = (asset) => {
+  if (typeof asset === "string") return asset;
+  if (asset && typeof asset === "object") {
+    const record = asset;
+    const candidate = record.default ?? record.src ?? record.url ?? record.href;
+    if (typeof candidate === "string") return candidate;
+  }
+  return "";
+};
 var resolveSoundSrc = (soundSrc) => {
   if (!soundSrc) return soundSrc;
   if (soundSrc.startsWith("http://") || soundSrc.startsWith("https://") || soundSrc.startsWith("data:") || soundSrc.startsWith("blob:")) {
@@ -3268,11 +3302,40 @@ 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;
   }
-  const soundSrc = soundMap[type];
+  const soundSrc = getAssetUrl(soundMap[type]);
   const audio = new window.Audio(resolveSoundSrc(soundSrc));
   audio.preload = "auto";
   audio.volume = clampVolume(options?.volume ?? 1);
@@ -3283,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 = () => {