feat: remove typescript

Author: benjamincanac

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_size = 2
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -13,12 +13,10 @@ module.exports = {
   },
   parserOptions: {
     ecmaVersion: 2018,
-    parser: '@typescript-eslint/parser',
     sourceType: 'module'
   },
   plugins: [
-    'vue',
-    '@typescript-eslint'
+    'vue'
   ],
   rules: {
   }

.gitignore

@@ -2,4 +2,8 @@
 /*.log
 /dist
 /dist-zip
+coverage
 .env
+.DS_Store
+.nuxt
+.vscode

package.json

@@ -9,21 +9,18 @@
   },
   "scripts": {
     "lint": "eslint --ext .js,.vue src",
-    "prettier": "prettier \"src/**/*.{js,vue}\"",
-    "prettier:write": "npm run prettier -- --write",
     "build:dev": "cross-env NODE_ENV=development webpack --hide-modules",
     "build-zip": "node scripts/build-zip.js",
     "watch:tailwind": "NODE_ENV=development postcss src/tailwind.css -o dist/tailwind.css -w",
     "dev:tailwind": "NODE_ENV=development postcss src/tailwind.css -o dist/tailwind.css",
     "build:tailwind": "NODE_ENV=production postcss src/tailwind.css -o dist/tailwind.css",
     "watch": "npm run build -- --watch",
     "watch:dev": "cross-env HMR=true npm run build:dev -- --watch",
-    "dev": "concurrently \"npm run watch:tailwind\" \"NODE_ENV=development webpack --config webpack.config.js --mode=development --watch\"",
+    "dev": "concurrently \"npm run watch:tailwind\" \"npm run watch:dev\"",
     "build": "npm run build:tailwind && webpack --mode production"
   },
   "dependencies": {
     "@babel/polyfill": "^7.8.7",
-    "@types/node": "^14.0.1",
     "axios": "^0.19.0",
     "concurrently": "^5.2.0",
     "dotenv": "^8.2.0",
@@ -33,7 +30,6 @@
     "tailwindcss": "^1.3.5",
     "vue": "^2.6.10",
     "vue-telemetry-analyzer": "^0.1.6",
-    "vuejs-logger": "1.5.4",
     "vuex": "^3.1.3",
     "vuex-webextensions": "^1.3.0",
     "webextension-polyfill": "^0.3.1"
@@ -43,8 +39,6 @@
     "@babel/plugin-proposal-optional-chaining": "^7.0.0",
     "@babel/preset-env": "^7.1.0",
     "@babel/runtime-corejs3": "^7.4.0",
-    "@typescript-eslint/eslint-plugin": "^2.31.0",
-    "@typescript-eslint/parser": "^2.31.0",
     "archiver": "^3.0.0",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.2",
@@ -70,8 +64,6 @@
     "node-sass": "^4.13.1",
     "puppeteer": "^2.1.1",
     "sass-loader": "^7.1.0",
-    "ts-loader": "^7.0.3",
-    "typescript": "^3.8.3",
     "vue-loader": "^15.4.2",
     "vue-svg-loader": "^0.16.0",
     "vue-template-compiler": "^2.6.10",

postcss.config.js

@@ -1,7 +1,8 @@
-const tailwindcss = require('tailwindcss');
+const tailwindcss = require('tailwindcss')
+
 module.exports = {
     plugins: [
         tailwindcss('./tailwind.config.js'),
-        require('autoprefixer'),
-    ],
-};
+        require('autoprefixer')
+    ]
+}

scripts/build-zip.js

@@ -1,53 +1,53 @@
 #!/usr/bin/env node
 
-const fs = require('fs');
-const path = require('path');
-const archiver = require('archiver');
+const fs = require('fs')
+const path = require('path')
+const archiver = require('archiver')
 
