Modules de bibliothèque principaux pour les extensions web

Ce document fournit une liste de modules de bibliothèque principaux que vous pouvez utiliser dans vos extensions web. Vous pouvez accéder à ces modules à l’aide de require('@adobe/{MODULE}'), où {MODULE} est le nom du module principal à utiliser.

reactor-object-assign

reactor-object-assign imite la Object.assign méthode native en copiant les propriétés des objets sources vers un objet cible.

var objectAssign = require('@adobe/reactor-object-assign');
var all = objectAssign({ a: 'a' }, { b: 'b' });

reactor-cookie

L’objet reactor-cookie est un utilitaire permettant de lire et d’écrire des cookies. Pour plus d’informations, voir le package npm js-cookie.

var cookie = require('@adobe/reactor-cookie');
cookie.set('foo', 'bar');
console.log(cookie.get('foo'));
cookie.remove('foo');

reactor-document

reactor-document représente l’objet Document. Cela peut être bénéfique lors du test du module en permettant aux tests d’injecter un objet document fictif à l’aide d’utilitaires tels que inject-loader.

var document = require('@adobe/reactor-document');
console.log(document.location);

reactor-query-string

reactor-query-string est un utilitaire d’analyse et de sérialisation des chaînes de requête.

var queryString = require('@adobe/reactor-query-string');
var parsed = queryString.parse(location.search);
console.log(parsed.campaign);
var obj = {
  campaign: 'Campaign A'
};
var stringified = queryString.stringify(obj);

Cet utilitaire utilise les méthodes suivantes :

reactor-load-script

reactor-load-script est une fonction qui charge un script lorsqu’on lui donne une URL. Une balise de script sera créée et placée dans le nœud head du document. Une promesse est renvoyée, que vous pouvez utiliser pour déterminer quand le chargement du script réussit ou échoue.

var loadScript = require('@adobe/reactor-load-script');
var url = 'http://code.jquery.com/jquery-3.1.1.js';
loadScript(url).then(function() {
  // Do something ...
})

reactor-promise

reactor-promise est un constructeur qui imite l’API Promise native dans ECMAScript 6. Si l’API Promise native est disponible, elle est renvoyée à la place.

var Promise = require('@adobe/reactor-promise');
new Promise(function(resolve) {
  resolve();
}, function(err) {
  console.error(err);
});

reactor-window

reactor-window représente l’objet Window. Cela peut être bénéfique lors du test du module en permettant aux tests d’injecter un objet Window fictif à l’aide d’utilitaires tels que inject-loader.

var window = require('@adobe/reactor-window');
console.log(window.document);