<commit_before>BEST.module('famous:examples:demos:clickable-square', 'HEAD', {
    tree: 'clickable-square.html',
    behaviors: {
        '#context': {
            'size': [200, 200],
            'position': function(offset) {
                return [offset, offset]
            }
        },
        '#surface': {
            'template': function(count) { return { count: count }; },
            'style' : function(backgroundColor) {
                return {
                    'background-color' : backgroundColor,
                    'cursor' : 'pointer'
                }
            },
            'unselectable': true
        }
    },
    events: {
        '#context': {
            'famous:events:click': function($state, $payload) {
                $state.set('count', $state.get('count') + 1);
                console.log('Click event on context: ', $payload);
            }
        },
        '$public': {
            'hello' : function() {
                console.log('hello!');
            },
            'background-color' : 'setter|camel'
        }
    },
    states: {
        count: 0,
        offset: 0,
        backgroundColor: 'gray'
    }
});
<commit_msg>Add offset to clickable square<commit_after>BEST.module('famous:examples:demos:clickable-square', 'HEAD', {
    tree: 'clickable-square.html',
    behaviors: {
        '#context': {
            'size': [200, 200],
            'position': function(offset) {
                return [offset, offset]
            }
        },
        '#surface': {
            'template': function(count) { return { count: count }; },
            'style' : function(backgroundColor) {
                return {
                    'background-color' : backgroundColor,
                    'cursor' : 'pointer'
                }
            },
            'unselectable': true
        }
    },
    events: {
        '#context': {
            'famous:events:click': function($state, $payload) {
                $state.set('count', $state.get('count') + 1);
                console.log('Click event on context: ', $payload);
            }
        },
        '$public': {
            'hello' : function() {
                console.log('hello!');
            },
            'background-color' : 'setter|camel'
        }
    },
    states: {
        count: 0,
        offset: 100,
        backgroundColor: 'gray'
    }
});

{'fraction_non_alphanumeric': 0.15099114297764657, 'fraction_numerical': 0.008435259384226065, 'mean_word_length': 1.3696303696303695, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7060901', 'n_tokens_mistral': 670, 'n_tokens_neox': 645, 'n_words': 114}