[ Windows ] GCC + Raylib + Clay goes wrong

[LUISMAGAIVER341]

Ok. FIrst of all, i used to code in TS and Python .
I'm very new at c/c++ coding so i'm here to ask some help.

#define CLAY_IMPLEMENTATION
#include "clay.h"
#include "clay_renderer_raylib.c"
#include <stdio.h>

// Example error handler function for Clay_ErrorHandler
void HandleClayErrors(Clay_ErrorData errorData) {
    // See the Clay_ErrorData struct for more information
    printf("%s", errorData.errorText.chars);
    switch(errorData.errorType) {
        // etc
    }
}

int main(void){
    Clay_Raylib_Initialize(800,600 , "Clay + Raylib Test", FLAG_WINDOW_RESIZABLE);
    uint64_t clayRequiredMemory = Clay_MinMemorySize();
    Clay_Arena clayMemory = (Clay_Arena) {
        .memory = malloc(clayRequiredMemory),
        .capacity = clayRequiredMemory
    };
    Clay_Initialize(clayMemory, (Clay_Dimensions){
        .width = GetScreenWidth(),
        .height = GetScreenHeight()
    }, (Clay_ErrorHandler) { HandleClayErrors });

    Font font = GetFontDefault();

    while (!WindowShouldClose()) {
        Clay_BeginLayout();
        // * UI
        Clay_RenderCommandArray renderCommands = Clay_EndLayout();
        BeginDrawing();
        Clay_Raylib_Render(renderCommands, &font);
    }
}

This is my code
I was trying to use the intro video but it seems to be a little bit older coz it didn't work (In most part because of "too few arguments")

So basically, it compiles ok (using gcc -o raylibhelloworld.exe main3.c -I include -L lib -lraylib -lgdi32 -lwinmm) but when i run it just crash.

Plus, here's my gcc -v

P.S: I'm not using repo's raylib. i'm using the windows dist from raysan5/raylib.

[rats159]

You aren't calling EndDrawing

[LUISMAGAIVER341]

Yup. i tested it and it seems to be working

Plus i'm now trying to increase the text quality

[LUISMAGAIVER341]

Actual state of the app

#define CLAY_IMPLEMENTATION
#include "clay.h"
#include "clay_renderer_raylib.c"
#include <stdio.h>
#include <stdlib.h>   // added
#include "raylib.h" 
#include <string.h> 

const Color trans = (Color) {0,0,0,0};


typedef struct ButtonData {
    const char *link;
} ButtonData;

void HandleButtonInteraction(Clay_ElementId elementId, Clay_PointerData pointerInfo, intptr_t userData) {
    // Pointer state allows you to detect mouse down / hold / release
    if (pointerInfo.state == CLAY_POINTER_DATA_PRESSED_THIS_FRAME) {
        // Do some click handling
        CloseWindow();
    }
}

static Clay_Dimensions Clay_MeasureTextWrapper(Clay_StringSlice text, Clay_TextElementConfig *config, void *userData) {
    // create a null-terminated copy of the slice
    char *tmp = (char*)malloc(text.length + 1);
    if (!tmp) return (Clay_Dimensions){0,0};

    memcpy(tmp, text.chars, text.length);
    tmp[text.length] = '\0';

    float fontSize = config ? config->fontSize : 20.0f; // fallback font size
    Font f = GetFontDefault();
    Vector2 s = MeasureTextEx(f, tmp, fontSize, 0.0f);

    free(tmp);

    return (Clay_Dimensions){ .width = s.x, .height = s.y };
}


// * ERROR HANDLER


void HandleClayErrors(Clay_ErrorData errorData) {
    // See the Clay_ErrorData struct for more information
    printf("%s", errorData.errorText.chars);
    switch(errorData.errorType) {
        // etc
    }
}

int main(void) {
    Clay_Raylib_Initialize(800,600 , "Clay + Raylib Test", FLAG_WINDOW_RESIZABLE | FLAG_MSAA_4X_HINT | FLAG_WINDOW_HIGHDPI | FLAG_WINDOW_TRANSPARENT | FLAG_WINDOW_UNDECORATED);
     SetTargetFPS(60);
    uint64_t totalMemorySize = Clay_MinMemorySize();
    Clay_Arena clayMemory = (Clay_Arena) {
        .memory = malloc(totalMemorySize),
        .capacity = totalMemorySize
    };

    // if (!clayMemory.memory) return 1; // guard
    Clay_Initialize(clayMemory, (Clay_Dimensions){
        .width = GetScreenWidth(),
        .height = GetScreenHeight()
    }, (Clay_ErrorHandler) { HandleClayErrors });

    
    Clay_SetMeasureTextFunction(Clay_MeasureTextWrapper, NULL);
    Font fonts = LoadFont("Roboto-Regular.ttf");

    while (!WindowShouldClose()) {
        // update Clay with current pointer state so callbacks receive correct info
        Vector2 mp = GetMousePosition();
        int isDown = IsMouseButtonDown(MOUSE_BUTTON_LEFT);
        Clay_SetPointerState((Clay_Vector2){ mp.x, mp.y }, isDown);

        Clay_BeginLayout();

        CLAY(CLAY_ID("Parent"),{
            .layout = {
                .sizing = {
                    .width = GetScreenWidth(),
                    .height = GetScreenHeight(),
                },
                
                .padding = { 20, 20, 20, 20 },
            },
            .cornerRadius = { 15, 15, 15, 15 },
            .backgroundColor = { 255, 0, 0, 255 }
        
        }
        ) {
            CLAY_TEXT(CLAY_STRING("Hello, world! This is a test of the Clay layout system with Raylib."), CLAY_TEXT_CONFIG({
                .fontId = 0,
                .fontSize = 30,
                .textColor = { 255, 255, 255, 255 },
                .lineHeight = 36,
                .wrapMode = CLAY_TEXT_WRAP_WORDS,
                .textAlignment = CLAY_TEXT_ALIGN_CENTER
            }));
            CLAY(CLAY_ID("Button"), {
                .layout = {
                    .sizing = {
                        .width = 50,
                        .height = 50,
                    },
                    .padding = {
                        .right = 10,
                        .top = 10,
                    },
                    .childAlignment = {
                    .x = CLAY_ALIGN_X_CENTER,
                    .y = CLAY_ALIGN_Y_CENTER
                }
                },
                .cornerRadius = { 15, 15, 15, 15 },
                .backgroundColor = { 170, 170, 255, 255 },
                
            }) {
                CLAY_TEXT(CLAY_STRING("OK"), CLAY_TEXT_CONFIG({
                    .fontId = 0,
                    .fontSize = 20,
                    .textColor = { 0, 0, 0, 255 },
                    .lineHeight = 24,
                    .wrapMode = CLAY_TEXT_WRAP_WORDS,
                    // .textAlignment = CLAY_TEXT_ALIGN_CENTER
                }));
                Clay_OnHover(HandleButtonInteraction, 0);
            };
        };

        Clay_RenderCommandArray commandArray = Clay_EndLayout();
        BeginDrawing();
        ClearBackground(trans);
        Clay_Raylib_Render(commandArray, &fonts);
        EndDrawing();
    };
    free(clayMemory.memory); // free allocated clay memory
    CloseWindow(); // close the raylib window

    return 0;
}

Actual code

It's Very satisfying to code in c + Clay. It's a bit hard (At least for me as a Python coder) but it's very cool to see the results of the hard work :D