Removing 'document.currentScript' from code after confirming Firefox bug fix. Also adding verbiage around pairing events with insert methods.

Author: nlfoster

source/includes/_debugging.md

@@ -4,12 +4,12 @@
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.subscribe('page-load-v1', ev => {
-    if (ev.payload.searchPage) {
-      API.log('My integration has loaded and this is a search results page.');
-    }
-  });
+	const API = await APILoader.create();
+	API.subscribe('page-load-v1', ev => {
+		if (ev.payload.searchPage) {
+			API.log('My integration has loaded and this is a search results page.');
+		}
+	});
 })(window.DDC.APILoader);
 ```
 
@@ -27,4 +27,4 @@ This will output more information about the actions being taken in your script t
 
 Additionally, you can instrument your own integration with log messages to validate that the expected code is being executed and desired code paths are being followed.
 
-To log messages from within your integration code, simply use the `API.log` method the same way you would use `console.log`. Those messages will be output to your console when the above URL parameter is present and will be suppressed when it is not.
+To log messages from within your integration code, simply use the `API.log` method the same way you would use `console.log`. Those messages will be output to your console when the above URL parameter is present and will be suppressed when it is not.

source/includes/_events.md

@@ -12,20 +12,20 @@ There are currently three types of events and each has a consistent data format.
 
 ```javascript
 {
-  accountId: 'futuredemodealer',
-  siteId: 'futuredemodealer',
-  defaultDomain: 'www.roimotors.com',
-  indexPage: true,
-  searchPage: false,
-  detailPage: false,
-  franchises: ['honda'],
-  design: {
-    variationId: 'v9_GLOBAL_0011_V2',
-    themekit: 'BLUE_WHITE'
-  },
-  pageName: 'INDEX',
-  layoutType: 'desktop',
-  locale: 'en_US'
+	accountId: 'futuredemodealer',
+	siteId: 'futuredemodealer',
+	defaultDomain: 'www.roimotors.com',
+	indexPage: true,
+	searchPage: false,
+	detailPage: false,
+	franchises: ['honda'],
+	design: {
+		variationId: 'v9_GLOBAL_0011_V2',
+		themekit: 'BLUE_WHITE'
+	},
+	pageName: 'INDEX',
+	layoutType: 'desktop',
+	locale: 'en_US'
 }
 ```
 
@@ -49,21 +49,21 @@ Field Key | Example Value | Field Format
 
 ```javascript
 {
-  dealershipName: 'ROI Motors',
-  dealershipAddress1: '1 Howard Street',
-  dealershipAddress2: '',
-  dealershipCity: 'Burlington',
-  dealershipCodes: {
-    'dealertrack-post': 'futuredemodealer',
-    dtid: '12345',
-    'dt-dr-profile': 'futuredemodealer',
-    affiliate_promotions: 'avis',
-    'at-kbb': '12345678'
-  },
-  dealershipFranchises: ['honda'],
-  dealershipPostalCode: '05401',
-  dealershipStateProvince: 'VT',
-  dealershipCountry: 'US'
+	dealershipName: 'ROI Motors',
+	dealershipAddress1: '1 Howard Street',
+	dealershipAddress2: '',
+	dealershipCity: 'Burlington',
+	dealershipCodes: {
+		'dealertrack-post': 'futuredemodealer',
+		dtid: '12345',
+		'dt-dr-profile': 'futuredemodealer',
+		affiliate_promotions: 'avis',
+		'at-kbb': '12345678'
+	},
+	dealershipFranchises: ['honda'],
+	dealershipPostalCode: '05401',
+	dealershipStateProvince: 'VT',
+	dealershipCountry: 'US'
 }
 ```
 
@@ -85,60 +85,60 @@ Field Key | Example Value | Field Format
 
 ```javascript
 {
-  accountId: 'futuredemodealer',
-  address: {
-    accountName: 'ROI Motors',
-    city: 'Burlington',
-    state: 'VT',
-    postalCode: '05401',
-    country: 'US'
-  },
-  autodataCaId: '1234567',
-  bodyStyle: 'SUV',
-  certified: false,
-  chromeId: '411601',
-  cityFuelEconomy: 28,
-  classification: 'primary',
-  dealerCodes: {
-    'dealertrack-post': 'futuredemodealer',
-    dtid: '12345',
-    'dt-dr-profile': 'futuredemodealer',
-    affiliate_promotions: 'avis',
-    'at-kbb': '12345678'
-  },
-  driveLine: 'Front-wheel Drive',
-  engine: 'I-4 cyl',
-  engineSize: '1.5L',
-  exteriorColor: 'Crystal Black Pearl',
-  finalPrice: 32000,
-  fuelType: 'Regular Unleaded',
-  highestPrice: 34500,
-  highwayFuelEconomy: 34,
-  images: [
-    'https://pictures.dealer.com/f/futuredemodealer/1182/0686eb936bd7a4905f751493cc28dcb9x.jpg'
-  ],
-  internetPrice: 33000,
-  interiorColor: 'White',
-  inventoryType: 'new',
-  link: 'https://www.roimotors.com/new/Honda/2020-Honda-Accord-burlington-ab119e0e0a0a00f944d6f3031cd34854.htm',
-  make: 'Honda',
-  model: 'CR-V',
-  modelCode: 'RW1H9LKNW',
-  msrp: 34000,
-  odometer: 3,
-  optionCodes: [
-    'ABC',
-    '123',
-    '321'
-  ],
-  startingPrice: 34000,
-  status: 'live',
-  stockNumber: '00100060',
-  transmission: 'Variable',
-  trim: 'Touring 2WD',
-  uuid: 'ab119e0e0a0a00f944d6f3031cd34854',
-  vin: '1HGCV1F42JA141468',
-  year: 2020
+	accountId: 'futuredemodealer',
+	address: {
+		accountName: 'ROI Motors',
+		city: 'Burlington',
+		state: 'VT',
+		postalCode: '05401',
+		country: 'US'
+	},
+	autodataCaId: '1234567',
+	bodyStyle: 'SUV',
+	certified: false,
+	chromeId: '411601',
+	cityFuelEconomy: 28,
+	classification: 'primary',
+	dealerCodes: {
+		'dealertrack-post': 'futuredemodealer',
+		dtid: '12345',
+		'dt-dr-profile': 'futuredemodealer',
+		affiliate_promotions: 'avis',
+		'at-kbb': '12345678'
+	},
+	driveLine: 'Front-wheel Drive',
+	engine: 'I-4 cyl',
+	engineSize: '1.5L',
+	exteriorColor: 'Crystal Black Pearl',
+	finalPrice: 32000,
+	fuelType: 'Regular Unleaded',
+	highestPrice: 34500,
+	highwayFuelEconomy: 34,
+	images: [
+		'https://pictures.dealer.com/f/futuredemodealer/1182/0686eb936bd7a4905f751493cc28dcb9x.jpg'
+	],
+	internetPrice: 33000,
+	interiorColor: 'White',
+	inventoryType: 'new',
+	link: 'https://www.roimotors.com/new/Honda/2020-Honda-Accord-burlington-ab119e0e0a0a00f944d6f3031cd34854.htm',
+	make: 'Honda',
+	model: 'CR-V',
+	modelCode: 'RW1H9LKNW',
+	msrp: 34000,
+	odometer: 3,
+	optionCodes: [
+		'ABC',
+		'123',
+		'321'
+	],
+	startingPrice: 34000,
+	status: 'live',
+	stockNumber: '00100060',
+	transmission: 'Variable',
+	trim: 'Touring 2WD',
+	uuid: 'ab119e0e0a0a00f944d6f3031cd34854',
+	vin: '1HGCV1F42JA141468',
+	year: 2020
 }
 ```
 
@@ -221,10 +221,10 @@ To receive data for events, you must opt-in to event subscriptions. Each event i
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.subscribe('page-load-v1', ev => {
-    API.log(ev);
-  });
+	const API = await APILoader.create();
+	API.subscribe('page-load-v1', ev => {
+		API.log(ev);
+	});
 })(window.DDC.APILoader);
 
 ```
