Huvudbiblioteksmoduler för webbtillägg

Det här dokumentet innehåller en lista med de moduler i huvudbiblioteket som du kan använda i dina webbtillägg. Du kan komma åt dessa moduler med require('@adobe/{MODULE}'), där {MODULE} är namnet på kärnmodulen som du vill använda.

reactor-object-assign

reactor-object-assign härmar den inbyggda Object.assign-metoden genom att kopiera egenskaper från källobjekt till ett målobjekt.

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

reactor-cookie

Objektet reactor-cookie är ett verktyg för att läsa och skriva cookies. Mer information finns i js-cookie npm-paketet.

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

reactor-document

reactor-document representerar Document-objektet. Detta kan vara bra när du testar modulen genom att tillåta att testerna injicerar ett document-modellobjekt med verktyg som inject-loader.

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

reactor-query-string

reactor-query-string är ett verktyg för att analysera och serialisera frågesträngar.

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);

Verktyget har följande metoder:

reactor-load-script

reactor-load-script är en funktion som läser in ett skript när en URL anges. En skripttagg skapas och placeras i noden head i dokumentet. Ett löfte returneras, som du kan använda för att avgöra när skriptet har lästs in eller misslyckats.

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 är en konstruktor som härmar det Promise API som är inbyggt i ECMAScript 6. Om det inbyggda Promise-API:t är tillgängligt returneras det i stället.

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

reactor-window

reactor-window representerar Window-objektet. Detta kan vara bra när du testar modulen genom att tillåta att testerna injicerar ett Window-modellobjekt med verktyg som inject-loader.

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