Merge branch 'release-2.0.0'

.eslintrc.js

@@ -1,31 +1,41 @@
 module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: ["plugin:vue/essential", "@vue/airbnb", "plugin:prettier/recommended"],
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-unused-expressions": "off",
-    "no-param-reassign": "off",
-    "import/no-extraneous-dependencies": ["off"],
-    // "import/no-extraneous-dependencies": [
-    //   "warn",
-    //   { devDependencies: false, optionalDependencies: false, peerDependencies: false },
-    // ],
-    "no-unused-vars": ["off"],
-    // "no-unused-vars": ["off", { vars: "all", args: "after-used", ignoreRestSiblings: false }],
-    "prettier/prettier": [
-      "error",
-      {
-        printWidth: 120,
-        singleQuote: false,
-        trailingComma: "all",
-      },
-    ],
-  },
-  parserOptions: {
-    parser: "babel-eslint",
-  },
+	root: true,
+	env: {
+		node: true,
+		browser: true,
+	},
+	extends: ["plugin:vue/essential", "@vue/airbnb", "plugin:prettier/recommended"],
+	parserOptions: {
+		parser: "babel-eslint",
+	},
+	// plugins: ["vue"],
+	rules: {
+		"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+		"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+		"no-unused-expressions": "off",
+		"no-param-reassign": "off",
+		"import/no-extraneous-dependencies": ["off"],
+		"no-restricted-syntax": ["off", "ForOfStatement"],
+		// "import/no-extraneous-dependencies": [
+		//   "warn",
+		//   { devDependencies: false, optionalDependencies: false, peerDependencies: false },
+		// ],
+		"no-use-before-define": "warn",
+		"consistent-return": "warn",
+		"no-unused-vars": ["warn"],
+		// "no-unused-vars": ["off", { vars: "all", args: "after-used", ignoreRestSiblings: false }],
+		"prettier/prettier": [
+			"error",
+			{
+				arrowParens: "always",
+				bracketSpacing: true,
+				printWidth: 80,
+				semi: true,
+				tabWidth: 3,
+				trailingComma: "all",
+				useTabs: true,
+				endOfLine: "auto",
+			},
+		],
+	},
 };

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+/zips
 
 # local env files
 .env.local

CHANGELOG.md

@@ -0,0 +1,19 @@
+## Version 2.0.0
+
+##### Improvements
+
+-  frontend done in Vue
+-  backend using customized Vue CLI scaffolding
+-  UI styling done in Vuetify
+-  uses localstorage vs sync storage via Vuex
+-  switched to `webextension-polyfill` for cross-browser capability.
+   -  still need to implement the automation.
+-  made use of the native `browser.tabs` api over using content-scipts and a confusing messaging system.
+
+## Version 1.0.0
+
+##### Initial Release
+
+-  pure js implementation
+-  basically no styling
+-  basic functionally

README.md

@@ -1,6 +1,8 @@
 # Titlest
 
-a simple extension to replace or append a websites title with whatever you want. the extension name is a play on the golf brand. no, i dont like golf.
+a simple extension to replace or append a websites title with whatever you want. the extension name is a play on the golf brand. no, im not a golfer.
+
+![alt text](res/popup.png "Popup Menu")
 
 ## Overview
 
@@ -10,44 +12,30 @@ the code is sloppy and probably redundant but its part of the learning process.
 
 ## Installation
 
-_before i push the extension to the respective browser stores i need to convert from sync storage to local storage. so be warned that your data could could be lost in an update. i also need to make it cross browser compatible with firefox._
+> ~~before i push the extension to the respective browser stores i need to convert from sync storage to local storage. so be warned that your data could could be lost in an update.~~ i also need to make it cross browser compatible with firefox.\_
 
