Initial prettier formatted files

This commit is contained in:
Dmitry Yankowski
2020-02-24 13:44:50 -05:00
parent 1543c990ca
commit 777e629b3d
83 changed files with 18556 additions and 19258 deletions

View File

@@ -1,24 +1,24 @@
import Vuex from "vuex";
import state from "./state";
import VuexPersist from "vuex-persist";
import Vuex from 'vuex'
import state from './state'
import VuexPersist from 'vuex-persist'
export default {
install(Vue) {
Vue.use(Vuex);
Vue.use(Vuex)
const vuexLocalStorage = new VuexPersist({
key: "vuex",
key: 'vuex',
storage: window.localStorage,
reducer: ({ ...request }) => ({
...request
})
});
...request,
}),
})
const store = new Vuex.Store({
state,
plugins: [vuexLocalStorage.plugin]
});
plugins: [vuexLocalStorage.plugin],
})
Vue.prototype.$store = store;
}
};
Vue.prototype.$store = store
},
}

View File

@@ -1,97 +1,97 @@
export default {
setState({ request }, { attribute, value }) {
request[attribute] = value;
request[attribute] = value
},
setGQLState({ gql }, { attribute, value }) {
gql[attribute] = value;
gql[attribute] = value
},
addGQLHeader({ gql }, object) {
gql.headers.push(object);
gql.headers.push(object)
},
removeGQLHeader({ gql }, index) {
gql.headers.splice(index, 1);
gql.headers.splice(index, 1)
},
setGQLHeaderKey({ gql }, { index, value }) {
gql.headers[index].key = value;
gql.headers[index].key = value
},
setGQLHeaderValue({ gql }, { index, value }) {
gql.headers[index].value = value;
gql.headers[index].value = value
},
addHeaders({ request }, value) {
request.headers.push(value);
request.headers.push(value)
},
removeHeaders({ request }, index) {
request.headers.splice(index, 1);
request.headers.splice(index, 1)
},
setKeyHeader({ request }, { index, value }) {
request.headers[index].key = value;
request.headers[index].key = value
},
setValueHeader({ request }, { index, value }) {
request.headers[index].value = value;
request.headers[index].value = value
},
addParams({ request }, value) {
request.params.push(value);
request.params.push(value)
},
removeParams({ request }, index) {
request.params.splice(index, 1);
request.params.splice(index, 1)
},
setKeyParams({ request }, { index, value }) {
request.params[index].key = value;
request.params[index].key = value
},
setValueParams({ request }, { index, value }) {
request.params[index].value = value;
request.params[index].value = value
},
addBodyParams({ request }, value) {
request.bodyParams.push(value);
request.bodyParams.push(value)
},
removeBodyParams({ request }, index) {
request.bodyParams.splice(index, 1);
request.bodyParams.splice(index, 1)
},
setKeyBodyParams({ request }, { index, value }) {
request.bodyParams[index].key = value;
request.bodyParams[index].key = value
},
setValueBodyParams({ request }, { index, value }) {
request.bodyParams[index].value = value;
request.bodyParams[index].value = value
},
setOAuth2({ oauth2 }, { attribute, value }) {
oauth2[attribute] = value;
oauth2[attribute] = value
},
addOAuthToken({ oauth2 }, value) {
oauth2.tokens.push(value);
oauth2.tokens.push(value)
},
removeOAuthToken({ oauth2 }, index) {
oauth2.tokens.splice(index, 1);
oauth2.tokens.splice(index, 1)
},
setOAuthTokenName({ oauth2 }, { index, value }) {
oauth2.tokens[index].name = value;
oauth2.tokens[index].name = value
},
addOAuthTokenReq({ oauth2 }, value) {
oauth2.tokenReqs.push(value);
oauth2.tokenReqs.push(value)
},
removeOAuthTokenReq({ oauth2 }, index) {
oauth2.tokenReqs.splice(index, 1);
}
};
oauth2.tokenReqs.splice(index, 1)
},
}

View File

