Merge pull request #2 from lusitdev/manifest-v3

Manifest v3

Author: lusitdev

.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+build
+test
+
+*.zip
+
+.DS_Store

README.md

@@ -1,28 +1,31 @@
-
-![Adstxter logo](store-assets/128.png)
+![Adstxter logo](src/common/images/48.png)
 
 # Adstxter
 
-A simple chrome extension for checking [ads.txt](https://iabtechlab.com/ads-txt-about/) files. Provides a one-click test for the presence of given sellers. Active only when started by a user, otherwise it's suspended and not draining any resources. Handling of ads.txt follows the [IAB Tech Lab ads.txt Specification Version 1.0.2](https://iabtechlab.com/wp-content/uploads/2019/03/IAB-OpenRTB-Ads.txt-Public-Spec-1.0.2.pdf). 
+A simple chrome extension for checking [ads.txt](https://iabtechlab.com/ads-txt-about/) files. Provides a one-click test for the presence of given sellers. Active only when started by a user, otherwise it's suspended and not draining any resources. Handling of ads.txt follows the [IAB Tech Lab ads.txt Specification Version 1.0.2](https://iabtechlab.com/wp-content/uploads/2019/03/IAB-OpenRTB-Ads.txt-Public-Spec-1.0.2.pdf).
 
-Install it from the [Chrome Webstore](https://chrome.google.com/webstore/detail/ncdnbcbfjcflaocmpnhjajngpdoipnci).
+Install from the [Chrome Webstore](https://chrome.google.com/webstore/detail/ncdnbcbfjcflaocmpnhjajngpdoipnci).
 
 ## Usage
 
- - Test is triggered when the extension is started or new sellers are entered.
- - Targets the currently loaded website.
-
-![Screenshot of Adstxter: test result](store-assets/screenshot640x400_1.jpg)
-
-![Screenshot of Adstxter: copying the missing sellers to clipboard](store-assets/screenshot640x400_2.jpg)
+- Enter the list of seller seats you want to verify, as they appear in the ads.txt file.
+- The extension will automatically test ads.txt file on the loaded site.
 
 ## Limitations
 
- * Checking ads.txt on subdomains is currently not implemented.
- * Due to JavaScript security limitations, it's not possible to control the number of redirects when fetching ads.txt. (AFAIK). As a result, the following ads.txt directive isn't honored:
+- Checking ads.txt on subdomains is currently not implemented.
+- Due to JavaScript security limitations, it's not possible to control the number of redirects when fetching ads.txt. (AFAIK). As a result, the following ads.txt directive isn't honored:
 
     > Only a single HTTP redirect to a destination outside the original root domain is allowed to facilitate one-hop delegation of authority to a third party's web server domain. If the third party location returns a redirect, then the advertising system should treat the response as an error.
     > - *IAB Tech Lab ads.txt Specification Version 1.0.2*
 
 ## License
-Apache-2.0
+
+Apache-2.0
+
+## Credits
+
+This project includes the following fonts from Google Fonts:
+
+- **Roboto** designed by Christian Robertson, Paratype, Font Bureau, licensed under the [SIL OPEN FONT LICENSE Version 1.1](https://openfontlicense.org/open-font-license-official-text/)
+- **B612 Mono** designed by Nicolas Chauveau, Thomas Paillot, Jonathan Favre-Lamarine, Jean-Luc Vinot, licensed under the [SIL OPEN FONT LICENSE Version 1.1](https://openfontlicense.org/open-font-license-official-text/)

gulpfile.js

@@ -0,0 +1,116 @@
+const gulp = require('gulp');
+const sass = require('gulp-sass')(require('sass'));
+const sourcemaps = require('gulp-sourcemaps');
+const postcss = require('gulp-postcss');
+const autoprefixerPlugin = require('autoprefixer');
+const zip = require('gulp-zip').default;
+const terser = require('gulp-terser');
+const htmlmin = require('gulp-htmlmin');
+const flatten = require('gulp-flatten');
+const rename = require('gulp-rename');
+const nodePath = require('path');
+
+function compileSass(dest) {
+  const out = dest === 'dev' ? 'nested' : 'compressed';
+  return gulp.src('./src/chrome/scss/*.scss')
+    .pipe(sourcemaps.init())
+    .pipe(sass({ outputStyle: out }).on('error', sass.logError))
+    .pipe(postcss([autoprefixerPlugin()]))
+    .pipe(sourcemaps.write('.'))
+    .pipe(gulp.dest(`./build/${dest}/css`));
+}
+
+function buildDevWatch() {
+  const dist = './build/dev';
+  const images = './src/**/*.{png,jpg,jpeg,gif,svg}';
+  const fonts = './src/**/fonts/**/*.{woff,woff2,txt}';
+  const code = './src/**/*.{js,json,html}';
+
+  const pipe = (glob, destPath = dist, opt = null) => {
+    if (opt && opt.fonts) {
+      return gulp.src(glob, opt)
+        .pipe(rename((path) => {
+          const parts = path.dirname.split(nodePath.sep);
+          const fontsIndex = parts.indexOf('fonts');
+          if (fontsIndex !== -1) {
+            // Drop everything up to “fonts,” leaving the next subfolder
+            path.dirname = parts.slice(fontsIndex + 1).join(nodePath.sep);
+          }
+        }))
+        .pipe(gulp.dest(destPath));
+  }
+    return gulp.src(glob, opt)
+      .pipe(flatten())
+      .pipe(gulp.dest(destPath));
+  };
+
+  const watch = (glob, fn) => {
+    gulp.watch(glob, { ignoreInitial: false }, fn);
+  }
+
+  watch('./src/chrome/scss/*.scss', () => compileSass('dev'));
+  watch(code, () => pipe(code));
+  watch(images, () => pipe(images, `${dist}/img`, { encoding: false }));
+  watch(fonts, () => pipe(fonts, `${dist}/font`, { encoding: false, fonts: true }));
+}
+
+function buildDist() {
+  const src = './src';
+  const dist = './build/dist';
+  
+  const process = (glob, transform, destPath = dist, opt = null) => {
+    let stream = gulp.src(`${src}/${glob}`, opt);
+    if (transform) {
+      stream = stream.pipe(transform);
+    }
+    if (opt && opt.fonts) {
+      return stream
+        .pipe(rename((path) => {
+          const parts = path.dirname.split(nodePath.sep);
+          const fontsIndex = parts.indexOf('fonts');
+          if (fontsIndex !== -1) {
+            // Drop everything up to “fonts,” leaving the next subfolder
+            path.dirname = parts.slice(fontsIndex + 1).join(nodePath.sep);
+          }
+        }))
+        .pipe(gulp.dest(destPath));
+    }
+    stream = stream.pipe(flatten());
+    return stream.pipe(gulp.dest(destPath));  
+  };
+  
+  return Promise.all([
+    compileSass('dist'),
+    process('**/*.js', terser({
+      compress: {
+        ecma: 2020,
+        passes: 2,
+        drop_console: true, // Keep console for debugging or set to true for production
+        // unsafe: true,
+        // unsafe_methods: true
+      },
+      mangle: {
+        properties: false // Don't rename properties as Chrome APIs use them
+      },
+      format: {
+        comments: false,
+        ecma: 2020,
+        ascii_only: true
+      }
+    })),
+    process('**/*.html', htmlmin({ collapseWhitespace: true })),
+    process('**/*.{png,jpg,jpeg,gif,svg}', null, `${dist}/img`, { encoding: false }),
+    process('**/fonts/**/*.{woff,woff2,txt}', null, `${dist}/font`, { encoding: false, fonts: true }),
+    process('**/*.json')
+  ]);
+}
+
+function packDist() {
+  return gulp.src('./build/dist/**/*')
+    .pipe(zip('adstxter.zip'))
+    .pipe(gulp.dest('./release'));
+}
+
+exports.buildDevWatch = buildDevWatch;
+exports.buildDist = buildDist;
+exports.packDist = packDist;