-const DEST_DIR = path.join(__dirname, '../dist');
-const DEST_ZIP_DIR = path.join(__dirname, '../dist-zip'); 
+const DEST_DIR = path.join(__dirname, '../dist')
+const DEST_ZIP_DIR = path.join(__dirname, '../dist-zip')
 
 const extractExtensionData = () => {
-  const extPackageJson = require('../package.json');
+  const extPackageJson = require('../package.json')
 
   return {
     name: extPackageJson.name,
     version: extPackageJson.version
   }
-};
+}
 
 const makeDestZipDirIfNotExists = () => {
-  if(!fs.existsSync(DEST_ZIP_DIR)) {
-    fs.mkdirSync(DEST_ZIP_DIR);
+  if (!fs.existsSync(DEST_ZIP_DIR)) {
+    fs.mkdirSync(DEST_ZIP_DIR)
   }
 }
 
 const buildZip = (src, dist, zipFilename) => {
-  console.info(`Building ${zipFilename}...`);
+  console.info(`Building ${zipFilename}...`)
+
+  const archive = archiver('zip', { zlib: { level: 9 } })
+  const stream = fs.createWriteStream(path.join(dist, zipFilename))
 
-  const archive = archiver('zip', { zlib: { level: 9 }});
-  const stream = fs.createWriteStream(path.join(dist, zipFilename));
-  
   return new Promise((resolve, reject) => {
     archive
       .directory(src, false)
       .on('error', err => reject(err))
-      .pipe(stream);
+      .pipe(stream)
 
-    stream.on('close', () => resolve());
-    archive.finalize();
-  });
-};
+    stream.on('close', () => resolve())
+    archive.finalize()
+  })
+}
 
 const main = () => {
-  const {name, version} = extractExtensionData();
-  const zipFilename = `${name}-v${version}.zip`;
-  
-  makeDestZipDirIfNotExists();
+  const { name, version } = extractExtensionData()
+  const zipFilename = `${name}-v${version}.zip`
+
+  makeDestZipDirIfNotExists()
 
   buildZip(DEST_DIR, DEST_ZIP_DIR, zipFilename)
     .then(() => console.info('OK'))
-    .catch(console.err); 
-};
+    .catch(console.err)
+}
 
-main();
+main()

src/background.d.ts

@@ -2,77 +2,71 @@ import axios from 'axios'
 import store from './store'
 
 // array to save domain for checking if allready post
-const domainsVisited: Array<String> = []
+const domainsVisited = []
 const browser = require('webextension-polyfill')
 
 const map = store.getters.dataInfo
 // send url to analyzer
