joelcardinal

/* run in console on chrome://inspect..., select and copy output.  Doesn't work with if URL more than 100 characters, Chrome truncates with "..." */
(function(){var arr=[],urls=document.querySelectorAll('.url');for (i=0,len=urls.length; len > i; i++){arr.push(urls[i].innerHTML)}return arr.join('\n\r');}());

joelcardinal

#!/bin/bash

# Quick script to discover static files not used in codebase

# to create fileList.txt
# ls -1R ./workspace2/app_core/cartridge/static > imgList.txt
# then dedupe...

# This script needs to go in parent dir of "workspace" dir
while read p; do

joelcardinal

(function(){

	// cobbled together some code examples to put together some functions
	// that will retrieve text from a page (via AJAX) by selector

	var url = 'http://www.cnn.com';
	var selector = 'h2';

	getPageData(url,selector);

joelcardinal

(function(){

	var query = '.myParentClass'; // required, selector query of containing element
	var prefix = ''; // optional, leave '' if no prefix
	
	// ========= end of input params ========== //
	
	var cssArr = [];
	
	function addClassRule(classValue){

joelcardinal

#General Debugging Techniques

##Reproduce It The first step is to find a way to reliably reproduce the problem, document the steps. Often doing this alone will give you a good indication of where the problem might originate. If you have a reproducable procedure that only works some of the time it is likely you have a race condition somewhere in your logic.

##Up-to-date Second step should be to confirm you are inspecting the latest code. Did your changes really get uploaded to your development instance? Are you absolutely sure you are editing the correctly file(s), not a similarly named or overridden file?

##Inspect Error Logs Often the problem is already being reported, whether server-side or client-side console errors.

joelcardinal

/*
	TODO: add check for used Font Family, refactor
*/
(function getStyleSheetsCssData(){
	var styleSheets = document.styleSheets,
		data = {
			cssData : {
				allUsedSelectorText : []
			},
			jsData : []

joelcardinal

/*
* str = 'I went to the {{location}} and found {{item}}';
* obj = {location : 'store', item : 'milk'};
*/
function getFilledTplObj(str,obj){
	function replacer() {
		return obj[arguments[1]];
	}
	return str.replace(/{{([^}}]+)?}}/g, replacer);
}

joelcardinal

function getSelectParams(){
  var selectParamsArr = [];
  var paramsArr = window.location.search.replace('?','').split('&');
  for(var i=0,len=paramsArr.length;i<len;i++){
    if(/cgid=|cid=|sid=/.test(paramsArr[i]) ){
      selectParamsArr.push(paramsArr[i]);
    }
  }
  return selectParamsArr.join('&');
}

joelcardinal

/*

JavaScript Proxy

First read this...
https://hacks.mozilla.org/2015/07/es6-in-depth-proxies-and-reflect/

Above is an old article, proxy is available, except in IE...
https://caniuse.com/proxy

joelcardinal

/*

JavaScript MutationObserver

https://caniuse.com/#feat=mutationobserver

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

*/