{{ session(message.id) }}
@@ -162,105 +162,114 @@
}
-
diff --git a/src/page/components/color.vue b/src/page/components/color.vue
index 4c856e43..605f1c58 100644
--- a/src/page/components/color.vue
+++ b/src/page/components/color.vue
@@ -35,185 +35,182 @@
}
-
diff --git a/src/page/components/connect.vue b/src/page/components/connect.vue
index db016a2a..eb20367a 100644
--- a/src/page/components/connect.vue
+++ b/src/page/components/connect.vue
@@ -24,56 +24,53 @@
-
diff --git a/src/page/components/controls.vue b/src/page/components/controls.vue
index 067b97e0..d853384e 100644
--- a/src/page/components/controls.vue
+++ b/src/page/components/controls.vue
@@ -67,7 +67,6 @@
background: transparent;
width: 150px;
height: 20px;
- -webkit-appearance: none;
&::-moz-range-thumb {
height: 12px;
width: 12px;
@@ -160,88 +159,67 @@
}
-
diff --git a/src/page/components/events.vue b/src/page/components/events.vue
index 22de929b..9f8b642f 100644
--- a/src/page/components/events.vue
+++ b/src/page/components/events.vue
@@ -209,7 +209,7 @@
@@ -289,7 +289,7 @@
min="-5"
max="5"
:value="neko.state.control.scroll.sensitivity"
- @input="neko.setScrollSensitivity(Number($event.target.value))"
+ @input="neko.setScrollSensitivity(Number(($event.target as HTMLInputElement)!.value))"
step="1"
/>
@@ -300,7 +300,7 @@
-
-
+
-
diff --git a/src/component/overlay.vue b/src/component/overlay.vue
index 93b98eff..c677e64b 100644
--- a/src/component/overlay.vue
+++ b/src/component/overlay.vue
@@ -43,968 +43,954 @@
}
-
diff --git a/src/component/screencast.vue b/src/component/screencast.vue
index d47866e3..da1db55d 100644
--- a/src/component/screencast.vue
+++ b/src/component/screencast.vue
@@ -2,98 +2,93 @@
![]()
-
diff --git a/src/component/types/cursors.ts b/src/component/types/cursors.ts
index 9a725203..3eb9050a 100644
--- a/src/component/types/cursors.ts
+++ b/src/component/types/cursors.ts
@@ -1,4 +1,4 @@
-import { CursorImage } from './webrtc'
+import type { CursorImage } from './webrtc'
export type CursorDrawFunction = (
ctx: CanvasRenderingContext2D,
diff --git a/src/component/types/messages.ts b/src/component/types/messages.ts
index 172175fc..91b9ef13 100644
--- a/src/component/types/messages.ts
+++ b/src/component/types/messages.ts
@@ -1,6 +1,6 @@
-import { ICEServer } from '../internal/webrtc'
-import { Settings } from './state'
-import { PeerRequest, PeerVideo, PeerAudio } from './webrtc'
+import type { ICEServer } from '../internal/webrtc'
+import type { Settings } from './state'
+import type { PeerRequest, PeerVideo, PeerAudio } from './webrtc'
/////////////////////////////
// System
diff --git a/src/component/types/state.ts b/src/component/types/state.ts
index 6da3cc6b..a63f725a 100644
--- a/src/component/types/state.ts
+++ b/src/component/types/state.ts
@@ -1,5 +1,5 @@
-import * as webrtcTypes from './webrtc'
-import * as reconnectorTypes from './reconnector'
+import type * as webrtcTypes from './webrtc'
+import type * as reconnectorTypes from './reconnector'
export default interface State {
authenticated: boolean
diff --git a/src/component/utils/keyboard.ts b/src/component/utils/keyboard.ts
index 0c753647..f991ae34 100644
--- a/src/component/utils/keyboard.ts
+++ b/src/component/utils/keyboard.ts
@@ -1,5 +1,7 @@
-//@ts-ignore
-import Keyboard from './keyboards/__KEYBOARD__'
+//
+// TODO: add support for other keyboards
+//
+import Keyboard from './keyboards/guacamole'
// conditional import at build time:
// __KEYBOARD__ is replaced by the value of the env variable KEYBOARD
diff --git a/src/component/utils/logger.ts b/src/component/utils/logger.ts
index d0f3eb0c..ed658f78 100644
--- a/src/component/utils/logger.ts
+++ b/src/component/utils/logger.ts
@@ -2,7 +2,7 @@ export class Logger {
// eslint-disable-next-line
constructor(
protected readonly _scope: string = 'main',
- private readonly _color: boolean = !!process.env.VUE_APP_LOG_COLOR,
+ private readonly _color: boolean = false // !!process.env.VUE_APP_LOG_COLOR, // TODO: add support for color
) {}
protected _console(level: string, m: string, fields?: Record) {
diff --git a/src/lib.ts b/src/lib.ts
index 24d7208f..0a1d2192 100644
--- a/src/lib.ts
+++ b/src/lib.ts
@@ -1,6 +1,11 @@
import Vue from 'vue'
import Neko from './component/main.vue'
+// TODO
+export * as ApiModels from './component/api/models'
+export * as StateModels from './component/types/state'
+export * as webrtcTypes from './component/types/webrtc'
+
/**
* Fügt eine "install" function hinzu
*
@@ -9,10 +14,14 @@ import Neko from './component/main.vue'
*/
const NekoElements = {
install(vue: typeof Vue): void {
+ // TODO
+ // @ts-ignore
vue.component('Neko', Neko)
},
}
+// TODO
+// @ts-ignore
if (typeof window !== 'undefined' && window.Vue) {
// @ts-ignore
window.Vue.use(NekoElements, {})
diff --git a/src/main.ts b/src/main.ts
index 6b26d5eb..edda6840 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,8 +1,6 @@
-import Vue from 'vue'
-import app from './page/main.vue'
+import { createApp } from 'vue'
+import App from './page/main.vue'
-Vue.config.productionTip = false
+const app = createApp(App)
-new Vue({
- render: (h) => h(app),
-}).$mount('#app')
+app.mount('#app')
diff --git a/src/page/assets/styles/vendor/_font-awesome.scss b/src/page/assets/styles/vendor/_font-awesome.scss
index 7b4a7802..c6bfef3e 100644
--- a/src/page/assets/styles/vendor/_font-awesome.scss
+++ b/src/page/assets/styles/vendor/_font-awesome.scss
@@ -2,7 +2,7 @@
@use "sass:math";
-$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
+$fa-font-path: "@fortawesome/fontawesome-free/webfonts";
$fa-font-size-base: 16px;
$fa-font-display: auto;
$fa-css-prefix: fa;
@@ -16,7 +16,7 @@ $fa-secondary-opacity: .4;
$fa-family-default: 'Font Awesome 6 Free';
// Import FA source files
-@import "~@fortawesome/fontawesome-free/scss/brands";
-@import "~@fortawesome/fontawesome-free/scss/solid";
-@import "~@fortawesome/fontawesome-free/scss/regular";
-@import "~@fortawesome/fontawesome-free/scss/fontawesome";
+@import "@fortawesome/fontawesome-free/scss/brands";
+@import "@fortawesome/fontawesome-free/scss/solid";
+@import "@fortawesome/fontawesome-free/scss/regular";
+@import "@fortawesome/fontawesome-free/scss/fontawesome";
diff --git a/src/page/components/__tests__/HelloWorld.spec.ts b/src/page/components/__tests__/HelloWorld.spec.ts
new file mode 100644
index 00000000..9bc89c33
--- /dev/null
+++ b/src/page/components/__tests__/HelloWorld.spec.ts
@@ -0,0 +1,11 @@
+// import { describe, it, expect } from 'vitest'
+//
+// import { mount } from '@vue/test-utils'
+// import HelloWorld from '../HelloWorld.vue'
+//
+// describe('HelloWorld', () => {
+// it('renders properly', () => {
+// const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
+// expect(wrapper.text()).toContain('Hello Vitest')
+// })
+// })
diff --git a/src/page/components/chat.vue b/src/page/components/chat.vue
index 5148c401..a219a4d9 100644
--- a/src/page/components/chat.vue
+++ b/src/page/components/chat.vue
@@ -1,8 +1,8 @@
-
-
-