chore: cleanup
This commit is contained in:
parent
46eb7d6786
commit
bba4d7fcd9
39 changed files with 104 additions and 110 deletions
|
|
@ -197,7 +197,7 @@ hr {
|
||||||
@apply flex flex-1;
|
@apply flex flex-1;
|
||||||
@apply w-full;
|
@apply w-full;
|
||||||
@apply px-4 py-2;
|
@apply px-4 py-2;
|
||||||
@apply bg-primary;
|
@apply bg-transparent;
|
||||||
@apply rounded;
|
@apply rounded;
|
||||||
@apply text-secondaryDark;
|
@apply text-secondaryDark;
|
||||||
@apply border border-divider;
|
@apply border border-divider;
|
||||||
|
|
@ -236,7 +236,7 @@ button {
|
||||||
|
|
||||||
.floating-input:focus-within ~ label,
|
.floating-input:focus-within ~ label,
|
||||||
.floating-input:not(:placeholder-shown) ~ label {
|
.floating-input:not(:placeholder-shown) ~ label {
|
||||||
@apply bg-primary;
|
@apply bg-transparent;
|
||||||
@apply transform;
|
@apply transform;
|
||||||
@apply origin-top-left;
|
@apply origin-top-left;
|
||||||
@apply scale-75;
|
@apply scale-75;
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
name="command"
|
name="command"
|
||||||
:placeholder="$t('app.type_a_command_search')"
|
:placeholder="$t('app.type_a_command_search')"
|
||||||
class="
|
class="
|
||||||
bg-primary
|
bg-transparent
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
text-secondaryDark text-base
|
text-secondaryDark text-base
|
||||||
leading-normal
|
leading-normal
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
<template #content>
|
<template #content>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
flex
|
flex
|
||||||
p-2
|
p-2
|
||||||
|
|
@ -22,7 +23,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-b border-dividerLight">
|
<div class="bg-primary border-b border-dividerLight">
|
||||||
<div class="flex flex-col my-4 mx-6 search-wrapper">
|
<div class="flex flex-col my-4 mx-6 search-wrapper">
|
||||||
<input
|
<input
|
||||||
v-model="filterText"
|
v-model="filterText"
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
type="text"
|
type="text"
|
||||||
autofocus
|
autofocus
|
||||||
class="
|
class="
|
||||||
bg-primary
|
bg-transparent
|
||||||
border-b border-transparent
|
border-b border-transparent
|
||||||
cursor-pointer
|
cursor-pointer
|
||||||
flex
|
flex
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
v-model="filterText"
|
v-model="filterText"
|
||||||
type="search"
|
type="search"
|
||||||
:placeholder="$t('action.search')"
|
:placeholder="$t('action.search')"
|
||||||
class="bg-primary flex w-full py-2 pr-2 pl-10"
|
class="bg-transparent flex w-full py-2 pr-2 pl-10"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-1 justify-between">
|
<div class="flex flex-1 justify-between">
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
v-model="filterText"
|
v-model="filterText"
|
||||||
type="search"
|
type="search"
|
||||||
:placeholder="$t('action.search')"
|
:placeholder="$t('action.search')"
|
||||||
class="bg-primary flex w-full py-2 pr-2 pl-10"
|
class="bg-transparent flex w-full py-2 pr-2 pl-10"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<CollectionsChooseType
|
<CollectionsChooseType
|
||||||
|
|
|
||||||
|
|
@ -46,13 +46,13 @@
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
v-model="variable.key"
|
v-model="variable.key"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.variable', { count: index + 1 })"
|
:placeholder="$t('count.variable', { count: index + 1 })"
|
||||||
:name="'param' + index"
|
:name="'param' + index"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-model="variable.value"
|
v-model="variable.value"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
v-tippy="{ theme: 'tooltip' }"
|
v-tippy="{ theme: 'tooltip' }"
|
||||||
:title="$t('environment.select')"
|
:title="$t('environment.select')"
|
||||||
class="
|
class="
|
||||||
bg-primary
|
bg-transparent
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
flex-1
|
flex-1
|
||||||
select-wrapper
|
select-wrapper
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
:placeholder="$t('request.url')"
|
:placeholder="$t('request.url')"
|
||||||
@keyup.enter="onConnectClick"
|
@keyup.enter="onConnectClick"
|
||||||
|
|
|
||||||
|
|
@ -159,7 +159,7 @@
|
||||||
:value="header.key"
|
:value="header.key"
|
||||||
autofocus
|
autofocus
|
||||||
styles="
|
styles="
|
||||||
bg-primary
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -176,7 +176,7 @@
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
:name="`value ${index}`"
|
:name="`value ${index}`"
|
||||||
:value="header.value"
|
:value="header.value"
|
||||||
|
|
@ -329,7 +329,6 @@ export default defineComponent({
|
||||||
watch(
|
watch(
|
||||||
headers,
|
headers,
|
||||||
() => {
|
() => {
|
||||||
console.log("changed")
|
|
||||||
if (
|
if (
|
||||||
(headers.value[headers.value.length - 1]?.key !== "" ||
|
(headers.value[headers.value.length - 1]?.key !== "" ||
|
||||||
headers.value[headers.value.length - 1]?.value !== "") &&
|
headers.value[headers.value.length - 1]?.value !== "") &&
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
v-model="graphqlFieldsFilterText"
|
v-model="graphqlFieldsFilterText"
|
||||||
type="search"
|
type="search"
|
||||||
:placeholder="$t('action.search')"
|
:placeholder="$t('action.search')"
|
||||||
class="bg-primary flex w-full py-2 pr-2 pl-10"
|
class="bg-transparent flex w-full py-2 pr-2 pl-10"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
<input
|
<input
|
||||||
v-model="filterText"
|
v-model="filterText"
|
||||||
type="search"
|
type="search"
|
||||||
class="bg-primary flex w-full py-2 pr-2 pl-10"
|
class="bg-transparent flex w-full py-2 pr-2 pl-10"
|
||||||
:placeholder="$t('action.search')"
|
:placeholder="$t('action.search')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -115,14 +115,14 @@
|
||||||
<SmartEnvInput
|
<SmartEnvInput
|
||||||
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
||||||
v-model="basicUsername"
|
v-model="basicUsername"
|
||||||
class="bg-primary flex flex-1 py-1 px-4"
|
class="bg-transparent flex flex-1 py-1 px-4"
|
||||||
:placeholder="$t('authorization.username')"
|
:placeholder="$t('authorization.username')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
id="http_basic_user"
|
id="http_basic_user"
|
||||||
v-model="basicUsername"
|
v-model="basicUsername"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('authorization.username')"
|
:placeholder="$t('authorization.username')"
|
||||||
name="http_basic_user"
|
name="http_basic_user"
|
||||||
/>
|
/>
|
||||||
|
|
@ -133,14 +133,14 @@
|
||||||
<SmartEnvInput
|
<SmartEnvInput
|
||||||
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
||||||
v-model="basicPassword"
|
v-model="basicPassword"
|
||||||
class="bg-primary flex flex-1 py-1 px-4"
|
class="bg-transparent flex flex-1 py-1 px-4"
|
||||||
:placeholder="$t('authorization.password')"
|
:placeholder="$t('authorization.password')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
id="http_basic_passwd"
|
id="http_basic_passwd"
|
||||||
v-model="basicPassword"
|
v-model="basicPassword"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('authorization.password')"
|
:placeholder="$t('authorization.password')"
|
||||||
name="http_basic_passwd"
|
name="http_basic_passwd"
|
||||||
:type="passwordFieldType"
|
:type="passwordFieldType"
|
||||||
|
|
@ -157,6 +157,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
h-full
|
h-full
|
||||||
top-upperTertiaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
min-w-46
|
min-w-46
|
||||||
|
|
@ -188,14 +189,14 @@
|
||||||
<SmartEnvInput
|
<SmartEnvInput
|
||||||
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
||||||
v-model="bearerToken"
|
v-model="bearerToken"
|
||||||
class="bg-primary flex flex-1 py-1 px-4"
|
class="bg-transparent flex flex-1 py-1 px-4"
|
||||||
placeholder="Token"
|
placeholder="Token"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
id="bearer_token"
|
id="bearer_token"
|
||||||
v-model="bearerToken"
|
v-model="bearerToken"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Token"
|
placeholder="Token"
|
||||||
name="bearer_token"
|
name="bearer_token"
|
||||||
/>
|
/>
|
||||||
|
|
@ -203,6 +204,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
h-full
|
h-full
|
||||||
top-upperTertiaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
min-w-46
|
min-w-46
|
||||||
|
|
@ -237,14 +239,14 @@
|
||||||
<SmartEnvInput
|
<SmartEnvInput
|
||||||
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
v-if="EXPERIMENTAL_URL_BAR_ENABLED"
|
||||||
v-model="oauth2Token"
|
v-model="oauth2Token"
|
||||||
class="bg-primary flex flex-1 py-1 px-4"
|
class="bg-transparent flex flex-1 py-1 px-4"
|
||||||
placeholder="Token"
|
placeholder="Token"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
id="oauth2_token"
|
id="oauth2_token"
|
||||||
v-model="oauth2Token"
|
v-model="oauth2Token"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Token"
|
placeholder="Token"
|
||||||
name="oauth2_token"
|
name="oauth2_token"
|
||||||
/>
|
/>
|
||||||
|
|
@ -253,6 +255,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
h-full
|
h-full
|
||||||
top-upperTertiaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
min-w-46
|
min-w-46
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,10 @@
|
||||||
bg-primary
|
bg-primary
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
flex flex-1
|
flex flex-1
|
||||||
|
top-upperSecondaryStickyFold
|
||||||
pl-4
|
pl-4
|
||||||
|
z-10
|
||||||
|
sticky
|
||||||
items-center
|
items-center
|
||||||
justify-between
|
justify-between
|
||||||
"
|
"
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
bg-primary
|
bg-primary
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
flex flex-1
|
flex flex-1
|
||||||
top-upperSecondaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
pl-4
|
pl-4
|
||||||
z-10
|
z-10
|
||||||
sticky
|
sticky
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
v-model="param.key"
|
v-model="param.key"
|
||||||
:placeholder="$t('count.parameter', { count: index + 1 })"
|
:placeholder="$t('count.parameter', { count: index + 1 })"
|
||||||
styles="
|
styles="
|
||||||
bg-primaryLight
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -65,7 +65,7 @@
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
class="bg-primaryLight flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.parameter', { count: index + 1 })"
|
:placeholder="$t('count.parameter', { count: index + 1 })"
|
||||||
:name="'param' + index"
|
:name="'param' + index"
|
||||||
:value="param.key"
|
:value="param.key"
|
||||||
|
|
@ -96,12 +96,12 @@
|
||||||
v-model="param.value"
|
v-model="param.value"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
styles="
|
styles="
|
||||||
bg-primaryLight
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
px-4
|
px-4
|
||||||
"
|
"
|
||||||
@change="
|
@change="
|
||||||
updateBodyParam(index, {
|
updateBodyParam(index, {
|
||||||
key: param.key,
|
key: param.key,
|
||||||
|
|
@ -113,7 +113,7 @@
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
class="bg-primaryLight flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
:value="param.value"
|
:value="param.value"
|
||||||
|
|
@ -256,8 +256,6 @@ export default defineComponent({
|
||||||
entry: FormDataKeyValue,
|
entry: FormDataKeyValue,
|
||||||
event: InputEvent
|
event: InputEvent
|
||||||
) => {
|
) => {
|
||||||
console.log(index, event)
|
|
||||||
|
|
||||||
const fileEntry: FormDataKeyValue = {
|
const fileEntry: FormDataKeyValue = {
|
||||||
...entry,
|
...entry,
|
||||||
isFile: true,
|
isFile: true,
|
||||||
|
|
@ -304,7 +302,7 @@ export default defineComponent({
|
||||||
@apply flex flex-1;
|
@apply flex flex-1;
|
||||||
@apply whitespace-nowrap;
|
@apply whitespace-nowrap;
|
||||||
@apply overflow-auto;
|
@apply overflow-auto;
|
||||||
@apply bg-primaryLight;
|
@apply bg-transparent;
|
||||||
|
|
||||||
.file-chips-wrapper {
|
.file-chips-wrapper {
|
||||||
@apply flex;
|
@apply flex;
|
||||||
|
|
|
||||||
|
|
@ -50,7 +50,7 @@
|
||||||
:value="header.key"
|
:value="header.key"
|
||||||
autofocus
|
autofocus
|
||||||
styles="
|
styles="
|
||||||
bg-primary
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -71,7 +71,7 @@
|
||||||
v-model="header.value"
|
v-model="header.value"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
styles="
|
styles="
|
||||||
bg-primary
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -87,7 +87,7 @@
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
:value="header.value"
|
:value="header.value"
|
||||||
|
|
@ -182,7 +182,6 @@ export default defineComponent({
|
||||||
watch: {
|
watch: {
|
||||||
headers$: {
|
headers$: {
|
||||||
handler(newValue) {
|
handler(newValue) {
|
||||||
console.log("changed")
|
|
||||||
if (
|
if (
|
||||||
(newValue[newValue.length - 1]?.key !== "" ||
|
(newValue[newValue.length - 1]?.key !== "" ||
|
||||||
newValue[newValue.length - 1]?.value !== "") &&
|
newValue[newValue.length - 1]?.value !== "") &&
|
||||||
|
|
@ -203,7 +202,6 @@ export default defineComponent({
|
||||||
addRESTHeader({ key: "", value: "", active: true })
|
addRESTHeader({ key: "", value: "", active: true })
|
||||||
},
|
},
|
||||||
updateHeader(index: number, item: HoppRESTHeader) {
|
updateHeader(index: number, item: HoppRESTHeader) {
|
||||||
console.log(index, item)
|
|
||||||
updateRESTHeader(index, item)
|
updateRESTHeader(index, item)
|
||||||
},
|
},
|
||||||
deleteHeader(index: number) {
|
deleteHeader(index: number) {
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<input
|
<input
|
||||||
id="oidcDiscoveryURL"
|
id="oidcDiscoveryURL"
|
||||||
v-model="oidcDiscoveryURL"
|
v-model="oidcDiscoveryURL"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="OpenID Connect Discovery URL"
|
placeholder="OpenID Connect Discovery URL"
|
||||||
name="oidcDiscoveryURL"
|
name="oidcDiscoveryURL"
|
||||||
/>
|
/>
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
<input
|
<input
|
||||||
id="authURL"
|
id="authURL"
|
||||||
v-model="authURL"
|
v-model="authURL"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Authentication URL"
|
placeholder="Authentication URL"
|
||||||
name="authURL"
|
name="authURL"
|
||||||
/>
|
/>
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
<input
|
<input
|
||||||
id="accessTokenURL"
|
id="accessTokenURL"
|
||||||
v-model="accessTokenURL"
|
v-model="accessTokenURL"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Access Token URL"
|
placeholder="Access Token URL"
|
||||||
name="accessTokenURL"
|
name="accessTokenURL"
|
||||||
/>
|
/>
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
<input
|
<input
|
||||||
id="clientID"
|
id="clientID"
|
||||||
v-model="clientID"
|
v-model="clientID"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Client ID"
|
placeholder="Client ID"
|
||||||
name="clientID"
|
name="clientID"
|
||||||
/>
|
/>
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
<input
|
<input
|
||||||
id="scope"
|
id="scope"
|
||||||
v-model="scope"
|
v-model="scope"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
placeholder="Scope"
|
placeholder="Scope"
|
||||||
name="scope"
|
name="scope"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
v-model="param.key"
|
v-model="param.key"
|
||||||
:placeholder="$t('count.parameter', { count: index + 1 })"
|
:placeholder="$t('count.parameter', { count: index + 1 })"
|
||||||
styles="
|
styles="
|
||||||
bg-primary
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.parameter', { count: index + 1 })"
|
:placeholder="$t('count.parameter', { count: index + 1 })"
|
||||||
:name="'param' + index"
|
:name="'param' + index"
|
||||||
:value="param.key"
|
:value="param.key"
|
||||||
|
|
@ -82,7 +82,7 @@
|
||||||
v-model="param.value"
|
v-model="param.value"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
styles="
|
styles="
|
||||||
bg-primary
|
bg-transparent
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
py-1
|
py-1
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-else
|
v-else
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.value', { count: index + 1 })"
|
:placeholder="$t('count.value', { count: index + 1 })"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
:value="param.value"
|
:value="param.value"
|
||||||
|
|
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
h-full
|
h-full
|
||||||
top-upperTertiaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
min-w-46
|
min-w-46
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
bg-primary
|
bg-primary
|
||||||
border-b border-dividerLight
|
border-b border-dividerLight
|
||||||
flex flex-1
|
flex flex-1
|
||||||
top-upperSecondaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
pl-4
|
pl-4
|
||||||
z-10
|
z-10
|
||||||
sticky
|
sticky
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,8 @@
|
||||||
px-4
|
px-4
|
||||||
w-28
|
w-28
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent
|
||||||
|
focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
:value="newMethod"
|
:value="newMethod"
|
||||||
:readonly="!isCustomMethod"
|
:readonly="!isCustomMethod"
|
||||||
|
|
@ -50,18 +51,18 @@
|
||||||
v-model="newEndpoint"
|
v-model="newEndpoint"
|
||||||
:placeholder="$t('request.url')"
|
:placeholder="$t('request.url')"
|
||||||
styles="
|
styles="
|
||||||
bg-primaryLight
|
bg-primaryLight
|
||||||
border border-divider
|
border border-divider
|
||||||
flex
|
flex
|
||||||
flex-1
|
flex-1
|
||||||
rounded-r
|
rounded-r
|
||||||
text-secondaryDark
|
text-secondaryDark
|
||||||
py-1
|
py-1
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:border-dividerDark
|
focus-visible:border-dividerDark
|
||||||
focus-visible:bg-primary
|
focus-visible:bg-transparent
|
||||||
"
|
"
|
||||||
@enter="newSendRequest()"
|
@enter="newSendRequest()"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
|
|
@ -79,7 +80,7 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
name="url"
|
name="url"
|
||||||
type="text"
|
type="text"
|
||||||
|
|
@ -295,7 +296,6 @@ const newSendRequest = () => {
|
||||||
subscribeToStream(
|
subscribeToStream(
|
||||||
runRESTRequest$(),
|
runRESTRequest$(),
|
||||||
(responseState) => {
|
(responseState) => {
|
||||||
console.log(responseState)
|
|
||||||
if (loading.value) {
|
if (loading.value) {
|
||||||
// Check exists because, loading can be set to false
|
// Check exists because, loading can be set to false
|
||||||
// when cancelled
|
// when cancelled
|
||||||
|
|
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="
|
class="
|
||||||
|
bg-primary
|
||||||
h-full
|
h-full
|
||||||
top-upperTertiaryStickyFold
|
top-upperTertiaryStickyFold
|
||||||
min-w-46
|
min-w-46
|
||||||
|
|
|
||||||
|
|
@ -82,7 +82,6 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
downloadResponse() {
|
downloadResponse() {
|
||||||
console.log(this.responseType)
|
|
||||||
const dataToWrite = this.responseBodyText
|
const dataToWrite = this.responseBodyText
|
||||||
const file = new Blob([dataToWrite], { type: this.responseType })
|
const file = new Blob([dataToWrite], { type: this.responseType })
|
||||||
const a = document.createElement("a")
|
const a = document.createElement("a")
|
||||||
|
|
|
||||||
|
|
@ -60,7 +60,7 @@ export default defineComponent({
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.realtime-log {
|
.realtime-log {
|
||||||
@apply p-4;
|
@apply p-4;
|
||||||
@apply bg-primary;
|
@apply bg-transparent;
|
||||||
@apply text-secondary;
|
@apply text-secondary;
|
||||||
@apply overflow-auto;
|
@apply overflow-auto;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,8 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent
|
||||||
|
focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
:placeholder="$t('mqtt.url')"
|
:placeholder="$t('mqtt.url')"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,8 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent
|
||||||
|
focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
:placeholder="$t('socketio.url')"
|
:placeholder="$t('socketio.url')"
|
||||||
@keyup.enter="urlValid ? toggleConnection() : null"
|
@keyup.enter="urlValid ? toggleConnection() : null"
|
||||||
|
|
@ -42,7 +43,8 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent
|
||||||
|
focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
spellcheck="false"
|
spellcheck="false"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
:placeholder="$t('sse.url')"
|
:placeholder="$t('sse.url')"
|
||||||
@keyup.enter="serverValid ? toggleSSEConnection() : null"
|
@keyup.enter="serverValid ? toggleSSEConnection() : null"
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
spellcheck="false"
|
spellcheck="false"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,8 @@
|
||||||
py-2
|
py-2
|
||||||
px-4
|
px-4
|
||||||
hover:border-dividerDark
|
hover:border-dividerDark
|
||||||
focus-visible:bg-primary focus-visible:border-dividerDark
|
focus-visible:bg-transparent
|
||||||
|
focus-visible:border-dividerDark
|
||||||
"
|
"
|
||||||
type="url"
|
type="url"
|
||||||
spellcheck="false"
|
spellcheck="false"
|
||||||
|
|
@ -84,7 +85,7 @@
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
v-model="protocol.value"
|
v-model="protocol.value"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('count.protocol', { count: index + 1 })"
|
:placeholder="$t('count.protocol', { count: index + 1 })"
|
||||||
name="message"
|
name="message"
|
||||||
type="text"
|
type="text"
|
||||||
|
|
|
||||||
|
|
@ -198,7 +198,7 @@ export default defineComponent({
|
||||||
|
|
||||||
ul.suggestions {
|
ul.suggestions {
|
||||||
@apply hidden;
|
@apply hidden;
|
||||||
@apply bg-primary;
|
@apply bg-popover;
|
||||||
@apply absolute;
|
@apply absolute;
|
||||||
@apply mx-2;
|
@apply mx-2;
|
||||||
@apply left-0;
|
@apply left-0;
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
@apply rounded;
|
@apply rounded;
|
||||||
@apply pl-2;
|
@apply pl-2;
|
||||||
@apply pr-0.5;
|
@apply pr-0.5;
|
||||||
@apply bg-primary;
|
@apply bg-transparent;
|
||||||
@apply border border-divider;
|
@apply border border-divider;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -114,7 +114,7 @@ export default defineComponent({
|
||||||
@apply left-4;
|
@apply left-4;
|
||||||
@apply right-4;
|
@apply right-4;
|
||||||
@apply bottom-0;
|
@apply bottom-0;
|
||||||
@apply bg-primary;
|
@apply bg-transparent;
|
||||||
@apply z-2;
|
@apply z-2;
|
||||||
@apply h-0.5;
|
@apply h-0.5;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
class="divide-x divide-dividerLight flex"
|
class="divide-x divide-dividerLight flex"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('team.email')"
|
:placeholder="$t('team.email')"
|
||||||
:name="'param' + index"
|
:name="'param' + index"
|
||||||
:value="member.user.email"
|
:value="member.user.email"
|
||||||
|
|
@ -52,7 +52,13 @@
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<span class="select-wrapper">
|
<span class="select-wrapper">
|
||||||
<input
|
<input
|
||||||
class="bg-primary cursor-pointer flex flex-1 py-2 px-4"
|
class="
|
||||||
|
bg-transparent
|
||||||
|
cursor-pointer
|
||||||
|
flex flex-1
|
||||||
|
py-2
|
||||||
|
px-4
|
||||||
|
"
|
||||||
:placeholder="$t('team.permissions')"
|
:placeholder="$t('team.permissions')"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
:value="
|
:value="
|
||||||
|
|
@ -96,7 +102,7 @@
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
v-model="member.key"
|
v-model="member.key"
|
||||||
class="bg-primary flex flex-1 py-2 px-4"
|
class="bg-transparent flex flex-1 py-2 px-4"
|
||||||
:placeholder="$t('team.email')"
|
:placeholder="$t('team.email')"
|
||||||
:name="'member' + index"
|
:name="'member' + index"
|
||||||
autofocus
|
autofocus
|
||||||
|
|
@ -112,7 +118,13 @@
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<span class="select-wrapper">
|
<span class="select-wrapper">
|
||||||
<input
|
<input
|
||||||
class="bg-primary cursor-pointer flex flex-1 py-2 px-4"
|
class="
|
||||||
|
bg-transparent
|
||||||
|
cursor-pointer
|
||||||
|
flex flex-1
|
||||||
|
py-2
|
||||||
|
px-4
|
||||||
|
"
|
||||||
:placeholder="$t('team.permissions')"
|
:placeholder="$t('team.permissions')"
|
||||||
:name="'value' + index"
|
:name="'value' + index"
|
||||||
:value="
|
:value="
|
||||||
|
|
|
||||||
|
|
@ -66,11 +66,9 @@ export function unbindAction(action: HoppAction, handler: () => void) {
|
||||||
export function defineActionHandler(action: HoppAction, handler: () => void) {
|
export function defineActionHandler(action: HoppAction, handler: () => void) {
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
bindAction(action, handler)
|
bindAction(action, handler)
|
||||||
console.log(`Action bound: ${action}`)
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
unbindAction(action, handler)
|
unbindAction(action, handler)
|
||||||
console.log(`Action unbound: ${action}`)
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -94,8 +94,6 @@ async function toggleStar(entry: any, col: HistoryFBCollections) {
|
||||||
if (currentUser$.value == null)
|
if (currentUser$.value == null)
|
||||||
throw new Error("User not logged in to toggle star")
|
throw new Error("User not logged in to toggle star")
|
||||||
|
|
||||||
console.log(entry)
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await firebase
|
await firebase
|
||||||
.firestore()
|
.firestore()
|
||||||
|
|
@ -207,7 +205,3 @@ export function initHistory() {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
restHistoryStore.dispatches$.subscribe((state) => {
|
|
||||||
console.log(state)
|
|
||||||
})
|
|
||||||
|
|
|
||||||
|
|
@ -76,7 +76,6 @@ export function startRequestSync(): Subscription {
|
||||||
)
|
)
|
||||||
.subscribe(() => {
|
.subscribe(() => {
|
||||||
// NOTE: This subscription should be kept
|
// NOTE: This subscription should be kept
|
||||||
console.log("synced request")
|
|
||||||
})
|
})
|
||||||
|
|
||||||
return sub
|
return sub
|
||||||
|
|
|
||||||
|
|
@ -158,12 +158,10 @@ export function useKeybindingDisabler() {
|
||||||
// TODO: Move to a lock based system that keeps the bindings disabled until all locks are lifted
|
// TODO: Move to a lock based system that keeps the bindings disabled until all locks are lifted
|
||||||
const disableKeybindings = () => {
|
const disableKeybindings = () => {
|
||||||
keybindingsEnabled = false
|
keybindingsEnabled = false
|
||||||
console.log("Keybinds disabled by a component")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const enableKeybindings = () => {
|
const enableKeybindings = () => {
|
||||||
keybindingsEnabled = true
|
keybindingsEnabled = true
|
||||||
console.log("Keybinds enabled by a component")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,6 @@ export const lenses = [jsonLens, imageLens, htmlLens, xmlLens, rawLens]
|
||||||
|
|
||||||
export function getSuitableLenses(response) {
|
export function getSuitableLenses(response) {
|
||||||
const contentType = response.headers.find((h) => h.key === "content-type")
|
const contentType = response.headers.find((h) => h.key === "content-type")
|
||||||
console.log(contentType)
|
|
||||||
|
|
||||||
if (!contentType) return [rawLens]
|
if (!contentType) return [rawLens]
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -27,8 +27,8 @@ export const defaultRESTRequest: HoppRESTRequest = {
|
||||||
v: RESTReqSchemaVersion,
|
v: RESTReqSchemaVersion,
|
||||||
endpoint: "https://echo.hoppscotch.io",
|
endpoint: "https://echo.hoppscotch.io",
|
||||||
name: "Untitled request",
|
name: "Untitled request",
|
||||||
params: [],
|
params: [{ key: "", value: "", active: true }],
|
||||||
headers: [],
|
headers: [{ key: "", value: "", active: true }],
|
||||||
method: "GET",
|
method: "GET",
|
||||||
auth: {
|
auth: {
|
||||||
authType: "none",
|
authType: "none",
|
||||||
|
|
|
||||||
|
|
@ -83,7 +83,6 @@
|
||||||
import {
|
import {
|
||||||
computed,
|
computed,
|
||||||
defineComponent,
|
defineComponent,
|
||||||
getCurrentInstance,
|
|
||||||
onBeforeMount,
|
onBeforeMount,
|
||||||
onBeforeUnmount,
|
onBeforeUnmount,
|
||||||
onMounted,
|
onMounted,
|
||||||
|
|
@ -112,7 +111,6 @@ import {
|
||||||
pluckRef,
|
pluckRef,
|
||||||
useReadonlyStream,
|
useReadonlyStream,
|
||||||
useStream,
|
useStream,
|
||||||
useStreamSubscriber,
|
|
||||||
} from "~/helpers/utils/composables"
|
} from "~/helpers/utils/composables"
|
||||||
import { loadRequestFromSync, startRequestSync } from "~/helpers/fb/request"
|
import { loadRequestFromSync, startRequestSync } from "~/helpers/fb/request"
|
||||||
import { onLoggedIn } from "~/helpers/fb/auth"
|
import { onLoggedIn } from "~/helpers/fb/auth"
|
||||||
|
|
@ -210,7 +208,6 @@ function setupRequestSync(
|
||||||
) {
|
) {
|
||||||
const request = await loadRequestFromSync()
|
const request = await loadRequestFromSync()
|
||||||
if (request) {
|
if (request) {
|
||||||
console.log("sync le request nnd")
|
|
||||||
// setRESTRequest(request)
|
// setRESTRequest(request)
|
||||||
if (!isEqual(request, getRESTRequest())) {
|
if (!isEqual(request, getRESTRequest())) {
|
||||||
requestForSync.value = request
|
requestForSync.value = request
|
||||||
|
|
@ -235,23 +232,13 @@ export default defineComponent({
|
||||||
|
|
||||||
const confirmSync = ref(false)
|
const confirmSync = ref(false)
|
||||||
|
|
||||||
const internalInstance = getCurrentInstance()
|
|
||||||
console.log("yoo", internalInstance)
|
|
||||||
|
|
||||||
const syncRequest = () => {
|
const syncRequest = () => {
|
||||||
console.log("syncinggg")
|
|
||||||
setRESTRequest(requestForSync.value!)
|
setRESTRequest(requestForSync.value!)
|
||||||
}
|
}
|
||||||
|
|
||||||
const { subscribeToStream } = useStreamSubscriber()
|
|
||||||
|
|
||||||
setupRequestSync(confirmSync, requestForSync)
|
setupRequestSync(confirmSync, requestForSync)
|
||||||
bindRequestToURLParams()
|
bindRequestToURLParams()
|
||||||
|
|
||||||
subscribeToStream(restRequest$, (x) => {
|
|
||||||
console.log(x)
|
|
||||||
})
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
newActiveParamsCount$: useReadonlyStream(
|
newActiveParamsCount$: useReadonlyStream(
|
||||||
restActiveParamsCount$.pipe(
|
restActiveParamsCount$.pipe(
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue