@notifyon/web
Advanced tools
Browser SDK for NotifyOn - Get real-time sound and push notifications when your long-running tasks complete.
npm install @notifyon/web
# or
yarn add @notifyon/web
# or
pnpm add @notifyon/web
<!-- UMD build -->
<script src="https://unpkg.com/@notifyon/web"></script>
<!-- or from jsDelivr -->
<script src="https://cdn.jsdelivr.net/npm/@notifyon/web"></script>
import { connect } from '@notifyon/web';
// Start listening for notifications
const notifyon = connect({
publicKey: 'pk_your_public_key',
userId: 'user_123'
});
const { connect } = require('@notifyon/web');
const notifyon = connect({
publicKey: 'pk_your_public_key',
userId: 'user_123'
});
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/@notifyon/web"></script>
</head>
<body>
<script>
// Access via global notifyon object
const instance = notifyon.connect({
publicKey: 'pk_your_public_key',
userId: 'user_123'
});
</script>
</body>
</html>
import { useEffect } from 'react';
import { connect } from '@notifyon/web';
function App() {
useEffect(() => {
const notifyon = connect({
publicKey: 'pk_your_public_key',
userId: 'user_123'
});
return () => notifyon.destroy();
}, []);
return <div>Your app content...</div>;
}
<template>
<div>Your app content...</div>
</template>
<script setup>
import { onMounted, onUnmounted } from 'vue';
import { connect } from '@notifyon/web';
let notifyon = null;
onMounted(() => {
notifyon = connect({
publicKey: 'pk_your_public_key',
userId: 'user_123'
});
});
onUnmounted(() => {
notifyon?.destroy();
});
</script>
connect(config)Connects to NotifyOn and starts listening for notifications.
Parameters:
publicKey (required): Your NotifyOn public key from the dashboarduserId (required): The user ID to listen for notificationsReturns: NotifyOn instance with destroy() method for cleanup
import { connect } from '@notifyon/web';
import type { NotifyOnWebConfig } from '@notifyon/web';
const config: NotifyOnWebConfig = {
publicKey: 'pk_your_public_key',
userId: 'user_123'
};
const notifyon = connect(config);
// Cleanup when done
notifyon.destroy();
connect({
publicKey: 'pk_your_public_key', // Required - get from NotifyOn dashboard
userId: 'user_123' // Required - your user's ID
});
MIT
FAQs
NotifyOn Web SDK
We found that @notifyon/web demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
TrapDoor crypto stealer hits 36 malicious packages across npm, PyPI, and Crates.io, targeting crypto, DeFi, AI, and security developers.
Research
/Security News
Laravel Lang packages were compromised with an RCE backdoor across hundreds of versions, exposing cloud, CI/CD, and developer secrets.
Security News
Socket found a malicious postinstall hook across 700+ GitHub repos, including PHP packages on Packagist and Node.js project repositories.