@@ -244,10 +244,10 @@ The page load event is useful to determine the context of the current page. By m
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.subscribe('dealership-info-v1', ev => {
-    API.log(ev);
-  });
+	const API = await APILoader.create();
+	API.subscribe('dealership-info-v1', ev => {
+		API.log(ev);
+	});
 })(window.DDC.APILoader);
 
 ```
@@ -267,10 +267,10 @@ The dealership info event is useful if you need to know the name and address of
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.subscribe('vehicle-shown-v1', ev => {
-    API.log(ev);
-  });
+	const API = await APILoader.create();
+	API.subscribe('vehicle-shown-v1', ev => {
+		API.log(ev);
+	});
 })(window.DDC.APILoader);
 ```
 
@@ -291,11 +291,11 @@ On a vehicle deals page, a single event is fired because you are viewing a singl
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.subscribe('vehicle-data-updated-v1', data => {
-    API.log(data.payload.pageData); // Outputs the Page Data object to the console.
-    API.log(data.payload.vehicleData); // Outputs the updated Vehicle Data object to the console.
-  });
+	const API = await APILoader.create();
+	API.subscribe('vehicle-data-updated-v1', data => {
+		API.log(data.payload.pageData); // Outputs the Page Data object to the console.
+		API.log(data.payload.vehicleData); // Outputs the updated Vehicle Data object to the console.
+	});
 })(window.DDC.APILoader);
 ```
 

source/includes/_internal.md

@@ -17,12 +17,12 @@ The attributes that can be modified are `href`, `target`, `onclick`, `popover` a
 
 ```javascript
 (async APILoader => {
-	const API = await APILoader.create(document.currentScript);
+	const API = await APILoader.create();
 	API.updateLink('x-time', meta => {
-	  return {
-      href: 'https://www.yourdomain.com/?account=' + meta.accountId,
-      target: '_blank',
-	  }
+		return {
+			href: 'https://www.yourdomain.com/?account=' + meta.accountId,
+			target: '_blank',
+		}
 	});
 })(window.DDC.APILoader);
 ```
@@ -37,41 +37,41 @@ This method allows you to modify content on a page level. Right now we only supp
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.modifyContent('schedule-service', {
-    schema: {
-      // Attributes of the link you want to add or modify
-    }
-  });
+	const API = await APILoader.create();
+	API.modifyContent('schedule-service', {
+		schema: {
+			// Attributes of the link you want to add or modify
+		}
+	});
 })(window.DDC.APILoader);
 ```
 
 > Schema Object:
 
 ```javascript
 {
-  "href": "String", // Link to a new service page
-  "target": "String", // Set the target attribute of the anchor tag
-  "onclick": "Function", // Set an onClick event handler for the button. Remember to reset the href of the button while setting a click event.
-  "popover": "Object", // Popover settings for your button, eg {title: "heading", content: "popover text"}
-  "attributes": "Object" // List of all data attributes that you would want to add to the button
+	"href": "String", // Link to a new service page
+	"target": "String", // Set the target attribute of the anchor tag
+	"onclick": "Function", // Set an onClick event handler for the button. Remember to reset the href of the button while setting a click event.
+	"popover": "Object", // Popover settings for your button, eg {title: "heading", content: "popover text"}
+	"attributes": "Object" // List of all data attributes that you would want to add to the button
 }
 ```
 
 > Example Implementation:
 
 ```javascript
 (async APILoader => {
-  const API = await APILoader.create(document.currentScript);
-  API.modifyContent('schedule-service', {
-    schema: {
-      "href": "/schedule-form.htm",
-      "target": "_blank",
-      "attributes": {
-        "data-width": "400px",
-        "data-title": "My custom service"
-      }
-	  }
-  });
+	const API = await APILoader.create();
+	API.modifyContent('schedule-service', {
+		schema: {
+			"href": "/schedule-form.htm",
+			"target": "_blank",
+			"attributes": {
+				"data-width": "400px",
+				"data-title": "My custom service"
+			}
+		}
+	});
 })(window.DDC.APILoader);
 ```