A collection of useful utilities / functions for JavaScript and TypeScript.
npm install aftc-modules
$3
Your looking for aftc.js. Visit: https://github.com/DarceyLloyd/AFTC.js
$3
`
npm i aftc-modules
`
Available Methods & Class's:
- inertiaTo(current,target,amount)
- arrayClear(arr)
- arrayContains(needle,haystack)
- arrayEmpty(arr)
- arrayGetMax(arr)
- arrayGetMin(arr)
- arrayRemoveIndex(arr,index)
- arrayRemoveValue(arr,value)
- arrayShuffle(arr)
- arrayShuffle2(arr)
- isArrayInString(input,arr)
- isInArray(needle,haystack)
- isStringInArray(needle,haystack)
- getBrowser()
- getBrowserX()
- getBrowserY()
- isInViewport(el)
- argsToObject({object},{object},strict)
- boolToInt(bool)
- boolToString(bool)
- boolToYesNo(bool)
- degToRad(input)
- hexToRgb(hex)
- numToHex(num)
- objectToObject({object},{object},strict)
- radToDeg(input)
- rgbToHex(r,g,b)
- rgbToHex2(r,g,b)
- rgbToHex3(r,g,b)
- stringToBool(str)
- getCookie(name)
- listCookies()
- setCookie(name,cvalue,exdays)
- getDaysBetween(startDateTime,endDateTime)
- getMySQLDateTimeString()
- getUKDate(dte,separator)
- getUKDateFromDbDateTime(dbDateString,separator)
- getUKDateTime(dte,separator)
- getUkDateTimeFromDbDateTime(dte,separator)
- getUSDate(dte,separator)
- appendTo(elementOrId,msg,endOfLine)
- attachDebug(no,position,ele)
- debugTo(index,str)
- log(arg)
- logDisable()
- logEnable()
- Logger()
- logTo(elementOrId,msg,append,endOfLine)
- warn(arg)
- getDeviceType()
- getOS()
- isAndroid()
- isChrome()
- isEdge()
- isFireFox()
- isIOS()
- isMobile()
- isSafari()
- isTouchDevice()
- getElementPos(ele)
- getElementPosition(el)
- getElementPos(el)
- hasClass(elementOrId,ele)
- isDOM(obj)
- isElement(ele)
- isElement2(ele)
- setHTML(elementOrId,str,mode)
- onReady(fn)
- wordCountFilter(str,maxWords)
- setOptionSelectedIndex(selectElement,selectedValue)
- imageToCanvas(url)
- fetchHtml(url)
- fetchJson(url)
- loadAndAttachImage(imgElement,src)
- loadScript(src,onComplete,onProgress)
- promiseLoadCss(href)
- promiseLoadImage(ele,src)
- promiseLoadJson(url)
- promiseLoadScript(src)
- getRandomBoolean()
- getRandomFloat(min,max)
- getRandomInt(min,max)
- getRange(value 1,Value 2)
- isEven(n)
- isOdd(n)
- normaliseRange(min,max,v)
- parseArrayToFloat(arr)
- parseArrayToInt(arr)
- roundTo(v,dec)
- getGUID()
- getUID(len)
- isAlphaNumeric(v)
- isArray(input)
- isBool(input)
- isBoolean(input)
- isNumber(n)
- isNumeric(n)
- MouseScrollHandler(onScrollUp,onScrollDown)
- getObjectPropByKey({object},key)
- getObjectPropByKey({object},key)
- cutStringTo(str,len)
- escapeHTML(str)
- getAnchor(url)
- getCleanJSONString(s)
- getFileExtension(str)
- getLastPartOfUrl(url)
- getRandomString(len)
- getStringBetween(source,start,end)
- getStringBetween2(source,start,end)
- getWordCount(str)
- inString(needle,haystack)
- isInString(needle,haystack)
- lTrimBy(str,by)
- regExReplaceAll(needle,rep,haystack)
- removeFileFromPath(path)
- replaceAll(needle,replace,haystack)
- replaceDoubleBackSlash(str,rep)
- replaceDoubleForwardSlash(str,rep)
- rTrimBy(str,trimBy)
- trimStringBy(str,trimBy)
- ucFirst(s)
- SwipeHandler({object})
- getRoute(url)
- promiseAttachVideo(video,src)
- promiseVideoEnd(video)
Documentation
inertiaTo(current,target,amount))
$3
Calculates the target value of inertia in a loop/requestAnimationFrame from 1 value to another at speed.$3
- current
- Type: Number
- Required: true
- Info: Current value.
- target
- Type: Number
- Required: true
- Info: Value to reach.
- amount
- Type: Number
- Required: true
- Info: Inertia speed (dec/inc speed).
$3
- Type: Number
$3
`
let newX = inertiaTo(curX,targetX,0.5)
arrayClear(arr))
$3
Clears an array$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to clear / empty
$3
arrayClear(myArray)
arrayContains(needle,haystack))
$3
Finds a needle in a haystack.$3
- needle
- Type: string
- Required: true
- Default: null
- Info: What you are looking for.
- haystack
- Type: array
- Required: true
- Default: null
- Info: The array you want to search.
arrayEmpty(arr))
$3
Clears an array$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to clear / empty
$3
arrayEmpty(myArray)
arrayGetMax(arr))
$3
Gets the maximum value from the supplied array.$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to get the maximum value within.
$3
- Type: Number
$3
let max = arrayGetMax(myArray)
arrayGetMin(arr))
$3
Gets the minimum value from the supplied array.$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to get the minimum value from.
$3
- Type: Number
$3
let max = arrayGetMin(myArray)
arrayRemoveIndex(arr,index))
$3
Removes an index from the supplied array.$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to remove the index from.
- index
- Type: number
- Required: true
- Default: null
- Info: The index which you want to remove.
$3
- Type: Array
$3
let max = arrayRemoveIndex(arr,index)
arrayRemoveValue(arr,value))
$3
Removes a value from the supplied array.$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to remove the value from.
- value
- Type: string || number
- Required: true
- Default: null
- Info: The value which you want to remove from the array.
$3
- Type: Array
$3
let max = arrayRemoveValue(arr, value)
arrayShuffle(arr))
$3
Shuffles / Randomizes an array.$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to shuffle.
$3
- Type: Array
$3
let shuffledArray = arrayShuffle(myArray)
arrayShuffle2(arr))
$3
Shuffles / Randomizes an array (method 2).$3
- arr
- Type: array
- Required: true
- Default: null
- Info: The array you want to shuffle.
$3
- Type: Array
$3
let shuffledArray = arrayShuffle2(myArray)
isArrayInString(input,arr))
$3
Searches the array for a string.$3
- input
- Type: string
- Required: true
- Default: null
- Info: String you want to look for matches in.
- arr
- Type: array
- Required: true
- Default: null
- Info: The array of strings you want to search for in input.
$3
- Type: Boolean
$3
let found = isStringInArray(needle, haystack)
isInArray(needle,haystack))
$3
Searches the array for your value.$3
- needle
- Type: *
- Required: true
- Default: null
- Info: What you are looking for.
- haystack
- Type: array
- Required: true
- Default: null
- Info: The array you want to search.
$3
- Type: Boolean
$3
let found = isInArray(needle, haystack)
isStringInArray(needle,haystack))
$3
Searches the array for a string.$3
- needle
- Type: string
- Required: true
- Default: null
- Info: String you are looking for.
- haystack
- Type: array
- Required: true
- Default: null
- Info: The array you want to search.
$3
- Type: Boolean
$3
let found = isStringInArray(needle, haystack)
getBrowser())
$3
Gets the name of the browser you are using (opera | chrome | safari | firefox | msie | trident | edge).$3
- Type: String
$3
let browser = getBrowser()
getBrowserX())
$3
Gets the viewport x position.$3
- Type: Number
$3
let x = getBrowserX()
getBrowserY())
$3
Gets the viewport y position.$3
- Type: Number
$3
let x = getBrowserY()
isInViewport(el))
$3
Checks whether an element is in view.$3
- el
- Type: element
- Required: true
- Default: null
- Info: The element you want to check is in view
$3
- Type: Boolean
$3
let isInView = isInViewport(myElement)
argsToObject({object},{object},strict))
$3
Parses arguments to an object of your choice with strict or relaxed assigning features (good for defaults and instantiation processing).$3
- src
- Type: Object
- Required: true
- Default: null
- Info: The object from the function or class. Eg: Use arguments[0] from constructor in a class. Or any object.
- dest
- Type: Object
- Required: true
- Default: null
- Info: The arguments object you wish to assign arguments to.
- strict
- Type: Boolean
- Required: false
- Default: true
- Info: Whether you want to enable strict assignments only. Enabling strict will warn users of the function that the argument supplied is not supported.
$3
- Type: Boolean
$3
/ Class based example /
constructor(){
this.appArgs = {a:0,b:0};
argsToObject(arguments[0], this.appArgs, true)
}/ Instantiation of your class (not the only use) /
NOTE: c if strict enabled will give a warning, this is a good thing prevents users from incorrectly using your class's or functions */
new MyApp({a:1,b:3,c:4});
boolToInt(bool))
$3
Converts a boolean to a number.$3
- bool
- Type: Boolean
- Required: true
- Default: null
- Info: The variable you wish to convert.
$3
- Type: Number
$3
let strBool = boolToInt(isMobile)
boolToString(bool))
$3
Converts a boolean to a string of true || false.$3
- bool
- Type: Boolean
- Required: true
- Default: null
- Info: The variable you wish to convert.
$3
- Type: String
$3
let strBool = boolToString(isMobile)
boolToYesNo(bool))
$3
Converts a boolean to a string of yes || no.$3
- bool
- Type: Boolean
- Required: true
- Default: null
- Info: The variable you wish to convert.
$3
- Type: String
$3
let answer = boolToYesNo(boolAnswer)
degToRad(input))
$3
Converts degrees to radians.$3
- input
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: Number
$3
let rad = degToRad(deg)
hexToRgb(hex))
$3
Converts hex color to an object with r,g,b props.$3
- hex
- Type: String
- Required: true
- Default: null
- Info: Hex color string eg #FFCC00
$3
- Object
- r
- Type: Number
- g
- Type: Number
- b
- Type: Number
$3
let rgb = hexToRgb('#FFCC00')
numToHex(num))
$3
Converts a number to hexadecimal.$3
- num
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: String
$3
let hex = numToHex(12)
objectToObject({object},{object},strict))
$3
Parses an object to another object of your choice with strict or relaxed assigning features (good for defaults and instantiation processing).$3
- src
- Type: Object
- Required: true
- Default: null
- Info: The source object. Eg: Use arguments[0] from constructor in a class.
- dest
- Type: Object
- Required: true
- Default: null
- Info: The target object you wish to assign arguments to.
- strict
- Type: Boolean
- Required: false
- Default: true
- Info: Whether you want to enable strict assignments only. Enabling strict will warn users of the function that the argument supplied is not supported.
$3
- Type: Boolean
$3
/ Class based example /
constructor(){
this.appArgs = {a:0,b:0};
objectToObject(arguments[0], this.appArgs, true)
}/ Instantiation of your class (not the only use) /
NOTE: c if strict enabled will give a warning, this is a good thing prevents users from incorrectly using your class's or functions */
new MyApp({a:1,b:3,c:4});
radToDeg(input))
$3
Converts radians to degrees.$3
- input
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: Number
$3
let rad = radToDeg(deg)
rgbToHex(r,g,b))
$3
Converts an RGB value to a hex color value.$3
- r
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- g
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- b
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: String
$3
let hex = RGBToHex(255,100,55);
rgbToHex2(r,g,b))
$3
Converts an RGB value to a hex color value (Method 2).$3
- r
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- g
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- b
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: String
$3
let hex = rgbToHex2(255,100,55);
rgbToHex3(r,g,b))
$3
Converts an RGB value to a hex color value (Method 3).$3
- r
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- g
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
- b
- Type: Number
- Required: true
- Default: null
- Info: The number you want to convert.
$3
- Type: String
$3
let hex = rgbToHex3(255,100,55);
stringToBool(str))
$3
Converts a String to Boolean.$3
- str
- Type: String
- Required: true
- Default: null
- Info: The value you want to convert.
$3
- Type: Boolean
$3
let answer1 = stringToBool('yes');
let answer2 = stringToBool('y');
let answer3 = stringToBool('1');
let answer4 = stringToBool('no');
let answer5 = stringToBool('n');
let answer6 = stringToBool('0');
getCookie(name))
$3
Fetches a cookie by name.$3
- name
- Type: String
- Required: true
- Default: null
- Info: The name of the cookie you want to retrieve.
$3
- Type: String
$3
let email = getCookie('email')
listCookies())
$3
Lists all available cookie.$3
listCookies()
setCookie(name,cvalue,exdays))
$3
Fetches a cookie by name.$3
- name
- Type: String
- Required: true
- Default: null
- Info: The name of the cookie you want to retrieve.
- cvalue
- Type: String
- Required: true
- Default: null
- Info: The value you want to put in the cookie.
- exdays
- Type: Number
- Required: true
- Default: null
- Info: The number of days you want the cookie to expire in.
$3
let name = 'email';
let value = 'darcey.lloyd@gmail.com';
let lifeInMins = 30;
setCookie(name,value,lifeInMins)
getDaysBetween(startDateTime,endDateTime))
$3
Gets the number of days between 2 dates.$3
- startDateTime
- Type: Date
- Required: true
- Default: null
- Info: The start date.
- endDateTime
- Type: Date
- Required: true
- Default: null
- Info: The end date.
$3
- Type: Number
$3
/ NOTE: Month is indexed at 0 /let startDateTime = new Date('2020,3,26')
let endDateTime = new Date('2020,3,26')
let days = getDaysBetween('startDateTime, endDateTime')
getMySQLDateTimeString())
$3
Gets the date as a mysql injectable string.$3
- Type: String
$3
let dte = getMySQLDateTimeString()
getUKDate(dte,separator))
$3
Gets a UK formatted date string from a supplied date.$3
- dte
- Type: Date || String
- Required: true
- Default: null
- Info: The date you wish to get the UK format date string from.
- separator
- Type: String
- Required: false
- Default: -
- Info: What the date string segments will be separated by.
$3
- Type: String
$3
let ukDate = getUKDate(new Date(),'-')
getUKDateFromDbDateTime(dbDateString,separator))
$3
Gets a UK formatted date string from a supplied db date string.$3
- dbDateString
- Type: Date || String
- Required: true
- Default: null
- Info: This should be a datetime string from a db query.
- separator
- Type: String
- Required: false
- Default: -
- Info: What the date string segments will be separated by.
$3
- Type: String
$3
let ukDate = getUkDateFromDbDateTime(dbDateString)
getUKDateTime(dte,separator))
$3
Gets a UK formatted date string from a supplied date.$3
- dte
- Type: Date || String
- Required: true
- Default: null
- Info: The date you wish to get the UK format date string from.
- separator
- Type: String
- Required: false
- Default: -
- Info: What the date string segments will be separated by.
$3
- Type: String
$3
let ukDate = getUKDate(new Date(),'-')
getUkDateTimeFromDbDateTime(dte,separator))
$3
Gets a UK formatted date and time string from a supplied db date time string.$3
- dte
- Type: String
- Required: true
- Default: null
- Info: This should be a datetime string from a db query.
- separator
- Type: String
- Required: false
- Default: -
- Info: What the date string segments will be separated by.
$3
- Type: String
$3
let ukDate = getUkDateTimeFromDbDateTime(dte)
getUSDate(dte,separator))
$3
Gets a US formatted date string from a supplied date.$3
- dte
- Type: Date
- Required: true
- Default: null
- Info: The date you wish to get the US format date string from.
- separator
- Type: String
- Required: false
- Default: -
- Info: What the date string segments will be separated by.
$3
- Type: String
$3
let usDate = getUKDate(new Date(),'-')
appendTo(elementOrId,msg,endOfLine))
$3
Appends a string to an element, with or without a < BR > tag.$3
- elementOrId
- Type: Element||ElementID
- Required: true
- Default: null
- Info: The element or element id of the element you wish to append the string within.
- msg
- Type: String
- Required: true
- Default: null
- Info: The string you wish to append to the html element.
- endOfLine
- Type: String
- Required: false
- Default: < br >
- Info: The end of the string that will be appended to the element, set to '' if you dont want the < br >
$3
appendTo(elementOrId,msg,'')
attachDebug(no,position,ele))
$3
Displays a visual debug list so you can watch variables change in real time (Most excellent for debug with keys, animations etc). Click row to inject that value into copy and paste buffer. See debugTo to use attachDebug, usage example below.$3
- no
- Type: Number
- Required: true
- Default: null
- Info: The number of debug elements you want available.
- position
- Type: String (tl, top left, tr, top right, bl, btm left, br, btm right)
- Required: true
- Default: top left
- Info: Position of the debug list.
- ele
- Type: Element
- Required: false
- Default: document.body
- Info: The debug list will be appended to this element
$3
attachDebug(3)
debugTo(0,'hello world 1')
debugTo(1,'hello world 2')
debugTo(2,'hello world 3')
debugTo(index,str))
$3
Sets a visual debug element so you can visually track variables without the use of the console, excellent for working with the graphical side of things, animations, webgl etc.$3
- index
- Type: Number
- Required: true
- Default: null
- Info: The debug container index to write to (setup via attachDebug).
- str
- Type: String
- Required: true
- Default: null
- Info: The string you want to write to the debug container.
$3
attachDebug(3)
debugTo(0,'hello world 1')
debugTo(1,'hello world 2')
debugTo(2,'hello world 3')
log(arg))
$3
Lazy version of console.log, no more typing console!$3
- arg
- Type: *
- Required: true
- Default: null
- Info: arg gets injected into console.log
$3
log('Once you use me, you will never stop using me')
let a = 4;
log('a = ' + a)
log()
`
logDisable())
$3
Disable log() globally. Good for keeping all your log commands without having to comment them out in your projects. You should really you should comment them all out for removal in the packaging process.$3
log('You will see this in console')
logDisable()
log('You wont see this in console')
logEnable())
$3
Enable log() globally. Good for keeping all your log commands without having to comment them out in your projects. You should really you should comment them all out for removal in the packaging process.$3
log('You will see this in console')
logDisable()
log('You wont see this in console')
logEnable()
log('You will see this in console')
Logger())
$3
A substitute for console.log, allowing you to keep your comments and enable them on a class by class or function by function basis, or globally on all class's or functions implemented in.$3
- enable()
- disable()
- enableAll()
- disableAll()
- enableGlobally()
- disableGlobally()
$3
this.logger = new Logger()
this.logger.log('hello world 1')
this.logger.warn('hello world 2')
this.logger.error('hello world 3')
this.logger.enable()
this.logger.disable()
this.logger.enableAll()
this.logger.disableAll()
logTo(elementOrId,msg,append,endOfLine))
$3
Appends a string to an element, with or without a < BR > tag.$3
- elementOrId
- Type: Element||ElementID
- Required: true
- Default: null
- Info: The element or element id of the element you wish to append the string within.
- msg
- Type: String
- Required: true
- Default: null
- Info: The string you wish to append to the html element.
- append
- Type: Boolean
- Required: false
- Default: false
- Info: Method of attaching the logging message, append (true) or prepend (false) aka top vs bottom.
- endOfLine
- Type: String
- Required: false
- Default:
- Info: The end of the string that will be appended to the element, set to '< br >' if you want a line break
$3
logTo(elementOrId,msg,true)
warn(arg))
$3
Lazy version of console.warn, no more typing console!$3
- arg
- Type: *
- Required: true
- Default: null
- Info: arg gets injected into console.warn
$3
warn('Once you use me, you will never stop using me')
let a = 4;
warn('a = ' + a)
warn()
`
getDeviceType())
$3
Returns the device type mobile || tablet || desktop$3
$3
- Type: String
$3
let deviceType = getDeviceType()
getOS())
$3
Gets what OS is in use$3
- Type: String (Mac OS, iOS, Windows, Android, Linux
$3
let os = getOS()
isAndroid())
$3
Detects if Android or not.$3
- Type: Boolean
$3
let test = isAndroid()
isChrome())
$3
Detects if Chrome or not.$3
- Type: Boolean
$3
let test = isChrome()
isEdge())
$3
Detects if Edge or not.$3
- Type: Boolean
$3
let test = isEdge()
isFireFox())
$3
Detects if FireFox or not.$3
let test = isFireFox()
isIOS())
$3
Detects if iOS or not.$3
- Type: Boolean
$3
let test = isIOS()
isMobile())
$3
Detects if mobile or not.$3
- Type: Boolean
$3
let mobile = isMobile()
isSafari())
$3
Detects if Safari or not.$3
- Type: Boolean
$3
let test = isSafari()
isTouchDevice())
$3
Returns boolean of whether the deivce is touch enabled.$3
$3
- Type: Boolean
$3
const isTouchDevice = isTouchDevice()
getElementPos(ele))
$3
Gets an elements offset top position.$3
- ele
- Type: Element
- Required: true
- Default: null
- Info: Element to get the position of.
$3
- Type: Number
- Info: Returns fall if unable to get offsetTop
$3
let pos = getElementOffsetTop(myElement)
getElementPosition(el))
$3
Gets an elements position.$3
- el
- Type: Element
- Required: true
- Default: null
- Info: Element to get the position of.
$3
$3
let pos = getElementPosition(myElement)
getElementPos(el))
$3
Gets an elements position.$3
- el
- Type: Element
- Required: true
- Default: null
- Info: Element to get the position of.
$3
- Object
- left
- Type: Number
- Info: x or left
- top
- Type: Number
- Info: y or top
$3
let pos = getElementPos(myElement)
hasClass(elementOrId,ele))
$3
Gets an elements offset top position.$3
- elementOrId
- Type: Element||ElementID
- Required: true
- Default: null
- ele
- Type: Element
- Required: true
- Default: null
- Info: Element to get the position of.
$3
- Type: Boolean
$3
let classAttached = hasClass(myElement,'selected')
isDOM(obj))
$3
Checks if object is HTMLElement.$3
- obj
- Type: Element||Object
- Required: true
- Default: null
- Info: Element / Object to check.
$3
let result = isDOM(myElement)
isElement(ele))
$3
Checks if object is HTMLElement.$3
- ele
- Type: Element||Object
- Required: true
- Default: null
- Info: Element / Object to check.
$3
let result = isElement(myElement)
isElement2(ele))
$3
Checks if object is HTMLElement (Method 2).$3
- ele
- Type: Element||Object
- Required: true
- Default: null
- Info: Element / Object to check.
$3
let result = isElement2(myElement)
setHTML(elementOrId,str,mode))
$3
Set a an elements HTML content.$3
- elementOrId
- Type: Element||ElementID
- Required: true
- Default: null
- Info: The element or the element ID.
- str
- Type: String||Number
- Required: true
- Default: null
- Info: The content you want to put into the html element.
- mode
- Type: String (set|append|prepend)
- Required: false
- Default: Set
- Info: The method in which to set the HTML of the targeted element, set it clearing all content or to append or prepend you content.
$3
setHTML(myElement,'hello world')
setHTML(myElement,'hello world','append')
setHTML(myElement,'hello world','prepend')setHTML('my-element-id-1','hello world')
setHTML('my-element-id-2','hello world','append')
setHTML('my-element-id-3','hello world','prepend')
onReady(fn))
$3
Checks if the DOM is ready and then executes a function.$3
- fn
- Type: Function
- Required: true
- Default: null
$3
onReady(function()){
/ DOM is ready, do your thing /
});/ or /
onReady(() =>{
/ DOM is ready, do your thing /
});
wordCountFilter(str,maxWords))
$3
Takes a string, checks it for number of words and returns the string but cuts it to the max number of words you set.$3
- str
- Type: String
- Required: true
- Default: null
- maxWords
- Type: Number
- Required: true
- Default: null
$3
- Object
$3
let limitedSentence = wordCountFilter(source,20)
setOptionSelectedIndex(selectElement,selectedValue))
$3
Sets an option of HTML select element by value.$3
- selectElement
- Type: HTML Select Element
- Required: true
- selectedValue
- Type: String
- Required: true
$3
let limitedSentence = wordCountFilter(source,20)
imageToCanvas(url))
$3
Loads an image and places it on a canvas of matching dimensions.$3
- url
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the image to load and place on the canvas
$3
- Type: HTMLCanvasElement
$3
let canvas1 = await imageToCanvas('./assets/photo.webp')
fetchHtml(url))
$3
Loads a html file and returns it as a string$3
- url
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Type: String
$3
let data = await fetchHtml('./pages/modal-user-content.html')
fetchJson(url))
$3
Loads a json file and returns it as an object$3
- url
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Object
$3
let data = await fetchJson('./data/config.json')
loadAndAttachImage(imgElement,src))
$3
Loads an image file and auto attaches it to the head section of the document.$3
- imgElement
- Type: String
- Required: false
- Default: null
- Info: Image element to load the image into.
- src
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Type: Promise
$3
loadAndAttachImage(imgElement1,'./assets/images/products/001.jpg')
.then(()=>{ log('loaded and attached'); })
.catch((e)=>{ log(e); })
loadScript(src,onComplete,onProgress))
$3
Loads a JavaScript file and auto attaches it to the head section of the document.$3
- src
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the js file to load
- onComplete
- Type: Function
- Required: false
- Default: null
- Info: On complete callback
- onProgress
- Type: Function
- Required: false
- Default: null
- Info: On progress callback, sends back the percentage loaded
$3
loadScript('./include/js/script-5.js',onLoadedHandler)
promiseLoadCss(href))
$3
Loads a css file and auto attaches it to the head section of the document.$3
- href
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the css file to load
$3
- Type: Promise
$3
promiseLoadCss('./include/css/style-sheet-5.css')
.then(()=>{ log('loaded'); })
.catch((e)=>{ log(e); })
promiseLoadImage(ele,src))
$3
Loads an image file and auto attaches it to the head section of the document.$3
- ele
- Type: String
- Required: false
- Default: null
- Info: Image element to load the image into.
- src
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Type: Promise
$3
PromiseLoadImage(imgElement1,'./assets/images/products/001.jpg')
.then(()=>{ log('loaded and attached'); })
.catch((e)=>{ log(e); })
promiseLoadJson(url))
$3
Loads a json file and returns it via promise resolve$3
- url
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Type: Promise
$3
PromiseLoadJson('./data/config.json')
.then((data)=>{ log(data); })
.catch((e)=>{ log(e); })
promiseLoadScript(src))
$3
Loads a JavaScript file and attaches it to the document head$3
- src
- Type: String
- Required: true
- Default: null
- Info: Path/URL to the file to load
$3
- Type: Promise
$3
promiseLoadScript('./includes/js/onDemandFile1.js')
.then(()=>{ log('loaded and attached'); })
.catch((e)=>{ log(e); })
getRandomBoolean())
$3
Returns a random boolean.$3
- Type: Boolean
$3
let randomBoolean = getRandomBoolean()
getRandomFloat(min,max))
$3
Returns a number (float) between 2 numbers.$3
- min
- Type: Number
- Required: true
- Info: Min value.
- max
- Type: Number
- Required: true
- Info: Max value.
$3
- Type: Number
$3
let randomFloat = getRandomFloat(1.4,42.232)
getRandomInt(min,max))
$3
Returns a number (int) between 2 numbers.$3
- min
- Type: Number
- Required: true
- Info: Min value.
- max
- Type: Number
- Required: true
- Info: Max value.
$3
- Type: Number
$3
let randomInt = getRandomInt(0,100)
getRange(value 1,Value 2))
$3
Returns absolute value of the range between 2 numbers.$3
- value 1
- Type: Number
- Required: true
- Info: Value 1.
- Value 2
- Type: Number
- Required: true
- Info: Value 2.
$3
- Type: Number
$3
let range = getRange(0,100)
isEven(n))
$3
Detects if a number is even or not.$3
- n
- Type: Number
- Required: true
- Info: Number to check.
$3
- Type: Boolean
$3
let even = isEven(3)
isOdd(n))
$3
Detects if a number is odd or not.$3
- n
- Type: Number
- Required: true
- Info: Number to check.
$3
- Type: Boolean
$3
let odd = isOdd(3)
normaliseRange(min,max,v))
$3
Normalises a value to be between 0 and 1, based on a range between min and max. min being 0 and max being 1.$3
- min
- Type: Number
- Required: true
- Info: Min value.
- max
- Type: Number
- Required: true
- Info: Max value.
- v
- Type: Number
- Required: true
- Info: Value to normalise.
$3
- Type: Number
$3
let n1 = normaliseRange(0,100,50)
/ n1 = 0.5 /
let n2 = normaliseRange(0,100,200)
/ n2 = 1 /
let n3 = normaliseRange(0,100,-200)
/ n3 = 0 /
parseArrayToFloat(arr))
$3
Parses each entry in the supplied array with Math.float and returns it.$3
- arr
- Type: Array
- Required: true
- Info: Array to parse.
$3
- Type: Array
$3
let floatParsedArray = parseArrayToFloat(arr)
parseArrayToInt(arr))
$3
Parses each entry in the supplied array with Math.int and returns it.$3
- arr
- Type: Array
- Required: true
- Info: Array to parse.
$3
- Type: Array
$3
let intParsedArray = parseArrayToInt(arr)
roundTo(v,dec))
$3
Rounds a value to a set number of decimal places.$3
- v
- Type: Number
- Required: true
- Info: Value to round.
- dec
- Type: Number
- Required: true
- Info: Number of decimal places to round to.
$3
- Type: Number
$3
let r = roundTo(3.142,2)
getGUID())
$3
Returns a GUI string.$3
- Type: String
$3
let guid = getGUID()
getUID(len))
$3
Generates a unique id. NOTE: Max length of 34.$3
- len
- Type: Number
- Required: true
- Info: Length of the unique id to generate.
$3
- Type: String
$3
let uid = getUID(12)
isAlphaNumeric(v))
$3
Checks if the input is alphanumeric or not.$3
- v
- Type: String|Number
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let an = isAlphaNumeric('a43-')
isArray(input))
$3
Checks if the input is an array or not.$3
- input
- Type: *
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let check = isArray(4)
isBool(input))
$3
Checks if the input is a boolean or not.$3
- input
- Type: *
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let check = isBool(4)
isBoolean(input))
$3
Checks if the input is a boolean or not.$3
- input
- Type: *
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let check = isBoolean(4)
isNumber(n))
$3
Checks if the input is number or not.$3
- n
- Type: *
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let check = isNumber('a')
isNumeric(n))
$3
Checks if the input is numeric or not.$3
- n
- Type: *
- Required: true
- Info: Param to check.
$3
- Type: Boolean
$3
let check = isNumeric('a')
MouseScrollHandler(onScrollUp,onScrollDown))
$3
Nukes the moon.$3
https://aftc.io$3
- onScrollUp
- Type: Function
- Required: true
- Default: null
- Info: The function to call when mouse wheel scroll up is detected
- onScrollDown
- Type: Function
- Required: true
- Default: null
- Info: The function to call when mouse wheel scroll down is detected
$3
new MouseScrollHandler(onScrollUpHandler,onScrollDownHandler);
getObjectPropByKey({object},key))
$3
Returns the /property of the supplied object by name/key.$3
- obj
- Type: Object
- Required: true
- Info: The object you want to get the property in.
- key
- Type: String
- Required: true
- Info: The name of the property in the object you want to fetch.
$3
- Type: Any
$3
let colourDefinitions = getObjectPropByKey(myObj,'colours')
getObjectPropByKey({object},key))
$3
Returns the /property of the supplied object by name/key.$3
- obj
- Type: Object
- Required: true
- Info: The object you want to get the property in.
- key
- Type: String
- Required: true
- Info: The name of the property in the object you want to fetch.
$3
- Type: Any
$3
let colourDefinitions = getObjectPropByKey(myObj,'colours')
cutStringTo(str,len))
$3
Returns a string at the desired length.$3
- str
- Type: String
- Required: true
- Info: String to cut.
- len
- Type: Number
- Required: true
- Info: Number of characters to return / Length of string to return.
$3
- Type: String
$3
let cutString = cutStringTo('abcd',2)
escapeHTML(str))
$3
Returns a string that has the standard html tags escaped.$3
- str
- Type: String
- Required: true
- Info: String to escape html tags.
$3
- Type: String
$3
let newString = escapeHTML('some html')
getAnchor(url))
$3
Returns the anchor from a url string.$3
- url
- Type: String
- Required: true
- Info: String to get anchor from.
$3
- Type: String
$3
let anchor = getAnchor(url)
getCleanJSONString(s))
$3
Attempts to clean up special characters in a JSON string and make it JSON valid.$3
- s
- Type: String
- Required: true
- Info: JSON String to parse.
$3
- Type: String
$3
let newString = getCleanJSONString(oldString)
getFileExtension(str))
$3
Attempts to get the file extension from a supplied string.$3
- str
- Type: String
- Required: true
- Info: The string to get the file extension from.
$3
- Type: String
$3
let ext = getFileExtension(path)
getLastPartOfUrl(url))
$3
Returns the last segment of a url split by slashes.$3
- url
- Type: String
- Required: true
- Info: The url string to get the last part from.
$3
- Type: String
$3
let lastSegment = getLastPartOfUrl(url)
getRandomString(len))
$3
Returns a random string of letters A-Z a-z of a specified length.$3
- len
- Type: Number
- Required: true
- Info: The length of the random string to generate.
$3
- Type: String
$3
let randomLetterString = getRandomString(256)
getStringBetween(source,start,end))
$3
Returns the string between a start and end string marker matches from the source string.$3
- source
- Type: String
- Required: true
- Info: The length to parse.
- start
- Type: String
- Required: true
- Info: The starting string marker in the source string.
- end
- Type: String
- Required: true
- Info: The ending string marker in the source string.
$3
- Type: String
$3
let strBetween = getStringBetween(sourceString,'start-marker','end-marker')
getStringBetween2(source,start,end))
$3
Returns an array of all the strings found between a start and end markers. Max of 500 items in array returned.$3
- source
- Type: String
- Required: true
- Info: The length to parse.
- start
- Type: String
- Required: true
- Info: The starting string marker in the source string.
- end
- Type: String
- Required: true
- Info: The ending string marker in the source string.
$3
- Type: Array
- Info: Max 500 results
$3
let found = getStringsBetween2(sourceString,'start-marker','end-marker')
getWordCount(str))
$3
Returns the number of words in a string based on spaces.$3
- str
- Type: String
- Required: true
- Info: The string to count word from.
$3
- Type: Number
$3
let wordCount = getWordCount(sourceString)
inString(needle,haystack))
$3
Looks for a string in a string.$3
- needle
- Type: String
- Required: true
- Info: The string to find.
- haystack
- Type: String
- Required: true
- Info: The string to search.
$3
- Type: Boolean
$3
let stringFound = inString(needle,haystack)
isInString(needle,haystack))
$3
Looks for a string in a string.$3
- needle
- Type: String
- Required: true
- Info: The string to find.
- haystack
- Type: String
- Required: true
- Info: The string to search.
$3
- Type: Boolean
$3
let stringFound = isInString(needle,haystack)
lTrimBy(str,by))
$3
Trims a string from the left (start) by a specified number of characters.$3
- str
- Type: String
- Required: true
- Info: The string to find.
- by
- Type: Number
- Required: true
- Info: The number of characters to trim from the left (start) of a string.
$3
- Type: String
$3
let trimmedString = lTrimBy(str,4)
regExReplaceAll(needle,rep,haystack))
$3
Uses regex to replace all instances of a string in a string with what you specify.$3
- needle
- Type: String
- Required: true
- Info: The string to replace.
- rep
- Type: String
- Required: true
- Info: The string to replace the needle (found) string with.
- haystack
- Type: String
- Required: true
- Info: The string to parse.
$3
- Type: String
$3
let newString = regExReplaceAll(needle, rep, haystack)
removeFileFromPath(path))
$3
Removes the file from a file path.$3
- path
- Type: String
- Required: true
- Info: The file path to process.
$3
- Type: String
$3
let path = removeFileFromPath(fullPath)
replaceAll(needle,replace,haystack))
$3
Uses a split join method to replace all occurrences of a string. See regExReplaceAll for an alternate method.$3
- needle
- Type: String
- Required: true
- Info: The string to replace.
- replace
- Type: String
- Required: true
- Info: The string to replace the needle (found) string with.
- haystack
- Type: String
- Required: true
- Info: The string to parse.
$3
- Type: String
$3
let newString1 = replaceAll(needle, repWith, haystack)
let newString2 = regExReplaceAll(needle, repWith, haystack)
replaceDoubleBackSlash(str,rep))
$3
Replaces double back slashes in a string via regex with your specified string.$3
- str
- Type: String
- Required: true
- Info: The string to process.
- rep
- Type: String
- Required: true
- Info: The string to replace double back slashes with.
$3
- Type: String
$3
let processedString = replaceDoubleBackSlash(str,replaceWith)
replaceDoubleForwardSlash(str,rep))
$3
Replaces double forward slashes in a string via regex with your specified string.$3
- str
- Type: String
- Required: true
- Info: The string to process.
- rep
- Type: String
- Required: true
- Info: The string to replace double forward slashes with.
$3
- Type: String
$3
let processedString = replaceDoubleForwardSlash(str,replaceWith)
rTrimBy(str,trimBy))
$3
Trims a string from the right (end) by a specified number of characters.$3
- str
- Type: String
- Required: true
- Info: The string to find.
- trimBy
- Type: Number
- Required: true
- Info: The number of characters to trim from the right (end) of a string.
$3
- Type: String
$3
let trimmedString = rTrimBy(str,4)
trimStringBy(str,trimBy))
$3
Trims a string from the right (end) by a specified number of characters.$3
- str
- Type: String
- Required: true
- Info: The string to find.
- trimBy
- Type: Number
- Required: true
- Info: The number of characters to trim from the right (end) of a string.
$3
- Type: String
$3
let trimmedString = trimStringBy(str,4)
ucFirst(s))
$3
Makes the first letter of a string uppercase.$3
- s
- Type: String
- Required: true
- Info: The string to make the first letter upper case.
$3
- Type: String
$3
let ucFirstString = ucFirst('hello')
SwipeHandler({object}))
$3
Swipe handler, currently detects left & right swipes.$3
- Object:
- onSwipeLeft
- Required: false
- Default: false
- Info: The function you want to call when a swipe left is detected.
- onSwipeRight
- Required: false
- Default: false
- Info: The function you want to call when a swipe right is detected.
- onSwipeUp
- Required: false
- Default: false
- Info: The function you want to call when a swipe up is detected.
- onSwipeDown
- Required: false
- Default: false
- Info: The function you want to call when a swipe down is detected.
- horizontalTolerance
- Required: false
- Default: 50
- Info: The distance your finger has to travel on the horizontal axis for a swipe left or right to be detected.
- onSwipeUp
- Required: false
- Default: false
- Info: The function you want to call when a swipe left is detected.
- onSwipeDown
- Required: false
- Default: false
- Info: The function you want to call when a swipe right is detected.
- verticalTolerance
- Required: false
- Default: 50
- Info: The distance your finger has to travel on the vertical axis for a swipe up or down to be detected.
- swipeThrottleTimeout
- Required: false
- Default: 250
- Info: The amount of milliseconds before another swipe event can be fired.
$3
new SwipeHandler({config})
getRoute(url))
$3
Returns a route string.$3
- url
- Type: String
- Required: false
- Info: String to parse into a route, if left out it will get the current url/uri.
$3
- Type: String
$3
let usersRoute = getRoute('https://domain.com/users')
let currentRoute = getRoute()
promiseAttachVideo(video,src))
$3
Attaches a video file to a video and once it's meta data is available it will resolve the promise. Useful for getting width, height and duration.$3
- video
- Type: Video
- Required: true
- Info: The video to attach to.
- src
- Type: String
- Required: true
- Info: The src of the video file to attach to the video element or video javascript instance.
$3
- Type: Promise with object with props {width,height,duration}
$3
promiseAttachVideo(vid,vidSrc)
then((res)=>{ console.log('video attached and ready') })
promiseVideoEnd(video))
$3
Returns a promise resolve on video end.$3
- video
- Type: Video
- Required: true
- Info: The video to attach to.
$3
- Type: Promise resolve on video end
$3
promiseVideoEnd(vid)
then((res)=>{ console.log('video playback complete') })