als-document 0.6.1 → 0.7.0

package/query/query.js

@@ -1,147 +0,0 @@
-class Query {
-   static get(query) {
-      let q = new Query(query)
-      return q.selectors
-   }
-
-   constructor(query) {
-      this.query = query
-      this.selectors = []
-      this.getQueries(query.split(','))
-  }
-
-  getQueries(selectors) {
-      selectors.forEach(selector => {
-         let originalSelector = selector
-         selector = this.removeSpaces(selector)
-         this.stringValues = []
-         selector = selector.replace(/\[.*?\]/g,(value) => {
-            this.stringValues.push(value)
-            return `[${this.stringValues.length-1}]`
-         })
-         let [element,ancestors] = this.splitAndCutLast(selector,' ') // \s - ancestor
-         element = this.getFamily(element)
-         if(ancestors.length > 0) 
-            element.ancestors = ancestors.map(ancestor => this.getFamily(ancestor))
-         element.group = originalSelector
-         this.selectors.push(element)
-      });
-   }
-
-   splitAndCutLast(string,splitBy) {
-      let array = string.split(splitBy)
-      let last
-      if(array.length == 1) {
-         last = array[0]
-         array = []
-      } else last = array.splice(array.length-1,array.length-1)[0]
-      return [last,array]
-   }
-
-   getFamily(group,element,prev,prevAny,sign) {
-      if(group.match(/\~|\+/) !== null) {
-         let [last,prevBrothers] = this.splitAndCutLast(group,/\~|\+/)
-         let signs = group.replace(last,'')
-         prevBrothers.forEach(el => signs = signs.replace(el,''))
-         signs = signs.match(/\~|\+/g)
-         if(signs.length == 1) {
-            sign = signs[0]
-         } else if(signs.length > 1){
-            sign = signs.splice(signs.length-1,signs.length-1)[0]
-            prevBrothers[0] = prevBrothers.map((b,i) => {
-               if(i<prevBrothers.length-1) b += signs[i]
-               return b
-            }).join('')
-            prevBrothers[0] = this.getFamily(prevBrothers[0])
-         }
-         if(sign == '~') prevAny = prevBrothers[0] // ~ - any prev brother
-         else if(sign == '+') prev = prevBrothers[0] // + - prev brother
-         element = last
-      } else element = group
-      let family
-      if(prev || prevAny) {
-         family = this.getParents(element)
-         if(prev) family.prev = this.getParents(prev)
-         if(prevAny) family.prevAny = this.getParents(prevAny)
-      } else family = this.getParents(element)
-      if(family.query !== group) family.group = group
-      return family
-   }
-
-   getParents(selector) {
-      if(typeof selector == 'string') {
-         let [element,parents] = this.splitAndCutLast(selector,'>')
-         element = this.buildElement(element)
-         parents = parents.map(parent => this.buildElement(parent))
-         if(parents.length > 0) element.parents = parents
-         return element
-      } else return selector
-   }
-
-
-   buildElement(element,id=null,tag=null,classList=[]) {
-      let query = element
-      element = element.replace(/\#(\w-?)*/,$id => {
-         id = $id.replace(/^\#/,''); return ''
-      })
-      element = element.replace(/\.(\w-?)*/,$class => {
-         classList.push($class.replace(/^\./,'')); return ''
-      })
-      element = element.replace(/(\w-?)*/,$tag => {
-         tag = $tag == '' ? null : $tag; return ''
-      })
-      let attribs = this.getAttributes(element)
-      element = {query}
-      if(id) element.id = id
-      if(tag) element.tag = tag
-      if(classList.length > 0) element.classList = classList
-      if(attribs.length > 0) element.attribs = attribs
-      return element
-   }
-
-   getAttributes(element) {
-      let attribs = this.stringValues.filter((value,index) => {
-         let searchValue = `[${index}]`
-         if(element.match(searchValue)) return true
-         else return false
-      })
-      attribs = attribs.map(attrib => {
-         let query = attrib
-         attrib = attrib.replace('[','').replace(']','')
-         let [name,value] = attrib.split(/[\~\|\^\$\*]?\=/)
-         let sign = attrib.replace(name,'').replace(value,'')
-         attrib = {query}
-         if(name) attrib.name = name
-         if(value) attrib.value = value.trim().replace(/^\"/,'').replace(/\"$/,'')
-         if(sign) {
-            attrib.sign = sign
-            attrib.check = this.getAttribFn(sign).bind(attrib)
-         }
-         return attrib
-      });
-      return attribs
-   }
-
-   getAttribFn(sign) {
-      if(sign == '=') return function(value) {return value == this.value ? true : false}
-      if(sign == '*=') return function(value) {return value.includes(this.value) ? true : false}
-      if(sign == '^=') return function(value) {return value.startsWith(this.value) ? true : false}
-      if(sign == '$=') return function(value) {return value.endsWith(this.value) ? true : false}
-      if(sign == '|=') return function(value) {
-         return value.trim().split(' ').length == 1 
-         && (value.startsWith(this.value) || value.startsWith(this.value+'-')) 
-         ? true : false
-      }
-      if(sign == '~=') return function(value) { // includes whole word only
-         return this.value.trim().split(' ').length == 1 && value.includes(this.value) ? true : false
-      }
-   }
-
-   removeSpaces(selector) {
-      selector = selector.replace(/\s{2}/g,' ') // remove double spaces
-      selector = selector.replace(/\s?\^?\$?\|?\~?\*?\=\s*/g,(m) => m.trim()) // remove spaces inside []
-      selector = selector.replace(/\s?(\+|\~|\>)\s?/g,(m) => m.trim()) // remove spaces around +|~|>
-      return selector
-   }
-}
-module.exports = Query

package/query/readme.md

@@ -1,134 +0,0 @@
-## Query
-Query is a class for parsing selectors inside html query. Query not supporting pseudo selectors so far.
-You can use Query on frontend and on backend. 
-
-Query can be used on fronten and on backend.
-You can use:
-* node_modules/als-document/document.js - original file
-* node_modules/als-document/document.min.js - minimized file
-
-Frontend:
-```html
-<script src="node_modules/als-document/document.min.js"></script>
-```
-
-Backend:
-```javascript
-let {Query} = require('als-document')
-```
-
-### Syntax
-
-```javascript
-let queryObj = new Query(qeury:string): instanceof Query
-let selectors = queryObj.selectors:string
-// or
-let selectors = Query.get(q1:string):string
-```
-
-``query`` - html/css query
-
-
-### Example 
-
-```javascript
-let q1 = 'html>body>div.tabs~.some[type $= "radio and some"]>p+div>.some-id .tab-content~input[disabled] div.some'
-let result = new Query(q1).selectors
-let result1 = Query.get(q1)
-// result and result1 has to be same
-console.log(result)
-```
-
-Result:
-```javascript
-[
-   {
-      "query": "div.some",
-      "tag": "div",
-      "classList": [
-         "some"
-      ],
-      "ancestors": [
-         {
-            "query": ".some-id",
-            "classList": [
-               "some-id"
-            ],
-            "parents": [
-               {
-                  "query": "div",
-                  "tag": "div"
-               }
-            ],
-            "prev": {
-               "query": "p",
-               "tag": "p",
-               "parents": [
-                  {
-                     "query": ".some[0]",
-                     "classList": [
-                        "some"
-                     ],
-                     "attribs": [
-                        {
-                           check:(f),
-                           "query": "[type$=\"radio and some\"]",
-                           "name": "type",
-                           "value": "radio and some",
-                           "sign": "$="
-                        }
-                     ]
-                  }
-               ],
-               "prevAny": {
-                  "query": "div.tabs",
-                  "tag": "div",
-                  "classList": [
-                     "tabs"
-                  ],
-                  "parents": [
-                     {
-                        "query": "html",
-                        "tag": "html"
-                     },
-                     {
-                        "query": "body",
-                        "tag": "body"
-                     }
-                  ]
-               },
-               "group": "html>body>div.tabs~.some[0]>p"
-            },
-            "group": "html>body>div.tabs~.some[0]>p+div>.some-id"
-         },
-         {
-            "query": "input[1]",
-            "tag": "input",
-            "attribs": [
-               {
-                  "query": "[disabled]",
-                  "name": "disabled"
-               }
-            ],
-            "prevAny": {
-               "query": ".tab-content",
-               "classList": [
-                  "tab-content"
-               ]
-            },
-            "group": ".tab-content~input[1]"
-         }
-      ],
-      "group": "html>body>div.tabs~.some[type $= \"radio and some\"]>p+div>.some-id .tab-content~input[disabled] div.some"
-   }
-]
-```
-
-### Attribs and check function
-if attribute has value, attrib object will contain check function with one parameter for value to check. 
-
-```javascript
-let s = Query.get('[test^="some"]')[0]
-console.log(s.attribs[0].check('some value test')) // true
-```
-

package/query/test.js

@@ -1,143 +0,0 @@
-let Test = require('als-test')
-let {equal,greater,smaller,$greater, $smaller} = Test
-let Query = require('./query')
-
-module.exports = new Test('Query tests',[
-   {
-      title:'Build query',
-      result:function(){
-         this.vars.q1 = 'html>body>div.tabs~.some[type $= "some"][test]>p+div>.some-id .tab-content~input[disabled] div.some'
-         this.vars.s1 = Query.get(this.vars.q1)[0]
-      },
-   },
-   {
-      title:'Check target',
-      expected:'div.some',
-      result:function({s1}){
-         let {tag,classList} = s1
-         return `${tag}.${classList[0]}`
-      },
-      action:equal
-   },
-   {
-      title:'Check ancestors length',
-      expected:2,
-      result:function({s1}){
-         return s1.ancestors.length
-      },
-      action:equal
-   },
-   {
-      title:'Check prev group',
-      expected:function({s1}) {
-         return s1.ancestors[0].group.split('+')[0]
-      },
-      result:function({s1}){
-         return s1.ancestors[0].prev.group
-      },
-      action:equal
-   },
-   {
-      title:'Check parents length',
-      expected:1,
-      result:async function({s1}){
-         return s1.ancestors[0].parents.length
-      },
-      action:equal
-   },
-   {
-      title:'Check prev any, prev and classList',
-      expected:'tabs',
-      result:async function({s1}){
-         return s1.ancestors[0].prev.prevAny.classList[0]
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes length',
-      expected:2,
-      result:async function({s1}){
-         return s1.ancestors[0].prev.parents[0].attribs.length
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn $',
-      expected:true,
-      result:async function({s1}){
-         return s1.ancestors[0].prev.parents[0].attribs[0].check('test and some')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn *=',
-      expected:true,
-      result:async function({s1}){
-         return s1.ancestors[0].prev.parents[0].attribs[0].check('some')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn *=',
-      expected:true,
-      result:async function(){
-         let s = Query.get('[test*="some value"]')[0]
-         return s.attribs[0].check('some value test')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn ~= prase instead single word',
-      expected:false,
-      result:async function(){
-         let s = Query.get('[test~="some value"]')[0]
-         return s.attribs[0].check('some value test')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn ~=',
-      expected:true,
-      result:async function(){
-         let s = Query.get('[test~="value"]')[0]
-         return s.attribs[0].check('some value test')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn ^=',
-      expected:true,
-      result:async function(){
-         let s = Query.get('[test^="some"]')[0]
-         return s.attribs[0].check('some value test')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn |= with few words',
-      expected:false,
-      result:async function(){
-         let s = Query.get('[test|="some value test"]')[0]
-         return s.attribs[0].check('some')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn |=word',
-      expected:true,
-      result:async function(){
-         let s = Query.get('[test|="some"]')[0]
-         return s.attribs[0].check('some')
-      },
-      action:equal
-   },
-   {
-      title:'Check attributes fn |=word-word',
-      expected:true,
-      result:async function(){
-         let s = Query.get('[test|="some"]')[0]
-         return s.attribs[0].check('some-value')
-      },
-      action:equal
-   },
-])

package/selector/selector.js

@@ -1,126 +0,0 @@
-let Query = require('../query/query')
-let HtmlParser = require("../parser/parser")
-
-class HtmlSelector {
-   constructor(html) {
-      if(typeof html == 'string') {
-         this.html = new HtmlParser(html)
-         this.elements.forEach((element,i) => {this.makeSelectable(element)});
-      } else console.log('Parameter is not string')
-   }
-   get elements() {return this.html.elements}
-
-   makeSelectable(element) {
-      if(element.type == 'tag' && element.status !== 'close') {
-         element.$$ = (query) => this.$$(query,element.index,element.endIndex)
-         element.$ = (query) => this.$(query,element.index,element.endIndex)
-      }
-   }
-
-   $(query,start=0,end=this.elements.length) {
-      return this.$$(query,start,end,true)
-   }
-
-   $$(query,start=0,end=this.elements.length,single=false) {
-      let result = []
-      this.selectors = new Query(query).selectors
-      this.query = query
-      this.selectors.forEach(selector => {
-         for(let i=start; i<end; i++) {
-            let el = this.elements[i]
-            if(this.checkElement(el,selector) && !result.includes(el)) result.push(el)
-            if(single && result.length == 1) break
-         }
-      });
-      if(single && result.length == 1) return result[0]
-      else if(single && result.length == 0) return null
-      else return result
-   }
-
-   checkElement(el,selector) {
-      if(selector == undefined) return true
-      if(el == null) return false
-      let {tag,classList,attribs,id,prev,ancestors,parents,prevAny} = selector
-      
-      if(el.status == 'close' || el.type == 'text') return false
-      if(id !== undefined && el.id == undefined) return false
-      if(id && id !== el.id) return false
-      if(tag && el.tag == undefined) return false
-      else if(tag && tag !== el.tag) return false
-      if(classList !== undefined && el.classList == undefined) return false
-      else if(classList !== undefined && Array.isArray(el.classList)) {
-         if(classList.every(e => el.classList.includes(e)) == false) return false
-      }
-      if(this.checkAttribs(attribs,el) == false) return false
-      if(this.checkElement(el.prev,prev) == false) return false
-      if(this.checkAncestors(el.ancestors,ancestors) == false) return false
-      if(this.checkParents(el.ancestors,parents) == false) return false
-      if(el.parent) {
-         if(this.prevAny(el.parent.children,el.childIndex,prevAny) == false) return false
-      }
-      return true
-   }
-
-   prevAny(children=[],index,prevAny) {
-      let size = children.length
-      if((size == 0 || index == 0) && prevAny) return false
-      for(let i=index; i>=0; i--) {
-         if(this.checkElement(children[i],prevAny)) return true
-      }
-      return false
-   }
-
-   checkAncestors(ancestors=[],selectorAncestors=[]) {
-      let count = 0
-      if(selectorAncestors.length == 0) return true
-      let endIndex = ancestors.length-1
-      let selectorIndex = selectorAncestors.length-1
-      while(selectorIndex>=0) {
-         for(let i=endIndex; i>=0; i--) {
-            endIndex=i-1
-            if(this.checkElement(ancestors[i],selectorAncestors[selectorIndex]) == true) {
-               count++
-               break
-            }
-         }
-         selectorIndex--
-      }
-      if(count == selectorAncestors.length) return true
-      else return false
-   }
-
-   checkParents(ancestors=[],selectorParents=[]) {
-      if(selectorParents.length == 0) return true
-      if(ancestors.length < selectorParents.length) return false
-      let index = ancestors.length-1
-      for(let i=selectorParents.length-1; i>=0; i--) {
-         if(this.checkElement(ancestors[index],selectorParents[i]) == false) return false
-         index--
-      }
-      return true
-   }
-
-   checkAttribs(attribs=[],el) {
-      let elAttribs = el.attribs
-      let names = Object.keys(elAttribs)
-      let passedTests = 0
-      if(attribs) for(let i=0; i<attribs.length; i++) {
-         let {name,value,check} = attribs[i]
-         if(name == 'inner' && value !== undefined && check && el.innerText) {
-            if(check(el.innerText)) passedTests++
-         }
-         
-         if(!names.includes(name)) continue
-         else if(value == undefined) passedTests++
-         else if(value && elAttribs[name]) {
-            if(check(elAttribs[name]) == false) continue
-            else passedTests++
-         } 
-      }
-      if(passedTests == attribs.length) return true
-      else return false
-   }
-
-}
-
-module.exports = HtmlSelector