resource.ts

module Resource {

    export declare var html: {
        [name: string]: string;
    };
    export declare var css: {
        [name: string]: string;
    };

    var loadedCSS: { [name: string]: boolean } = {};

    export function load(name: string): JQuery {
        if (typeof html[name] === 'undefined') {
            throw new Error('No such template');
        }
        if (typeof css[name] !== 'undefined' && !loadedCSS[name]) {
            addCSS(css[name]);
            loadedCSS[name] = true;
        }
        return $(html[name]);
    }

    function addCSS(css: string) {
        if (typeof GM_addStyle !== 'undefined') {
            GM_addStyle(css);
        } else {
            $('<style />').attr('type', 'text/css').html(css).appendTo($('head').eq(0));
        }
    }

}