@@ -1,27 +1,27 @@
import Vue from "vue";
import Vue from 'vue'
export const SETTINGS_KEYS = [
/**
* Whether or not to enable scrolling to a specified element, when certain
* actions are triggered.
*/
"SCROLL_INTO_ENABLED",
'SCROLL_INTO_ENABLED',
/**
* The CSS class that should be applied to the root element.
* Essentially, the name of the background theme.
*/
"THEME_CLASS",
'THEME_CLASS',
/**
* The hex color code for the currently active theme.
*/
"THEME_COLOR",
'THEME_COLOR',
/**
* The hex color code for browser tab color.
*/
"THEME_TAB_COLOR",
'THEME_TAB_COLOR',
/**
* Whether or not THEME_COLOR is considered 'vibrant'.
@@ -30,247 +30,237 @@ export const SETTINGS_KEYS = [
* any text placed on the theme color will have its color
* inverted from white to black.
*/
"THEME_COLOR_VIBRANT",
'THEME_COLOR_VIBRANT',
/**
* The Ace editor theme
*/
"THEME_ACE_EDITOR",
'THEME_ACE_EDITOR',
/**
* Normally, section frames are multicolored in the UI
* to emphasise the different sections.
* This setting allows that to be turned off.
*/
"FRAME_COLORS_ENABLED",
'FRAME_COLORS_ENABLED',
/**
* Whether or not requests should be proxied.
*/
"PROXY_ENABLED",
'PROXY_ENABLED',
/**
* The URL of the proxy to connect to for requests.
*/
"PROXY_URL",
'PROXY_URL',
/**
* The security key of the proxy.
*/
"PROXY_KEY",
'PROXY_KEY',
/**
* An array of properties to exclude from the URL.
* e.g. 'auth'
*/
"URL_EXCLUDES",
'URL_EXCLUDES',
/**
* A boolean value indicating whether to use the browser extensions
* to run the requests
*/
"EXTENSIONS_ENABLED"
];
'EXTENSIONS_ENABLED',
]
export const state = () => ({
settings: {},
collections: [
{
name: "My Collection",
name: 'My Collection',
folders: [],
requests: []
}
requests: [],
},
],
environments: [
{
name: "My Environment Variables",
variables: []
}
name: 'My Environment Variables',
variables: [],
},
],
editingEnvironment: {},
selectedRequest: {},
editingRequest: {}
});
editingRequest: {},
})
export const mutations = {
applySetting({ settings }, setting) {
if (
setting === null ||
!(setting instanceof Array) ||
setting.length !== 2
) {
throw new Error(
"You must provide a setting (array in the form [key, value])"
);
if (setting === null || !(setting instanceof Array) || setting.length !== 2) {
throw new Error('You must provide a setting (array in the form [key, value])')
}
const [key, value] = setting;
const [key, value] = setting
// Do not just remove this check.
// Add your settings key to the SETTINGS_KEYS array at the
// top of the file.
// This is to ensure that application settings remain documented.
if (!SETTINGS_KEYS.includes(key)) {
throw new Error(`The settings structure does not include the key ${key}`);
throw new Error(`The settings structure does not include the key ${key}`)
}
settings[key] = value;
settings[key] = value
},
removeVariables({ editingEnvironment }, value) {
editingEnvironment.variables = value;
editingEnvironment.variables = value
},
setEditingEnvironment(state, value) {
state.editingEnvironment = { ...value };
state.editingEnvironment = { ...value }
},
setVariableKey({ editingEnvironment }, { index, value }) {
editingEnvironment.variables[index].key = value;
editingEnvironment.variables[index].key = value
},
setVariableValue({ editingEnvironment }, { index, value }) {
editingEnvironment.variables[index].value = testValue(value);
editingEnvironment.variables[index].value = testValue(value)
},
removeVariable({ editingEnvironment }, variables) {
editingEnvironment.variables = variables;
editingEnvironment.variables = variables
},
addVariable({ editingEnvironment }, value) {
editingEnvironment.variables.push(value);
editingEnvironment.variables.push(value)
},
replaceEnvironments(state, environments) {
state.environments = environments;
state.environments = environments
},
importAddEnvironments(state, { environments, confirmation }) {
const duplicateEnvironment = environments.some(
item => {
return state.environments.some(
item2 => {
return item.name.toLowerCase() === item2.name.toLowerCase();
});
}
);
const duplicateEnvironment = environments.some(item => {
return state.environments.some(item2 => {
return item.name.toLowerCase() === item2.name.toLowerCase()
})
})
if (duplicateEnvironment) {
this.$toast.info("Duplicate environment");
return;
};
state.environments = [...state.environments, ...environments];
this.$toast.info('Duplicate environment')
return
}
state.environments = [...state.environments, ...environments]
let index = 0;
let index = 0
for (let environment of state.environments) {
environment.environmentIndex = index;
index += 1;
environment.environmentIndex = index
index += 1
}
this.$toast.info(confirmation, {
icon: "folder_shared"
});
icon: 'folder_shared',
})
},
removeEnvironment({ environments }, environmentIndex) {
environments.splice(environmentIndex, 1);
environments.splice(environmentIndex, 1)
},
saveEnvironment({ environments }, payload) {
const { environment, environmentIndex } = payload;
const { name } = environment;
const duplicateEnvironment = environments.length === 1
? false
: environments.some(
item =>
item.environmentIndex !== environmentIndex &&
item.name.toLowerCase() === name.toLowerCase()
);
const { environment, environmentIndex } = payload
const { name } = environment
const duplicateEnvironment =
environments.length === 1
? false
: environments.some(
item =>
item.environmentIndex !== environmentIndex &&
item.name.toLowerCase() === name.toLowerCase()
)
if (duplicateEnvironment) {
this.$toast.info("Duplicate environment");
return;
this.$toast.info('Duplicate environment')
return
}
environments[environmentIndex] = environment;
environments[environmentIndex] = environment
},
replaceCollections(state, collections) {
state.collections = collections;
state.collections = collections
},
importCollections(state, collections) {
state.collections = [...state.collections, ...collections];
state.collections = [...state.collections, ...collections]
let index = 0;
let index = 0
for (let collection of collections) {
collection.collectionIndex = index;
index += 1;
collection.collectionIndex = index
index += 1
}
},
addNewCollection({ collections }, collection) {
const { name } = collection;
const { name } = collection
const duplicateCollection = collections.some(
item => item.name.toLowerCase() === name.toLowerCase()
);
)
if (duplicateCollection) {
this.$toast.info("Duplicate collection");
return;
this.$toast.info('Duplicate collection')
return
}
collections.push({
name: "",
name: '',
folders: [],
requests: [],
...collection
});
...collection,
})
},
removeCollection({ collections }, payload) {
const { collectionIndex } = payload;
collections.splice(collectionIndex, 1);
const { collectionIndex } = payload
collections.splice(collectionIndex, 1)
},
editCollection({ collections }, payload) {
const {
collection: { name },
collectionIndex
} = payload;
collectionIndex,
} = payload
const duplicateCollection = collections.some(
item => item.name.toLowerCase() === name.toLowerCase()
);
)
if (duplicateCollection) {
this.$toast.info("Duplicate collection");
return;
this.$toast.info('Duplicate collection')
return
}
collections[collectionIndex] = collection;
collections[collectionIndex] = collection
},
addNewFolder({ collections }, payload) {
const { collectionIndex, folder } = payload;
const { collectionIndex, folder } = payload
collections[collectionIndex].folders.push({
name: "",
name: '',
requests: [],
...folder
});
...folder,
})
},
editFolder({ collections }, payload) {
const { collectionIndex, folder, folderIndex } = payload;
Vue.set(collections[collectionIndex].folders, folderIndex, folder);
const { collectionIndex, folder, folderIndex } = payload
Vue.set(collections[collectionIndex].folders, folderIndex, folder)
},
removeFolder({ collections }, payload) {
const { collectionIndex, folderIndex } = payload;
collections[collectionIndex].folders.splice(folderIndex, 1);
const { collectionIndex, folderIndex } = payload
collections[collectionIndex].folders.splice(folderIndex, 1)
},
addRequest({ collections }, payload) {
const { request } = payload;
const { request } = payload
// Request that is directly attached to collection
if (request.folder === -1) {
collections[request.collection].requests.push(request);
return;
collections[request.collection].requests.push(request)
return
}
collections[request.collection].folders[request.folder].requests.push(
request
);
collections[request.collection].folders[request.folder].requests.push(request)
},
editRequest({ collections }, payload) {
@@ -280,148 +270,116 @@ export const mutations = {
requestOldIndex,
requestNew,
requestNewCollectionIndex,
requestNewFolderIndex
} = payload;
requestNewFolderIndex,
} = payload
const changedCollection =
requestOldCollectionIndex !== requestNewCollectionIndex;
const changedFolder = requestOldFolderIndex !== requestNewFolderIndex;
const changedPlace = changedCollection || changedFolder;
const changedCollection = requestOldCollectionIndex !== requestNewCollectionIndex
const changedFolder = requestOldFolderIndex !== requestNewFolderIndex
const changedPlace = changedCollection || changedFolder
// set new request
if (requestNewFolderIndex !== undefined) {
Vue.set(
collections[requestNewCollectionIndex].folders[requestNewFolderIndex]
.requests,
collections[requestNewCollectionIndex].folders[requestNewFolderIndex].requests,
requestOldIndex,
requestNew
);
)
} else {
Vue.set(
collections[requestNewCollectionIndex].requests,
requestOldIndex,
requestNew
);
Vue.set(collections[requestNewCollectionIndex].requests, requestOldIndex, requestNew)
}
// remove old request
if (changedPlace) {
if (requestOldFolderIndex !== undefined) {
collections[requestOldCollectionIndex].folders[
requestOldFolderIndex
].requests.splice(requestOldIndex, 1);
} else {
collections[requestOldCollectionIndex].requests.splice(
collections[requestOldCollectionIndex].folders[requestOldFolderIndex].requests.splice(
requestOldIndex,
1
);
)
} else {
collections[requestOldCollectionIndex].requests.splice(requestOldIndex, 1)
}
}
},
saveRequestAs({ collections }, payload) {
const { request, collectionIndex, folderIndex, requestIndex } = payload;
const { request, collectionIndex, folderIndex, requestIndex } = payload
const specifiedCollection = collectionIndex !== undefined;
const specifiedFolder = folderIndex !== undefined;
const specifiedRequest = requestIndex !== undefined;
const specifiedCollection = collectionIndex !== undefined
const specifiedFolder = folderIndex !== undefined
const specifiedRequest = requestIndex !== undefined
if (specifiedCollection && specifiedFolder && specifiedRequest) {
Vue.set(
collections[collectionIndex].folders[folderIndex].requests,
requestIndex,
request
);
Vue.set(collections[collectionIndex].folders[folderIndex].requests, requestIndex, request)
} else if (specifiedCollection && specifiedFolder && !specifiedRequest) {
const requests =
collections[collectionIndex].folders[folderIndex].requests;
const lastRequestIndex = requests.length - 1;
Vue.set(requests, lastRequestIndex + 1, request);
const requests = collections[collectionIndex].folders[folderIndex].requests
const lastRequestIndex = requests.length - 1
Vue.set(requests, lastRequestIndex + 1, request)
} else if (specifiedCollection && !specifiedFolder && specifiedRequest) {
const requests = collections[collectionIndex].requests;
Vue.set(requests, requestIndex, request);
const requests = collections[collectionIndex].requests
Vue.set(requests, requestIndex, request)
} else if (specifiedCollection && !specifiedFolder && !specifiedRequest) {
const requests = collections[collectionIndex].requests;
const lastRequestIndex = requests.length - 1;
Vue.set(requests, lastRequestIndex + 1, request);
const requests = collections[collectionIndex].requests
const lastRequestIndex = requests.length - 1
Vue.set(requests, lastRequestIndex + 1, request)
}
},
saveRequest({ collections }, payload) {
const { request } = payload;
const { request } = payload
// Remove the old request from collection
if (request.hasOwnProperty("oldCollection") && request.oldCollection > -1) {
if (request.hasOwnProperty('oldCollection') && request.oldCollection > -1) {
const folder =
request.hasOwnProperty("oldFolder") && request.oldFolder >= -1
request.hasOwnProperty('oldFolder') && request.oldFolder >= -1
? request.oldFolder
: request.folder;
: request.folder
if (folder > -1) {
collections[request.oldCollection].folders[folder].requests.splice(
request.requestIndex,
1
);
collections[request.oldCollection].folders[folder].requests.splice(request.requestIndex, 1)
} else {
collections[request.oldCollection].requests.splice(
request.requestIndex,
1
);
collections[request.oldCollection].requests.splice(request.requestIndex, 1)
}
} else if (
request.hasOwnProperty("oldFolder") &&
request.oldFolder !== -1
) {
collections[request.collection].folders[folder].requests.splice(
request.requestIndex,
1
);
} else if (request.hasOwnProperty('oldFolder') && request.oldFolder !== -1) {
collections[request.collection].folders[folder].requests.splice(request.requestIndex, 1)
}
delete request.oldCollection;
delete request.oldFolder;
delete request.oldCollection
delete request.oldFolder
// Request that is directly attached to collection
if (request.folder === -1) {
Vue.set(
collections[request.collection].requests,
request.requestIndex,
request
);
return;
Vue.set(collections[request.collection].requests, request.requestIndex, request)
return
}
Vue.set(
collections[request.collection].folders[request.folder].requests,
request.requestIndex,
request
);
)
},
removeRequest({ collections }, payload) {
const { collectionIndex, folderIndex, requestIndex } = payload;
const { collectionIndex, folderIndex, requestIndex } = payload
// Request that is directly attached to collection
if (folderIndex === -1) {
collections[collectionIndex].requests.splice(requestIndex, 1);
return;
collections[collectionIndex].requests.splice(requestIndex, 1)
return
}
collections[collectionIndex].folders[folderIndex].requests.splice(
requestIndex,
1
);
collections[collectionIndex].folders[folderIndex].requests.splice(requestIndex, 1)
},
selectRequest(state, { request }) {
state.selectedRequest = Object.assign({}, request);
}
};
state.selectedRequest = Object.assign({}, request)
},
}
function testValue(myValue) {
try {
return JSON.parse(myValue);
} catch(ex) {
// Now we know it's a string just leave it as a string value.
return myValue;
return JSON.parse(myValue)
} catch (ex) {
// Now we know it's a string just leave it as a string value.
return myValue
}
}

