Merge pull request #83 from TeaSpeak/react-tree

Using webpack to build/bundle the project

.gitignore

@@ -1,21 +1,31 @@
-asm/generated/
+# Global ignorings
-node_modules/
-auth/certs/
-auth/js/auth.js.map
-package-lock.json
-
-.sass-cache/
 .idea/
+node_modules/
+.sass-cache/
 
-vendor/emoji-picker/**/*.js
+/auth/certs/
-vendor/emoji-picker/**/*.js.map
+/auth/js/auth.js.map
 
-TeaSpeakUI.tar.gz
+/.idea/
-TeaWeb-*.zip
 
-todo.txt
+/vendor/emoji-picker/**/*.js
+/vendor/emoji-picker/**/*.js.map
+!/vendor/emoji-picker/webpack.config.js
 
-tmp/
+# Some build output
+/dist/
+/declarations/
 
-file.js
+# Don't add the created packages to git
-file.js.map
+/TeaSpeakUI.tar.gz
+/TeaWeb-*.zip
+
+/todo.txt
+/tmp/
+
+# All out config files are .ts files
+/*.js
+/*.js.map
+
+/webpack/*.js
+/webpack/*.js.map

asm/.gitignore

@@ -1,2 +1,6 @@
 generated/
-build/
+build_/
+libraries/opus/build_
+libraries/opus/out
+cmake-build-*/
+libraries/opus/*

asm/CMakeLists.txt

@@ -1,21 +1,25 @@
 cmake_minimum_required(VERSION 3.9)
 project(TeaWeb-Native)
 
-set (CMAKE_CXX_STANDARD 11)
+set (CMAKE_CXX_STANDARD 17)
-set(CMAKE_CXX_FLAGS_DEBUG "") #Override some config values from the parent project
+
-set(CMAKE_CXX_COMPILER "emcc")
+
-set(CMAKE_C_COMPILER "emcc")
+function(import_opus)
-set(CMAKE_C_LINK_EXECUTABLE "emcc")
+    # Native SIMD isn't supported yet by most browsers (only experimental)
+    # But since opus already detects if emscripten is able to handle SIMD we have no need to disable this explicitly
+
+    # Disable the math.h warning spam:
+    # #warning "Don't have the functions lrint() and lrintf ()."
+    # #warning "Replacing these functions with a standard C cast."
+    set(CMAKE_C_FLAGS "-Wno-#warnings")
+    set(OPUS_STACK_PROTECTOR OFF CACHE BOOL "" FORCE)
+    add_subdirectory(libraries/opus/)
+endfunction()
+import_opus()
+
 set(CMAKE_CXX_FLAGS "-O3 --llvm-lto 1 --memory-init-file 0 -s WASM=1 -s ASSERTIONS=1") # -s ALLOW_MEMORY_GROWTH=1 -O3
-set(CMAKE_VERBOSE_MAKEFILE ON)
+set(CMAKE_EXE_LINKER_FLAGS "-s EXPORTED_FUNCTIONS='[\"_malloc\", \"_free\"]' -s EXTRA_EXPORTED_RUNTIME_METHODS='[\"ccall\", \"cwrap\"]' -s ENVIRONMENT='worker' --pre-js ${CMAKE_SOURCE_DIR}/init.js") #
-set(CMAKE_EXE_LINKER_FLAGS "-s EXTRA_EXPORTED_RUNTIME_METHODS='[\"ccall\", \"cwrap\", \"Pointer_stringify\"]'") #
-#add_definitions(-D_GLIBCXX_USE_CXX11_ABI=0)
 set(CMAKE_RUNTIME_OUTPUT_DIRECTORY "${CMAKE_CURRENT_SOURCE_DIR}/generated/")
 
-include_directories(libraries/tommath/)
-include_directories(libraries/tomcrypt/src/headers)
-include_directories(libraries/opus/include/)
-add_definitions(-DLTM_DESC)
-
 add_executable(TeaWeb-Worker-Codec-Opus src/opus.cpp)
-target_link_libraries(TeaWeb-Worker-Codec-Opus ${CMAKE_CURRENT_SOURCE_DIR}/libraries/opus/.libs/libopus.a)
+target_link_libraries(TeaWeb-Worker-Codec-Opus opus)

asm/build.sh

@@ -0,0 +1,20 @@
+#!/bin/bash
+
+[[ ! -d libraries/opus/out/ ]] && { echo "Missing opus build. Please build it before!"; exit 1; }
+[[ ! -f libraries/opus/out/lib/libopus.a ]] && { echo "Missing opus static library. Please unsure your opus build was successfull."; exit 1; }
+
+[[ -d build_ ]] && {
+  rm -r build_ || { echo "failed to remove old build directory"; exit 1; }
+}
+mkdir build_ || exit 1
+cd build_ || exit 1
+
+emcmake cmake .. || {
+  echo "Failed to execute cmake"
+  exit 1
+}
+
+emmake make -j"$(nproc --all)" || {
+  echo "Failed to build file"
+  exit 1
+}

asm/download_compiled_files.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-cd $(dirname $0)
+cd "$(dirname "$0")" || exit 1
 
 if [[ -d generated/ ]]; then
     rm -r generated
@@ -15,19 +15,19 @@ mkdir generated
     exit 1
 }
 
-$(curl --version &> /dev/null)
+curl --version &> /dev/null; _exit_code=$?
-[[ $? -ne 0 ]] && {
+[[ $_exit_code -ne 0 ]] && {
     echo "Missing CURL. Please install it"
     exit 1
 }
 
-curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.js --output generated/TeaWeb-Worker-Codec-Opus.js
+curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.js --output generated/TeaWeb-Worker-Codec-Opus.js; _exit_code=$?
-[[ $? -ne 0 ]] && {
+[[ $_exit_code -ne 0 ]] && {
     echo "Failed to download opus worker library"
     exit 1
 }
-curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.wasm --output generated/TeaWeb-Worker-Codec-Opus.wasm
+curl https://web.teaspeak.de/wasm/TeaWeb-Worker-Codec-Opus.wasm --output generated/TeaWeb-Worker-Codec-Opus.wasm; _exit_code=$?
-[[ $? -ne 0 ]] && {
+[[ $_exit_code -ne 0 ]] && {
     echo "Failed to download opus worker library natives"
     exit 1
 }

asm/init.js

@@ -0,0 +1,2 @@
+for(const callback of Array.isArray(self.__init_em_module) ? self.__init_em_module : [])
+    callback(Module);

asm/libraries/opus

@@ -1 +1 @@
-Subproject commit 655cc54c564b84ef2827f0b2152ce3811046201e
+Subproject commit 923bebde197f42ba8e55cb055dce3ff22bbea54d

asm/make_opus.sh

@@ -1,11 +0,0 @@
-#!/usr/bin/env bash
-
-base_dir=`pwd`
-cd "$(dirname $0)/libraries/opus/"
-
-git checkout v1.1.2
-./autogen.sh
-emconfigure ./configure --disable-extra-programs --disable-doc --disable-rtcd
-emmake make
-
-cd ${base_dir}

asm/src/opus.cpp

@@ -1,19 +1,21 @@
 #include <opus.h>
+#include <array>
+#include <string_view>
 #include <emscripten.h>
 #include <string>
 
-using namespace std;
+typedef std::unique_ptr<OpusEncoder, decltype(opus_encoder_destroy)*> opus_encoder_t;
-extern "C" {
+typedef std::unique_ptr<OpusDecoder, decltype(opus_decoder_destroy)*> opus_decoder_t;
-    struct OpusHandle {
+struct OpusHandle {
-        OpusEncoder* encoder = nullptr;
+    opus_encoder_t encoder{nullptr, opus_encoder_destroy};
-        OpusDecoder* decoder = nullptr;
+    opus_decoder_t decoder{nullptr, opus_decoder_destroy};
 
-        size_t channelCount = 1;
+    size_t channelCount{1};
-	    size_t sampleRate = 48000;
+    size_t sampleRate{48000};
-        int opusType = OPUS_APPLICATION_AUDIO;
+    int opusType{OPUS_APPLICATION_AUDIO};
-    };
+};
 
-	const char* opus_errors[7] = {
+constexpr std::array<std::string_view, 7> opus_errors = {
         "One or more invalid/out of range arguments",                   //-1 (OPUS_BAD_ARG)
         "Not enough bytes allocated in the buffer",                     //-2 (OPUS_BUFFER_TOO_SMALL)
         "An internal error was detected",                               //-3 (OPUS_INTERNAL_ERROR)
@@ -21,113 +23,84 @@ extern "C" {
         "Invalid/unsupported request number",                           //-5 (OPUS_UNIMPLEMENTED)
         "An encoder or decoder structure is invalid or already freed",  //-6 (OPUS_INVALID_STATE)
         "Memory allocation has failed"                                  //-7 (OPUS_ALLOC_FAIL)
-	};
+};
 
-	inline const char* opus_error_message(int error) {
+inline std::string_view opus_error_message(int error) {
     error = abs(error);
-		if(error > 0 && error <= 7) return opus_errors[error - 1];
+    if (error > 0 && error <= 7) return opus_errors[error - 1];
     return "undefined error";
+}
+
+inline bool reinitialize_decoder(OpusHandle *handle) {
+    int error;
+    handle->decoder.reset(opus_decoder_create(handle->sampleRate, handle->channelCount, &error));
+    if(error != OPUS_OK) {
+        printf("Failed to create decoder (%s)\n", opus_error_message(error).data());
+        return false;
     }
-
-	inline int currentMillies() {
-		return EM_ASM_INT({ return Date.now(); });
-	}
-
-	#define _S(x) #x
-	#define INVOKE_OPUS(result, method, ...)                                                                                        \
-	result = method( __VA_ARGS__ );                                                                                                 \
-	if(error != 0){                                                                                                                 \
-		printf("Got opus error while invoking %s. Code: %d Message: %s\n", _S(method), error, opus_error_message(error));           \
-		return false;                                                                                                               \
-	}
-
-	inline bool reinitialize_decoder(OpusHandle *handle) {
-		if (handle->decoder)
-			opus_decoder_destroy(handle->decoder);
-
-		int error = 0;
-		INVOKE_OPUS(handle->decoder, opus_decoder_create, 48000, handle->channelCount, &error);
     return true;
+}
+
+inline bool reinitialize_encoder(OpusHandle *handle) {
+    int error;
+    handle->encoder.reset(opus_encoder_create(handle->sampleRate, handle->channelCount, handle->opusType, &error));
+    if (error != OPUS_OK) {
+        printf("Failed to create encoder (%s)\n", opus_error_message(error).data());
+        return false;
     }
 
-    inline bool reinitialize_encoder(OpusHandle *handle) {
+    if(error = opus_encoder_ctl(&*handle->encoder, OPUS_SET_COMPLEXITY(1)); error != OPUS_OK) {
-	    if (handle->encoder)
+        printf("Failed to setup encoder (%s)\n", opus_error_message(error).data());
-		    opus_encoder_destroy(handle->encoder);
+        return false;
-
+    }
-	    int error = 0;
+    //TODO: May set OPUS_SET_BITRATE(4740)?
-	    INVOKE_OPUS(handle->encoder, opus_encoder_create, 48000, handle->channelCount, handle->opusType, &error);
+    //TODO: Is the encoder event needed anymore? Or is it just overhead
-	    INVOKE_OPUS(error, opus_encoder_ctl, handle->encoder, OPUS_SET_COMPLEXITY(1));
-	    //INVOKE_OPUS(error, opus_encoder_ctl, handle->encoder, OPUS_SET_BITRATE(4740));
-
-	    EM_ASM(
-		    printMessageToServerTab('Encoder initialized!');
-		    printMessageToServerTab('  Comprexity: 1');
-		    printMessageToServerTab('  Bitrate:    4740');
-	    );
-
     return true;
-    }
+}
 
-    EMSCRIPTEN_KEEPALIVE
+#ifdef __cplusplus
-    OpusHandle* codec_opus_createNativeHandle(size_t channelCount, int type) {
+extern "C" {
-        printf("Initialize opus. (Channel count: %d Sample rate: %d Type: %d)!\n", channelCount, 48000, type);
+#endif
+EMSCRIPTEN_KEEPALIVE
+OpusHandle *codec_opus_createNativeHandle(size_t channelCount, int type) {
     auto codec = new OpusHandle{};
     codec->opusType = type;
     codec->channelCount = channelCount;
-	    if(!reinitialize_decoder(codec)) return nullptr;
+    codec->sampleRate = 48000;
-	    if(!reinitialize_encoder(codec)) return nullptr;
+    if (!reinitialize_decoder(codec)) return nullptr;
+    if (!reinitialize_encoder(codec)) return nullptr;
     return codec;
-    }
-
-    EMSCRIPTEN_KEEPALIVE
-    void codec_opus_deleteNativeHandle(OpusHandle* codec) {
-        if(!codec) return;
-
-        if(codec->decoder) opus_decoder_destroy(codec->decoder);
-        codec->decoder = nullptr;
-
-        if(codec->encoder) opus_encoder_destroy(codec->encoder);
-        codec->encoder = nullptr;
-
-        delete codec;
-    }
-
-    EMSCRIPTEN_KEEPALIVE
-    int codec_opus_encode(OpusHandle* handle, uint8_t* buffer, size_t length, size_t maxLength) {
-	    auto begin = currentMillies();
-        auto result = opus_encode_float(handle->encoder, (float*) buffer, length / handle->channelCount, buffer, maxLength);
-        if(result < 0) return result;
-	    auto end = currentMillies();
-	    EM_ASM({
-		           printMessageToServerTab("codec_opus_encode(...) tooks " + $0 + "ms to execute!");
-	           }, end - begin);
-        return result;
-    }
-
-    EMSCRIPTEN_KEEPALIVE
-    int codec_opus_decode(OpusHandle* handle, uint8_t* buffer, size_t length, size_t maxLength) {
-        auto result = opus_decode_float(handle->decoder, buffer, length, (float*) buffer, maxLength / sizeof(float) / handle->channelCount, false);
-        if(result < 0) return result; //Failed
-        return result;
-    }
-
-    EMSCRIPTEN_KEEPALIVE
-    int codec_opus_changeApplication(OpusHandle* handle, int type) {
-        handle->opusType = type;
-        if(type != OPUS_APPLICATION_VOIP && type != OPUS_APPLICATION_AUDIO && type != OPUS_APPLICATION_RESTRICTED_LOWDELAY)
-           return 1;
-        return opus_encoder_ctl(handle->encoder, OPUS_SET_APPLICATION(type));
-    }
-
-    EMSCRIPTEN_KEEPALIVE
-    int codec_opus_reset(OpusHandle* handle) {
-	    if(!reinitialize_decoder(handle)) return 0;
-	    if(!reinitialize_encoder(handle)) return 0;
-        return 1;
-    }
-/*
-opus_encoder_ctl(enc, OPUS_SET_BITRATE(bitrate));
-opus_encoder_ctl(enc, OPUS_SET_COMPLEXITY(complexity));
-opus_encoder_ctl(enc, OPUS_SET_SIGNAL(signal_type));
- */
 }
+
+EMSCRIPTEN_KEEPALIVE
+void codec_opus_deleteNativeHandle(OpusHandle *codec) {
+    if (!codec) return;
+
+    codec->decoder.reset();
+    codec->encoder.reset();
+    delete codec;
+}
+
+EMSCRIPTEN_KEEPALIVE
+int codec_opus_encode(OpusHandle *handle, uint8_t *buffer, size_t length, size_t maxLength) {
+    auto result = opus_encode_float(&*handle->encoder, (float *) buffer, length / handle->channelCount, buffer, maxLength);
+    if (result < 0) return result;
+    return result;
+}
+
+EMSCRIPTEN_KEEPALIVE
+int codec_opus_decode(OpusHandle *handle, uint8_t *buffer, size_t length, size_t maxLength) {
+    auto result = opus_decode_float(&*handle->decoder, buffer, length, (float *) buffer, maxLength / sizeof(float) / handle->channelCount, false);
+    if (result < 0) return result;
+    return result;
+}
+
+EMSCRIPTEN_KEEPALIVE
+int codec_opus_reset(OpusHandle *handle) {
+    if (!reinitialize_decoder(handle)) return 0;
+    if (!reinitialize_encoder(handle)) return 0;
+    return 1;
+}
+#ifdef __cplusplus
+}
+#endif

client/js/index.ts

@@ -0,0 +1,4 @@
+declare const __webpack_require__;
+window["shared-require"] = __webpack_require__;
+/* firstly assign the shared-require */
+setTimeout(() => require("tc-shared/main"), 0);

file.ts

@@ -37,60 +37,13 @@ const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
         "path": "./",
         "local-path": "./shared/html/"
     },
-
+    { /* javascript files as manifest.json */
-    { /* javascript loader */
         "type": "js",
-        "search-pattern": /.*\.js$/,
+        "search-pattern": /.*$/,
-        "build-target": "dev",
-
-        "path": "loader/",
-        "local-path": "./shared/loader/"
-    },
-    { /* javascript loader for releases */
-        "type": "js",
-        "search-pattern": /.*loader_[\S]+.min.js$/,
-        "build-target": "rel",
-
-        "path": "loader/",
-        "local-path": "./shared/generated/"
-    },
-
-    { /* shared javascript files (WebRTC adapter) */
-        "type": "js",
-        "search-pattern": /.*\.js$/,
         "build-target": "dev|rel",
 
-        "path": "adapter/",
-        "local-path": "./shared/adapter/"
-    },
-
-    { /* shared javascript files (development mode only) */
-        "type": "js",
-        "search-pattern": /.*\.js$/,
-        "search-exclude": /(.*\/)?workers\/.*/,
-        "build-target": "dev",
-
         "path": "js/",
-        "local-path": "./shared/js/"
+        "local-path": "./dist/"
-    },
-    { /* shared javascript mapping files (development mode only) */
-        "type": "js",
-        "search-pattern": /.*\.(js.map|ts)$/,
-        "search-exclude": /(.*\/)?workers\/.*/,
-        "build-target": "dev",
-
-        "path": "js/",
-        "local-path": "./shared/js/",
-        "req-parm": ["--mappings"]
-    },
-
-    { /* shared generated worker codec */
-        "type": "js",
-        "search-pattern": /(WorkerPOW.js)$/,
-        "build-target": "dev|rel",
-
-        "path": "js/workers/",
-        "local-path": "./shared/js/workers/"
     },
     { /* shared developer single css files */
         "type": "css",
@@ -156,14 +109,6 @@ const APP_FILE_LIST_SHARED_SOURCE: ProjectResource[] = [
 
         "path": "img/",
         "local-path": "./shared/img/"
-    },
-    { /* own webassembly files */
-        "type": "wasm",
-        "search-pattern": /.*\.(wasm)/,
-        "build-target": "dev|rel",
-
-        "path": "wat/",
-        "local-path": "./shared/wat/"
     }
 ];
 
@@ -204,28 +149,7 @@ const APP_FILE_LIST_CLIENT_SOURCE: ProjectResource[] = [
 
         "path": "js/",
         "local-path": "./client/js/"
-    },
+    }
-
-    /* release specific */
-    { /* web merged javascript files (shared inclusive) */
-        "client-only": true,
-        "type": "js",
-        "search-pattern": /.*\.js$/,
-        "build-target": "rel",
-
-        "path": "js/",
-        "local-path": "./client/generated/"
-    },
-    { /* Add the shared generated files. Exclude the shared file because we're including it already */
-        "client-only": true,
-        "type": "js",
-        "search-pattern": /.*\.js$/,
-        "search-exclude": /shared\.js(.map)?$/,
-        "build-target": "rel",
-
-        "path": "js/",
-        "local-path": "./shared/generated/"
-    },
 ];
 
 const APP_FILE_LIST_WEB_SOURCE: ProjectResource[] = [
@@ -238,42 +162,6 @@ const APP_FILE_LIST_WEB_SOURCE: ProjectResource[] = [
         "path": "wasm/",
         "local-path": "./asm/generated/"
     },
-    { /* generated assembly javascript files */
-        "web-only": true,
-        "type": "js",
-        "search-pattern": /.*\.(js)/,
-        "build-target": "dev|rel",
-
-        "path": "wasm/",
-        "local-path": "./asm/generated/"
-    },
-    { /* web generated worker codec */
-        "web-only": true,
-        "type": "js",
-        "search-pattern": /(WorkerCodec.js)$/,
-        "build-target": "dev|rel",
-
-        "path": "js/workers/",
-        "local-path": "./web/js/workers/"
-    },
-    { /* web javascript files (development mode only) */
-        "web-only": true,
-        "type": "js",
-        "search-pattern": /.*\.js$/,
-        "build-target": "dev",
-
-        "path": "js/",
-        "local-path": "./web/js/"
-    },
-    { /* web merged javascript files (shared inclusive) */
-        "web-only": true,
-        "type": "js",
-        "search-pattern": /client(\.min)?\.js$/,
-        "build-target": "rel",
-
-        "path": "js/",
-        "local-path": "./web/generated/"
-    },
     { /* web css files */
         "web-only": true,
         "type": "css",
@@ -303,6 +191,7 @@ const APP_FILE_LIST_WEB_SOURCE: ProjectResource[] = [
     }
 ];
 
+//TODO: This isn't needed anymore
 const APP_FILE_LIST_WEB_TEASPEAK: ProjectResource[] = [
     /* special web.teaspeak.de only auth files */
     { /* login page and api */
@@ -347,6 +236,7 @@ const APP_FILE_LIST_WEB_TEASPEAK: ProjectResource[] = [
     }
 ];
 
+//FIXME: This isn't working right now
 const CERTACCEPT_FILE_LIST: ProjectResource[] = [
     { /* html files */
         "type": "html",
@@ -452,6 +342,147 @@ const WEB_APP_FILE_LIST = [
     ...CERTACCEPT_FILE_LIST,
 ];
 
+
+//const WEB_APP_FILE_LIST = [
+//    ...APP_FILE_LIST_SHARED_VENDORS,
+//    { /* shared html and php files */
+//        "type": "html",
+//        "search-pattern": /^.*([a-zA-Z]+)\.(html|php|json)$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "./",
+//        "local-path": "./shared/html/"
+//    },
+//    { /* javascript files as manifest.json */
+//        "type": "js",
+//        "search-pattern": /.*$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "js/",
+//        "local-path": "./dist/"
+//    },
+//    { /* loader javascript file */
+//        "type": "js",
+//        "search-pattern": /.*$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "js/",
+//        "local-path": "./loader/dist/"
+//    },
+//    { /* shared developer single css files */
+//        "type": "css",
+//        "search-pattern": /.*\.css$/,
+//        "build-target": "dev",
+//
+//        "path": "css/",
+//        "local-path": "./shared/css/"
+//    },
+//    { /* shared css mapping files (development mode only) */
+//        "type": "css",
+//        "search-pattern": /.*\.(css.map|scss)$/,
+//        "build-target": "dev",
+//
+//        "path": "css/",
+//        "local-path": "./shared/css/",
+//        "req-parm": ["--mappings"]
+//    },
+//    { /* shared release css files */
+//        "type": "css",
+//        "search-pattern": /.*\.css$/,
+//        "build-target": "rel",
+//
+//        "path": "css/",
+//        "local-path": "./shared/generated/"
+//    },
+//    { /* shared release css files */
+//        "type": "css",
+//        "search-pattern": /.*\.css$/,
+//        "build-target": "rel",
+//
+//        "path": "css/loader/",
+//        "local-path": "./shared/css/loader/"
+//    },
+//    { /* shared release css files */
+//        "type": "css",
+//        "search-pattern": /.*\.css$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "css/theme/",
+//        "local-path": "./shared/css/theme/"
+//    },
+//    { /* shared sound files */
+//        "type": "wav",
+//        "search-pattern": /.*\.wav$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "audio/",
+//        "local-path": "./shared/audio/"
+//    },
+//    { /* shared data sound files */
+//        "type": "json",
+//        "search-pattern": /.*\.json/,
+//        "build-target": "dev|rel",
+//
+//        "path": "audio/",
+//        "local-path": "./shared/audio/"
+//    },
+//    { /* shared image files */
+//        "type": "img",
+//        "search-pattern": /.*\.(svg|png)/,
+//        "build-target": "dev|rel",
+//
+//        "path": "img/",
+//        "local-path": "./shared/img/"
+//    },
+//    { /* own webassembly files */
+//        "type": "wasm",
+//        "search-pattern": /.*\.(wasm)/,
+//        "build-target": "dev|rel",
+//
+//        "path": "wat/",
+//        "local-path": "./shared/wat/"
+//    },
+//
+//
+//    /* web specific */
+//    { /* generated assembly files */
+//        "web-only": true,
+//        "type": "wasm",
+//        "search-pattern": /.*\.(wasm)/,
+//        "build-target": "dev|rel",
+//
+//        "path": "wasm/",
+//        "local-path": "./asm/generated/"
+//    },
+//    { /* web css files */
+//        "web-only": true,
+//        "type": "css",
+//        "search-pattern": /.*\.css$/,
+//        "build-target": "dev|rel",
+//
+//        "path": "css/",
+//        "local-path": "./web/css/"
+//    },
+//    { /* web html files */
+//        "web-only": true,
+//        "type": "html",
+//        "search-pattern": /.*\.(php|html)/,
+//        "build-target": "dev|rel",
+//
+//        "path": "./",
+//        "local-path": "./web/html/"
+//    },
+//    { /* translations */
+//        "web-only": true, /* Only required for the web client */
+//        "type": "i18n",
+//        "search-pattern": /.*\.(translation|json)/,
+//        "build-target": "dev|rel",
+//
+//        "path": "i18n/",
+//        "local-path": "./shared/i18n/"
+//    }
+//] as any;
+
 //@ts-ignore
 declare module "fs-extra" {
     export function exists(path: PathLike): Promise<boolean>;
@@ -492,9 +523,6 @@ namespace generator {
         return result.digest("hex");
     }
 
-    export async function search_files(files: ProjectResource[], options: SearchOptions) : Promise<Entry[]> {
-        const result: Entry[] = [];
-
     const rreaddir = async p => {
         const result = [];
         try {
@@ -517,16 +545,27 @@ namespace generator {
         return result;
     };
 
-        for(const file of files) {
+    function file_matches_options(file: ProjectResource, options: SearchOptions) {
         if(typeof file["web-only"] === "boolean" && file["web-only"] && options.target !== "web")
-                continue;
+            return false;
+
         if(typeof file["client-only"] === "boolean" && file["client-only"] && options.target !== "client")
-                continue;
+            return false;
+
         if(typeof file["serve-only"] === "boolean" && file["serve-only"] && !options.serving)
-                continue;
+            return false;
+
         if(!file["build-target"].split("|").find(e => e === options.mode))
-                continue;
+            return false;
-            if(Array.isArray(file["req-parm"]) && file["req-parm"].find(e => !options.parameter.find(p => p.toLowerCase() === e.toLowerCase())))
+
+        return !(Array.isArray(file["req-parm"]) && file["req-parm"].find(e => !options.parameter.find(p => p.toLowerCase() === e.toLowerCase())));
+    }
+
+    export async function search_files(files: ProjectResource[], options: SearchOptions) : Promise<Entry[]> {
+        const result: Entry[] = [];
+
+        for(const file of files) {
+            if(!file_matches_options(file, options))
                 continue;
 
             const normal_local = path.normalize(path.join(options.source_path, file["local-path"]));
@@ -554,23 +593,52 @@ namespace generator {
 
         return result;
     }
+
+    export async function search_http_file(files: ProjectResource[], target_file: string, options: SearchOptions) : Promise<string> {
+        for(const file of files) {
+            if(!file_matches_options(file, options))
+                continue;
+
+            if(file.path !== "./" && !target_file.startsWith("/" + file.path.replace(/\\/g, "/")))
+                continue;
+
+            const normal_local = path.normalize(path.join(options.source_path, file["local-path"]));
+            const files: string[] = await rreaddir(normal_local);
+            for(const f of files) {
+                const local_name = f.substr(normal_local.length);
+                if(!local_name.match(file["search-pattern"]) && !local_name.replace("\\\\", "/").match(file["search-pattern"]))
+                    continue;
+
+                if(typeof(file["search-exclude"]) !== "undefined" && f.match(file["search-exclude"]))
+                    continue;
+
+                if("/" + path.join(file.path, local_name).replace(/\\/g, "/") === target_file)
+                    return f;
+            }
+        }
+
+        return undefined;
+    }
 }
 
 namespace server {
+    import SearchOptions = generator.SearchOptions;
     export type Options = {
         port: number;
         php: string;
+
+        search_options: SearchOptions;
     }
 
     const exec: (command: string) => Promise<{ stdout: string, stderr: string }> = util.promisify(cp.exec);
 
-    let files: (generator.Entry & { http_path: string; })[] = [];
+    let files: ProjectResource[] = [];
     let server: http.Server;
     let php: string;
-    export async function launch(_files: generator.Entry[], options: Options) {
+    let options: Options;
-        //Don't use this check anymore, because we're searching within the PATH variable
+    export async function launch(_files: ProjectResource[], options_: Options) {
-        //if(!await fs.exists(options.php) || !(await fs.stat(options.php)).isFile())
+        options = options_;
-        //    throw "invalid php interpreter (not found)";
+        files = _files;
 
         try {
             const info = await exec(options.php + " --version");
@@ -594,17 +662,6 @@ namespace server {
                 resolve();
             });
         });
-
-        files = _files.map(e =>{
-            return {
-                type: e.type,
-                name: e.name,
-                hash: e.hash,
-                local_path: e.local_path,
-                target_path: e.target_path,
-                http_path: "/" + e.target_path.replace(/\\/g, "/")
-            }
-        });
     }
 
     export async function shutdown() {
@@ -648,8 +705,8 @@ namespace server {
         });
     }
 
-    function serve_file(pathname: string, query: any, response: http.ServerResponse) {
+    async function serve_file(pathname: string, query: any, response: http.ServerResponse) {
-        const file = files.find(e => e.http_path === pathname);
+        const file = await generator.search_http_file(files, pathname, options.search_options);
         if(!file) {
             console.log("[SERVER] Client requested unknown file %s", pathname);
             response.writeHead(404);
@@ -658,13 +715,13 @@ namespace server {
             return;
         }
 
-        let type = mt.lookup(path.extname(file.local_path)) || "text/html";
+        let type = mt.lookup(path.extname(file)) || "text/html";
-        console.log("[SERVER] Serving file %s (%s) (%s)", file.target_path, type, file.local_path);
+        console.log("[SERVER] Serving file %s", file, type);
-        if(path.extname(file.local_path) === ".php") {
+        if(path.extname(file) === ".php") {
-            serve_php(file.local_path, query, response);
+            serve_php(file, query, response);
             return;
         }
-        const fis = fs.createReadStream(file.local_path);
+        const fis = fs.createReadStream(file);
 
         response.writeHead(200, "success", {
             "Content-Type": type + "; charset=utf-8"
@@ -677,23 +734,23 @@ namespace server {
         fis.on("data", data => response.write(data));
     }
 
-    function handle_api_request(request: http.IncomingMessage, response: http.ServerResponse, url: url_utils.UrlWithParsedQuery) {
+    async function handle_api_request(request: http.IncomingMessage, response: http.ServerResponse, url: url_utils.UrlWithParsedQuery) {
         if(url.query["type"] === "files") {
             response.writeHead(200, { "info-version": 1 });
             response.write("type\thash\tpath\tname\n");
-            for(const file of files)
+            for(const file of await generator.search_files(files, options.search_options))
-                if(file.http_path.endsWith(".php"))
+                if(file.name.endsWith(".php"))
-                    response.write(file.type + "\t" + file.hash + "\t" + path.dirname(file.http_path) + "\t" + path.basename(file.http_path, ".php") + ".html" + "\n");
+                    response.write(file.type + "\t" + file.hash + "\t" + path.dirname(file.target_path) + "\t" + path.basename(file.name, ".php") + ".html" + "\n");
                 else
-                    response.write(file.type + "\t" + file.hash + "\t" + path.dirname(file.http_path) + "\t" + path.basename(file.http_path) + "\n");
+                    response.write(file.type + "\t" + file.hash + "\t" + path.dirname(file.target_path) + "\t" + file.name + "\n");
             response.end();
             return;
         } else if(url.query["type"] === "file") {
             let p = path.join(url.query["path"] as string, url.query["name"] as string).replace(/\\/g, "/");
+            if(!p.startsWith("/")) p = "/" + p;
             if(p.endsWith(".html")) {
-                const np = p.substr(0, p.length - 5) + ".php";
+                const np = await generator.search_http_file(files, p.substr(0, p.length - 5) + ".php", options.search_options);
-                if(files.find(e => e.http_path == np) && !files.find(e => e.http_path == p))
+                if(np) p = p.substr(0, p.length - 5) + ".php";
-                    p = np;
             }
             serve_file(p, url.query, response);
             return;
@@ -872,17 +929,16 @@ function php_exe() : string {
 }
 
 async function main_serve(target: "client" | "web", mode: "rel" | "dev", port: number) {
-    const files = await generator.search_files(target === "client" ? CLIENT_APP_FILE_LIST : WEB_APP_FILE_LIST, {
+    await server.launch(target === "client" ? CLIENT_APP_FILE_LIST : WEB_APP_FILE_LIST, {
+        port: port,
+        php: php_exe(),
+        search_options: {
             source_path: __dirname,
             parameter: [],
             target: target,
             mode: mode,
             serving: true
-    });
+        }
-
-    await server.launch(files, {
-        port: port,
-        php: php_exe(),
     });
 
     console.log("Server started on %d", port);
@@ -891,14 +947,6 @@ async function main_serve(target: "client" | "web", mode: "rel" | "dev", port: n
 }
 
 async function main_develop(node: boolean, target: "client" | "web", port: number, flags: string[]) {
-    const files = await generator.search_files(target === "client" ? CLIENT_APP_FILE_LIST : WEB_APP_FILE_LIST, {
-        source_path: __dirname,
-        parameter: [],
-        target: target,
-        mode: "dev",
-        serving: true
-    });
-
     const tscwatcher = new watcher.TSCWatcher();
     try {
         if(flags.indexOf("--no-tsc") == -1)
@@ -910,9 +958,16 @@ async function main_develop(node: boolean, target: "client" | "web", port: numbe
                 await sasswatcher.start();
 
             try {
-                await server.launch(files, {
+                await server.launch(target === "client" ? CLIENT_APP_FILE_LIST : WEB_APP_FILE_LIST, {
                     port: port,
                     php: php_exe(),
+                    search_options: {
+                        source_path: __dirname,
+                        parameter: [],
+                        target: target,
+                        mode: "dev",
+                        serving: true
+                    }
                 });
             } catch(error) {
                 console.error("Failed to start server: %o", error instanceof Error ? error.message : error);
@@ -951,18 +1006,12 @@ async function main_develop(node: boolean, target: "client" | "web", port: numbe
 }
 
 async function git_tag() {
-    const exec = util.promisify(cp.exec);
+    const git_rev = fs.readFileSync(path.join(__dirname, ".git", "HEAD")).toString();
-
+    let version;
-    /* check if we've any uncommited changes */
+    if(git_rev.indexOf("/") === -1)
-    {
+        return git_rev.substr(0, 7);
-        let { stdout, stderr } = await exec("git diff-index HEAD -- . ':!asm/libraries/' ':!package-lock.json' ':!vendor/'");
+    else
-        if(stderr) throw stderr;
+        return fs.readFileSync(path.join(__dirname, ".git", git_rev.substr(5).trim())).toString().substr(0, 7);
-        if(stdout) return "0000000";
-    }
-
-    let { stdout, stderr } = await exec("git rev-parse --short HEAD");
-    if(stderr) throw stderr;
-    return stdout.substr(0, 7);
 }
 
 async function main_generate(target: "client" | "web", mode: "rel" | "dev", dest_path: string, args: any[]) {
@@ -1163,4 +1212,5 @@ main(process.argv.slice(2)).then(ignore_exit => {
 }).catch(error => {
     console.error("Failed to execute application. Exception reached execution root!");
     console.error(error);
+    process.exit(1);
 });

loader/app/index.ts

@@ -0,0 +1,8 @@
+import * as loader from "./targets/app";
+import * as loader_base from "./loader/loader";
+
+window["loader"] = loader_base;
+    /* let the loader register himself at the window first */
+setTimeout(loader.run, 0);
+
+export {};

loader/app/loader/loader.ts

@@ -0,0 +1,393 @@
+import * as script_loader from "./script_loader";
+import * as style_loader from "./style_loader";
+import * as template_loader from "./template_loader";
+
+declare global {
+    interface Window {
+        tr(message: string) : string;
+        tra(message: string, ...args: any[]);
+
+        log: any;
+        StaticSettings: any;
+    }
+}
+
+export interface Config {
+    loader_groups: boolean;
+    verbose: boolean;
+    error: boolean;
+}
+
+export let config: Config = {
+    loader_groups: false,
+    verbose: false,
+    error: true
+};
+
+export type Task = {
+    name: string,
+    priority: number, /* tasks with the same priority will be executed in sync */
+    function: () => Promise<void>
+};
+
+export enum Stage {
+    /*
+        loading loader required files (incl this)
+     */
+    INITIALIZING,
+    /*
+        setting up the loading process
+     */
+    SETUP,
+    /*
+        loading all style sheet files
+     */
+    STYLE,
+    /*
+        loading all javascript files
+     */
+    JAVASCRIPT,
+    /*
+        loading all template files
+     */
+    TEMPLATES,
+    /*
+        initializing static/global stuff
+     */
+    JAVASCRIPT_INITIALIZING,
+    /*
+        finalizing load process
+     */
+    FINALIZING,
+    /*
+        invoking main task
+     */
+    LOADED,
+
+    DONE
+}
+
+let cache_tag: string | undefined;
+let current_stage: Stage = undefined;
+const tasks: {[key:number]:Task[]} = {};
+
+/* test if all files shall be load from cache or fetch again */
+function loader_cache_tag() {
+    if(__build.mode === "debug") {
+        cache_tag = "?_ts=" + Date.now();
+        return;
+    }
+
+    const cached_version = localStorage.getItem("cached_version");
+    if(!cached_version || cached_version !== __build.version) {
+        register_task(Stage.LOADED, {
+            priority: 0,
+            name: "cached version updater",
+            function: async () => {
+                localStorage.setItem("cached_version", __build.version);
+            }
+        });
+    }
+    cache_tag = "?_version=" + __build.version;
+}
+
+export type ModuleMapping = {
+    application: string,
+    modules: {
+        "id": string,
+        "context": string,
+        "resource": string
+    }[]
+};
+const module_mapping_: ModuleMapping[] = [];
+export function module_mapping() : ModuleMapping[] { return module_mapping_; }
+
+export function get_cache_version() { return cache_tag; }
+
+export function finished() {
+    return current_stage == Stage.DONE;
+}
+export function running() { return typeof(current_stage) !== "undefined"; }
+
+export function register_task(stage: Stage, task: Task) {
+    if(current_stage > stage) {
+        if(config.error)
+            console.warn("Register loading task, but it had already been finished. Executing task anyways!");
+
+        const promise = task.function();
+        if(!promise) {
+            console.error("Loading task %s hasn't returned a promise!", task.name);
+            return;
+        }
+        promise.catch(error => {
+            if(config.error) {
+                console.error("Failed to execute delayed loader task!");
+                console.log(" - %s: %o", task.name, error);
+            }
+
+            critical_error(error);
+        });
+        return;
+    }
+
+    const task_array = tasks[stage] || [];
+    task_array.push(task);
+    tasks[stage] = task_array.sort((a, b) => a.priority - b.priority);
+}
+
+export async function execute() {
+    document.getElementById("loader-overlay").classList.add("started");
+    loader_cache_tag();
+
+    const load_begin = Date.now();
+
+    let begin: number = 0;
+    let end: number = Date.now();
+    while(current_stage <= Stage.LOADED || typeof(current_stage) === "undefined") {
+
+        let current_tasks: Task[] = [];
+        while((tasks[current_stage] || []).length > 0) {
+            if(current_tasks.length == 0 || current_tasks[0].priority == tasks[current_stage][0].priority) {
+                current_tasks.push(tasks[current_stage].pop());
+            } else break;
+        }
+
+        const errors: {
+            error: any,
+            task: Task
+        }[] = [];
+
+        const promises: Promise<void>[] = [];
+        for(const task of current_tasks) {
+           try {
+               if(config.verbose) console.debug("Executing loader %s (%d)", task.name, task.priority);
+               const promise = task.function();
+               if(!promise) {
+                   console.error("Loading task %s hasn't returned a promise!", task.name);
+                   continue;
+               }
+               promises.push(promise.catch(error => {
+                   errors.push({
+                       task: task,
+                       error: error
+                   });
+                   return Promise.resolve();
+               }));
+           } catch(error) {
+               errors.push({
+                   task: task,
+                   error: error
+               });
+           }
+        }
+
+        if(promises.length > 0) {
+            await Promise.all([...promises]);
+        }
+
+        if(errors.length > 0) {
+           if(config.loader_groups) console.groupEnd();
+           console.error("Failed to execute loader. The following tasks failed (%d):", errors.length);
+           for(const error of errors)
+               console.error("  - %s: %o", error.task.name, error.error);
+
+           throw "failed to process step " + Stage[current_stage];
+        }
+
+        if(current_tasks.length == 0) {
+            if(typeof(current_stage) === "undefined") {
+                current_stage = -1;
+                if(config.verbose) console.debug("[loader] Booting app");
+            } else if(current_stage < Stage.INITIALIZING) {
+                if(config.loader_groups) console.groupEnd();
+                if(config.verbose) console.debug("[loader] Entering next state (%s). Last state took %dms", Stage[current_stage + 1], (end = Date.now()) - begin);
+            } else {
+                if(config.loader_groups) console.groupEnd();
+                if(config.verbose) console.debug("[loader] Finish invoke took %dms", (end = Date.now()) - begin);
+            }
+
+            begin = end;
+            current_stage += 1;
+
+            if(current_stage != Stage.DONE && config.loader_groups)
+                console.groupCollapsed("Executing loading stage %s", Stage[current_stage]);
+        }
+    }
+
+    if(config.verbose) console.debug("[loader] finished loader. (Total time: %dms)", Date.now() - load_begin);
+}
+export function execute_managed() {
+    execute().then(() => {
+        if(config.verbose) {
+            let message;
+            if(typeof(window.tr) !== "undefined")
+                message = tr("App loaded successfully!");
+            else
+                message = "App loaded successfully!";
+
+            if(typeof(window.log) !== "undefined") {
+                /* We're having our log module */
+                window.log.info(window.log.LogCategory.GENERAL, message);
+            } else {
+                console.log(message);
+            }
+        }
+    }).catch(error => {
+        console.error("App loading failed: %o", error);
+        critical_error("Failed to execute loader", "Lookup the console for more detail");
+    });
+}
+
+let _fadeout_warned;
+export function hide_overlay() {
+    if(typeof($) === "undefined") {
+        if(!_fadeout_warned)
+            console.warn("Could not fadeout loader screen. Missing jquery functions.");
+        _fadeout_warned = true;
+        return;
+    }
+    const animation_duration = 750;
+
+    $(".loader .bookshelf_wrapper").animate({top: 0, opacity: 0}, animation_duration);
+    $(".loader .half").animate({width: 0}, animation_duration, () => {
+        $(".loader").detach();
+    });
+}
+
+/* critical error handler */
+export type ErrorHandler = (message: string, detail: string) => void;
+let _callback_critical_error: ErrorHandler;
+let _callback_critical_called: boolean = false;
+export function critical_error(message: string, detail?: string) {
+    document.getElementById("loader-overlay").classList.add("started");
+
+    if(_callback_critical_called) {
+        console.warn("[CRITICAL] %s", message);
+        if(typeof(detail) === "string")
+            console.warn("[CRITICAL] %s", detail);
+        return;
+    }
+
+    _callback_critical_called = true;
+    if(_callback_critical_error) {
+        _callback_critical_error(message, detail);
+        return;
+    }
+
+    /* default handling */
+    let tag = document.getElementById("critical-load");
+
+    {
+        const error_tags = tag.getElementsByClassName("error");
+        error_tags[0].innerHTML = message;
+    }
+
+    if(typeof(detail) === "string") {
+        let node_detail = tag.getElementsByClassName("detail")[0];
+        node_detail.innerHTML = detail;
+    }
+
+    tag.classList.add("shown");
+}
+export function critical_error_handler(handler?: ErrorHandler, override?: boolean) : ErrorHandler {
+    if((typeof(handler) === "object" && handler !== _callback_critical_error) || override)
+        _callback_critical_error = handler;
+    return _callback_critical_error;
+}
+
+/* loaders */
+export type DependSource = {
+    url: string;
+    depends: string[];
+}
+export type SourcePath = string | DependSource | string[];
+
+export const scripts = script_loader;
+export const style = style_loader;
+export const templates = template_loader;
+
+/* Hello World message */
+{
+
+    const hello_world = () => {
+        const clog = console.log;
+        const print_security = () => {
+            {
+                const css = [
+                    "display: block",
+                    "text-align: center",
+                    "font-size: 42px",
+                    "font-weight: bold",
+                    "-webkit-text-stroke: 2px black",
+                    "color: red"
+                ].join(";");
+                clog("%c ", "font-size: 100px;");
+                clog("%cSecurity warning:", css);
+            }
+            {
+                const css = [
+                    "display: block",
+                    "text-align: center",
+                    "font-size: 18px",
+                    "font-weight: bold"
+                ].join(";");
+
+                clog("%cPasting anything in here could give attackers access to your data.", css);
+                clog("%cUnless you understand exactly what you are doing, close this window and stay safe.", css);
+                clog("%c ", "font-size: 100px;");
+            }
+        };
+
+        /* print the hello world */
+        {
+            const css = [
+                "display: block",
+                "text-align: center",
+                "font-size: 72px",
+                "font-weight: bold",
+                "-webkit-text-stroke: 2px black",
+                "color: #18BC9C"
+            ].join(";");
+            clog("%cHey, hold on!", css);
+        }
+        {
+            const css = [
+                "display: block",
+                "text-align: center",
+                "font-size: 26px",
+                "font-weight: bold"
+            ].join(";");
+
+            const css_2 = [
+                "display: block",
+                "text-align: center",
+                "font-size: 26px",
+                "font-weight: bold",
+                "color: blue"
+            ].join(";");
+
+            const display_detect = /./;
+            display_detect.toString = function() { print_security(); return ""; };
+
+            clog("%cLovely to see you using and debugging the TeaSpeak-Web client.", css);
+            clog("%cIf you have some good ideas or already done some incredible changes,", css);
+            clog("%cyou'll be may interested to share them here: %chttps://github.com/TeaSpeak/TeaWeb", css, css_2);
+            clog("%c ", display_detect);
+        }
+    };
+
+    try { /* lets try to print it as VM code :)*/
+        let hello_world_code = hello_world.toString();
+        hello_world_code = hello_world_code.substr(hello_world_code.indexOf('() => {') + 8);
+        hello_world_code = hello_world_code.substring(0, hello_world_code.lastIndexOf("}"));
+
+        //Look aheads are not possible with firefox
+        //hello_world_code = hello_world_code.replace(/(?<!const|let)(?<=^([^"'/]|"[^"]*"|'[^']*'|`[^`]*`|\/[^/]*\/)*) /gm, ""); /* replace all spaces */
+        hello_world_code = hello_world_code.replace(/[\n\r]/g, ""); /* replace as new lines */
+
+        eval(hello_world_code);
+    } catch(e) {
+        console.error(e);
+        hello_world();
+    }
+}

loader/app/loader/script_loader.ts

@@ -0,0 +1,121 @@
+import {config, critical_error, SourcePath} from "./loader";
+import {load_parallel, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+
+let _script_promises: {[key: string]: Promise<void>} = {};
+
+function load_script_url(url: string) : Promise<void> {
+    if(typeof _script_promises[url] === "object")
+        return _script_promises[url];
+
+    return (_script_promises[url] = new Promise((resolve, reject) => {
+        const script_tag: HTMLScriptElement = document.createElement("script");
+
+        let error = false;
+        const error_handler = (event: ErrorEvent) => {
+            if(event.filename == script_tag.src && event.message.indexOf("Illegal constructor") == -1) { //Our tag throw an uncaught error
+                if(config.verbose) console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
+                window.removeEventListener('error', error_handler as any);
+
+                reject(new LoadSyntaxError(event.error));
+                event.preventDefault();
+                error = true;
+            }
+        };
+        window.addEventListener('error', error_handler as any);
+
+        const cleanup = () => {
+            script_tag.onerror = undefined;
+            script_tag.onload = undefined;
+
+            clearTimeout(timeout_handle);
+            window.removeEventListener('error', error_handler as any);
+        };
+        const timeout_handle = setTimeout(() => {
+            cleanup();
+            reject("timeout");
+        }, 5000);
+        script_tag.type = "application/javascript";
+        script_tag.async = true;
+        script_tag.defer = true;
+        script_tag.onerror = error => {
+            cleanup();
+            script_tag.remove();
+            reject(error);
+        };
+        script_tag.onload = () => {
+            cleanup();
+
+            if(config.verbose) console.debug("Script %o loaded", url);
+            setTimeout(resolve, 100);
+        };
+
+        document.getElementById("scripts").appendChild(script_tag);
+
+        script_tag.src = url;
+    })).then(result => {
+        /* cleanup memory */
+        _script_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
+        return _script_promises[url];
+    }).catch(error => {
+        /* cleanup memory */
+        _script_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
+        return _script_promises[url];
+    });
+}
+
+export interface Options {
+    cache_tag?: string;
+}
+
+export async function load(path: SourcePath, options: Options) : Promise<void> {
+    if(Array.isArray(path)) { //We have fallback scripts
+        return load(path[0], options).catch(error => {
+            if(error instanceof LoadSyntaxError)
+                return Promise.reject(error);
+
+            if(path.length > 1)
+                return load(path.slice(1), options);
+
+            return Promise.reject(error);
+        });
+    } else {
+        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
+        if(source.url.length == 0) return Promise.resolve();
+
+        /* await depends */
+        for(const depend of source.depends) {
+            if(!_script_promises[depend])
+                throw "Missing dependency " + depend;
+            await _script_promises[depend];
+        }
+        await load_script_url(source.url + (options.cache_tag || ""));
+    }
+}
+
+type MultipleOptions = Options | ParallelOptions;
+export async function load_multiple(paths: SourcePath[], options: MultipleOptions) : Promise<void> {
+    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options);
+    if(result.failed.length > 0) {
+        if(config.error) {
+            console.error("Failed to load the following scripts:");
+            for(const script of result.failed) {
+                const sname = script_name(script.request, false);
+                if(script.error instanceof LoadSyntaxError) {
+                    const source = script.error.source as Error;
+                    if(source.name === "TypeError") {
+                        let prefix = "";
+                        while(prefix.length < sname.length + 7) prefix += " ";
+                        console.log(" - %s: %s:\n%s", sname, source.message, source.stack.split("\n").map(e => prefix + e.trim()).slice(1).join("\n"));
+                    } else {
+                        console.log(" - %s: %o", sname, source);
+                    }
+                } else {
+                    console.log(" - %s: %o", sname, script.error);
+                }
+            }
+        }
+
+        critical_error("Failed to load script " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
+        throw "failed to load script " + script_name(result.failed[0].request, false);
+    }
+}

loader/app/loader/style_loader.ts

@@ -0,0 +1,142 @@
+import {config, critical_error, SourcePath} from "./loader";
+import {load_parallel, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+
+let _style_promises: {[key: string]: Promise<void>} = {};
+
+function load_style_url(url: string) : Promise<void> {
+    if(typeof _style_promises[url] === "object")
+        return _style_promises[url];
+
+    return (_style_promises[url] = new Promise((resolve, reject) => {
+        const tag: HTMLLinkElement = document.createElement("link");
+
+        let error = false;
+        const error_handler = (event: ErrorEvent) => {
+            if(config.verbose) console.log("msg: %o, url: %o, line: %o, col: %o, error: %o", event.message, event.filename, event.lineno, event.colno, event.error);
+            if(event.filename == tag.href) { //FIXME!
+                window.removeEventListener('error', error_handler as any);
+
+                reject(new SyntaxError(event.error));
+                event.preventDefault();
+                error = true;
+            }
+        };
+        window.addEventListener('error', error_handler as any);
+
+        tag.type = "text/css";
+        tag.rel = "stylesheet";
+
+        const cleanup = () => {
+            tag.onerror = undefined;
+            tag.onload = undefined;
+
+            clearTimeout(timeout_handle);
+            window.removeEventListener('error', error_handler as any);
+        };
+
+        const timeout_handle = setTimeout(() => {
+            cleanup();
+            reject("timeout");
+        }, 5000);
+
+        tag.onerror = error => {
+            cleanup();
+            tag.remove();
+            if(config.error)
+                console.error("File load error for file %s: %o", url, error);
+            reject("failed to load file " + url);
+        };
+        tag.onload = () => {
+            cleanup();
+            {
+                const css: CSSStyleSheet = tag.sheet as CSSStyleSheet;
+                const rules = css.cssRules;
+                const rules_remove: number[] = [];
+                const rules_add: string[] = [];
+
+                for(let index = 0; index < rules.length; index++) {
+                    const rule = rules.item(index);
+                    let rule_text = rule.cssText;
+
+                    if(rule.cssText.indexOf("%%base_path%%") != -1) {
+                        rules_remove.push(index);
+                        rules_add.push(rule_text.replace("%%base_path%%", document.location.origin + document.location.pathname));
+                    }
+                }
+
+                for(const index of rules_remove.sort((a, b) => b > a ? 1 : 0)) {
+                    if(css.removeRule)
+                        css.removeRule(index);
+                    else
+                        css.deleteRule(index);
+                }
+                for(const rule of rules_add)
+                    css.insertRule(rule, rules_remove[0]);
+            }
+
+            if(config.verbose) console.debug("Style sheet %o loaded", url);
+            setTimeout(resolve, 100);
+        };
+
+        document.getElementById("style").appendChild(tag);
+        tag.href = url;
+    })).then(result => {
+        /* cleanup memory */
+        _style_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
+        return _style_promises[url];
+    }).catch(error => {
+        /* cleanup memory */
+        _style_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
+        return _style_promises[url];
+    });
+}
+
+export interface Options {
+    cache_tag?: string;
+}
+
+export async function load(path: SourcePath, options: Options) : Promise<void> {
+    if(Array.isArray(path)) { //We have fallback scripts
+        return load(path[0], options).catch(error => {
+            if(error instanceof LoadSyntaxError)
+                return Promise.reject(error);
+
+            if(path.length > 1)
+                return load(path.slice(1), options);
+
+            return Promise.reject(error);
+        });
+    } else {
+        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
+        if(source.url.length == 0) return Promise.resolve();
+
+        /* await depends */
+        for(const depend of source.depends) {
+            if(!_style_promises[depend])
+                throw "Missing dependency " + depend;
+            await _style_promises[depend];
+        }
+        await load_style_url(source.url + (options.cache_tag || ""));
+    }
+}
+
+export type MultipleOptions = Options | ParallelOptions;
+export async function load_multiple(paths: SourcePath[], options: MultipleOptions) : Promise<void> {
+    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options);
+    if(result.failed.length > 0) {
+        if(config.error) {
+            console.error("Failed to load the following style sheets:");
+            for(const style of result.failed) {
+                const sname = script_name(style.request, false);
+                if(style.error instanceof LoadSyntaxError) {
+                    console.log(" - %s: %o", sname, style.error.source);
+                } else {
+                    console.log(" - %s: %o", sname, style.error);
+                }
+            }
+        }
+
+        critical_error("Failed to load style " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
+        throw "failed to load style " + script_name(result.failed[0].request, false);
+    }
+}

loader/app/loader/template_loader.ts

@@ -0,0 +1,90 @@
+import {config, critical_error, SourcePath} from "./loader";
+import {load_parallel, LoadSyntaxError, ParallelOptions, script_name} from "./utils";
+
+let _template_promises: {[key: string]: Promise<void>} = {};
+
+function load_template_url(url: string) : Promise<void> {
+    if(typeof _template_promises[url] === "object")
+        return _template_promises[url];
+
+    return (_template_promises[url] = (async () => {
+        const response = await $.ajax(url);
+
+        let node = document.createElement("html");
+        node.innerHTML = response;
+        let tags: HTMLCollection;
+        if(node.getElementsByTagName("body").length > 0)
+            tags = node.getElementsByTagName("body")[0].children;
+        else
+            tags = node.children;
+
+        let root = document.getElementById("templates");
+        if(!root) {
+            critical_error("Failed to find template tag!");
+            throw "Failed to find template tag";
+        }
+        while(tags.length > 0){
+            let tag = tags.item(0);
+            root.appendChild(tag);
+
+        }
+    })()).then(result => {
+        /* cleanup memory */
+        _template_promises[url] = Promise.resolve(); /* this promise does not holds the whole script tag and other memory */
+        return _template_promises[url];
+    }).catch(error => {
+        /* cleanup memory */
+        _template_promises[url] = Promise.reject(error); /* this promise does not holds the whole script tag and other memory */
+        return _template_promises[url];
+    });
+}
+
+export interface Options {
+    cache_tag?: string;
+}
+
+export async function load(path: SourcePath, options: Options) : Promise<void> {
+    if(Array.isArray(path)) { //We have fallback scripts
+        return load(path[0], options).catch(error => {
+            if(error instanceof LoadSyntaxError)
+                return Promise.reject(error);
+
+            if(path.length > 1)
+                return load(path.slice(1), options);
+
+            return Promise.reject(error);
+        });
+    } else {
+        const source = typeof(path) === "string" ? {url: path, depends: []} : path;
+        if(source.url.length == 0) return Promise.resolve();
+
+        /* await depends */
+        for(const depend of source.depends) {
+            if(!_template_promises[depend])
+                throw "Missing dependency " + depend;
+            await _template_promises[depend];
+        }
+        await load_template_url(source.url + (options.cache_tag || ""));
+    }
+}
+
+export type MultipleOptions = Options | ParallelOptions;
+export async function load_multiple(paths: SourcePath[], options: MultipleOptions) : Promise<void> {
+    const result = await load_parallel<SourcePath>(paths, e => load(e, options), e => script_name(e, false), options);
+    if(result.failed.length > 0) {
+        if(config.error) {
+            console.error("Failed to load the following template files:");
+            for(const style of result.failed) {
+                const sname = script_name(style.request, false);
+                if(style.error instanceof LoadSyntaxError) {
+                    console.log(" - %s: %o", sname, style.error.source);
+                } else {
+                    console.log(" - %s: %o", sname, style.error);
+                }
+            }
+        }
+
+        critical_error("Failed to load template file " + script_name(result.failed[0].request, true) + " <br>" + "View the browser console for more information!");
+        throw "failed to load template file " + script_name(result.failed[0].request, false);
+    }
+}

loader/app/loader/utils.ts

@@ -0,0 +1,65 @@
+import {SourcePath} from "./loader";
+import {Options} from "./script_loader";
+
+export class LoadSyntaxError {
+    readonly source: any;
+    constructor(source: any) {
+        this.source = source;
+    }
+}
+
+export function script_name(path: SourcePath, html: boolean) {
+    if(Array.isArray(path)) {
+        let buffer = "";
+        let _or = " or ";
+        for(let entry of path)
+            buffer += _or + script_name(entry, html);
+        return buffer.slice(_or.length);
+    } else if(typeof(path) === "string")
+        return html ? "<code>" + path + "</code>" : path;
+    else
+        return html ? "<code>" + path.url + "</code>" : path.url;
+}
+
+export interface ParallelOptions extends Options {
+    max_parallel_requests?: number
+}
+
+export interface ParallelResult<T> {
+    succeeded: T[];
+    failed: {
+        request: T,
+        error: T
+    }[],
+
+    skipped: T[];
+}
+
+export async function load_parallel<T>(requests: T[], executor: (_: T) => Promise<void>, stringify: (_: T) => string, options: ParallelOptions) : Promise<ParallelResult<T>> {
+    const result: ParallelResult<T> = { failed: [], succeeded: [], skipped: [] };
+    const pending_requests = requests.slice(0).reverse(); /* we're only able to pop from the back */
+    const current_requests = {};
+
+    while (pending_requests.length > 0) {
+        while(typeof options.max_parallel_requests !== "number" || options.max_parallel_requests <= 0 || Object.keys(current_requests).length < options.max_parallel_requests) {
+            const script = pending_requests.pop();
+            const name = stringify(script);
+
+            current_requests[name] = executor(script).catch(e => result.failed.push({ request: script, error: e })).then(() => {
+                delete current_requests[name];
+            });
+            if(pending_requests.length == 0) break;
+        }
+
+        /*
+         * Wait 'till a new "slot" for downloading is free.
+         * This should also not throw because any errors will be caught before.
+         */
+        await Promise.race(Object.keys(current_requests).map(e => current_requests[e]));
+        if(result.failed.length > 0)
+            break; /* finish loading the other requests and than show the error */
+    }
+    await Promise.all(Object.keys(current_requests).map(e => current_requests[e]));
+    result.skipped.push(...pending_requests);
+    return result;
+}

loader/app/targets/app.ts

@@ -0,0 +1,415 @@
+import * as loader from "../loader/loader";
+
+declare global {
+    interface Window {
+        native_client: boolean;
+    }
+}
+
+const node_require: typeof require = window.require;
+
+function cache_tag() {
+    const ui = ui_version();
+    return "?_ts=" + (!!ui && ui !== "unknown" ? ui : Date.now());
+}
+
+let _ui_version;
+export function ui_version() {
+    if(typeof(_ui_version) !== "string") {
+        const version_node = document.getElementById("app_version");
+        if(!version_node) return undefined;
+
+        const version = version_node.hasAttribute("value") ? version_node.getAttribute("value") : undefined;
+        if(!version) return undefined;
+
+        return (_ui_version = version);
+    }
+    return _ui_version;
+}
+
+interface Manifest {
+    version: number;
+
+    chunks: {[key: string]: {
+        files: {
+            hash: string,
+            file: string
+        }[],
+        modules: {
+            id: string,
+            context: string,
+            resource: string
+        }[]
+    }};
+}
+
+/* all javascript loaders */
+const loader_javascript = {
+    load_scripts: async () => {
+        if(!window.require) {
+            await loader.scripts.load(["vendor/jquery/jquery.min.js"], { cache_tag: cache_tag() });
+        } else {
+            /*
+            loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
+                name: "forum sync",
+                priority: 10,
+                function: async () => {
+                    forum.sync_main();
+                }
+            });
+            */
+        }
+
+        await loader.scripts.load_multiple([
+            ["vendor/jsrender/jsrender.min.js"],
+            ["vendor/xbbcode/src/parser.js"],
+            ["vendor/emoji-picker/src/jquery.lsxemojipicker.js"],
+            ["vendor/twemoji/twemoji.min.js", ""], /* empty string means not required */
+            ["vendor/highlight/highlight.pack.js", ""], /* empty string means not required */
+            ["vendor/remarkable/remarkable.min.js", ""], /* empty string means not required */
+        ], {
+            cache_tag: cache_tag(),
+            max_parallel_requests: -1
+        });
+
+        let manifest: Manifest;
+        try {
+            const response = await fetch("js/manifest.json");
+            if(!response.ok) throw response.status + " " + response.statusText;
+
+            manifest = await response.json();
+        } catch(error) {
+            console.error("Failed to load javascript manifest: %o", error);
+            loader.critical_error("Failed to load manifest.json", error);
+            throw "failed to load manifest.json";
+        }
+        if(manifest.version !== 2)
+            throw "invalid manifest version";
+
+        const chunk_name = __build.entry_chunk_name;
+        if(typeof manifest.chunks[chunk_name] !== "object") {
+            loader.critical_error("Missing entry chunk in manifest.json", "Chunk " + chunk_name + " is missing.");
+            throw "missing entry chunk";
+        }
+        loader.module_mapping().push({
+            application: chunk_name,
+            modules: manifest.chunks[chunk_name].modules
+        });
+        await loader.scripts.load_multiple(manifest.chunks[chunk_name].files.map(e => "js/" + e.file), {
+            cache_tag: undefined,
+            max_parallel_requests: -1
+        });
+    }
+};
+
+const loader_webassembly = {
+    test_webassembly: async () => {
+        /* We dont required WebAssembly anymore for fundamental functions, only for auto decoding
+        if(typeof (WebAssembly) === "undefined" || typeof (WebAssembly.compile) === "undefined") {
+            console.log(navigator.browserSpecs);
+            if (navigator.browserSpecs.name == 'Safari') {
+                if (parseInt(navigator.browserSpecs.version) < 11) {
+                    displayCriticalError("You require Safari 11 or higher to use the web client!<br>Safari " + navigator.browserSpecs.version + " does not support WebAssambly!");
+                    return;
+                }
+            }
+            else {
+                // Do something for all other browsers.
+            }
+            displayCriticalError("You require WebAssembly for TeaSpeak-Web!");
+            throw "Missing web assembly";
+        }
+        */
+    }
+};
+
+const loader_style = {
+    load_style: async () => {
+        const options = {
+            cache_tag: cache_tag(),
+            max_parallel_requests: -1
+        };
+
+        await loader.style.load_multiple([
+            "vendor/xbbcode/src/xbbcode.css"
+        ], options);
+        await loader.style.load_multiple([
+            "vendor/emoji-picker/src/jquery.lsxemojipicker.css"
+        ], options);
+        await loader.style.load_multiple([
+            ["vendor/highlight/styles/darcula.css", ""], /* empty string means not required */
+        ], options);
+
+        if(__build.mode === "debug") {
+            await loader_style.load_style_debug();
+        } else {
+            await loader_style.load_style_release();
+        }
+    },
+
+    load_style_debug: async () => {
+        await loader.style.load_multiple([
+            "css/static/main.css",
+            "css/static/main-layout.css",
+            "css/static/helptag.css",
+            "css/static/scroll.css",
+            "css/static/channel-tree.css",
+            "css/static/ts/tab.css",
+            "css/static/ts/chat.css",
+            "css/static/ts/icons.css",
+            "css/static/ts/icons_em.css",
+            "css/static/ts/country.css",
+            "css/static/general.css",
+            "css/static/modal.css",
+            "css/static/modals.css",
+            "css/static/modal-about.css",
+            "css/static/modal-avatar.css",
+            "css/static/modal-icons.css",
+            "css/static/modal-bookmarks.css",
+            "css/static/modal-connect.css",
+            "css/static/modal-channel.css",
+            "css/static/modal-query.css",
+            "css/static/modal-volume.css",
+            "css/static/modal-latency.css",
+            "css/static/modal-invite.css",
+            "css/static/modal-playlist.css",
+            "css/static/modal-banlist.css",
+            "css/static/modal-banclient.css",
+            "css/static/modal-channelinfo.css",
+            "css/static/modal-clientinfo.css",
+            "css/static/modal-serverinfo.css",
+            "css/static/modal-musicmanage.css",
+            "css/static/modal-serverinfobandwidth.css",
+            "css/static/modal-identity.css",
+            "css/static/modal-newcomer.css",
+            "css/static/modal-settings.css",
+            "css/static/modal-poke.css",
+            "css/static/modal-server.css",
+            "css/static/modal-keyselect.css",
+            "css/static/modal-permissions.css",
+            "css/static/modal-group-assignment.css",
+            "css/static/overlay-image-preview.css",
+            "css/static/music/info_plate.css",
+            "css/static/frame/SelectInfo.css",
+            "css/static/control_bar.css",
+            "css/static/context_menu.css",
+            "css/static/frame-chat.css",
+            "css/static/connection_handlers.css",
+            "css/static/server-log.css",
+            "css/static/htmltags.css",
+            "css/static/hostbanner.css",
+            "css/static/menu-bar.css"
+        ], {
+            cache_tag: cache_tag(),
+            max_parallel_requests: -1
+        });
+    },
+
+    load_style_release: async () => {
+        await loader.style.load_multiple([
+            "css/static/base.css",
+            "css/static/main.css",
+        ], {
+            cache_tag: cache_tag(),
+            max_parallel_requests: -1
+        });
+    }
+};
+
+/* register tasks */
+loader.register_task(loader.Stage.INITIALIZING, {
+    name: "safari fix",
+    function: async () => {
+        /* safari remove "fix" */
+        if(Element.prototype.remove === undefined)
+            Object.defineProperty(Element.prototype, "remove", {
+                enumerable: false,
+                configurable: false,
+                writable: false,
+                value: function(){
+                    this.parentElement.removeChild(this);
+                }
+            });
+    },
+    priority: 50
+});
+
+loader.register_task(loader.Stage.INITIALIZING, {
+    name: "Browser detection",
+    function: async () => {
+        navigator.browserSpecs = (function(){
+            let ua = navigator.userAgent, tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+            if(/trident/i.test(M[1])){
+                tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
+                return {name:'IE',version:(tem[1] || '')};
+            }
+            if(M[1]=== 'Chrome'){
+                tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
+                if(tem != null) return {name:tem[1].replace('OPR', 'Opera'),version:tem[2]};
+            }
+            M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
+            if((tem = ua.match(/version\/(\d+)/i))!= null)
+                M.splice(1, 1, tem[1]);
+            return {name:M[0], version:M[1]};
+        })();
+
+        console.log("Resolved browser manufacturer to \"%s\" version \"%s\"", navigator.browserSpecs.name, navigator.browserSpecs.version);
+    },
+    priority: 30
+});
+
+loader.register_task(loader.Stage.INITIALIZING, {
+    name: "secure tester",
+    function: async () => {
+        /* we need https or localhost to use some things like the storage API */
+        if(typeof isSecureContext === "undefined")
+            (<any>window)["isSecureContext"] = location.protocol !== 'https:' && location.hostname !== 'localhost';
+
+        if(!isSecureContext) {
+            loader.critical_error("TeaWeb cant run on unsecured sides.", "App requires to be loaded via HTTPS!");
+            throw "App requires a secure context!"
+        }
+    },
+    priority: 20
+});
+
+loader.register_task(loader.Stage.INITIALIZING, {
+    name: "webassembly tester",
+    function: loader_webassembly.test_webassembly,
+    priority: 20
+});
+
+loader.register_task(loader.Stage.JAVASCRIPT, {
+    name: "javascript",
+    function: loader_javascript.load_scripts,
+    priority: 10
+});
+
+loader.register_task(loader.Stage.STYLE, {
+    name: "style",
+    function: loader_style.load_style,
+    priority: 10
+});
+
+loader.register_task(loader.Stage.TEMPLATES, {
+    name: "templates",
+    function: async () => {
+        await loader.templates.load_multiple([
+            "templates.html",
+            "templates/modal/musicmanage.html",
+            "templates/modal/newcomer.html",
+        ], {
+            cache_tag: cache_tag(),
+            max_parallel_requests: -1
+        });
+    },
+    priority: 10
+});
+
+loader.register_task(loader.Stage.LOADED, {
+    name: "loaded handler",
+    function: async () => loader.hide_overlay(),
+    priority: 5
+});
+
+loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
+    name: "lsx emoji picker setup",
+    function: async () => await (window as any).setup_lsx_emoji_picker({twemoji: typeof(window.twemoji) !== "undefined"}),
+    priority: 10
+});
+
+loader.register_task(loader.Stage.SETUP, {
+    name: "page setup",
+    function: async () => {
+        const body = document.body;
+        /* top menu */
+        {
+            const container = document.createElement("div");
+            container.setAttribute('id', "top-menu-bar");
+            body.append(container);
+        }
+        /* template containers */
+        {
+            const container = document.createElement("div");
+            container.setAttribute('id', "templates");
+            body.append(container);
+        }
+        /* sounds container */
+        {
+            const container = document.createElement("div");
+            container.setAttribute('id', "sounds");
+            body.append(container);
+        }
+        /* mouse move container */
+        {
+            const container = document.createElement("div");
+            container.setAttribute('id', "mouse-move");
+
+            const inner_container = document.createElement("div");
+            inner_container.classList.add("container");
+            container.append(inner_container);
+
+            body.append(container);
+        }
+        /* tooltip container */
+        {
+            const container = document.createElement("div");
+            container.setAttribute('id', "global-tooltip");
+
+            container.append(document.createElement("a"));
+
+            body.append(container);
+        }
+    },
+    priority: 10
+});
+
+/* test if we're getting loaded within a TeaClient preview window */
+loader.register_task(loader.Stage.SETUP, {
+    name: "TeaClient tester",
+    function: async () => {
+        //@ts-ignore
+        if(typeof __teaclient_preview_notice !== "undefined" && typeof __teaclient_preview_error !== "undefined") {
+            loader.critical_error("Why you're opening TeaWeb within the TeaSpeak client?!");
+            throw "we're already a TeaClient!";
+        }
+    },
+    priority: 100
+});
+
+export function run() {
+    window["Module"] = (window["Module"] || {}) as any; /* Why? */
+
+    /* TeaClient */
+    if(node_require) {
+        if(__build.target !== "client") {
+            loader.critical_error("App seems not to be compiled for the client.", "This app has been compiled for " + __build.target);
+            return;
+        }
+        window.native_client = true;
+
+        const path = node_require("path");
+        const remote = node_require('electron').remote;
+
+        const render_entry = path.join(remote.app.getAppPath(), "/modules/", "renderer");
+        const render = node_require(render_entry);
+
+        loader.register_task(loader.Stage.INITIALIZING, {
+            name: "teaclient initialize",
+            function: render.initialize,
+            priority: 40
+        });
+    } else {
+        if(__build.target !== "web") {
+            loader.critical_error("App seems not to be compiled for the web.", "This app has been compiled for " + __build.target);
+            return;
+        }
+
+        window.native_client = false;
+    }
+
+    if(!loader.running()) {
+        /* we know that we want to load the app */
+        loader.execute_managed();
+    }
+}

loader/app/targets/certaccept.ts

@@ -1,4 +1,4 @@
-/// <reference path="loader.ts" />
+import * as loader from "../loader/loader";
 
 let is_debug = false;
 
@@ -25,34 +25,8 @@ const loader_javascript = {
 
     load_scripts: async () => {
         await loader.load_script(["vendor/jquery/jquery.min.js"]);
-
-        if(!is_debug) {
-            loader.register_task(loader.Stage.JAVASCRIPT, {
-                name: "scripts release",
-                priority: 20,
-                function: loader_javascript.load_release
-            });
-        } else {
-            loader.register_task(loader.Stage.JAVASCRIPT, {
-                name: "scripts debug",
-                priority: 20,
-                function: loader_javascript.load_scripts_debug
-            });
-        }
-    },
-    load_scripts_debug: async () => {
         await loader.load_scripts([
-            ["js/proto.js"],
+            ["dist/certificate-popup.js"],
-            ["js/log.js"],
-            ["js/BrowserIPC.js"],
-            ["js/settings.js"],
-            ["js/main.js"]
-        ]);
-    },
-
-    load_release: async () => {
-        await loader.load_scripts([
-            ["js/certaccept.min.js", "js/certaccept.js"]
         ]);
     }
 };
@@ -99,9 +73,7 @@ loader.register_task(loader.Stage.STYLE, {
 
 loader.register_task(loader.Stage.LOADED, {
     name: "loaded handler",
-    function: async () => {
+    function: async () => loader.hide_overlay(),
-        fadeoutLoader();
-    },
     priority: 0
 });
 
@@ -123,25 +95,6 @@ loader.register_task(loader.Stage.INITIALIZING, {
     priority: 50
 });
 
-loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
-    name: "settings initialisation",
-    function: async () => Settings.initialize(),
-    priority: 200
-});
-
-loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
-    name: "bipc initialisation",
-    function: async () => bipc.setup(),
-    priority: 100
-});
-
-
-loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
-    name: "log enabled initialisation",
-    function: async () => log.initialize(is_debug ? log.LogType.TRACE : log.LogType.INFO),
-    priority: 150
-});
-
 if(!loader.running()) {
     /* we know that we want to load the app */
     loader.execute_managed();

loader/exports/loader.d.ts

@@ -0,0 +1,87 @@
+export interface Config {
+    loader_groups: boolean;
+    verbose: boolean;
+    error: boolean;
+}
+
+export enum BackendType {
+    WEB,
+    NATIVE
+}
+
+export interface AppVersion {
+    ui: string;
+    backend: string;
+
+    type: "web" | "native";
+    debug_mode: boolean;
+}
+
+export let config: Config;
+
+export type Task = {
+    name: string,
+    priority: number, /* tasks with the same priority will be executed in sync */
+    function: () => Promise<void>
+};
+export enum Stage {
+    /*
+        loading loader required files (incl this)
+     */
+    INITIALIZING,
+    /*
+        setting up the loading process
+     */
+    SETUP,
+    /*
+        loading all style sheet files
+     */
+    STYLE,
+    /*
+        loading all javascript files
+     */
+    JAVASCRIPT,
+    /*
+        loading all template files
+     */
+    TEMPLATES,
+    /*
+        initializing static/global stuff
+     */
+    JAVASCRIPT_INITIALIZING,
+    /*
+        finalizing load process
+     */
+    FINALIZING,
+    /*
+        invoking main task
+     */
+    LOADED,
+
+    DONE
+}
+
+export type ModuleMapping = {
+    application: string,
+    modules: {
+        "id": string,
+        "context": string,
+        "resource": string
+    }[]
+};
+export function module_mapping() : ModuleMapping;
+
+export function finished();
+export function running();
+export function register_task(stage: Stage, task: Task);
+export function execute() : Promise<void>;
+export function execute_managed();
+export type DependSource = {
+    url: string;
+    depends: string[];
+}
+export type SourcePath = string | DependSource | string[];
+export type ErrorHandler = (message: string, detail: string) => void;
+export function critical_error(message: string, detail?: string);
+export function critical_error_handler(handler?: ErrorHandler, override?: boolean);
+export function hide_overlay();

package.json

@@ -5,41 +5,62 @@
   "main": "main.js",
   "directories": {},
   "scripts": {
-    "compile-sass": "sass --update .:.",
+    "compile-sass": "sass --update shared/css/:shared/css/ web/css/:web/css/ client/css/:client/css/",
-    "compile-file-helper": "tsc file.ts",
+    "compile-project-base": "tsc -p tsbaseconfig.json",
-    "build-worker-codec": "tsc -p web/js/workers/tsconfig_worker_codec.json",
-    "build-worker-pow": "tsc -p shared/js/workers/tsconfig_worker_pow.json",
-    "build-worker": "npm run build-worker-codec; npm run build-worker-pow;",
     "dtsgen": "node tools/dtsgen/index.js",
     "trgen": "node tools/trgen/index.js",
-    "ttsc": "ttsc",
     "sass": "sass",
     "csso": "csso",
     "rebuild-structure-web-dev": "php files.php generate web dev",
     "minify-web-rel-file": "terser --compress --mangle --ecma 6 --keep_classnames --keep_fnames --output",
-    "start": "npm run compile-file-helper && node file.js ndevelop"
+    "start": "npm run compile-file-helper && node file.js ndevelop",
+    "build-web": "webpack --config webpack-web.config.js",
+    "watch-web": "webpack --watch --config webpack-web.config.js",
+    "build-client": "webpack --config webpack-client.config.js",
+    "watch-client": "webpack --watch --config webpack-client.config.js"
   },
   "author": "TeaSpeak (WolverinDEV)",
   "license": "ISC",
   "devDependencies": {
+    "@types/dompurify": "^2.0.1",
     "@types/emscripten": "^1.38.0",
-    "@types/jquery": "^3.3.31",
+    "@types/fs-extra": "^8.0.1",
+    "@types/jquery": "^3.3.34",
+    "@types/lodash": "^4.14.149",
     "@types/moment": "^2.13.0",
     "@types/node": "^12.7.2",
+    "@types/react-dom": "^16.9.5",
     "@types/sha256": "^0.2.0",
     "@types/websocket": "0.0.40",
+    "chunk-manifest-webpack-plugin": "^1.1.2",
+    "circular-dependency-plugin": "^5.2.0",
     "clean-css": "^4.2.1",
+    "clean-webpack-plugin": "^3.0.0",
+    "css-loader": "^3.4.2",
     "csso-cli": "^2.0.2",
+    "exports-loader": "^0.7.0",
+    "fs-extra": "latest",
     "gulp": "^4.0.2",
+    "html-loader": "^1.0.0",
+    "html-webpack-plugin": "^4.0.3",
     "mime-types": "^2.1.24",
+    "mini-css-extract-plugin": "^0.9.0",
     "mkdirp": "^0.5.1",
+    "node-sass": "^4.13.1",
+    "raw-loader": "^4.0.0",
     "sass": "1.22.10",
+    "sass-loader": "^8.0.2",
     "sha256": "^0.2.0",
+    "style-loader": "^1.1.3",
     "terser": "^4.2.1",
-    "ttypescript": "^1.5.10",
+    "terser-webpack-plugin": "latest",
+    "ts-loader": "^6.2.2",
     "typescript": "3.6.5",
-    "wat2wasm": "^1.0.2",
+    "wabt": "^1.0.13",
-    "fs-extra": "latest"
+    "webpack": "^4.42.1",
+    "webpack-bundle-analyzer": "^3.6.1",
+    "webpack-cli": "^3.3.11",
+    "worker-plugin": "^4.0.2"
   },
   "repository": {
     "type": "git",
@@ -50,6 +71,10 @@
   },
   "homepage": "https://www.teaspeak.de",
   "dependencies": {
-    "@types/fs-extra": "^8.0.1"
+    "dompurify": "^2.0.8",
+    "moment": "^2.24.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "webrtc-adapter": "^7.5.1"
   }
 }

scripts/build.sh

@@ -0,0 +1,93 @@
+#!/usr/bin/env bash
+
+# shellcheck disable=SC1090
+source "$(dirname "$0")/resolve_commands.sh"
+cd "$(dirname "$0")/../" || { echo "Failed to enter the base directory"; exit 1; }
+
+
+if [[ $# -lt 2 ]]; then
+    echo "Invalid argument count!"
+    exit 1
+fi
+
+if [[ "$1" == "client" ]]; then
+    build_target="client"
+elif [[ "$1" == "web" ]]; then
+    build_target="web"
+else
+    echo "Invalid option $2"
+    echo 'Available options are: "web" or "client"'
+    exit 1
+fi
+
+if [[ "$2" == "development" ]] || [[ "$2" == "dev" ]] || [[ "$2" == "debug" ]]; then
+    build_type="development"
+elif [[ "$2" == "release" ]] || [[ "$2" == "rel" ]]; then
+    build_type="release"
+else
+    if [[ $# -lt 2 ]]; then
+        echo "Invalid argument count!"
+    else
+        echo "Invalid option $2"
+    fi
+    echo 'Available options are: "development" or "dev", "release" or "rel"'
+    exit 1
+fi
+
+echo "Generating required project build files"
+npm run compile-project-base; _exit_code=$?
+if [[ $_exit_code -ne 0 ]]; then
+    echo "Failed to generate project build files"
+    exit 1
+fi
+
+echo "Generating required build tooks"
+./tools/build_trgen.sh; _exit_code=$?
+if [[ $_exit_code -ne 0 ]]; then
+    echo "Failed to build build_typescript translation generator"
+    exit 1
+fi
+
+echo "Generating style files"
+npm run compile-sass; _exit_code=$?
+if [[ $_exit_code -ne 0 ]]; then
+    echo "Failed to generate style files"
+    exit 1
+fi
+
+echo "Compile vendor XBBCode"
+execute_ttsc -p ./vendor/xbbcode/tsconfig.json; _exit_code=$?
+if [[ $_exit_code -ne 0 ]]; then
+    echo "Failed to build the XBBCode vendor"
+    exit 1
+fi
+
+if [[ "$build_type" == "release" ]]; then # Compile everything for release mode
+    echo "Packing generated css files"
+    ./shared/css/generate_packed.sh; _exit_code=$?
+    if [[ $_exit_code -ne 0 ]]; then
+        echo "Failed to package generated css files"
+        exit 1
+    fi
+
+    NODE_ENV=production npm run build-$build_target; _exit_code=$?
+    if [[ $_exit_code -ne 0 ]]; then
+        echo "Failed to build the $build_target applcation"
+        exit 1
+    fi
+elif [[ "$build_type" == "development" ]]; then
+    NODE_ENV=development npm run build-$build_target; _exit_code=$?
+    if [[ $_exit_code -ne 0 ]]; then
+        echo "Failed to build the $build_target applcation"
+        exit 1
+    fi
+fi
+
+echo "Generating environment"
+node file.js generate $build_target ${build_type}; _exit_code=$?
+if [[ $_exit_code -ne 0 ]]; then
+    echo "Failed to generate environment"
+    exit 1
+fi
+
+echo "$build_target builded successfully!"

scripts/build_declarations.sh

@@ -1,8 +1,9 @@
 #!/usr/bin/env bash
 
 BASEDIR=$(dirname "$0")
+# shellcheck disable=SC1090
 source "${BASEDIR}/resolve_commands.sh"
-cd "$BASEDIR/../"
+cd "$BASEDIR/../" || { echo "Failed to enter parent directory!"; exit 1; }
 
 function generate_link() {
     if [[ ! -L $2 ]] || [[ "${BASH_ARGV[0]}" == "force" ]]; then
@@ -20,12 +21,19 @@ function replace_tribble() {
 
 
 #Building the generator
-./tools/build_dtsgen.sh
+./tools/build_dtsgen.sh; _exit_code=$?
-if [[ $? -ne 0 ]]; then
+if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to build typescript declaration generator"
+    echo "Failed to build typescript declaration generator ($_exit_code)"
     exit 1
 fi
 
+#Shared
+./shared/generate_declarations.sh; _exit_code=$?
+[[ $_exit_code -ne 0 ]] && {
+    echo "Failed to generate shared ($_exit_code)"
+}
+
+exit 0
 #Easy going: Each "module" has it's exports and imports
 #So lets first build the exports and ignore any errors
 #Note: For the client we have to use the given file
@@ -40,12 +48,6 @@ npm run dtsgen -- --config client/tsconfig/dtsconfig.json -v
 replace_tribble client/declarations/exports.d.ts
 echo "Generated client declarations"
 
-#Shared
-./shared/generate_declarations.sh
-[[ $? -ne 0 ]] && {
-    echo "Failed to generate shared"
-}
-
 #replace_tribble shared/declarations/exports.d.ts
 echo "Generated shared declarations"
 

scripts/client_build.sh

@@ -1,103 +0,0 @@
-#!/usr/bin/env bash
-
-source `dirname $0`/resolve_commands.sh
-BASEDIR=$(dirname "$0")
-cd "$BASEDIR/../"
-
-source_path="client-api/environment/ui-files/raw"
-if [[ "$1" == "development" ]] || [[ "$1" == "dev" ]] || [[ "$1" == "debug" ]]; then
-    type="development"
-elif [[ "$1" == "release" ]] || [[ "$1" == "rel" ]]; then
-    type="release"
-else
-    if [[ $# -lt 1 ]]; then
-        echo "Invalid argument count!"
-    else
-        echo "Invalid option $1"
-    fi
-    echo 'Available options are: "development" or "dev", "release" or "rel"'
-    exit 1
-fi
-
-echo "Generating file helper script"
-npm run compile-file-helper
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate file helper"
-    exit 1
-fi
-
-echo "Generating style files"
-npm run compile-sass
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate style files"
-    exit 1
-fi
-
-echo "Generating web workers"
-npm run build-worker-codec
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build web worker codec"
-    exit 1
-fi
-npm run build-worker-pow
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build web worker pow"
-    exit 1
-fi
-
-#Lets build some tools
-#dtsgen should be already build by build_declarations.sh
-./tools/build_trgen.sh
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build typescript translation generator"
-    exit 1
-fi
-
-#Now lets build the declarations
-echo "Building declarations"
-./scripts/build_declarations.sh force
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate declarations"
-    exit 1
-fi
-
-if [[ "$type" == "release" ]]; then #Compile everything for release mode
-    #Compile the shared source first
-    echo "Building shared source"
-    ./shared/generate_packed.sh
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to build shared source"
-        exit 1
-    fi
-
-    #Now compile the web client itself
-    echo "Building client UI"
-    ./client/generate_packed.sh
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to build web client"
-        exit 1
-    fi
-elif [[ "$type" == "development" ]]; then
-    echo "Building shared source"
-    execute_ttsc -p ./shared/tsconfig/tsconfig.json
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to compile shared sources"
-        exit 1
-    fi
-
-    echo "Building client UI source"
-    execute_ttsc -p ./client/tsconfig/tsconfig.json
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to compile web sources"
-        exit 1
-    fi
-fi
-
-echo "Generating environment"
-node file.js generate client ${type}
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate environment"
-    exit 1
-fi
-
-echo "Successfully build!"

scripts/deploy_ui_files.sh

@@ -1,12 +1,11 @@
 #!/usr/bin/env bash
 
-# ./scripts/deploy_ui_files.sh http://dev.clientapi.teaspeak.de/api.php test 1.1.0
+# Example usage: ./scripts/deploy_ui_files.sh http://dev.clientapi.teaspeak.de/api.php test 1.1.0
 
 TMP_FILE_NAME="TeaSpeakUI.tar.gz"
 TMP_DIR_NAME="tmp"
 
-BASEDIR=$(dirname "$0")
+cd "$(dirname "$0")/../" || { echo "failed to enter base directory"; exit 1; }
-cd "$BASEDIR/../"
 
 if [[ "$#" -ne 3 ]]; then
     echo "Illegal number of parameters (url | channel | required version)"
@@ -18,6 +17,7 @@ if [[ ! -d client-api/environment/ui-files/ ]]; then
     exit 1
 fi
 
+# shellcheck disable=SC2154
 if [[ "${teaclient_deploy_secret}" == "" ]]; then
     echo "Missing deploy secret!"
     exit 1
@@ -26,33 +26,36 @@ fi
 if [[ -e "${TMP_FILE_NAME}" ]]; then
     echo "Temp file already exists!"
     echo "Deleting it!"
-    rm ${TMP_FILE_NAME}
+
-    if [[ $? -ne 0 ]]; then
+    if ! rm ${TMP_FILE_NAME}; then
         echo "Failed to delete file"
         exit 1
     fi
 fi
 
 GIT_HASH=$(git rev-parse --verify --short HEAD)
-APPLICATION_VERSION=$(cat package.json | python -c "import sys, json; print(json.load(sys.stdin)['version'])")
+APPLICATION_VERSION=$(< package.json python -c "import sys, json; print(json.load(sys.stdin)['version'])")
 echo "Git hash ${GIT_HASH} on version ${APPLICATION_VERSION} on channel $2"
 
 #Packaging the app
-cd client-api/environment/ui-files/
+cd client-api/environment/ui-files/ || {
+  echo "Missing UI files directory"
+  exit 1
+}
 if [[ -e ${TMP_DIR_NAME} ]]; then
-    rm -r ${TMP_DIR_NAME}
+    if ! rm -r ${TMP_DIR_NAME}; then
-    if [[ $? -ne 0 ]]; then
         echo "Failed to remove temporary directory!"
         exit 1
     fi
 fi
 cp -rL raw ${TMP_DIR_NAME}
 
-for file in $(find ${TMP_DIR_NAME} -name '*.php'); do
+while IFS= read -r -d '' file
+do
     echo "Evaluating php file $file"
     __cur_dir=$(pwd)
-    cd $(dirname ${file})
+    cd "$(dirname "${file}")" || { echo "Failed to enter php file directory"; exit 1; }
-    RESULT=$(php "$(basename ${file})" 2> /dev/null)
+    php_result=$(php "$(basename "${file}")" 2> /dev/null)
     CODE=$?
     if [[ ${CODE} -ne 0 ]]; then
         echo "Failed to evaluate php file $file!"
@@ -60,14 +63,14 @@ for file in $(find ${TMP_DIR_NAME} -name '*.php'); do
         exit 1
     fi
 
-    cd ${__cur_dir}
+    cd "${__cur_dir}" || { echo "failed to enter original dir"; exit 1; }
-    echo "${RESULT}" > "${file::-4}.html"
+    echo "${php_result}" > "${file::-4}.html"
-done
+done <   <(find "${TMP_DIR_NAME}" -name '*.php' -print0)
 
-cd ${TMP_DIR_NAME}
+cd ${TMP_DIR_NAME} || { echo "failed to enter the temp dir"; exit 1; }
-tar chvzf ${TMP_FILE_NAME} *
+tar chvzf ${TMP_FILE_NAME} ./*; _exit_code=$?
-if [[ $? -ne 0 ]]; then
+if [[ $_exit_code -ne 0 ]]; then
-    echo "Failed to pack file"
+    echo "Failed to pack file ($_exit_code)"
     exit 1
 fi
 mv ${TMP_FILE_NAME} ../../../../
@@ -84,16 +87,16 @@ RESP=$(curl \
   -F "version=$APPLICATION_VERSION" \
   -F "git_ref=$GIT_HASH" \
   -F "secret=${teaclient_deploy_secret}" \
-  -F "file=@`pwd`/TeaSpeakUI.tar.gz" \
+  -F "file=@$(pwd)/TeaSpeakUI.tar.gz" \
-   $1
+   "$1"
 )
 echo "$RESP"
-SUCCESS=$(echo ${RESP} | python -c "import sys, json; print(json.load(sys.stdin)['success'])")
+SUCCESS=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['success'])")
 
 if [[ ! "${SUCCESS}" == "True" ]]; then
-    ERROR=$(echo ${RESP} | python -c "import sys, json; print(json.load(sys.stdin)['error'])" 2>/dev/null)
+    ERROR=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['error'])" 2>/dev/null); _exit_code=$?
-    if [[ $? -ne 0 ]]; then
+    if [[ $_exit_code -ne 0 ]]; then
-        ERROR=$(echo ${RESP} | python -c "import sys, json; print(json.load(sys.stdin)['msg'])" 2>/dev/null)
+        ERROR=$(echo "${RESP}" | python -c "import sys, json; print(json.load(sys.stdin)['msg'])" 2>/dev/null)
     fi
     echo "Failed to deploy build!"
     echo "${ERROR}"

scripts/git_index.sh

@@ -14,13 +14,13 @@ if [[ "$response" != "" ]]; then
     exit 1
 else
     if [[ "$1" == "sort-tag" ]]; then
-        echo "$(git rev-parse --short HEAD)"
+        git rev-parse --short HEAD
     fi
     if [[ "$1" == "name" ]]; then
-        echo "$(git rev-parse --short HEAD)"
+        git rev-parse --short HEAD
     fi
     if [[ "$1" == "file-name" ]]; then
-        echo "$(git rev-parse --short HEAD)"
+        git rev-parse --short HEAD
     fi
     exit 0
 fi

scripts/web_build.sh

@@ -1,117 +0,0 @@
-#!/usr/bin/env bash
-
-source `dirname $0`/resolve_commands.sh
-BASEDIR=$(dirname "$0")
-cd "$BASEDIR/../"
-
-if [[ "$1" == "development" ]] || [[ "$1" == "dev" ]] || [[ "$1" == "debug" ]]; then
-    source_path="web/environment/development"
-    type="development"
-elif [[ "$1" == "release" ]] || [[ "$1" == "rel" ]]; then
-    source_path="web/environment/release"
-    type="release"
-else
-    if [[ $# -lt 1 ]]; then
-        echo "Invalid argument count!"
-    else
-        echo "Invalid option $1"
-    fi
-    echo 'Available options are: "development" or "dev", "release" or "rel"'
-    exit 1
-fi
-
-echo "Generating file helper script"
-npm run compile-file-helper
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate file helper"
-    exit 1
-fi
-
-echo "Compile vendor XBBCode"
-execute_ttsc -p ./vendor/xbbcode/tsconfig.json
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build the XBBCode vendor"
-    exit 1
-fi
-
-execute_ttsc ./vendor/emoji-picker/src/jquery.lsxemojipicker.ts
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build the lsxemojipicker vendor"
-    exit 1
-fi
-
-echo "Generating style files"
-npm run compile-sass
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate style files"
-    exit 1
-fi
-
-echo "Generating web workers"
-npm run build-worker-codec
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build web worker codec"
-    exit 1
-fi
-npm run build-worker-pow
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build web worker pow"
-    exit 1
-fi
-
-#Lets build some tools
-#dtsgen should be already build by build_declarations.sh
-./tools/build_trgen.sh
-if [[ $? -ne 0 ]]; then
-    echo "Failed to build typescript translation generator"
-    exit 1
-fi
-
-#Now lets build the declarations
-echo "Building declarations"
-./scripts/build_declarations.sh
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate declarations"
-    exit 1
-fi
-
-if [[ "$type" == "release" ]]; then #Compile everything for release mode
-    #Compile the shared source first
-    echo "Building shared source"
-    ./shared/generate_packed.sh
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to build shared source"
-        exit 1
-    fi
-
-    #Now compile the web client itself
-    echo "Building web client"
-    ./web/generate_packed.sh
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to build web client"
-        exit 1
-    fi
-elif [[ "$type" == "development" ]]; then
-    echo "Building shared source"
-    execute_ttsc -p ./shared/tsconfig/tsconfig.json
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to compile shared sources"
-        exit 1
-    fi
-
-    echo "Building web client source"
-    execute_ttsc -p ./web/tsconfig/tsconfig.json
-    if [[ $? -ne 0 ]]; then
-        echo "Failed to compile web sources"
-        exit 1
-    fi
-fi
-
-echo "Generating environment"
-node file.js generate web ${type}
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate environment"
-    exit 1
-fi
-
-echo "Successfully build!"

scripts/web_package.sh

@@ -1,7 +1,6 @@
 #!/usr/bin/env bash
 
-BASEDIR=$(dirname "$0")
+cd "$(dirname "$0")/../" || { echo "Failed to enter base directory"; exit 1; }
-cd "$BASEDIR/../"
 
 if [[ "$1" == "development" ]] || [[ "$1" == "dev" ]] || [[ "$1" == "dev" ]]; then
     source_path="web/environment/development"
@@ -36,19 +35,18 @@ fi
 
 if [[ -e ${NAME} ]]; then
     echo "Found old file. Deleting it."
-    rm -r ${NAME}
+    rm -r "${NAME}"
 fi
 
 current_path=$(pwd)
-cd "$source_path"
+cd "$source_path" || { echo "Failed to enter source path"; exit 1; }
-zip -9 -r ${NAME} *
 
-if [[ $? -ne 0 ]]; then
+if zip -9 -r "${NAME}" ./*; then
     echo "Failed to package environment!"
     exit 1
 fi
 
-cd "$current_path"
+cd "$current_path" || { echo "Failed to reenter source path"; exit 1; }
 
 mv "${source_path}/${NAME}" .
 echo "Release package successfully packaged!"

shared/backend.d/audio/player.d.ts

@@ -0,0 +1,15 @@
+import {Device} from "tc-shared/audio/player";
+
+export function initialize() : boolean;
+export function initialized() : boolean;
+
+export function get_master_volume() : number;
+export function set_master_volume(volume: number);
+
+export function on_ready(cb: () => any);
+
+export function available_devices() : Promise<Device[]>;
+export function set_device(device_id: string) : Promise<void>;
+export function current_device() : Device;
+
+export function initializeFromGesture();

shared/backend.d/audio/recorder.d.ts

@@ -0,0 +1,9 @@
+import {AbstractInput, InputDevice, LevelMeter} from "tc-shared/voice/RecorderBase";
+
+export function devices() : InputDevice[];
+
+export function device_refresh_available() : boolean;
+export function refresh_devices() : Promise<void>;
+
+export function create_input() : AbstractInput;
+export function create_levelmeter(device: InputDevice) : Promise<LevelMeter>;

shared/backend.d/audio/sounds.d.ts

@@ -0,0 +1,3 @@
+import {SoundFile} from "tc-shared/sound/Sounds";
+
+export function play_sound(file: SoundFile) : Promise<void>;

shared/backend.d/connection.d.ts

@@ -0,0 +1,5 @@
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+
+export function spawn_server_connection(handle: ConnectionHandler) : AbstractServerConnection;
+export function destroy_server_connection(handle: AbstractServerConnection);

shared/backend.d/dns.d.ts

@@ -0,0 +1,5 @@
+import {AddressTarget, ResolveOptions} from "tc-shared/dns";
+import {ServerAddress} from "tc-shared/ui/server";
+
+export function supported();
+export function resolve_address(address: ServerAddress, options?: ResolveOptions) : Promise<AddressTarget>;

shared/backend.d/ppt.d.ts

@@ -0,0 +1,12 @@
+import {KeyEvent, KeyHook, SpecialKey} from "tc-shared/PPTListener";
+
+export function initialize() : Promise<void>;
+export function finalize(); // most the times not really required
+
+export function register_key_listener(listener: (_: KeyEvent) => any);
+export function unregister_key_listener(listener: (_: KeyEvent) => any);
+
+export function register_key_hook(hook: KeyHook);
+export function unregister_key_hook(hook: KeyHook);
+
+export function key_pressed(code: string | SpecialKey) : boolean;

shared/backend/audio.d.ts

@@ -1,35 +0,0 @@
-declare namespace audio {
-    export namespace player {
-        export function initialize() : boolean;
-        export function initialized() : boolean;
-
-        export function context() : AudioContext;
-        export function get_master_volume() : number;
-        export function set_master_volume(volume: number);
-
-        export function destination() : AudioNode;
-
-        export function on_ready(cb: () => any);
-
-        export function available_devices() : Promise<Device[]>;
-        export function set_device(device_id: string) : Promise<void>;
-
-        export function current_device() : Device;
-
-        export function initializeFromGesture();
-    }
-
-    export namespace recorder {
-        export function devices() : InputDevice[];
-
-        export function device_refresh_available() : boolean;
-        export function refresh_devices() : Promise<void>;
-
-        export function create_input() : AbstractInput;
-        export function create_levelmeter(device: InputDevice) : Promise<LevelMeter>;
-    }
-
-    export namespace sounds {
-        export function play_sound(file: sound.SoundFile) : Promise<void>;
-    }
-}

shared/backend/connection.d.ts

@@ -1,4 +0,0 @@
-declare namespace connection {
-    export function spawn_server_connection(handle: ConnectionHandler) : AbstractServerConnection;
-    export function destroy_server_connection(handle: AbstractServerConnection);
-}

shared/backend/dns.d.ts

@@ -1,4 +0,0 @@
-declare namespace dns {
-    export function supported();
-    export function resolve_address(address: ServerAddress, options?: ResolveOptions) : Promise<AddressTarget>;
-}

shared/backend/ppt.d.ts

@@ -1,12 +0,0 @@
-declare namespace ppt {
-    export function initialize() : Promise<void>;
-    export function finalize(); // most the times not really required
-
-    export function register_key_listener(listener: (_: KeyEvent) => any);
-    export function unregister_key_listener(listener: (_: KeyEvent) => any);
-
-    export function register_key_hook(hook: KeyHook);
-    export function unregister_key_hook(hook: KeyHook);
-
-    export function key_pressed(code: string | SpecialKey) : boolean;
-}

shared/css/generate_packed.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-cd $(dirname $0)
+cd "$(dirname "$0")" || exit 1
 #find css/static/ -name '*.css' -exec cat {} \; | npm run csso -- --output `pwd`/generated/static/base.css
 
 
@@ -62,20 +62,20 @@ files=(
 target_file=`pwd`/../generated/static/base.css
 
 if [[ ! -d $(dirname ${target_file}) ]]; then
-    echo "Creating target path ($(dirname ${target_file}))"
+    echo "Creating target path ($(dirname "${target_file}"))"
-    mkdir -p $(dirname ${target_file})
+    mkdir -p $(dirname "${target_file}")
     if [[ $? -ne 0 ]]; then
         echo "Failed to create target path!"
         exit 1
     fi
 fi
 
-echo "/* Auto generated merged CSS file */" > ${target_file}
+echo "/* Auto generated merged CSS file */" > "${target_file}"
 for file in "${files[@]}"; do
     if [[ ${file} =~ css/* ]]; then
         file="./${file:4}"
     fi
-    cat ${file} >> ${target_file}
+    cat "${file}" >> "${target_file}"
 done
 
-cat ${target_file} | npm run csso -- --output `pwd`/../generated/static/base.css
+cat "${target_file}" | npm run csso -- --output "$(pwd)/../generated/static/base.css"

shared/css/static/general.scss

@@ -123,7 +123,6 @@ fieldset {
 }
 
 code {
-	background-color: lightgray;
 	padding: 2px;
 }
 

shared/generate_declarations.sh

@@ -1,21 +1,21 @@
 #!/usr/bin/env bash
 
 BASEDIR=$(dirname "$0")
-cd "$BASEDIR"
+cd "$BASEDIR" || { echo "Failed to enter script base dir"; exit 1; }
 source ../scripts/resolve_commands.sh
 
 function generate_declaration() {
     echo "Generating declarations for project $1 ($2)"
 
-    if [[ -e ${2} ]]; then
+    if [[ -d "${2}" ]]; then
-        rm ${2}
+        rm -r "${2}"; _exit_code=$?
-        if [[ $? -ne 0 ]]; then
+        if [[ $_exit_code -ne 0 ]]; then
-            echo "Failed to remove old declaration file ($2)!"
+            echo "Failed to remove old declaration file ($2): $_exit_code!"
             echo "This could be critical later!"
         fi
     fi
 
-    npm run dtsgen -- --config $(pwd)/tsconfig/$1 -v
+    npm run dtsgen -- --config "$(pwd)/tsconfig/$1" -v
     if [[ ! -e $2 ]]; then
         echo "Failed to generate definitions"
         exit 1
@@ -23,12 +23,12 @@ function generate_declaration() {
 }
 
 #Generate the loader definitions first
-app_declaration="declarations/exports_app.d.ts"
+app_declaration="../declarations/shared-app/"
-loader_declaration_app="declarations/exports_loader_app.d.ts"
+loader_declaration_app="../declarations/loader/"
-loader_declaration_certaccept="declarations/exports_loader_certaccept.d.ts"
+# loader_declaration_certaccept="declarations/exports_loader_certaccept.d.ts"
 
 generate_declaration dtsconfig_app.json ${app_declaration}
 generate_declaration dtsconfig_loader_app.json ${loader_declaration_app}
-generate_declaration dtsconfig_loader_certaccept.json ${loader_declaration_certaccept}
+# generate_declaration dtsconfig_loader_certaccept.json ${loader_declaration_certaccept}
 
 exit 0

shared/generate_packed.sh

@@ -1,56 +0,0 @@
-#!/usr/bin/env bash
-
-BASEDIR=$(dirname "$0")
-cd "$BASEDIR"
-source ../scripts/resolve_commands.sh
-# The app loader
-execute_ttsc -p tsconfig/tsconfig_packed_loader_app.json
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate packed loader file!"
-    exit 1
-fi
-
-npm run minify-web-rel-file `pwd`/generated/loader_app.min.js `pwd`/generated/loader_app.js
-if [[ $? -ne 0 ]]; then
-    echo "Failed to minimize packed loader file!"
-    exit 1
-fi
-
-# The popup certaccept loader
-execute_ttsc -p tsconfig/tsconfig_packed_loader_certaccept.json
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate packed loader file!"
-    exit 1
-fi
-
-npm run minify-web-rel-file `pwd`/generated/loader_certaccept.min.js `pwd`/generated/loader_certaccept.js
-if [[ $? -ne 0 ]]; then
-    echo "Failed to minimize packed loader file!"
-    exit 1
-fi
-
-# The main shared source
-execute_ttsc -p tsconfig/tsconfig_packed.json
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate packed file!"
-    exit 1
-fi
-
-# The certaccept source
-execute_ttsc -p tsconfig/tsconfig_packed_certaccept.json
-if [[ $? -ne 0 ]]; then
-    echo "Failed to generate packed certaccept file!"
-    exit 1
-fi
-
-npm run minify-web-rel-file `pwd`/generated/certaccept.min.js `pwd`/generated/certaccept.js
-if [[ $? -ne 0 ]]; then
-    echo "Failed to minimize the certaccept file!"
-    exit 1
-fi
-
-# Create packed CSS file
-./css/generate_packed.sh
-
-echo "Packed file generated!"
-exit 0

shared/html/index.php

@@ -145,9 +145,11 @@
 
         <meta name="app-loader-target" content="app">
         <div id="scripts">
+            <!--
             <script type="application/javascript" src="loader/loader_app.min.js" async defer></script>
             <script type="application/javascript" src="loader/loader_app.js" async defer></script>
-            <script type="application/javascript" src="loader/loader.js?_<?php echo time() ?>" async defer></script>
+            -->
+            <script type="application/javascript" src="js/loader.js?_<?php echo time() ?>" async defer></script>
         </div>
 
         <!-- Loading screen -->

shared/html/templates.html

@@ -2736,13 +2736,13 @@
             </div>
             {{else type == "default" }}
             <div class="entry default {{if selected}}selected{{/if}}">
-                <div class="country flag-gb" title="{{*:i18n.country_name('gb')}}"></div>
+                <div class="country flag-gb" title="{{>fallback_country_name}}"></div>
                 <div class="name">{{tr "English (Default / Fallback)" /}}</div>
             </div>
             {{else}}
             <div class="entry translation {{if selected}}selected{{/if}}" parent-repository="{{:id}}">
                 <div class="country flag-{{:country_code}}"
-                     title="{{*:i18n.country_name(data.country_code || 'XX')}}"></div>
+                     title="{{>country_name}}"></div>
                 <div class="name">{{> name}}</div>
                 <div class="button button-info">
                     <div class="icon client-about"></div>

shared/js/BrowserIPC.ts

@@ -1,49 +1,47 @@
-interface Window {
+import * as log from "tc-shared/log";
-    BroadcastChannel: BroadcastChannel;
+import {LogCategory} from "tc-shared/log";
-}
 
-namespace bipc {
+export interface BroadcastMessage {
-    export interface BroadcastMessage {
     timestamp: number;
     receiver: string;
     sender: string;
 
     type: string;
     data: any;
-    }
+}
 
-    function uuidv4() {
+function uuidv4() {
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
         const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
         return v.toString(16);
     });
-    }
+}
 
-    interface ProcessQuery {
+interface ProcessQuery {
     timestamp: number
     query_id: string;
-    }
+}
 
-    export interface ChannelMessage {
+export interface ChannelMessage {
     channel_id: string;
     type: string;
     data: any;
-    }
+}
 
-    export interface ProcessQueryResponse {
+export interface ProcessQueryResponse {
     request_timestamp: number
     request_query_id: string;
 
     device_id: string;
     protocol: number;
-    }
+}
 
-    export interface CertificateAcceptCallback {
+export interface CertificateAcceptCallback {
     request_id: string;
-    }
+}
-    export interface CertificateAcceptSucceeded { }
+export interface CertificateAcceptSucceeded { }
 
-    export abstract class BasicIPCHandler {
+export abstract class BasicIPCHandler {
     protected static readonly BROADCAST_UNIQUE_ID = "00000000-0000-4000-0000-000000000000";
     protected static readonly PROTOCOL_VERSION = 1;
 
@@ -195,17 +193,17 @@ namespace bipc {
             } as CertificateAcceptCallback, data[0]);
         })
     }
-    }
+}
 
-    export interface Channel {
+export interface Channel {
     readonly channel_id: string;
     target_id?: string;
 
     message_handler: (remote_id: string, broadcast: boolean, message: ChannelMessage) => any;
     send_message(type: string, message: any, target?: string);
-    }
+}
 
-    class BroadcastChannelIPC extends BasicIPCHandler {
+class BroadcastChannelIPC extends BasicIPCHandler {
     private static readonly CHANNEL_NAME = "TeaSpeak-Web";
 
     private channel: BroadcastChannel;
@@ -253,9 +251,9 @@ namespace bipc {
 
         this.channel.postMessage(JSON.stringify(message));
     }
-    }
+}
 
-    export namespace connect {
+export namespace connect {
     export type ConnectRequestData = {
         address: string;
 
@@ -481,9 +479,9 @@ namespace bipc {
             })
         }
     }
-    }
+}
 
-    export namespace mproxy {
+export namespace mproxy {
     export interface MethodProxyInvokeData {
         method_name: string;
         arguments: any[];
@@ -696,12 +694,12 @@ namespace bipc {
         protected abstract on_connected();
         protected abstract on_disconnected();
     }
-    }
+}
 
-    let handler: BasicIPCHandler;
+let handler: BasicIPCHandler;
-    let connect_handler: connect.ConnectHandler;
+let connect_handler: connect.ConnectHandler;
 
-    export function setup() {
+export function setup() {
     if(!supported())
         return;
 
@@ -710,18 +708,17 @@ namespace bipc {
 
     connect_handler = new connect.ConnectHandler(handler);
     connect_handler.setup();
-    }
+}
 
-    export function get_handler() {
+export function get_handler() {
     return handler;
-    }
+}
 
-    export function get_connect_handler() {
+export function get_connect_handler() {
     return connect_handler;
-    }
+}
 
-    export function supported() {
+export function supported() {
     /* ios does not support this */
     return typeof(window.BroadcastChannel) !== "undefined";
-    }
 }

shared/js/ConnectionHandler.ts

@@ -1,14 +1,38 @@
-/// <reference path="log.ts" />
+import {ChannelTree} from "tc-shared/ui/view";
-/// <reference path="proto.ts" />
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
-/// <reference path="ui/view.ts" />
+import {PermissionManager} from "tc-shared/permission/PermissionManager";
-/// <reference path="settings.ts" />
+import {GroupManager} from "tc-shared/permission/GroupManager";
-/// <reference path="FileManager.ts" />
+import {ServerSettings, Settings, StaticSettings} from "tc-shared/settings";
-/// <reference path="permission/PermissionManager.ts" />
+import {Sound, SoundManager} from "tc-shared/sound/Sounds";
-/// <reference path="permission/GroupManager.ts" />
+import {LocalClientEntry} from "tc-shared/ui/client";
-/// <reference path="ui/frames/ControlBar.ts" />
+import {ServerLog} from "tc-shared/ui/frames/server_log";
-/// <reference path="connection/ConnectionBase.ts" />
+import {ConnectionProfile, default_profile, find_profile} from "tc-shared/profiles/ConnectionProfile";
+import {ServerAddress} from "tc-shared/ui/server";
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import * as server_log from "tc-shared/ui/frames/server_log";
+import {createErrorModal, createInfoModal, createInputModal, Modal} from "tc-shared/ui/elements/Modal";
+import {hashPassword} from "tc-shared/utils/helpers";
+import {HandshakeHandler} from "tc-shared/connection/HandshakeHandler";
+import * as htmltags from "./ui/htmltags";
+import {ChannelEntry} from "tc-shared/ui/channel";
+import {InputStartResult, InputState} from "tc-shared/voice/RecorderBase";
+import {CommandResult, ErrorID} from "tc-shared/connection/ServerConnectionDeclaration";
+import {guid} from "tc-shared/crypto/uid";
+import * as bipc from "./BrowserIPC";
+import {FileManager, spawn_upload_transfer, UploadKey} from "tc-shared/FileManager";
+import {RecorderProfile} from "tc-shared/voice/RecorderProfile";
+import {Frame} from "tc-shared/ui/frames/chat_frame";
+import {Hostbanner} from "tc-shared/ui/frames/hostbanner";
+import {server_connections} from "tc-shared/ui/frames/connection_handlers";
+import {connection_log, Regex} from "tc-shared/ui/modal/ModalConnect";
+import {control_bar} from "tc-shared/ui/frames/ControlBar";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+import {spawnAvatarUpload} from "tc-shared/ui/modal/ModalAvatar";
+import * as connection from "tc-backend/connection";
+import * as dns from "tc-backend/dns";
 
-enum DisconnectReason {
+export enum DisconnectReason {
     HANDLER_DESTROYED,
     REQUESTED,
     DNS_FAILED,
@@ -28,7 +52,7 @@ enum DisconnectReason {
     UNKNOWN
 }
 
-enum ConnectionState {
+export enum ConnectionState {
     UNCONNECTED,
     CONNECTING,
     INITIALISING,
@@ -36,7 +60,7 @@ enum ConnectionState {
     DISCONNECTING
 }
 
-enum ViewReasonId {
+export enum ViewReasonId {
     VREASON_USER_ACTION = 0,
     VREASON_MOVED = 1,
     VREASON_SYSTEM = 2,
@@ -51,7 +75,7 @@ enum ViewReasonId {
     VREASON_SERVER_SHUTDOWN = 11
 }
 
-interface VoiceStatus {
+export interface VoiceStatus {
     input_hardware: boolean;
     input_muted: boolean;
     output_muted: boolean;
@@ -68,7 +92,7 @@ interface VoiceStatus {
     queries_visible: boolean;
 }
 
-interface ConnectParameters {
+export interface ConnectParameters {
     nickname?: string;
     channel?: {
         target: string | number;
@@ -79,20 +103,21 @@ interface ConnectParameters {
     auto_reconnect_attempt?: boolean;
 }
 
-class ConnectionHandler {
+declare const native_client;
+export class ConnectionHandler {
     channelTree: ChannelTree;
 
-    serverConnection: connection.AbstractServerConnection;
+    serverConnection: AbstractServerConnection;
 
     fileManager: FileManager;
 
     permissions: PermissionManager;
     groups: GroupManager;
 
-    side_bar: chat.Frame;
+    side_bar: Frame;
 
     settings: ServerSettings;
-    sound: sound.SoundManager;
+    sound: SoundManager;
 
     hostbanner: Hostbanner;
 
@@ -121,15 +146,15 @@ class ConnectionHandler {
     };
 
     invoke_resized_on_activate: boolean = false;
-    log: log.ServerLog;
+    log: ServerLog;
 
     constructor() {
         this.settings = new ServerSettings();
 
-        this.log = new log.ServerLog(this);
+        this.log = new ServerLog(this);
         this.channelTree = new ChannelTree(this);
-        this.side_bar = new chat.Frame(this);
+        this.side_bar = new Frame(this);
-        this.sound = new sound.SoundManager(this);
+        this.sound = new SoundManager(this);
         this.hostbanner = new Hostbanner(this);
 
         this.serverConnection = connection.spawn_server_connection(this);
@@ -169,7 +194,7 @@ class ConnectionHandler {
 
     setup() { }
 
-    async startConnection(addr: string, profile: profiles.ConnectionProfile, user_action: boolean, parameters: ConnectParameters) {
+    async startConnection(addr: string, profile: ConnectionProfile, user_action: boolean, parameters: ConnectParameters) {
         this.tab_set_name(tr("Connecting"));
         this.cancel_reconnect(false);
         this._reconnect_attempt = parameters.auto_reconnect_attempt || false;
@@ -192,7 +217,7 @@ class ConnectionHandler {
             }
         }
         log.info(LogCategory.CLIENT, tr("Start connection to %s:%d"), server_address.host, server_address.port);
-        this.log.log(log.server.Type.CONNECTION_BEGIN, {
+        this.log.log(server_log.Type.CONNECTION_BEGIN, {
             address: {
                 server_hostname: server_address.host,
                 server_port: server_address.port
@@ -203,7 +228,7 @@ class ConnectionHandler {
 
         if(parameters.password && !parameters.password.hashed){
             try {
-                const password = await helpers.hashPassword(parameters.password.password);
+                const password = await hashPassword(parameters.password.password);
                 parameters.password = {
                     hashed: true,
                     password: password
@@ -221,9 +246,9 @@ class ConnectionHandler {
         }
 
         const original_address = {host: server_address.host, port: server_address.port};
-        if(dns.supported() && !server_address.host.match(Modals.Regex.IP_V4) && !server_address.host.match(Modals.Regex.IP_V6)) {
+        if(dns.supported() && !server_address.host.match(Regex.IP_V4) && !server_address.host.match(Regex.IP_V6)) {
             const id = ++this._connect_initialize_id;
-            this.log.log(log.server.Type.CONNECTION_HOSTNAME_RESOLVE, {});
+            this.log.log(server_log.Type.CONNECTION_HOSTNAME_RESOLVE, {});
             try {
                 const resolved = await dns.resolve_address(server_address, { timeout: 5000 }) || {} as any;
                 if(id != this._connect_initialize_id)
@@ -231,7 +256,7 @@ class ConnectionHandler {
 
                 server_address.host = typeof(resolved.target_ip) === "string" ? resolved.target_ip : server_address.host;
                 server_address.port = typeof(resolved.target_port) === "number" ? resolved.target_port : server_address.port;
-                this.log.log(log.server.Type.CONNECTION_HOSTNAME_RESOLVED, {
+                this.log.log(server_log.Type.CONNECTION_HOSTNAME_RESOLVED, {
                     address: {
                         server_port: server_address.port,
                         server_hostname: server_address.host
@@ -245,7 +270,7 @@ class ConnectionHandler {
             }
         }
 
-        await this.serverConnection.connect(server_address, new connection.HandshakeHandler(profile, parameters));
+        await this.serverConnection.connect(server_address, new HandshakeHandler(profile, parameters));
         setTimeout(() => {
             const connected = this.serverConnection.connected();
             if(user_action && connected) {
@@ -270,7 +295,7 @@ class ConnectionHandler {
         return this._clientId;
     }
 
-    getServerConnection() : connection.AbstractServerConnection { return this.serverConnection; }
+    getServerConnection() : AbstractServerConnection { return this.serverConnection; }
 
 
     /**
@@ -380,7 +405,7 @@ class ConnectionHandler {
 
                     popup.close(); /* no need, but nicer */
 
-                    const profile = profiles.find_profile(properties.connect_profile) || profiles.default_profile();
+                    const profile = find_profile(properties.connect_profile) || default_profile();
                     const cprops = this.reconnect_properties(profile);
                     this.startConnection(properties.connect_address, profile, true, cprops);
                 });
@@ -418,12 +443,12 @@ class ConnectionHandler {
             case DisconnectReason.HANDLER_DESTROYED:
                 if(data) {
                     this.sound.play(Sound.CONNECTION_DISCONNECTED);
-                    this.log.log(log.server.Type.DISCONNECTED, {});
+                    this.log.log(server_log.Type.DISCONNECTED, {});
                 }
                 break;
             case DisconnectReason.DNS_FAILED:
                 log.error(LogCategory.CLIENT, tr("Failed to resolve hostname: %o"), data);
-                this.log.log(log.server.Type.CONNECTION_HOSTNAME_RESOLVE_ERROR, {
+                this.log.log(server_log.Type.CONNECTION_HOSTNAME_RESOLVE_ERROR, {
                     message: data as any
                 });
                 this.sound.play(Sound.CONNECTION_REFUSED);
@@ -431,7 +456,7 @@ class ConnectionHandler {
             case DisconnectReason.CONNECT_FAILURE:
                 if(this._reconnect_attempt) {
                     auto_reconnect = true;
-                    this.log.log(log.server.Type.CONNECTION_FAILED, {});
+                    this.log.log(server_log.Type.CONNECTION_FAILED, {});
                     break;
                 }
                 if(data)
@@ -452,7 +477,7 @@ class ConnectionHandler {
 
                     this._certificate_modal = createErrorModal(
                         tr("Could not connect"),
-                        MessageHelper.formatMessage(tr(error_message_format), this.generate_ssl_certificate_accept())
+                        formatMessage(/* @tr-ignore */ tr(error_message_format), this.generate_ssl_certificate_accept())
                     );
                     this._certificate_modal.close_listener.push(() => this._certificate_modal = undefined);
                     this._certificate_modal.open();
@@ -470,7 +495,7 @@ class ConnectionHandler {
             case DisconnectReason.HANDSHAKE_TEAMSPEAK_REQUIRED:
                 createErrorModal(
                     tr("Target server is a TeamSpeak server"),
-                    MessageHelper.formatMessage(tr("The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."))
+                    formatMessage(tr("The target server is a TeamSpeak 3 server!{:br:}Only TeamSpeak 3 based identities are able to connect.{:br:}Please select another profile or change the identify type."))
                 ).open();
                 this.sound.play(Sound.CONNECTION_DISCONNECTED);
                 auto_reconnect = false;
@@ -478,7 +503,7 @@ class ConnectionHandler {
             case DisconnectReason.IDENTITY_TOO_LOW:
                 createErrorModal(
                     tr("Identity level is too low"),
-                    MessageHelper.formatMessage(tr("You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"), data["extra_message"])
+                    formatMessage(tr("You've been disconnected, because your Identity level is too low.{:br:}You need at least a level of {0}"), data["extra_message"])
                 ).open();
                 this.sound.play(Sound.CONNECTION_DISCONNECTED);
 
@@ -506,7 +531,7 @@ class ConnectionHandler {
 
                 break;
             case DisconnectReason.SERVER_CLOSED:
-                this.log.log(log.server.Type.SERVER_CLOSED, {message: data.reasonmsg});
+                this.log.log(server_log.Type.SERVER_CLOSED, {message: data.reasonmsg});
 
                 createErrorModal(
                     tr("Server closed"),
@@ -518,7 +543,7 @@ class ConnectionHandler {
                 auto_reconnect = true;
                 break;
             case DisconnectReason.SERVER_REQUIRES_PASSWORD:
-                this.log.log(log.server.Type.SERVER_REQUIRES_PASSWORD, {});
+                this.log.log(server_log.Type.SERVER_REQUIRES_PASSWORD, {});
 
                 createInputModal(tr("Server password"), tr("Enter server password:"), password => password.length != 0, password => {
                     if(!(typeof password === "string")) return;
@@ -540,7 +565,7 @@ class ConnectionHandler {
                 const have_invoker = typeof(data["invokerid"]) !== "undefined" && parseInt(data["invokerid"]) !== 0;
                 const modal = createErrorModal(
                     tr("You've been kicked"),
-                    MessageHelper.formatMessage(
+                    formatMessage(
                         have_invoker ? tr("You've been kicked from the server by {0}:{:br:}{1}") : tr("You've been kicked from the server:{:br:}{1}"),
                         have_invoker ?
                             htmltags.generate_client_object({ client_id: parseInt(data["invokerid"]), client_unique_id: data["invokeruid"], client_name: data["invokername"]}) :
@@ -559,7 +584,7 @@ class ConnectionHandler {
                 this.sound.play(Sound.CONNECTION_BANNED);
                 break;
             case DisconnectReason.CLIENT_BANNED:
-                this.log.log(log.server.Type.SERVER_BANNED, {
+                this.log.log(server_log.Type.SERVER_BANNED, {
                     invoker: {
                         client_name: data["invokername"],
                         client_id: parseInt(data["invokerid"]),
@@ -592,7 +617,7 @@ class ConnectionHandler {
                 log.info(LogCategory.NETWORKING, tr("Allowed to auto reconnect but cant reconnect because we dont have any information left..."));
                 return;
             }
-            this.log.log(log.server.Type.RECONNECT_SCHEDULED, {timeout: 5000});
+            this.log.log(server_log.Type.RECONNECT_SCHEDULED, {timeout: 5000});
 
             log.info(LogCategory.NETWORKING, tr("Allowed to auto reconnect. Reconnecting in 5000ms"));
             const server_address = this.serverConnection.remote_address();
@@ -600,7 +625,7 @@ class ConnectionHandler {
 
             this._reconnect_timer = setTimeout(() => {
                 this._reconnect_timer = undefined;
-                this.log.log(log.server.Type.RECONNECT_EXECUTE, {});
+                this.log.log(server_log.Type.RECONNECT_EXECUTE, {});
                 log.info(LogCategory.NETWORKING, tr("Reconnecting..."));
 
                 this.startConnection(server_address.host + ":" + server_address.port, profile, false, Object.assign(this.reconnect_properties(profile), {auto_reconnect_attempt: true}));
@@ -610,7 +635,7 @@ class ConnectionHandler {
 
     cancel_reconnect(log_event: boolean) {
         if(this._reconnect_timer) {
-            if(log_event) this.log.log(log.server.Type.RECONNECT_CANCELED, {});
+            if(log_event) this.log.log(server_log.Type.RECONNECT_CANCELED, {});
             clearTimeout(this._reconnect_timer);
             this._reconnect_timer = undefined;
         }
@@ -665,7 +690,7 @@ class ConnectionHandler {
             if(Object.keys(property_update).length > 0) {
                 this.serverConnection.send_command("clientupdate", property_update).catch(error => {
                     log.warn(LogCategory.GENERAL, tr("Failed to update client audio hardware properties. Error: %o"), error);
-                    this.log.log(log.server.Type.ERROR_CUSTOM, {message: tr("Failed to update audio hardware properties.")});
+                    this.log.log(server_log.Type.ERROR_CUSTOM, {message: tr("Failed to update audio hardware properties.")});
 
                     /* Update these properties anyways (for case the server fails to handle the command) */
                     const updates = [];
@@ -708,15 +733,15 @@ class ConnectionHandler {
             const input = vconnection.voice_recorder().input;
             if(input) {
                 if(active && this.serverConnection.connected()) {
-                    if(input.current_state() === audio.recorder.InputState.PAUSED) {
+                    if(input.current_state() === InputState.PAUSED) {
                         input.start().then(result => {
-                            if(result != audio.recorder.InputStartResult.EOK)
+                            if(result != InputStartResult.EOK)
                                 throw result;
                         }).catch(error => {
                             log.warn(LogCategory.VOICE, tr("Failed to start microphone input (%s)."), error);
                             if(Date.now() - (this._last_record_error_popup || 0) > 10 * 1000) {
                                 this._last_record_error_popup = Date.now();
-                                createErrorModal(tr("Failed to start recording"), MessageHelper.formatMessage(tr("Microphone start failed.{:br:}Error: {}"), error)).open();
+                                createErrorModal(tr("Failed to start recording"), formatMessage(tr("Microphone start failed.{:br:}Error: {}"), error)).open();
                             }
                         });
                     }
@@ -741,7 +766,7 @@ class ConnectionHandler {
                 client_output_hardware: this.client_status.sound_playback_supported
             }).catch(error => {
                 log.warn(LogCategory.GENERAL, tr("Failed to sync handler state with server. Error: %o"), error);
-                this.log.log(log.server.Type.ERROR_CUSTOM, {message: tr("Failed to sync handler state with server.")});
+                this.log.log(server_log.Type.ERROR_CUSTOM, {message: tr("Failed to sync handler state with server.")});
             });
     }
 
@@ -761,7 +786,7 @@ class ConnectionHandler {
             client_away_message: typeof(this.client_status.away) === "string" ? this.client_status.away : "",
         }).catch(error => {
             log.warn(LogCategory.GENERAL, tr("Failed to update away status. Error: %o"), error);
-            this.log.log(log.server.Type.ERROR_CUSTOM, {message: tr("Failed to update away status.")});
+            this.log.log(server_log.Type.ERROR_CUSTOM, {message: tr("Failed to update away status.")});
         });
 
         control_bar.update_button_away();
@@ -781,10 +806,10 @@ class ConnectionHandler {
         });
     }
 
-    reconnect_properties(profile?: profiles.ConnectionProfile) : ConnectParameters {
+    reconnect_properties(profile?: ConnectionProfile) : ConnectParameters {
         const name = (this.getClient() ? this.getClient().clientNickName() : "") ||
                         (this.serverConnection && this.serverConnection.handshake_handler() ? this.serverConnection.handshake_handler().parameters.nickname : "") ||
-                        settings.static_global(Settings.KEY_CONNECT_USERNAME, profile ? profile.default_username : undefined) ||
+                        StaticSettings.instance.static(Settings.KEY_CONNECT_USERNAME, profile ? profile.default_username : undefined) ||
                         "Another TeaSpeak user";
         const channel = (this.getClient() && this.getClient().currentChannel() ? this.getClient().currentChannel().channelId : 0) ||
                         (this.serverConnection && this.serverConnection.handshake_handler() ? (this.serverConnection.handshake_handler().parameters.channel || {} as any).target : "");
@@ -798,7 +823,7 @@ class ConnectionHandler {
     }
 
     update_avatar() {
-        Modals.spawnAvatarUpload(data => {
+        spawnAvatarUpload(data => {
             if(typeof(data) === "undefined")
                 return;
             if(data === null) {
@@ -814,16 +839,16 @@ class ConnectionHandler {
 
                     let message;
                     if(error instanceof CommandResult)
-                        message = MessageHelper.formatMessage(tr("Failed to delete avatar.{:br:}Error: {0}"), error.extra_message || error.message);
+                        message = formatMessage(tr("Failed to delete avatar.{:br:}Error: {0}"), error.extra_message || error.message);
                     if(!message)
-                        message = MessageHelper.formatMessage(tr("Failed to delete avatar.{:br:}Lookup the console for more details"));
+                        message = formatMessage(tr("Failed to delete avatar.{:br:}Lookup the console for more details"));
                     createErrorModal(tr("Failed to delete avatar"), message).open();
                     return;
                 });
             } else {
                 log.info(LogCategory.CLIENT, tr("Uploading new avatar"));
                 (async () => {
-                    let key: transfer.UploadKey;
+                    let key: UploadKey;
                     try {
                         key = await this.fileManager.upload_file({
                             size: data.byteLength,
@@ -840,28 +865,28 @@ class ConnectionHandler {
                             //TODO: Resolve permission name
                             //i_client_max_avatar_filesize
                             if(error.id == ErrorID.PERMISSION_ERROR) {
-                                message = MessageHelper.formatMessage(tr("Failed to initialize avatar upload.{:br:}Missing permission {0}"), error["failed_permid"]);
+                                message = formatMessage(tr("Failed to initialize avatar upload.{:br:}Missing permission {0}"), error["failed_permid"]);
                             } else {
-                                message = MessageHelper.formatMessage(tr("Failed to initialize avatar upload.{:br:}Error: {0}"), error.extra_message || error.message);
+                                message = formatMessage(tr("Failed to initialize avatar upload.{:br:}Error: {0}"), error.extra_message || error.message);
                             }
                         }
                         if(!message)
-                            message = MessageHelper.formatMessage(tr("Failed to initialize avatar upload.{:br:}Lookup the console for more details"));
+                            message = formatMessage(tr("Failed to initialize avatar upload.{:br:}Lookup the console for more details"));
                         createErrorModal(tr("Failed to upload avatar"), message).open();
                         return;
                     }
 
                     try {
-                        await transfer.spawn_upload_transfer(key).put_data(data);
+                        await spawn_upload_transfer(key).put_data(data);
                     } catch(error) {
                         log.error(LogCategory.GENERAL, tr("Failed to upload avatar: %o"), error);
 
                         let message;
                         if(typeof(error) === "string")
-                            message = MessageHelper.formatMessage(tr("Failed to upload avatar.{:br:}Error: {0}"), error);
+                            message = formatMessage(tr("Failed to upload avatar.{:br:}Error: {0}"), error);
 
                         if(!message)
-                            message = MessageHelper.formatMessage(tr("Failed to initialize avatar upload.{:br:}Lookup the console for more details"));
+                            message = formatMessage(tr("Failed to initialize avatar upload.{:br:}Lookup the console for more details"));
                         createErrorModal(tr("Failed to upload avatar"), message).open();
                         return;
                     }
@@ -874,9 +899,9 @@ class ConnectionHandler {
 
                         let message;
                         if(error instanceof CommandResult)
-                            message = MessageHelper.formatMessage(tr("Failed to update avatar flag.{:br:}Error: {0}"), error.extra_message || error.message);
+                            message = formatMessage(tr("Failed to update avatar flag.{:br:}Error: {0}"), error.extra_message || error.message);
                         if(!message)
-                            message = MessageHelper.formatMessage(tr("Failed to update avatar flag.{:br:}Lookup the console for more details"));
+                            message = formatMessage(tr("Failed to update avatar flag.{:br:}Lookup the console for more details"));
                         createErrorModal(tr("Failed to set avatar"), message).open();
                         return;
                     }

shared/js/FileManager.ts

@@ -1,22 +1,28 @@
-/// <reference path="connection/CommandHandler.ts" />
+import * as log from "tc-shared/log";
-/// <reference path="connection/ConnectionBase.ts" />
+import * as hex from "tc-shared/crypto/hex";
+import {LogCategory} from "tc-shared/log";
+import {ChannelEntry} from "tc-shared/ui/channel";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {ServerCommand} from "tc-shared/connection/ConnectionBase";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ClientEntry} from "tc-shared/ui/client";
+import {AbstractCommandHandler} from "tc-shared/connection/AbstractCommandHandler";
 
-class FileEntry {
+export class FileEntry {
     name: string;
     datetime: number;
     type: number;
     size: number;
 }
 
-class FileListRequest {
+export class FileListRequest {
     path: string;
     entries: FileEntry[];
 
     callback: (entries: FileEntry[]) => void;
 }
 
-namespace transfer {
+export interface TransferKey {
-    export interface TransferKey {
     client_transfer_id: number;
     server_transfer_id: number;
 
@@ -31,9 +37,9 @@ namespace transfer {
     };
 
     total_size: number;
-    }
+}
 
-    export interface UploadOptions {
+export interface UploadOptions {
     name: string;
     path: string;
 
@@ -42,35 +48,34 @@ namespace transfer {
 
     size: number;
     overwrite: boolean;
-    }
+}
 
-    export interface DownloadTransfer {
+export interface DownloadTransfer {
     get_key() : DownloadKey;
 
     request_file() : Promise<Response>;
-    }
+}
 
-    export interface UploadTransfer {
+export interface UploadTransfer {
     get_key(): UploadKey;
 
     put_data(data: BlobPart | File) : Promise<void>;
-    }
-
-    export type DownloadKey = TransferKey;
-    export type UploadKey = TransferKey;
-
-    export function spawn_download_transfer(key: DownloadKey) : DownloadTransfer {
-        return new RequestFileDownload(key);
-    }
-    export function spawn_upload_transfer(key: UploadKey) : UploadTransfer {
-        return new RequestFileUpload(key);
-    }
 }
 
-class RequestFileDownload implements transfer.DownloadTransfer {
+export type DownloadKey = TransferKey;
-    readonly transfer_key: transfer.DownloadKey;
+export type UploadKey = TransferKey;
 
-    constructor(key: transfer.DownloadKey) {
+export function spawn_download_transfer(key: DownloadKey) : DownloadTransfer {
+    return new RequestFileDownload(key);
+}
+export function spawn_upload_transfer(key: UploadKey) : UploadTransfer {
+    return new RequestFileUpload(key);
+}
+
+export class RequestFileDownload implements DownloadTransfer {
+    readonly transfer_key: DownloadKey;
+
+    constructor(key: DownloadKey) {
         this.transfer_key = key;
     }
 
@@ -97,18 +102,18 @@ class RequestFileDownload implements transfer.DownloadTransfer {
         return response;
     }
 
-    get_key(): transfer.DownloadKey {
+    get_key(): DownloadKey {
         return this.transfer_key;
     }
 }
 
-class RequestFileUpload implements transfer.UploadTransfer {
+export class RequestFileUpload implements UploadTransfer {
-    readonly transfer_key: transfer.UploadKey;
+    readonly transfer_key: UploadKey;
-    constructor(key: transfer.DownloadKey) {
+    constructor(key: DownloadKey) {
         this.transfer_key = key;
     }
 
-    get_key(): transfer.UploadKey {
+    get_key(): UploadKey {
         return this.transfer_key;
     }
 
@@ -152,14 +157,14 @@ class RequestFileUpload implements transfer.UploadTransfer {
     }
 }
 
-class FileManager extends connection.AbstractCommandHandler {
+export class FileManager extends AbstractCommandHandler {
     handle: ConnectionHandler;
     icons: IconManager;
     avatars: AvatarManager;
 
     private listRequests: FileListRequest[] = [];
-    private pending_download_requests: transfer.DownloadKey[] = [];
+    private pending_download_requests: DownloadKey[] = [];
-    private pending_upload_requests: transfer.UploadKey[] = [];
+    private pending_upload_requests: UploadKey[] = [];
 
     private transfer_counter : number = 1;
 
@@ -191,7 +196,7 @@ class FileManager extends connection.AbstractCommandHandler {
         this.avatars = undefined;
     }
 
-    handle_command(command: connection.ServerCommand): boolean {
+    handle_command(command: ServerCommand): boolean {
         switch (command.command) {
             case "notifyfilelist":
                 this.notifyFileList(command.arguments);
@@ -276,15 +281,15 @@ class FileManager extends connection.AbstractCommandHandler {
 
 
     /******************************** File download/upload ********************************/
-    download_file(path: string, file: string, channel?: ChannelEntry, password?: string) : Promise<transfer.DownloadKey> {
+    download_file(path: string, file: string, channel?: ChannelEntry, password?: string) : Promise<DownloadKey> {
-        const transfer_data: transfer.DownloadKey = {
+        const transfer_data: DownloadKey = {
             file_name: file,
             file_path: path,
             client_transfer_id: this.transfer_counter++
         } as any;
 
         this.pending_download_requests.push(transfer_data);
-        return new Promise<transfer.DownloadKey>((resolve, reject) => {
+        return new Promise<DownloadKey>((resolve, reject) => {
             transfer_data["_callback"] = resolve;
             this.handle.serverConnection.send_command("ftinitdownload", {
                 "path": path,
@@ -301,8 +306,8 @@ class FileManager extends connection.AbstractCommandHandler {
         });
     }
 
-    upload_file(options: transfer.UploadOptions) : Promise<transfer.UploadKey> {
+    upload_file(options: UploadOptions) : Promise<UploadKey> {
-        const transfer_data: transfer.UploadKey = {
+        const transfer_data: UploadKey = {
             file_path: options.path,
             file_name: options.name,
             client_transfer_id: this.transfer_counter++,
@@ -310,7 +315,7 @@ class FileManager extends connection.AbstractCommandHandler {
         } as any;
 
         this.pending_upload_requests.push(transfer_data);
-        return new Promise<transfer.UploadKey>((resolve, reject) => {
+        return new Promise<UploadKey>((resolve, reject) => {
             transfer_data["_callback"] = resolve;
             this.handle.serverConnection.send_command("ftinitupload", {
                 "path": options.path,
@@ -333,7 +338,7 @@ class FileManager extends connection.AbstractCommandHandler {
         json = json[0];
 
         let clientftfid = parseInt(json["clientftfid"]);
-        let transfer: transfer.DownloadKey;
+        let transfer: DownloadKey;
         for(let e of this.pending_download_requests)
             if(e.client_transfer_id == clientftfid) {
                 transfer = e;
@@ -355,14 +360,14 @@ class FileManager extends connection.AbstractCommandHandler {
         if(transfer.peer.hosts[0].length == 0 || transfer.peer.hosts[0] == '0.0.0.0')
             transfer.peer.hosts[0] = this.handle.serverConnection.remote_address().host;
 
-        (transfer["_callback"] as (val: transfer.DownloadKey) => void)(transfer);
+        (transfer["_callback"] as (val: DownloadKey) => void)(transfer);
         this.pending_download_requests.remove(transfer);
     }
 
     private notifyStartUpload(json) {
         json = json[0];
 
-        let transfer: transfer.UploadKey;
+        let transfer: UploadKey;
         let clientftfid = parseInt(json["clientftfid"]);
         for(let e of this.pending_upload_requests)
             if(e.client_transfer_id == clientftfid) {
@@ -384,7 +389,7 @@ class FileManager extends connection.AbstractCommandHandler {
         if(transfer.peer.hosts[0].length == 0 || transfer.peer.hosts[0] == '0.0.0.0')
             transfer.peer.hosts[0] = this.handle.serverConnection.remote_address().host;
 
-        (transfer["_callback"] as (val: transfer.UploadKey) => void)(transfer);
+        (transfer["_callback"] as (val: UploadKey) => void)(transfer);
         this.pending_upload_requests.remove(transfer);
     }
 
@@ -411,12 +416,12 @@ class FileManager extends connection.AbstractCommandHandler {
     }
 }
 
-class Icon {
+export class Icon {
     id: number;
     url: string;
 }
 
-enum ImageType {
+export enum ImageType {
     UNKNOWN,
     BITMAP,
     PNG,
@@ -425,7 +430,7 @@ enum ImageType {
     JPEG
 }
 
-function media_image_type(type: ImageType, file?: boolean) {
+export function media_image_type(type: ImageType, file?: boolean) {
     switch (type) {
         case ImageType.BITMAP:
             return "bmp";
@@ -442,7 +447,7 @@ function media_image_type(type: ImageType, file?: boolean) {
     }
 }
 
-function image_type(encoded_data: string | ArrayBuffer, base64_encoded?: boolean) {
+export function image_type(encoded_data: string | ArrayBuffer, base64_encoded?: boolean) {
     const ab2str10 = () => {
         const buf = new Uint8Array(encoded_data as ArrayBuffer);
         if(buf.byteLength < 10)
@@ -472,7 +477,7 @@ function image_type(encoded_data: string | ArrayBuffer, base64_encoded?: boolean
     return ImageType.UNKNOWN;
 }
 
-class CacheManager {
+export class CacheManager {
     readonly cache_name: string;
 
     private _cache_category: Cache;
@@ -547,7 +552,7 @@ class CacheManager {
     }
 }
 
-class IconManager {
+export class IconManager {
     private static cache: CacheManager = new CacheManager("icons");
 
     handle: FileManager;
@@ -590,7 +595,7 @@ class IconManager {
         return this.handle.requestFileList("/icons");
     }
 
-    create_icon_download(id: number) : Promise<transfer.DownloadKey> {
+    create_icon_download(id: number) : Promise<DownloadKey> {
         return this.handle.download_file("", "/icon_" + id);
     }
 
@@ -665,7 +670,7 @@ class IconManager {
 
     private async _load_icon(id: number) : Promise<Icon> {
         try {
-            let download_key: transfer.DownloadKey;
+            let download_key: DownloadKey;
             try {
                 download_key = await this.create_icon_download(id);
             } catch(error) {
@@ -673,7 +678,7 @@ class IconManager {
                 throw "Failed to request icon";
             }
 
-            const downloader = transfer.spawn_download_transfer(download_key);
+            const downloader = spawn_download_transfer(download_key);
             let response: Response;
             try {
                 response = await downloader.request_file();
@@ -801,14 +806,14 @@ class IconManager {
     }
 }
 
-class Avatar {
+export class Avatar {
     client_avatar_id: string; /* the base64 uid thing from a-m */
     avatar_id: string; /* client_flag_avatar */
     url: string;
     type: ImageType;
 }
 
-class AvatarManager {
+export class AvatarManager {
     handle: FileManager;
 
     private static cache: CacheManager;
@@ -867,14 +872,14 @@ class AvatarManager {
         };
     }
 
-    create_avatar_download(client_avatar_id: string) : Promise<transfer.DownloadKey> {
+    create_avatar_download(client_avatar_id: string) : Promise<DownloadKey> {
         log.debug(LogCategory.GENERAL, "Requesting download for avatar %s", client_avatar_id);
         return this.handle.download_file("", "/avatar_" + client_avatar_id);
     }
 
     private async _load_avatar(client_avatar_id: string, avatar_version: string) {
         try {
-            let download_key: transfer.DownloadKey;
+            let download_key: DownloadKey;
             try {
                 download_key = await this.create_avatar_download(client_avatar_id);
             } catch(error) {
@@ -882,7 +887,7 @@ class AvatarManager {
                 throw "failed to request avatar download";
             }
 
-            const downloader = transfer.spawn_download_transfer(download_key);
+            const downloader = spawn_download_transfer(download_key);
             let response: Response;
             try {
                 response = await downloader.request_file();

shared/js/MessageFormatter.ts

@@ -1,5 +1,13 @@
-namespace messages.formatter {
+import {Settings, settings} from "tc-shared/settings";
-    export namespace bbcode {
+import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
+import {copy_to_clipboard} from "tc-shared/utils/helpers";
+import {guid} from "tc-shared/crypto/uid";
+import * as loader from "tc-loader";
+import * as image_preview from "./ui/frames/image_preview"
+import * as DOMPurify from "dompurify";
+
+declare const xbbcode;
+export namespace bbcode {
     const sanitizer_escaped = (key: string) => "[-- sescaped: " + key + " --]";
     const sanitizer_escaped_regex = /\[-- sescaped: ([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}) --]/;
     const sanitizer_escaped_map: {[key: string]: string} = {};
@@ -118,7 +126,7 @@ namespace messages.formatter {
                     },
                     name: tr("Open URL in Browser"),
                     type: contextmenu.MenuEntryType.ENTRY,
-                        visible: !app.is_web() && false // Currently not possible
+                    visible: __build.target === "client" && false // Currently not possible
                 }, contextmenu.Entry.HR(), {
                     callback: () => copy_to_clipboard(url),
                     name: tr("Copy URL to clipboard"),
@@ -236,9 +244,9 @@ namespace messages.formatter {
         },
         priority: 10
     });
-    }
+}
 
-    export function sanitize_text(text: string) : string {
+export function sanitize_text(text: string) : string {
     return $(DOMPurify.sanitize("<a>" + text + "</a>", {
         ADD_ATTR: [
             "x-highlight-type",
@@ -246,5 +254,28 @@ namespace messages.formatter {
             "x-image-url"
         ]
     })).text();
-    }
+}
+
+export function formatDate(secs: number) : string {
+    let years   = Math.floor(secs  / (60 * 60 * 24 * 365));
+    let days    = Math.floor(secs  / (60 * 60 * 24)) % 365;
+    let hours   = Math.floor(secs / (60 * 60)) % 24;
+    let minutes = Math.floor(secs / 60) % 60;
+    let seconds = Math.floor(secs % 60);
+
+    let result = "";
+    if(years > 0)
+        result += years + " " + tr("years") + " ";
+    if(years > 0 || days > 0)
+        result += days + " " + tr("days") + " ";
+    if(years > 0 || days > 0 || hours > 0)
+        result += hours + " " + tr("hours") + " ";
+    if(years > 0 || days > 0 || hours > 0 || minutes > 0)
+        result += minutes + " " + tr("minutes") + " ";
+    if(years > 0 || days > 0 || hours > 0 || minutes > 0 || seconds > 0)
+        result += seconds + " " + tr("seconds") + " ";
+    else
+        result = tr("now") + " ";
+
+    return result.substr(0, result.length - 1);
 }

shared/js/PPTListener.ts

@@ -1,4 +1,4 @@
-enum KeyCode {
+export enum KeyCode {
     KEY_CANCEL = 3,
     KEY_HELP = 6,
     KEY_BACK_SPACE = 8,
@@ -118,44 +118,43 @@ enum KeyCode {
     KEY_META = 224
 }
 
-namespace ppt {
+export enum EventType {
-    export enum EventType {
     KEY_PRESS,
     KEY_RELEASE,
     KEY_TYPED
-    }
+}
 
-    export enum SpecialKey {
+export enum SpecialKey {
     CTRL,
     WINDOWS,
     SHIFT,
     ALT
-    }
+}
 
-    export interface KeyDescriptor {
+export interface KeyDescriptor {
     key_code: string;
 
     key_ctrl: boolean;
     key_windows: boolean;
     key_shift: boolean;
     key_alt: boolean;
-    }
+}
 
-    export interface KeyEvent extends KeyDescriptor {
+export interface KeyEvent extends KeyDescriptor {
     readonly type: EventType;
 
     readonly key: string;
-    }
+}
 
-    export interface KeyHook extends KeyDescriptor {
+export interface KeyHook extends KeyDescriptor {
     cancel: boolean;
 
 
     callback_press: () => any;
     callback_release: () => any;
-    }
+}
 
-    export function key_description(key: KeyDescriptor) {
+export function key_description(key: KeyDescriptor) {
     let result = "";
     if(key.key_shift)
         result += " + " + tr("Shift");
@@ -172,5 +171,4 @@ namespace ppt {
     if(key.key_code)
         result += " + " + key.key_code;
     return result.substr(3);
-    }
 }

shared/js/audio/audio.ts

@@ -1,10 +0,0 @@
-namespace audio {
-    export namespace player {
-        export interface Device {
-            device_id: string;
-
-            driver: string;
-            name: string;
-        }
-    }
-}

shared/js/audio/player.ts

@@ -0,0 +1,6 @@
+export interface Device {
+    device_id: string;
+
+    driver: string;
+    name: string;
+}

shared/js/bookmarks.ts

@@ -1,16 +1,15 @@
-namespace bookmarks {
+import * as log from "tc-shared/log";
-    function guid() {
+import {LogCategory} from "tc-shared/log";
-        function s4() {
+import {guid} from "tc-shared/crypto/uid";
-            return Math
+import {createErrorModal, createInfoModal, createInputModal} from "tc-shared/ui/elements/Modal";
-                .floor((1 + Math.random()) * 0x10000)
+import {default_profile, find_profile} from "tc-shared/profiles/ConnectionProfile";
-                .toString(16)
+import {server_connections} from "tc-shared/ui/frames/connection_handlers";
-                .substring(1);
+import {spawnConnectModal} from "tc-shared/ui/modal/ModalConnect";
-        }
+import {control_bar} from "tc-shared/ui/frames/ControlBar";
-        return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+import * as top_menu from "./ui/frames/MenuBar";
-    }
 
-    export const boorkmak_connect = (mark: Bookmark, new_tab?: boolean) => {
+export const boorkmak_connect = (mark: Bookmark, new_tab?: boolean) => {
-        const profile = profiles.find_profile(mark.connect_profile) || profiles.default_profile();
+    const profile = find_profile(mark.connect_profile) || default_profile();
     if(profile.valid()) {
         const connection = (typeof(new_tab) !== "boolean" || !new_tab) ? server_connections.active_connection_handler() : server_connections.spawn_server_connection_handler();
         server_connections.set_active_connection_handler(connection);
@@ -30,7 +29,7 @@ namespace bookmarks {
             }
         );
     } else {
-            Modals.spawnConnectModal({}, {
+        spawnConnectModal({}, {
             url: mark.server_properties.server_address + ":" + mark.server_properties.server_port,
             enforce: true
         }, {
@@ -38,21 +37,21 @@ namespace bookmarks {
             enforce: true
         })
     }
-    };
+};
 
-    export interface ServerProperties {
+export interface ServerProperties {
     server_address: string;
     server_port: number;
     server_password_hash?: string;
     server_password?: string;
-    }
+}
 
-    export enum BookmarkType {
+export enum BookmarkType {
     ENTRY,
     DIRECTORY
-    }
+}
 
-    export interface Bookmark {
+export interface Bookmark {
     type: /* BookmarkType.ENTRY */ BookmarkType;
     /* readonly */ parent: DirectoryBookmark;
 
@@ -68,25 +67,25 @@ namespace bookmarks {
     connect_profile: string;
 
     last_icon_id?: number;
-    }
+}
 
-    export interface DirectoryBookmark {
+export interface DirectoryBookmark {
     type: /* BookmarkType.DIRECTORY */ BookmarkType;
     /* readonly */ parent: DirectoryBookmark;
 
     readonly content: (Bookmark | DirectoryBookmark)[];
     unique_id: string;
     display_name: string;
-    }
+}
 
-    interface BookmarkConfig {
+interface BookmarkConfig {
     root_bookmark?: DirectoryBookmark;
     default_added?: boolean;
-    }
+}
 
-    let _bookmark_config: BookmarkConfig;
+let _bookmark_config: BookmarkConfig;
 
-    function bookmark_config() : BookmarkConfig {
+function bookmark_config() : BookmarkConfig {
     if(_bookmark_config)
         return _bookmark_config;
 
@@ -122,21 +121,21 @@ namespace bookmarks {
         fix_parent(_bookmark_config.root_bookmark, entry);
 
     return _bookmark_config;
-    }
+}
 
-    function save_config() {
+function save_config() {
     localStorage.setItem("bookmarks", JSON.stringify(bookmark_config(), (key, value) => {
         if(key === "parent")
             return undefined;
         return value;
     }));
-    }
+}
 
-    export function bookmarks() : DirectoryBookmark {
+export function bookmarks() : DirectoryBookmark {
     return bookmark_config().root_bookmark;
-    }
+}
 
-    export function bookmarks_flat() : Bookmark[] {
+export function bookmarks_flat() : Bookmark[] {
     const result: Bookmark[] = [];
     const _flat = (bookmark: Bookmark | DirectoryBookmark) => {
         if(bookmark.type == BookmarkType.DIRECTORY)
@@ -147,9 +146,9 @@ namespace bookmarks {
     };
     _flat(bookmark_config().root_bookmark);
     return result;
-    }
+}
 
-    function find_bookmark_recursive(parent: DirectoryBookmark, uuid: string) : Bookmark | DirectoryBookmark {
+function find_bookmark_recursive(parent: DirectoryBookmark, uuid: string) : Bookmark | DirectoryBookmark {
     for(const entry of parent.content) {
         if(entry.unique_id == uuid)
             return entry;
@@ -159,13 +158,13 @@ namespace bookmarks {
         }
     }
     return undefined;
-    }
+}
 
-    export function find_bookmark(uuid: string) : Bookmark | DirectoryBookmark | undefined {
+export function find_bookmark(uuid: string) : Bookmark | DirectoryBookmark | undefined {
     return find_bookmark_recursive(bookmarks(), uuid);
-    }
+}
 
-    export function parent_bookmark(bookmark: Bookmark) : DirectoryBookmark {
+export function parent_bookmark(bookmark: Bookmark) : DirectoryBookmark {
     const books: (DirectoryBookmark | Bookmark)[] = [bookmarks()];
     while(!books.length) {
         const directory = books.pop_front();
@@ -178,9 +177,9 @@ namespace bookmarks {
         }
     }
     return bookmarks();
-    }
+}
 
-    export function create_bookmark(display_name: string, directory: DirectoryBookmark, server_properties: ServerProperties, nickname: string) : Bookmark {
+export function create_bookmark(display_name: string, directory: DirectoryBookmark, server_properties: ServerProperties, nickname: string) : Bookmark {
     const bookmark = {
         display_name: display_name,
         server_properties: server_properties,
@@ -193,9 +192,9 @@ namespace bookmarks {
 
     directory.content.push(bookmark);
     return bookmark;
-    }
+}
 
-    export function create_bookmark_directory(parent: DirectoryBookmark, name: string) : DirectoryBookmark {
+export function create_bookmark_directory(parent: DirectoryBookmark, name: string) : DirectoryBookmark {
     const bookmark = {
         type: BookmarkType.DIRECTORY,
 
@@ -207,19 +206,19 @@ namespace bookmarks {
 
     parent.content.push(bookmark);
     return bookmark;
-    }
+}
 
-    //TODO test if the new parent is within the old bookmark
+//TODO test if the new parent is within the old bookmark
-    export function change_directory(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
+export function change_directory(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
     delete_bookmark(bookmark);
     parent.content.push(bookmark)
-    }
+}
 
-    export function save_bookmark(bookmark?: Bookmark | DirectoryBookmark) {
+export function save_bookmark(bookmark?: Bookmark | DirectoryBookmark) {
     save_config(); /* nvm we dont give a fuck... saving everything */
-    }
+}
 
-    function delete_bookmark_recursive(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
+function delete_bookmark_recursive(parent: DirectoryBookmark, bookmark: Bookmark | DirectoryBookmark) {
     const index = parent.content.indexOf(bookmark);
     if(index != -1)
         parent.content.remove(bookmark);
@@ -227,13 +226,13 @@ namespace bookmarks {
         for(const entry of parent.content)
             if(entry.type == BookmarkType.DIRECTORY)
                 delete_bookmark_recursive(entry as DirectoryBookmark, bookmark)
-    }
+}
 
-    export function delete_bookmark(bookmark: Bookmark | DirectoryBookmark) {
+export function delete_bookmark(bookmark: Bookmark | DirectoryBookmark) {
     delete_bookmark_recursive(bookmarks(), bookmark)
-    }
+}
 
-    export function add_current_server() {
+export function add_current_server() {
     const ch = server_connections.active_connection_handler();
     if(ch && ch.connected) {
         const ce = ch.getClient();
@@ -258,5 +257,4 @@ namespace bookmarks {
     } else {
         createErrorModal(tr("You have to be connected"), tr("You have to be connected!")).open();
     }
-    }
 }

shared/js/connection/AbstractCommandHandler.ts

@@ -0,0 +1,98 @@
+import {
+    AbstractServerConnection,
+    ServerCommand,
+    SingleCommandHandler
+} from "tc-shared/connection/ConnectionBase";
+
+export abstract class AbstractCommandHandler {
+    readonly connection: AbstractServerConnection;
+
+    handler_boss: AbstractCommandHandlerBoss | undefined;
+    volatile_handler_boss: boolean = false; /* if true than the command handler could be registered twice to two or more handlers */
+
+    ignore_consumed: boolean = false;
+
+    protected constructor(connection: AbstractServerConnection) {
+        this.connection = connection;
+    }
+
+    /**
+     * @return If the command should be consumed
+     */
+    abstract handle_command(command: ServerCommand) : boolean;
+}
+
+export abstract class AbstractCommandHandlerBoss {
+    readonly connection: AbstractServerConnection;
+    protected command_handlers: AbstractCommandHandler[] = [];
+    /* TODO: Timeout */
+    protected single_command_handler: SingleCommandHandler[] = [];
+
+    protected constructor(connection: AbstractServerConnection) {
+        this.connection = connection;
+    }
+
+    destroy() {
+        this.command_handlers = undefined;
+        this.single_command_handler = undefined;
+    }
+
+    register_handler(handler: AbstractCommandHandler) {
+        if(!handler.volatile_handler_boss && handler.handler_boss)
+            throw "handler already registered";
+
+        this.command_handlers.remove(handler); /* just to be sure */
+        this.command_handlers.push(handler);
+        handler.handler_boss = this;
+    }
+
+    unregister_handler(handler: AbstractCommandHandler) {
+        if(!handler.volatile_handler_boss && handler.handler_boss !== this) {
+            console.warn(tr("Tried to unregister command handler which does not belong to the handler boss"));
+            return;
+        }
+
+        this.command_handlers.remove(handler);
+        handler.handler_boss = undefined;
+    }
+
+
+    register_single_handler(handler: SingleCommandHandler) {
+        this.single_command_handler.push(handler);
+    }
+
+    remove_single_handler(handler: SingleCommandHandler) {
+        this.single_command_handler.remove(handler);
+    }
+
+    handlers() : AbstractCommandHandler[] {
+        return this.command_handlers;
+    }
+
+    invoke_handle(command: ServerCommand) : boolean {
+        let flag_consumed = false;
+
+        for(const handler of this.command_handlers) {
+            try {
+                if(!flag_consumed || handler.ignore_consumed)
+                    flag_consumed = flag_consumed || handler.handle_command(command);
+            } catch(error) {
+                console.error(tr("Failed to invoke command handler. Invocation results in an exception: %o"), error);
+            }
+        }
+
+        for(const handler of [...this.single_command_handler]) {
+            if(handler.command && handler.command != command.command)
+                continue;
+
+            try {
+                if(handler.function(command))
+                    this.single_command_handler.remove(handler);
+            } catch(error) {
+                console.error(tr("Failed to invoke single command handler. Invocation results in an exception: %o"), error);
+            }
+        }
+
+        return flag_consumed;
+    }
+}

shared/js/connection/CommandHandler.ts

@@ -1,16 +1,36 @@
-/// <reference path="ConnectionBase.ts" />
+import * as log from "tc-shared/log";
+import * as server_log from "tc-shared/ui/frames/server_log";
+import {
+    AbstractServerConnection, CommandOptions, ServerCommand
+} from "tc-shared/connection/ConnectionBase";
+import {Sound} from "tc-shared/sound/Sounds";
+import {CommandResult, ErrorID} from "tc-shared/connection/ServerConnectionDeclaration";
+import {LogCategory} from "tc-shared/log";
+import {createErrorModal, createInfoModal, createInputModal, createModal} from "tc-shared/ui/elements/Modal";
+import {
+    ClientConnectionInfo,
+    ClientEntry,
+    ClientType,
+    LocalClientEntry,
+    MusicClientEntry,
+    SongInfo
+} from "tc-shared/ui/client";
+import {ChannelEntry} from "tc-shared/ui/channel";
+import {ConnectionHandler, DisconnectReason, ViewReasonId} from "tc-shared/ConnectionHandler";
+import {bbcode_chat, formatMessage} from "tc-shared/ui/frames/chat";
+import {server_connections} from "tc-shared/ui/frames/connection_handlers";
+import {spawnPoke} from "tc-shared/ui/modal/ModalPoke";
+import {PrivateConversationState} from "tc-shared/ui/frames/side/private_conversations";
+import {Conversation} from "tc-shared/ui/frames/side/conversations";
+import {AbstractCommandHandler, AbstractCommandHandlerBoss} from "tc-shared/connection/AbstractCommandHandler";
 
-namespace connection {
+export class ServerConnectionCommandBoss extends AbstractCommandHandlerBoss {
-    import Conversation = chat.channel.Conversation;
-    import MusicInfo = chat.MusicInfo;
-
-    export class ServerConnectionCommandBoss extends AbstractCommandHandlerBoss {
     constructor(connection: AbstractServerConnection) {
         super(connection);
     }
-    }
+}
 
-    export class ConnectionCommandHandler extends AbstractCommandHandler {
+export class ConnectionCommandHandler extends AbstractCommandHandler {
     readonly connection: AbstractServerConnection;
     readonly connection_handler: ConnectionHandler;
 
@@ -65,7 +85,7 @@ namespace connection {
         this["notifyplaylistsongloaded"] = this.handleNotifyPlaylistSongLoaded;
     }
 
-        private loggable_invoker(unique_id, client_id, name) : log.server.base.Client | undefined {
+    private loggable_invoker(unique_id, client_id, name) : server_log.base.Client | undefined {
         const id = parseInt(client_id);
         if(typeof(client_id) === "undefined" || Number.isNaN(id))
             return undefined;
@@ -84,7 +104,7 @@ namespace connection {
         };
     }
 
-        proxy_command_promise(promise: Promise<CommandResult>, options: connection.CommandOptions) {
+    proxy_command_promise(promise: Promise<CommandResult>, options: CommandOptions) {
         if(!options.process_result)
             return promise;
 
@@ -96,18 +116,18 @@ namespace connection {
                         if(res.id == ErrorID.PERMISSION_ERROR) { //Permission error
                             const permission = this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number);
                             res.message = tr("Insufficient client permissions. Failed on permission ") + (permission ? permission.name : "unknown");
-                                this.connection_handler.log.log(log.server.Type.ERROR_PERMISSION, {
+                            this.connection_handler.log.log(server_log.Type.ERROR_PERMISSION, {
                                 permission: this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number)
                             });
                             this.connection_handler.sound.play(Sound.ERROR_INSUFFICIENT_PERMISSIONS);
                         } else if(res.id != ErrorID.EMPTY_RESULT) {
-                                this.connection_handler.log.log(log.server.Type.ERROR_CUSTOM, {
+                            this.connection_handler.log.log(server_log.Type.ERROR_CUSTOM, {
                                 message: res.extra_message.length == 0 ? res.message : res.extra_message
                             });
                         }
                     }
                 } else if(typeof(ex) === "string") {
-                        this.connection_handler.log.log(log.server.Type.CONNECTION_COMMAND_ERROR, {error: ex});
+                    this.connection_handler.log.log(server_log.Type.CONNECTION_COMMAND_ERROR, {error: ex});
                 } else {
                     log.error(LogCategory.NETWORKING, tr("Invalid promise result type: %s. Result: %o"), typeof (ex), ex);
                 }
@@ -190,21 +210,21 @@ namespace connection {
         if(properties.virtualserver_hostmessage_mode > 0) {
             if(properties.virtualserver_hostmessage_mode == 1) {
                 /* show in log */
-                    this.connection_handler.log.log(log.server.Type.SERVER_HOST_MESSAGE, {
+                this.connection_handler.log.log(server_log.Type.SERVER_HOST_MESSAGE, {
                     message: properties.virtualserver_hostmessage
                 });
             } else {
                 /* create modal/create modal and quit */
                 createModal({
                     header: tr("Host message"),
-                        body: MessageHelper.bbcode_chat(properties.virtualserver_hostmessage),
+                    body: bbcode_chat(properties.virtualserver_hostmessage),
                     footer: undefined
                 }).open();
 
                 if(properties.virtualserver_hostmessage_mode == 3) {
                     /* first let the client initialize his stuff */
                     setTimeout(() => {
-                            this.connection_handler.log.log(log.server.Type.SERVER_HOST_MESSAGE_DISCONNECT, {
+                        this.connection_handler.log.log(server_log.Type.SERVER_HOST_MESSAGE_DISCONNECT, {
                             message: properties.virtualserver_welcomemessage
                         });
 
@@ -218,7 +238,7 @@ namespace connection {
 
         /* welcome message */
         if(properties.virtualserver_welcomemessage) {
-                this.connection_handler.log.log(log.server.Type.SERVER_WELCOME_MESSAGE, {
+            this.connection_handler.log.log(server_log.Type.SERVER_WELCOME_MESSAGE, {
                 message: properties.virtualserver_welcomemessage
             });
         }
@@ -235,12 +255,12 @@ namespace connection {
                     }).then(() => {
                         createInfoModal(tr("Use privilege key"), tr("Privilege key successfully used!")).open();
                     }).catch(error => {
-                            createErrorModal(tr("Use privilege key"), MessageHelper.formatMessage(tr("Failed to use privilege key: {}"), error instanceof CommandResult ? error.message : error)).open();
+                        createErrorModal(tr("Use privilege key"), formatMessage(tr("Failed to use privilege key: {}"), error instanceof CommandResult ? error.message : error)).open();
                     });
             }, { field_placeholder: 'Enter Privilege Key' }).open();
         }
 
-            this.connection_handler.log.log(log.server.Type.CONNECTION_CONNECTED, {
+        this.connection_handler.log.log(server_log.Type.CONNECTION_CONNECTED, {
             own_client: this.connection_handler.getClient().log_data()
         });
         this.connection_handler.sound.play(Sound.CONNECTION_CONNECTED);
@@ -414,7 +434,7 @@ namespace connection {
 
             if(this.connection_handler.client_status.queries_visible || client.properties.client_type != ClientType.CLIENT_QUERY) {
                 const own_channel = this.connection.client.getClient().currentChannel();
-                    this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_ENTER, {
+                this.connection_handler.log.log(server_log.Type.CLIENT_VIEW_ENTER, {
                     channel_from: old_channel ? old_channel.log_data() : undefined,
                     channel_to: channel ? channel.log_data() : undefined,
                     client: client.log_data(),
@@ -521,7 +541,7 @@ namespace connection {
                 let channel_to = tree.findChannel(entry["ctid"]);
 
                 const is_own_channel = channel_from == own_channel;
-                    this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_LEAVE, {
+                this.connection_handler.log.log(server_log.Type.CLIENT_VIEW_LEAVE, {
                     channel_from: channel_from ? channel_from.log_data() : undefined,
                     channel_to: channel_to ? channel_to.log_data() : undefined,
                     client: client.log_data(),
@@ -564,7 +584,7 @@ namespace connection {
                         attach: false
                     });
                     if(conversation) {
-                            conversation.set_state(chat.PrivateConversationState.DISCONNECTED);
+                        conversation.set_state(PrivateConversationState.DISCONNECTED);
                     }
                 }
             }
@@ -635,7 +655,7 @@ namespace connection {
         }
 
         const own_channel = this.connection.client.getClient().currentChannel();
-            this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_MOVE, {
+        this.connection_handler.log.log(server_log.Type.CLIENT_VIEW_MOVE, {
             channel_from: channel_from ? {
                 channel_id: channel_from.channelId,
                 channel_name: channel_from.channelName()
@@ -750,7 +770,7 @@ namespace connection {
             const target_own = target_client_id === this.connection.client.getClientId();
 
             if(target_own && target_client_id === json["invokerid"]) {
-                    log.error(LogCategory.NETWORKING, tr("Received conversation message from invalid client id. Data: %o", json));
+                log.error(LogCategory.NETWORKING, tr("Received conversation message from invalid client id. Data: %o"), json);
                 return;
             }
 
@@ -808,7 +828,7 @@ namespace connection {
             if(conversation.is_unread() && channel)
                 channel.flag_text_unread = true;
         } else if(mode == 3) {
-                this.connection_handler.log.log(log.server.Type.GLOBAL_MESSAGE, {
+            this.connection_handler.log.log(server_log.Type.GLOBAL_MESSAGE, {
                 message: json["msg"],
                 sender: {
                     client_unique_id: json["invokeruid"],
@@ -871,7 +891,7 @@ namespace connection {
             log.warn(LogCategory.GENERAL, tr("Received chat close for client, but we haven't a chat open."));
             return;
         }
-            conversation.set_state(chat.PrivateConversationState.CLOSED);
+        conversation.set_state(PrivateConversationState.CLOSED);
     }
 
     handleNotifyClientUpdated(json) {
@@ -944,7 +964,7 @@ namespace connection {
 
     handleNotifyClientPoke(json) {
         json = json[0];
-            Modals.spawnPoke(this.connection_handler, {
+        spawnPoke(this.connection_handler, {
             id: parseInt(json["invokerid"]),
             name: json["invokername"],
             unique_id: json["invokeruid"]
@@ -1156,5 +1176,4 @@ namespace connection {
             metadata: json["song_metadata"]
         });
     }
-    }
 }

shared/js/connection/CommandHelper.ts

@@ -1,5 +1,19 @@
-namespace connection {
+import {ServerCommand, SingleCommandHandler} from "tc-shared/connection/ConnectionBase";
-    export class CommandHelper extends AbstractCommandHandler {
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {
+    ClientNameInfo,
+    CommandResult,
+    ErrorID, Playlist, PlaylistInfo, PlaylistSong,
+    QueryList,
+    QueryListEntry, ServerGroupClient
+} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ChannelEntry} from "tc-shared/ui/channel";
+import {ClientEntry} from "tc-shared/ui/client";
+import {ChatType} from "tc-shared/ui/frames/chat";
+import {AbstractCommandHandler} from "tc-shared/connection/AbstractCommandHandler";
+
+export class CommandHelper extends AbstractCommandHandler {
     private _who_am_i: any;
     private _awaiters_unique_ids: {[unique_id: string]:((resolved: ClientNameInfo) => any)[]} = {};
     private _awaiters_unique_dbid: {[database_id: number]:((resolved: ClientNameInfo) => any)[]} = {};
@@ -23,7 +37,7 @@ namespace connection {
         this._awaiters_unique_ids = undefined;
     }
 
-        handle_command(command: connection.ServerCommand): boolean {
+    handle_command(command: ServerCommand): boolean {
         if(command.command == "notifyclientnamefromuid")
             this.handle_notifyclientnamefromuid(command.arguments);
         if(command.command == "notifyclientgetnamefromdbid")
@@ -444,5 +458,4 @@ namespace connection {
             });
         });
     }
-    }
 }

shared/js/connection/ConnectionBase.ts

@@ -1,18 +1,25 @@
-namespace connection {
+import {CommandHelper} from "tc-shared/connection/CommandHelper";
-    export interface CommandOptions {
+import {HandshakeHandler} from "tc-shared/connection/HandshakeHandler";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ServerAddress} from "tc-shared/ui/server";
+import {RecorderProfile} from "tc-shared/voice/RecorderProfile";
+import {ConnectionHandler, ConnectionState} from "tc-shared/ConnectionHandler";
+import {AbstractCommandHandlerBoss} from "tc-shared/connection/AbstractCommandHandler";
+
+export interface CommandOptions {
     flagset?: string[]; /* default: [] */
     process_result?: boolean; /* default: true */
 
     timeout?: number /* default: 1000 */;
-    }
+}
-    export const CommandOptionDefaults: CommandOptions = {
+export const CommandOptionDefaults: CommandOptions = {
     flagset: [],
     process_result: true,
     timeout: 1000
-    };
+};
 
-    export type ConnectionStateListener = (old_state: ConnectionState, new_state: ConnectionState) => any;
+export type ConnectionStateListener = (old_state: ConnectionState, new_state: ConnectionState) => any;
-    export abstract class AbstractServerConnection {
+export abstract class AbstractServerConnection {
     readonly client: ConnectionHandler;
     readonly command_helper: CommandHelper;
 
@@ -44,9 +51,9 @@ namespace connection {
         native: number,
         javascript?: number
     };
-    }
+}
 
-    export namespace voice {
+export namespace voice {
     export enum PlayerState {
         PREBUFFERING,
         PLAYING,
@@ -105,112 +112,18 @@ namespace connection {
         abstract get_encoder_codec() : number;
         abstract set_encoder_codec(codec: number);
     }
-    }
+}
 
-    export class ServerCommand {
+export class ServerCommand {
     command: string;
     arguments: any[];
-    }
+}
 
-    export abstract class AbstractCommandHandler {
+export interface SingleCommandHandler {
-        readonly connection: AbstractServerConnection;
-
-        handler_boss: AbstractCommandHandlerBoss | undefined;
-        volatile_handler_boss: boolean = false; /* if true than the command handler could be registered twice to two or more handlers */
-
-        ignore_consumed: boolean = false;
-
-        protected constructor(connection: AbstractServerConnection) {
-            this.connection = connection;
-        }
-
-        /**
-         * @return If the command should be consumed
-         */
-        abstract handle_command(command: ServerCommand) : boolean;
-    }
-
-    export interface SingleCommandHandler {
     name?: string;
     command?: string;
     timeout?: number;
 
     /* if the return is true then the command handler will be removed */
     function: (command: ServerCommand) => boolean;
-    }
-
-    export abstract class AbstractCommandHandlerBoss {
-        readonly connection: AbstractServerConnection;
-        protected command_handlers: AbstractCommandHandler[] = [];
-        /* TODO: Timeout */
-        protected single_command_handler: SingleCommandHandler[] = [];
-
-        protected constructor(connection: AbstractServerConnection) {
-            this.connection = connection;
-        }
-
-        destroy() {
-            this.command_handlers = undefined;
-            this.single_command_handler = undefined;
-        }
-
-        register_handler(handler: AbstractCommandHandler) {
-            if(!handler.volatile_handler_boss && handler.handler_boss)
-                throw "handler already registered";
-
-            this.command_handlers.remove(handler); /* just to be sure */
-            this.command_handlers.push(handler);
-            handler.handler_boss = this;
-        }
-
-        unregister_handler(handler: AbstractCommandHandler) {
-            if(!handler.volatile_handler_boss && handler.handler_boss !== this) {
-                console.warn(tr("Tried to unregister command handler which does not belong to the handler boss"));
-                return;
-            }
-
-            this.command_handlers.remove(handler);
-            handler.handler_boss = undefined;
-        }
-
-
-        register_single_handler(handler: SingleCommandHandler) {
-            this.single_command_handler.push(handler);
-        }
-
-        remove_single_handler(handler: SingleCommandHandler) {
-            this.single_command_handler.remove(handler);
-        }
-
-        handlers() : AbstractCommandHandler[] {
-            return this.command_handlers;
-        }
-
-        invoke_handle(command: ServerCommand) : boolean {
-            let flag_consumed = false;
-
-            for(const handler of this.command_handlers) {
-                try {
-                    if(!flag_consumed || handler.ignore_consumed)
-                        flag_consumed = flag_consumed || handler.handle_command(command);
-                } catch(error) {
-                    console.error(tr("Failed to invoke command handler. Invocation results in an exception: %o"), error);
-                }
-            }
-
-            for(const handler of [...this.single_command_handler]) {
-                if(handler.command && handler.command != command.command)
-                    continue;
-
-                try {
-                    if(handler.function(command))
-                        this.single_command_handler.remove(handler);
-                } catch(error) {
-                    console.error(tr("Failed to invoke single command handler. Invocation results in an exception: %o"), error);
-                }
-            }
-
-            return flag_consumed;
-        }
-    }
 }

shared/js/connection/HandshakeHandler.ts

@@ -1,20 +1,28 @@
-namespace connection {
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
-    export interface HandshakeIdentityHandler {
+import {IdentitifyType} from "tc-shared/profiles/Identity";
+import {TeaSpeakIdentity} from "tc-shared/profiles/identities/TeamSpeakIdentity";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+import {ConnectionProfile} from "tc-shared/profiles/ConnectionProfile";
+import {settings} from "tc-shared/settings";
+import {ConnectParameters, DisconnectReason} from "tc-shared/ConnectionHandler";
+
+export interface HandshakeIdentityHandler {
     connection: AbstractServerConnection;
 
     start_handshake();
     register_callback(callback: (success: boolean, message?: string) => any);
-    }
+}
 
-    export class HandshakeHandler {
+declare const native_client;
+export class HandshakeHandler {
     private connection: AbstractServerConnection;
     private handshake_handler: HandshakeIdentityHandler;
     private failed = false;
 
-        readonly profile: profiles.ConnectionProfile;
+    readonly profile: ConnectionProfile;
     readonly parameters: ConnectParameters;
 
-        constructor(profile: profiles.ConnectionProfile, parameters: ConnectParameters) {
+    constructor(profile: ConnectionProfile, parameters: ConnectParameters) {
         this.profile = profile;
         this.parameters = parameters;
     }
@@ -48,7 +56,7 @@ namespace connection {
 
     on_teamspeak() {
         const type = this.profile.selected_type();
-            if(type == profiles.identities.IdentitifyType.TEAMSPEAK)
+        if(type == IdentitifyType.TEAMSPEAK)
             this.handshake_finished();
         else {
 
@@ -122,8 +130,8 @@ namespace connection {
         }
 
         /* required to keep compatibility */
-            if(this.profile.selected_type() === profiles.identities.IdentitifyType.TEAMSPEAK) {
+        if(this.profile.selected_type() === IdentitifyType.TEAMSPEAK) {
-                data["client_key_offset"] = (this.profile.selected_identity() as profiles.identities.TeaSpeakIdentity).hash_number;
+            data["client_key_offset"] = (this.profile.selected_identity() as TeaSpeakIdentity).hash_number;
         }
 
         this.connection.send_command("clientinit", data).catch(error => {
@@ -142,5 +150,4 @@ namespace connection {
                 this.connection.disconnect();
         });
     }
-    }
 }

shared/js/connection/ServerConnectionDeclaration.ts

@@ -1,4 +1,6 @@
-enum ErrorID {
+import {LaterPromise} from "tc-shared/utils/LaterPromise";
+
+export enum ErrorID {
     NOT_IMPLEMENTED = 0x2,
     COMMAND_NOT_FOUND = 0x100,
 
@@ -15,7 +17,7 @@ enum ErrorID {
     CONVERSATION_IS_PRIVATE = 0x2202
 }
 
-class CommandResult {
+export class CommandResult {
     success: boolean;
     id: number;
     message: string;
@@ -35,39 +37,39 @@ class CommandResult {
     }
 }
 
-interface ClientNameInfo {
+export interface ClientNameInfo {
     //cluid=tYzKUryn\/\/Y8VBMf8PHUT6B1eiE= name=Exp clname=Exp cldbid=9
     client_unique_id: string;
     client_nickname: string;
     client_database_id: number;
 }
 
-interface ClientNameFromUid {
+export interface ClientNameFromUid {
     promise: LaterPromise<ClientNameInfo[]>,
     keys: string[],
     response: ClientNameInfo[]
 }
 
-interface ServerGroupClient {
+export interface ServerGroupClient {
     client_nickname: string;
     client_unique_identifier: string;
     client_database_id: number;
 }
 
-interface QueryListEntry {
+export interface QueryListEntry {
     username: string;
     unique_id: string;
     bounded_server: number;
 }
 
-interface QueryList {
+export interface QueryList {
     flag_own: boolean;
     flag_all: boolean;
 
     queries: QueryListEntry[];
 }
 
-interface Playlist {
+export interface Playlist {
     playlist_id: number;
     playlist_bot_id: number;
     playlist_title: string;
@@ -83,7 +85,7 @@ interface Playlist {
     needed_power_song_remove: number;
 }
 
-interface PlaylistInfo {
+export interface PlaylistInfo {
     playlist_id: number,
     playlist_title: string,
     playlist_description: string,
@@ -100,7 +102,7 @@ interface PlaylistInfo {
     playlist_max_songs: number
 }
 
-interface PlaylistSong {
+export interface PlaylistSong {
     song_id: number;
     song_previous_song_id: number;
     song_invoker: string;

shared/js/crypto/asn1.ts

@@ -14,24 +14,23 @@
 // ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 // OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 
-namespace asn1 {
+declare class Int10 {
-    declare class Int10 {
     constructor(value?: any);
 
     sub(sub: number);
     mulAdd(mul: number, add: number);
     simplify();
-    }
+}
 
-    const ellipsis = "\u2026";
+const ellipsis = "\u2026";
 
-    function string_cut(str, len) {
+function string_cut(str, len) {
     if (str.length > len)
         str = str.substring(0, len) + ellipsis;
     return str;
-    }
+}
 
-    export class Stream {
+export class Stream {
     private static HEX_DIGITS = "0123456789ABCDEF";
     private static reTimeS = /^(\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/;
     private static reTimeL = /^(\d\d\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/;
@@ -258,16 +257,16 @@ namespace asn1 {
         */
         return s;
     };
-    }
+}
 
-    export enum TagClass {
+export enum TagClass {
     UNIVERSAL = 0x00,
     APPLICATION = 0x01,
     CONTEXT = 0x02,
     PRIVATE = 0x03
-    }
+}
 
-    export enum TagType {
+export enum TagType {
     EOC = 0x00,
     BOOLEAN = 0x01,
     INTEGER = 0x02,
@@ -295,9 +294,9 @@ namespace asn1 {
     GeneralString = 0x1B,
     UniversalString = 0x1C,
     BMPString = 0x1E
-    }
+}
 
-    class ASN1Tag {
+class ASN1Tag {
     tagClass: TagClass;
     type: TagType;
     tagConstructed: boolean;
@@ -325,9 +324,9 @@ namespace asn1 {
     isEOC() {
         return this.tagClass === 0x00 && this.tagNumber === 0x00;
     };
-    }
+}
 
-    export class ASN1 {
+export class ASN1 {
     stream: Stream;
     header: number;
     length: number;
@@ -481,9 +480,9 @@ namespace asn1 {
             }
         }
     }
-    }
+}
 
-    function decode0(stream: Stream) {
+function decode0(stream: Stream) {
     const streamStart = new Stream(stream, 0); /* copy */
     const tag = new ASN1Tag(stream);
     let len = ASN1.decodeLength(stream);
@@ -539,9 +538,8 @@ namespace asn1 {
         stream.position = start + Math.abs(len);
     }
     return new ASN1(streamStart, length_header, len, tag, children);
-    }
+}
-
+
-    export function decode(stream: string | ArrayBuffer) {
+export function decode(stream: string | ArrayBuffer) {
-        return decode0(new Stream(stream, 0));
+    return decode0(new Stream(stream, 0));
-    }
 }

shared/js/crypto/crc32.ts

@@ -1,4 +1,4 @@
-class Crc32 {
+export class Crc32 {
     private static readonly lookup = [
         0x00000000, 0x77073096, 0xEE0E612C, 0x990951BA,
         0x076DC419, 0x706AF48F, 0xE963A535, 0x9E6495A3,

shared/js/crypto/hex.ts

@@ -1,5 +1,4 @@
-namespace hex {
+export function encode(buffer) {
-    export function encode(buffer) {
     let hexCodes = [];
     let view = new DataView(buffer);
     for (let i = 0; i < view.byteLength % 4; i ++) {
@@ -16,5 +15,4 @@ namespace hex {
     }
 
     return hexCodes.join("");
-    }
 }

shared/js/crypto/sha.ts

@@ -6,12 +6,11 @@ declare class _sha1 {
 
 /*
 interface Window {
-    TextEncoder: any;
+TextEncoder: any;
 }
 */
 
-namespace sha {
+/*
-    /*
  * [js-sha1]{@link https://github.com/emn178/js-sha1}
  *
  * @version 0.6.0
@@ -19,17 +18,11 @@ namespace sha {
  * @copyright Chen, Yi-Cyuan 2014-2017
  * @license MIT
  */
-    /*jslint bitwise: true */
+/*jslint bitwise: true */
-    (function() {
+(function() {
     'use strict';
 
     let root: any = typeof window === 'object' ? window : {};
-        let NODE_JS = !root.JS_SHA1_NO_NODE_JS && typeof process === 'object' && process.versions && process.versions.node;
-        if (NODE_JS) {
-            root = global;
-        }
-        let COMMON_JS = !root.JS_SHA1_NO_COMMON_JS && typeof module === 'object' && module.exports;
-        let AMD = typeof define === 'function' && (define as any).amd;
     let HEX_CHARS = '0123456789abcdef'.split('');
     let EXTRA = [-2147483648, 8388608, 32768, 128];
     let SHIFT = [24, 16, 8, 0];
@@ -45,9 +38,6 @@ namespace sha {
 
     let createMethod = function () {
         let method: any = createOutputMethod('hex');
-            if (NODE_JS) {
-                method = nodeWrap(method);
-            }
         method.create = function () {
             return new (Sha1 as any)();
         };
@@ -61,22 +51,6 @@ namespace sha {
         return method;
     };
 
-        var nodeWrap = function (method) {
-            var crypto = eval("require('crypto')");
-            var Buffer = eval("require('buffer').Buffer");
-            var nodeMethod = function (message) {
-                if (typeof message === 'string') {
-                    return crypto.createHash('sha1').update(message, 'utf8').digest('hex');
-                } else if (message.constructor === ArrayBuffer) {
-                    message = new Uint8Array(message);
-                } else if (message.length === undefined) {
-                    return method(message);
-                }
-                return crypto.createHash('sha1').update(new Buffer(message)).digest('hex');
-            };
-            return nodeMethod;
-        };
-
     function Sha1(sharedMemory) {
         if (sharedMemory) {
             blocks[0] = blocks[16] = blocks[1] = blocks[2] = blocks[3] =
@@ -359,8 +333,8 @@ namespace sha {
     Sha1.prototype.arrayBuffer = function () {
         this.finalize();
 
-            var buffer = new ArrayBuffer(20);
+        const buffer = new ArrayBuffer(20);
-            var dataView = new DataView(buffer);
+        const dataView = new DataView(buffer);
         dataView.setUint32(0, this.h0);
         dataView.setUint32(4, this.h1);
         dataView.setUint32(8, this.h2);
@@ -369,21 +343,10 @@ namespace sha {
         return buffer;
     };
 
-        var exports = createMethod();
+    createMethod();
+})();
 
-        if (COMMON_JS) {
+export function encode_text(buffer: string) : ArrayBuffer {
-            module.exports = exports;
-        } else {
-            root._sha1 = exports;
-            if (AMD) {
-                define(function () {
-                    return exports;
-                });
-            }
-        }
-    })();
-
-    export function encode_text(buffer: string) : ArrayBuffer {
     if ((window as any).TextEncoder) {
         return new TextEncoder().encode(buffer).buffer;
     }
@@ -393,8 +356,9 @@ namespace sha {
         result[i] = utf8.charCodeAt(i);
     }
     return result.buffer;
-    }
+}
-    export function sha1(message: string | ArrayBuffer) : PromiseLike<ArrayBuffer> {
+
+export function sha1(message: string | ArrayBuffer) : PromiseLike<ArrayBuffer> {
     if(!(typeof(message) === "string" || message instanceof ArrayBuffer)) throw "Invalid type!";
 
     let buffer = message instanceof ArrayBuffer ? message : encode_text(message as string);
@@ -405,6 +369,4 @@ namespace sha {
         });
     else
         return crypto.subtle.digest("SHA-1", buffer);
-    }
-
 }

shared/js/crypto/uid.ts

@@ -0,0 +1,10 @@
+function s4() {
+    return Math
+        .floor((1 + Math.random()) * 0x10000)
+        .toString(16)
+        .substring(1);
+}
+
+export function guid() {
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+}

shared/js/dns.ts

@@ -1,10 +1,9 @@
-namespace dns {
+export interface AddressTarget {
-    export interface AddressTarget {
     target_ip: string;
     target_port?: number;
-    }
+}
 
-    export interface ResolveOptions {
+export interface ResolveOptions {
     timeout?: number;
     allow_cache?: boolean;
     max_depth?: number;
@@ -14,11 +13,10 @@ namespace dns {
     allow_any?: boolean;
     allow_a?: boolean;
     allow_aaaa?: boolean;
-    }
+}
 
-    export const default_options: ResolveOptions = {
+export const default_options: ResolveOptions = {
     timeout: 5000,
     allow_cache: true,
     max_depth: 5
-    };
+};
-}

shared/js/events.ts

@@ -1,20 +1,24 @@
-namespace events {
+//TODO: Combine EventConvert and Event?
-    export interface EventConvert<All> {
+import {MusicClientEntry, SongInfo} from "tc-shared/ui/client";
+import {PlaylistSong} from "tc-shared/connection/ServerConnectionDeclaration";
+import {guid} from "tc-shared/crypto/uid";
+
+export interface EventConvert<All> {
     as<T extends keyof All>() : All[T];
-    }
+}
 
-    export interface Event<T> {
+export interface Event<T> {
     readonly type: T;
-    }
+}
 
-    export class SingletonEvent implements Event<"singletone-instance"> {
+export class SingletonEvent implements Event<"singletone-instance"> {
     static readonly instance = new SingletonEvent();
 
     readonly type = "singletone-instance";
     private constructor() { }
-    }
+}
 
-    export class Registry<Events> {
+export class Registry<Events> {
     private readonly registry_uuid;
 
     private handler: {[key: string]: ((event) => void)[]} = {};
@@ -117,13 +121,9 @@ namespace events {
     destory() {
         this.handler = {};
     }
-    }
+}
 
-    namespace global {
+export namespace channel_tree {
-
-    }
-
-    export namespace channel_tree {
     export interface client {
         "enter_view": {},
         "left_view": {},
@@ -146,9 +146,9 @@ namespace events {
         "playlist_song_reorder": { song_id: number, previous_song_id: number },
         "playlist_song_loaded": { song_id: number, success: boolean, error_msg?: string, metadata?: string },
     }
-    }
+}
 
-    export namespace sidebar {
+export namespace sidebar {
     export interface music {
         "open": {}, /* triggers when frame should be shown */
         "close": {}, /* triggers when frame will be closed */
@@ -193,9 +193,9 @@ namespace events {
         "playlist_song_reorder": channel_tree.client["playlist_song_reorder"],
         "playlist_song_loaded": channel_tree.client["playlist_song_loaded"] & { html_entry?: JQuery },
     }
-    }
+}
 
-    export namespace modal {
+export namespace modal {
     export type BotStatusType = "name" | "description" | "volume" | "country_code" | "channel_commander" | "priority_speaker";
     export type PlaylistStatusType = "replay_mode" | "finished" | "delete_played" | "max_size" | "notify_song_change";
     export interface music_manage {
@@ -549,7 +549,7 @@ namespace events {
                     vad_type: string,
 
                     vad_ppt: {
-                            key: ppt.KeyDescriptor,
+                        key: any, /* ppt.KeyDescriptor */
                         release_delay: number,
                         release_delay_active: boolean
                     },
@@ -593,12 +593,13 @@ namespace events {
             "deinitialize": {}
         }
     }
-    }
-
 }
 
+/*
+//Some test code
 const eclient = new events.Registry<events.channel_tree.client>();
 const emusic = new events.Registry<events.sidebar.music>();
 
 eclient.connect("playlist_song_loaded", emusic);
 eclient.connect("playlist_song_loaded", emusic);
+*/

shared/js/i18n/country.ts

@@ -1,15 +1,13 @@
-
+interface CountryInfo {
-namespace i18n {
-    interface CountryInfo {
     name: string;
     alpha_2: string;
     alpha_3: string;
     un_code: number;
-    }
+}
-    const country_infos: CountryInfo[] = [];
+const country_infos: CountryInfo[] = [];
-    const alpha_2_map: {[name: string]:CountryInfo} = {};
+const alpha_2_map: {[name: string]:CountryInfo} = {};
 
-    const fill_country_infos = (array: CountryInfo[]) => {
+const fill_country_infos = (array: CountryInfo[]) => {
     array.push({
         name: "Afghanistan",
         alpha_2: "AF",
@@ -1492,13 +1490,12 @@ namespace i18n {
         alpha_3: "ZWE",
         un_code: 716
     });
-    };
+};
 
-    export function country_name(alpha_code: string, fallback?: string) {
+export function country_name(alpha_code: string, fallback?: string) {
     return (alpha_2_map[alpha_code.toUpperCase()] || {name: fallback || tr("unknown country")}).name;
-    }
-
-    fill_country_infos(country_infos);
-    for(const country of country_infos)
-        alpha_2_map[country.alpha_2] = country;
 }
+
+fill_country_infos(country_infos);
+for(const country of country_infos)
+    alpha_2_map[country.alpha_2] = country;

shared/js/i18n/localize.ts

@@ -1,59 +1,57 @@
-function guid() {
+import * as log from "tc-shared/log";
-    function s4() {
+import {LogCategory} from "tc-shared/log";
-        return Math.floor((1 + Math.random()) * 0x10000)
+import {guid} from "tc-shared/crypto/uid";
-            .toString(16)
+import {StaticSettings} from "tc-shared/settings";
-            .substring(1);
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
-    }
+import * as loader from "tc-loader";
-    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+import {formatMessage} from "tc-shared/ui/frames/chat";
-}
 
-namespace i18n {
+export interface TranslationKey {
-    export interface TranslationKey {
     message: string;
     line?: number;
     character?: number;
     filename?: string;
-    }
+}
 
-    export interface Translation {
+export interface Translation {
     key: TranslationKey;
     translated: string;
     flags?: string[];
-    }
+}
 
-    export interface Contributor {
+export interface Contributor {
     name: string;
     email: string;
-    }
+}
 
-    export interface TranslationFile {
+export interface TranslationFile {
     path: string;
     full_url: string;
 
     translations: Translation[];
-    }
+}
 
-    export interface RepositoryTranslation {
+export interface RepositoryTranslation {
     key: string;
     path: string;
 
     country_code: string;
     name: string;
     contributors: Contributor[];
-    }
+}
 
-    export interface TranslationRepository {
+export interface TranslationRepository {
     unique_id: string;
     url: string;
     name?: string;
     contact?: string;
     translations?: RepositoryTranslation[];
     load_timestamp?: number;
-    }
+}
 
-    let translations: Translation[] = [];
+let translations: Translation[] = [];
-    let fast_translate: { [key:string]:string; } = {};
+let fast_translate: { [key:string]:string; } = {};
-    export function tr(message: string, key?: string) {
+export function tr(message: string, key?: string) {
     const sloppy = fast_translate[message];
     if(sloppy) return sloppy;
 
@@ -69,14 +67,14 @@ namespace i18n {
 
     fast_translate[message] = translated;
     return translated;
-    }
+}
 
-    export function tra(message: string, ...args: any[]) {
+export function tra(message: string, ...args: any[]) {
-        message = tr(message);
+    message = /* @tr-ignore */ tr(message);
-        return MessageHelper.formatMessage(message, ...args);
+    return formatMessage(message, ...args);
-    }
+}
 
-    async function load_translation_file(url: string, path: string) : Promise<TranslationFile> {
+async function load_translation_file(url: string, path: string) : Promise<TranslationFile> {
     return new Promise<TranslationFile>((resolve, reject) => {
         $.ajax({
             url: url,
@@ -104,9 +102,9 @@ namespace i18n {
             }
         })
     });
-    }
+}
 
-    export function load_file(url: string, path: string) : Promise<void> {
+export function load_file(url: string, path: string) : Promise<void> {
     return load_translation_file(url, path).then(async result => {
         /* TODO: Improve this test?!*/
         try {
@@ -121,9 +119,9 @@ namespace i18n {
         log.warn(LogCategory.I18N, tr("Failed to load translation file from \"%s\". Error: %o"), url, error);
         return Promise.reject(error);
     });
-    }
+}
 
-    async function load_repository0(repo: TranslationRepository, reload: boolean) {
+async function load_repository0(repo: TranslationRepository, reload: boolean) {
     if(!repo.load_timestamp || repo.load_timestamp < 1000 || reload) {
         const info_json = await new Promise((resolve, reject) => {
             $.ajax({
@@ -153,16 +151,16 @@ namespace i18n {
 
     repo.translations = repo.translations || [];
     repo.load_timestamp = Date.now();
-    }
+}
 
-    export async function load_repository(url: string) : Promise<TranslationRepository> {
+export async function load_repository(url: string) : Promise<TranslationRepository> {
     const result = {} as TranslationRepository;
     result.url = url;
     await load_repository0(result, false);
     return result;
-    }
+}
 
-    export namespace config {
+export namespace config {
     export interface TranslationConfig {
         current_repository_url?: string;
         current_language?: string;
@@ -232,9 +230,9 @@ namespace i18n {
     export function save_translation_config() {
         localStorage.setItem(translation_config_key, JSON.stringify(_cached_translation_config));
     }
-    }
+}
 
-    export function register_repository(repository: TranslationRepository) {
+export function register_repository(repository: TranslationRepository) {
     if(!repository) return;
 
     for(const repo of config.repository_config().repositories)
@@ -242,13 +240,13 @@ namespace i18n {
 
     config.repository_config().repositories.push(repository);
     config.save_repository_config();
-    }
+}
 
-    export function registered_repositories() : TranslationRepository[] {
+export function registered_repositories() : TranslationRepository[] {
     return config.repository_config().repositories.map(e => e.repository || {url: e.url, load_timestamp: 0} as TranslationRepository);
-    }
+}
 
-    export function delete_repository(repository: TranslationRepository) {
+export function delete_repository(repository: TranslationRepository) {
     if(!repository) return;
 
     for(const repo of [...config.repository_config().repositories])
@@ -256,9 +254,9 @@ namespace i18n {
             config.repository_config().repositories.remove(repo);
         }
     config.save_repository_config();
-    }
+}
 
-    export async function iterate_repositories(callback_entry: (repository: TranslationRepository) => any) {
+export async function iterate_repositories(callback_entry: (repository: TranslationRepository) => any) {
     const promises = [];
 
     for(const repository of registered_repositories()) {
@@ -268,9 +266,9 @@ namespace i18n {
     }
 
     await Promise.all(promises);
-    }
+}
 
-    export function select_translation(repository: TranslationRepository, entry: RepositoryTranslation) {
+export function select_translation(repository: TranslationRepository, entry: RepositoryTranslation) {
     const cfg = config.translation_config();
 
     if(entry && repository) {
@@ -286,10 +284,10 @@ namespace i18n {
     }
 
     config.save_translation_config();
-    }
+}
 
-    /* ATTENTION: This method is called before most other library inizialisations! */
+/* ATTENTION: This method is called before most other library initialisations! */
-    export async function initialize() {
+export async function initialize() {
     const rcfg = config.repository_config(); /* initialize */
     const cfg = config.translation_config();
 
@@ -313,12 +311,7 @@ namespace i18n {
     }
     // await load_file("http://localhost/home/TeaSpeak/TeaSpeak/Web-Client/web/environment/development/i18n/de_DE.translation");
     // await load_file("http://localhost/home/TeaSpeak/TeaSpeak/Web-Client/web/environment/development/i18n/test.json");
-    }
 }
 
-// @ts-ignore
+window.tr = tr;
-const tr: typeof i18n.tr = i18n.tr;
+window.tra = tra;
-const tra: typeof i18n.tra = i18n.tra;
-
-(window as any).tr = i18n.tr;
-(window as any).tra = i18n.tra;

shared/js/log.ts

@@ -1,6 +1,8 @@
 //Used by CertAccept popup
+import {settings} from "tc-shared/settings";
+import * as loader from "tc-loader";
 
-enum LogCategory {
+export enum LogCategory {
     CHANNEL,
     CHANNEL_PROPERTIES, /* separating channel and channel properties because on channel init logging is a big bottleneck */
     CLIENT,
@@ -19,16 +21,15 @@ enum LogCategory {
     DNS
 }
 
-namespace log {
+export enum LogType {
-    export enum LogType {
     TRACE,
     DEBUG,
     INFO,
     WARNING,
     ERROR
-    }
+}
 
-    let category_mapping = new Map<number, string>([
+let category_mapping = new Map<number, string>([
     [LogCategory.CHANNEL,                   "Channel    "],
     [LogCategory.CHANNEL_PROPERTIES,        "Channel    "],
     [LogCategory.CLIENT,                    "Client     "],
@@ -45,9 +46,9 @@ namespace log {
     [LogCategory.IPC,                       "IPC        "],
     [LogCategory.STATISTICS,                "Statistics "],
     [LogCategory.DNS,                       "DNS        "]
-    ]);
+]);
 
-    export let enabled_mapping = new Map<number, boolean>([
+export let enabled_mapping = new Map<number, boolean>([
     [LogCategory.CHANNEL,               true],
     [LogCategory.CHANNEL_PROPERTIES,    false],
     [LogCategory.CLIENT,                true],
@@ -64,27 +65,27 @@ namespace log {
     [LogCategory.IPC,                   true],
     [LogCategory.STATISTICS,            true],
     [LogCategory.DNS,                   true]
-    ]);
+]);
 
-    //Values will be overridden by initialize()
+//Values will be overridden by initialize()
-    export let level_mapping = new Map<LogType, boolean>([
+export let level_mapping = new Map<LogType, boolean>([
     [LogType.TRACE,         true],
     [LogType.DEBUG,         true],
     [LogType.INFO,          true],
     [LogType.WARNING,       true],
     [LogType.ERROR,         true]
-    ]);
+]);
 
-    enum GroupMode {
+enum GroupMode {
     NATIVE,
     PREFIX
-    }
+}
-    const group_mode: GroupMode = GroupMode.PREFIX;
+const group_mode: GroupMode = GroupMode.PREFIX;
 
-    //Category Example: <url>?log.i18n.enabled=0
+//Category Example: <url>?log.i18n.enabled=0
-    //Level Example A: <url>?log.level.trace.enabled=0
+//Level Example A: <url>?log.level.trace.enabled=0
-    //Level Example B: <url>?log.level=0
+//Level Example B: <url>?log.level=0
-    export function initialize(default_level: LogType) {
+export function initialize(default_level: LogType) {
     for(const category of Object.keys(LogCategory).map(e => parseInt(e))) {
         if(isNaN(category)) continue;
         const category_name = LogCategory[category].toLowerCase();
@@ -99,9 +100,9 @@ namespace log {
         const level_name = LogType[level].toLowerCase();
         level_mapping.set(level, settings.static_global<boolean>("log." + level_name + ".enabled", level >= base_level));
     }
-    }
+}
 
-    function logDirect(type: LogType, message: string, ...optionalParams: any[]) {
+function logDirect(type: LogType, message: string, ...optionalParams: any[]) {
     if(!level_mapping.get(type))
         return;
 
@@ -120,56 +121,56 @@ namespace log {
             console.error(message, ...optionalParams);
             break;
     }
-    }
+}
 
-    export function log(type: LogType, category: LogCategory, message: string, ...optionalParams: any[]) {
+export function log(type: LogType, category: LogCategory, message: string, ...optionalParams: any[]) {
     if(!enabled_mapping.get(category)) return;
 
     optionalParams.unshift(category_mapping.get(category));
     message = "[%s] " + message;
     logDirect(type, message, ...optionalParams);
-    }
+}
 
-    export function trace(category: LogCategory, message: string, ...optionalParams: any[]) {
+export function trace(category: LogCategory, message: string, ...optionalParams: any[]) {
     log(LogType.TRACE, category, message, ...optionalParams);
-    }
+}
 
-    export function debug(category: LogCategory, message: string, ...optionalParams: any[]) {
+export function debug(category: LogCategory, message: string, ...optionalParams: any[]) {
     log(LogType.DEBUG, category, message, ...optionalParams);
-    }
+}
 
-    export function info(category: LogCategory, message: string, ...optionalParams: any[]) {
+export function info(category: LogCategory, message: string, ...optionalParams: any[]) {
     log(LogType.INFO, category, message, ...optionalParams);
-    }
+}
 
-    export function warn(category: LogCategory, message: string, ...optionalParams: any[]) {
+export function warn(category: LogCategory, message: string, ...optionalParams: any[]) {
     log(LogType.WARNING, category, message, ...optionalParams);
-    }
+}
 
-    export function error(category: LogCategory, message: string, ...optionalParams: any[]) {
+export function error(category: LogCategory, message: string, ...optionalParams: any[]) {
     log(LogType.ERROR, category, message, ...optionalParams);
-    }
+}
 
-    export function group(level: LogType, category: LogCategory, name: string, ...optionalParams: any[]) : Group {
+export function group(level: LogType, category: LogCategory, name: string, ...optionalParams: any[]) : Group {
     name = "[%s] " + name;
     optionalParams.unshift(category_mapping.get(category));
 
     return new Group(group_mode, level, category, name, optionalParams);
-    }
+}
 
-    export function table(level: LogType, category: LogCategory, title: string, arguments: any) {
+export function table(level: LogType, category: LogCategory, title: string, args: any) {
     if(group_mode == GroupMode.NATIVE) {
         console.groupCollapsed(title);
-            console.table(arguments);
+        console.table(args);
         console.groupEnd();
     } else {
         if(!enabled_mapping.get(category) || !level_mapping.get(level))
             return;
         logDirect(level, tr("Snipped table \"%s\""), title);
     }
-    }
+}
 
-    export class Group {
+export class Group {
     readonly mode: GroupMode;
     readonly level: LogType;
     readonly category: LogCategory;
@@ -245,7 +246,13 @@ namespace log {
     set prefix(prefix: string) {
         this._log_prefix = prefix;
     }
-    }
 }
 
-import LogType = log.LogType;
+loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
+    name: "log enabled initialisation",
+    function: async () => initialize(__build.mode === "debug" ? LogType.TRACE : LogType.INFO),
+    priority: 150
+});
+
+/* initialize global logging system, use by the loader for example */
+window.log = module.exports;

shared/js/main.ts

@@ -1,31 +1,43 @@
-/// <reference path="ui/frames/chat.ts" />
+import * as moment from "moment";
-/// <reference path="ui/modal/ModalConnect.ts" />
+import * as loader from "tc-loader";
-/// <reference path="ui/modal/ModalCreateChannel.ts" />
+import {settings, Settings} from "tc-shared/settings";
-/// <reference path="ui/modal/ModalBanClient.ts" />
+import * as profiles from "tc-shared/profiles/ConnectionProfile";
-/// <reference path="ui/modal/ModalYesNo.ts" />
+import {LogCategory} from "tc-shared/log";
-/// <reference path="ui/modal/ModalBanList.ts" />
+import * as log from "tc-shared/log";
-/// <reference path="settings.ts" />
+import * as bipc from "./BrowserIPC";
-/// <reference path="log.ts" />
+import * as sound from "./sound/Sounds";
-/// <reference path="PPTListener.ts" />
+import * as i18n from "./i18n/localize";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {createInfoModal} from "tc-shared/ui/elements/Modal";
+import {tra} from "./i18n/localize";
+import {RequestFileUpload} from "tc-shared/FileManager";
+import * as stats from "./stats";
+import * as fidentity from "./profiles/identities/TeaForumIdentity";
+import {default_recorder, RecorderProfile, set_default_recorder} from "tc-shared/voice/RecorderProfile";
+import * as cmanager from "tc-shared/ui/frames/connection_handlers";
+import {server_connections, ServerConnectionManager} from "tc-shared/ui/frames/connection_handlers";
+import * as control_bar from "tc-shared/ui/frames/ControlBar";
+import {spawnConnectModal} from "tc-shared/ui/modal/ModalConnect";
+import * as top_menu from "./ui/frames/MenuBar";
+import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+import {openModalNewcomer} from "tc-shared/ui/modal/ModalNewcomer";
+import * as aplayer from "tc-backend/audio/player";
+import * as arecorder from "tc-backend/audio/recorder";
+import * as ppt from "tc-backend/ppt";
 
-import spawnYesNo = Modals.spawnYesNo;
+/* required import for init */
+require("./proto").initialize();
+require("./ui/elements/ContextDivider").initialize();
+require("./connection/CommandHandler"); /* else it might not get bundled because only the backends are accessing it */
 
 const js_render = window.jsrender || $;
 const native_client = window.require !== undefined;
 
-function getUserMediaFunctionPromise() : (constraints: MediaStreamConstraints) => Promise<MediaStream> {
+declare global {
-    if('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices)
+    interface Window {
-        return constraints => navigator.mediaDevices.getUserMedia(constraints);
-
-    const _callbacked_function = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
-    if(!_callbacked_function)
-        return undefined;
-
-    return constraints => new Promise<MediaStream>((resolve, reject) => _callbacked_function(constraints, resolve, reject));
-}
-
-interface Window {
         open_connected_question: () => Promise<boolean>;
+    }
 }
 
 function setup_close() {
@@ -50,7 +62,7 @@ function setup_close() {
                     }));
 
                     const exit = () => {
-                        const {remote} = require('electron');
+                        const {remote} = window.require('electron');
                         remote.getCurrentWindow().close();
                     };
 
@@ -80,7 +92,6 @@ function setup_close() {
     };
 }
 
-declare function moment(...arguments) : any;
 function setup_jsrender() : boolean {
     if(!js_render) {
         loader.critical_error("Missing jsrender extension!");
@@ -103,7 +114,7 @@ function setup_jsrender() : boolean {
     });
 
     js_render.views.tags("tr", (...args) => {
-        return tr(args[0]);
+        return /* @tr-ignore */ tr(args[0]);
     });
 
     $(".jsrender-template").each((idx, _entry) => {
@@ -133,7 +144,7 @@ async function initialize_app() {
     try { //Initialize main template
         const main = $("#tmpl_main").renderTag({
             multi_session:  !settings.static_global(Settings.KEY_DISABLE_MULTI_SESSION),
-            app_version: app.ui_version()
+            app_version: __build.version
         }).dividerfy();
 
         $("body").append(main);
@@ -143,21 +154,21 @@ async function initialize_app() {
         return;
     }
 
-    control_bar = new ControlBar($("#control_bar")); /* setup the control bar */
+    control_bar.set_control_bar(new control_bar.ControlBar($("#control_bar"))); /* setup the control bar */
 
-    if(!audio.player.initialize())
+    if(!aplayer.initialize())
         console.warn(tr("Failed to initialize audio controller!"));
 
-    audio.player.on_ready(() => {
+    aplayer.on_ready(() => {
-        if(audio.player.set_master_volume)
+        if(aplayer.set_master_volume)
-            audio.player.on_ready(() => audio.player.set_master_volume(settings.global(Settings.KEY_SOUND_MASTER) / 100));
+            aplayer.on_ready(() => aplayer.set_master_volume(settings.global(Settings.KEY_SOUND_MASTER) / 100));
         else
-            log.warn(LogCategory.GENERAL, tr("Client does not support audio.player.set_master_volume()... May client is too old?"));
+            log.warn(LogCategory.GENERAL, tr("Client does not support aplayer.set_master_volume()... May client is too old?"));
-        if(audio.recorder.device_refresh_available())
+        if(arecorder.device_refresh_available())
-            audio.recorder.refresh_devices();
+            arecorder.refresh_devices();
     });
 
-    default_recorder = new RecorderProfile("default");
+    set_default_recorder(new RecorderProfile("default"));
     default_recorder.initialize().catch(error => {
         log.error(LogCategory.AUDIO, tr("Failed to initialize default recorder: %o"), error);
     });
@@ -180,78 +191,6 @@ async function initialize_app() {
     setup_close();
 }
 
-function str2ab8(str) {
-    const buf = new ArrayBuffer(str.length);
-    const bufView = new Uint8Array(buf);
-    for (let i = 0, strLen = str.length; i < strLen; i++) {
-        bufView[i] = str.charCodeAt(i);
-    }
-    return buf;
-}
-
-/* FIXME Dont use atob, because it sucks for non UTF-8 tings */
-function arrayBufferBase64(base64: string) {
-    base64 = atob(base64);
-    const buf = new ArrayBuffer(base64.length);
-    const bufView = new Uint8Array(buf);
-    for (let i = 0, strLen = base64.length; i < strLen; i++) {
-        bufView[i] = base64.charCodeAt(i);
-    }
-    return buf;
-}
-
-function base64_encode_ab(source: ArrayBufferLike) {
-    const encodings = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-    let base64      = "";
-
-    const bytes          = new Uint8Array(source);
-    const byte_length    = bytes.byteLength;
-    const byte_reminder  = byte_length % 3;
-    const main_length    = byte_length - byte_reminder;
-
-    let a, b, c, d;
-    let chunk;
-
-    // Main loop deals with bytes in chunks of 3
-    for (let i = 0; i < main_length; i = i + 3) {
-        // Combine the three bytes into a single integer
-        chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
-
-        // Use bitmasks to extract 6-bit segments from the triplet
-        a = (chunk & 16515072) >> 18; // 16515072 = (2^6 - 1) << 18
-        b = (chunk & 258048)   >> 12; // 258048   = (2^6 - 1) << 12
-        c = (chunk & 4032)     >>  6; // 4032     = (2^6 - 1) <<  6
-        d = (chunk & 63)       >>  0; // 63       = (2^6 - 1) <<  0
-
-        // Convert the raw binary segments to the appropriate ASCII encoding
-        base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d];
-    }
-
-    // Deal with the remaining bytes and padding
-    if (byte_reminder == 1) {
-        chunk = bytes[main_length];
-
-        a = (chunk & 252) >> 2; // 252 = (2^6 - 1) << 2
-
-        // Set the 4 least significant bits to zero
-        b = (chunk & 3)   << 4; // 3   = 2^2 - 1
-
-        base64 += encodings[a] + encodings[b] + '==';
-    } else if (byte_reminder == 2) {
-        chunk = (bytes[main_length] << 8) | bytes[main_length + 1];
-
-        a = (chunk & 64512) >> 10; // 64512 = (2^6 - 1) << 10
-        b = (chunk & 1008)  >>  4; // 1008  = (2^6 - 1) <<  4
-
-        // Set the 2 least significant bits to zero
-        c = (chunk & 15)    <<  2; // 15    = 2^4 - 1
-
-        base64 += encodings[a] + encodings[b] + encodings[c] + '=';
-    }
-
-    return base64
-}
-
 /*
 class TestProxy extends bipc.MethodProxy {
     constructor(params: bipc.MethodProxyConnectParameters) {
@@ -295,7 +234,7 @@ interface Window {
 }
 */
 
-function handle_connect_request(properties: bipc.connect.ConnectRequestData, connection: ConnectionHandler) {
+export function handle_connect_request(properties: bipc.connect.ConnectRequestData, connection: ConnectionHandler) {
     const profile_uuid = properties.profile || (profiles.default_profile() || {id: 'default'}).id;
     const profile = profiles.find_profile(profile_uuid) || profiles.default_profile();
     const username = properties.username || profile.connect_username();
@@ -313,7 +252,7 @@ function handle_connect_request(properties: bipc.connect.ConnectRequestData, con
         });
         server_connections.set_active_connection_handler(connection);
     } else {
-        Modals.spawnConnectModal({},{
+        spawnConnectModal({},{
             url: properties.address,
             enforce: true
         }, {
@@ -356,14 +295,14 @@ function main() {
 
     top_menu.initialize();
 
-    server_connections = new ServerConnectionManager($("#connection-handlers"));
+    cmanager.initialize(new ServerConnectionManager($("#connection-handlers")));
-    control_bar.initialise(); /* before connection handler to allow property apply */
+    control_bar.control_bar.initialise(); /* before connection handler to allow property apply */
 
     const initial_handler = server_connections.spawn_server_connection_handler();
     initial_handler.acquire_recorder(default_recorder, false);
-    control_bar.set_connection_handler(initial_handler);
+    control_bar.control_bar.set_connection_handler(initial_handler);
     /** Setup the XF forum identity **/
-    profiles.identities.update_forum();
+    fidentity.update_forum();
 
     let _resize_timeout: NodeJS.Timer;
     $(window).on('resize', event => {
@@ -481,7 +420,7 @@ function main() {
 
     /* for testing */
     if(settings.static_global(Settings.KEY_USER_IS_NEW)) {
-        const modal = Modals.openModalNewcomer();
+        const modal = openModalNewcomer();
         modal.close_listener.push(() => settings.changeGlobal(Settings.KEY_USER_IS_NEW, false));
     }
 }
@@ -492,12 +431,12 @@ const task_teaweb_starter: loader.Task = {
         try {
             await initialize_app();
             main();
-            if(!audio.player.initialized()) {
+            if(!aplayer.initialized()) {
                 log.info(LogCategory.VOICE, tr("Initialize audio controller later!"));
-                if(!audio.player.initializeFromGesture) {
+                if(!aplayer.initializeFromGesture) {
-                    console.error(tr("Missing audio.player.initializeFromGesture"));
+                    console.error(tr("Missing aplayer.initializeFromGesture"));
                 } else
-                    $(document).one('click', event => audio.player.initializeFromGesture());
+                    $(document).one('click', event => aplayer.initializeFromGesture());
             }
         } catch (ex) {
             console.error(ex.stack);
@@ -543,7 +482,7 @@ const task_connect_handler: loader.Task = {
                         "You could now close this page.";
                     createInfoModal(
                         tr("Connecting successfully within other instance"),
-                        MessageHelper.formatMessage(tr(message), connect_data.address),
+                        formatMessage(/* @tr-ignore */ tr(message), connect_data.address),
                         {
                             closeable: false,
                             footer: undefined
@@ -610,7 +549,7 @@ const task_certificate_callback: loader.Task = {
                     "This page will close in {0} seconds.";
                 createInfoModal(
                     tr("Certificate acccepted successfully"),
-                    MessageHelper.formatMessage(tr(message), seconds_tag),
+                    formatMessage(/* @tr-ignore */ tr(message), seconds_tag),
                     {
                         closeable: false,
                         footer: undefined
@@ -650,7 +589,7 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
         try {
             await initialize();
 
-            if(app.is_web()) {
+            if(__build.target == "web") {
                 loader.register_task(loader.Stage.LOADED, task_certificate_callback);
             } else {
                 loader.register_task(loader.Stage.LOADED, task_teaweb_starter);
@@ -667,3 +606,13 @@ loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     priority: 1000
 });
 
+loader.register_task(loader.Stage.LOADED, {
+    name: "error task",
+    function: async () => {
+        if(Settings.instance.static(Settings.KEY_LOAD_DUMMY_ERROR, false)) {
+            loader.critical_error("The tea is cold!", "Argh, this is evil! Cold tea dosn't taste good.");
+            throw "The tea is cold!";
+        }
+    },
+    priority: 20
+});

shared/js/permission/GroupManager.ts

@@ -1,17 +1,24 @@
-/// <reference path="../connection/ConnectionBase.ts" />
+import {LaterPromise} from "tc-shared/utils/LaterPromise";
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {PermissionManager, PermissionValue} from "tc-shared/permission/PermissionManager";
+import {ServerCommand} from "tc-shared/connection/ConnectionBase";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {AbstractCommandHandler} from "tc-shared/connection/AbstractCommandHandler";
 
-enum GroupType {
+export enum GroupType {
     QUERY,
     TEMPLATE,
     NORMAL
 }
 
-enum GroupTarget {
+export enum GroupTarget {
     SERVER,
     CHANNEL
 }
 
-class GroupProperties {
+export class GroupProperties {
     iconid: number = 0;
 
     sortid: number = 0;
@@ -19,12 +26,12 @@ class GroupProperties {
     namemode: number = 0;
 }
 
-class GroupPermissionRequest {
+export class GroupPermissionRequest {
     group_id: number;
     promise: LaterPromise<PermissionValue[]>;
 }
 
-class Group {
+export class Group {
     properties: GroupProperties = new GroupProperties();
 
     readonly handle: GroupManager;
@@ -63,7 +70,7 @@ class Group {
     }
 }
 
-class GroupManager extends connection.AbstractCommandHandler {
+export class GroupManager extends AbstractCommandHandler {
     readonly handle: ConnectionHandler;
 
     serverGroups: Group[] = [];
@@ -83,7 +90,7 @@ class GroupManager extends connection.AbstractCommandHandler {
         this.channelGroups = undefined;
     }
 
-    handle_command(command: connection.ServerCommand): boolean {
+    handle_command(command: ServerCommand): boolean {
         switch (command.command) {
             case "notifyservergrouplist":
             case "notifychannelgrouplist":
@@ -160,7 +167,7 @@ class GroupManager extends connection.AbstractCommandHandler {
             }
 
             let group = new Group(this,parseInt(target == GroupTarget.SERVER ? groupData["sgid"] : groupData["cgid"]), target, type, groupData["name"]);
-            for(let key in groupData as any) {
+            for(let key in Object.keys(groupData)) {
                 if(key == "sgid") continue;
                 if(key == "cgid") continue;
                 if(key == "type") continue;

shared/js/permission/PermissionManager.ts

@@ -1,358 +1,13 @@
-/// <reference path="../ConnectionHandler.ts" />
+import * as log from "tc-shared/log";
-/// <reference path="../connection/ConnectionBase.ts" />
+import {LogCategory, LogType} from "tc-shared/log";
-/// <reference path="../i18n/localize.ts" />
+import PermissionType from "tc-shared/permission/PermissionType";
+import {LaterPromise} from "tc-shared/utils/LaterPromise";
+import {ServerCommand} from "tc-shared/connection/ConnectionBase";
+import {CommandResult, ErrorID} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import {AbstractCommandHandler} from "tc-shared/connection/AbstractCommandHandler";
 
-enum PermissionType {
+export class PermissionInfo {
-    B_SERVERINSTANCE_HELP_VIEW = "b_serverinstance_help_view",
-    B_SERVERINSTANCE_VERSION_VIEW = "b_serverinstance_version_view",
-    B_SERVERINSTANCE_INFO_VIEW = "b_serverinstance_info_view",
-    B_SERVERINSTANCE_VIRTUALSERVER_LIST = "b_serverinstance_virtualserver_list",
-    B_SERVERINSTANCE_BINDING_LIST = "b_serverinstance_binding_list",
-    B_SERVERINSTANCE_PERMISSION_LIST = "b_serverinstance_permission_list",
-    B_SERVERINSTANCE_PERMISSION_FIND = "b_serverinstance_permission_find",
-    B_VIRTUALSERVER_CREATE = "b_virtualserver_create",
-    B_VIRTUALSERVER_DELETE = "b_virtualserver_delete",
-    B_VIRTUALSERVER_START_ANY = "b_virtualserver_start_any",
-    B_VIRTUALSERVER_STOP_ANY = "b_virtualserver_stop_any",
-    B_VIRTUALSERVER_CHANGE_MACHINE_ID = "b_virtualserver_change_machine_id",
-    B_VIRTUALSERVER_CHANGE_TEMPLATE = "b_virtualserver_change_template",
-    B_SERVERQUERY_LOGIN = "b_serverquery_login",
-    B_SERVERINSTANCE_TEXTMESSAGE_SEND = "b_serverinstance_textmessage_send",
-    B_SERVERINSTANCE_LOG_VIEW = "b_serverinstance_log_view",
-    B_SERVERINSTANCE_LOG_ADD = "b_serverinstance_log_add",
-    B_SERVERINSTANCE_STOP = "b_serverinstance_stop",
-    B_SERVERINSTANCE_MODIFY_SETTINGS = "b_serverinstance_modify_settings",
-    B_SERVERINSTANCE_MODIFY_QUERYGROUP = "b_serverinstance_modify_querygroup",
-    B_SERVERINSTANCE_MODIFY_TEMPLATES = "b_serverinstance_modify_templates",
-    B_VIRTUALSERVER_SELECT = "b_virtualserver_select",
-    B_VIRTUALSERVER_SELECT_GODMODE = "b_virtualserver_select_godmode",
-    B_VIRTUALSERVER_INFO_VIEW = "b_virtualserver_info_view",
-    B_VIRTUALSERVER_CONNECTIONINFO_VIEW = "b_virtualserver_connectioninfo_view",
-    B_VIRTUALSERVER_CHANNEL_LIST = "b_virtualserver_channel_list",
-    B_VIRTUALSERVER_CHANNEL_SEARCH = "b_virtualserver_channel_search",
-    B_VIRTUALSERVER_CLIENT_LIST = "b_virtualserver_client_list",
-    B_VIRTUALSERVER_CLIENT_SEARCH = "b_virtualserver_client_search",
-    B_VIRTUALSERVER_CLIENT_DBLIST = "b_virtualserver_client_dblist",
-    B_VIRTUALSERVER_CLIENT_DBSEARCH = "b_virtualserver_client_dbsearch",
-    B_VIRTUALSERVER_CLIENT_DBINFO = "b_virtualserver_client_dbinfo",
-    B_VIRTUALSERVER_PERMISSION_FIND = "b_virtualserver_permission_find",
-    B_VIRTUALSERVER_CUSTOM_SEARCH = "b_virtualserver_custom_search",
-    B_VIRTUALSERVER_START = "b_virtualserver_start",
-    B_VIRTUALSERVER_STOP = "b_virtualserver_stop",
-    B_VIRTUALSERVER_TOKEN_LIST = "b_virtualserver_token_list",
-    B_VIRTUALSERVER_TOKEN_ADD = "b_virtualserver_token_add",
-    B_VIRTUALSERVER_TOKEN_USE = "b_virtualserver_token_use",
-    B_VIRTUALSERVER_TOKEN_DELETE = "b_virtualserver_token_delete",
-    B_VIRTUALSERVER_LOG_VIEW = "b_virtualserver_log_view",
-    B_VIRTUALSERVER_LOG_ADD = "b_virtualserver_log_add",
-    B_VIRTUALSERVER_JOIN_IGNORE_PASSWORD = "b_virtualserver_join_ignore_password",
-    B_VIRTUALSERVER_NOTIFY_REGISTER = "b_virtualserver_notify_register",
-    B_VIRTUALSERVER_NOTIFY_UNREGISTER = "b_virtualserver_notify_unregister",
-    B_VIRTUALSERVER_SNAPSHOT_CREATE = "b_virtualserver_snapshot_create",
-    B_VIRTUALSERVER_SNAPSHOT_DEPLOY = "b_virtualserver_snapshot_deploy",
-    B_VIRTUALSERVER_PERMISSION_RESET = "b_virtualserver_permission_reset",
-    B_VIRTUALSERVER_MODIFY_NAME = "b_virtualserver_modify_name",
-    B_VIRTUALSERVER_MODIFY_WELCOMEMESSAGE = "b_virtualserver_modify_welcomemessage",
-    B_VIRTUALSERVER_MODIFY_MAXCLIENTS = "b_virtualserver_modify_maxclients",
-    B_VIRTUALSERVER_MODIFY_RESERVED_SLOTS = "b_virtualserver_modify_reserved_slots",
-    B_VIRTUALSERVER_MODIFY_PASSWORD = "b_virtualserver_modify_password",
-    B_VIRTUALSERVER_MODIFY_DEFAULT_SERVERGROUP = "b_virtualserver_modify_default_servergroup",
-    B_VIRTUALSERVER_MODIFY_DEFAULT_MUSICGROUP = "b_virtualserver_modify_default_musicgroup",
-    B_VIRTUALSERVER_MODIFY_DEFAULT_CHANNELGROUP = "b_virtualserver_modify_default_channelgroup",
-    B_VIRTUALSERVER_MODIFY_DEFAULT_CHANNELADMINGROUP = "b_virtualserver_modify_default_channeladmingroup",
-    B_VIRTUALSERVER_MODIFY_CHANNEL_FORCED_SILENCE = "b_virtualserver_modify_channel_forced_silence",
-    B_VIRTUALSERVER_MODIFY_COMPLAIN = "b_virtualserver_modify_complain",
-    B_VIRTUALSERVER_MODIFY_ANTIFLOOD = "b_virtualserver_modify_antiflood",
-    B_VIRTUALSERVER_MODIFY_FT_SETTINGS = "b_virtualserver_modify_ft_settings",
-    B_VIRTUALSERVER_MODIFY_FT_QUOTAS = "b_virtualserver_modify_ft_quotas",
-    B_VIRTUALSERVER_MODIFY_HOSTMESSAGE = "b_virtualserver_modify_hostmessage",
-    B_VIRTUALSERVER_MODIFY_HOSTBANNER = "b_virtualserver_modify_hostbanner",
-    B_VIRTUALSERVER_MODIFY_HOSTBUTTON = "b_virtualserver_modify_hostbutton",
-    B_VIRTUALSERVER_MODIFY_PORT = "b_virtualserver_modify_port",
-    B_VIRTUALSERVER_MODIFY_HOST = "b_virtualserver_modify_host",
-    B_VIRTUALSERVER_MODIFY_DEFAULT_MESSAGES = "b_virtualserver_modify_default_messages",
-    B_VIRTUALSERVER_MODIFY_AUTOSTART = "b_virtualserver_modify_autostart",
-    B_VIRTUALSERVER_MODIFY_NEEDED_IDENTITY_SECURITY_LEVEL = "b_virtualserver_modify_needed_identity_security_level",
-    B_VIRTUALSERVER_MODIFY_PRIORITY_SPEAKER_DIMM_MODIFICATOR = "b_virtualserver_modify_priority_speaker_dimm_modificator",
-    B_VIRTUALSERVER_MODIFY_LOG_SETTINGS = "b_virtualserver_modify_log_settings",
-    B_VIRTUALSERVER_MODIFY_MIN_CLIENT_VERSION = "b_virtualserver_modify_min_client_version",
-    B_VIRTUALSERVER_MODIFY_ICON_ID = "b_virtualserver_modify_icon_id",
-    B_VIRTUALSERVER_MODIFY_WEBLIST = "b_virtualserver_modify_weblist",
-    B_VIRTUALSERVER_MODIFY_CODEC_ENCRYPTION_MODE = "b_virtualserver_modify_codec_encryption_mode",
-    B_VIRTUALSERVER_MODIFY_TEMPORARY_PASSWORDS = "b_virtualserver_modify_temporary_passwords",
-    B_VIRTUALSERVER_MODIFY_TEMPORARY_PASSWORDS_OWN = "b_virtualserver_modify_temporary_passwords_own",
-    B_VIRTUALSERVER_MODIFY_CHANNEL_TEMP_DELETE_DELAY_DEFAULT = "b_virtualserver_modify_channel_temp_delete_delay_default",
-    B_VIRTUALSERVER_MODIFY_MUSIC_BOT_LIMIT = "b_virtualserver_modify_music_bot_limit",
-    B_VIRTUALSERVER_MODIFY_COUNTRY_CODE = "b_virtualserver_modify_country_code",
-    I_CHANNEL_MIN_DEPTH = "i_channel_min_depth",
-    I_CHANNEL_MAX_DEPTH = "i_channel_max_depth",
-    B_CHANNEL_GROUP_INHERITANCE_END = "b_channel_group_inheritance_end",
-    I_CHANNEL_PERMISSION_MODIFY_POWER = "i_channel_permission_modify_power",
-    I_CHANNEL_NEEDED_PERMISSION_MODIFY_POWER = "i_channel_needed_permission_modify_power",
-    B_CHANNEL_INFO_VIEW = "b_channel_info_view",
-    B_CHANNEL_CREATE_CHILD = "b_channel_create_child",
-    B_CHANNEL_CREATE_PERMANENT = "b_channel_create_permanent",
-    B_CHANNEL_CREATE_SEMI_PERMANENT = "b_channel_create_semi_permanent",
-    B_CHANNEL_CREATE_TEMPORARY = "b_channel_create_temporary",
-    B_CHANNEL_CREATE_PRIVATE = "b_channel_create_private",
-    B_CHANNEL_CREATE_WITH_TOPIC = "b_channel_create_with_topic",
-    B_CHANNEL_CREATE_WITH_DESCRIPTION = "b_channel_create_with_description",
-    B_CHANNEL_CREATE_WITH_PASSWORD = "b_channel_create_with_password",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX8 = "b_channel_create_modify_with_codec_speex8",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX16 = "b_channel_create_modify_with_codec_speex16",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX32 = "b_channel_create_modify_with_codec_speex32",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_CELTMONO48 = "b_channel_create_modify_with_codec_celtmono48",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_OPUSVOICE = "b_channel_create_modify_with_codec_opusvoice",
-    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_OPUSMUSIC = "b_channel_create_modify_with_codec_opusmusic",
-    I_CHANNEL_CREATE_MODIFY_WITH_CODEC_MAXQUALITY = "i_channel_create_modify_with_codec_maxquality",
-    I_CHANNEL_CREATE_MODIFY_WITH_CODEC_LATENCY_FACTOR_MIN = "i_channel_create_modify_with_codec_latency_factor_min",
-    I_CHANNEL_CREATE_MODIFY_CONVERSATION_HISTORY_LENGTH = "i_channel_create_modify_conversation_history_length",
-    B_CHANNEL_CREATE_MODIFY_CONVERSATION_HISTORY_UNLIMITED = "b_channel_create_modify_conversation_history_unlimited",
-    B_CHANNEL_CREATE_MODIFY_CONVERSATION_PRIVATE = "b_channel_create_modify_conversation_private",
-    B_CHANNEL_CREATE_WITH_MAXCLIENTS = "b_channel_create_with_maxclients",
-    B_CHANNEL_CREATE_WITH_MAXFAMILYCLIENTS = "b_channel_create_with_maxfamilyclients",
-    B_CHANNEL_CREATE_WITH_SORTORDER = "b_channel_create_with_sortorder",
-    B_CHANNEL_CREATE_WITH_DEFAULT = "b_channel_create_with_default",
-    B_CHANNEL_CREATE_WITH_NEEDED_TALK_POWER = "b_channel_create_with_needed_talk_power",
-    B_CHANNEL_CREATE_MODIFY_WITH_FORCE_PASSWORD = "b_channel_create_modify_with_force_password",
-    I_CHANNEL_CREATE_MODIFY_WITH_TEMP_DELETE_DELAY = "i_channel_create_modify_with_temp_delete_delay",
-    B_CHANNEL_MODIFY_PARENT = "b_channel_modify_parent",
-    B_CHANNEL_MODIFY_MAKE_DEFAULT = "b_channel_modify_make_default",
-    B_CHANNEL_MODIFY_MAKE_PERMANENT = "b_channel_modify_make_permanent",
-    B_CHANNEL_MODIFY_MAKE_SEMI_PERMANENT = "b_channel_modify_make_semi_permanent",
-    B_CHANNEL_MODIFY_MAKE_TEMPORARY = "b_channel_modify_make_temporary",
-    B_CHANNEL_MODIFY_NAME = "b_channel_modify_name",
-    B_CHANNEL_MODIFY_TOPIC = "b_channel_modify_topic",
-    B_CHANNEL_MODIFY_DESCRIPTION = "b_channel_modify_description",
-    B_CHANNEL_MODIFY_PASSWORD = "b_channel_modify_password",
-    B_CHANNEL_MODIFY_CODEC = "b_channel_modify_codec",
-    B_CHANNEL_MODIFY_CODEC_QUALITY = "b_channel_modify_codec_quality",
-    B_CHANNEL_MODIFY_CODEC_LATENCY_FACTOR = "b_channel_modify_codec_latency_factor",
-    B_CHANNEL_MODIFY_MAXCLIENTS = "b_channel_modify_maxclients",
-    B_CHANNEL_MODIFY_MAXFAMILYCLIENTS = "b_channel_modify_maxfamilyclients",
-    B_CHANNEL_MODIFY_SORTORDER = "b_channel_modify_sortorder",
-    B_CHANNEL_MODIFY_NEEDED_TALK_POWER = "b_channel_modify_needed_talk_power",
-    I_CHANNEL_MODIFY_POWER = "i_channel_modify_power",
-    I_CHANNEL_NEEDED_MODIFY_POWER = "i_channel_needed_modify_power",
-    B_CHANNEL_MODIFY_MAKE_CODEC_ENCRYPTED = "b_channel_modify_make_codec_encrypted",
-    B_CHANNEL_MODIFY_TEMP_DELETE_DELAY = "b_channel_modify_temp_delete_delay",
-    B_CHANNEL_DELETE_PERMANENT = "b_channel_delete_permanent",
-    B_CHANNEL_DELETE_SEMI_PERMANENT = "b_channel_delete_semi_permanent",
-    B_CHANNEL_DELETE_TEMPORARY = "b_channel_delete_temporary",
-    B_CHANNEL_DELETE_FLAG_FORCE = "b_channel_delete_flag_force",
-    I_CHANNEL_DELETE_POWER = "i_channel_delete_power",
-    B_CHANNEL_CONVERSATION_MESSAGE_DELETE = "b_channel_conversation_message_delete",
-    I_CHANNEL_NEEDED_DELETE_POWER = "i_channel_needed_delete_power",
-    B_CHANNEL_JOIN_PERMANENT = "b_channel_join_permanent",
-    B_CHANNEL_JOIN_SEMI_PERMANENT = "b_channel_join_semi_permanent",
-    B_CHANNEL_JOIN_TEMPORARY = "b_channel_join_temporary",
-    B_CHANNEL_JOIN_IGNORE_PASSWORD = "b_channel_join_ignore_password",
-    B_CHANNEL_JOIN_IGNORE_MAXCLIENTS = "b_channel_join_ignore_maxclients",
-    B_CHANNEL_IGNORE_VIEW_POWER = "b_channel_ignore_view_power",
-    I_CHANNEL_JOIN_POWER = "i_channel_join_power",
-    I_CHANNEL_NEEDED_JOIN_POWER = "i_channel_needed_join_power",
-    B_CHANNEL_IGNORE_JOIN_POWER = "b_channel_ignore_join_power",
-    B_CHANNEL_IGNORE_DESCRIPTION_VIEW_POWER = "b_channel_ignore_description_view_power",
-    I_CHANNEL_VIEW_POWER = "i_channel_view_power",
-    I_CHANNEL_NEEDED_VIEW_POWER = "i_channel_needed_view_power",
-    I_CHANNEL_SUBSCRIBE_POWER = "i_channel_subscribe_power",
-    I_CHANNEL_NEEDED_SUBSCRIBE_POWER = "i_channel_needed_subscribe_power",
-    I_CHANNEL_DESCRIPTION_VIEW_POWER = "i_channel_description_view_power",
-    I_CHANNEL_NEEDED_DESCRIPTION_VIEW_POWER = "i_channel_needed_description_view_power",
-    I_ICON_ID = "i_icon_id",
-    I_MAX_ICON_FILESIZE = "i_max_icon_filesize",
-    I_MAX_PLAYLIST_SIZE = "i_max_playlist_size",
-    I_MAX_PLAYLISTS = "i_max_playlists",
-    B_ICON_MANAGE = "b_icon_manage",
-    B_GROUP_IS_PERMANENT = "b_group_is_permanent",
-    I_GROUP_AUTO_UPDATE_TYPE = "i_group_auto_update_type",
-    I_GROUP_AUTO_UPDATE_MAX_VALUE = "i_group_auto_update_max_value",
-    I_GROUP_SORT_ID = "i_group_sort_id",
-    I_GROUP_SHOW_NAME_IN_TREE = "i_group_show_name_in_tree",
-    B_VIRTUALSERVER_SERVERGROUP_CREATE = "b_virtualserver_servergroup_create",
-    B_VIRTUALSERVER_SERVERGROUP_LIST = "b_virtualserver_servergroup_list",
-    B_VIRTUALSERVER_SERVERGROUP_PERMISSION_LIST = "b_virtualserver_servergroup_permission_list",
-    B_VIRTUALSERVER_SERVERGROUP_CLIENT_LIST = "b_virtualserver_servergroup_client_list",
-    B_VIRTUALSERVER_CHANNELGROUP_CREATE = "b_virtualserver_channelgroup_create",
-    B_VIRTUALSERVER_CHANNELGROUP_LIST = "b_virtualserver_channelgroup_list",
-    B_VIRTUALSERVER_CHANNELGROUP_PERMISSION_LIST = "b_virtualserver_channelgroup_permission_list",
-    B_VIRTUALSERVER_CHANNELGROUP_CLIENT_LIST = "b_virtualserver_channelgroup_client_list",
-    B_VIRTUALSERVER_CLIENT_PERMISSION_LIST = "b_virtualserver_client_permission_list",
-    B_VIRTUALSERVER_CHANNEL_PERMISSION_LIST = "b_virtualserver_channel_permission_list",
-    B_VIRTUALSERVER_CHANNELCLIENT_PERMISSION_LIST = "b_virtualserver_channelclient_permission_list",
-    B_VIRTUALSERVER_PLAYLIST_PERMISSION_LIST = "b_virtualserver_playlist_permission_list",
-    I_SERVER_GROUP_MODIFY_POWER = "i_server_group_modify_power",
-    I_SERVER_GROUP_NEEDED_MODIFY_POWER = "i_server_group_needed_modify_power",
-    I_SERVER_GROUP_MEMBER_ADD_POWER = "i_server_group_member_add_power",
-    I_SERVER_GROUP_SELF_ADD_POWER = "i_server_group_self_add_power",
-    I_SERVER_GROUP_NEEDED_MEMBER_ADD_POWER = "i_server_group_needed_member_add_power",
-    I_SERVER_GROUP_MEMBER_REMOVE_POWER = "i_server_group_member_remove_power",
-    I_SERVER_GROUP_SELF_REMOVE_POWER = "i_server_group_self_remove_power",
-    I_SERVER_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_server_group_needed_member_remove_power",
-    I_CHANNEL_GROUP_MODIFY_POWER = "i_channel_group_modify_power",
-    I_CHANNEL_GROUP_NEEDED_MODIFY_POWER = "i_channel_group_needed_modify_power",
-    I_CHANNEL_GROUP_MEMBER_ADD_POWER = "i_channel_group_member_add_power",
-    I_CHANNEL_GROUP_SELF_ADD_POWER = "i_channel_group_self_add_power",
-    I_CHANNEL_GROUP_NEEDED_MEMBER_ADD_POWER = "i_channel_group_needed_member_add_power",
-    I_CHANNEL_GROUP_MEMBER_REMOVE_POWER = "i_channel_group_member_remove_power",
-    I_CHANNEL_GROUP_SELF_REMOVE_POWER = "i_channel_group_self_remove_power",
-    I_CHANNEL_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_channel_group_needed_member_remove_power",
-    I_GROUP_MEMBER_ADD_POWER = "i_group_member_add_power",
-    I_GROUP_NEEDED_MEMBER_ADD_POWER = "i_group_needed_member_add_power",
-    I_GROUP_MEMBER_REMOVE_POWER = "i_group_member_remove_power",
-    I_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_group_needed_member_remove_power",
-    I_GROUP_MODIFY_POWER = "i_group_modify_power",
-    I_GROUP_NEEDED_MODIFY_POWER = "i_group_needed_modify_power",
-    I_PERMISSION_MODIFY_POWER = "i_permission_modify_power",
-    B_PERMISSION_MODIFY_POWER_IGNORE = "b_permission_modify_power_ignore",
-    B_VIRTUALSERVER_SERVERGROUP_DELETE = "b_virtualserver_servergroup_delete",
-    B_VIRTUALSERVER_CHANNELGROUP_DELETE = "b_virtualserver_channelgroup_delete",
-    I_CLIENT_PERMISSION_MODIFY_POWER = "i_client_permission_modify_power",
-    I_CLIENT_NEEDED_PERMISSION_MODIFY_POWER = "i_client_needed_permission_modify_power",
-    I_CLIENT_MAX_CLONES_UID = "i_client_max_clones_uid",
-    I_CLIENT_MAX_CLONES_IP = "i_client_max_clones_ip",
-    I_CLIENT_MAX_CLONES_HWID = "i_client_max_clones_hwid",
-    I_CLIENT_MAX_IDLETIME = "i_client_max_idletime",
-    I_CLIENT_MAX_AVATAR_FILESIZE = "i_client_max_avatar_filesize",
-    I_CLIENT_MAX_CHANNEL_SUBSCRIPTIONS = "i_client_max_channel_subscriptions",
-    I_CLIENT_MAX_CHANNELS = "i_client_max_channels",
-    I_CLIENT_MAX_TEMPORARY_CHANNELS = "i_client_max_temporary_channels",
-    I_CLIENT_MAX_SEMI_CHANNELS = "i_client_max_semi_channels",
-    I_CLIENT_MAX_PERMANENT_CHANNELS = "i_client_max_permanent_channels",
-    B_CLIENT_USE_PRIORITY_SPEAKER = "b_client_use_priority_speaker",
-    B_CLIENT_SKIP_CHANNELGROUP_PERMISSIONS = "b_client_skip_channelgroup_permissions",
-    B_CLIENT_FORCE_PUSH_TO_TALK = "b_client_force_push_to_talk",
-    B_CLIENT_IGNORE_BANS = "b_client_ignore_bans",
-    B_CLIENT_IGNORE_VPN = "b_client_ignore_vpn",
-    B_CLIENT_IGNORE_ANTIFLOOD = "b_client_ignore_antiflood",
-    B_CLIENT_ENFORCE_VALID_HWID = "b_client_enforce_valid_hwid",
-    B_CLIENT_ALLOW_INVALID_PACKET = "b_client_allow_invalid_packet",
-    B_CLIENT_ALLOW_INVALID_BADGES = "b_client_allow_invalid_badges",
-    B_CLIENT_ISSUE_CLIENT_QUERY_COMMAND = "b_client_issue_client_query_command",
-    B_CLIENT_USE_RESERVED_SLOT = "b_client_use_reserved_slot",
-    B_CLIENT_USE_CHANNEL_COMMANDER = "b_client_use_channel_commander",
-    B_CLIENT_REQUEST_TALKER = "b_client_request_talker",
-    B_CLIENT_AVATAR_DELETE_OTHER = "b_client_avatar_delete_other",
-    B_CLIENT_IS_STICKY = "b_client_is_sticky",
-    B_CLIENT_IGNORE_STICKY = "b_client_ignore_sticky",
-    B_CLIENT_MUSIC_CREATE_PERMANENT = "b_client_music_create_permanent",
-    B_CLIENT_MUSIC_CREATE_SEMI_PERMANENT = "b_client_music_create_semi_permanent",
-    B_CLIENT_MUSIC_CREATE_TEMPORARY = "b_client_music_create_temporary",
-    B_CLIENT_MUSIC_MODIFY_PERMANENT = "b_client_music_modify_permanent",
-    B_CLIENT_MUSIC_MODIFY_SEMI_PERMANENT = "b_client_music_modify_semi_permanent",
-    B_CLIENT_MUSIC_MODIFY_TEMPORARY = "b_client_music_modify_temporary",
-    I_CLIENT_MUSIC_CREATE_MODIFY_MAX_VOLUME = "i_client_music_create_modify_max_volume",
-    I_CLIENT_MUSIC_LIMIT = "i_client_music_limit",
-    I_CLIENT_MUSIC_NEEDED_DELETE_POWER = "i_client_music_needed_delete_power",
-    I_CLIENT_MUSIC_DELETE_POWER = "i_client_music_delete_power",
-    I_CLIENT_MUSIC_PLAY_POWER = "i_client_music_play_power",
-    I_CLIENT_MUSIC_NEEDED_PLAY_POWER = "i_client_music_needed_play_power",
-    I_CLIENT_MUSIC_MODIFY_POWER = "i_client_music_modify_power",
-    I_CLIENT_MUSIC_NEEDED_MODIFY_POWER = "i_client_music_needed_modify_power",
-    I_CLIENT_MUSIC_RENAME_POWER = "i_client_music_rename_power",
-    I_CLIENT_MUSIC_NEEDED_RENAME_POWER = "i_client_music_needed_rename_power",
-    B_PLAYLIST_CREATE = "b_playlist_create",
-    I_PLAYLIST_VIEW_POWER = "i_playlist_view_power",
-    I_PLAYLIST_NEEDED_VIEW_POWER = "i_playlist_needed_view_power",
-    I_PLAYLIST_MODIFY_POWER = "i_playlist_modify_power",
-    I_PLAYLIST_NEEDED_MODIFY_POWER = "i_playlist_needed_modify_power",
-    I_PLAYLIST_PERMISSION_MODIFY_POWER = "i_playlist_permission_modify_power",
-    I_PLAYLIST_NEEDED_PERMISSION_MODIFY_POWER = "i_playlist_needed_permission_modify_power",
-    I_PLAYLIST_DELETE_POWER = "i_playlist_delete_power",
-    I_PLAYLIST_NEEDED_DELETE_POWER = "i_playlist_needed_delete_power",
-    I_PLAYLIST_SONG_ADD_POWER = "i_playlist_song_add_power",
-    I_PLAYLIST_SONG_NEEDED_ADD_POWER = "i_playlist_song_needed_add_power",
-    I_PLAYLIST_SONG_REMOVE_POWER = "i_playlist_song_remove_power",
-    I_PLAYLIST_SONG_NEEDED_REMOVE_POWER = "i_playlist_song_needed_remove_power",
-    B_CLIENT_INFO_VIEW = "b_client_info_view",
-    B_CLIENT_PERMISSIONOVERVIEW_VIEW = "b_client_permissionoverview_view",
-    B_CLIENT_PERMISSIONOVERVIEW_OWN = "b_client_permissionoverview_own",
-    B_CLIENT_REMOTEADDRESS_VIEW = "b_client_remoteaddress_view",
-    I_CLIENT_SERVERQUERY_VIEW_POWER = "i_client_serverquery_view_power",
-    I_CLIENT_NEEDED_SERVERQUERY_VIEW_POWER = "i_client_needed_serverquery_view_power",
-    B_CLIENT_CUSTOM_INFO_VIEW = "b_client_custom_info_view",
-    B_CLIENT_MUSIC_CHANNEL_LIST = "b_client_music_channel_list",
-    B_CLIENT_MUSIC_SERVER_LIST = "b_client_music_server_list",
-    I_CLIENT_MUSIC_INFO = "i_client_music_info",
-    I_CLIENT_MUSIC_NEEDED_INFO = "i_client_music_needed_info",
-    I_CLIENT_KICK_FROM_SERVER_POWER = "i_client_kick_from_server_power",
-    I_CLIENT_NEEDED_KICK_FROM_SERVER_POWER = "i_client_needed_kick_from_server_power",
-    I_CLIENT_KICK_FROM_CHANNEL_POWER = "i_client_kick_from_channel_power",
-    I_CLIENT_NEEDED_KICK_FROM_CHANNEL_POWER = "i_client_needed_kick_from_channel_power",
-    I_CLIENT_BAN_POWER = "i_client_ban_power",
-    I_CLIENT_NEEDED_BAN_POWER = "i_client_needed_ban_power",
-    I_CLIENT_MOVE_POWER = "i_client_move_power",
-    I_CLIENT_NEEDED_MOVE_POWER = "i_client_needed_move_power",
-    I_CLIENT_COMPLAIN_POWER = "i_client_complain_power",
-    I_CLIENT_NEEDED_COMPLAIN_POWER = "i_client_needed_complain_power",
-    B_CLIENT_COMPLAIN_LIST = "b_client_complain_list",
-    B_CLIENT_COMPLAIN_DELETE_OWN = "b_client_complain_delete_own",
-    B_CLIENT_COMPLAIN_DELETE = "b_client_complain_delete",
-    B_CLIENT_BAN_LIST = "b_client_ban_list",
-    B_CLIENT_BAN_LIST_GLOBAL = "b_client_ban_list_global",
-    B_CLIENT_BAN_TRIGGER_LIST = "b_client_ban_trigger_list",
-    B_CLIENT_BAN_CREATE = "b_client_ban_create",
-    B_CLIENT_BAN_CREATE_GLOBAL = "b_client_ban_create_global",
-    B_CLIENT_BAN_NAME = "b_client_ban_name",
-    B_CLIENT_BAN_IP = "b_client_ban_ip",
-    B_CLIENT_BAN_HWID = "b_client_ban_hwid",
-    B_CLIENT_BAN_EDIT = "b_client_ban_edit",
-    B_CLIENT_BAN_EDIT_GLOBAL = "b_client_ban_edit_global",
-    B_CLIENT_BAN_DELETE_OWN = "b_client_ban_delete_own",
-    B_CLIENT_BAN_DELETE = "b_client_ban_delete",
-    B_CLIENT_BAN_DELETE_OWN_GLOBAL = "b_client_ban_delete_own_global",
-    B_CLIENT_BAN_DELETE_GLOBAL = "b_client_ban_delete_global",
-    I_CLIENT_BAN_MAX_BANTIME = "i_client_ban_max_bantime",
-    I_CLIENT_PRIVATE_TEXTMESSAGE_POWER = "i_client_private_textmessage_power",
-    I_CLIENT_NEEDED_PRIVATE_TEXTMESSAGE_POWER = "i_client_needed_private_textmessage_power",
-    B_CLIENT_EVEN_TEXTMESSAGE_SEND = "b_client_even_textmessage_send",
-    B_CLIENT_SERVER_TEXTMESSAGE_SEND = "b_client_server_textmessage_send",
-    B_CLIENT_CHANNEL_TEXTMESSAGE_SEND = "b_client_channel_textmessage_send",
-    B_CLIENT_OFFLINE_TEXTMESSAGE_SEND = "b_client_offline_textmessage_send",
-    I_CLIENT_TALK_POWER = "i_client_talk_power",
-    I_CLIENT_NEEDED_TALK_POWER = "i_client_needed_talk_power",
-    I_CLIENT_POKE_POWER = "i_client_poke_power",
-    I_CLIENT_NEEDED_POKE_POWER = "i_client_needed_poke_power",
-    B_CLIENT_SET_FLAG_TALKER = "b_client_set_flag_talker",
-    I_CLIENT_WHISPER_POWER = "i_client_whisper_power",
-    I_CLIENT_NEEDED_WHISPER_POWER = "i_client_needed_whisper_power",
-    B_CLIENT_MODIFY_DESCRIPTION = "b_client_modify_description",
-    B_CLIENT_MODIFY_OWN_DESCRIPTION = "b_client_modify_own_description",
-    B_CLIENT_USE_BBCODE_ANY = "b_client_use_bbcode_any",
-    B_CLIENT_USE_BBCODE_URL = "b_client_use_bbcode_url",
-    B_CLIENT_USE_BBCODE_IMAGE = "b_client_use_bbcode_image",
-    B_CLIENT_MODIFY_DBPROPERTIES = "b_client_modify_dbproperties",
-    B_CLIENT_DELETE_DBPROPERTIES = "b_client_delete_dbproperties",
-    B_CLIENT_CREATE_MODIFY_SERVERQUERY_LOGIN = "b_client_create_modify_serverquery_login",
-    B_CLIENT_QUERY_CREATE = "b_client_query_create",
-    B_CLIENT_QUERY_LIST = "b_client_query_list",
-    B_CLIENT_QUERY_LIST_OWN = "b_client_query_list_own",
-    B_CLIENT_QUERY_RENAME = "b_client_query_rename",
-    B_CLIENT_QUERY_RENAME_OWN = "b_client_query_rename_own",
-    B_CLIENT_QUERY_CHANGE_PASSWORD = "b_client_query_change_password",
-    B_CLIENT_QUERY_CHANGE_OWN_PASSWORD = "b_client_query_change_own_password",
-    B_CLIENT_QUERY_CHANGE_PASSWORD_GLOBAL = "b_client_query_change_password_global",
-    B_CLIENT_QUERY_DELETE = "b_client_query_delete",
-    B_CLIENT_QUERY_DELETE_OWN = "b_client_query_delete_own",
-    B_FT_IGNORE_PASSWORD = "b_ft_ignore_password",
-    B_FT_TRANSFER_LIST = "b_ft_transfer_list",
-    I_FT_FILE_UPLOAD_POWER = "i_ft_file_upload_power",
-    I_FT_NEEDED_FILE_UPLOAD_POWER = "i_ft_needed_file_upload_power",
-    I_FT_FILE_DOWNLOAD_POWER = "i_ft_file_download_power",
-    I_FT_NEEDED_FILE_DOWNLOAD_POWER = "i_ft_needed_file_download_power",
-    I_FT_FILE_DELETE_POWER = "i_ft_file_delete_power",
-    I_FT_NEEDED_FILE_DELETE_POWER = "i_ft_needed_file_delete_power",
-    I_FT_FILE_RENAME_POWER = "i_ft_file_rename_power",
-    I_FT_NEEDED_FILE_RENAME_POWER = "i_ft_needed_file_rename_power",
-    I_FT_FILE_BROWSE_POWER = "i_ft_file_browse_power",
-    I_FT_NEEDED_FILE_BROWSE_POWER = "i_ft_needed_file_browse_power",
-    I_FT_DIRECTORY_CREATE_POWER = "i_ft_directory_create_power",
-    I_FT_NEEDED_DIRECTORY_CREATE_POWER = "i_ft_needed_directory_create_power",
-    I_FT_QUOTA_MB_DOWNLOAD_PER_CLIENT = "i_ft_quota_mb_download_per_client",
-    I_FT_QUOTA_MB_UPLOAD_PER_CLIENT = "i_ft_quota_mb_upload_per_client"
-}
-
-class PermissionInfo {
     name: string;
     id: number;
     description: string;
@@ -363,21 +18,21 @@ class PermissionInfo {
     }
 }
 
-class PermissionGroup {
+export class PermissionGroup {
     begin: number;
     end: number;
     deep: number;
     name: string;
 }
 
-class GroupedPermissions {
+export class GroupedPermissions {
     group: PermissionGroup;
     permissions: PermissionInfo[];
     children: GroupedPermissions[];
     parent: GroupedPermissions;
 }
 
-class PermissionValue {
+export class PermissionValue {
     readonly type: PermissionInfo;
     value: number;
     flag_skip: boolean;
@@ -411,25 +66,24 @@ class PermissionValue {
     }
 }
 
-class NeededPermissionValue extends PermissionValue {
+export class NeededPermissionValue extends PermissionValue {
     constructor(type, value) {
         super(type, value);
     }
 }
 
-namespace permissions {
+export type PermissionRequestKeys = {
-    export type PermissionRequestKeys = {
     client_id?: number;
     channel_id?: number;
     playlist_id?: number;
-    }
+}
 
-    export type PermissionRequest = PermissionRequestKeys & {
+export type PermissionRequest = PermissionRequestKeys & {
     timeout_id: any;
     promise: LaterPromise<PermissionValue[]>;
-    };
+};
 
-    export namespace find {
+export namespace find {
     export type Entry = {
         type: "server" | "channel" | "client" | "client_channel" | "channel_group" | "server_group";
         value: number;
@@ -470,16 +124,16 @@ namespace permissions {
 
         group_id: number;
     }
-    }
 }
 
-type RequestLists =
+export type RequestLists =
     "requests_channel_permissions" |
     "requests_client_permissions" |
     "requests_client_channel_permissions" |
     "requests_playlist_permissions" |
     "requests_playlist_client_permissions";
-class PermissionManager extends connection.AbstractCommandHandler {
+
+export class PermissionManager extends AbstractCommandHandler {
     readonly handle: ConnectionHandler;
 
     permissionList: PermissionInfo[] = [];
@@ -488,11 +142,11 @@ class PermissionManager extends connection.AbstractCommandHandler {
 
     needed_permission_change_listener: {[permission: string]:(() => any)[]} = {};
 
-    requests_channel_permissions: permissions.PermissionRequest[] = [];
+    requests_channel_permissions: PermissionRequest[] = [];
-    requests_client_permissions: permissions.PermissionRequest[] = [];
+    requests_client_permissions: PermissionRequest[] = [];
-    requests_client_channel_permissions: permissions.PermissionRequest[] = [];
+    requests_client_channel_permissions: PermissionRequest[] = [];
-    requests_playlist_permissions: permissions.PermissionRequest[] = [];
+    requests_playlist_permissions: PermissionRequest[] = [];
-    requests_playlist_client_permissions: permissions.PermissionRequest[] = [];
+    requests_playlist_client_permissions: PermissionRequest[] = [];
 
     requests_permfind: {
         timeout_id: number,
@@ -603,7 +257,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         this._cacheNeededPermissions = undefined;
     }
 
-    handle_command(command: connection.ServerCommand): boolean {
+    handle_command(command: ServerCommand): boolean {
         switch (command.command) {
             case "notifyclientneededpermissions":
                 this.onNeededPermissions(command.arguments);
@@ -775,7 +429,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }, "success", PermissionManager.parse_permission_bulk(json, this.handle.permissions));
     }
 
-    private execute_channel_permission_request(request: permissions.PermissionRequestKeys) {
+    private execute_channel_permission_request(request: PermissionRequestKeys) {
         this.handle.serverConnection.send_command("channelpermlist", {"cid": request.channel_id}).catch(error => {
             if(error instanceof CommandResult && error.id == ErrorID.EMPTY_RESULT)
                 this.fullfill_permission_request("requests_channel_permissions", request, "success", []);
@@ -785,7 +439,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
     }
 
     requestChannelPermissions(channelId: number) : Promise<PermissionValue[]> {
-        const keys: permissions.PermissionRequestKeys = {
+        const keys: PermissionRequestKeys = {
             channel_id: channelId
         };
         return this.execute_permission_request("requests_channel_permissions", keys, this.execute_channel_permission_request.bind(this));
@@ -799,7 +453,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }, "success", PermissionManager.parse_permission_bulk(json, this.handle.permissions));
     }
 
-    private execute_client_permission_request(request: permissions.PermissionRequestKeys) {
+    private execute_client_permission_request(request: PermissionRequestKeys) {
         this.handle.serverConnection.send_command("clientpermlist", {cldbid: request.client_id}).catch(error => {
             if(error instanceof CommandResult && error.id == ErrorID.EMPTY_RESULT)
                 this.fullfill_permission_request("requests_client_permissions", request, "success", []);
@@ -809,7 +463,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
     }
 
     requestClientPermissions(client_id: number) : Promise<PermissionValue[]> {
-        const keys: permissions.PermissionRequestKeys = {
+        const keys: PermissionRequestKeys = {
             client_id: client_id
         };
         return this.execute_permission_request("requests_client_permissions", keys, this.execute_client_permission_request.bind(this));
@@ -826,7 +480,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }, "success", PermissionManager.parse_permission_bulk(json, this.handle.permissions));
     }
 
-    private execute_client_channel_permission_request(request: permissions.PermissionRequestKeys) {
+    private execute_client_channel_permission_request(request: PermissionRequestKeys) {
         this.handle.serverConnection.send_command("channelclientpermlist", {cldbid: request.client_id, cid: request.channel_id})
         .catch(error => {
             if(error instanceof CommandResult && error.id == ErrorID.EMPTY_RESULT)
@@ -837,7 +491,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
     }
 
     requestClientChannelPermissions(client_id: number, channel_id: number) : Promise<PermissionValue[]> {
-        const keys: permissions.PermissionRequestKeys = {
+        const keys: PermissionRequestKeys = {
             client_id: client_id
         };
         return this.execute_permission_request("requests_client_channel_permissions", keys, this.execute_client_channel_permission_request.bind(this));
@@ -852,7 +506,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }, "success", PermissionManager.parse_permission_bulk(json, this.handle.permissions));
     }
 
-    private execute_playlist_permission_request(request: permissions.PermissionRequestKeys) {
+    private execute_playlist_permission_request(request: PermissionRequestKeys) {
         this.handle.serverConnection.send_command("playlistpermlist", {playlist_id: request.playlist_id})
             .catch(error => {
                 if(error instanceof CommandResult && error.id == ErrorID.EMPTY_RESULT)
@@ -863,7 +517,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
     }
 
     requestPlaylistPermissions(playlist_id: number) : Promise<PermissionValue[]> {
-        const keys: permissions.PermissionRequestKeys = {
+        const keys: PermissionRequestKeys = {
             playlist_id: playlist_id
         };
         return this.execute_permission_request("requests_playlist_permissions", keys, this.execute_playlist_permission_request.bind(this));
@@ -880,7 +534,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }, "success", PermissionManager.parse_permission_bulk(json, this.handle.permissions));
     }
 
-    private execute_playlist_client_permission_request(request: permissions.PermissionRequestKeys) {
+    private execute_playlist_client_permission_request(request: PermissionRequestKeys) {
         this.handle.serverConnection.send_command("playlistclientpermlist", {playlist_id: request.playlist_id, cldbid: request.client_id})
             .catch(error => {
                 if(error instanceof CommandResult && error.id == ErrorID.EMPTY_RESULT)
@@ -891,7 +545,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
     }
 
     requestPlaylistClientPermissions(playlist_id: number, client_database_id: number) : Promise<PermissionValue[]> {
-        const keys: permissions.PermissionRequestKeys = {
+        const keys: PermissionRequestKeys = {
             playlist_id: playlist_id,
             client_id: client_database_id
         };
@@ -907,8 +561,8 @@ class PermissionManager extends connection.AbstractCommandHandler {
     };
 
     private execute_permission_request(list: RequestLists,
-                                       criteria: permissions.PermissionRequestKeys,
+                                       criteria: PermissionRequestKeys,
-                                       execute: (criteria: permissions.PermissionRequestKeys) => any) : Promise<PermissionValue[]> {
+                                       execute: (criteria: PermissionRequestKeys) => any) : Promise<PermissionValue[]> {
         for(const request of this[list])
             if(this.criteria_equal(request, criteria) && request.promise.time() + 1000 < Date.now())
                 return request.promise;
@@ -922,7 +576,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         return result.promise;
     };
 
-    private fullfill_permission_request(list: RequestLists, criteria: permissions.PermissionRequestKeys, status: "success" | "error", result: any) {
+    private fullfill_permission_request(list: RequestLists, criteria: PermissionRequestKeys, status: "success" | "error", result: any) {
         for(const request of this[list]) {
             if(this.criteria_equal(request, criteria)) {
                 this[list].remove(request);
@@ -932,7 +586,7 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }
     }
 
-    find_permission(...permissions: string[]) : Promise<permissions.find.Entry[]> {
+    find_permission(...permissions: string[]) : Promise<find.Entry[]> {
         const permission_ids = [];
         for(const permission of permissions) {
             const info = this.resolveInfo(permission);
@@ -942,11 +596,11 @@ class PermissionManager extends connection.AbstractCommandHandler {
         }
         if(!permission_ids.length) return Promise.resolve([]);
 
-        return new Promise<permissions.find.Entry[]>((resolve, reject) => {
+        return new Promise<find.Entry[]>((resolve, reject) => {
             const single_handler = {
                 command: "notifypermfind",
                 function: command => {
-                    const result: permissions.find.Entry[] = [];
+                    const result: find.Entry[] = [];
                     for(const entry of command.arguments) {
                         const perm_id = parseInt(entry["p"]);
                         if(permission_ids.indexOf(perm_id) === -1) return; /* not our permfind result */
@@ -960,32 +614,32 @@ class PermissionManager extends connection.AbstractCommandHandler {
                                 data = {
                                     type: "server_group",
                                     group_id: parseInt(entry["id1"]),
-                                } as permissions.find.ServerGroup;
+                                } as find.ServerGroup;
                                 break;
                             case 1:
                                 data = {
                                     type: "client",
                                     client_id: parseInt(entry["id2"]),
-                                } as permissions.find.Client;
+                                } as find.Client;
                                 break;
                             case 2:
                                 data = {
                                     type: "channel",
                                     channel_id: parseInt(entry["id2"]),
-                                } as permissions.find.Channel;
+                                } as find.Channel;
                                 break;
                             case 3:
                                 data = {
                                     type: "channel_group",
                                     group_id: parseInt(entry["id1"]),
-                                } as permissions.find.ChannelGroup;
+                                } as find.ChannelGroup;
                                 break;
                             case 4:
                                 data = {
                                     type: "client_channel",
                                     client_id: parseInt(entry["id1"]),
                                     channel_id: parseInt(entry["id1"]),
-                                } as permissions.find.ClientChannel;
+                                } as find.ClientChannel;
                                 break;
                             default:
                                 continue;

shared/js/permission/PermissionType.ts

@@ -0,0 +1,350 @@
+export enum PermissionType {
+    B_SERVERINSTANCE_HELP_VIEW = "b_serverinstance_help_view",
+    B_SERVERINSTANCE_VERSION_VIEW = "b_serverinstance_version_view",
+    B_SERVERINSTANCE_INFO_VIEW = "b_serverinstance_info_view",
+    B_SERVERINSTANCE_VIRTUALSERVER_LIST = "b_serverinstance_virtualserver_list",
+    B_SERVERINSTANCE_BINDING_LIST = "b_serverinstance_binding_list",
+    B_SERVERINSTANCE_PERMISSION_LIST = "b_serverinstance_permission_list",
+    B_SERVERINSTANCE_PERMISSION_FIND = "b_serverinstance_permission_find",
+    B_VIRTUALSERVER_CREATE = "b_virtualserver_create",
+    B_VIRTUALSERVER_DELETE = "b_virtualserver_delete",
+    B_VIRTUALSERVER_START_ANY = "b_virtualserver_start_any",
+    B_VIRTUALSERVER_STOP_ANY = "b_virtualserver_stop_any",
+    B_VIRTUALSERVER_CHANGE_MACHINE_ID = "b_virtualserver_change_machine_id",
+    B_VIRTUALSERVER_CHANGE_TEMPLATE = "b_virtualserver_change_template",
+    B_SERVERQUERY_LOGIN = "b_serverquery_login",
+    B_SERVERINSTANCE_TEXTMESSAGE_SEND = "b_serverinstance_textmessage_send",
+    B_SERVERINSTANCE_LOG_VIEW = "b_serverinstance_log_view",
+    B_SERVERINSTANCE_LOG_ADD = "b_serverinstance_log_add",
+    B_SERVERINSTANCE_STOP = "b_serverinstance_stop",
+    B_SERVERINSTANCE_MODIFY_SETTINGS = "b_serverinstance_modify_settings",
+    B_SERVERINSTANCE_MODIFY_QUERYGROUP = "b_serverinstance_modify_querygroup",
+    B_SERVERINSTANCE_MODIFY_TEMPLATES = "b_serverinstance_modify_templates",
+    B_VIRTUALSERVER_SELECT = "b_virtualserver_select",
+    B_VIRTUALSERVER_SELECT_GODMODE = "b_virtualserver_select_godmode",
+    B_VIRTUALSERVER_INFO_VIEW = "b_virtualserver_info_view",
+    B_VIRTUALSERVER_CONNECTIONINFO_VIEW = "b_virtualserver_connectioninfo_view",
+    B_VIRTUALSERVER_CHANNEL_LIST = "b_virtualserver_channel_list",
+    B_VIRTUALSERVER_CHANNEL_SEARCH = "b_virtualserver_channel_search",
+    B_VIRTUALSERVER_CLIENT_LIST = "b_virtualserver_client_list",
+    B_VIRTUALSERVER_CLIENT_SEARCH = "b_virtualserver_client_search",
+    B_VIRTUALSERVER_CLIENT_DBLIST = "b_virtualserver_client_dblist",
+    B_VIRTUALSERVER_CLIENT_DBSEARCH = "b_virtualserver_client_dbsearch",
+    B_VIRTUALSERVER_CLIENT_DBINFO = "b_virtualserver_client_dbinfo",
+    B_VIRTUALSERVER_PERMISSION_FIND = "b_virtualserver_permission_find",
+    B_VIRTUALSERVER_CUSTOM_SEARCH = "b_virtualserver_custom_search",
+    B_VIRTUALSERVER_START = "b_virtualserver_start",
+    B_VIRTUALSERVER_STOP = "b_virtualserver_stop",
+    B_VIRTUALSERVER_TOKEN_LIST = "b_virtualserver_token_list",
+    B_VIRTUALSERVER_TOKEN_ADD = "b_virtualserver_token_add",
+    B_VIRTUALSERVER_TOKEN_USE = "b_virtualserver_token_use",
+    B_VIRTUALSERVER_TOKEN_DELETE = "b_virtualserver_token_delete",
+    B_VIRTUALSERVER_LOG_VIEW = "b_virtualserver_log_view",
+    B_VIRTUALSERVER_LOG_ADD = "b_virtualserver_log_add",
+    B_VIRTUALSERVER_JOIN_IGNORE_PASSWORD = "b_virtualserver_join_ignore_password",
+    B_VIRTUALSERVER_NOTIFY_REGISTER = "b_virtualserver_notify_register",
+    B_VIRTUALSERVER_NOTIFY_UNREGISTER = "b_virtualserver_notify_unregister",
+    B_VIRTUALSERVER_SNAPSHOT_CREATE = "b_virtualserver_snapshot_create",
+    B_VIRTUALSERVER_SNAPSHOT_DEPLOY = "b_virtualserver_snapshot_deploy",
+    B_VIRTUALSERVER_PERMISSION_RESET = "b_virtualserver_permission_reset",
+    B_VIRTUALSERVER_MODIFY_NAME = "b_virtualserver_modify_name",
+    B_VIRTUALSERVER_MODIFY_WELCOMEMESSAGE = "b_virtualserver_modify_welcomemessage",
+    B_VIRTUALSERVER_MODIFY_MAXCLIENTS = "b_virtualserver_modify_maxclients",
+    B_VIRTUALSERVER_MODIFY_RESERVED_SLOTS = "b_virtualserver_modify_reserved_slots",
+    B_VIRTUALSERVER_MODIFY_PASSWORD = "b_virtualserver_modify_password",
+    B_VIRTUALSERVER_MODIFY_DEFAULT_SERVERGROUP = "b_virtualserver_modify_default_servergroup",
+    B_VIRTUALSERVER_MODIFY_DEFAULT_MUSICGROUP = "b_virtualserver_modify_default_musicgroup",
+    B_VIRTUALSERVER_MODIFY_DEFAULT_CHANNELGROUP = "b_virtualserver_modify_default_channelgroup",
+    B_VIRTUALSERVER_MODIFY_DEFAULT_CHANNELADMINGROUP = "b_virtualserver_modify_default_channeladmingroup",
+    B_VIRTUALSERVER_MODIFY_CHANNEL_FORCED_SILENCE = "b_virtualserver_modify_channel_forced_silence",
+    B_VIRTUALSERVER_MODIFY_COMPLAIN = "b_virtualserver_modify_complain",
+    B_VIRTUALSERVER_MODIFY_ANTIFLOOD = "b_virtualserver_modify_antiflood",
+    B_VIRTUALSERVER_MODIFY_FT_SETTINGS = "b_virtualserver_modify_ft_settings",
+    B_VIRTUALSERVER_MODIFY_FT_QUOTAS = "b_virtualserver_modify_ft_quotas",
+    B_VIRTUALSERVER_MODIFY_HOSTMESSAGE = "b_virtualserver_modify_hostmessage",
+    B_VIRTUALSERVER_MODIFY_HOSTBANNER = "b_virtualserver_modify_hostbanner",
+    B_VIRTUALSERVER_MODIFY_HOSTBUTTON = "b_virtualserver_modify_hostbutton",
+    B_VIRTUALSERVER_MODIFY_PORT = "b_virtualserver_modify_port",
+    B_VIRTUALSERVER_MODIFY_HOST = "b_virtualserver_modify_host",
+    B_VIRTUALSERVER_MODIFY_DEFAULT_MESSAGES = "b_virtualserver_modify_default_messages",
+    B_VIRTUALSERVER_MODIFY_AUTOSTART = "b_virtualserver_modify_autostart",
+    B_VIRTUALSERVER_MODIFY_NEEDED_IDENTITY_SECURITY_LEVEL = "b_virtualserver_modify_needed_identity_security_level",
+    B_VIRTUALSERVER_MODIFY_PRIORITY_SPEAKER_DIMM_MODIFICATOR = "b_virtualserver_modify_priority_speaker_dimm_modificator",
+    B_VIRTUALSERVER_MODIFY_LOG_SETTINGS = "b_virtualserver_modify_log_settings",
+    B_VIRTUALSERVER_MODIFY_MIN_CLIENT_VERSION = "b_virtualserver_modify_min_client_version",
+    B_VIRTUALSERVER_MODIFY_ICON_ID = "b_virtualserver_modify_icon_id",
+    B_VIRTUALSERVER_MODIFY_WEBLIST = "b_virtualserver_modify_weblist",
+    B_VIRTUALSERVER_MODIFY_CODEC_ENCRYPTION_MODE = "b_virtualserver_modify_codec_encryption_mode",
+    B_VIRTUALSERVER_MODIFY_TEMPORARY_PASSWORDS = "b_virtualserver_modify_temporary_passwords",
+    B_VIRTUALSERVER_MODIFY_TEMPORARY_PASSWORDS_OWN = "b_virtualserver_modify_temporary_passwords_own",
+    B_VIRTUALSERVER_MODIFY_CHANNEL_TEMP_DELETE_DELAY_DEFAULT = "b_virtualserver_modify_channel_temp_delete_delay_default",
+    B_VIRTUALSERVER_MODIFY_MUSIC_BOT_LIMIT = "b_virtualserver_modify_music_bot_limit",
+    B_VIRTUALSERVER_MODIFY_COUNTRY_CODE = "b_virtualserver_modify_country_code",
+    I_CHANNEL_MIN_DEPTH = "i_channel_min_depth",
+    I_CHANNEL_MAX_DEPTH = "i_channel_max_depth",
+    B_CHANNEL_GROUP_INHERITANCE_END = "b_channel_group_inheritance_end",
+    I_CHANNEL_PERMISSION_MODIFY_POWER = "i_channel_permission_modify_power",
+    I_CHANNEL_NEEDED_PERMISSION_MODIFY_POWER = "i_channel_needed_permission_modify_power",
+    B_CHANNEL_INFO_VIEW = "b_channel_info_view",
+    B_CHANNEL_CREATE_CHILD = "b_channel_create_child",
+    B_CHANNEL_CREATE_PERMANENT = "b_channel_create_permanent",
+    B_CHANNEL_CREATE_SEMI_PERMANENT = "b_channel_create_semi_permanent",
+    B_CHANNEL_CREATE_TEMPORARY = "b_channel_create_temporary",
+    B_CHANNEL_CREATE_PRIVATE = "b_channel_create_private",
+    B_CHANNEL_CREATE_WITH_TOPIC = "b_channel_create_with_topic",
+    B_CHANNEL_CREATE_WITH_DESCRIPTION = "b_channel_create_with_description",
+    B_CHANNEL_CREATE_WITH_PASSWORD = "b_channel_create_with_password",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX8 = "b_channel_create_modify_with_codec_speex8",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX16 = "b_channel_create_modify_with_codec_speex16",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_SPEEX32 = "b_channel_create_modify_with_codec_speex32",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_CELTMONO48 = "b_channel_create_modify_with_codec_celtmono48",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_OPUSVOICE = "b_channel_create_modify_with_codec_opusvoice",
+    B_CHANNEL_CREATE_MODIFY_WITH_CODEC_OPUSMUSIC = "b_channel_create_modify_with_codec_opusmusic",
+    I_CHANNEL_CREATE_MODIFY_WITH_CODEC_MAXQUALITY = "i_channel_create_modify_with_codec_maxquality",
+    I_CHANNEL_CREATE_MODIFY_WITH_CODEC_LATENCY_FACTOR_MIN = "i_channel_create_modify_with_codec_latency_factor_min",
+    I_CHANNEL_CREATE_MODIFY_CONVERSATION_HISTORY_LENGTH = "i_channel_create_modify_conversation_history_length",
+    B_CHANNEL_CREATE_MODIFY_CONVERSATION_HISTORY_UNLIMITED = "b_channel_create_modify_conversation_history_unlimited",
+    B_CHANNEL_CREATE_MODIFY_CONVERSATION_PRIVATE = "b_channel_create_modify_conversation_private",
+    B_CHANNEL_CREATE_WITH_MAXCLIENTS = "b_channel_create_with_maxclients",
+    B_CHANNEL_CREATE_WITH_MAXFAMILYCLIENTS = "b_channel_create_with_maxfamilyclients",
+    B_CHANNEL_CREATE_WITH_SORTORDER = "b_channel_create_with_sortorder",
+    B_CHANNEL_CREATE_WITH_DEFAULT = "b_channel_create_with_default",
+    B_CHANNEL_CREATE_WITH_NEEDED_TALK_POWER = "b_channel_create_with_needed_talk_power",
+    B_CHANNEL_CREATE_MODIFY_WITH_FORCE_PASSWORD = "b_channel_create_modify_with_force_password",
+    I_CHANNEL_CREATE_MODIFY_WITH_TEMP_DELETE_DELAY = "i_channel_create_modify_with_temp_delete_delay",
+    B_CHANNEL_MODIFY_PARENT = "b_channel_modify_parent",
+    B_CHANNEL_MODIFY_MAKE_DEFAULT = "b_channel_modify_make_default",
+    B_CHANNEL_MODIFY_MAKE_PERMANENT = "b_channel_modify_make_permanent",
+    B_CHANNEL_MODIFY_MAKE_SEMI_PERMANENT = "b_channel_modify_make_semi_permanent",
+    B_CHANNEL_MODIFY_MAKE_TEMPORARY = "b_channel_modify_make_temporary",
+    B_CHANNEL_MODIFY_NAME = "b_channel_modify_name",
+    B_CHANNEL_MODIFY_TOPIC = "b_channel_modify_topic",
+    B_CHANNEL_MODIFY_DESCRIPTION = "b_channel_modify_description",
+    B_CHANNEL_MODIFY_PASSWORD = "b_channel_modify_password",
+    B_CHANNEL_MODIFY_CODEC = "b_channel_modify_codec",
+    B_CHANNEL_MODIFY_CODEC_QUALITY = "b_channel_modify_codec_quality",
+    B_CHANNEL_MODIFY_CODEC_LATENCY_FACTOR = "b_channel_modify_codec_latency_factor",
+    B_CHANNEL_MODIFY_MAXCLIENTS = "b_channel_modify_maxclients",
+    B_CHANNEL_MODIFY_MAXFAMILYCLIENTS = "b_channel_modify_maxfamilyclients",
+    B_CHANNEL_MODIFY_SORTORDER = "b_channel_modify_sortorder",
+    B_CHANNEL_MODIFY_NEEDED_TALK_POWER = "b_channel_modify_needed_talk_power",
+    I_CHANNEL_MODIFY_POWER = "i_channel_modify_power",
+    I_CHANNEL_NEEDED_MODIFY_POWER = "i_channel_needed_modify_power",
+    B_CHANNEL_MODIFY_MAKE_CODEC_ENCRYPTED = "b_channel_modify_make_codec_encrypted",
+    B_CHANNEL_MODIFY_TEMP_DELETE_DELAY = "b_channel_modify_temp_delete_delay",
+    B_CHANNEL_DELETE_PERMANENT = "b_channel_delete_permanent",
+    B_CHANNEL_DELETE_SEMI_PERMANENT = "b_channel_delete_semi_permanent",
+    B_CHANNEL_DELETE_TEMPORARY = "b_channel_delete_temporary",
+    B_CHANNEL_DELETE_FLAG_FORCE = "b_channel_delete_flag_force",
+    I_CHANNEL_DELETE_POWER = "i_channel_delete_power",
+    B_CHANNEL_CONVERSATION_MESSAGE_DELETE = "b_channel_conversation_message_delete",
+    I_CHANNEL_NEEDED_DELETE_POWER = "i_channel_needed_delete_power",
+    B_CHANNEL_JOIN_PERMANENT = "b_channel_join_permanent",
+    B_CHANNEL_JOIN_SEMI_PERMANENT = "b_channel_join_semi_permanent",
+    B_CHANNEL_JOIN_TEMPORARY = "b_channel_join_temporary",
+    B_CHANNEL_JOIN_IGNORE_PASSWORD = "b_channel_join_ignore_password",
+    B_CHANNEL_JOIN_IGNORE_MAXCLIENTS = "b_channel_join_ignore_maxclients",
+    B_CHANNEL_IGNORE_VIEW_POWER = "b_channel_ignore_view_power",
+    I_CHANNEL_JOIN_POWER = "i_channel_join_power",
+    I_CHANNEL_NEEDED_JOIN_POWER = "i_channel_needed_join_power",
+    B_CHANNEL_IGNORE_JOIN_POWER = "b_channel_ignore_join_power",
+    B_CHANNEL_IGNORE_DESCRIPTION_VIEW_POWER = "b_channel_ignore_description_view_power",
+    I_CHANNEL_VIEW_POWER = "i_channel_view_power",
+    I_CHANNEL_NEEDED_VIEW_POWER = "i_channel_needed_view_power",
+    I_CHANNEL_SUBSCRIBE_POWER = "i_channel_subscribe_power",
+    I_CHANNEL_NEEDED_SUBSCRIBE_POWER = "i_channel_needed_subscribe_power",
+    I_CHANNEL_DESCRIPTION_VIEW_POWER = "i_channel_description_view_power",
+    I_CHANNEL_NEEDED_DESCRIPTION_VIEW_POWER = "i_channel_needed_description_view_power",
+    I_ICON_ID = "i_icon_id",
+    I_MAX_ICON_FILESIZE = "i_max_icon_filesize",
+    I_MAX_PLAYLIST_SIZE = "i_max_playlist_size",
+    I_MAX_PLAYLISTS = "i_max_playlists",
+    B_ICON_MANAGE = "b_icon_manage",
+    B_GROUP_IS_PERMANENT = "b_group_is_permanent",
+    I_GROUP_AUTO_UPDATE_TYPE = "i_group_auto_update_type",
+    I_GROUP_AUTO_UPDATE_MAX_VALUE = "i_group_auto_update_max_value",
+    I_GROUP_SORT_ID = "i_group_sort_id",
+    I_GROUP_SHOW_NAME_IN_TREE = "i_group_show_name_in_tree",
+    B_VIRTUALSERVER_SERVERGROUP_CREATE = "b_virtualserver_servergroup_create",
+    B_VIRTUALSERVER_SERVERGROUP_LIST = "b_virtualserver_servergroup_list",
+    B_VIRTUALSERVER_SERVERGROUP_PERMISSION_LIST = "b_virtualserver_servergroup_permission_list",
+    B_VIRTUALSERVER_SERVERGROUP_CLIENT_LIST = "b_virtualserver_servergroup_client_list",
+    B_VIRTUALSERVER_CHANNELGROUP_CREATE = "b_virtualserver_channelgroup_create",
+    B_VIRTUALSERVER_CHANNELGROUP_LIST = "b_virtualserver_channelgroup_list",
+    B_VIRTUALSERVER_CHANNELGROUP_PERMISSION_LIST = "b_virtualserver_channelgroup_permission_list",
+    B_VIRTUALSERVER_CHANNELGROUP_CLIENT_LIST = "b_virtualserver_channelgroup_client_list",
+    B_VIRTUALSERVER_CLIENT_PERMISSION_LIST = "b_virtualserver_client_permission_list",
+    B_VIRTUALSERVER_CHANNEL_PERMISSION_LIST = "b_virtualserver_channel_permission_list",
+    B_VIRTUALSERVER_CHANNELCLIENT_PERMISSION_LIST = "b_virtualserver_channelclient_permission_list",
+    B_VIRTUALSERVER_PLAYLIST_PERMISSION_LIST = "b_virtualserver_playlist_permission_list",
+    I_SERVER_GROUP_MODIFY_POWER = "i_server_group_modify_power",
+    I_SERVER_GROUP_NEEDED_MODIFY_POWER = "i_server_group_needed_modify_power",
+    I_SERVER_GROUP_MEMBER_ADD_POWER = "i_server_group_member_add_power",
+    I_SERVER_GROUP_SELF_ADD_POWER = "i_server_group_self_add_power",
+    I_SERVER_GROUP_NEEDED_MEMBER_ADD_POWER = "i_server_group_needed_member_add_power",
+    I_SERVER_GROUP_MEMBER_REMOVE_POWER = "i_server_group_member_remove_power",
+    I_SERVER_GROUP_SELF_REMOVE_POWER = "i_server_group_self_remove_power",
+    I_SERVER_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_server_group_needed_member_remove_power",
+    I_CHANNEL_GROUP_MODIFY_POWER = "i_channel_group_modify_power",
+    I_CHANNEL_GROUP_NEEDED_MODIFY_POWER = "i_channel_group_needed_modify_power",
+    I_CHANNEL_GROUP_MEMBER_ADD_POWER = "i_channel_group_member_add_power",
+    I_CHANNEL_GROUP_SELF_ADD_POWER = "i_channel_group_self_add_power",
+    I_CHANNEL_GROUP_NEEDED_MEMBER_ADD_POWER = "i_channel_group_needed_member_add_power",
+    I_CHANNEL_GROUP_MEMBER_REMOVE_POWER = "i_channel_group_member_remove_power",
+    I_CHANNEL_GROUP_SELF_REMOVE_POWER = "i_channel_group_self_remove_power",
+    I_CHANNEL_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_channel_group_needed_member_remove_power",
+    I_GROUP_MEMBER_ADD_POWER = "i_group_member_add_power",
+    I_GROUP_NEEDED_MEMBER_ADD_POWER = "i_group_needed_member_add_power",
+    I_GROUP_MEMBER_REMOVE_POWER = "i_group_member_remove_power",
+    I_GROUP_NEEDED_MEMBER_REMOVE_POWER = "i_group_needed_member_remove_power",
+    I_GROUP_MODIFY_POWER = "i_group_modify_power",
+    I_GROUP_NEEDED_MODIFY_POWER = "i_group_needed_modify_power",
+    I_PERMISSION_MODIFY_POWER = "i_permission_modify_power",
+    B_PERMISSION_MODIFY_POWER_IGNORE = "b_permission_modify_power_ignore",
+    B_VIRTUALSERVER_SERVERGROUP_DELETE = "b_virtualserver_servergroup_delete",
+    B_VIRTUALSERVER_CHANNELGROUP_DELETE = "b_virtualserver_channelgroup_delete",
+    I_CLIENT_PERMISSION_MODIFY_POWER = "i_client_permission_modify_power",
+    I_CLIENT_NEEDED_PERMISSION_MODIFY_POWER = "i_client_needed_permission_modify_power",
+    I_CLIENT_MAX_CLONES_UID = "i_client_max_clones_uid",
+    I_CLIENT_MAX_CLONES_IP = "i_client_max_clones_ip",
+    I_CLIENT_MAX_CLONES_HWID = "i_client_max_clones_hwid",
+    I_CLIENT_MAX_IDLETIME = "i_client_max_idletime",
+    I_CLIENT_MAX_AVATAR_FILESIZE = "i_client_max_avatar_filesize",
+    I_CLIENT_MAX_CHANNEL_SUBSCRIPTIONS = "i_client_max_channel_subscriptions",
+    I_CLIENT_MAX_CHANNELS = "i_client_max_channels",
+    I_CLIENT_MAX_TEMPORARY_CHANNELS = "i_client_max_temporary_channels",
+    I_CLIENT_MAX_SEMI_CHANNELS = "i_client_max_semi_channels",
+    I_CLIENT_MAX_PERMANENT_CHANNELS = "i_client_max_permanent_channels",
+    B_CLIENT_USE_PRIORITY_SPEAKER = "b_client_use_priority_speaker",
+    B_CLIENT_SKIP_CHANNELGROUP_PERMISSIONS = "b_client_skip_channelgroup_permissions",
+    B_CLIENT_FORCE_PUSH_TO_TALK = "b_client_force_push_to_talk",
+    B_CLIENT_IGNORE_BANS = "b_client_ignore_bans",
+    B_CLIENT_IGNORE_VPN = "b_client_ignore_vpn",
+    B_CLIENT_IGNORE_ANTIFLOOD = "b_client_ignore_antiflood",
+    B_CLIENT_ENFORCE_VALID_HWID = "b_client_enforce_valid_hwid",
+    B_CLIENT_ALLOW_INVALID_PACKET = "b_client_allow_invalid_packet",
+    B_CLIENT_ALLOW_INVALID_BADGES = "b_client_allow_invalid_badges",
+    B_CLIENT_ISSUE_CLIENT_QUERY_COMMAND = "b_client_issue_client_query_command",
+    B_CLIENT_USE_RESERVED_SLOT = "b_client_use_reserved_slot",
+    B_CLIENT_USE_CHANNEL_COMMANDER = "b_client_use_channel_commander",
+    B_CLIENT_REQUEST_TALKER = "b_client_request_talker",
+    B_CLIENT_AVATAR_DELETE_OTHER = "b_client_avatar_delete_other",
+    B_CLIENT_IS_STICKY = "b_client_is_sticky",
+    B_CLIENT_IGNORE_STICKY = "b_client_ignore_sticky",
+    B_CLIENT_MUSIC_CREATE_PERMANENT = "b_client_music_create_permanent",
+    B_CLIENT_MUSIC_CREATE_SEMI_PERMANENT = "b_client_music_create_semi_permanent",
+    B_CLIENT_MUSIC_CREATE_TEMPORARY = "b_client_music_create_temporary",
+    B_CLIENT_MUSIC_MODIFY_PERMANENT = "b_client_music_modify_permanent",
+    B_CLIENT_MUSIC_MODIFY_SEMI_PERMANENT = "b_client_music_modify_semi_permanent",
+    B_CLIENT_MUSIC_MODIFY_TEMPORARY = "b_client_music_modify_temporary",
+    I_CLIENT_MUSIC_CREATE_MODIFY_MAX_VOLUME = "i_client_music_create_modify_max_volume",
+    I_CLIENT_MUSIC_LIMIT = "i_client_music_limit",
+    I_CLIENT_MUSIC_NEEDED_DELETE_POWER = "i_client_music_needed_delete_power",
+    I_CLIENT_MUSIC_DELETE_POWER = "i_client_music_delete_power",
+    I_CLIENT_MUSIC_PLAY_POWER = "i_client_music_play_power",
+    I_CLIENT_MUSIC_NEEDED_PLAY_POWER = "i_client_music_needed_play_power",
+    I_CLIENT_MUSIC_MODIFY_POWER = "i_client_music_modify_power",
+    I_CLIENT_MUSIC_NEEDED_MODIFY_POWER = "i_client_music_needed_modify_power",
+    I_CLIENT_MUSIC_RENAME_POWER = "i_client_music_rename_power",
+    I_CLIENT_MUSIC_NEEDED_RENAME_POWER = "i_client_music_needed_rename_power",
+    B_PLAYLIST_CREATE = "b_playlist_create",
+    I_PLAYLIST_VIEW_POWER = "i_playlist_view_power",
+    I_PLAYLIST_NEEDED_VIEW_POWER = "i_playlist_needed_view_power",
+    I_PLAYLIST_MODIFY_POWER = "i_playlist_modify_power",
+    I_PLAYLIST_NEEDED_MODIFY_POWER = "i_playlist_needed_modify_power",
+    I_PLAYLIST_PERMISSION_MODIFY_POWER = "i_playlist_permission_modify_power",
+    I_PLAYLIST_NEEDED_PERMISSION_MODIFY_POWER = "i_playlist_needed_permission_modify_power",
+    I_PLAYLIST_DELETE_POWER = "i_playlist_delete_power",
+    I_PLAYLIST_NEEDED_DELETE_POWER = "i_playlist_needed_delete_power",
+    I_PLAYLIST_SONG_ADD_POWER = "i_playlist_song_add_power",
+    I_PLAYLIST_SONG_NEEDED_ADD_POWER = "i_playlist_song_needed_add_power",
+    I_PLAYLIST_SONG_REMOVE_POWER = "i_playlist_song_remove_power",
+    I_PLAYLIST_SONG_NEEDED_REMOVE_POWER = "i_playlist_song_needed_remove_power",
+    B_CLIENT_INFO_VIEW = "b_client_info_view",
+    B_CLIENT_PERMISSIONOVERVIEW_VIEW = "b_client_permissionoverview_view",
+    B_CLIENT_PERMISSIONOVERVIEW_OWN = "b_client_permissionoverview_own",
+    B_CLIENT_REMOTEADDRESS_VIEW = "b_client_remoteaddress_view",
+    I_CLIENT_SERVERQUERY_VIEW_POWER = "i_client_serverquery_view_power",
+    I_CLIENT_NEEDED_SERVERQUERY_VIEW_POWER = "i_client_needed_serverquery_view_power",
+    B_CLIENT_CUSTOM_INFO_VIEW = "b_client_custom_info_view",
+    B_CLIENT_MUSIC_CHANNEL_LIST = "b_client_music_channel_list",
+    B_CLIENT_MUSIC_SERVER_LIST = "b_client_music_server_list",
+    I_CLIENT_MUSIC_INFO = "i_client_music_info",
+    I_CLIENT_MUSIC_NEEDED_INFO = "i_client_music_needed_info",
+    I_CLIENT_KICK_FROM_SERVER_POWER = "i_client_kick_from_server_power",
+    I_CLIENT_NEEDED_KICK_FROM_SERVER_POWER = "i_client_needed_kick_from_server_power",
+    I_CLIENT_KICK_FROM_CHANNEL_POWER = "i_client_kick_from_channel_power",
+    I_CLIENT_NEEDED_KICK_FROM_CHANNEL_POWER = "i_client_needed_kick_from_channel_power",
+    I_CLIENT_BAN_POWER = "i_client_ban_power",
+    I_CLIENT_NEEDED_BAN_POWER = "i_client_needed_ban_power",
+    I_CLIENT_MOVE_POWER = "i_client_move_power",
+    I_CLIENT_NEEDED_MOVE_POWER = "i_client_needed_move_power",
+    I_CLIENT_COMPLAIN_POWER = "i_client_complain_power",
+    I_CLIENT_NEEDED_COMPLAIN_POWER = "i_client_needed_complain_power",
+    B_CLIENT_COMPLAIN_LIST = "b_client_complain_list",
+    B_CLIENT_COMPLAIN_DELETE_OWN = "b_client_complain_delete_own",
+    B_CLIENT_COMPLAIN_DELETE = "b_client_complain_delete",
+    B_CLIENT_BAN_LIST = "b_client_ban_list",
+    B_CLIENT_BAN_LIST_GLOBAL = "b_client_ban_list_global",
+    B_CLIENT_BAN_TRIGGER_LIST = "b_client_ban_trigger_list",
+    B_CLIENT_BAN_CREATE = "b_client_ban_create",
+    B_CLIENT_BAN_CREATE_GLOBAL = "b_client_ban_create_global",
+    B_CLIENT_BAN_NAME = "b_client_ban_name",
+    B_CLIENT_BAN_IP = "b_client_ban_ip",
+    B_CLIENT_BAN_HWID = "b_client_ban_hwid",
+    B_CLIENT_BAN_EDIT = "b_client_ban_edit",
+    B_CLIENT_BAN_EDIT_GLOBAL = "b_client_ban_edit_global",
+    B_CLIENT_BAN_DELETE_OWN = "b_client_ban_delete_own",
+    B_CLIENT_BAN_DELETE = "b_client_ban_delete",
+    B_CLIENT_BAN_DELETE_OWN_GLOBAL = "b_client_ban_delete_own_global",
+    B_CLIENT_BAN_DELETE_GLOBAL = "b_client_ban_delete_global",
+    I_CLIENT_BAN_MAX_BANTIME = "i_client_ban_max_bantime",
+    I_CLIENT_PRIVATE_TEXTMESSAGE_POWER = "i_client_private_textmessage_power",
+    I_CLIENT_NEEDED_PRIVATE_TEXTMESSAGE_POWER = "i_client_needed_private_textmessage_power",
+    B_CLIENT_EVEN_TEXTMESSAGE_SEND = "b_client_even_textmessage_send",
+    B_CLIENT_SERVER_TEXTMESSAGE_SEND = "b_client_server_textmessage_send",
+    B_CLIENT_CHANNEL_TEXTMESSAGE_SEND = "b_client_channel_textmessage_send",
+    B_CLIENT_OFFLINE_TEXTMESSAGE_SEND = "b_client_offline_textmessage_send",
+    I_CLIENT_TALK_POWER = "i_client_talk_power",
+    I_CLIENT_NEEDED_TALK_POWER = "i_client_needed_talk_power",
+    I_CLIENT_POKE_POWER = "i_client_poke_power",
+    I_CLIENT_NEEDED_POKE_POWER = "i_client_needed_poke_power",
+    B_CLIENT_SET_FLAG_TALKER = "b_client_set_flag_talker",
+    I_CLIENT_WHISPER_POWER = "i_client_whisper_power",
+    I_CLIENT_NEEDED_WHISPER_POWER = "i_client_needed_whisper_power",
+    B_CLIENT_MODIFY_DESCRIPTION = "b_client_modify_description",
+    B_CLIENT_MODIFY_OWN_DESCRIPTION = "b_client_modify_own_description",
+    B_CLIENT_USE_BBCODE_ANY = "b_client_use_bbcode_any",
+    B_CLIENT_USE_BBCODE_URL = "b_client_use_bbcode_url",
+    B_CLIENT_USE_BBCODE_IMAGE = "b_client_use_bbcode_image",
+    B_CLIENT_MODIFY_DBPROPERTIES = "b_client_modify_dbproperties",
+    B_CLIENT_DELETE_DBPROPERTIES = "b_client_delete_dbproperties",
+    B_CLIENT_CREATE_MODIFY_SERVERQUERY_LOGIN = "b_client_create_modify_serverquery_login",
+    B_CLIENT_QUERY_CREATE = "b_client_query_create",
+    B_CLIENT_QUERY_LIST = "b_client_query_list",
+    B_CLIENT_QUERY_LIST_OWN = "b_client_query_list_own",
+    B_CLIENT_QUERY_RENAME = "b_client_query_rename",
+    B_CLIENT_QUERY_RENAME_OWN = "b_client_query_rename_own",
+    B_CLIENT_QUERY_CHANGE_PASSWORD = "b_client_query_change_password",
+    B_CLIENT_QUERY_CHANGE_OWN_PASSWORD = "b_client_query_change_own_password",
+    B_CLIENT_QUERY_CHANGE_PASSWORD_GLOBAL = "b_client_query_change_password_global",
+    B_CLIENT_QUERY_DELETE = "b_client_query_delete",
+    B_CLIENT_QUERY_DELETE_OWN = "b_client_query_delete_own",
+    B_FT_IGNORE_PASSWORD = "b_ft_ignore_password",
+    B_FT_TRANSFER_LIST = "b_ft_transfer_list",
+    I_FT_FILE_UPLOAD_POWER = "i_ft_file_upload_power",
+    I_FT_NEEDED_FILE_UPLOAD_POWER = "i_ft_needed_file_upload_power",
+    I_FT_FILE_DOWNLOAD_POWER = "i_ft_file_download_power",
+    I_FT_NEEDED_FILE_DOWNLOAD_POWER = "i_ft_needed_file_download_power",
+    I_FT_FILE_DELETE_POWER = "i_ft_file_delete_power",
+    I_FT_NEEDED_FILE_DELETE_POWER = "i_ft_needed_file_delete_power",
+    I_FT_FILE_RENAME_POWER = "i_ft_file_rename_power",
+    I_FT_NEEDED_FILE_RENAME_POWER = "i_ft_needed_file_rename_power",
+    I_FT_FILE_BROWSE_POWER = "i_ft_file_browse_power",
+    I_FT_NEEDED_FILE_BROWSE_POWER = "i_ft_needed_file_browse_power",
+    I_FT_DIRECTORY_CREATE_POWER = "i_ft_directory_create_power",
+    I_FT_NEEDED_DIRECTORY_CREATE_POWER = "i_ft_needed_directory_create_power",
+    I_FT_QUOTA_MB_DOWNLOAD_PER_CLIENT = "i_ft_quota_mb_download_per_client",
+    I_FT_QUOTA_MB_UPLOAD_PER_CLIENT = "i_ft_quota_mb_upload_per_client"
+}
+export default PermissionType;

shared/js/profiles/ConnectionProfile.ts

@@ -1,5 +1,13 @@
-namespace profiles {
+import {decode_identity, IdentitifyType, Identity} from "tc-shared/profiles/Identity";
-    export class ConnectionProfile {
+import {guid} from "tc-shared/crypto/uid";
+import {TeaForumIdentity} from "tc-shared/profiles/identities/TeaForumIdentity";
+import {TeaSpeakIdentity} from "tc-shared/profiles/identities/TeamSpeakIdentity";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+import {HandshakeIdentityHandler} from "tc-shared/connection/HandshakeHandler";
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+
+export class ConnectionProfile {
     id: string;
 
     profile_name: string;
@@ -7,7 +15,7 @@ namespace profiles {
     default_password: string;
 
     selected_identity_type: string = "unset";
-        identities: { [key: string]: identities.Identity } = {};
+    identities: { [key: string]: Identity } = {};
 
     constructor(id: string) {
         this.id = id;
@@ -22,31 +30,31 @@ namespace profiles {
         return name || "Another TeaSpeak user";
     }
 
-        selected_identity(current_type?: identities.IdentitifyType): identities.Identity {
+    selected_identity(current_type?: IdentitifyType): Identity {
         if (!current_type)
             current_type = this.selected_type();
 
         if (current_type === undefined)
             return undefined;
 
-            if (current_type == identities.IdentitifyType.TEAFORO) {
+        if (current_type == IdentitifyType.TEAFORO) {
-                return identities.static_forum_identity();
+            return TeaForumIdentity.identity();
-            } else if (current_type == identities.IdentitifyType.TEAMSPEAK || current_type == identities.IdentitifyType.NICKNAME) {
+        } else if (current_type == IdentitifyType.TEAMSPEAK || current_type == IdentitifyType.NICKNAME) {
-                return this.identities[identities.IdentitifyType[current_type].toLowerCase()];
+            return this.identities[IdentitifyType[current_type].toLowerCase()];
         }
 
         return undefined;
     }
 
-        selected_type?(): identities.IdentitifyType {
+    selected_type?(): IdentitifyType {
-            return this.selected_identity_type ? identities.IdentitifyType[this.selected_identity_type.toUpperCase()] : undefined;
+        return this.selected_identity_type ? IdentitifyType[this.selected_identity_type.toUpperCase()] : undefined;
     }
 
-        set_identity(type: identities.IdentitifyType, identity: identities.Identity) {
+    set_identity(type: IdentitifyType, identity: Identity) {
-            this.identities[identities.IdentitifyType[type].toLowerCase()] = identity;
+        this.identities[IdentitifyType[type].toLowerCase()] = identity;
     }
 
-        spawn_identity_handshake_handler?(connection: connection.AbstractServerConnection): connection.HandshakeIdentityHandler {
+    spawn_identity_handshake_handler?(connection: AbstractServerConnection): HandshakeIdentityHandler {
         const identity = this.selected_identity();
         if (!identity)
             return undefined;
@@ -72,13 +80,12 @@ namespace profiles {
 
     valid(): boolean {
         const identity = this.selected_identity();
-            if (!identity || !identity.valid()) return false;
 
-            return true;
+        return !!identity && identity.valid();
-        }
     }
+}
 
-    async function decode_profile(data): Promise<ConnectionProfile | string> {
+async function decode_profile(data): Promise<ConnectionProfile | string> {
     data = JSON.parse(data);
     if (data.version !== 1)
         return "invalid version";
@@ -90,12 +97,12 @@ namespace profiles {
     result.selected_identity_type = (data.identity_type || "").toLowerCase();
 
     if (data.identity_data) {
-            for (const key in data.identity_data) {
+        for (const key of Object.keys(data.identity_data)) {
-                const type = identities.IdentitifyType[key.toUpperCase() as string];
+            const type = IdentitifyType[key.toUpperCase() as string];
             const _data = data.identity_data[key];
             if (type == undefined) continue;
 
-                const identity = await identities.decode_identity(type, _data);
+            const identity = await decode_identity(type, _data);
             if (identity == undefined) continue;
 
             result.identities[key.toLowerCase()] = identity;
@@ -103,16 +110,16 @@ namespace profiles {
     }
 
     return result;
-    }
+}
 
-    interface ProfilesData {
+interface ProfilesData {
     version: number;
     profiles: string[];
-    }
+}
 
-    let available_profiles: ConnectionProfile[] = [];
+let available_profiles: ConnectionProfile[] = [];
 
-    export async function load() {
+export async function load() {
     available_profiles = [];
 
     const profiles_json = localStorage.getItem("profiles");
@@ -122,7 +129,7 @@ namespace profiles {
         } catch (error) {
             debugger;
             console.error(tr("Invalid profile json! Resetting profiles :( (%o)"), profiles_json);
-                createErrorModal(tr("Profile data invalid"), MessageHelper.formatMessage(tr("The profile data is invalid.{:br:}This might cause data loss."))).open();
+            createErrorModal(tr("Profile data invalid"), formatMessage(tr("The profile data is invalid.{:br:}This might cause data loss."))).open();
             return {version: 0};
         }
     })();
@@ -153,14 +160,14 @@ namespace profiles {
 
             /* generate default identity */
             try {
-                    const identity = await identities.TeaSpeakIdentity.generate_new();
+                const identity = await TeaSpeakIdentity.generate_new();
                 let active = true;
                 setTimeout(() => {
                     active = false;
                 }, 1000);
                 await identity.improve_level(8, 1, () => active);
-                    profile.set_identity(identities.IdentitifyType.TEAMSPEAK, identity);
+                profile.set_identity(IdentitifyType.TEAMSPEAK, identity);
-                    profile.selected_identity_type = identities.IdentitifyType[identities.IdentitifyType.TEAMSPEAK];
+                profile.selected_identity_type = IdentitifyType[IdentitifyType.TEAMSPEAK];
             } catch (error) {
                 createErrorModal(tr("Failed to generate default identity"), tr("Failed to generate default identity!<br>Please manually generate the identity within your settings => profiles")).open();
             }
@@ -172,25 +179,25 @@ namespace profiles {
             profile.default_username = "";
             profile.profile_name = "TeaSpeak Forum profile";
 
-                profile.set_identity(identities.IdentitifyType.TEAFORO, identities.static_forum_identity());
+            profile.set_identity(IdentitifyType.TEAFORO, TeaForumIdentity.identity());
-                profile.selected_identity_type = identities.IdentitifyType[identities.IdentitifyType.TEAFORO];
+            profile.selected_identity_type = IdentitifyType[IdentitifyType.TEAFORO];
         }
 
         save();
     }
-    }
+}
 
-    export function create_new_profile(name: string, id?: string): ConnectionProfile {
+export function create_new_profile(name: string, id?: string): ConnectionProfile {
     const profile = new ConnectionProfile(id || guid());
     profile.profile_name = name;
     profile.default_username = "";
     available_profiles.push(profile);
     return profile;
-    }
+}
 
-    let _requires_save = false;
+let _requires_save = false;
 
-    export function save() {
+export function save() {
     const profiles: string[] = [];
     for (const profile of available_profiles)
         profiles.push(profile.encode());
@@ -200,52 +207,51 @@ namespace profiles {
         profiles: profiles
     });
     localStorage.setItem("profiles", data);
-    }
+}
 
-    export function mark_need_save() {
+export function mark_need_save() {
     _requires_save = true;
-    }
+}
 
-    export function requires_save(): boolean {
+export function requires_save(): boolean {
     return _requires_save;
-    }
+}
 
-    export function profiles(): ConnectionProfile[] {
+export function profiles(): ConnectionProfile[] {
     return available_profiles;
-    }
+}
 
-    export function find_profile(id: string): ConnectionProfile | undefined {
+export function find_profile(id: string): ConnectionProfile | undefined {
     for (const profile of profiles())
         if (profile.id == id)
             return profile;
 
     return undefined;
-    }
+}
 
-    export function find_profile_by_name(name: string): ConnectionProfile | undefined {
+export function find_profile_by_name(name: string): ConnectionProfile | undefined {
     name = name.toLowerCase();
     for (const profile of profiles())
         if ((profile.profile_name || "").toLowerCase() == name)
             return profile;
 
     return undefined;
-    }
+}
 
 
-    export function default_profile(): ConnectionProfile {
+export function default_profile(): ConnectionProfile {
     return find_profile("default");
-    }
+}
 
-    export function set_default_profile(profile: ConnectionProfile) {
+export function set_default_profile(profile: ConnectionProfile) {
     const old_default = default_profile();
     if (old_default && old_default != profile) {
         old_default.id = guid();
     }
     profile.id = "default";
     return old_default;
-    }
+}
-
+
-    export function delete_profile(profile: ConnectionProfile) {
+export function delete_profile(profile: ConnectionProfile) {
-        available_profiles.remove(profile);
+    available_profiles.remove(profile);
-    }
 }

shared/js/profiles/Identity.ts

@@ -1,11 +1,14 @@
-namespace profiles.identities {
+import {AbstractServerConnection, ServerCommand} from "tc-shared/connection/ConnectionBase";
-    export enum IdentitifyType {
+import {HandshakeIdentityHandler} from "tc-shared/connection/HandshakeHandler";
+import {AbstractCommandHandler} from "tc-shared/connection/AbstractCommandHandler";
+
+export enum IdentitifyType {
     TEAFORO,
     TEAMSPEAK,
     NICKNAME
-    }
+}
 
-    export interface Identity {
+export interface Identity {
     fallback_name(): string | undefined ;
     uid() : string;
     type() : IdentitifyType;
@@ -15,20 +18,24 @@ namespace profiles.identities {
     encode?() : string;
     decode(data: string) : Promise<void>;
 
-        spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler;
+    spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler;
-    }
+}
 
-    export async function decode_identity(type: IdentitifyType, data: string) : Promise<Identity> {
+/* avoid circular dependencies here */
+export async function decode_identity(type: IdentitifyType, data: string) : Promise<Identity> {
     let identity: Identity;
     switch (type) {
         case IdentitifyType.NICKNAME:
-                identity = new NameIdentity();
+            const nidentity = require("tc-shared/profiles/identities/NameIdentity");
+            identity = new nidentity.NameIdentity();
             break;
         case IdentitifyType.TEAFORO:
-                identity = new TeaForumIdentity(undefined);
+            const fidentity = require("tc-shared/profiles/identities/TeaForumIdentity");
+            identity = new fidentity.TeaForumIdentity(undefined);
             break;
         case IdentitifyType.TEAMSPEAK:
-                identity = new TeaSpeakIdentity(undefined, undefined);
+            const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
+            identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
             break;
     }
     if(!identity)
@@ -43,34 +50,37 @@ namespace profiles.identities {
     }
 
     return identity;
-    }
+}
 
-    export function create_identity(type: IdentitifyType) {
+export function create_identity(type: IdentitifyType) {
     let identity: Identity;
     switch (type) {
         case IdentitifyType.NICKNAME:
-                identity = new NameIdentity();
+            const nidentity = require("tc-shared/profiles/identities/NameIdentity");
+            identity = new nidentity.NameIdentity();
             break;
         case IdentitifyType.TEAFORO:
-                identity = new TeaForumIdentity(undefined);
+            const fidentity = require("tc-shared/profiles/identities/TeaForumIdentity");
+            identity = new fidentity.TeaForumIdentity(undefined);
             break;
         case IdentitifyType.TEAMSPEAK:
-                identity = new TeaSpeakIdentity(undefined, undefined);
+            const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
+            identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
             break;
     }
     return identity;
-    }
+}
 
-    export class HandshakeCommandHandler<T extends AbstractHandshakeIdentityHandler> extends connection.AbstractCommandHandler {
+export class HandshakeCommandHandler<T extends AbstractHandshakeIdentityHandler> extends AbstractCommandHandler {
     readonly handle: T;
 
-        constructor(connection: connection.AbstractServerConnection, handle: T) {
+    constructor(connection: AbstractServerConnection, handle: T) {
         super(connection);
         this.handle = handle;
     }
 
 
-        handle_command(command: connection.ServerCommand): boolean {
+    handle_command(command: ServerCommand): boolean {
         if($.isFunction(this[command.command]))
             this[command.command](command.arguments);
         else if(command.command == "error") {
@@ -80,14 +90,14 @@ namespace profiles.identities {
         }
         return true;
     }
-    }
+}
 
-    export abstract class AbstractHandshakeIdentityHandler implements connection.HandshakeIdentityHandler {
+export abstract class AbstractHandshakeIdentityHandler implements HandshakeIdentityHandler {
-        connection: connection.AbstractServerConnection;
+    connection: AbstractServerConnection;
 
     protected callbacks: ((success: boolean, message?: string) => any)[] = [];
 
-        protected constructor(connection: connection.AbstractServerConnection) {
+    protected constructor(connection: AbstractServerConnection) {
         this.connection = connection;
     }
 
@@ -106,5 +116,4 @@ namespace profiles.identities {
         for(const callback of this.callbacks)
             callback(false, message);
     }
-    }
 }

shared/js/profiles/identities/NameIdentity.ts

@@ -1,11 +1,20 @@
-/// <reference path="../Identity.ts" />
+import {
+    AbstractHandshakeIdentityHandler,
+    HandshakeCommandHandler,
+    IdentitifyType,
+    Identity
+} from "tc-shared/profiles/Identity";
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+import {HandshakeIdentityHandler} from "tc-shared/connection/HandshakeHandler";
 
-namespace profiles.identities {
+class NameHandshakeHandler extends AbstractHandshakeIdentityHandler {
-    class NameHandshakeHandler extends AbstractHandshakeIdentityHandler {
     readonly identity: NameIdentity;
     handler: HandshakeCommandHandler<NameHandshakeHandler>;
 
-        constructor(connection: connection.AbstractServerConnection, identity: profiles.identities.NameIdentity) {
+    constructor(connection: AbstractServerConnection, identity: NameIdentity) {
         super(connection);
         this.identity = identity;
 
@@ -36,9 +45,9 @@ namespace profiles.identities {
         this.connection.command_handler_boss().unregister_handler(this.handler);
         super.trigger_success();
     }
-    }
+}
 
-    export class NameIdentity implements Identity {
+export class NameIdentity implements Identity {
     private _name: string;
 
     constructor(name?: string) {
@@ -81,8 +90,7 @@ namespace profiles.identities {
         });
     }
 
-        spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler {
+    spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler {
         return new NameHandshakeHandler(connection, this);
     }
-    }
 }

shared/js/profiles/identities/TeaForumIdentity.ts

@@ -1,11 +1,21 @@
-/// <reference path="../Identity.ts" />
+import {
+    AbstractHandshakeIdentityHandler,
+    HandshakeCommandHandler,
+    IdentitifyType,
+    Identity
+} from "tc-shared/profiles/Identity";
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+import {HandshakeIdentityHandler} from "tc-shared/connection/HandshakeHandler";
+import * as forum from "./teaspeak-forum";
 
-namespace profiles.identities {
+class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
-    class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
     readonly identity: TeaForumIdentity;
     handler: HandshakeCommandHandler<TeaForumHandshakeHandler>;
 
-        constructor(connection: connection.AbstractServerConnection, identity: profiles.identities.TeaForumIdentity) {
+    constructor(connection: AbstractServerConnection, identity: TeaForumIdentity) {
         super(connection);
         this.identity = identity;
         this.handler = new HandshakeCommandHandler(connection, this);
@@ -49,9 +59,9 @@ namespace profiles.identities {
         this.connection.command_handler_boss().unregister_handler(this.handler);
         super.trigger_success();
     }
-    }
+}
 
-    export class TeaForumIdentity implements Identity {
+export class TeaForumIdentity implements Identity {
     private readonly identity_data: forum.Data;
 
     valid() : boolean {
@@ -62,7 +72,7 @@ namespace profiles.identities {
         this.identity_data = data;
     }
 
-        data() : forum.Data {
+    data() {
         return this.identity_data;
     }
 
@@ -80,7 +90,7 @@ namespace profiles.identities {
         });
     }
 
-        spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler {
+    spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler {
         return new TeaForumHandshakeHandler(connection, this);
     }
 
@@ -88,7 +98,7 @@ namespace profiles.identities {
         return this.identity_data ? this.identity_data.name() : undefined;
     }
 
-        type(): profiles.identities.IdentitifyType {
+    type(): IdentitifyType {
         return IdentitifyType.TEAFORO;
     }
 
@@ -96,27 +106,30 @@ namespace profiles.identities {
         //FIXME: Real UID!
         return "TeaForo#" + ((this.identity_data ? this.identity_data.name() : "Another TeaSpeak user"));
     }
+
+    public static identity() {
+        return static_identity;
     }
+}
 
-    let static_identity: TeaForumIdentity;
+let static_identity: TeaForumIdentity;
 
-    export function set_static_identity(identity: TeaForumIdentity) {
+export function set_static_identity(identity: TeaForumIdentity) {
     static_identity = identity;
-    }
+}
 
-    export function update_forum() {
+export function update_forum() {
     if(forum.logged_in() && (!static_identity || static_identity.data() !== forum.data())) {
         static_identity = new TeaForumIdentity(forum.data());
     } else {
         static_identity = undefined;
     }
-    }
+}
-
+
-    export function valid_static_forum_identity() : boolean {
+export function valid_static_forum_identity() : boolean {
-        return static_identity && static_identity.valid();
+    return static_identity && static_identity.valid();
-    }
+}
-
+
-    export function static_forum_identity() : TeaForumIdentity | undefined {
+export function static_forum_identity() : TeaForumIdentity | undefined {
-        return static_identity;
+    return static_identity;
-    }
 }

shared/js/profiles/identities/TeamSpeakIdentity.ts

@@ -1,9 +1,23 @@
-/// <reference path="../Identity.ts" />
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import * as asn1 from "tc-shared/crypto/asn1";
+import * as sha from "tc-shared/crypto/sha";
 
-namespace profiles.identities {
+import {
-    export namespace CryptoHelper {
+    AbstractHandshakeIdentityHandler,
+    HandshakeCommandHandler,
+    IdentitifyType,
+    Identity
+} from "tc-shared/profiles/Identity";
+import {settings} from "tc-shared/settings";
+import {arrayBufferBase64, base64_encode_ab, str2ab8} from "tc-shared/utils/buffers";
+import {AbstractServerConnection} from "tc-shared/connection/ConnectionBase";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {HandshakeIdentityHandler} from "tc-shared/connection/HandshakeHandler";
+
+export namespace CryptoHelper {
     export function base64_url_encode(str){
-            return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
+        return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
     }
 
     export function base64_url_decode(str: string, pad?: boolean){
@@ -192,11 +206,6 @@ namespace profiles.identities {
             k = k.substr(1);
         }
 
-            /*
-            console.log("Key x: %s (%d)", btoa(x), x.length);
-            console.log("Key y: %s (%d)", btoa(y), y.length);
-            console.log("Key k: %s (%d)", btoa(k), k.length);
-            */
         return {
             crv: "P-256",
             d: base64_url_encode(btoa(k)),
@@ -208,13 +217,13 @@ namespace profiles.identities {
             kty:"EC",
         };
     }
-    }
+}
 
-    class TeaSpeakHandshakeHandler extends AbstractHandshakeIdentityHandler {
+class TeaSpeakHandshakeHandler extends AbstractHandshakeIdentityHandler {
     identity: TeaSpeakIdentity;
     handler: HandshakeCommandHandler<TeaSpeakHandshakeHandler>;
 
-        constructor(connection: connection.AbstractServerConnection, identity: TeaSpeakIdentity) {
+    constructor(connection: AbstractServerConnection, identity: TeaSpeakIdentity) {
         super(connection);
         this.identity = identity;
         this.handler = new HandshakeCommandHandler(connection, this);
@@ -264,15 +273,16 @@ namespace profiles.identities {
         this.connection.command_handler_boss().unregister_handler(this.handler);
         super.trigger_success();
     }
-    }
+}
 
-    class IdentityPOWWorker {
+class IdentityPOWWorker {
     private _worker: Worker;
     private _current_hash: string;
     private _best_level: number;
+    private _initialized = false;
 
     async initialize(key: string) {
-            this._worker = new Worker(settings.static("worker_directory", "js/workers/") + "WorkerPOW.js");
+        this._worker = new Worker("tc-shared/workers/pow", { type: "module" });
 
         /* initialize */
         await new Promise<void>((resolve, reject) => {
@@ -300,6 +310,7 @@ namespace profiles.identities {
                 reject("Failed to load worker (" + event.message + ")");
             };
         });
+        this._initialized = true;
 
         /* set data */
         await new Promise<void>((resolve, reject) => {
@@ -380,6 +391,7 @@ namespace profiles.identities {
     }
 
     async finalize(timeout?: number) {
+        if(this._initialized) {
             try {
                 await new Promise<void>((resolve, reject) => {
                     this._worker.postMessage({
@@ -410,6 +422,7 @@ namespace profiles.identities {
             } catch(error) {
                 log.error(LogCategory.IDENTITIES, tr("Failed to finalize POW worker! (%o)"), error);
             }
+        }
 
         this._worker.terminate();
         this._worker = undefined;
@@ -418,9 +431,9 @@ namespace profiles.identities {
     private handle_message(message: any) {
         log.info(LogCategory.IDENTITIES, tr("Received message: %o"), message);
     }
-    }
+}
 
-    export class TeaSpeakIdentity implements Identity {
+export class TeaSpeakIdentity implements Identity {
     static async generate_new() : Promise<TeaSpeakIdentity> {
         let key: CryptoKeyPair;
         try {
@@ -643,9 +656,10 @@ namespace profiles.identities {
             return current_hash;
         };
 
+        try {
             { /* init */
                 const initialize_promise: Promise<void>[] = [];
-                for(let index = 0; index  < threads; index++) {
+                for (let index = 0; index < threads; index++) {
                     const worker = new IdentityPOWWorker();
                     workers.push(worker);
                     initialize_promise.push(worker.initialize(this.public_key));
@@ -653,7 +667,7 @@ namespace profiles.identities {
 
                 try {
                     await Promise.all(initialize_promise);
-                } catch(error) {
+                } catch (error) {
                     log.error(LogCategory.IDENTITIES, error);
                     throw "failed to initialize";
                 }
@@ -669,11 +683,11 @@ namespace profiles.identities {
             let last_hashrate_update: number = 0;
 
             const update_hashrate = () => {
-                if(!callback_status) return;
+                if (!callback_status) return;
                 const now = Date.now();
                 hash_timestamps.push(now);
 
-                if(last_hashrate_update + 1000 < now) {
+                if (last_hashrate_update + 1000 < now) {
                     last_hashrate_update = now;
 
                     const timeout = now - 10 * 1000; /* 10s */
@@ -695,9 +709,9 @@ namespace profiles.identities {
                         active = false;
                     };
 
-                    for(const worker of workers) {
+                    for (const worker of workers) {
                         const worker_mine = () => {
-                            if(!active) return;
+                            if (!active) return;
 
                             const promise = worker.mine(next_hash(), iterations, target_level);
                             const p = promise.then(result => {
@@ -705,25 +719,25 @@ namespace profiles.identities {
 
                                 worker_promise.remove(p);
 
-                                if(result.valueOf()) {
+                                if (result.valueOf()) {
-                                    if(worker.current_level() > best_level) {
+                                    if (worker.current_level() > best_level) {
                                         this.hash_number = worker.current_hash();
 
                                         log.info(LogCategory.IDENTITIES, "Found new best at %s (%d). Old was %d", this.hash_number, worker.current_level(), best_level);
                                         best_level = worker.current_level();
-                                        if(callback_level)
+                                        if (callback_level)
                                             callback_level(best_level);
                                     }
 
-                                    if(active) {
+                                    if (active) {
-                                        if(target > 0)
+                                        if (target > 0)
                                             exit();
                                         else
                                             target_level = best_level + 1;
                                     }
                                 }
 
-                                if(active && (active = active_callback()))
+                                if (active && (active = active_callback()))
                                     setTimeout(() => worker_mine(), 0);
                                 else {
                                     exit();
@@ -745,11 +759,13 @@ namespace profiles.identities {
                         worker_mine();
                     }
                 });
-            } catch(error) {
+            } catch (error) {
                 //error already printed before reject had been called
             }
 
-            { /* shutdown */
+            return result;
+        } finally {
+            /* shutdown */
             const finalize_promise: Promise<void>[] = [];
             for(const worker of workers)
                 finalize_promise.push(worker.finalize(250));
@@ -757,13 +773,10 @@ namespace profiles.identities {
             try {
                 await Promise.all(finalize_promise);
             } catch(error) {
-                    log.error(LogCategory.IDENTITIES, error);
+                log.error(LogCategory.IDENTITIES, "Failed to shutdown worker: %o", error);
-                    throw "failed to finalize";
             }
         }
-
+        throw "this should never be reached";
-
-            return result;
     }
 
     private async initialize() {
@@ -774,7 +787,7 @@ namespace profiles.identities {
         try {
             jwk = await CryptoHelper.decode_tomcrypt_key(this.private_key);
             if(!jwk)
-                    throw "result undefined";
+                throw tr("result undefined");
         } catch(error) {
             throw "failed to parse key (" + error + ")";
         }
@@ -802,7 +815,6 @@ namespace profiles.identities {
         }
 
         this._initialized = true;
-            //const public_key = await profiles.identities.CryptoHelper.export_ecc_key(key, true);
     }
 
     async export_ts(ini?: boolean) : Promise<string> {
@@ -864,8 +876,7 @@ namespace profiles.identities {
         return base64_encode_ab(buffer.subarray(0, index));
     }
 
-        spawn_identity_handshake_handler(connection: connection.AbstractServerConnection): connection.HandshakeIdentityHandler {
+    spawn_identity_handshake_handler(connection: AbstractServerConnection): HandshakeIdentityHandler {
         return new TeaSpeakHandshakeHandler(connection, this);
     }
-    }
 }

shared/js/profiles/identities/teaspeak-forum.ts

@@ -1,5 +1,11 @@
-interface Window {
+import {settings, Settings} from "tc-shared/settings";
+import * as loader from "tc-loader";
+import * as fidentity from "./TeaForumIdentity";
+
+declare global {
+    interface Window {
         grecaptcha: GReCaptcha;
+    }
 }
 
 interface GReCaptcha {
@@ -18,8 +24,7 @@ interface GReCaptcha {
     reset(widget_id?: string);
 }
 
-namespace forum {
+export namespace gcaptcha {
-    export namespace gcaptcha {
     export async function initialize() {
         if(typeof(window.grecaptcha) === "undefined") {
             let script = document.createElement("script");
@@ -46,7 +51,7 @@ namespace forum {
                 if(script)
                     script.onerror = undefined;
                 delete window[callback_name];
-                    clearTimeout(timeout);
+                timeout && clearTimeout(timeout);
             }
         }
 
@@ -70,13 +75,13 @@ namespace forum {
             }));
         }
     }
-    }
+}
 
-    function api_url() {
+function api_url() {
     return settings.static_global(Settings.KEY_TEAFORO_URL);
-    }
+}
 
-    export class Data {
+export class Data {
     readonly auth_key: string;
     readonly raw: string;
     readonly sign: string;
@@ -117,16 +122,16 @@ namespace forum {
 
     is_expired() : boolean { return this.parsed.data_age + 48 * 60 * 60 * 1000 < Date.now(); }
     should_renew() : boolean { return this.parsed.data_age + 24 * 60 * 60 * 1000 < Date.now(); } /* renew data all 24hrs */
-    }
+}
-    let _data: Data | undefined;
+let _data: Data | undefined;
 
-    export function logged_in() : boolean {
+export function logged_in() : boolean {
     return !!_data && !_data.is_expired();
-    }
+}
 
-    export function data() : Data { return _data; }
+export function data() : Data { return _data; }
 
-    export interface LoginResult {
+export interface LoginResult {
     status: "success" | "captcha" | "error";
 
     error_message?: string;
@@ -134,9 +139,9 @@ namespace forum {
         type: "gre-captcha" | "unknown";
         data: any; /* in case of gre-captcha it would be the side key */
     };
-    }
+}
 
-    export async function login(username: string, password: string, captcha?: any) : Promise<LoginResult> {
+export async function login(username: string, password: string, captcha?: any) : Promise<LoginResult> {
     let response;
     try {
         response = await new Promise<any>((resolve, reject) => {
@@ -206,7 +211,7 @@ namespace forum {
         localStorage.setItem("teaspeak-forum-data", response["data"]);
         localStorage.setItem("teaspeak-forum-sign", response["sign"]);
         localStorage.setItem("teaspeak-forum-auth", response["auth-key"]);
-            profiles.identities.update_forum();
+        fidentity.update_forum();
     } catch(error) {
         console.error(tr("Failed to parse forum given data: %o"), error);
         return {
@@ -218,9 +223,9 @@ namespace forum {
     return {
         status: "success"
     };
-    }
+}
 
-    export async function renew_data() : Promise<"success" | "login-required"> {
+export async function renew_data() : Promise<"success" | "login-required"> {
     let response;
     try {
         response = await new Promise<any>((resolve, reject) => {
@@ -266,16 +271,16 @@ namespace forum {
         _data = new Data(_data.auth_key, response["data"], response["sign"]);
         localStorage.setItem("teaspeak-forum-data", response["data"]);
         localStorage.setItem("teaspeak-forum-sign", response["sign"]);
-            profiles.identities.update_forum();
+        fidentity.update_forum();
     } catch(error) {
         console.error(tr("Failed to parse forum given data: %o"), error);
         throw tr("failed to parse data");
     }
 
     return "success";
-    }
+}
 
-    export async function logout() : Promise<void> {
+export async function logout() : Promise<void> {
     if(!logged_in())
         return;
 
@@ -320,10 +325,10 @@ namespace forum {
     localStorage.removeItem("teaspeak-forum-data");
     localStorage.removeItem("teaspeak-forum-sign");
     localStorage.removeItem("teaspeak-forum-auth");
-        profiles.identities.update_forum();
+    fidentity.update_forum();
-    }
+}
 
-    loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
+loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
     name: "TeaForo initialize",
     priority: 10,
     function: async () => {
@@ -362,5 +367,4 @@ namespace forum {
             console.error(tr("TeaForo data is expired. TeaForo connection isn't available!"));
         }
     }
-    })
+})
-}

shared/js/proto.ts

@@ -1,19 +1,20 @@
 //Used by CertAccept popup
 
-interface Array<T> {
+declare global {
+    interface Array<T> {
         remove(elem?: T): boolean;
         last?(): T;
 
         pop_front(): T | undefined;
-}
+    }
 
-interface JSON {
+    interface JSON {
         map_to<T>(object: T, json: any, variables?: string | string[], validator?: (map_field: string, map_value: string) => boolean, variable_direction?: number) : number;
         map_field_to<T>(object: T, value: any, field: string) : boolean;
-}
+    }
 
-type JQueryScrollType = "height" | "width";
+    type JQueryScrollType = "height" | "width";
-interface JQuery<TElement = HTMLElement> {
+    interface JQuery<TElement = HTMLElement> {
         render(values?: any) : string;
         renderTag(values?: any) : JQuery<TElement>;
         hasScrollBar(direction?: JQueryScrollType) : boolean;
@@ -29,18 +30,70 @@ interface JQuery<TElement = HTMLElement> {
 
         /* first element which matches the selector, could be the element itself or a parent */
         firstParent(selector: string) : JQuery;
-}
+    }
 
-interface JQueryStatic<TElement extends Node = HTMLElement> {
+    interface JQueryStatic<TElement extends Node = HTMLElement> {
         spawn<K extends keyof HTMLElementTagNameMap>(tagName: K): JQuery<HTMLElementTagNameMap[K]>;
         views: any;
-}
+    }
 
-interface String {
+    interface String {
         format(...fmt): string;
         format(arguments: string[]): string;
+    }
+
+    interface Twemoji {
+        parse(message: string) : string;
+    }
+    let twemoji: Twemoji;
+
+    interface HighlightJS {
+        listLanguages() : string[];
+        getLanguage(name: string) : any | undefined;
+
+        highlight(language: string, text: string, ignore_illegals?: boolean) : HighlightJSResult;
+        highlightAuto(text: string) : HighlightJSResult;
+    }
+
+    interface HighlightJSResult {
+        language: string;
+        relevance: number;
+
+        value: string;
+        second_best?: any;
+    }
+
+    let remarkable: typeof window.remarkable;
+
+    interface Window {
+        readonly webkitAudioContext: typeof AudioContext;
+        readonly AudioContext: typeof OfflineAudioContext;
+        readonly OfflineAudioContext: typeof OfflineAudioContext;
+        readonly webkitOfflineAudioContext: typeof webkitOfflineAudioContext;
+        readonly RTCPeerConnection: typeof RTCPeerConnection;
+        readonly Pointer_stringify: any;
+        readonly jsrender: any;
+
+        twemoji: Twemoji;
+        hljs: HighlightJS;
+        remarkable: any;
+
+        require(id: string): any;
+    }
+
+    interface Navigator {
+        browserSpecs: {
+            name: string,
+            version: string
+        };
+
+        mozGetUserMedia(constraints: MediaStreamConstraints, successCallback: NavigatorUserMediaSuccessCallback, errorCallback: NavigatorUserMediaErrorCallback): void;
+        webkitGetUserMedia(constraints: MediaStreamConstraints, successCallback: NavigatorUserMediaSuccessCallback, errorCallback: NavigatorUserMediaErrorCallback): void;
+    }
 }
 
+export function initialize() { }
+
 if(!JSON.map_to) {
     JSON.map_to = function <T>(object: T, json: any, variables?: string | string[], validator?: (map_field: string, map_value: string) => boolean, variable_direction?: number): number {
         if (!validator) validator = (a, b) => true;
@@ -131,6 +184,7 @@ if(typeof ($) !== "undefined") {
             return $(document.createElement(tagName) as any);
         }
     }
+
     if(!$.fn.renderTag) {
         $.fn.renderTag = function (this: JQuery, values?: any) : JQuery {
             let result;
@@ -184,7 +238,8 @@ if(typeof ($) !== "undefined") {
             const result = this.height();
             this.attr("style", original_style || "");
             return result;
-        }
+        };
+
     if(!$.fn.visible_width)
         $.fn.visible_width = function (this: JQuery<HTMLElement>) {
             const original_style = this.attr("style");
@@ -197,7 +252,8 @@ if(typeof ($) !== "undefined") {
             const result = this.width();
             this.attr("style", original_style || "");
             return result;
-        }
+        };
+
     if(!$.fn.firstParent)
         $.fn.firstParent = function (this: JQuery<HTMLElement>, selector: string) {
             if(this.is(selector))
@@ -232,30 +288,6 @@ function concatenate(resultConstructor, ...arrays) {
     return result;
 }
 
-function formatDate(secs: number) : string {
-    let years   = Math.floor(secs  / (60 * 60 * 24 * 365));
-    let days    = Math.floor(secs  / (60 * 60 * 24)) % 365;
-    let hours   = Math.floor(secs / (60 * 60)) % 24;
-    let minutes = Math.floor(secs / 60) % 60;
-    let seconds = Math.floor(secs % 60);
-
-    let result = "";
-    if(years > 0)
-        result += years + " " + tr("years") + " ";
-    if(years > 0 || days > 0)
-        result += days + " " + tr("days") + " ";
-    if(years > 0 || days > 0 || hours > 0)
-        result += hours + " " + tr("hours") + " ";
-    if(years > 0 || days > 0 || hours > 0 || minutes > 0)
-        result += minutes + " " + tr("minutes") + " ";
-    if(years > 0 || days > 0 || hours > 0 || minutes > 0 || seconds > 0)
-        result += seconds + " " + tr("seconds") + " ";
-    else
-        result = tr("now") + " ";
-
-    return result.substr(0, result.length - 1);
-}
-
 function calculate_width(text: string) : number {
     let element = $.spawn("div");
     element.text(text)
@@ -266,63 +298,3 @@ function calculate_width(text: string) : number {
     element.detach();
     return size;
 }
-
-interface Twemoji {
-    parse(message: string) : string;
-}
-declare let twemoji: Twemoji;
-
-interface HighlightJS {
-    listLanguages() : string[];
-    getLanguage(name: string) : any | undefined;
-
-    highlight(language: string, text: string, ignore_illegals?: boolean) : HighlightJSResult;
-    highlightAuto(text: string) : HighlightJSResult;
-}
-
-interface HighlightJSResult {
-    language: string;
-    relevance: number;
-
-    value: string;
-    second_best?: any;
-}
-
-interface DOMPurify {
-    sanitize(html: string, config?: {
-        ADD_ATTR?: string[]
-        ADD_TAGS?: string[];
-    }) : string;
-}
-declare let DOMPurify: DOMPurify;
-
-declare let remarkable: typeof window.remarkable;
-
-declare class webkitAudioContext extends AudioContext {}
-declare class webkitOfflineAudioContext extends OfflineAudioContext {}
-
-interface Window {
-    readonly webkitAudioContext: typeof webkitAudioContext;
-    readonly AudioContext: typeof webkitAudioContext;
-    readonly OfflineAudioContext: typeof OfflineAudioContext;
-    readonly webkitOfflineAudioContext: typeof webkitOfflineAudioContext;
-    readonly RTCPeerConnection: typeof RTCPeerConnection;
-    readonly Pointer_stringify: any;
-    readonly jsrender: any;
-
-    twemoji: Twemoji;
-    hljs: HighlightJS;
-    remarkable: any;
-
-    require(id: string): any;
-}
-
-interface Navigator {
-    browserSpecs: {
-        name: string,
-        version: string
-    };
-
-    mozGetUserMedia(constraints: MediaStreamConstraints, successCallback: NavigatorUserMediaSuccessCallback, errorCallback: NavigatorUserMediaErrorCallback): void;
-    webkitGetUserMedia(constraints: MediaStreamConstraints, successCallback: NavigatorUserMediaSuccessCallback, errorCallback: NavigatorUserMediaErrorCallback): void;
-}

shared/js/settings.ts

@@ -1,6 +1,10 @@
-/// <reference path="ui/elements/modal.ts" />
 //Used by CertAccept popup
 
+import {createErrorModal} from "tc-shared/ui/elements/Modal";
+import {LogCategory} from "tc-shared/log";
+import * as loader from "tc-loader";
+import * as log from "tc-shared/log";
+
 if(typeof(customElements) !== "undefined") {
     try {
         class X_Properties extends HTMLElement {}
@@ -9,12 +13,12 @@ if(typeof(customElements) !== "undefined") {
         customElements.define('x-properties', X_Properties, { extends: 'div' });
         customElements.define('x-property', X_Property, { extends: 'div' });
     } catch(error) {
-        console.warn("failed to define costum elements");
+        console.warn("failed to define costume elements");
     }
 }
 
 /* T = value type */
-interface SettingsKey<T> {
+export interface SettingsKey<T> {
     key: string;
 
     fallback_keys?: string | string[];
@@ -25,7 +29,7 @@ interface SettingsKey<T> {
     require_restart?: boolean;
 }
 
-class SettingsBase {
+export class SettingsBase {
     protected static readonly UPDATE_DIRECT: boolean = true;
 
     protected static transformStO?<T>(input?: string, _default?: T, default_type?: string) : T {
@@ -77,7 +81,7 @@ class SettingsBase {
     }
 }
 
-class StaticSettings extends SettingsBase {
+export class StaticSettings extends SettingsBase {
     private static _instance: StaticSettings;
     static get instance() : StaticSettings {
         if(!this._instance)
@@ -139,7 +143,7 @@ class StaticSettings extends SettingsBase {
     }
 }
 
-class Settings extends StaticSettings {
+export class Settings extends StaticSettings {
     static readonly KEY_USER_IS_NEW: SettingsKey<boolean> = {
         key: 'user_is_new_user',
         default_value: true
@@ -433,7 +437,7 @@ class Settings extends StaticSettings {
     }
 }
 
-class ServerSettings extends SettingsBase {
+export class ServerSettings extends SettingsBase {
     private cacheServer = {};
     private _server_unique_id: string;
     private _server_save_worker: NodeJS.Timer;
@@ -511,4 +515,4 @@ class ServerSettings extends SettingsBase {
     }
 }
 
-let settings: Settings;
+export let settings: Settings = null;

shared/js/sound/Sounds.ts

@@ -1,4 +1,10 @@
-enum Sound {
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {settings} from "tc-shared/settings";
+import {ConnectionHandler} from "tc-shared/ConnectionHandler";
+import * as sbackend from "tc-backend/audio/sounds";
+
+export enum Sound {
     SOUND_TEST = "sound.test",
     SOUND_EGG = "sound.egg",
 
@@ -61,33 +67,32 @@ enum Sound {
     GROUP_CHANNEL_CHANGED_SELF = "group.channel.changed.self"
 }
 
-namespace sound {
+export interface SoundHandle {
-    export interface SoundHandle {
     key: string;
     filename: string;
-    }
+}
 
-    export interface SoundFile {
+export interface SoundFile {
     path: string;
     volume?: number;
-    }
+}
 
-    let speech_mapping: {[key: string]:SoundHandle} = {};
+let speech_mapping: {[key: string]:SoundHandle} = {};
 
-    let volume_require_save = false;
+let volume_require_save = false;
-    let speech_volume: {[key: string]:number} = {};
+let speech_volume: {[key: string]:number} = {};
-    let master_volume: number;
+let master_volume: number;
 
-    let overlap_sounds: boolean;
+let overlap_sounds: boolean;
-    let ignore_muted: boolean;
+let ignore_muted: boolean;
 
-    let master_mixed: GainNode;
+let master_mixed: GainNode;
 
-    function register_sound(key: string, file: string) {
+function register_sound(key: string, file: string) {
     speech_mapping[key] = {key: key, filename: file} as SoundHandle;
-    }
+}
 
-    export function get_sound_volume(sound: Sound, default_volume?: number) : number {
+export function get_sound_volume(sound: Sound, default_volume?: number) : number {
     let result = speech_volume[sound];
     if(typeof(result) === "undefined") {
         if(typeof(default_volume) !== "undefined")
@@ -96,18 +101,18 @@ namespace sound {
             result = 1;
     }
     return result;
-    }
+}
 
-    export function set_sound_volume(sound: Sound, volume: number) {
+export function set_sound_volume(sound: Sound, volume: number) {
     volume_require_save = volume_require_save || speech_volume[sound] != volume;
     speech_volume[sound] = volume == 1 ? undefined : volume;
-    }
+}
 
-    export function get_master_volume() : number {
+export function get_master_volume() : number {
     return master_volume;
-    }
+}
 
-    export function set_master_volume(volume: number) {
+export function set_master_volume(volume: number) {
     volume_require_save = volume_require_save || master_volume != volume;
     master_volume = volume;
     if(master_mixed) {
@@ -116,49 +121,34 @@ namespace sound {
         else
             master_mixed.gain.value = volume;
     }
-    }
+}
 
-    export function overlap_activated() : boolean {
+export function overlap_activated() : boolean {
     return overlap_sounds;
-    }
+}
 
-    export function set_overlap_activated(flag: boolean) {
+export function set_overlap_activated(flag: boolean) {
     volume_require_save = volume_require_save || overlap_sounds != flag;
     overlap_sounds = flag;
-    }
+}
 
-    export function ignore_output_muted() : boolean {
+export function ignore_output_muted() : boolean {
     return ignore_muted;
-    }
+}
 
-    export function set_ignore_output_muted(flag: boolean) {
+export function set_ignore_output_muted(flag: boolean) {
     volume_require_save = volume_require_save || ignore_muted != flag;
     ignore_muted = flag;
-    }
+}
 
-    export function reinitialisize_audio() {
+export function save() {
-        const context = audio.player.context();
-        const destination = audio.player.destination();
-
-        if(master_mixed)
-            master_mixed.disconnect();
-
-        master_mixed = context.createGain();
-        if(master_mixed.gain.setValueAtTime)
-            master_mixed.gain.setValueAtTime(master_volume, 0);
-        else
-            master_mixed.gain.value = master_volume;
-        master_mixed.connect(destination);
-    }
-
-    export function save() {
     if(volume_require_save) {
         volume_require_save = false;
 
         const data: any = {};
         data.version = 1;
 
-            for(const key in Sound) {
+        for(const key of Object.keys(Sound)) {
             if(typeof(speech_volume[Sound[key]]) !== "undefined")
                 data[Sound[key]] = speech_volume[Sound[key]];
         }
@@ -168,9 +158,9 @@ namespace sound {
 
         settings.changeGlobal("sound_volume", JSON.stringify(data));
     }
-    }
+}
 
-    export function initialize() : Promise<void> {
+export function initialize() : Promise<void> {
     $.ajaxSetup({
         beforeSend: function(jqXHR,settings){
             if (settings.dataType === 'binary') {
@@ -183,7 +173,7 @@ namespace sound {
     /* volumes */
     {
         const data = JSON.parse(settings.static_global("sound_volume", "{}"));
-            for(const sound_key in Sound) {
+        for(const sound_key of Object.keys(Sound)) {
             if(typeof(data[Sound[sound_key]]) !== "undefined")
                 speech_volume[Sound[sound_key]] = data[Sound[sound_key]];
         }
@@ -197,7 +187,6 @@ namespace sound {
     register_sound("message.send", "effects/message_send.wav");
 
     manager = new SoundManager(undefined);
-        audio.player.on_ready(reinitialisize_audio);
     return new Promise<void>((resolve, reject) => {
         $.ajax({
             url: "audio/speech/mapping.json",
@@ -217,27 +206,27 @@ namespace sound {
             type: 'GET'
         });
     });
-    }
+}
 
-    export interface PlaybackOptions {
+export interface PlaybackOptions {
     ignore_muted?: boolean;
     ignore_overlap?: boolean;
 
     default_volume?: number;
 
     callback?: (flag: boolean) => any;
-    }
+}
 
-    export async function resolve_sound(sound: Sound) : Promise<SoundHandle> {
+export async function resolve_sound(sound: Sound) : Promise<SoundHandle> {
     const file: SoundHandle = speech_mapping[sound];
     if(!file) throw tr("Missing sound handle");
 
     return file;
-    }
+}
 
-    export let manager: SoundManager;
+export let manager: SoundManager;
 
-    export class SoundManager {
+export class SoundManager {
     private readonly _handle: ConnectionHandler;
     private _playing_sounds: {[key: string]:number} = {};
 
@@ -254,25 +243,19 @@ namespace sound {
         if(volume == 0 || master_volume == 0)
             return;
 
-            if(this._handle && !options.ignore_muted && !sound.ignore_output_muted() && this._handle.client_status.output_muted)
+        if(this._handle && !options.ignore_muted && !ignore_output_muted() && this._handle.client_status.output_muted)
             return;
 
-            const context = audio.player.context();
+        resolve_sound(_sound).then(handle => {
-            if(!context) {
-                log.warn(LogCategory.AUDIO, tr("Tried to replay a sound without an audio context (Sound: %o). Dropping playback"), _sound);
-                return;
-            }
-
-            sound.resolve_sound(_sound).then(handle => {
             if(!handle) return;
 
-                if(!options.ignore_overlap && (this._playing_sounds[handle.filename] > 0) && !sound.overlap_activated()) {
+            if(!options.ignore_overlap && (this._playing_sounds[handle.filename] > 0) && !overlap_activated()) {
                 log.info(LogCategory.AUDIO, tr("Dropping requested playback for sound %s because it would overlap."), _sound);
                 return;
             }
 
             this._playing_sounds[handle.filename] = (this._playing_sounds[handle.filename] || 0) + 1;
-                audio.sounds.play_sound({
+            sbackend.play_sound({
                 path: "audio/" + handle.filename,
                 volume: volume * master_volume
             }).then(() => {
@@ -286,10 +269,9 @@ namespace sound {
                 this._playing_sounds[handle.filename]--;
             });
         }).catch(error => {
-                log.warn(LogCategory.AUDIO, tr("Failed to replay sound %o because it could not be resolved: %o"), sound, error);
+            log.warn(LogCategory.AUDIO, tr("Failed to replay sound %o because it could not be resolved: %o"), _sound, error);
             if(options.callback)
                 options.callback(false);
         });
     }
-    }
 }

shared/js/stats.ts

@@ -1,22 +1,24 @@
-namespace stats {
+import {LogCategory} from "tc-shared/log";
-    const LOG_PREFIX = "[Statistics] ";
+import * as log from "tc-shared/log";
 
-    export enum CloseCodes {
+const LOG_PREFIX = "[Statistics] ";
+
+enum CloseCodes {
     UNSET = 3000,
     RECONNECT = 3001,
     INTERNAL_ERROR = 3002,
 
     BANNED = 3100,
-    }
+}
 
-    enum ConnectionState {
+enum ConnectionState {
     CONNECTING,
     INITIALIZING,
     CONNECTED,
     UNSET
-    }
+}
 
-    export class SessionConfig {
+export class SessionConfig {
     /*
      * All collected statistics will only be cached by the stats server.
      * No data will be saved.
@@ -28,35 +30,35 @@ namespace stats {
      * This option is quite useless when volatile_collection_only is active.
      */
     anonymize_ip_addresses?: boolean;
-    }
+}
 
-    export class Config extends SessionConfig {
+export class Config extends SessionConfig {
     verbose?: boolean;
 
     reconnect_interval?: number;
-    }
+}
 
-    export interface UserCountData {
+export interface UserCountData {
     online_users: number;
     unique_online_users: number;
-    }
+}
 
-    export type UserCountListener = (data: UserCountData) => any;
+export type UserCountListener = (data: UserCountData) => any;
 
-    let reconnect_timer: NodeJS.Timer;
+let reconnect_timer: NodeJS.Timer;
-    let current_config: Config;
+let current_config: Config;
 
-    let last_user_count_update: number;
+let last_user_count_update: number;
-    let user_count_listener: UserCountListener[] = [];
+let user_count_listener: UserCountListener[] = [];
 
-    const DEFAULT_CONFIG: Config = {
+const DEFAULT_CONFIG: Config = {
     verbose: true,
     reconnect_interval: 5000,
     anonymize_ip_addresses: true,
     volatile_collection_only: false
-    };
+};
 
-    function initialize_config_object(target_object: any, source_object: any) : any {
+function initialize_config_object(target_object: any, source_object: any) : any {
     for(const key of Object.keys(source_object)) {
         if(typeof(source_object[key]) === 'object')
             initialize_config_object(target_object[key] || (target_object[key] = {}), source_object[key]);
@@ -68,29 +70,29 @@ namespace stats {
     }
 
     return target_object;
-    }
+}
 
-    export function initialize(config: Config) {
+export function initialize(config: Config) {
     current_config = initialize_config_object(config || {}, DEFAULT_CONFIG);
     if(current_config.verbose)
         log.info(LogCategory.STATISTICS, tr("Initializing statistics with this config: %o"), current_config);
 
     connection.start_connection();
-    }
+}
 
-    export function register_user_count_listener(listener: UserCountListener) {
+export function register_user_count_listener(listener: UserCountListener) {
     user_count_listener.push(listener);
-    }
+}
 
-    export function all_user_count_listener() : UserCountListener[] {
+export function all_user_count_listener() : UserCountListener[] {
     return user_count_listener;
-    }
+}
 
-    export function deregister_user_count_listener(listener: UserCountListener) {
+export function deregister_user_count_listener(listener: UserCountListener) {
     user_count_listener.remove(listener);
-    }
+}
 
-    namespace connection {
+namespace connection {
     let connection: WebSocket;
     export let connection_state: ConnectionState = ConnectionState.UNSET;
 
@@ -239,5 +241,4 @@ namespace stats {
         handler["notifyinitialized"] = handle_notify_initialized;
         handler["notifyusercount"] = handle_notify_user_count;
     }
-    }
 }

shared/js/ui/channel.ts

@@ -1,12 +1,26 @@
-/// <reference path="view.ts" />
+import {ChannelTree} from "tc-shared/ui/view";
-/// <reference path="../utils/helpers.ts" />
+import {ClientEntry} from "tc-shared/ui/client";
+import * as log from "tc-shared/log";
+import {LogCategory, LogType} from "tc-shared/log";
+import PermissionType from "tc-shared/permission/PermissionType";
+import {settings, Settings} from "tc-shared/settings";
+import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
+import {Sound} from "tc-shared/sound/Sounds";
+import {createErrorModal, createInfoModal, createInputModal} from "tc-shared/ui/elements/Modal";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import * as htmltags from "./htmltags";
+import {hashPassword} from "tc-shared/utils/helpers";
+import * as server_log from "tc-shared/ui/frames/server_log";
+import {openChannelInfo} from "tc-shared/ui/modal/ModalChannelInfo";
+import {createChannelModal} from "tc-shared/ui/modal/ModalCreateChannel";
+import {formatMessage} from "tc-shared/ui/frames/chat";
 
-enum ChannelType {
+export enum ChannelType {
     PERMANENT,
     SEMI_PERMANENT,
     TEMPORARY
 }
-namespace ChannelType {
+export namespace ChannelType {
     export function normalize(mode: ChannelType) {
         let value: string = ChannelType[mode];
         value = value.toLowerCase();
@@ -14,13 +28,13 @@ namespace ChannelType {
     }
 }
 
-enum ChannelSubscribeMode {
+export enum ChannelSubscribeMode {
     SUBSCRIBED,
     UNSUBSCRIBED,
     INHERITED
 }
 
-class ChannelProperties {
+export class ChannelProperties {
     channel_order: number = 0;
     channel_name: string = "";
     channel_name_phonetic: string = "";
@@ -55,7 +69,7 @@ class ChannelProperties {
     channel_conversation_history_length: number = -1;
 }
 
-class ChannelEntry {
+export class ChannelEntry {
     channelTree: ChannelTree;
     channelId: number;
     parent?: ChannelEntry;
@@ -525,7 +539,7 @@ class ChannelEntry {
                 name: tr("Show channel info"),
                 callback: () => {
                     trigger_close = false;
-                    Modals.openChannelInfo(this);
+                    openChannelInfo(this);
                 },
                 icon_class: "client-about"
             },
@@ -565,7 +579,7 @@ class ChannelEntry {
                 name: tr("Edit channel"),
                 invalidPermission: !channelModify,
                 callback: () => {
-                    Modals.createChannelModal(this.channelTree.client, this, undefined, this.channelTree.client.permissions, (changes?, permissions?) => {
+                    createChannelModal(this.channelTree.client, this, undefined, this.channelTree.client.permissions, (changes?, permissions?) => {
                         if(changes) {
                             changes["cid"] = this.channelId;
                             this.channelTree.client.serverConnection.send_command("channeledit", changes);
@@ -617,7 +631,7 @@ class ChannelEntry {
                             error = error.extra_message || error.message;
                         }
 
-                        createErrorModal(tr("Failed to create bot"), MessageHelper.formatMessage(tr("Failed to create the music bot:<br>{0}"), error)).open();
+                        createErrorModal(tr("Failed to create bot"), formatMessage(tr("Failed to create the music bot:<br>{0}"), error)).open();
                     });
                 }
             },
@@ -834,7 +848,7 @@ class ChannelEntry {
             !this.channelTree.client.permissions.neededPermission(PermissionType.B_CHANNEL_JOIN_IGNORE_PASSWORD).granted(1)) {
             createInputModal(tr("Channel password"), tr("Channel password:"), () => true, text => {
                 if(typeof(text) == typeof(true)) return;
-                helpers.hashPassword(text as string).then(result => {
+                hashPassword(text as string).then(result => {
                     this._cachedPassword = result;
                     this.joinChannel();
                     this.updateChannelTypeIcon();
@@ -923,7 +937,7 @@ class ChannelEntry {
         this._tag_channel.find(".marker-text-unread").toggleClass("hidden", !flag);
     }
 
-    log_data() : log.server.base.Channel {
+    log_data() : server_log.base.Channel {
         return {
             channel_name: this.channelName(),
             channel_id: this.channelId

shared/js/ui/client.ts

@@ -1,8 +1,34 @@
-/// <reference path="channel.ts" />
+import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
-/// <reference path="modal/ModalChangeVolume.ts" />
+import {channel_tree, Registry} from "tc-shared/events";
-/// <reference path="client_move.ts" />
+import {ChannelTree} from "tc-shared/ui/view";
+import * as log from "tc-shared/log";
+import {LogCategory, LogType} from "tc-shared/log";
+import {Settings, settings} from "tc-shared/settings";
+import {KeyCode, SpecialKey} from "tc-shared/PPTListener";
+import {Sound} from "tc-shared/sound/Sounds";
+import {Group, GroupManager, GroupTarget, GroupType} from "tc-shared/permission/GroupManager";
+import PermissionType from "tc-shared/permission/PermissionType";
+import {createErrorModal, createInputModal} from "tc-shared/ui/elements/Modal";
+import * as htmltags from "tc-shared/ui/htmltags";
+import * as server_log from "tc-shared/ui/frames/server_log";
+import {CommandResult} from "tc-shared/connection/ServerConnectionDeclaration";
+import {ChannelEntry} from "tc-shared/ui/channel";
+import {ConnectionHandler, ViewReasonId} from "tc-shared/ConnectionHandler";
+import {voice} from "tc-shared/connection/ConnectionBase";
+import VoiceClient = voice.VoiceClient;
+import {spawnPermissionEdit} from "tc-shared/ui/modal/permission/ModalPermissionEdit";
+import {createServerGroupAssignmentModal} from "tc-shared/ui/modal/ModalGroupAssignment";
+import {openClientInfo} from "tc-shared/ui/modal/ModalClientInfo";
+import {spawnBanClient} from "tc-shared/ui/modal/ModalBanClient";
+import {spawnChangeVolume} from "tc-shared/ui/modal/ModalChangeVolume";
+import {spawnChangeLatency} from "tc-shared/ui/modal/ModalChangeLatency";
+import {spawnPlaylistEdit} from "tc-shared/ui/modal/ModalPlaylistEdit";
+import {formatMessage} from "tc-shared/ui/frames/chat";
+import {spawnYesNo} from "tc-shared/ui/modal/ModalYesNo";
+import * as ppt from "tc-backend/ppt";
+import * as hex from "tc-shared/crypto/hex";
 
-enum ClientType {
+export enum ClientType {
     CLIENT_VOICE,
     CLIENT_QUERY,
     CLIENT_INTERNAL,
@@ -11,7 +37,7 @@ enum ClientType {
     CLIENT_UNDEFINED
 }
 
-class ClientProperties {
+export class ClientProperties {
     client_type: ClientType = ClientType.CLIENT_VOICE; //TeamSpeaks type
     client_type_exact: ClientType = ClientType.CLIENT_VOICE;
 
@@ -57,7 +83,7 @@ class ClientProperties {
     client_is_priority_speaker: boolean = false;
 }
 
-class ClientConnectionInfo {
+export class ClientConnectionInfo {
     connection_bandwidth_received_last_minute_control: number = -1;
     connection_bandwidth_received_last_minute_keepalive: number = -1;
     connection_bandwidth_received_last_minute_speech: number = -1;
@@ -109,8 +135,8 @@ class ClientConnectionInfo {
     connection_client_port: number = -1;
 }
 
-class ClientEntry {
+export class ClientEntry {
-    readonly events: events.Registry<events.channel_tree.client>;
+    readonly events: Registry<channel_tree.client>;
 
     protected _clientId: number;
     protected _channel: ChannelEntry;
@@ -121,7 +147,7 @@ class ClientEntry {
     protected _speaking: boolean;
     protected _listener_initialized: boolean;
 
-    protected _audio_handle: connection.voice.VoiceClient;
+    protected _audio_handle: VoiceClient;
     protected _audio_volume: number;
     protected _audio_muted: boolean;
 
@@ -136,7 +162,7 @@ class ClientEntry {
     channelTree: ChannelTree;
 
     constructor(clientId: number, clientName, properties: ClientProperties = new ClientProperties()) {
-        this.events = new events.Registry<events.channel_tree.client>();
+        this.events = new Registry<channel_tree.client>();
 
         this._properties = properties;
         this._properties.client_nickname = clientName;
@@ -181,7 +207,7 @@ class ClientEntry {
         this._channel = undefined;
     }
 
-    set_audio_handle(handle: connection.voice.VoiceClient) {
+    set_audio_handle(handle: VoiceClient) {
         if(this._audio_handle === handle)
             return;
 
@@ -200,7 +226,7 @@ class ClientEntry {
         handle.callback_stopped = () => this.speaking = false;
     }
 
-    get_audio_handle() : connection.voice.VoiceClient {
+    get_audio_handle() : VoiceClient {
         return this._audio_handle;
     }
 
@@ -285,7 +311,7 @@ class ClientEntry {
 
             let clients = this.channelTree.currently_selected as (ClientEntry | ClientEntry[]);
 
-            if(ppt.key_pressed(ppt.SpecialKey.SHIFT)) {
+            if(ppt.key_pressed(SpecialKey.SHIFT)) {
                 if(clients != this && !($.isArray(clients) && clients.indexOf(this) != -1))
                     clients = $.isArray(clients) ? [...clients, this] : [clients, this];
             } else {
@@ -418,20 +444,20 @@ class ClientEntry {
                     type: contextmenu.MenuEntryType.ENTRY,
                     icon_class: "client-permission_client",
                     name: tr("Client permissions"),
-                    callback: () => Modals.spawnPermissionEdit(this.channelTree.client, "clp", {unique_id: this.clientUid()}).open()
+                    callback: () => spawnPermissionEdit(this.channelTree.client, "clp", {unique_id: this.clientUid()}).open()
                 },
                 {
                     type: contextmenu.MenuEntryType.ENTRY,
                     icon_class: "client-permission_client",
                     name: tr("Client channel permissions"),
-                    callback: () => Modals.spawnPermissionEdit(this.channelTree.client, "clchp", {unique_id: this.clientUid(), channel_id: this._channel ? this._channel.channelId : undefined }).open()
+                    callback: () => spawnPermissionEdit(this.channelTree.client, "clchp", {unique_id: this.clientUid(), channel_id: this._channel ? this._channel.channelId : undefined }).open()
                 }
             ]
         }];
     }
 
     open_assignment_modal() {
-        Modals.createServerGroupAssignmentModal(this, (groups, flag) => {
+        createServerGroupAssignmentModal(this, (groups, flag) => {
             if(groups.length == 0) return Promise.resolve(true);
 
             if(groups.length == 1) {
@@ -490,7 +516,7 @@ class ClientEntry {
                 type: contextmenu.MenuEntryType.ENTRY,
                 icon_class: "client-about",
                 name: tr("Show client info"),
-                callback: () => Modals.openClientInfo(this)
+                callback: () => openClientInfo(this)
             },
             contextmenu.Entry.HR(),
             {
@@ -582,7 +608,7 @@ class ClientEntry {
                 name: tr("Ban client"),
                 invalidPermission: !this.channelTree.client.permissions.neededPermission(PermissionType.I_CLIENT_BAN_MAX_BANTIME).granted(1),
                 callback: () => {
-                    Modals.spawnBanClient(this.channelTree.client, [{
+                    spawnBanClient(this.channelTree.client, [{
                         name: this.properties.client_nickname,
                         unique_id: this.properties.client_unique_identifier
                     }], (data) => {
@@ -622,7 +648,7 @@ class ClientEntry {
                 icon_class: "client-volume",
                 name: tr("Change Volume"),
                 callback: () => {
-                    Modals.spawnChangeVolume(this, true, this._audio_volume, undefined, volume => {
+                    spawnChangeVolume(this, true, this._audio_volume, undefined, volume => {
                         this._audio_volume = volume;
                         this.channelTree.client.settings.changeServer("volume_client_" + this.clientUid(), volume);
                         if(this._audio_handle)
@@ -635,7 +661,7 @@ class ClientEntry {
                 type: contextmenu.MenuEntryType.ENTRY,
                 name: tr("Change playback latency"),
                 callback: () => {
-                    Modals.spawnChangeLatency(this, this._audio_handle.latency_settings(), () => {
+                    spawnChangeLatency(this, this._audio_handle.latency_settings(), () => {
                         this._audio_handle.reset_latency_settings();
                         return this._audio_handle.latency_settings();
                     }, settings => this._audio_handle.latency_settings(settings), this._audio_handle.support_flush ? () => {
@@ -843,7 +869,7 @@ class ClientEntry {
             if(variable.key == "client_nickname") {
                 if(variable.value !== old_value && typeof(old_value) === "string") {
                     if(!(this instanceof LocalClientEntry)) { /* own changes will be logged somewhere else */
-                        this.channelTree.client.log.log(log.server.Type.CLIENT_NICKNAME_CHANGED, {
+                        this.channelTree.client.log.log(server_log.Type.CLIENT_NICKNAME_CHANGED, {
                             own_client: false,
                             client: this.log_data(),
                             new_name: variable.value,
@@ -1082,7 +1108,7 @@ class ClientEntry {
         this.tag.css('padding-left', (5 + (index + 2) * 16) + "px");
     }
 
-    log_data() : log.server.base.Client {
+    log_data() : server_log.base.Client {
         return {
             client_unique_id: this.properties.client_unique_identifier,
             client_name: this.clientNickName(),
@@ -1123,7 +1149,7 @@ class ClientEntry {
     }
 }
 
-class LocalClientEntry extends ClientEntry {
+export class LocalClientEntry extends ClientEntry {
     handle: ConnectionHandler;
 
     private renaming: boolean;
@@ -1216,14 +1242,14 @@ class LocalClientEntry extends ClientEntry {
             const old_name = this.clientNickName();
             this.handle.serverConnection.command_helper.updateClient("client_nickname", text).then((e) => {
                 settings.changeGlobal(Settings.KEY_CONNECT_USERNAME, text);
-                this.channelTree.client.log.log(log.server.Type.CLIENT_NICKNAME_CHANGED, {
+                this.channelTree.client.log.log(server_log.Type.CLIENT_NICKNAME_CHANGED, {
                     client: this.log_data(),
                     old_name: old_name,
                     new_name: text,
                     own_client: true
                 });
             }).catch((e: CommandResult) => {
-                this.channelTree.client.log.log(log.server.Type.CLIENT_NICKNAME_CHANGE_FAILED, {
+                this.channelTree.client.log.log(server_log.Type.CLIENT_NICKNAME_CHANGE_FAILED, {
                     reason: e.extra_message
                 });
                 this.openRename();
@@ -1232,7 +1258,7 @@ class LocalClientEntry extends ClientEntry {
     }
 }
 
-class MusicClientProperties extends ClientProperties {
+export class MusicClientProperties extends ClientProperties {
     player_state: number = 0;
     player_volume: number = 0;
 
@@ -1264,7 +1290,7 @@ class MusicClientProperties extends ClientProperties {
     }
  */
 
-class SongInfo {
+export class SongInfo {
     song_id: number = 0;
     song_url: string = "";
     song_invoker: number = 0;
@@ -1277,7 +1303,7 @@ class SongInfo {
     song_length: number = 0;
 }
 
-class MusicClientPlayerInfo extends SongInfo {
+export class MusicClientPlayerInfo extends SongInfo {
     bot_id: number = 0;
     player_state: number = 0;
 
@@ -1290,7 +1316,7 @@ class MusicClientPlayerInfo extends SongInfo {
     player_description: string = "";
 }
 
-class MusicClientEntry extends ClientEntry {
+export class MusicClientEntry extends ClientEntry {
     private _info_promise: Promise<MusicClientPlayerInfo>;
     private _info_promise_age: number = 0;
     private _info_promise_resolve: any;
@@ -1366,7 +1392,7 @@ class MusicClientEntry extends ClientEntry {
                     this.channelTree.client.serverConnection.command_helper.request_playlist_list().then(lists => {
                         for(const entry of lists) {
                             if(entry.playlist_id == this.properties.client_playlist_id) {
-                                Modals.spawnPlaylistEdit(this.channelTree.client, entry);
+                                spawnPlaylistEdit(this.channelTree.client, entry);
                                 return;
                             }
                         }
@@ -1435,7 +1461,7 @@ class MusicClientEntry extends ClientEntry {
                 icon_class: "client-volume",
                 name: tr("Change local volume"),
                 callback: () => {
-                    Modals.spawnChangeVolume(this, true, this._audio_handle.get_volume(), undefined, volume => {
+                    spawnChangeVolume(this, true, this._audio_handle.get_volume(), undefined, volume => {
                         this.channelTree.client.settings.changeServer("volume_client_" + this.clientUid(), volume);
                         this._audio_handle.set_volume(volume);
                     });
@@ -1450,7 +1476,7 @@ class MusicClientEntry extends ClientEntry {
                     if(max_volume < 0)
                         max_volume = 100;
 
-                    Modals.spawnChangeVolume(this, false, this.properties.player_volume, max_volume / 100, value => {
+                    spawnChangeVolume(this, false, this.properties.player_volume, max_volume / 100, value => {
                         if(typeof(value) !== "number")
                             return;
 
@@ -1467,7 +1493,7 @@ class MusicClientEntry extends ClientEntry {
                 type: contextmenu.MenuEntryType.ENTRY,
                 name: tr("Change playback latency"),
                 callback: () => {
-                    Modals.spawnChangeLatency(this, this._audio_handle.latency_settings(), () => {
+                    spawnChangeLatency(this, this._audio_handle.latency_settings(), () => {
                         this._audio_handle.reset_latency_settings();
                         return this._audio_handle.latency_settings();
                     }, settings => this._audio_handle.latency_settings(settings), this._audio_handle.support_flush ? () => {
@@ -1482,8 +1508,8 @@ class MusicClientEntry extends ClientEntry {
                 icon_class: "client-delete",
                 disabled: false,
                 callback: () => {
-                    const tag = $.spawn("div").append(MessageHelper.formatMessage(tr("Do you really want to delete {0}"), this.createChatTag(false)));
+                    const tag = $.spawn("div").append(formatMessage(tr("Do you really want to delete {0}"), this.createChatTag(false)));
-                    Modals.spawnYesNo(tr("Are you sure?"), $.spawn("div").append(tag), result => {
+                    spawnYesNo(tr("Are you sure?"), $.spawn("div").append(tag), result => {
                        if(result) {
                            this.channelTree.client.serverConnection.send_command("musicbotdelete", {
                                bot_id: this.properties.client_database_id

shared/js/ui/client_move.ts

@@ -1,6 +1,10 @@
-/// <reference path="client.ts" />
+import {ChannelTree} from "tc-shared/ui/view";
+import * as log from "tc-shared/log";
+import {LogCategory} from "tc-shared/log";
+import {ClientEntry} from "tc-shared/ui/client";
+import {ChannelEntry} from "tc-shared/ui/channel";
 
-class ClientMover {
+export class ClientMover {
     static readonly listener_root = $(document);
     static readonly move_element = $("#mouse-move");
     readonly channel_tree: ChannelTree;

shared/js/ui/elements/ContextDivider.ts

@@ -1,5 +1,15 @@
-interface JQuery<TElement = HTMLElement> {
+import {settings} from "tc-shared/settings";
+import {LogCategory} from "tc-shared/log";
+import * as log from "tc-shared/log";
+
+declare global {
+    interface JQuery<TElement = HTMLElement> {
         dividerfy() : this;
+    }
+}
+
+export function initialize() {
+
 }
 
 if(!$.fn.dividerfy) {
@@ -58,8 +68,8 @@ if(!$.fn.dividerfy) {
                     Math.max(previous_offset.top + previous_element.height(), next_offset.top + next_element.height());
                 */
 
-                let previous = 0;
+                let previous;
-                let next = 0;
+                let next;
                 if(current < min) {
                     previous = 0;
                     next = 1;
@@ -89,7 +99,7 @@ if(!$.fn.dividerfy) {
                     }));
             };
 
-            const listener_up = (event: MouseEvent) => {
+            const listener_up = () => {
                 document.removeEventListener('mousemove', listener_move);
                 document.removeEventListener('touchmove', listener_move);
 

shared/js/ui/elements/ContextMenu.ts

@@ -1,5 +1,4 @@
-namespace contextmenu {
+export interface MenuEntry {
-    export interface MenuEntry {
     callback?: () => void;
     type: MenuEntryType;
     name: (() => string) | string;
@@ -12,17 +11,17 @@ namespace contextmenu {
 
     invalidPermission?:  boolean;
     sub_menu?: MenuEntry[];
-    }
+}
 
-    export enum MenuEntryType {
+export enum MenuEntryType {
     CLOSE,
     ENTRY,
     CHECKBOX,
     HR,
     SUB_MENU
-    }
+}
 
-    export class Entry {
+export class Entry {
     static HR() {
         return {
             callback: () => {},
@@ -40,9 +39,9 @@ namespace contextmenu {
             icon: ""
         };
     }
-    }
+}
 
-    export interface ContextMenuProvider {
+export interface ContextMenuProvider {
     despawn_context_menu();
     spawn_context_menu(x: number, y: number, ...entries: MenuEntry[]);
 
@@ -50,33 +49,32 @@ namespace contextmenu {
     finalize();
 
     html_format_enabled() : boolean;
-    }
+}
 
-    let provider: ContextMenuProvider;
+let provider: ContextMenuProvider;
-    export function spawn_context_menu(x: number, y: number, ...entries: MenuEntry[]) {
+export function spawn_context_menu(x: number, y: number, ...entries: MenuEntry[]) {
     if(!provider) {
         console.error(tr("Failed to spawn context menu! Missing provider!"));
         return;
     }
 
     provider.spawn_context_menu(x, y, ...entries);
-    }
+}
 
-    export function despawn_context_menu() {
+export function despawn_context_menu() {
     if(!provider)
         return;
 
     provider.despawn_context_menu();
-    }
-
-    export function get_provider() : ContextMenuProvider { return provider; }
-    export function set_provider(_provider: ContextMenuProvider) {
-        provider = _provider;
-        provider.initialize();
-    }
 }
 
-class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
+export function get_provider() : ContextMenuProvider { return provider; }
+export function set_provider(_provider: ContextMenuProvider) {
+    provider = _provider;
+    provider.initialize();
+}
+
+class HTMLContextMenuProvider implements ContextMenuProvider {
     private _global_click_listener: (event) => any;
     private _context_menu: JQuery;
     private _close_callbacks: (() => any)[] = [];
@@ -118,10 +116,10 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
         }
     }
 
-    private generate_tag(entry: contextmenu.MenuEntry) : JQuery {
+    private generate_tag(entry: MenuEntry) : JQuery {
-        if(entry.type == contextmenu.MenuEntryType.HR) {
+        if(entry.type == MenuEntryType.HR) {
             return $.spawn("hr");
-        } else if(entry.type == contextmenu.MenuEntryType.ENTRY) {
+        } else if(entry.type == MenuEntryType.ENTRY) {
             let icon = entry.icon_class;
             if(!icon || icon.length == 0) icon = "icon_empty";
             else icon = "icon " + icon;
@@ -141,7 +139,7 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
                 });
             }
             return tag;
-        } else if(entry.type == contextmenu.MenuEntryType.CHECKBOX) {
+        } else if(entry.type == MenuEntryType.CHECKBOX) {
              let checkbox = $.spawn("label").addClass("ccheckbox");
                 $.spawn("input").attr("type", "checkbox").prop("checked", !!entry.checkbox_checked).appendTo(checkbox);
                 $.spawn("span").addClass("checkmark").appendTo(checkbox);
@@ -161,7 +159,7 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
                 });
             }
             return tag;
-        } else if(entry.type == contextmenu.MenuEntryType.SUB_MENU) {
+        } else if(entry.type == MenuEntryType.SUB_MENU) {
             let icon = entry.icon_class;
             if(!icon || icon.length == 0) icon = "icon_empty";
             else icon = "icon " + icon;
@@ -187,7 +185,7 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
         return $.spawn("div").text("undefined");
     }
 
-    spawn_context_menu(x: number, y: number, ...entries: contextmenu.MenuEntry[]) {
+    spawn_context_menu(x: number, y: number, ...entries: MenuEntry[]) {
         this._visible = true;
 
         let menu_tag = this._context_menu || (this._context_menu = $(".context-menu"));
@@ -200,7 +198,7 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
             if(typeof(entry.visible) === 'boolean' && !entry.visible)
                 continue;
 
-            if(entry.type == contextmenu.MenuEntryType.CLOSE) {
+            if(entry.type == MenuEntryType.CLOSE) {
                 if(entry.callback)
                     this._close_callbacks.push(entry.callback);
             } else
@@ -225,5 +223,4 @@ class HTMLContextMenuProvider implements contextmenu.ContextMenuProvider {
         return true;
     }
 }
-
+set_provider(new HTMLContextMenuProvider());
-contextmenu.set_provider(new HTMLContextMenuProvider());