removing methods to right prop

Author: rv-vmartins

dist/placeload.js

@@ -64,11 +64,11 @@ <h2 class="user__name"><a href="#">Sr. João</a></h2>
         <script>
             const user = Placeload
               .$('.user-placeload')
-              .config({speed: '2s'})
-              .line((element) => element.width(300).height(200))
-              .config({spaceBetween: '10px'})
+              .config({ speed: '2s' })
+              .line((element) => element.width(100).height(200))
+              .config({ spaceBetween: '10px' })
               .line((element) => element.width(100).height(20))
-              .config({spaceBetween: '10px', right: true})
+              .config({ spaceBetween: '10px' })
               .line((element) => element.width(50).height(20))
               .fold(
                 (err) => console.log('error: ', err),

dist/placeload.js.map

@@ -6,21 +6,19 @@ const Right = Either.Right
 const Left = Either.Left
 
 const Placeload = {
-  $: (x) => utils(getHoldersElements(x), selector(x))
+  $: (x) => utils(boxElements(x), selector(x))
 }
 
 // selector :: String -> Either
 const selector = (x) => {
   const element = document.querySelector(x)
-  if(element)
-    return Right(element)
-  return Left(`Don\' found ${x} element`)
+  return element ? Right(element) : Left(`Don\'t found ${x} element`)
 }
 
-// getHoldersElements :: String -> Either
-const getHoldersElements = (x) => {
+// boxElements :: String -> IO
+const boxElements = (x) => {
   return IO(() => {
-    return selector(x).chain((container) => {
+    return selector(x).chain(container => {
       const elementPlaceload = styl(document.createElement('div')).addClass('placeload-background').toDOM()
       container.appendChild(elementPlaceload)
       return Right({
@@ -32,12 +30,11 @@ const getHoldersElements = (x) => {
   })
 }
 
-// place  :: IO -> Object
+// place  :: IO -> IO(Node(DOM)) -> Object
 const utils = (_IO, container) => {
   return ({
     config: (configs) => utils(configIO(_IO, configs), container),
     line: f => utils(drawIO(f, _IO), container),
-    spaceBetween: size => utils(drawIO({spaceBetween: size}, _IO), container),
     fold: (err, succ) => {
       _IO.runIO().either(err, succ)
       return {
@@ -52,7 +49,7 @@ const utils = (_IO, container) => {
   })
 }
 
-// drawIO :: F -> IO -> F(IO)
+// drawIO :: Function -> IO -> Function(IO)
 const drawIO = (f, _IO) => {
   return _IO.map((elements) => {
     return elements.map(el => {
@@ -66,11 +63,11 @@ const drawIO = (f, _IO) => {
 
 // elementStyle :: Object(DOM Elements) -> Node(DOM) -> Object (fn, fn, ...)
 const elementStyle = (elements, newElement) => ({
-  width: (size) => elementStyle(createElemFolk(elements, newElement, 'width', size), newElement),
-  height: (size) => elementStyle(createElemFolk(elements, newElement, 'height', size), newElement)
+  width: (size) => elementStyle(newBoxStyled(elements, newElement, 'width', size), newElement),
+  height: (size) => elementStyle(newBoxStyled(elements, newElement, 'height', size), newElement)
 })
 
-// configIO :: IO -> IO
+// configIO :: IO -> Object -> IO
 const configIO = (_IO, config) => {
   return _IO.map(element => {
     return element.chain(elem => {
@@ -83,43 +80,16 @@ const configIO = (_IO, config) => {
         .marginTop(placeloadHeight)
         .addClass('placeload-masker').toDOM()
 
-      if (stylWithDefault.right) {
-        runDrawRightLine(elem, stylWithDefault).runIO()
-      } else {
-        styl(elem.placeload).height(`${newHeightToPlaceload}px`)
-      }
+      styl(elem.placeload).height(`${newHeightToPlaceload}px`)
       elem.placeload.style.animationDuration = stylWithDefault.speed
       elem.placeload.appendChild(newElement)
       return element
     })
   })
 }
 
-const runDrawRightLine = (elem, stylWithDefault) => {
-  return IO(() => {
-    const lastChild = elem.elems[elem.elems.length - 2]
-    const itemToRight = elem.elems[elem.elems.length - 1]
-    const elementRow = styl(document.createElement('div'))
-      .addClass('placeload-masker')
-      .width('100%')
-      .height('10px')
-      .marginTop('20px')
-      .marginLeft(lastChild.style.marginLeft).toDOM()
-
-    styl(lastChild).hide()
-    styl(itemToRight)
-      .width(stylWithDefault.marginLeft)
-      .height(itemToRight.style.marginTop)
-      .marginLeft(lastChild.style.marginLeft)
-      .marginTop(lastChild.style.marginTop)
-
-    styl(elem.placeload).height(`${parseInt(lastChild.style.marginTop) + parseInt(lastChild.style.height)}px`)
-    elem.placeload.appendChild(elementRow)
-  })
-}
-
-// createElemFolk :: Either -> Node(DOM) -> prop -> value -> Object(DOM Elements)
-const createElemFolk = (elements, newElement, prop, value) => {
+// newBoxStyled :: Either -> Node(DOM) -> String -> String -> Object(DOM Elements)
+const newBoxStyled = (elements, newElement, prop, value) => {
   return elements.map(elem => {
     const height = elem.placeload.style.height || 0
     switch (prop) {