text: /**
   * @description change settings here
   * options page may come later...
   */
  const config = {
  
      /**
       * @description notification after copying
       * 
       * @param {Boolean} enable      enable/disable (true/false)
       * @param {Number}  hideAfterMs hide notifiction after XXmilliseconds
       * set to -1 to not hide
       * 
       * may only work in secure pages/https, not in http/without SSL
       */
      notification:{
          enable: false,
          hideAfterMs: 2000,
          title: "Text copied to clipboard!"
      },
  
      /**
       * @description Enable key to start/stop listening the mouse
       * false -> always listening
       * true  -> listen only when key is held down (recommended)
       * 
       * if disabled, may interfere with navigation, links might not
       * work properly.
       *
       *
       * IMPORTANT: clicking on ANYTHING will copy to clipboard, if
       * you click in text and want to paste in a input field,
       * whatever is in the input will OVERWRITE the clipboard.
       * I only recommend if you are using to copy from a page to
       * another software, like notepad for example.
       */
      enableActionKey: true,
  
      /**
       * @description uses event. preventDefault() and stopPropagation()
       * to not allow actions to happen when you click something, this
       * allows to click in a link to copy without opening it.
       * 
       * 
       */
      preventDefaultActions: true,
  
      /**
       * @description The key that when you hold it will start listening
       * for  mouse  position  and  clicks,  this allows to not leave it
       * always tracking cursor and clicks
       * 
       * keys  like ctrl and shift are  not recomended if you cliking in
       * links,  it  may  prevent  for  copying  or  opening link in new
       * window/tab
       * 
       * change it by the key you want
       * @example //examples:
       * actionKey: "Shift"
       * actionKey: "Alt"
       * actionKey: "w"
       * actionKey: "W" (shift+w)
       */
      actionKey: "Shift",
  
  
      /**
       * @description the event that will make it interact
       * with what you want to select, you still need to click to copy
       * but changes if will select when mouse move or whe you click
       * 
       * recommended: click or mousemove
       */
      mouseEventType: "mousemove",
  
  
      /**
       * @description put the tag and the attribute if you want to  take
       * something  specifically, like "href" form <a> (links) or  "src"
       * from an image tag (<img>)
       * 
       * 
       */
      specialTags: {
          "A": "href"
      },
  
      /**
       * @description Sometimes you are not selecting/clicking a <a> tag
       * with this setted to "true", the parent element you are hovering 
       * will also be checked
       * 
       * Google search results do that, puts a <h3> inside a <a> tag
       */
      checkParentElement: true,
  
  
      /**
       * @description enables a  highlight when mouse hovers  a element,
       * adds a background-color to the element
       * 
       * @param {Boolean} enable  enable/disable (true/false) highlight
       * @param {String}  color   color of highlight, the recommended  is
       * a translucent color (with alpha channel, like rgba or 8char HEX)
       * @example
       * #00000080 -> half translucent black
       * rgba(255, 255, 255, 0.5) -> half translucent white
       * @param {Number}  timeout time to remove the highlight after stop
       * moving the mouse
       */
      highlight: {
          enable: true,
          color: "rgba(0,0,0,0.1)",
          timeout: 500,
      },
  
  
      // print things on devTools console
      debug: false,
  }