-async function sendUrl(url: string, domain: string, tabId: number) {
+async function sendUrl (url, domain, tabId) {
   // loading
   store.commit('SET_ISLOADING', true)
 
   await axios({
     method: 'GET',
-    url: `https://vue-telemetry.nuxtjs.app/api/analyze?url=${url}&src=extension`,
+    url: `https://vuetelemetry.com/api/analyze?url=${url}&src=extension`,
     auth: {
       username: 'nuxt-admin',
       password: 'vue-telemetry-protected-area'
     }
   }).then(({ data }) => {
-    // delete useless jsonKey
-    delete data.url
-    delete data.hostname
-    delete data.domain
-    delete data.screenshot
-    delete data.meta
-
-    setMapData(domain, data)
-  }).catch(() => {
+    setMapData(domain, data.body)
+  }).catch((e) => {
     browser.browserAction.setIcon({
       tabId,
       path: {
         16: 'icons/icon-grey-128.png',
         32: 'icons/icon-grey-128.png'
       }
     })
-    setMapData(domain, 'error')
+    setMapData(domain, e.response.data.statusCode === 400 ? 'noVue' : 'error')
   })
 
   store.commit('SET_ISLOADING', false)
 }
 
-// when tab created
-function handleCreated(tab: { url: string }) {
-  setMapData(tab.url, 'noVue')
-  store.commit('SET_CURRENTDOMAIN', 'noVue')
-}
-
 // when tab clicked
-async function handleActivated() {
+async function handleActivated () {
   // get active tab
-  browser.tabs.query({ currentWindow: true, active: true }).then((tabsArray: { id: number, url: string; }[]) => {
-    if (/^chrome/.test(tabsArray[0].url) || /^about/.test(tabsArray[0].url)) {
-      store.commit('SET_CURRENTDOMAIN', 'noVue')
-      setMapData(tabsArray[0].url, 'noVue')
-    } else {
-      detectVue(tabsArray[0].id, tabsArray[0].url)
+  browser.tabs.query({ currentWindow: true, active: true }).then((tabsArray) => {
+    const { id, url, status } = tabsArray[0]
+
+    if (status === 'complete') {
+      detectVue(id, url)
     }
   })
 }
 
 // when tab updated
-async function handleUpdated(tabId: number, changeInfo: { status: string }, tabInfo: { url: string }) {
+async function handleUpdated (tabId, changeInfo, tabInfo) {
   if (changeInfo.status === 'complete') {
     detectVue(tabId, tabInfo.url)
   }
 }
 
-browser.tabs.onCreated.addListener(handleCreated)
 browser.tabs.onActivated.addListener(handleActivated)
 browser.tabs.onUpdated.addListener(handleUpdated)
 
 // detect vue by calling detector and sendUrl
-async function detectVue(tabId: number, url: string) {
+async function detectVue (tabId, url) {
+  store.commit('SET_CURRENTDOMAIN', url)
+
+  if (!url) {
+    return
+  }
+  if (/^chrome/.test(url) || /^about/.test(url)) {
+    return setMapData(url, 'noVue')
+  }
+
   await hasVue(tabId).then(({ response }) => {
     store.commit('SET_CURRENTDOMAIN', response.vueInfo.domain)
 
@@ -93,25 +87,24 @@ async function detectVue(tabId: number, url: string) {
         sendUrl(url, response.vueInfo.domain, tabId)
       } else {
         setMapData(response.vueInfo.domain, 'noVue')
-        store.commit('SET_CURRENTDOMAIN', 'noVue')
       }
     }
   })
 }
 
-// check vue in detector.js and get response
-function hasVue(tabId: number) {
+// check vue in content.js and get response
+function hasVue (tabId) {
   return new Promise((resolve) => {
     browser.tabs.sendMessage(
       tabId,
       { greeting: '' }
-    ).then((response: any) => {
+    ).then((response) => {
       resolve(response)
     })
   })
 }
 
-function setMapData(domain: string, data: any) {
+function setMapData (domain, data) {
   map[domain] = data
   store.commit('SET_DATAINFO', map)
 }

src/background.html

@@ -1,9 +1,9 @@
 const browser = require('webextension-polyfill')
-const isBrowser: boolean = typeof navigator !== 'undefined'
-const isFirefox: boolean = isBrowser && navigator.userAgent.indexOf('Firefox') > -1
+const isBrowser = typeof navigator !== 'undefined'
+const isFirefox = isBrowser && navigator.userAgent.indexOf('Firefox') > -1
 
 let vueInfo = null
-let resolveDetecting: { (): void; (value?: unknown): void; }
+let resolveDetecting
 
 const detecting = new Promise((resolve) => {
   resolveDetecting = resolve
@@ -16,7 +16,7 @@ window.addEventListener('message', ({ data }) => {
   }
 })
 
-function handleMessage() {
+function handleMessage () {
   return new Promise((resolve) => {
     detecting.then(function () {
       resolve({ response: { vueInfo } })
@@ -30,15 +30,15 @@ if (document instanceof HTMLDocument) {
 
 browser.runtime.onMessage.addListener(handleMessage)
 
-function detectVue(win: { postMessage: (arg0: { __vue_telemetry__: boolean; domain: string; hasVue: boolean; }) => void; }) {
+function detectVue (win) {
   setTimeout(() => {
-    let hasVue: boolean = Boolean(window.Vue || (window as any).$nuxt) // || [...document.querySelectorAll('*')].map((el) => Boolean(el.__vue__)).filter(Boolean).length)
+    let hasVue = Boolean(window.Vue || window.$nuxt)
 
     if (hasVue === false) {
       const all = document.querySelectorAll('*')
-      let el: Element
+      let el
       for (let i = 0; i < all.length; i++) {
-        if ((all[i] as any).__vue__) {
+        if (all[i].__vue__) {
           el = all[i]
           break
         }
@@ -56,14 +56,14 @@ function detectVue(win: { postMessage: (arg0: { __vue_telemetry__: boolean; doma
   }, 100)
 }
 
-function installScript(fn: { (win: { postMessage: (arg0: { __vue_telemetry__: boolean; domain: string; hasVue: boolean; }) => void; }): void; toString?: any; }) {
+function installScript (fn) {
   const source = `;(${fn.toString()})(window)`
 
   if (isFirefox) {
     // eslint-disable-next-line no-eval
     window.eval(source) // in Firefox, this evaluates on the content window
   } else {
-    const script: HTMLScriptElement = document.createElement('script')
+    const script = document.createElement('script')
     script.setAttribute('defer', 'defer')
     script.textContent = source
     document.documentElement.appendChild(script)