128 lines
3.7 KiB
TypeScript
128 lines
3.7 KiB
TypeScript
import { createHoppApp } from "@hoppscotch/common"
|
|
import { def as authDef } from "./platform/auth"
|
|
import { def as environmentsDef } from "./platform/environments/environments.platform"
|
|
import { def as collectionsDef } from "./platform/collections/collections.platform"
|
|
import { def as settingsDef } from "./platform/settings/settings.platform"
|
|
import { def as historyDef } from "./platform/history/history.platform"
|
|
import { proxyInterceptor } from "@hoppscotch/common/platform/std/interceptors/proxy"
|
|
import { ExtensionInspectorService } from "@hoppscotch/common/platform/std/inspections/extension.inspector"
|
|
import { NativeInterceptorService } from "./platform/interceptors/native"
|
|
import { nextTick, ref, watch } from "vue"
|
|
import { emit, listen } from "@tauri-apps/api/event"
|
|
import { type } from "@tauri-apps/api/os"
|
|
import { useSettingStatic } from "@hoppscotch/common/composables/settings"
|
|
import { appWindow } from "@tauri-apps/api/window"
|
|
import { stdFooterItems } from "@hoppscotch/common/platform/std/ui/footerItem"
|
|
import { stdSupportOptionItems } from "@hoppscotch/common/platform/std/ui/supportOptionsItem"
|
|
import { ioDef } from "./platform/io"
|
|
|
|
const headerPaddingLeft = ref("0px")
|
|
const headerPaddingTop = ref("0px")
|
|
|
|
;(async () => {
|
|
const platform = await type()
|
|
|
|
createHoppApp("#app", {
|
|
ui: {
|
|
additionalFooterMenuItems: stdFooterItems,
|
|
additionalSupportOptionsMenuItems: stdSupportOptionItems,
|
|
appHeader: {
|
|
paddingLeft: headerPaddingLeft,
|
|
paddingTop: headerPaddingTop,
|
|
onHeaderAreaClick() {
|
|
if (platform === "Darwin") {
|
|
// Drag thw window when the user drags the header area
|
|
// TODO: Ignore click on headers and fields
|
|
appWindow.startDragging()
|
|
}
|
|
},
|
|
},
|
|
},
|
|
io: ioDef,
|
|
auth: authDef,
|
|
sync: {
|
|
environments: environmentsDef,
|
|
collections: collectionsDef,
|
|
settings: settingsDef,
|
|
history: historyDef,
|
|
},
|
|
interceptors: {
|
|
default: "native",
|
|
interceptors: [
|
|
{ type: "service", service: NativeInterceptorService },
|
|
{ type: "standalone", interceptor: proxyInterceptor },
|
|
],
|
|
},
|
|
additionalInspectors: [
|
|
{ type: "service", service: ExtensionInspectorService },
|
|
],
|
|
platformFeatureFlags: {
|
|
exportAsGIST: false,
|
|
hasTelemetry: false,
|
|
cookiesEnabled: true,
|
|
promptAsUsingCookies: false,
|
|
},
|
|
})
|
|
|
|
watch(
|
|
useSettingStatic("BG_COLOR")[0],
|
|
async () => {
|
|
await nextTick()
|
|
|
|
await emit(
|
|
"hopp-bg-changed",
|
|
getComputedStyle(document.documentElement).getPropertyValue(
|
|
"--primary-color"
|
|
)
|
|
)
|
|
},
|
|
{ immediate: true }
|
|
)
|
|
|
|
if (platform === "Darwin") {
|
|
listen("will-enter-fullscreen", () => {
|
|
headerPaddingTop.value = "0px"
|
|
headerPaddingLeft.value = "0px"
|
|
})
|
|
|
|
listen("will-exit-fullscreen", () => {
|
|
headerPaddingTop.value = "2px"
|
|
headerPaddingLeft.value = "70px"
|
|
})
|
|
|
|
headerPaddingTop.value = "2px"
|
|
headerPaddingLeft.value = "70px"
|
|
}
|
|
})()
|
|
|
|
function isTextInput(target: EventTarget | null) {
|
|
if (target instanceof HTMLInputElement) {
|
|
return (
|
|
target.type === "text" ||
|
|
target.type === "email" ||
|
|
target.type === "password" ||
|
|
target.type === "number" ||
|
|
target.type === "search" ||
|
|
target.type === "tel" ||
|
|
target.type === "url" ||
|
|
target.type === "textarea"
|
|
)
|
|
} else if (target instanceof HTMLTextAreaElement) {
|
|
return true
|
|
} else if (target instanceof HTMLElement && target.isContentEditable) {
|
|
return true
|
|
}
|
|
|
|
return false
|
|
}
|
|
|
|
window.addEventListener(
|
|
"keydown",
|
|
function (e) {
|
|
if (e.key === "Backspace" && !isTextInput(e.target)) {
|
|
e.preventDefault()
|
|
}
|
|
},
|
|
true
|
|
)
|