Isolate Netlify, Firebase and Helper functions + Import from absolute paths

components/collections/addCollection.vue

@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/addFolder.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -52,7 +52,7 @@ export default {
     collectionIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/collection.vue

@@ -87,7 +87,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/collections/editCollection.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -52,7 +52,7 @@ export default {
     editingCollectionIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/editFolder.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -49,7 +49,7 @@ export default {
     folderIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/editRequest.vue

@@ -69,7 +69,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -80,7 +80,7 @@ export default {
     requestIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/folder.vue

@@ -70,7 +70,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/collections/importExportCollections.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   computed: {
     collectionJson() {

components/collections/index.vue

@@ -103,7 +103,7 @@ ul {
 
 <script>
 import collection from "./collection"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/collections/request.vue

@@ -42,7 +42,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/collections/saveRequestAs.vue

@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -86,7 +86,7 @@ export default {
     editingRequest: Object,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/addEnvironment.vue

@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/editEnvironment.vue

@@ -114,8 +114,8 @@
 </template>
 
 <script>
-import textareaAutoHeight from "../../directives/textareaAutoHeight"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   directives: {
@@ -127,7 +127,7 @@ export default {
     editingEnvironmentIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/environment.vue

@@ -42,7 +42,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/environments/importExportEnvironment.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   computed: {
     environmentJson() {

components/environments/index.vue

@@ -58,7 +58,7 @@ ul {
 
 <script>
 import environment from "./environment"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/firebase/feeds.vue

@@ -49,7 +49,7 @@ ol {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/inputform.vue

@@ -46,7 +46,7 @@ ol {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/login.vue

@@ -37,7 +37,7 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/logout.vue

@@ -9,7 +9,7 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/graphql/queryeditor.vue

@@ -25,11 +25,11 @@ import ace from "ace-builds"
 import "ace-builds/webpack-resolver"
 import "ace-builds/src-noconflict/ext-language_tools"
 import "ace-builds/src-noconflict/mode-graphqlschema"
-import { defineGQLLanguageMode } from "~/functions/syntax/gqlQueryLangMode"
+import { defineGQLLanguageMode } from "~/helpers/syntax/gqlQueryLangMode"
 
 import * as gql from "graphql"
 import { getAutocompleteSuggestions } from "graphql-language-service-interface"
-import debounce from "../../functions/utils/debounce"
+import debounce from "~/helpers/utils/debounce"
 
 export default {
   props: {

components/layout/header.vue

@@ -282,15 +282,15 @@
 </style>
 
 <script>
-import intializePwa from "../../assets/js/pwa"
+import intializePwa from "~/assets/js/pwa"
 import {
   hasExtensionInstalled,
   hasChromeExtensionInstalled,
   hasFirefoxExtensionInstalled,
-} from "../../functions/strategies/ExtensionStrategy"
+} from "~/helpers/strategies/ExtensionStrategy"
-import { getPlatformSpecialKey } from "../../functions/platformutils"
+import { getPlatformSpecialKey } from "~/helpers/platformutils"
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/layout/history.vue

@@ -306,8 +306,8 @@ ol {
 </style>
 
 <script>
-import { findStatusGroup } from "../../pages/index"
+import { findStatusGroup } from "~/pages/index"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property))

components/realtime/log.vue

@@ -40,7 +40,7 @@ div.realtime-log {
 </style>
 
 <script>
-import { getSourcePrefix } from "~/functions/utils/string"
+import { getSourcePrefix } from "~/helpers/utils/string"
 
 export default {
   props: ["log", "title"],

components/realtime/mqtt.vue

@@ -70,11 +70,11 @@
 
 <script>
 import Paho from "paho-mqtt"
-import { wsValid } from "~/functions/utils/valid"
+import { wsValid } from "~/helpers/utils/valid"
 
 export default {
   components: {
-    "pw-section": () => import("../../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     realtimeLog: () => import("./log"),
   },
   data: function () {

components/realtime/socketio.vue

@@ -76,13 +76,13 @@
 </template>
 
 <script>
-import { socketioValid } from "~/functions/utils/valid"
+import { socketioValid } from "~/helpers/utils/valid"
 import io from "socket.io-client"
 import wildcard from "socketio-wildcard"
 
 export default {
   components: {
-    "pw-section": () => import("../../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     realtimeLog: () => import("./log"),
   },
   data() {

components/realtime/sse.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { httpValid } from "~/functions/utils/valid"
+import { httpValid } from "~/helpers/utils/valid"
 
 export default {
   components: {

components/realtime/websocket.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import { wsValid } from "~/functions/utils/valid"
+import { wsValid } from "~/helpers/utils/valid"
 
 export default {
   components: {

components/ui/ace-editor.vue

@@ -23,8 +23,8 @@ const DEFAULT_THEME = "twilight"
 
 import ace from "ace-builds"
 import "ace-builds/webpack-resolver"
-import jsonParse from "../../functions/jsonParse"
+import jsonParse from "~/helpers/jsonParse"
-import debounce from "../../functions/utils/debounce"
+import debounce from "~/helpers/utils/debounce"
 
 export default {
   props: {

layouts/default.vue

@@ -16,9 +16,9 @@
 <script>
 export default {
   components: {
-    sidenav: () => import("../components/layout/sidenav"),
+    sidenav: () => import("~/components/layout/sidenav"),
-    "pw-header": () => import("../components/layout/header"),
+    "pw-header": () => import("~/components/layout/header"),
-    "pw-footer": () => import("../components/layout/footer"),
+    "pw-footer": () => import("~/components/layout/footer"),
   },
 
   beforeMount() {

netlify.toml

@@ -1,3 +1,3 @@
 [build]
   command = "npm run generate"
-  functions = "functions/"
+  functions = "netlify/"

pages/doc.vue

@@ -303,11 +303,11 @@
 </style>
 
 <script>
-import AceEditor from "../components/ui/ace-editor"
+import AceEditor from "~/components/ui/ace-editor"
 
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     Editor: AceEditor,
   },
 

pages/graphql.vue

@@ -339,26 +339,26 @@
 <script>
 import axios from "axios"
 import * as gql from "graphql"
-import textareaAutoHeight from "../directives/textareaAutoHeight"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
-import { commonHeaders } from "../functions/headers"
+import { commonHeaders } from "~/helpers/headers"
-import AceEditor from "../components/ui/ace-editor"
+import AceEditor from "~/components/ui/ace-editor"
-import QueryEditor from "../components/graphql/queryeditor"
+import QueryEditor from "~/components/graphql/queryeditor"
-import { getPlatformSpecialKey } from "~/functions/platformutils"
+import { getPlatformSpecialKey } from "~/helpers/platformutils"
-import { sendNetworkRequest } from "../functions/network"
+import { sendNetworkRequest } from "~/helpers/network"
 
 export default {
   directives: {
     textareaAutoHeight,
   },
   components: {
-    "pw-section": () => import("../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
-    "gql-field": () => import("../components/graphql/field"),
+    "gql-field": () => import("~/components/graphql/field"),
-    "gql-type": () => import("../components/graphql/type"),
+    "gql-type": () => import("~/components/graphql/type"),
-    autocomplete: () => import("../components/ui/autocomplete"),
+    autocomplete: () => import("~/components/ui/autocomplete"),
     Editor: AceEditor,
     QueryEditor: QueryEditor,
-    tabs: () => import("../components/ui/tabs"),
+    tabs: () => import("~/components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
+    tab: () => import("~/components/ui/tab"),
   },
   data() {
     return {

pages/index.vue

@@ -1339,28 +1339,24 @@
 </template>
 
 <script>
-import section from "../components/layout/section"
+import section from "~/components/layout/section"
 import url from "url"
 import querystring from "querystring"
-import { commonHeaders } from "../functions/headers"
+import { commonHeaders } from "~/helpers/headers"
-import textareaAutoHeight from "../directives/textareaAutoHeight"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
-import parseCurlCommand from "../assets/js/curlparser.js"
+import parseCurlCommand from "~/assets/js/curlparser.js"
-import getEnvironmentVariablesFromScript from "../functions/preRequest"
+import getEnvironmentVariablesFromScript from "~/helpers/preRequest"
-import runTestScriptWithVariables from "../functions/postwomanTesting"
+import runTestScriptWithVariables from "~/helpers/postwomanTesting"
-import parseTemplateString from "../functions/templating"
+import parseTemplateString from "~/helpers/templating"
-import AceEditor from "../components/ui/ace-editor"
+import AceEditor from "~/components/ui/ace-editor"
-import { tokenRequest, oauthRedirect } from "../assets/js/oauth"
+import { tokenRequest, oauthRedirect } from "~/assets/js/oauth"
-import { cancelRunningRequest, sendNetworkRequest } from "../functions/network"
+import { cancelRunningRequest, sendNetworkRequest } from "~/helpers/network"
-import { fb } from "../functions/fb"
+import { fb } from "~/helpers/fb"
-import { getEditorLangForMimeType } from "~/functions/editorutils"
+import { getEditorLangForMimeType } from "~/helpers/editorutils"
-import {
+import { hasPathParams, addPathParamsToVariables, getQueryParams } from "~/helpers/requestParams.js"
-  hasPathParams,
+import { parseUrlAndPath } from "~/helpers/utils/uri.js"
-  addPathParamsToVariables,
+import { httpValid } from "~/helpers/utils/valid"
-  getQueryParams,
+import { knownContentTypes, isJSONContentType } from "~/helpers/utils/contenttypes"
-} from "../functions/requestParams.js"
-import { parseUrlAndPath } from "../functions/utils/uri.js"
-import { httpValid } from "../functions/utils/valid"
-import { knownContentTypes, isJSONContentType } from "../functions/utils/contenttypes"
 
 const statusCategories = [
   {
@@ -1417,19 +1413,19 @@ export default {
   },
   components: {
     "pw-section": section,
-    "pw-toggle": () => import("../components/ui/toggle"),
+    "pw-toggle": () => import("~/components/ui/toggle"),
-    "pw-modal": () => import("../components/ui/modal"),
+    "pw-modal": () => import("~/components/ui/modal"),
-    autocomplete: () => import("../components/ui/autocomplete"),
+    autocomplete: () => import("~/components/ui/autocomplete"),
-    history: () => import("../components/layout/history"),
+    history: () => import("~/components/layout/history"),
-    collections: () => import("../components/collections"),
+    collections: () => import("~/components/collections"),
-    saveRequestAs: () => import("../components/collections/saveRequestAs"),
+    saveRequestAs: () => import("~/components/collections/saveRequestAs"),
     Editor: AceEditor,
-    environments: () => import("../components/environments"),
+    environments: () => import("~/components/environments"),
-    inputform: () => import("../components/firebase/inputform"),
+    inputform: () => import("~/components/firebase/inputform"),
-    notes: () => import("../components/firebase/feeds"),
+    notes: () => import("~/components/firebase/feeds"),
-    login: () => import("../components/firebase/login"),
+    login: () => import("~/components/firebase/login"),
-    tabs: () => import("../components/ui/tabs"),
+    tabs: () => import("~/components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
+    tab: () => import("~/components/ui/tab"),
   },
   data() {
     return {

pages/realtime.vue

@@ -25,13 +25,13 @@
 <script>
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
-    tabs: () => import("../components/ui/tabs"),
+    tabs: () => import("~/components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
+    tab: () => import("~/components/ui/tab"),
-    websocket: () => import("../components/realtime/websocket"),
+    websocket: () => import("~/components/realtime/websocket"),
-    sse: () => import("../components/realtime/sse"),
+    sse: () => import("~/components/realtime/sse"),
-    socketio: () => import("../components/realtime/socketio"),
+    socketio: () => import("~/components/realtime/socketio"),
-    mqtt: () => import("../components/realtime/mqtt"),
+    mqtt: () => import("~/components/realtime/mqtt"),
   },
 }
 </script>

pages/settings.vue

@@ -209,15 +209,15 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
-    "pw-toggle": () => import("../components/ui/toggle"),
+    "pw-toggle": () => import("~/components/ui/toggle"),
-    swatch: () => import("../components/settings/swatch"),
+    swatch: () => import("~/components/settings/swatch"),
-    login: () => import("../components/firebase/login"),
+    login: () => import("~/components/firebase/login"),
-    logout: () => import("../components/firebase/logout"),
+    logout: () => import("~/components/firebase/logout"),
   },
 
   data() {

tests/e2e/integration/proxy.spec.js

@@ -13,7 +13,7 @@
 
 describe("Proxy enabled - external request", () => {
   it("Enable proxy and make a GET request to Postwoman API", () => {
-    cy.enableProxy("/?url=https://postwoman.io&path=/.netlify/functions/api")
+    cy.enableProxy("/?url=https://postwoman.io&path=/.netlify/netlify/api")
       .get("#send")
       .click()
       .get("#response-details-wrapper", { timeout: 24000 })