Can't implement ImGUI in WebGPU project (imgui_impl_wgpu errors)

[panda-hackerman]

Hi! I'm having issues getting ImGUI working with WebGPU; I've been making a simple desktop app in C++ with WebGPU, following Elie Michel's Guide, and using wgpu-native. (I asked on their discord first, but unfortunately it's pretty dead).

The page about including ImGUI is a bit outdated, but I cloned the repo and added a vendor\imgui\CMakeLists.txt that adds the following files (for reference the entire codebase is here):

add_library(imgui STATIC
        backends/imgui_impl_wgpu.h
        backends/imgui_impl_wgpu.cpp
        backends/imgui_impl_glfw.h
        backends/imgui_impl_glfw.cpp
        misc/cpp/imgui_stdlib.h
        misc/cpp/imgui_stdlib.cpp
        imconfig.h
        imgui.h
        imgui.cpp
        imgui_draw.cpp
        imgui_internal.h
        imgui_tables.cpp
        imgui_widgets.cpp
        imstb_rectpack.h
        imstb_textedit.h
        imstb_truetype.h
)

target_include_directories(imgui PUBLIC .)
target_link_libraries(imgui PUBLIC glfw webgpu)

set_target_properties(imgui PROPERTIES
        CXX_STANDARD 11
        CXX_STANDARD_REQUIRED ON)

Then I link the project in the main CMakeLists.txt:

# [...]
add_subdirectory(vendor/webgpu)
add_subdirectory(vendor/glfw3webgpu) # https://github.com/glfw/glfw/pull/2333
add_subdirectory(vendor/imgui)
target_compile_definitions(imgui PUBLIC IMGUI_IMPL_WEBGPU_BACKEND_WGPU)

However whenever I link the project I a mountain of errors from imgui\backends\imgui_impl_wgpu.cpp:

