- Device.js

Permet d’obtenir le device et le navigateur du client

Multi Check

Check le device (mobile ou desktop) de l’user ainsi que le navigateur (et la version) qu’iel utilise

Tout est stocké dans le store

Renvoie aussi la visibilité de la page via Signal

La class catch le document.hidden et renvoie false si la page est actif et true si inversement

Pour que ce soit plus logique au dev, le boolean est inversé (si la page est actif, il renvoie true)

signal.emit('visibility', !document.hidden);

// Webgl.js
signal.on('visibility', (visible) => {
	console.log(visible)
});

Resize

Le check du device est reset au resize (si on passe en mode mobile via le devtool du navigateur par exemple)

HTML

Style

La class récupère et stocke dans le store les variables de style css :root (les variables Sass ne pouvant pas être récupérée, ça peut être utile)

Elle récupère aussi la taille du document (qui est update au resize aussi)