View File

@@ -1,38 +1,38 @@
export default () => ({
request: {
method: "GET",
url: "https://httpbin.org",
path: "/get",
label: "",
auth: "None",
httpUser: "",
httpPassword: "",
passwordFieldType: "password",
bearerToken: "",
method: 'GET',
url: 'https://httpbin.org',
path: '/get',
label: '',
auth: 'None',
httpUser: '',
httpPassword: '',
passwordFieldType: 'password',
bearerToken: '',
headers: [],
params: [],
bodyParams: [],
rawParams: "",
rawParams: '',
rawInput: false,
requestType: "",
contentType: ""
requestType: '',
contentType: '',
},
gql: {
url: "https://rickandmortyapi.com/graphql",
url: 'https://rickandmortyapi.com/graphql',
headers: [],
variablesJSONString: "{}",
query: ""
variablesJSONString: '{}',
query: '',
},
oauth2: {
tokens: [],
tokenReqs: [],
tokenReqSelect: "",
tokenReqName: "",
accessTokenName: "",
oidcDiscoveryUrl: "",
authUrl: "",
accessTokenUrl: "",
clientId: "",
scope: ""
}
});
tokenReqSelect: '',
tokenReqName: '',
accessTokenName: '',
oidcDiscoveryUrl: '',
authUrl: '',
accessTokenUrl: '',
clientId: '',
scope: '',
},
})