(324): error C2065: 'WGPUShaderSourceWGSL': undeclared identifier
(324): error C2146: syntax error: missing ';' before identifier 'wgsl_desc'
(324): error C2065: 'wgsl_desc': undeclared identifier
(324): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(325): error C2065: 'wgsl_desc': undeclared identifier
(325): error C2065: 'WGPUSType_ShaderSourceWGSL': undeclared identifier
(326): error C2065: 'wgsl_desc': undeclared identifier
(326): error C2065: 'WGPU_STRLEN': undeclared identifier
(329): error C2065: 'wgsl_desc': undeclared identifier
(336): error C2065: 'WGPUPopErrorScopeCallbackInfo': undeclared identifier
(336): error C2146: syntax error: missing ';' before identifier 'pop_cb'
(336): error C2065: 'pop_cb': undeclared identifier
(336): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(337): error C2065: 'pop_cb': undeclared identifier
(337): error C2065: 'WGPUCallbackMode_AllowSpontaneous': undeclared identifier
(338): error C2065: 'pop_cb': undeclared identifier
(338): error C2061: syntax error: identifier 'WGPUPopErrorScopeStatus'
(340): error C2065: 'type': undeclared identifier
(341): error C2065: 'userdata1': undeclared identifier
(343): error C2065: 'pop_cb': undeclared identifier
(344): error C2065: 'pop_cb': undeclared identifier
(350): error C2065: 'WGPU_STRLEN': undeclared identifier
(350): error C2440: '=': cannot convert from 'initializer list' to 'const char *'
(350): note: The initializer contains too many elements
(363): error C2065: 'WGPUShaderSourceSPIRV': undeclared identifier
(363): error C2146: syntax error: missing ';' before identifier 'spirv_desc'
(363): error C2065: 'spirv_desc': undeclared identifier
(363): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(364): error C2065: 'spirv_desc': undeclared identifier
(364): error C2065: 'WGPUSType_ShaderSourceSPIRV': undeclared identifier
(365): error C2065: 'spirv_desc': undeclared identifier
(366): error C2065: 'spirv_desc': undeclared identifier
(369): error C2065: 'spirv_desc': undeclared identifier
(374): error C2065: 'WGPU_STRLEN': undeclared identifier
(374): error C2440: '=': cannot convert from 'initializer list' to 'const char *'
(374): note: The initializer contains too many elements
(497): error C2065: 'WGPU_STRLEN': undeclared identifier
(521): error C2065: 'WGPU_STRLEN': undeclared identifier
(651): error C2065: 'WGPU_STRLEN': undeclared identifier
(651): error C2440: '=': cannot convert from 'initializer list' to 'const char *'
(651): note: The initializer contains too many elements
(692): error C2065: 'WGPUTexelCopyTextureInfo': undeclared identifier
(692): error C2146: syntax error: missing ';' before identifier 'dst_view'
(692): error C2065: 'dst_view': undeclared identifier
(692): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(693): error C2065: 'dst_view': undeclared identifier
(694): error C2065: 'dst_view': undeclared identifier
(695): error C2065: 'dst_view': undeclared identifier
(696): error C2065: 'dst_view': undeclared identifier
(697): error C2065: 'WGPUTexelCopyBufferLayout': undeclared identifier
(697): error C2146: syntax error: missing ';' before identifier 'layout'
(697): error C2065: 'layout': undeclared identifier
(697): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(698): error C2065: 'layout': undeclared identifier
(699): error C2065: 'layout': undeclared identifier
(700): error C2065: 'layout': undeclared identifier
(702): error C2065: 'dst_view': undeclared identifier
(702): error C2065: 'layout': undeclared identifier
(715): error C2065: 'WGPU_STRLEN': undeclared identifier
(829): error C2065: 'WGPUOptionalBool_False': undeclared identifier
(1007): error C2065: 'WGPUSurfaceGetCurrentTextureStatus_SuccessSuboptimal': undeclared identifier
(1078): error C2065: 'WGPUAdapterInfo': undeclared identifier
(1078): error C2146: syntax error: missing ';' before identifier 'info'
(1078): error C2065: 'info': undeclared identifier
(1078): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(1079): error C2065: 'info': undeclared identifier
(1079): error C3861: 'wgpuAdapterGetInfo': identifier not found
(1080): error C2065: 'info': undeclared identifier
(1080): error C2065: 'info': undeclared identifier
(1080): warning C4473: 'printf' : not enough arguments passed for format string
(1080): note: placeholders and their parameters expect 2 variadic arguments, but 0 were provided
(1080): note: the missing variadic argument 2 is required by format string '%.*s'
(1080): note: this argument is used by a conversion specifier
(1081): error C2065: 'info': undeclared identifier
(1081): error C2065: 'info': undeclared identifier
(1081): error C2065: 'info': undeclared identifier
(1081): warning C4473: 'printf' : not enough arguments passed for format string
(1081): note: placeholders and their parameters expect 3 variadic arguments, but 0 were provided
(1081): note: the missing variadic argument 2 is required by format string '%.*s'
(1081): note: this argument is used by a conversion specifier
(1082): error C2065: 'info': undeclared identifier
(1082): error C2065: 'info': undeclared identifier
(1082): warning C4473: 'printf' : not enough arguments passed for format string
(1082): note: placeholders and their parameters expect 2 variadic arguments, but 0 were provided
(1082): note: the missing variadic argument 2 is required by format string '%.*s'
(1082): note: this argument is used by a conversion specifier
(1083): error C2065: 'info': undeclared identifier
(1083): error C2065: 'info': undeclared identifier
(1083): error C2065: 'info': undeclared identifier
(1083): warning C4473: 'printf' : not enough arguments passed for format string
(1083): note: placeholders and their parameters expect 3 variadic arguments, but 0 were provided
(1083): note: the missing variadic argument 2 is required by format string '%.*s'
(1083): note: this argument is used by a conversion specifier
(1084): error C2065: 'info': undeclared identifier
(1084): warning C4473: 'printf' : not enough arguments passed for format string
(1084): note: placeholders and their parameters expect 1 variadic arguments, but 0 were provided
(1084): note: the missing variadic argument 1 is required by format string '%s'
(1085): error C2065: 'info': undeclared identifier
(1085): warning C4473: 'printf' : not enough arguments passed for format string
(1085): note: placeholders and their parameters expect 1 variadic arguments, but 0 were provided
(1085): note: the missing variadic argument 1 is required by format string '%s'
(1086): error C2065: 'info': undeclared identifier
(1086): error C3861: 'wgpuAdapterInfoFreeMembers': identifier not found
(1144): error C2065: 'WGPUSurfaceSourceWindowsHWND': undeclared identifier
(1144): error C2146: syntax error: missing ';' before identifier 'surface_src_hwnd'
(1144): error C2065: 'surface_src_hwnd': undeclared identifier
(1144): error C3079: an initializer list cannot be used as the right operand of this assignment operator
(1145): error C2065: 'surface_src_hwnd': undeclared identifier
(1145): error C2065: 'WGPUSType_SurfaceSourceWindowsHWND': undeclared identifier
(1146): error C2065: 'surface_src_hwnd': undeclared identifier
(1147): error C2065: 'surface_src_hwnd': undeclared identifier
(1148): error C2065: 'surface_src_hwnd': undeclared identifier

I'm on Windows; Toolchain is Visual Studio (2022); Generator is Ninja. Also I'm using the wgpu-native implementation option.

This is before including any of the headers in my implementation, just trying to build the project. I searched for the missing identifiers (e.g. WGPUShaderSourceWGSL) in every file in ImGUI and WGPU and I can't find anything that matches.

Not sure what I'm missing here--any help is appreciated. Thanks! :)

[panda-hackerman]

I was being silly, the version that the tutorial I was following used of WebGPU was super old, so the APIs were incompatible.

Anyone following the same tutorial should download/clone this repo which can fetch whatever version you tell it (or you can just do it manually yourself)--and NOT just download the zip file from the website like I did :)