!a.browser.js

/*
browser functions
*/

bluetooth.js

/*
javascript to connect a bluetooth device. Displays a popup dialog to pair a device with the 
current web app and then you can communicate with that device in your #reactjs app.
*/

/*
#javascript to connect a #bluetooth device. 
Displays a popup dialog to pair a device with 
the current web app and then you can communicate 
with that device in your #reactjs app.
Give it a try in the console!
Works only on Chromium based web browsers.
*/

navigator
  .bluetooth
  .requestDevice({acceptAllDevices:true})
  .then(console.log);

checkNetworkStatus.js

/*
 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝘁𝗶𝗽: Check Network Status

How to detect if the internet connection is online or offline in JavaScript.
Also, how to listen for a change in the network status.
  
*/

//listen for a change in the network status 
window.addEventListener('offline', (e) => {
  console.log('You are offline');
});

window.addEventListener('online', (e) => {
  console.log('You are online');
});

// get current status
if(navigator.online){
  console.log('online');
} else {
  console.log('offline')
}

copyClipboard.js

/*
JavaScript Tip 💡

You can use the "navigator.clipboard.writeText" function to copy text to clipboard.

It's asynchronous - and you don't have to artificially place it in the DOM first (like we had to in the old days).
*/
https://www.linkedin.com/posts/simonhoiberg_javascript-tip-you-can-use-the-navigatorclipboardwritetext-activity-6924264860713156608-SQCH?utm_source=linkedin_share&utm_medium=member_desktop_web
/*WRONG !!!!!!!*/
document.execCommand('copy')

/*TRUE !!!!!*/
navigator.clipboard.writeText('npm i twitter-api-client');

getBatteryStatus.js

/*
𝗻𝗮𝘃𝗶𝗴𝗮𝘁𝗼𝗿.𝗴𝗲𝘁𝗕𝗮𝘁𝘁𝗲𝗿𝘆()  𝘮𝘦𝘵𝘩𝘰𝘥 𝘱𝘳𝘰𝘷𝘪𝘥𝘦𝘴 𝘪𝘯𝘧𝘰𝘳𝘮𝘢𝘵𝘪𝘰𝘯 𝘢𝘣𝘰𝘶𝘵 𝘵𝘩𝘦 𝘴𝘺𝘴𝘵𝘦𝘮'𝘴 𝘣𝘢𝘵𝘵𝘦𝘳𝘺

- 𝘶𝘴𝘦𝘥 𝘵𝘰 𝘪𝘮𝘱𝘭𝘦𝘮𝘦𝘯𝘵 𝘣𝘢𝘵𝘵𝘦𝘳𝘺-𝘴𝘢𝘷𝘪𝘯𝘨 𝘧𝘶𝘯𝘤𝘵𝘪𝘰𝘯𝘢𝘭𝘪𝘵𝘪𝘦𝘴 𝘸𝘩𝘦𝘯 𝘵𝘩𝘦 𝘶𝘴𝘦𝘳'𝘴 𝘣𝘢𝘵𝘵𝘦𝘳𝘺 𝘪𝘴 𝘭𝘰𝘸, 
𝘭𝘪𝘬𝘦 𝘬𝘪𝘭𝘭𝘪𝘯𝘨 𝘴𝘰𝘮𝘦 𝘣𝘢𝘤𝘬𝘨𝘳𝘰𝘶𝘯𝘥 𝘱𝘳𝘰𝘤𝘦𝘴𝘴𝘦𝘴 𝘵𝘩𝘢𝘵 𝘥𝘳𝘢𝘪𝘯 𝘵𝘩𝘦 𝘣𝘢𝘵𝘵𝘦𝘳𝘺 𝘧𝘢𝘴𝘵𝘦𝘳

- 𝘐𝘵 𝘳𝘦𝘵𝘶𝘳𝘯𝘴 𝘢 𝘣𝘢𝘵𝘵𝘦𝘳𝘺 𝘱𝘳𝘰𝘮𝘪𝘴𝘦, 𝘸𝘩𝘪𝘤𝘩 𝘪𝘴 𝘳𝘦𝘴𝘰𝘭𝘷𝘦𝘥 𝘪𝘯 𝘢 𝘉𝘢𝘵𝘵𝘦𝘳𝘺𝘔𝘢𝘯𝘢𝘨𝘦𝘳 𝘰𝘣𝘫𝘦𝘤𝘵 𝘱𝘳𝘰𝘷𝘪𝘥𝘪𝘯𝘨
𝘢𝘭𝘴𝘰 𝘴𝘰𝘮𝘦 𝘯𝘦𝘸 𝘦𝘷𝘦𝘯𝘵𝘴 𝘺𝘰𝘶 𝘤𝘢𝘯 𝘩𝘢𝘯𝘥𝘭𝘦 𝘵𝘰 𝘮𝘰𝘯𝘪𝘵𝘰𝘳 𝘵𝘩𝘦 𝘣𝘢𝘵𝘵𝘦𝘳𝘺 𝘴𝘵𝘢𝘵𝘶𝘴.

*/


navigator.getBattery().then(
  (b)=>
  {
    console.log(b) 
  });

/*
charging: true
chargingTime: 0
dischargingTime: Infinity
level: 1
onchargingchange: null
onchargingtimechange: null
ondischargingtimechange: null
onlevelchange: null
*/

navigator.getBattery().then((battery) => {
  console.log('Battery Charging?', battery.charging);
  console.log('Battery Level', battery.level);
  console.log('Battery Discharging Time', battery.dischargingTime);
  
  // Event Listeners Available
  battery.addEventListener('chargingchange', () => {});
  battery.addEventListener('levelchange', () => {})
  battery.addEventListener('chargingtimechange', () => {})
  battery.addEventListener('dischargingtimechange', () => {})
});

getGeolocation.js

/*get user geolocation*/

navigator.geolocation.getCurrentPosition(
  res => {
    // success
    const latitude = res.coords.latitude;
    const longitude = res.coords.longitude;
  },
  error => {
    // error
    const code = error.code;
    const message = error.message;
  }

isMobile.js

/*
detects user
*/

var isMobile = 
{
    android: function() 
    {
        return navigator.userAgent.match(/Android/i);
    },
    blackBerry: function() 
    {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() 
    {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    opera: function() 
    {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    windows: function()
    {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() 
    {
        return (isMobile.android() || isMobile.blackBerry() || isMobile.iOS() || isMobile.opera() || isMobile.windows());
    }
};

live.js

/*
#javascript to turn on the users webcam and show a live video.
*/


// HTML 
<video autoplay="true" id="video"></video>

//Javascript 
const el = document.getElementById("video");

navigator.mediaDevices
         .getUserMedia({ video:true })
         .then((stream) => el.srcObject = stream);

sendDataOnNavigateToAnother.js

/*
javascript that sends data to the server when the tab is closed or the user navigates to another website.
*/

/*
Unlike a XMLHTTPRequest which can be cancelled when the page is unloaded. 
The "sendBeacon" API ensures the request is sent to the server without being 
interrupted.
*/

document.addEventListener('visibilitychange', ()=>{
  if(document.visibilityState === 'hidden'){
    navigator.sendBeacon('/log', data);
  }
})

vibrate.js

/*
#javascript to trigger the vibrator feedback on a mobile device.
*/

navigator.vibrate(1000)