This is a beta service that uses artificial intelligence to generate content. Please review all generated content carefully before use.
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 92, title: title });
$dispatch('audio-control', {
action: 'play',
id: '92',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/92/like',
bookmarkUrl: '/api/content/92/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 88, title: title });
$dispatch('audio-control', {
action: 'play',
id: '88',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/88/like',
bookmarkUrl: '/api/content/88/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 96, title: title });
$dispatch('audio-control', {
action: 'play',
id: '96',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/96/like',
bookmarkUrl: '/api/content/96/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 93, title: title });
$dispatch('audio-control', {
action: 'play',
id: '93',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/93/like',
bookmarkUrl: '/api/content/93/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 90, title: title });
$dispatch('audio-control', {
action: 'play',
id: '90',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/90/like',
bookmarkUrl: '/api/content/90/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 95, title: title });
$dispatch('audio-control', {
action: 'play',
id: '95',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/95/like',
bookmarkUrl: '/api/content/95/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 98, title: title });
$dispatch('audio-control', {
action: 'play',
id: '98',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/98/like',
bookmarkUrl: '/api/content/98/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 89, title: title });
$dispatch('audio-control', {
action: 'play',
id: '89',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/89/like',
bookmarkUrl: '/api/content/89/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 94, title: title });
$dispatch('audio-control', {
action: 'play',
id: '94',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/94/like',
bookmarkUrl: '/api/content/94/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
if (data.limit_reached) {
track('Play-limit-reached');
$dispatch('open-auth-modal', { message: 'You have reached the play limit for today.\nPlease sign up to continue.' });
return;
}
audioUrl = data.audio_url;
track('Play', { postId: 97, title: title });
$dispatch('audio-control', {
action: 'play',
id: '97',
title: title,
audioUrl: audioUrl,
isBookmarked: false,
isLiked: false,
likeCount: 0,
likeUrl: '/api/content/97/like',
bookmarkUrl: '/api/content/97/bookmark',
});
})
.catch(error => {
console.error('Error fetching audio URL:', error);
})
.finally(() => {
isLoading = false;
});
}
">
Jan 22, 2025
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
Loading...
show = false, 1000);
"
x-show="show"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform translate-y-2"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform translate-y-2"
class="fixed bottom-24 left-1/2 transform -translate-x-1/2 px-4 py-2 bg-gray-900 text-white rounded-lg shadow-lg flex items-center space-x-2"
x-cloak>
response.json())
.then(data => {
isBookmarked = data.is_bookmarked;
})
.catch(error => {
console.error('Error updating bookmark:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
response.json())
.then(data => {
isLiked = data.is_liked;
likeCount = data.like_count;
})
.catch(error => {
console.error('Error updating like:', error);
})
} else {
$dispatch('open-auth-modal');
}
">
htmx.trigger('#modal-content', 'load-content'))
">