General improvements

- Add Changelog file
- Add env-template file
- Improved README for building steps
- Moved static files to src
- Remove dist from repo
- Udate version
- Themed scrollbars

Author: afk-mario

.babelrc

@@ -1,10 +1,16 @@
 {
-  "presets":[ "react", "env" ],
-  "plugins": ["transform-object-rest-spread"],
+  "presets": ["@babel/preset-env", "@babel/react"],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+  "@babel/plugin-syntax-export-default-from",
+  "transform-export-extensions",
+    "@babel/plugin-proposal-object-rest-spread"
+  ],
   "compact" : false,
   "env": {
     "production": {
       "plugins": [ "transform-react-remove-prop-types" ]
+
     }
   }
 }

.env-template

@@ -0,0 +1,2 @@
+WEB_EXT_API_KEY=""
+WEB_EXT_API_SECRET=""

.gitignore

@@ -107,6 +107,8 @@ jspm_packages
 .web-ext-artifacts
 key.pem
 
-.env
+.env*
+!.env-template
 
 web-ext-artifacts
+dist

CHANGELOG.md

@@ -0,0 +1,17 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [1.2.1] - 2019-02-18
+### Added
+- web-ext as a dependency
+- changelog file
+
+### Changed
+- Webpack now cleans dist dir
+- upgrade dependencies
+- simplier build and start command

README.md

@@ -16,18 +16,24 @@ Inspired by [Reddit Submission Finder](https://addons.mozilla.org/en-US/firefox/
 
 # Running and building from source
 
-Currently using webpack and web-ext to build the addon, if you want to try it yourself run
+Currently using webpack and web-ext to build the addon, if you want to try it yourself follow this steps:
+
+To install the project dependencies run:
 
 `yarn install` or `npm install`
 
-To start the develpment process run:
+To start webpack on dev mode run:
+
+`yarn start` or `npm run start`
 
-`yarn start:dev` or `npm run start:dev`
+To run the addon on firefox run:
 
-`yarn start:fox` or `npm run start:fox`
+`web-ext run -s dist --firefox=PATH_TO_YOUR_FIREFOX_BIN --pre-install`
 
-To build the addon run:
+To build the production webpack bundle run:
 
 `yarn build:prod` or `npm run build:prod`
 
+To build the addon zip run:
+
 `yarn build:fox` or `npm run build:fox`

dist/search.js

@@ -1,17 +1,19 @@
 {
   "name": "busca.afk",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "busca.afk extension to search links on reddit or more",
   "main": "js/script.js",
   "scripts": {
-    "start:fox":
-      "web-ext run -s dist --browser-console -p default --firefox=/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox-bin",
+    "start":
+      "web-ext run -s dist --browser-console --firefox=firefox-developer-edition --verbose --pre-install",
+    "start:macos":
+      "web-ext run -s dist --browser-console -p default --firefox=/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox-bin --pre-install",
     "test": "eslint src/**/*.js && web-ext lint -s dist",
+    "build": "webpack --watch --progress",
     "build:chrome":
       "crx pack dist -o build/ligo.crx && web-ext build -s dist -a build",
-    "build:fox": "web-ext build -s dist --overwrite-dest",
-    "sign:fox": "env-cmd ./.env web-ext sign",
-    "build:dev": "webpack --watch --progress",
+    "build:fox": "webpack -p && web-ext build -s dist --overwrite-dest",
+    "sign:fox": "env-cmd ./.env web-ext -s dist sign",
     "build:prod": "webpack -p",
     "precommit": "lint-staged"
   },
@@ -42,16 +44,21 @@
     "prettier": "1.9.1"
   },
   "dependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.3.3",
+    "@babel/plugin-proposal-class-properties": "^7.3.3",
+    "@babel/plugin-proposal-object-rest-spread": "^7.3.2",
+    "@babel/plugin-syntax-export-default-from": "^7.2.0",
+    "@babel/preset-env": "^7.3.1",
+    "@babel/preset-react": "^7.0.0",
     "archiver": "^2.1.0",
     "autoprefixer": "^7.2.1",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-react": "^6.24.1",
+    "babel-loader": "^8.0.5",
+    "babel-plugin-transform-export-extensions": "^6.22.0",
     "choo": "^6.6.0",
     "choo-devtools": "^2.2.0",
+    "clean-webpack-plugin": "^1.0.1",
+    "copy-webpack-plugin": "^4.6.0",
     "css-loader": "^0.28.4",
     "dotenv": "^4.0.0",
     "env-cmd": "^7.0.0",
@@ -60,6 +67,7 @@
     "precss": "^2.0.0",
     "style-loader": "^0.19.0",
     "urijs": "^1.19.0",
+    "web-ext": "^2.9.3",
     "webpack": "^3.4.1"
   },
   "peerDependencies": {}

dist/search.map

@@ -1,6 +1,8 @@
 * {
   box-sizing: border-box;
   font-family: var(--font);
+  scrollbar-color: var(--medium-gray) var(--black);
+  scrollbar-width: thin;
 }
 
 html,

package.json

@@ -9,7 +9,7 @@
   "name": "busca.afk",
   "description": "busca.afk extension",
   "author": "Mario Carballo Zama",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "icons": {
     "16": "img/icon.svg",
     "19": "img/icon.svg",

src/containers/app/style.css

@@ -1,4 +1,6 @@
 const path = require('path');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
   devtool: 'cheap-module-source-map',
@@ -37,4 +39,14 @@ module.exports = {
       },
     ],
   },
+
+  plugins: [
+    new CleanWebpackPlugin('dist'),
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, './src/public'),
+        to: path.resolve(__dirname, 'dist'),
+      },
+    ]),
+  ],
 };