steam ugc
[vg.git] / vg_imgui.h
index 16d2095d8a88cd2c89c839fd3fde21183fa35546..bb98812f3d90a76148ea0bcedac79f1e6b91188b 100644 (file)
@@ -74,6 +74,13 @@ typedef u32 ui_scheme[8*4];
                          ((STDHEX&0x0000ff00)    ) |\
                          ((STDHEX&0x00ff0000)>>16) 
 
+#define UI_TEXTBOX_MULTILINE 0x1
+#define UI_TEXTBOX_WRAP      0x2
+#define UI_TEXTBOX_AUTOFOCUS 0x4
+#define UI_MOUSE_LEFT   (SDL_BUTTON(SDL_BUTTON_LEFT))
+#define UI_MOUSE_RIGHT  (SDL_BUTTON(SDL_BUTTON_RIGHT))
+#define UI_MOUSE_MIDDLE (SDL_BUTTON(SDL_BUTTON_MIDDLE))
+
 struct{
    struct ui_vert *vertex_buffer;
    u16            *indice_buffer;
@@ -93,14 +100,25 @@ struct{
       k_ui_control_textbox,
    }
    focused_control_type;
-       int cursor_user, cursor_pos, string_length;
-   u32 textbuf_len;
+
+   struct ui_textbuf{
+      int cursor_user, cursor_pos;
+      u32 len;
+      u32 flags;
+   }
+   textbox;
+
+   void (*textbuf_on_enter) ( char *buf, u32 len );
+   void (*textbuf_on_up)    ( char *buf, u32 len );
+   void (*textbuf_on_down)  ( char *buf, u32 len );
+   void (*textbuf_on_change)( char *buf, u32 len );
        
        GLuint tex_glyphs, vao, vbo, ebo;
 
        ui_px mouse[2], mouse_click[2];
    u32 mouse_state[2];
    u32 ignore_input_frames;
+   int wants_mouse;
 
    ui_rect click_fader, click_fader_end;
    float click_fade_opacity;
@@ -412,6 +430,7 @@ VG_STATIC void ui_flush( enum ui_shader shader )
        glBufferSubData( GL_ELEMENT_ARRAY_BUFFER, indice_offset, indice_size,
                     vg_ui.indice_buffer+vg_ui.indice_start );
        
+   glDisable( GL_DEPTH_TEST );
        glEnable( GL_BLEND );
        glBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA );
        glBlendEquation( GL_FUNC_ADD );
@@ -601,13 +620,11 @@ static ui_px ui_text_line_width( const char *str )
 {
    int length = 0;
    const char *_c = str;
-   char c;
+   u8 c;
 
    while( (c = *(_c ++)) ){
-      if( c >= 32 && c <= 126 )
-         length ++;
-      else if( c == '\n' )
-         break;
+      if( c >= 32 ) length ++;
+      else if( c == '\n' ) break;
    }
 
    return length * 8;
@@ -617,7 +634,7 @@ static ui_px ui_text_string_height( const char *str )
 {
    int height = 1;
    const char *_c = str;
-   char c;
+   u8 c;
 
    while( (c = *(_c ++)) ){
       if( c == '\n' ) height ++;
@@ -685,28 +702,27 @@ static int ui_inside_rect( ui_rect rect, ui_px co[2] )
       return 0;
 }
 
-static int ui_click_down(void)
+static int ui_click_down( u32 mask )
 {
    if( vg_ui.ignore_input_frames ) return 0;
-
-   if( (vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT)) &&
-      !(vg_ui.mouse_state[1] & SDL_BUTTON(SDL_BUTTON_LEFT)) )
+   if( (vg_ui.mouse_state[0] & mask) &&
+      !(vg_ui.mouse_state[1] & mask) )
       return 1;
    else
       return 0;
 }
 
-static int ui_clicking(void)
+static int ui_clicking( u32 mask )
 {
    if( vg_ui.ignore_input_frames ) return 0;
-   return vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT);
+   return vg_ui.mouse_state[0] & mask;
 }
 
-static int ui_click_up(void)
+static int ui_click_up( u32 mask )
 {
    if( vg_ui.ignore_input_frames ) return 0;
-   if( (vg_ui.mouse_state[1] & SDL_BUTTON(SDL_BUTTON_LEFT)) &&
-      !(vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT)) )
+   if( (vg_ui.mouse_state[1] & mask) &&
+      !(vg_ui.mouse_state[0] & mask) )
       return 1;
    else
       return 0;
@@ -726,13 +742,14 @@ static void ui_prerender(void)
    vg_ui.indice_start = 0;
    vg_ui.focused_control_hit = 0;
    vg_ui.cursor = k_ui_cursor_default;
+   vg_ui.wants_mouse = 0;
 
    if( vg_ui.ignore_input_frames ){
       vg_ui.ignore_input_frames --;
       return;
    }
 
-   if( ui_click_down() ){
+   if( ui_click_down(UI_MOUSE_LEFT)||ui_click_down(UI_MOUSE_MIDDLE) ){
       vg_ui.mouse_click[0] = vg_ui.mouse[0];
       vg_ui.mouse_click[1] = vg_ui.mouse[1];
    }
@@ -753,7 +770,7 @@ static u32 ui_colourcont( enum ui_scheme_colour id )
    else                                   return ui_colour( k_ui_fg+1 );
 }
 
