Search Date Picker - Fast and simple collection of search-specific browser events

Search Date Picker is awesome tool!

Getting started

Demo

https://search-data-picker-demo.herokuapp.com

Install

npm install

Run Demo

npm start

Build with webpack

npm run build

Example Configuration

Configuratio in index.html

<script src="https://unpkg.com/search-data-picker@0.1.0/build/main.bundle.js" type="text/javascript"></script>
<script>
   const configFile = {
     "sessionConfigurations": {
       "storage": "cookie",
       "expiration": 43200
     },
     'documents': [{
       'selector': 'body > div > section.products > div > div',
       'elements': {
         'selectors': [
           {
             "key": "title",
             "selectors": ".info > h3"
           }
         ],
         'attributes': []
       }
     }]
   };
    const url = 'https://unpkg.com/search-data-picker@0.1.0/configuration/example-configuration.json';
    picker.initPicker.fromConfigFile(configFile) or picker.initPicker.fromUrl(url);
</script>

 Configuration from npm package

import SearchDataPicker from "search-data-picker/src";


const configFile = {
  "sessionConfigurations": {
    "storage": "cookie",
    "expiration": 43200
  },
  'documents': [{
    'selector': 'body > div > section.products > div > div',
    'elements': {
      'selectors': [
        {
          "key": "title",
          "selectors": ".info > h3"
        }
      ],
      'attributes': []
    }
  }]
};

const url = "https://unpkg.com/search-data-picker@0.1.0/configuration/example-configuration.json";
SearchDataPicker.initPicker.fromConfigFile(configFile) or SearchDataPicker.initPicker.fromUrl(url);