Lint + ES6

2020-10-21 12:20:32 +05:30
parent 774853af7a
commit f49c2138de
25 changed files with 263 additions and 212 deletions
--- a/components/collections/add-folder.vue
+++ b/components/collections/add-folder.vue
@@ -45,6 +45,7 @@
 <script>
 import { fb } from "~/helpers/fb"
 import closeIcon from "~/static/icons/close-24px.svg?inline"
+
 export default {
  components: {
    closeIcon,
@@ -60,6 +61,13 @@ export default {
    }
  },
  methods: {
+    syncCollections() {
+      if (fb.currentUser !== null) {
+        if (fb.currentSettings[0].value) {
+          fb.writeCollections(JSON.parse(JSON.stringify(this.$store.state.postwoman.collections)))
+        }
+      }
+    },
    addFolder() {
      this.$store.commit("postwoman/addFolder", {
        name: this.$data.name,
@@ -68,13 +76,6 @@ export default {
      this.hideModal()
      this.syncCollections()
    },
-    syncCollections() {
-      if (fb.currentUser !== null) {
-        if (fb.currentSettings[0].value) {
-          fb.writeCollections(JSON.parse(JSON.stringify(this.$store.state.postwoman.collections)))
-        }
-      }
-    },
    hideModal() {
      this.$emit("hide-modal")
    },
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -1,12 +1,13 @@
 <template>
  <div>
-    <div :class="['row-wrapper', dragging ? 'drop-zone':'' ]"
-         @dragover.prevent
-         @drop.prevent="dropEvent"
-         @dragover="dragging=true"
-         @drop="dragging=false"
-         @dragleave="dragging=false"
-         @dragend="dragging=false"
+    <div
+      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
+      @dragover.prevent
+      @drop.prevent="dropEvent"
+      @dragover="dragging = true"
+      @drop="dragging = false"
+      @dragleave="dragging = false"
+      @dragend="dragging = false"
    >
      <button class="icon" @click="toggleShowChildren">
        <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
@@ -29,7 +30,11 @@
          </button>
          <template slot="popover">
            <div>
-              <button class="icon" @click="$emit('add-folder', {folder: collection})" v-close-popover>
+              <button
+                class="icon"
+                @click="$emit('add-folder', { folder: collection })"
+                v-close-popover
+              >
                <i class="material-icons">create_new_folder</i>
                <span>{{ $t("new_folder") }}</span>
              </button>
@@ -135,20 +140,20 @@ export default {
      })
      this.syncCollections()
    },
-    dropEvent(event) {
-      this.dragging = !this.dragging;
-      const oldCollectionIndex = event.dataTransfer.getData('oldCollectionIndex');
-      const oldFolderIndex = event.dataTransfer.getData('oldFolderIndex');
-      const oldFolderName = event.dataTransfer.getData('oldFolderName');
-      const requestIndex = event.dataTransfer.getData('requestIndex');
+    dropEvent({ dataTransfer }) {
+      this.dragging = !this.dragging
+      const oldCollectionIndex = dataTransfer.getData("oldCollectionIndex")
+      const oldFolderIndex = dataTransfer.getData("oldFolderIndex")
+      const oldFolderName = dataTransfer.getData("oldFolderName")
+      const requestIndex = dataTransfer.getData("requestIndex")
      this.$store.commit("postwoman/moveRequest", {
-        oldCollectionIndex: oldCollectionIndex,
+        oldCollectionIndex,
        newCollectionIndex: this.$props.collectionIndex,
        newFolderIndex: -1,
        newFolderName: this.$props.collection.name,
-        oldFolderIndex: oldFolderIndex,
-        oldFolderName: oldFolderName,
-        requestIndex: requestIndex
+        oldFolderIndex,
+        oldFolderName,
+        requestIndex,
      })
      this.syncCollections()
    },
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -1,13 +1,13 @@
 <template>
  <div>
    <div
-      :class="['row-wrapper', dragging ? 'drop-zone':'' ]"
+      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
      @dragover.prevent
      @drop.prevent="dropEvent"
-      @dragover="dragging=true"
-      @drop="dragging=false"
-      @dragleave="dragging=false"
-      @dragend="dragging=false"
+      @dragover="dragging = true"
+      @drop="dragging = false"
+      @dragleave="dragging = false"
+      @dragend="dragging = false"
    >
      <div>
        <button class="icon" @click="toggleShowChildren">
@@ -29,7 +29,11 @@
            </button>
          </div>
          <div>
-            <button class="icon"  @click="$emit('edit-folder', { folder, folderIndex, collectionIndex })"  v-close-popover>
+            <button
+              class="icon"
+              @click="$emit('edit-folder', { folder, folderIndex, collectionIndex })"
+              v-close-popover
+            >
              <i class="material-icons">edit</i>
              <span>{{ $t("edit") }}</span>
            </button>
@@ -63,7 +67,7 @@
        </li>
      </ul>
      <ul v-if="folder.folders && folder.folders.length" class="flex-col">
-        <li v-for="(subFolder, subFolderIndex) in folder.folders" :key="subFolder.name" >
+        <li v-for="(subFolder, subFolderIndex) in folder.folders" :key="subFolder.name">
          <folder
            :folder="subFolder"
            :folder-index="subFolderIndex"
@@ -115,31 +119,31 @@ export default {
      this.$store.commit("postwoman/removeFolder", {
        collectionIndex: this.$props.collectionIndex,
        folderName: this.$props.folder.name,
-        folderIndex: this.$props.folderIndex
+        folderIndex: this.$props.folderIndex,
      })
      this.syncCollections()
      this.$toast.error(this.$t("deleted"), {
        icon: "delete",
      })
    },
-    dropEvent(event) {
-      this.dragging = !this.dragging;
-      const oldCollectionIndex = event.dataTransfer.getData('oldCollectionIndex');
-      const oldFolderIndex = event.dataTransfer.getData('oldFolderIndex');
-      const oldFolderName = event.dataTransfer.getData('oldFolderName');
-      const requestIndex = event.dataTransfer.getData('requestIndex');
+    dropEvent({ dataTransfer }) {
+      this.dragging = !this.dragging
+      const oldCollectionIndex = dataTransfer.getData("oldCollectionIndex")
+      const oldFolderIndex = dataTransfer.getData("oldFolderIndex")
+      const oldFolderName = dataTransfer.getData("oldFolderName")
+      const requestIndex = dataTransfer.getData("requestIndex")

      this.$store.commit("postwoman/moveRequest", {
-        oldCollectionIndex: oldCollectionIndex,
+        oldCollectionIndex,
        newCollectionIndex: this.$props.collectionIndex,
        newFolderIndex: this.$props.folderIndex,
        newFolderName: this.$props.folder.name,
-        oldFolderIndex: oldFolderIndex,
-        oldFolderName: oldFolderName,
-        requestIndex: requestIndex
+        oldFolderIndex,
+        oldFolderName,
+        requestIndex,
      })
      this.syncCollections()
    },
-  }
+  },
 }
 </script>
--- a/components/collections/import-export-collections.vue
+++ b/components/collections/import-export-collections.vue
@@ -108,8 +108,8 @@ export default {
    },
    replaceWithJSON() {
      let reader = new FileReader()
-      reader.onload = (event) => {
-        let content = event.target.result
+      reader.onload = ({ target }) => {
+        let content = target.result
        let collections = JSON.parse(content)
        if (collections[0]) {
          let [name, folders, requests] = Object.keys(collections[0])
@@ -130,8 +130,8 @@ export default {
    },
    importFromJSON() {
      let reader = new FileReader()
-      reader.onload = (event) => {
-        let content = event.target.result
+      reader.onload = ({ target }) => {
+        let content = target.result
        let collections = JSON.parse(content)
        if (collections[0]) {
          let [name, folders, requests] = Object.keys(collections[0])
@@ -191,24 +191,23 @@ export default {
        icon: "error",
      })
    },
-    parsePostmanCollection(collection) {
-      let postwomanCollection =
-        {
-          name: "",
-          folders: [],
-          requests: [],
-        }
+    parsePostmanCollection({ info, name, item }) {
+      let postwomanCollection = {
+        name: "",
+        folders: [],
+        requests: [],
+      }

-      postwomanCollection.name = collection.info ? collection.info.name : collection.name
+      postwomanCollection.name = info ? info.name : name

-      if (collection.item && collection.item.length > 0) {
-        for (let collectionItem of collection.item) {
+      if (item && item.length > 0) {
+        for (let collectionItem of item) {
          if (collectionItem.request) {
-            if (postwomanCollection.hasOwnProperty('folders')) {
-              postwomanCollection.name = collection.info ? collection.info.name : collection.name
+            if (postwomanCollection.hasOwnProperty("folders")) {
+              postwomanCollection.name = info ? info.name : name
              postwomanCollection.requests.push(this.parsePostmanRequest(collectionItem))
            } else {
-              postwomanCollection.name = collection.name ? collection.name : ""
+              postwomanCollection.name = name ? name : ""
              postwomanCollection.requests.push(this.parsePostmanRequest(collectionItem))
            }
          } else if (this.hasFolder(collectionItem)) {
@@ -295,7 +294,7 @@ export default {
      return pwRequest
    },
    hasFolder(item) {
-      return item.hasOwnProperty('item')
+      return item.hasOwnProperty("item")
    },
  },
 }
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -119,7 +119,7 @@ export default {
      editingCollection: undefined,
      editingCollectionIndex: undefined,
      editingFolder: undefined,
-      editingFolderName:undefined,
+      editingFolderName: undefined,
      editingFolderIndex: undefined,
      editingRequest: undefined,
      editingRequestIndex: undefined,
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -4,8 +4,8 @@
    draggable="true"
    @dragstart="dragStart"
    @dragover.stop
-    @dragleave="dragging=false"
-    @dragend="dragging=false"
+    @dragleave="dragging = false"
+    @dragend="dragging = false"
  >
    <div>
      <button
@@ -23,11 +23,19 @@
      </button>
      <template slot="popover">
        <div>
-          <button class="icon" @click="$emit('edit-request',{ collectionIndex,
-                                                              folderIndex,
-                                                              folderName,
-                                                              request,
-                                                              requestIndex } )" v-close-popover>
+          <button
+            class="icon"
+            @click="
+              $emit('edit-request', {
+                collectionIndex,
+                folderIndex,
+                folderName,
+                request,
+                requestIndex,
+              })
+            "
+            v-close-popover
+          >
            <i class="material-icons">edit</i>
            <span>{{ $t("edit") }}</span>
          </button>
@@ -73,12 +81,12 @@ export default {
    selectRequest() {
      this.$store.commit("postwoman/selectRequest", { request: this.request })
    },
-    dragStart(event) {
-      this.dragging = !this.dragging;
-      event.dataTransfer.setData('oldCollectionIndex', this.$props.collectionIndex);
-      event.dataTransfer.setData('oldFolderIndex', this.$props.folderIndex)
-      event.dataTransfer.setData('oldFolderName', this.$props.folderName);
-      event.dataTransfer.setData('requestIndex', this.$props.requestIndex);
+    dragStart({ dataTransfer }) {
+      this.dragging = !this.dragging
+      dataTransfer.setData("oldCollectionIndex", this.$props.collectionIndex)
+      dataTransfer.setData("oldFolderIndex", this.$props.folderIndex)
+      dataTransfer.setData("oldFolderName", this.$props.folderName)
+      dataTransfer.setData("requestIndex", this.$props.requestIndex)
    },
    removeRequest() {
      if (!confirm(this.$t("are_you_sure_remove_request"))) return
--- a/components/collections/save-request-as.vue
+++ b/components/collections/save-request-as.vue
@@ -108,13 +108,13 @@ export default {
    "requestData.folderName": function resetRequestIndex() {
      this.$data.requestData.requestIndex = undefined
    },
-    editingRequest(request) {
-      this.defaultRequestName = request.label || "My Request"
+    editingRequest({ label }) {
+      this.defaultRequestName = label || "My Request"
    },
  },
  computed: {
    folders() {
-      const collections =  this.$store.state.postwoman.collections
+      const collections = this.$store.state.postwoman.collections
      const collectionIndex = this.$data.requestData.collectionIndex
      const userSelectedAnyCollection = collectionIndex !== undefined
      if (!userSelectedAnyCollection) return []
@@ -134,7 +134,7 @@ export default {
        return []
      }

-      const userSelectedAnyFolder = folderName !== undefined && folderName !== ''
+      const userSelectedAnyFolder = folderName !== undefined && folderName !== ""

      if (userSelectedAnyFolder) {
        const collection = collections[collectionIndex]
@@ -144,7 +144,7 @@ export default {
        const collection = collections[collectionIndex]
        const noCollectionAvailable = collection !== undefined

-        if (!noCollectionAvailable){
+        if (!noCollectionAvailable) {
          return []
        }

@@ -194,7 +194,7 @@ export default {

 function getFolderNames(folders, namesList) {
  if (folders.length) {
-    folders.forEach(folder => {
+    folders.forEach((folder) => {
      namesList.push(folder.name)
      if (folder.folders && folder.folders.length) {
        getFolderNames(folder.folders, namesList)
@@ -205,14 +205,15 @@ function getFolderNames(folders, namesList) {
 }

 function findFolder(folderName, currentFolder) {
-  let selectedFolder, result;
+  let selectedFolder
+  let result

-  if (folderName === currentFolder.name){
+  if (folderName === currentFolder.name) {
    return currentFolder
  }

  for (let i = 0; i < currentFolder.folders.length; i++) {
-    selectedFolder = currentFolder.folders[i];
+    selectedFolder = currentFolder.folders[i]

    result = findFolder(folderName, selectedFolder)

--- a/components/environments/edit-environment.vue
+++ b/components/environments/edit-environment.vue
@@ -126,7 +126,7 @@ export default {
    }
  },
  watch: {
-    editingEnvironment: function (update) {
+    editingEnvironment(update) {
      this.name =
        this.$props.editingEnvironment && this.$props.editingEnvironment.name
          ? this.$props.editingEnvironment.name
@@ -151,13 +151,13 @@ export default {
        }
      }
    },
-    clearContent(e) {
+    clearContent({ target }) {
      this.$store.commit("postwoman/removeVariables", [])
-      e.target.innerHTML = this.doneButton
+      target.innerHTML = this.doneButton
      this.$toast.info(this.$t("cleared"), {
        icon: "clear_all",
      })
-      setTimeout(() => (e.target.innerHTML = '<i class="material-icons">clear_all</i>'), 1000)
+      setTimeout(() => (target.innerHTML = '<i class="material-icons">clear_all</i>'), 1000)
    },
    addEnvironmentVariable() {
      let value = { key: "", value: "" }
--- a/components/environments/import-export-environment.vue
+++ b/components/environments/import-export-environment.vue
@@ -108,8 +108,8 @@ export default {
    },
    replaceWithJSON() {
      let reader = new FileReader()
-      reader.onload = (event) => {
-        let content = event.target.result
+      reader.onload = ({ target }) => {
+        let content = target.result
        let environments = JSON.parse(content)
        this.$store.commit("postwoman/replaceEnvironments", environments)
      }
@@ -120,8 +120,8 @@ export default {
    },
    importFromJSON() {
      let reader = new FileReader()
-      reader.onload = (event) => {
-        let content = event.target.result
+      reader.onload = ({ target }) => {
+        let content = target.result
        let importFileObj = JSON.parse(content)
        if (
          importFileObj["_postman_variable_scope"] === "environment" ||
@@ -143,11 +143,9 @@ export default {
        confirmation,
      })
    },
-    importFromPostman(importFileObj) {
-      let environment = { name: importFileObj.name, variables: [] }
-      importFileObj.values.forEach((element) =>
-        environment.variables.push({ key: element.key, value: element.value })
-      )
+    importFromPostman({ name, values }) {
+      let environment = { name: name, variables: [] }
+      values.forEach(({ key, value }) => environment.variables.push({ key: key, value: value }))
      let environments = [environment]
      this.importFromPostwoman(environments)
    },
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -54,8 +54,8 @@ export default {
    }
  },
  methods: {
-    async deleteFeed(feed) {
-      await fb.deleteFeed(feed.id)
+    async deleteFeed({ id }) {
+      await fb.deleteFeed(id)
      this.$toast.error(this.$t("deleted"), {
        icon: "delete",
      })
--- a/components/graphql/type.vue
+++ b/components/graphql/type.vue
@@ -35,9 +35,7 @@ export default {
  },
  methods: {
    isFieldHighlighted({ field }) {
-      return !!this.highlightedFields.find(
-        (highlightedField) => highlightedField.name === field.name
-      )
+      return !!this.highlightedFields.find(({ name }) => name === field.name)
    },
  },
 }
--- a/components/layout/history.vue
+++ b/components/layout/history.vue
@@ -368,8 +368,8 @@ export default {
    useHistory(entry) {
      this.$emit("useHistory", entry)
    },
-    findEntryStatus(entry) {
-      const foundStatusGroup = findStatusGroup(entry.status)
+    findEntryStatus({ status }) {
+      const foundStatusGroup = findStatusGroup(status)
      return (
        foundStatusGroup || {
          className: "",
--- a/components/layout/pw-header.vue
+++ b/components/layout/pw-header.vue
@@ -452,11 +452,5 @@ export default {
      }
    },
  },
-
-  computed: {
-    availableLocales() {
-      return this.$i18n.locales.filter((i) => i.code !== this.$i18n.locale)
-    },
-  },
 }
 </script>
--- a/components/lenses/renderers/HTMLLensRenderer.vue
+++ b/components/lenses/renderers/HTMLLensRenderer.vue
@@ -73,6 +73,7 @@
    </li>
  </ul>
 </template>
+
 <script>
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"

--- a/components/lenses/renderers/ImageLensRenderer.vue
+++ b/components/lenses/renderers/ImageLensRenderer.vue
@@ -50,8 +50,8 @@ export default {
        const blob = new Blob([bytes.buffer])

        const reader = new FileReader()
-        reader.onload = (e) => {
-          this.imageSource = e.target.result
+        reader.onload = ({ target }) => {
+          this.imageSource = target.result
        }
        reader.readAsDataURL(blob)
      },
@@ -65,8 +65,8 @@ export default {
    const blob = new Blob([bytes.buffer])

    const reader = new FileReader()
-    reader.onload = (e) => {
-      this.imageSource = e.target.result
+    reader.onload = ({ target }) => {
+      this.imageSource = target.result
    }
    reader.readAsDataURL(blob)
  },
@@ -78,7 +78,8 @@ export default {
      const url = URL.createObjectURL(file)
      a.href = url
      // TODO get uri from meta
-      a.download = `response on ${Date()}`.replace(/\./g, "[dot]")
+      a.download = `${url.split("/").pop().split("#")[0].split("?")[0]}.${this.responseType}`
+      // `response on ${Date()}`.replace(/\./g, "[dot]")
      document.body.appendChild(a)
      a.click()
      this.$refs.downloadResponse.innerHTML = this.doneButton
--- a/components/lenses/renderers/RawLensRenderer.vue
+++ b/components/lenses/renderers/RawLensRenderer.vue
@@ -55,6 +55,7 @@
    </li>
  </ul>
 </template>
+
 <script>
 import { isJSONContentType } from "~/helpers/utils/contenttypes"
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"
--- a/components/lenses/renderers/XMLLensRenderer.vue
+++ b/components/lenses/renderers/XMLLensRenderer.vue
@@ -55,6 +55,7 @@
    </li>
  </ul>
 </template>
+
 <script>
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"

--- a/components/realtime/log.vue
+++ b/components/realtime/log.vue
@@ -47,7 +47,7 @@ export default {
  methods: {
    getSourcePrefix,
  },
-  updated: function () {
+  updated() {
    this.$nextTick(function () {
      if (this.$refs.log) {
        this.$refs.log.scrollBy(0, this.$refs.log.scrollHeight + 100)
--- a/components/realtime/mqtt.vue
+++ b/components/realtime/mqtt.vue
@@ -73,7 +73,7 @@ import Paho from "paho-mqtt"
 import { wsValid } from "~/helpers/utils/valid"

 export default {
-  data: function () {
+  data() {
    return {
      url: "wss://test.mosquitto.org:8081",
      client: null,
--- a/components/ui/ace-editor.vue
+++ b/components/ui/ace-editor.vue
@@ -75,7 +75,7 @@ export default {
      })
    },
    lang(value) {
-      this.editor.getSession().setMode("ace/mode/" + value)
+      this.editor.getSession().setMode(`ace/mode/${value}`)
    },
    options(value) {
      this.editor.setOptions(value)
--- a/components/ui/autocomplete.vue
+++ b/components/ui/autocomplete.vue
@@ -196,12 +196,11 @@ export default {

      return (
        this.source
-          .filter((entry) => {
-            return (
+          .filter(
+            (entry) =>
              entry.toLowerCase().startsWith(input.toLowerCase()) &&
              input.toLowerCase() !== entry.toLowerCase()
-            )
-          })
+          )
          // Cut off the part that's already been typed.
          .map((entry) => entry.substring(this.selectionStart))
          // We only want the top 6 suggestions.