-static void ui_text( ui_rect rect, const char *str, ui_px scale, 
+static u32 ui_ntext( ui_rect rect, const char *str, u32 len, ui_px scale, 
                      enum ui_align align, u32 colour )
 {
        ui_rect text_cursor;
@@ -769,6 +786,8 @@ static void ui_text( ui_rect rect, const char *str, ui_px scale,
        text_cursor[2] = 8*scale;
        text_cursor[3] = 14*scale;
 
+   u32 printed_chars = 0;
+
    if( align & (k_ui_align_middle|k_ui_align_bottom) ){
       ui_px height = ui_text_string_height( str ) * scale;
 
@@ -779,9 +798,34 @@ static void ui_text( ui_rect rect, const char *str, ui_px scale,
    }
 
        while( (c = *(_c ++)) ){
+      if( printed_chars >= len ){
+         printed_chars = 0;
+                       text_cursor[1] += 14*scale;
+         text_cursor[0] = ui_text_aligned_x( _c, rect, scale, align );
+         text_cursor[0] -= UI_GLYPH_SPACING_X*scale;
+
+                       u8 glyph_base[2];
+                       u8 glyph_index = '\x90';
+                       glyph_base[0] = glyph_index & 0xf;
+                       glyph_base[1] = (glyph_index-glyph_base[0])>>4;
+                       glyph_base[0] *= 8;
+                       glyph_base[1] *= 8;
+
+         ui_fill_rect( text_cursor, 0x00ffffff, (ui_px[4])
+         {
+            glyph_base[0]+2,
+            glyph_base[1]+1,
+            glyph_base[0]+6,
+            glyph_base[1]+8
+         });
+
+         text_cursor[0] += UI_GLYPH_SPACING_X*scale;
+      }
+
                if( c == '\n' ){
                        text_cursor[1] += 14*scale;
          text_cursor[0] = ui_text_aligned_x( _c, rect, scale, align );
+         printed_chars = 0;
                        continue;
                }
                else if( c >= 33 ){
@@ -789,7 +833,6 @@ static void ui_text( ui_rect rect, const char *str, ui_px scale,
                        u8 glyph_index = c;
                        glyph_base[0] = glyph_index & 0xf;
                        glyph_base[1] = (glyph_index-glyph_base[0])>>4;
-                       
                        glyph_base[0] *= 8;
                        glyph_base[1] *= 8;
 
@@ -823,7 +866,7 @@ static void ui_text( ui_rect rect, const char *str, ui_px scale,
                    case '3'|'4'<<8: colour = ui_colour( k_ui_blue ); break;
                    case '3'|'5'<<8: colour = ui_colour( k_ui_purple ); break;
                    case '3'|'6'<<8: colour = ui_colour( k_ui_aqua ); break;
-                   case '3'|'7'<<8: colour = ui_colour( 0xffffffff ); break;
+                   case '3'|'7'<<8: colour = 0xffffffff; break;
                                                }
 
                   colour &= 0x00ffffff;
@@ -842,11 +885,21 @@ static void ui_text( ui_rect rect, const char *str, ui_px scale,
                }
       else if( c == '\t' ){
          text_cursor[0] += UI_GLYPH_SPACING_X*scale*4;
+         printed_chars += 4;
          continue;
       }
                
        text_cursor[0] += UI_GLYPH_SPACING_X*scale;
+      printed_chars ++;
        }
+
+   return printed_chars;
+}
+
+static void ui_text( ui_rect rect, const char *str, ui_px scale, 
+                      enum ui_align align, u32 colour )
+{
+   ui_ntext( rect, str, 1024, scale, align, colour );
 }
 
 static void ui_image( ui_rect rect, GLuint image )
@@ -855,7 +908,7 @@ static void ui_image( ui_rect rect, GLuint image )
 
    glActiveTexture( GL_TEXTURE0 );
    glBindTexture( GL_TEXTURE_2D, image );
-   ui_fill_rect( rect, 0xffffffff, (ui_px[4]){ 0,0, 255,255 } );
+   ui_fill_rect( rect, 0xffffffff, (ui_px[4]){ 0,128, 128, 0 } );
    ui_flush( k_ui_shader_image );
 }
 
@@ -872,7 +925,6 @@ static u32 v4f_u32_colour( v4f colour )
 static void ui_defocus_all(void)
 {
    if( vg_ui.focused_control_type == k_ui_control_textbox ){
-      vg_info( "SDL_StopTextInput()\n" );
       SDL_StopTextInput();
    }
 
@@ -881,10 +933,10 @@ static void ui_defocus_all(void)
    vg_ui.focused_control_type = k_ui_control_none;
 }
 
-static int ui_button( ui_rect rect, enum ui_scheme_colour colour )
+static int ui_colourbutton( ui_rect rect, enum ui_scheme_colour colour )
 {
-   int clickup= ui_click_up(),
-       click  = ui_clicking() | clickup,
+   int clickup= ui_click_up(UI_MOUSE_LEFT),
+       click  = ui_clicking(UI_MOUSE_LEFT) | clickup,
        target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
        hover  = ui_inside_rect( rect, vg_ui.mouse );
 
@@ -940,16 +992,21 @@ static int ui_button( ui_rect rect, enum ui_scheme_colour colour )
    }
 }
 
-static int ui_button_text( ui_rect rect, const char *string, ui_px scale,
-                           enum ui_scheme_colour colour )
+static int ui_colourbutton_text( ui_rect rect, const char *string, ui_px scale,
+                                 enum ui_scheme_colour colour )
 {
-   int result = ui_button( rect, colour );
+   int result = ui_colourbutton( rect, colour );
    ui_rect t = { 0,0, ui_text_line_width( string )*scale, 14*scale };
    ui_rect_center( rect, t );
    ui_text( t, string, scale, k_ui_align_left, ui_colourcont(colour) );
    return result;
 }
 
+static int ui_button_text( ui_rect rect, const char *string, ui_px scale )
+{
+   return ui_colourbutton_text( rect, string, scale, k_ui_bg+4 );
+}
+
 static void ui_postrender(void)
 {
    if( vg_ui.click_fade_opacity > 0.0f ){
@@ -981,12 +1038,19 @@ static void ui_postrender(void)
       ui_defocus_all();
    }
 
+   if( vg_ui.wants_mouse ){
+      SDL_SetWindowGrab( vg.window, SDL_FALSE );
+      SDL_SetRelativeMouseMode( SDL_FALSE );
+   }
+   else{
+      SDL_SetWindowGrab( vg.window, SDL_TRUE );
+      SDL_SetRelativeMouseMode( SDL_TRUE );
+   }
+
    SDL_SetCursor( vg_ui.cursor_map[ vg_ui.cursor ] );
    SDL_ShowCursor(1);
 }
 
-
-
 static void ui_dev_colourview(void)
 {
    ui_rect window = {vg.window_x-256,0,256,vg.window_y}, swatch;
@@ -1017,26 +1081,47 @@ static void ui_dev_colourview(void)
    }
 }
 
+/*
+ * checkbox
+ * -----------------------------------------------------------------------------
+ */
 
+static int ui_checkbox( ui_rect rect, const char *str_label, int *data )
+{
+   ui_rect label, box;
+   ui_split_px( rect, k_ui_axis_v, rect[2]-rect[3], 0, label, box );
+   ui_text( label, str_label, 1, k_ui_align_middle_left, 0 );
 
+   int changed = ui_colourbutton( box, k_ui_bg );
+   if( changed )
+      *data = (*data) ^ 0x1;
 
+   if( *data ){
+      ui_rect_pad( box, 4 );
+      ui_fill( box, ui_colour( k_ui_orange ) );
+   }
+
+   return changed;
+}
 
 /*
- * text box interface
+ * Textbox chaos
+ * -----------------------------------------------------------------------------
  */
+
 static void _ui_textbox_make_selection( int *start, int *end )
 {
-       *start = VG_MIN( vg_ui.cursor_pos, vg_ui.cursor_user );
-       *end   = VG_MAX( vg_ui.cursor_pos, vg_ui.cursor_user );
+       *start = VG_MIN( vg_ui.textbox.cursor_pos, vg_ui.textbox.cursor_user );
+       *end   = VG_MAX( vg_ui.textbox.cursor_pos, vg_ui.textbox.cursor_user );
 }
 
 static void _ui_textbox_move_cursor( int *cursor0, int *cursor1, 
                                      int dir, int snap_together )
 {
-       *cursor0 = VG_MAX( 0, vg_ui.cursor_user + dir );
+       *cursor0 = VG_MAX( 0, vg_ui.textbox.cursor_user + dir );
        *cursor0 = 
       VG_MIN( 
-         VG_MIN( vg_ui.textbuf_len-1, strlen( vg_ui.textbuf )), 
+         VG_MIN( vg_ui.textbox.len-1, strlen( vg_ui.textbuf )), 
       *cursor0 );
 
        if( snap_together ) 
@@ -1045,10 +1130,9 @@ static void _ui_textbox_move_cursor( int *cursor0, int *cursor1,
 
 static int _ui_textbox_makeroom( int datastart, int length )
 {
-       int move_to = VG_MIN( datastart+length, vg_ui.textbuf_len-1 );
+       int move_to = VG_MIN( datastart+length, vg_ui.textbox.len-1 );
        int move_amount = strlen( vg_ui.textbuf )-datastart;
-       int move_end = 
-      VG_MIN( move_to+move_amount, vg_ui.textbuf_len-1 );
+       int move_end = VG_MIN( move_to+move_amount, vg_ui.textbox.len-1 );
        move_amount = move_end-move_to;
        
        if( move_amount )
@@ -1058,7 +1142,7 @@ static int _ui_textbox_makeroom( int datastart, int length )
        
        vg_ui.textbuf[ move_end ] = '\0';
        
-       return VG_MIN( length, vg_ui.textbuf_len-datastart-1 );
+       return VG_MIN( length, vg_ui.textbox.len-datastart-1 );
 }
 
 static int _ui_textbox_delete_char( int direction )
@@ -1112,225 +1196,313 @@ static void _ui_textbox_clipboard_paste(void)
        int cpylength = _ui_textbox_makeroom( datastart, length );
 
        memcpy( vg_ui.textbuf + datastart, text, cpylength);
-       _ui_textbox_move_cursor( &vg_ui.cursor_user, 
-                        &vg_ui.cursor_pos, cpylength, 1 );
+       _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, cpylength, 1 );
    SDL_free( text );
 }
 
 static void _ui_textbox_put_char( char c )
 {
-       vg_ui.cursor_user = _ui_textbox_delete_char(0);
+       vg_ui.textbox.cursor_user = _ui_textbox_delete_char(0);
        
-       if( _ui_textbox_makeroom( vg_ui.cursor_user, 1 ) )
-               vg_ui.textbuf[ vg_ui.cursor_user ] = c;
+       if( _ui_textbox_makeroom( vg_ui.textbox.cursor_user, 1 ) )
+               vg_ui.textbuf[ vg_ui.textbox.cursor_user ] = c;
        
-       _ui_textbox_move_cursor( &vg_ui.cursor_user, &vg_ui.cursor_pos, 1, 1 );
+       _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, 1, 1 );
 }
 
 /* Receed secondary cursor */
 static void _ui_textbox_left_select(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, -1, 0 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, -1, 0 );
 }
 
 /* Match and receed both cursors */
 static void _ui_textbox_left(void)
 {
-   int cursor_diff = vg_ui.cursor_pos - vg_ui.cursor_user? 0: 1;
+   int cursor_diff = vg_ui.textbox.cursor_pos - vg_ui.textbox.cursor_user? 0: 1;
+
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, -cursor_diff, 1 );
+}
+
+static void _ui_textbox_up(void)
+{
+   if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+      int line_begin = vg_ui.textbox.cursor_user;
+
+      while( line_begin ){
+         if( vg_ui.textbuf[ line_begin-1 ] == '\n' ){
+            break;
+         }
+
+         line_begin --;
+      }
+
+      if( line_begin ){
+         int line_above_begin = line_begin-1;
+
+         while( line_above_begin ){
+            if( vg_ui.textbuf[ line_above_begin-1 ] == '\n' ){
+               break;
+            }
+
+            line_above_begin --;
+         }
+
+         int offset = vg_ui.textbox.cursor_user - line_begin,
+             line_length_above = line_begin - line_above_begin -1;
+
+         offset = VG_MIN( line_length_above, offset );
+
+         vg_ui.textbox.cursor_user = line_above_begin+offset;
+         vg_ui.textbox.cursor_pos = line_above_begin+offset;
+      }
+      else{
+         vg_ui.textbox.cursor_user = line_begin;
+         vg_ui.textbox.cursor_pos = line_begin;
+      }
+   }
+   else{
+      if( vg_ui.textbuf_on_up ){
+         vg_ui.textbuf_on_up( vg_ui.textbuf, vg_ui.textbox.len );
+      }
+   }
+}
+
+static void _ui_textbox_down(void)
+{
+   if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+      int line_begin = vg_ui.textbox.cursor_user;
+
+      while( line_begin ){
+         if( vg_ui.textbuf[ line_begin-1 ] == '\n' ){
+            break;
+         }
+
+         line_begin --;
+      }
+
+      int line_below_begin = vg_ui.textbox.cursor_user;
+
+      while(1){
+         if( vg_ui.textbuf[ line_below_begin ] == '\0' ){
+            vg_ui.textbox.cursor_user = line_below_begin;
+            vg_ui.textbox.cursor_pos = line_below_begin;
+            return;
+         }
+
+         if( vg_ui.textbuf[ line_below_begin ] == '\n' ){
+            line_below_begin ++;
+            break;
+         }
+
+         line_below_begin ++;
+      }
+
+      int line_below_end = line_below_begin;
+      while(1){
+         if( vg_ui.textbuf[ line_below_end ] == '\0' ||
+             vg_ui.textbuf[ line_below_end ] == '\n' ){
+            line_below_end ++;
+            break;
+         }
+         line_below_end ++;
+      }
+
+      int offset = vg_ui.textbox.cursor_user - line_begin,
+          line_length_below = line_below_end - line_below_begin -1;
+
+      offset = VG_MIN( line_length_below, offset );
 
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, 
-                        &vg_ui.cursor_pos, -cursor_diff, 1 );
+      vg_ui.textbox.cursor_user = line_below_begin+offset;
+      vg_ui.textbox.cursor_pos = line_below_begin+offset;
+   }
+   else{
+      if( vg_ui.textbuf_on_down ){
+         vg_ui.textbuf_on_down( vg_ui.textbuf, vg_ui.textbox.len );
+      }
+   }
 }
 
 static void _ui_textbox_right_select(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, 1, 0 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, 1, 0 );
 }
 
 static void _ui_textbox_right(void)
 {
-   int cursor_diff = vg_ui.cursor_pos - vg_ui.cursor_user? 0: 1;
+   int cursor_diff = vg_ui.textbox.cursor_pos - vg_ui.textbox.cursor_user? 0: 1;
 
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, 
-                        &vg_ui.cursor_pos, +cursor_diff, 1 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, +cursor_diff, 1 );
 }
 
 static void _ui_textbox_backspace(void)
 {
-   vg_ui.cursor_user = _ui_textbox_delete_char( -1 );
-   vg_ui.cursor_pos = vg_ui.cursor_user;
+   if( vg_ui.focused_control_type == k_ui_control_textbox ){
+      vg_ui.textbox.cursor_user = _ui_textbox_delete_char( -1 );
+      vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
+
+      if( vg_ui.textbuf_on_change )
+         vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+   }
 }
 
 static void _ui_textbox_delete(void)
 {
-   vg_ui.cursor_user = _ui_textbox_delete_char( 1 );
-   vg_ui.cursor_pos = vg_ui.cursor_user;
+   if( vg_ui.focused_control_type == k_ui_control_textbox ){
+      vg_ui.textbox.cursor_user = _ui_textbox_delete_char( 1 );
+      vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
+
+      if( vg_ui.textbuf_on_change )
+         vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+   }
 }
 
 static void _ui_textbox_home_select(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, -10000, 0 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, -10000, 0 );
 }
 
 static void _ui_textbox_home(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, 
-                            &vg_ui.cursor_pos, -10000, 1 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, -10000, 1 );
 }
 
 static void _ui_textbox_end_select(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, 10000, 0 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, 10000, 0 );
 }
 
 static void _ui_textbox_end(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, 
-                            &vg_ui.cursor_pos, 
-                            vg_ui.textbuf_len-1, 1 );
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, 
+                            &vg_ui.textbox.cursor_pos, 
+                            vg_ui.textbox.len-1, 1 );
 }
 
 static void _ui_textbox_select_all(void)
 {
-   _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL,  10000, 0);
-   _ui_textbox_move_cursor( &vg_ui.cursor_pos,  NULL, -10000, 0);
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL,  10000, 0);
+   _ui_textbox_move_cursor( &vg_ui.textbox.cursor_pos,  NULL, -10000, 0);
 }
 
 static void _ui_textbox_cut(void)
 {
    _ui_textbox_to_clipboard();
-   vg_ui.cursor_user = _ui_textbox_delete_char(0);
-   vg_ui.cursor_pos = vg_ui.cursor_user;
+   vg_ui.textbox.cursor_user = _ui_textbox_delete_char(0);
+   vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
 }
 
 static void _ui_textbox_enter(void)
 {
-   if( !strlen( vg_ui.textbuf ) ) 
-      return;
+   if( vg_ui.focused_control_type == k_ui_control_textbox ){
+      if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+         _ui_textbox_put_char( '\n' );
+      }
+      else{
+         if( !(vg_ui.textbox.flags & UI_TEXTBOX_AUTOFOCUS ) )
+            ui_defocus_all();
+      }
+
+      if( vg_ui.textbuf_on_enter ){
+         vg_ui.textbuf_on_enter( vg_ui.textbuf, vg_ui.textbox.len );
+      }
+   }
 }
 
