Bump mixin-deep from 1.3.1 to 1.3.2

.gitignore

@@ -0,0 +1,8 @@
+node_modules
+temp
+.tmp
+dist
+.sass-cache
+.DS_Store
+build
+.directory

Documentation/es/README.md

@@ -0,0 +1,84 @@
+<div align="center">
+  <h1>
+    Advertising Detector Plug-in  
+  </h1>
+  <p>
+    <strong>Este desarrollo se llevo a cabo sobre <a href="https://github.com/EmailThis/extension-boilerplate">extension-boilerplate</a> </strong>
+  </p>
+  <img src="../images/plugin.png" alt="advertising detector plugin">
+</div>
+
+## Features  
+  + Se pueden configurar las cuentas de donde saldrá la publicidad a relevar.  
+  + Se puede configurar un backend donde se manda la información relevada.
+  + Se puede buildear para Chrome, Mozilla y Opera.
+  + Más features [aquí](https://github.com/EmailThis/extension-boilerplate#features)  
+
+## Instalación  
+  + Clonar el repositorio  ```git clone https://github.com/Cambalab/adv-detector-plugin.git ```  
+  + Ejecutar ```npm install```  
+  + Ejecutar ```npm run build```
+
+## Compilar para distintos Navegadores  
+  + Navegadores Chrome y Opera
+    - Para Google Chrome, ejectuar ```npm run chrome-build```   
+    - Para Opera, ejecutar ```npm run opera-build```  
+  + Navegador Mozilla Firefox
+    - Ejecutar ```npm run firefox-build```  
+
+  Se creará en el directorio ```adv-detector-plugin/build/``` una carpeta por navegador con la versión compilada.  
+  + Para cargar la extensión en Google Chrome y Opera, abrir el navegador y en escribir la dirección ```chrome://extensions``` elegir *"Modo Desarrollador"* hacer clic en *"Cargar Extensión sin empaquetar"* y cargar desde el file system ```adv-detector-plugin/build/chrome``` o ```adv-detector-plugin/build/opera```  
+  + Para cargar la extensión en Mozilla Firefox, abrir el navegador y escribir en la dirección ```about:debugging``` hacer clic en *"Cargar Complemento Temporario"* y desde el file system cargar el directorio ```adv-detector-plugin/build/firefox```
+
+## Empaquetado  
+  + Ejecutar ```npm run chrome-dist``` , ```npm run firefox-dist``` o ```npm run opera-dist``` y se creará un archivo **.zip** en ```adv-detector-plugin/dist``` para el navegador elegido, listo para subirla a la AppStore.
+
+## Configuración    
+  + En el archivo `adv-detector-plugin/src/config.js` se configuran en un array, las cuentas de Facebook de las que se van a querer monitorear su publicidad  
+
+  ```javascript
+  "accounts": [
+    {
+      "name": "Account Name", // for example: Facebook
+      "page_id": "Page id", // for example: 185150934832623
+      "page_name": "Url page" // for example: https://www.facebook.com/enespanol/
+    }
+  ],
+  ```  
+
+  + Para configurar las ciudades, agregarlas en *locations*  
+
+  ```javascript
+  "locations": [
+    "Select an option",
+    "City one",
+    "City two",
+    "City three",
+    "City four",
+    "City five",
+    "City six",
+    "City seven",
+    "City eight",
+    "City nine",
+    "City ten"
+  ],
+  ```  
+
+  + Dirección del Backend a donde va a mandar la información relevada  
+
+  ```javascript
+  "adUri": "API Backend URL", // Backend url
+  ```  
+
+  + Configurar los selectores con el cual se define una *Publicidad* en Facebook  
+
+  ```javascript
+  "fbAds": {
+    "mainContainerQuerySelector": "[id^='topnews_main_stream_'",
+    "profileIdContainerQuerySelector": "a[title='Perfil']",
+    "targetAdWord": "Publicidad",
+    "postQuerySelector": "hyperfeed_story_id_",
+    "postSubtitleQuerySelector": "[id^='fe_edsubtitle']",
+    "postIdQuerySelector": "[name=ft_ent_identifier]"
+  }
+  ```

README.md

@@ -0,0 +1,87 @@
+<div align="center">
+  <h1>
+    Advertising Detector Plugin  
+  </h1>
+  <p>
+    <strong>This Plugin was developed about <a href="https://github.com/EmailThis/extension-boilerplate">extension-boilerplate</a> </strong>
+  </p>
+  <img src="./Documentation/images/plugin.png" alt="advertising detector plugin">
+</div>  
+
+
+***Spanish Version*** [here](./Documentation/es/README.md)  
+
+## Features  
+  + You can set the accounts where then it's going to get the advertising to monitor.  
+  + You can set the Backend API Url where it's going to send the info.  
+  + You can build to Chrome, Mozilla and Opera browsers.  
+  + More features [here](https://github.com/EmailThis/extension-boilerplate#features)  
+
+## Install  
+  + Clone the repository  ```git clone https://github.com/Cambalab/adv-detector-plugin.git ```  
+  + Run ```npm install```  
+  + Run ```npm run build```
+
+## Build for each Browser
+  + For Chrome and Opera browsers
+    - **Chrome:** run ```npm run chrome-build```   
+    - **Opera:**, run ```npm run opera-build```  
+  + For Mozilla **Firefox browser**
+    - Run ```npm run firefox-build```  
+
+  In the directory ```adv-detector-plugin/build/``` will be create a new folder for each browser with the builded version.  
+  + For load the extension in Chrome and Opera browsers, open it and navigate to ```chrome://extensions``` then choose *"Developer Mode"*. Do click on *"Load unpacked extension"* and from the file system load  ```adv-detector-plugin/build/chrome``` or ```adv-detector-plugin/build/opera```  
+  + For load the extension in Firefox browser, open it and navigate to ```about:debugging``` then choose *"Load Temporary Add-on"* and from the file system load  ```adv-detector-plugin/build/firefox```
+
+## Packaging  
+  + Run ```npm run chrome-dist``` , ```npm run firefox-dist``` or ```npm run opera-dist``` and will be create a **zipped** file in ```adv-detector-plugin/dist``` for the browser that has been choosed, ready to upload to the AppStore.
+
+## Settings    
+  + In the file `adv-detector-plugin/src/config.js` is an array with the accounts that going to monitor.
+
+  ```javascript
+  "accounts": [
+    {
+      "name": "Account Name", // for example: Facebook
+      "page_id": "Page id", // for example: 185150934832623
+      "page_name": "Url page" // for example: https://www.facebook.com/enespanol/
+    }
+  ],
+  ```  
+
+  + For configure the location, add the options in the array *locations*  
+
+  ```javascript
+  "locations": [
+    "Select an option",
+    "City one",
+    "City two",
+    "City three",
+    "City four",
+    "City five",
+    "City six",
+    "City seven",
+    "City eight",
+    "City nine",
+    "City ten"
+  ],
+  ```  
+
+  + Backend API Url, where it will be send the information  
+
+  ```javascript
+  "adUri": "API Backend URL", // Backend url
+  ```  
+
+  + To set the *HTML* selectors with that Facebook define the **Sponsored** posts (advertising)
+
+  ```javascript
+  "fbAds": {
+    "mainContainerQuerySelector": "[id^='topnews_main_stream_'",
+    "profileIdContainerQuerySelector": "a[title='Perfil']",
+    "targetAdWord": "Sponsored",
+    "postQuerySelector": "hyperfeed_story_id_",
+    "postSubtitleQuerySelector": "[id^='fe_edsubtitle']",
+    "postIdQuerySelector": "[name=ft_ent_identifier]"
+  }
+  ```

config/chrome.json

@@ -0,0 +1,3 @@
+{
+  "extension": "chrome"
+}

config/development.json

@@ -0,0 +1,3 @@
+{
+  "env": "development"
+}

config/firefox.json

@@ -0,0 +1,3 @@
+{
+  "extension": "firefox"
+}

config/opera.json

@@ -0,0 +1,3 @@
+{
+  "extension": "opera"
+}

config/production.json

@@ -0,0 +1,3 @@
+{
+  "env": "production"
+}

gulpfile.babel.js

@@ -0,0 +1,153 @@
+var fs            = require('fs');
+var gulp          = require('gulp');
+var merge         = require('event-stream').merge;
+var browserify    = require('browserify');
+var source        = require('vinyl-source-stream');
+var buffer        = require('vinyl-buffer');
+var preprocessify = require('preprocessify');
+var gulpif        = require('gulp-if');
+
+const $ = require('gulp-load-plugins')();
+
+var production  = process.env.NODE_ENV === "production";
+var target      = process.env.TARGET || "chrome";
+var environment = process.env.NODE_ENV || "development";
+
+var generic   = JSON.parse(fs.readFileSync(`./config/${environment}.json`));
+var specific  = JSON.parse(fs.readFileSync(`./config/${target}.json`));
+var context   = Object.assign({}, generic, specific);
+
+var manifest = {
+  dev: {
+    "background": {
+      "scripts": [
+        "scripts/background.js"
+      ]
+    }
+  },
+
+  firefox: {
+    "applications": {
+      "gecko": {
+        "id": "advertising-detector-plugin"
+      }
+    }
+  }
+}
+
+// Tasks
+gulp.task('clean', () => {
+  return pipe(`./build/${target}`, $.clean())
+})
+
+gulp.task('build', (cb) => {
+  $.runSequence('clean', 'styles', 'ext', cb)
+});
+
+gulp.task('default', ['build']);
+
+gulp.task('ext', ['manifest', 'js'], () => {
+  return mergeAll(target)
+});
+
+
+// -----------------
+// COMMON
+// -----------------
+gulp.task('js', () => {
+  return buildJS(target)
+})
+
+gulp.task('styles', () => {
+  return gulp.src('src/styles/**/*.scss')
+    .pipe($.plumber())
+    .pipe($.sass.sync({
+      outputStyle: 'expanded',
+      precision: 10,
+      includePaths: ['.']
+    }).on('error', $.sass.logError))
+    .pipe(gulp.dest(`build/${target}/styles`));
+});
+
+gulp.task("manifest", () => {
+  return gulp.src('./manifest.json')
+    .pipe(gulpif(!production, $.mergeJson({
+      fileName: "manifest.json",
+      jsonSpace: " ".repeat(4),
+      endObj: manifest.dev
+    })))
+    .pipe(gulpif(target === "firefox", $.mergeJson({
+      fileName: "manifest.json",
+      jsonSpace: " ".repeat(4),
+      endObj: manifest.firefox
+    })))
+    .pipe(gulp.dest(`./build/${target}`))
+});
+
+
+
+// -----------------
+// DIST
+// -----------------
+gulp.task('dist', (cb) => {
+  $.runSequence('build', 'zip', cb)
+});
+
+gulp.task('zip', () => {
+  return pipe(`./build/${target}/**/*`, $.zip(`${target}.zip`), './dist')
+})
+
+
+// Helpers
+function pipe(src, ...transforms) {
+  return transforms.reduce((stream, transform) => {
+    const isDest = typeof transform === 'string'
+    return stream.pipe(isDest ? gulp.dest(transform) : transform)
+  }, gulp.src(src))
+}
+
+function mergeAll(dest) {
+  return merge(
+    pipe('./src/icons/**/*', `./build/${dest}/icons`),
+    pipe(['./src/_locales/**/*'], `./build/${dest}/_locales`),
+    pipe([`./src/images/${target}/**/*`], `./build/${dest}/images`),
+    pipe(['./src/images/shared/**/*'], `./build/${dest}/images`),
+    pipe(['./src/**/*.html'], `./build/${dest}`)
+  )
+}
+
+function buildJS(target) {
+  const files = [
+    'background.js',
+    'contentscript.js',
+    'options.js',
+    'popup.js',
+    '../config/config.js'
+  ]
+
+  let tasks = files.map( file => {
+    return browserify({
+      entries: 'src/scripts/' + file,
+      debug: true
+    })
+    .transform('babelify', { presets: ['es2015'] })
+    .transform(preprocessify, {
+      includeExtensions: ['.js'],
+      context: context
+    })
+    .bundle()
+    .pipe(source(file))
+    .pipe(buffer())
+    .pipe(gulpif(!production, $.sourcemaps.init({ loadMaps: true }) ))
+    .pipe(gulpif(!production, $.sourcemaps.write('./') ))
+    .pipe(gulpif(production, $.uglify({
+      "mangle": false,
+      "output": {
+        "ascii_only": true
+      }
+    })))
+    .pipe(gulp.dest(`build/${target}/scripts`));
+  });
+
+  return merge.apply(null, tasks);
+}

manifest.json

@@ -0,0 +1,37 @@
+{
+  "name": "Advertising_Detector_Plug-in",
+  "version": "0.0.1",
+  "manifest_version": 2,
+  "description": "This Plug-in scans the advertising that appear on your Facebook news feed.",
+  "default_locale": "en",
+  "icons": {
+    "16": "icons/icon.png"
+  },
+  "permissions": [
+    "*://*.facebook.com/",
+    "*://*.facebook.com/?ref=logo",
+    "storage"
+  ],
+  "background": {
+    "scripts": ["scripts/background.js"]
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "*://*.facebook.com/",
+        "*://*.facebook.com/?ref=logo"
+      ],
+      "js": [
+        "scripts/contentscript.js"
+      ],
+      "run_at": "document_end"
+    }
+  ],
+  "browser_action": {
+    "default_icon": {
+      "16": "icons/icon.png"
+    },
+    "default_title": "Advertising Detector Plug-in",
+    "default_popup": "popup.html"
+  }
+}