gistfile1.m

@import <AppKit/CPView.j>

var CPTextFieldBlurFunction = nil;

// Code extended from code at http://gist.github.com/9848 

@implementation CPTextView : CPView
{
    DOMElement      FIXME_textArea;
    
    id              _delegate;
    
    CPScrollView    _scrollView;
    CPView          _contentView;
    
    JSObject        _existingSelectStart;
    
    BOOL            _alreadyFired;
}
 
-(id)initWithFrame:(CGRect)aFrame
{
    self = [super initWithFrame: aFrame];

    FIXME_textArea = document.createElement("textarea");
    
    FIXME_textArea.style.width  = "100%";
    FIXME_textArea.style.height = "100%";
    
    if(document.selection)
        FIXME_textArea.style.overflow = "auto";
    else
        FIXME_textArea.style.overflow = "hidden";
        
    FIXME_textArea.style.position = "absolute";
    
    FIXME_textArea.style.left    = "0";
    FIXME_textArea.style.top     = "0";
    FIXME_textArea.style.margin  = "0";
    FIXME_textArea.style.padding = "0";
    
    FIXME_textArea.style.backgroundColor = "transparent";
    FIXME_textArea.style.fontSize = "14px";
    FIXME_textArea.style.fontFamily = "Helvetica";
     
    FIXME_textArea.style.resize = "none";
    FIXME_textArea.style.outlineStyle = "none";
    
    FIXME_textArea.style.border = "none";
    
//     FIXME_textArea.onkeypress = function() {
//       [self textDidChange: self];
//     };
//     FIXME_textArea.onkeyup = function() {
//       [self textDidChange: self];
//     };
 
    // TODO do this properly using if (document.attachEvent)
    FIXME_textArea.onkeydown = function(aDOMEvent) {
      if (aDOMEvent.keyCode == CPTabKeyCode) {
	if (aDOMEvent.preventDefault)
	  aDOMEvent.preventDefault();
	if (aDOMEvent.stopPropagation)
	  aDOMEvent.stopPropagation();
	var pos = FIXME_textArea.selectionStart,
	val = FIXME_textArea.value;
	FIXME_textArea.value = val.substring(0, pos) + String.fromCharCode(CPTabKeyCode) + val.substring(pos);
	FIXME_textArea.selectionStart = pos+1;
	FIXME_textArea.selectionEnd = pos+1;	
      }
      [self textDidChange:self];
    };
         
    FIXME_textArea.onfocus = function() {
      _existingSelectStart = document.body.onselectstart;
      document.body.onselectstart = function() { };
    };
        
    FIXME_textArea.onblur = function() {
      if(_existingSelectStart)
	document.body.onselectstart = _existingSelectStart;
      
      [[self window] makeFirstResponder:nil];
    };
    
    _DOMElement.appendChild(FIXME_textArea);
 
    return self;
}
 
- (void)setDelegate:(id)delegate
{
    _delegate = delegate;
}
 
- (id)delegate
{
    return _delegate;
}

- (BOOL)resignFirstResponder
{
 if ([_delegate respondsToSelector:@selector(controlTextDidEndEditing:)])
   [_delegate controlTextDidEndEditing:self];

  return YES;
}

- (BOOL)acceptsFirstResponder
{
  return YES;
}

- (void)mouseDown:(CPEvent)anEvent
{
  // Don't track! (ever?)
  return [[self window] makeFirstResponder:self];
}
 
- (void)textDidChange:(id)sender
{
  if (!_contentView)
    return;
    
  var bounds = [_contentView bounds];
 
  FIXME_textArea.style.height = CGRectGetHeight(bounds) + "px";
  console.log(FIXME_textArea.value);
  console.log(FIXME_textArea.scrollHeight);
  FIXME_textArea.style.height = MAX(CGRectGetHeight(bounds), FIXME_textArea.scrollHeight) + "px";
  
  [self setFrameSize:CGSizeMake(CGRectGetWidth(bounds), parseInt(FIXME_textArea.style.height, 10))];
  [self scrollToCaret];
  
  [[CPRunLoop currentRunLoop] performSelectors];
}
 
- (void)scrollToCaret
{
    if(![_scrollView verticalScroller] || [[_scrollView verticalScroller] isHidden])
        return;
            
    if(FIXME_textArea.selectionStart)
    {
        var start = FIXME_textArea.selectionStart,
            end = FIXME_textArea.selectionEnd;
 
        var imposter = document.createElement('div'),
            referenceSpan = document.createElement('span'),
            stringValue = FIXME_textArea.value;
        
        imposter.style.overflow   = "hidden";
        imposter.style.fontSize   = "14px";
        imposter.style.padding    = "0";
        imposter.style.margin     = "0";
        imposter.style.height     = FIXME_textArea.style.height;
        imposter.style.width      = getComputedStyle(FIXME_textArea, "").getPropertyValue('width');
        imposter.style.fontFamily = getComputedStyle(FIXME_textArea, "").getPropertyValue('font-family');    
        
        for(var i=0; i<start; i++)
        {
            referenceSpan.innerHTML = stringValue.charAt(i).replace("\n", "<br />");
            imposter.appendChild(referenceSpan.cloneNode(true));
        }
    
        while (imposter.childNodes[start - 1] && imposter.childNodes[start - 1].innerHTML == " ")
            start--;
                
        document.body.appendChild(imposter);
    
        var caretOffsetTop = imposter.childNodes[start - 1].offsetTop - imposter.offsetTop,
            caretHeight = imposter.childNodes[start-1].offsetHeight;
        
        document.body.removeChild(imposter);
    }
    else if(document.selection)
    {
        FIXME_textArea.focus();
        var range = document.selection.createRange();
        
        window.range = range;
        if(range.parentElement() != FIXME_textArea) 
            return;
                            
        var caretOffsetTop = range.offsetTop + _DOMElement.offsetTop - 18,
            caretHeight = 18;
    }
    else
        return;
 
    [self scrollRectToVisible:CGRectMake(1, caretOffsetTop, 1, caretHeight)];
}
 
- (CPString)stringValue
{
    return FIXME_textArea.value;
}
 
- (void)setStringValue:(CPString)aString
{    
    if(aString)
        FIXME_textArea.value = aString;
    else
        FIXME_textArea.value = "";    
    
    [self textDidChange:self];
}
 
- (void)focus
{
    window.setTimeout(function(){
        FIXME_textArea.focus();
    }, 0);
}
 
- (void)viewDidMoveToSuperview
{
  _scrollView = [self enclosingScrollView];
  _contentView = [_scrollView contentView];
}
 
- (void)setFrameSize:(CGSize)aSize
{
    [super setFrameSize:aSize];
    
    [self scrollToCaret];
}

- (void)selectText:(id)sender
{
  var element = FIXME_textArea;
  [self focus];
  window.setTimeout(function() { element.select(); }, 0);
}
 
@end