-/*
- * Handles binds
+/* 
+ * based on a visual character coordinate relative to the anchor of the textbox, 
+ * this works out the linear place in the buffer that coordinate maps to
+ *
+ * input coordinates go in co[0], co[1], and the result index is in co[2]
  */
-static void _ui_proc_key( SDL_Keysym ev )
+static void _ui_textbox_calc_index_from_grid( int co[3], int wrap_length )
 {
-   struct textbox_mapping
-   {
-      u16 mod;
-      SDL_Keycode key;
-      
-      void (*handler)(void);
-   }
-   mappings[] =
-   {
-      { 0,              SDLK_LEFT,       _ui_textbox_left              },
-      { KMOD_SHIFT,     SDLK_LEFT,       _ui_textbox_left_select       },
-      { 0,              SDLK_RIGHT,      _ui_textbox_right             },
-      { KMOD_SHIFT,     SDLK_RIGHT,      _ui_textbox_right_select      },
-#if 0
-      { 0,              SDLK_DOWN,       _ui_textbox_down              },
-      { 0,              SDLK_UP,         _ui_textbox_up                },
-#endif
-      { 0,              SDLK_BACKSPACE,  _ui_textbox_backspace         },
-      { 0,              SDLK_DELETE,     _ui_textbox_delete            },
-      { 0,              SDLK_HOME,       _ui_textbox_home              },
-      { KMOD_SHIFT,     SDLK_HOME,       _ui_textbox_home_select       },
-      { 0,              SDLK_END,        _ui_textbox_end               },
-      { KMOD_SHIFT,     SDLK_END,        _ui_textbox_end_select        },
-      { KMOD_CTRL,      SDLK_a,          _ui_textbox_select_all        },
-      { KMOD_CTRL,      SDLK_c,          _ui_textbox_to_clipboard      },
-      { KMOD_CTRL,      SDLK_x,          _ui_textbox_cut               },
-      { KMOD_CTRL,      SDLK_v,          _ui_textbox_clipboard_paste   },
-      { 0,              SDLK_RETURN,     _ui_textbox_enter             },
-#if 0
-      { KMOD_CTRL,      SDLK_n,          _ui_textbox_suggest_next      },
-      { KMOD_CTRL,      SDLK_p,          _ui_textbox_suggest_prev      }
-#endif
-      { 0,              SDLK_ESCAPE,     ui_defocus_all                }
-   };
+   int i[3] = {0,0,0};
 
-   SDL_Keymod mod = 0;
-
-   if( ev.mod & KMOD_SHIFT )
-      mod |= KMOD_SHIFT;
+   char c;
+   while( (c = vg_ui.textbuf[i[2]]) ){
+      if( i[1]==co[1] && i[0]>=co[0] ) break;
 
-   if( ev.mod & KMOD_CTRL )
-      mod |= KMOD_CTRL;
+      if( i[0] >= wrap_length ){
+         i[1] ++;
+         i[0] = 0;
+      }
 
-   if( ev.mod & KMOD_ALT )
-      mod |= KMOD_ALT;
+      if( c >= 32 && c <= 126 ){
+         i[0] ++;
+         i[2] ++;
+      }
+      else if( c == '\n' ){
+         i[1] ++;
 
-   for( int i=0; i<vg_list_size( mappings ); i++ ){
-      struct textbox_mapping *mapping = &mappings[i];
+         if( i[1] > co[1] ) break;
 
-      if( mapping->key == ev.sym ){
-         if( mapping->mod == 0 ){
-            if( mod == 0 ){
-               mapping->handler();
-               return;
-            }
-         }
-         else if( (mod & mapping->mod) == mapping->mod ){
-            mapping->handler();
-            return;
-         }
+         i[2] ++;
+         i[0] = 0;
       }
+      else i[2] ++;
    }
+
+   co[0] = i[0];
+   co[1] = i[1];
+   co[2] = i[2];
 }
 
-/*
- * Callback for text entry mode
+/* 
+ * based on the index specied in co[2], work out the visual character
+ * coordinates and store them in co[0], co[1]
  */
-VG_STATIC void ui_proc_utf8( const char *text )
+static void _ui_textbox_index_calc_coords( int co[3], int wrap_length )
 {
-   const char *ptr = text;
+   co[0] = 0;
+   co[1] = 0;
+
+   char c;
+   int i=0;
 
-   while( *ptr ){
-      if( *ptr != '`' ) _ui_textbox_put_char( *ptr );
-      ptr ++;
+   while( (c = vg_ui.textbuf[i ++]) ){
+      if( i > co[2] ) break;
+      if( co[0] >= wrap_length ){
+         co[1] ++;
+         co[0] = 0;
+      }
+      if( c >= 32 && c <= 126 ) co[0] ++;
+      else if( c == '\n' ){
+         co[1] ++;
+         co[0] = 0;
+      }
    }
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-static void _ui_textbox_cursor_rect( ui_rect text_rect, ui_rect cursor )
+/*
+ * calculate the number of characters remaining until either:
+ *    - the wrap_length limit is hit
+ *    - end of the line/string
+ *
+ * index must be fully populated with visual X/Y, and linear index
+ */
+static int _ui_textbox_run_remaining( int index[3], int wrap_length )
 {
-   int start = VG_MIN( vg_ui.cursor_pos, vg_ui.cursor_user ),
-       end   = VG_MAX( vg_ui.cursor_pos, vg_ui.cursor_user );
+   int i=0, printed_chars=0;
+   char c;
+   while( (c = vg_ui.textbuf[index[2] + (i ++)]) ){
+      if( index[0]+i >= wrap_length ) break;
+      if( c >= 32 && c <= 126 ) printed_chars ++;
+      else if( c == '\n' ) break;
+   }
 
-   cursor[0] = text_rect[0] + start*UI_GLYPH_SPACING_X-1;
-   cursor[1] = text_rect[1];
-   cursor[2] = start == end? 2: (float)(end-start)*(float)UI_GLYPH_SPACING_X;
-   cursor[3] = text_rect[3];
-               
+   return printed_chars+1;
 }
 
-
-
-static int ui_textbox( ui_rect rect, char *buf, u32 len )
+static int ui_textbox( ui_rect rect, char *buf, u32 len, u32 flags )
 {
-   int clickup= ui_click_up(),
-       click  = ui_clicking() | clickup,
+   int clickup= ui_click_up(UI_MOUSE_LEFT),
+       click  = ui_clicking(UI_MOUSE_LEFT) | clickup,
        target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
        hover  = ui_inside_rect( rect, vg_ui.mouse );
 
@@ -1342,62 +1514,148 @@ static int ui_textbox( ui_rect rect, char *buf, u32 len )
 
    ui_rect text_rect;
    rect_copy( rect, text_rect );
-   text_rect[3] = 14;
+
+   if( flags & UI_TEXTBOX_MULTILINE ) text_rect[3] = rect[3]-16;
+   else text_rect[3] = 14;
+
    text_rect[2] -= 16;
    ui_rect_center( rect, text_rect );
 
+   ui_px wrap_length = 1024;
+
+   if( flags & UI_TEXTBOX_WRAP ) 
+      wrap_length = text_rect[2] / UI_GLYPH_SPACING_X;
+
    if( hover ){
       vg_ui.cursor = k_ui_cursor_ibeam;
    }
 
    if( vg_ui.focused_control_id == buf ){
       ui_fill( rect, col_base );
-      ui_text( text_rect, buf, 1, k_ui_align_left, 0 );
+      ui_ntext( text_rect, buf, wrap_length, 1, k_ui_align_left, 0 );
 
-      if( (clickup||ui_click_down()) && !target ){
+      if( !(flags & UI_TEXTBOX_AUTOFOCUS) && 
+           ((clickup||ui_click_down(UI_MOUSE_LEFT)) && !target) ){
          ui_defocus_all();
       }
       else{
          vg_ui.focused_control_hit = 1;
-
          if( click && target ){
-            ui_px d0 = vg_ui.mouse_click[0] - text_rect[0],
-                  d1 = vg_ui.mouse[0]       - text_rect[0];
-
-            int max = strlen( vg_ui.textbuf );
-
-            vg_ui.cursor_pos = VG_MAX( 0, VG_MIN( max, d0/UI_GLYPH_SPACING_X )),
-            vg_ui.cursor_user= VG_MAX( 0, VG_MIN( max, d1/UI_GLYPH_SPACING_X ));
+            int p0[3] ={
+               (vg_ui.mouse_click[0] - text_rect[0]) / UI_GLYPH_SPACING_X,
+               (vg_ui.mouse_click[1] - text_rect[1]) / 14,
+               -1
+            }, 
+            p1[3] = {
+               (vg_ui.mouse[0] - text_rect[0]) / UI_GLYPH_SPACING_X,
+               (vg_ui.mouse[1] - text_rect[1]) / 14,
+               -1
+            };
+
+            if( flags & UI_TEXTBOX_MULTILINE ){
+               _ui_textbox_calc_index_from_grid( p0, wrap_length );
+               _ui_textbox_calc_index_from_grid( p1, wrap_length );
+
+               vg_ui.textbox.cursor_pos = p0[2];
+               vg_ui.textbox.cursor_user = p1[2];
+            }
+            else{
+               int max = strlen( buf );
+               vg_ui.textbox.cursor_pos = VG_MAX( 0, VG_MIN( max, p0[0] )),
+               vg_ui.textbox.cursor_user = VG_MAX( 0, VG_MIN( max, p1[0] ));
+            }
          }
 
          ui_outline( rect, -2, vg_ui.scheme[ k_ui_orange ] );
 
          ui_rect cursor;
-         _ui_textbox_cursor_rect( text_rect, cursor );
-         rect_copy( cursor, vg_ui.click_fader_end );
 
-         if( (vg_ui.click_fade_opacity<=0.0f) && 
-              ui_clip( rect, cursor, cursor ) ){
-            ui_fill( cursor, col_cursor );
+         int c0 = vg_ui.textbox.cursor_pos,
+             c1 = vg_ui.textbox.cursor_user,
+             start = VG_MIN( c0, c1 ),
+             end   = VG_MAX( c0, c1 ),
+             chars = end-start;
+
+         if( flags & (UI_TEXTBOX_MULTILINE|UI_TEXTBOX_WRAP) ){
+
+            int pos[3], remaining = chars;
+
+            pos[2] = start;
+            _ui_textbox_index_calc_coords( pos, wrap_length );
+
+            if( start==end ){
+               cursor[0] = text_rect[0] + pos[0]*UI_GLYPH_SPACING_X-1;
+               cursor[1] = text_rect[1] + pos[1]*14;
+               cursor[2] = 2;
+               cursor[3] = 13;
+               ui_fill( cursor, col_cursor );
+               rect_copy( cursor, vg_ui.click_fader_end );
+            }
+            else{
+               while( remaining ){
+                  /* TODO: scan for newlines and stuff
+                   *       eol or wrap_length can have line breaks! */
+
+                  int run = _ui_textbox_run_remaining( pos, wrap_length );
+                      run = VG_MIN( run, remaining );
+
+                  cursor[0] = text_rect[0] + pos[0]*UI_GLYPH_SPACING_X-1;
+                  cursor[1] = text_rect[1] + pos[1]*14;
+                  cursor[2] = (float)(run)*(float)UI_GLYPH_SPACING_X;
+                  cursor[3] = 13;
+
+                  ui_fill( cursor, col_cursor );
+
+                  remaining -= run;
+                  pos[0] = 0;
+                  pos[1] ++;
+                  pos[2] += run;
+               }
+               rect_copy( cursor, vg_ui.click_fader_end );
+            }
+         }
+         else{
+            cursor[0] = text_rect[0] + start*UI_GLYPH_SPACING_X-1;
+            cursor[1] = text_rect[1];
+            cursor[3] = 13;
+
+            if( start==end ){
+               cursor[2] = 2;
+            }
+            else{
+               cursor[2] = (float)(chars)*(float)UI_GLYPH_SPACING_X;
+            }
+
+            if( (vg_ui.click_fade_opacity<=0.0f) && 
+                 ui_clip( rect, cursor, cursor ) ){
+               ui_fill( cursor, col_cursor );
+            }
+
+            rect_copy( cursor, vg_ui.click_fader_end );
          }
       }
 
       return 0;
    }
 
-   if( click ){
-      if( target && hover ){
+   if( click || (flags & UI_TEXTBOX_AUTOFOCUS) ){
+      if( (target && hover) || (flags & UI_TEXTBOX_AUTOFOCUS) ){
+         ui_defocus_all();
+
          ui_fill( rect, col_highlight );
          vg_ui.ignore_input_frames = 2;
          rect_copy( rect, vg_ui.click_fader );
-         _ui_textbox_cursor_rect( text_rect, vg_ui.click_fader_end );
-
+         rect_copy( rect, vg_ui.click_fader_end );
+         
          vg_ui.click_fade_opacity = 1.0f;
          vg_ui.textbuf = buf;
          vg_ui.focused_control_hit = 1;
          vg_ui.focused_control_type = k_ui_control_textbox;
-         vg_ui.textbuf_len = len;
-         vg_info( "SDL_StartTextInput()\n" );
+         vg_ui.textbox.len = len;
+         vg_ui.textbox.flags = flags;
+         vg_ui.textbox.cursor_pos = 0;
+         vg_ui.textbox.cursor_user = 0;
+
          SDL_StartTextInput();
       }
    }
@@ -1408,8 +1666,101 @@ static int ui_textbox( ui_rect rect, char *buf, u32 len )
       ui_outline( rect, -1, col_highlight );
    }
 
-   ui_text( text_rect, buf, 1, k_ui_align_left, 0 );
+   ui_ntext( text_rect, buf, wrap_length, 1, k_ui_align_left, 0 );
    return 0;
 }
 
+/*
+ * Input handling
+ * -----------------------------------------------------------------------------
+ */
+
+/*
+ * Handles binds
+ */
+static void _ui_proc_key( SDL_Keysym ev )
+{
+   if( vg_ui.focused_control_type != k_ui_control_textbox ){
+      return;
+   }
+
+   struct textbox_mapping
+   {
+      u16 mod;
+      SDL_Keycode key;
+      
+      void (*handler)(void);
+   }
+   mappings[] =
+   {
+      { 0,              SDLK_LEFT,       _ui_textbox_left              },
+      { KMOD_SHIFT,     SDLK_LEFT,       _ui_textbox_left_select       },
+      { 0,              SDLK_RIGHT,      _ui_textbox_right             },
+      { KMOD_SHIFT,     SDLK_RIGHT,      _ui_textbox_right_select      },
+      { 0,              SDLK_DOWN,       _ui_textbox_down              },
+      { 0,              SDLK_UP,         _ui_textbox_up                },
+      { 0,              SDLK_BACKSPACE,  _ui_textbox_backspace         },
+      { KMOD_SHIFT,     SDLK_BACKSPACE,  _ui_textbox_backspace         },
+      { KMOD_CTRL,      SDLK_BACKSPACE,  _ui_textbox_backspace         },
+      { 0,              SDLK_DELETE,     _ui_textbox_delete            },
+      { 0,              SDLK_HOME,       _ui_textbox_home              },
+      { KMOD_SHIFT,     SDLK_HOME,       _ui_textbox_home_select       },
+      { 0,              SDLK_END,        _ui_textbox_end               },
+      { KMOD_SHIFT,     SDLK_END,        _ui_textbox_end_select        },
+      { KMOD_CTRL,      SDLK_a,          _ui_textbox_select_all        },
+      { KMOD_CTRL,      SDLK_c,          _ui_textbox_to_clipboard      },
+      { KMOD_CTRL,      SDLK_x,          _ui_textbox_cut               },
+      { KMOD_CTRL,      SDLK_v,          _ui_textbox_clipboard_paste   },
+      { 0,              SDLK_RETURN,     _ui_textbox_enter             },
+      { 0,              SDLK_ESCAPE,     ui_defocus_all                },
+   };
+
+   SDL_Keymod mod = 0;
+
+   if( ev.mod & KMOD_SHIFT )
+      mod |= KMOD_SHIFT;
+
+   if( ev.mod & KMOD_CTRL )
+      mod |= KMOD_CTRL;
+
+   if( ev.mod & KMOD_ALT )
+      mod |= KMOD_ALT;
+
+   for( int i=0; i<vg_list_size( mappings ); i++ ){
+      struct textbox_mapping *mapping = &mappings[i];
+
+      if( mapping->key == ev.sym ){
+         if( mapping->mod == 0 ){
+            if( mod == 0 ){
+               mapping->handler();
+               return;
+            }
+         }
+         else if( (mod & mapping->mod) == mapping->mod ){
+            mapping->handler();
+            return;
+         }
+      }
+   }
+}
+
+/*
+ * Callback for text entry mode
+ */
+VG_STATIC void ui_proc_utf8( const char *text )
+{
+   if( vg_ui.focused_control_type == k_ui_control_textbox ){
+      const char *ptr = text;
+
+      while( *ptr ){
+         if( *ptr != '`' ) _ui_textbox_put_char( *ptr );
+         ptr ++;
+      }
+
+      if( vg_ui.textbuf_on_change ){
+         vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+      }
+   }
+}
+
 #endif /* VG_IMGUI_H */