99 lines
3.1 KiB
TypeScript
99 lines
3.1 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 { def as tabStateDef } from "./platform/tabState/tabState.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,
|
|
tabState: tabStateDef,
|
|
},
|
|
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"
|
|
}
|
|
})()
|