String.withParams(params: T): String {
+ val paramString = URLSearchParams(params).toString()
+
+ return when {
+ paramString.isEmpty() -> this
+ endsWith('?') -> this + paramString
+ contains('?') -> "$this&$paramString"
+ else -> "$this?$paramString"
+ }
+}
+
+private fun ComponentWithScope<*, *>.withModalResponseHandler(
+ response: Response,
+ isNeedRedirect: Boolean
+) {
+ if (!response.ok) {
+ val statusContext: RequestStatusContext = this.asDynamic().context
+ statusContext.setRedirectToFallbackView(isNeedRedirect && response.status == 404.toShort())
+ statusContext.setResponse.invoke(response)
+ }
+}
+
+suspend fun request(
+ url: String,
+ method: String,
+ headers: Headers,
+ body: dynamic = undefined,
+ credentials: RequestCredentials? = undefined,
+ loadingHandler: suspend (suspend () -> Response) -> Response,
+): Response = loadingHandler {
+ window.fetch(
+ input = url,
+ RequestInit(
+ method = method,
+ headers = headers,
+ body = body,
+ credentials = credentials,
+ )
+ )
+ .await()
+}
+
+interface WithRequestStatusContext {
+ /**
+ * Coroutine used for processing [setLoadingCounter]
+ */
+ val coroutineScope: CoroutineScope
+
+ /**
+ * @param response
+ */
+ fun setResponse(response: Response)
+
+ /**
+ * @param isNeedRedirect
+ * @param response
+ */
+ fun setRedirectToFallbackView(isNeedRedirect: Boolean, response: Response)
+
+ /**
+ * @param transform
+ */
+ fun setLoadingCounter(transform: (oldValue: Int) -> Int)
+}
+
+fun noopResponseHandler(@Suppress("UNUSED_PARAMETER") response: Response) = Unit
+
+abstract class ComponentWithScope : CComponent() {
+ /**
+ * A [CoroutineScope] that should be used by implementing classes. Will be cancelled on unmounting.
+ */
+ val scope: CoroutineScope = CoroutineScope(Dispatchers.Default)
+
+ override fun componentWillUnmount() {
+ if (scope.isActive) {
+ scope.cancel()
+ }
+ }
+}
+
+abstract class CComponent : Component {
+ constructor() : super() {
+ state = jso { init() }
+ }
+ constructor(props: P) : super(props) {
+ state = jso { init(props) }
+ }
+
+ @Suppress(
+ "WRONG_OVERLOADING_FUNCTION_ARGUMENTS",
+ "EMPTY_BLOCK_STRUCTURE_ERROR",
+ "MISSING_KDOC_CLASS_ELEMENTS",
+ "MISSING_KDOC_ON_FUNCTION",
+ )
+ open fun S.init() {}
+
+ /**
+ * @param props
+ */
+ @Suppress(
+ "WRONG_OVERLOADING_FUNCTION_ARGUMENTS",
+ "EMPTY_BLOCK_STRUCTURE_ERROR",
+ "MISSING_KDOC_CLASS_ELEMENTS"
+ )
+ open fun S.init(props: P) {}
+
+ /**
+ * Wrapper for convenient use of `ChildrenBuilder#render()`
+ */
+ override fun render(): ReactNode? = Fragment.create {
+ render()
+ }
+
+ /**
+ * Method that should be overridden in order to render the component
+ */
+ abstract fun ChildrenBuilder.render()
+
+ /**
+ * State setter
+ *
+ * @param stateSetter lambda to set a state
+ */
+ fun setState(stateSetter: S.() -> Unit) {
+ super.setState({ assign(it, stateSetter) })
+ }
+}
+
+private fun WithRequestStatusContext.withModalResponseHandler(
+ response: Response,
+) {
+ if (!response.ok) {
+ setResponse(response)
+ }
+}
+
+val jsonHeaders = Headers()
+ .withAcceptJson()
+ .withContentTypeJson()
+
+fun Headers.withContentTypeJson() = apply {
+ set("Content-Type", "application/json")
+}
+
+fun Headers.withAcceptJson() = apply {
+ set("Accept", "application/json")
+}
+
+suspend fun noopLoadingHandler(request: suspend () -> Response) = request()
+
+suspend fun Response.unpackMessageOrNull(): String? = decodeFieldFromJsonStringOrNull("message")
+
+suspend inline fun Response.decodeFieldFromJsonStringOrNull(fieldName: String): String? = text().await()
+ .let { Json.parseToJsonElement(it) }
+ .let { it as? JsonObject }
+ ?.let { it[fieldName] }
+ ?.let { it as? JsonPrimitive }
+ ?.content
+
+suspend inline fun Response.decodeFromJsonString() = Json.decodeFromString(text().await())
+
diff --git a/frontend/webpack.config.d/dev-server.js b/frontend/webpack.config.d/dev-server.js
index 7ce6b9e..73e19ba 100644
--- a/frontend/webpack.config.d/dev-server.js
+++ b/frontend/webpack.config.d/dev-server.js
@@ -3,6 +3,13 @@ config.devServer = Object.assign(
config.devServer || {},
{
port: 8080,
- historyApiFallback: true
+ historyApiFallback: true,
+ proxy: [
+ {
+ context: ["/api/**"],
+ target: 'http://localhost:8081',
+ logLevel: 'debug',
+ },
+ ]
}
);