--   first you need to put the files on your local system by cloning or downloading the repository and extracting it.
+-  first you need to download the zip containing the compiled code for the [latest release](https://github.com/kinghat/Titlest/releases) and extract it to a directory of your choosing.
 
--   to install in chrome go to `chrome://extensions/` in your navigation bar. turn on "Developer Mode" in the top right and the click on the "Load unpacked" in the top left. select the `src/` directory. it should now be loaded as an "unpacked extension."
+-  to install in chrome go to `chrome://extensions/` in your navigation bar. turn on "Developer Mode" in the top right and the click on the "Load unpacked" in the top left. select the directory you extracted the zip to. it should now be loaded as an "unpacked extension."
 
 ## Development
 
 ### Project setup
 
-```
-yarn install
-```
-
-#### Compiles and hot-reloads for development
-
-```
-yarn run serve
-```
-
-#### Compiles and minifies for production
+#### Clone or download the repository
 
-```
-yarn run build
-```
+use whichever method you want to obtain the code from the repo
 
-#### Run your tests
+#### Compile and hot-reload for development
 
 ```
-yarn run test
+yarn serve
+npm run serve
 ```
 
-#### Lints and fixes files
+#### Compile and minify for production
 
 ```
-yarn run lint
+yarn build
+npm run build
 ```
-
-#### Customize configuration
-
-See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -1,5 +1,7 @@
 module.exports = {
-  presets: [
-    '@vue/app',
-  ],
+	// presets: ["@vue/app"],
+	presets: [
+		"@vue/cli-plugin-babel/preset",
+		// "@vue/app"
+	],
 };

package.json

@@ -1,46 +1,45 @@
 {
-    "name": "titlest",
-    "version": "2.0.0",
-    "description": "an extension with the ability to replace or append a sites title",
-    "keywords": [],
-    "author": "",
-    "license": "MIT",
-    "private": true,
-    "scripts": {
-        "serve": "vue-cli-service build --mode=development --watch",
-        "build": "vue-cli-service build",
-        "build:dev": "vue-cli-service build --mode development",
-        "build:target": "vue-cli-service build src/popup/popup.js",
-        "build:target:dev": "vue-cli-service build src/popup/popup.js --mode develpoment",
-        "lint": "vue-cli-service lint"
-    },
-    "dependencies": {
-        "core-js": "^2.6.9",
-        "vee-validate": "^3.0.11",
-        "vue": "^2.6.10",
-        "vue-router": "^3.1.3",
-        "vuetify": "^2.1.4",
-        "vuex": "^3.1.1",
-        "vuex-map-fields": "^1.3.5",
-        "vuex-pathify": "^1.4.0",
-        "vuex-webextensions": "^1.3.0",
-        "webextension-polyfill": "^0.5.0"
-    },
-    "devDependencies": {
-        "@mdi/font": "^4.5.95",
-        "@types/firefox-webext-browser": "^70.0.1",
-        "@vue/cli-plugin-babel": "^3.12.0",
-        "@vue/cli-plugin-eslint": "^3.12.0",
-        "@vue/cli-service": "^3.12.0",
-        "@vue/eslint-config-airbnb": "^4.0.1",
-        "babel-eslint": "^10.0.3",
-        "eslint": "^6.5.1",
-        "eslint-plugin-vue": "^5.2.3",
-        "sass": "^1.23.0",
-        "sass-loader": "^7.3.1",
-        "vue-cli-plugin-vuetify": "^1.0.1",
-        "vue-template-compiler": "^2.6.10",
-        "vuetify-loader": "^1.3.0",
-        "webpack-extension-reloader": "^1.1.1"
-    }
+	"name": "titlest",
+	"version": "2.0.0",
+	"description": "an extension with the ability to replace or append a sites title",
+	"keywords": [],
+	"author": "",
+	"license": "MIT",
+	"private": true,
+	"scripts": {
+		"serve": "vue-cli-service build --mode=development --watch",
+		"build": "vue-cli-service build",
+		"build:dev": "vue-cli-service build --mode development"
+	},
+	"dependencies": {
+		"core-js": "^3.4.1",
+		"vee-validate": "^3.0.11",
+		"vue": "^2.6.10",
+		"vuetify": "^2.1.10",
+		"vuex": "^3.1.2",
+		"vuex-webextensions": "^1.3.0",
+		"webextension-polyfill": "^0.5.0"
+	},
+	"devDependencies": {
+		"@mdi/font": "^4.5.95",
+		"@types/firefox-webext-browser": "^70.0.1",
+		"@vue/cli-plugin-babel": "^4.0.5",
+		"@vue/cli-plugin-eslint": "^4.0.5",
+		"@vue/cli-service": "^4.0.5",
+		"@vue/eslint-config-airbnb": "^5.0.0",
+		"babel-eslint": "^10.0.3",
+		"eslint": "^6.6.0",
+		"eslint-config-airbnb-base": "^14.0.0",
+		"eslint-config-prettier": "^6.7.0",
+		"eslint-plugin-import": "^2.18.2",
+		"eslint-plugin-prettier": "^3.1.1",
+		"eslint-plugin-vue": "^6.0.1",
+		"prettier": "^1.19.1",
+		"sass": "^1.23.7",
+		"sass-loader": "^8.0.0",
+		"vue-cli-plugin-vuetify": "^2.0.2",
+		"vue-template-compiler": "^2.6.10",
+		"vuetify-loader": "^1.3.1",
+		"webpack-extension-reloader": "^1.1.4"
+	}
 }

postcss.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  plugins: {
-    autoprefixer: {},
-  },
+	plugins: {
+		autoprefixer: {},
+	},
 };