A hell lot of ifdefs to make file picker work in wasm

Author: aw4yout

CMakeLists.txt

@@ -10,7 +10,7 @@ set(CMAKE_CXX_STANDARD_REQUIRED ON)
 if(NOT EMSCRIPTEN)
     find_package(Qt6 REQUIRED COMPONENTS Quick NetworkAuth)
 else()
-    find_package(Qt6 REQUIRED COMPONENTS Quick)
+    find_package(Qt6 REQUIRED COMPONENTS Quick Widgets)
 endif()
 
 set(
@@ -128,7 +128,7 @@ if(NOT EMSCRIPTEN)
     )
 else()
     target_link_libraries(TwitterClone
-        PRIVATE Qt6::Quick
+        PRIVATE Qt6::Quick Qt6::Widgets
     )
 endif()
 

qml/Profile.qml

@@ -170,7 +170,12 @@ ColumnLayout {
                             MouseArea {
                                 anchors.fill: parent
                                 enabled: root.userProfile.id === root.currentUserId
-                                onClicked: fileDialog.open()
+                                onClicked: {
+                                    if(Qt.platform.os === "wasm")
+                                        Api.users.uploadAvatar("")
+                                    else
+                                        fileDialog.open()
+                                }
                             }
                         }
 

src/Api/UsersApi.cpp

@@ -3,6 +3,10 @@
 #include <QFileInfo>
 #include <QHttpMultiPart>
 
+#ifdef Q_OS_WASM
+    #include <QFileDialog>
+#endif
+
 using namespace Qt::Literals::StringLiterals;
 
 UsersApi::UsersApi(
@@ -57,20 +61,34 @@ void UsersApi::updateMe(const QString& displayName, const QString& username)
 
 void UsersApi::uploadAvatar(const QUrl& path)
 {
+#ifdef Q_OS_WASM
+    if(path.isEmpty())
+        QFileDialog::getOpenFileContent("Images (*.png *.jpg *.jpeg)",
+            [this](const QString& fileName, const QByteArray& fileContent)
+            {
+#endif
     const auto multiPart = new QHttpMultiPart(QHttpMultiPart::FormDataType);
 
     QHttpPart imagePart;
     imagePart.setHeader(
         QNetworkRequest::ContentDispositionHeader,
         { u"form-data; name=\"avatar\"; filename=\"%1\""_s
-            .arg(QFileInfo(path.toString()).fileName()) }
+            .arg(
+#ifdef Q_OS_WASM
+                fileName
+#else
+                QFileInfo(path.toString()).fileName()
+#endif
+            ) }
     );
 
-#ifndef Q_OS_ANDROID
+#if !defined(Q_OS_ANDROID) && !defined(Q_OS_WASM)
     QFile file(path.toLocalFile());
-#else
+#elif !defined(Q_OS_WASM)
     QFile file(path.toString());
 #endif
+
+#ifndef Q_OS_WASM
     if(!file.open(QFile::ReadOnly))
     {
         multiPart->deleteLater();
@@ -80,7 +98,9 @@ void UsersApi::uploadAvatar(const QUrl& path)
     }
 
     imagePart.setBody(file.readAll());
-
+#else
+    imagePart.setBody(fileContent);
+#endif
     multiPart->append(imagePart);
 
     auto req = requestFactory.createRequest("/users/me/avatar");
@@ -96,5 +116,9 @@ void UsersApi::uploadAvatar(const QUrl& path)
         emit userReceived(obj);
         emit profileReceived(obj);
     });
+
+#ifdef Q_OS_WASM
+            });
+#endif
 }
 

src/Auth/AuthManagerWASM.cpp

@@ -51,8 +51,7 @@ void AuthManagerWASM::refresh()
 
 void AuthManagerWASM::handleCode()
 {
-    em::val location = em::val::global("location");
-
+    const auto location = em::val::global("location");
     const auto search = QString::fromStdString(location["search"].as<std::string>());
 
     if(search.isEmpty())
@@ -146,6 +145,12 @@ void AuthManagerWASM::acceptTokens(QNetworkReply *reply)
         storage.saveTokens({ access, refresh });
 
         emit loginCompleted();
+
+        const auto location = em::val::global("location");
+        const auto search = QString::fromStdString(location["search"].as<std::string>());
+
+        if(!search.isEmpty())
+            em::val::global("eval")(u"window.location.href = window.location.origin + window.location.pathname;"_s.toStdString());
     }
     else
         qDebug() << "Token request error:" << reply->errorString();