How to use the basis.template.define function in basis

var document = global.document;
  var Event = require('basis.dom.event');
  var cssom = require('basis.cssom');
  var anim = require('basis.animation');
  var basisEvent = require('basis.event');
  var createEvent = basisEvent.create;
  var Emitter = basisEvent.Emitter;
  var listenResize = require('basis.dom.resize').add;
  var Node = require('basis.ui').Node;


  //
  // definitions
  //

  var templates = require('basis.template').define(namespace, {
    Scrollbar: resource('./templates/scroller/Scrollbar.tmpl'),
    ScrollPanel: resource('./templates/scroller/ScrollPanel.tmpl'),
    ScrollGalleryItem: resource('./templates/scroller/ScrollGalleryItem.tmpl')
  });


  //
  // Main part
  //

  // constants
  var AVERAGE_TICK_TIME_INTERVAL = 15;
  var VELOCITY_DECREASE_FACTOR = 0.94;
  var MOVE_THRESHOLD = 5;

  // css transform/transform3d feature detection

//

  var basisEvent = require('basis.event');
  var events = basisEvent.events;
  var createEvent = basisEvent.create;
  var getBoundingRect = require('basis.layout').getBoundingRect;
  var AbstractNode = require('basis.dom.wrapper').AbstractNode;
  var DragDropElement = require('basis.dragdrop').DragDropElement;
  var Node = require('basis.ui').Node;


  //
  // definitions
  //

  var templates = require('basis.template').define(namespace, {
    Slider: resource('./templates/slider/Slider.tmpl'),
    MarkLayers: resource('./templates/slider/MarkLayers.tmpl'),
    MarkLayer: resource('./templates/slider/MarkLayer.tmpl'),
    Mark: resource('./templates/slider/Mark.tmpl')
  });


  //
  // main part
  //

  var KEY_PLUS = 187;      // +
  var KEY_KP_PLUS = 107;   // KEYPAD +
  var KEY_MINUS = 189;     // -
  var KEY_KP_MINUS = 109;  // KEYPAD -

var Class = basis.Class;
  var createArray = basis.array.create;
  var DOM = require('basis.dom');
  var createElement = DOM.createElement;
  var cssom = require('basis.cssom');
  var layout = require('basis.layout');
  var listenResize = require('basis.dom.resize').add;
  var Table = require('basis.ui.table').Table;


  //
  // definitions
  //

  var templates = require('basis.template').define(namespace, {
    ScrollTable: resource('./templates/scrolltable/ScrollTable.tmpl')
  });


  //
  // main part
  //

  function resetStyleAttr(extraStyle){
    return 'style="padding:0!important;margin:0!important;border:0!important;width:auto!important;height:0!important;font-size:0!important;' + (extraStyle || '') + '"';
  }

  function resetStyle(extraStyle){
    return '[' + resetStyleAttr(extraStyle) + ']';
  }

var arrayFrom = basis.array.from;
  var DOM = require('basis.dom');
  var cssom = require('basis.cssom');
  var createEvent = require('basis.event').create;
  var Node = require('basis.ui').Node;
  var ButtonPanel = require('basis.ui.button').ButtonPanel;
  var MoveableElement = require('basis.dragdrop').MoveableElement;


  //
  // definitions
  //

  var dict = require('basis.l10n').dictionary(__filename);

  var templates = require('basis.template').define(namespace, {
    Blocker: resource('./templates/window/Blocker.tmpl'),
    Window: resource('./templates/window/Window.tmpl'),
    TitleButton: resource('./templates/window/TitleButton.tmpl'),
    ButtonPanel: resource('./templates/window/ButtonPanel.tmpl'),
    windowManager: resource('./templates/window/windowManager.tmpl')
  });


  //
  // main part
  //

 /**
  * @class
  */
  var Blocker = Class(Node, {

var getter = basis.getter;

  var basisUi = require('basis.ui');
  var UINode = basisUi.Node;
  var UIPartitionNode = basisUi.PartitionNode;
  var UIGroupingNode = basisUi.GroupingNode;
  var basisUiPopup = require('basis.ui.popup');
  var DIR = basisUiPopup.DIR;
  var Popup = basisUiPopup.Popup;


  //
  // definitions
  //

  var templates = require('basis.template').define(namespace, {
    MenuItem: resource('./templates/menu/MenuItem.tmpl'),
    MenuItemSet: resource('./templates/menu/MenuItemSet.tmpl'),
    PartitionNode: resource('./templates/menu/PartitionNode.tmpl'),
    Menu: resource('./templates/menu/Menu.tmpl')
  });


  //
  // main part
  //

 /**
  * @class
  */
  var MenuItem = Class(UINode, {
    className: namespace + '.MenuItem',

//
  // import names
  //

  var createEvent = require('basis.event').create;
  var dwNode = require('basis.dom.wrapper').Node;
  var Node = require('basis.ui').Node;


  //
  // definitions
  //

  var templates = require('basis.template').define(namespace, {
    Canvas: resource('./templates/canvas/Canvas.tmpl')
  });


  //
  // Main part
  //

 /**
  * @class
  */
  var Shape = dwNode.subclass({
    className: namespace + '.Shape',
    draw: function(context){
      // context.save();
      // context.fillStyle = 'red';

basis.patch('basis.layout', function(exports){
  var panel = require('basis.ui.panel');

  basis.layout.VerticalPanel = panel.VerticalPanel;
  basis.layout.VerticalPanelStack = panel.VerticalPanelStack;
  exports.VerticalPanel = panel.VerticalPanel;
  exports.VerticalPanelStack = panel.VerticalPanelStack;

  require('basis.template').define('basis.layout', {
    Panel: basis.resource(panel.VerticalPanel.prototype.template.source.url),
    Stack: basis.resource(panel.VerticalPanelStack.prototype.template.source.url)
  });

  //
  // Boxes
  //

 /**
  * @class
  * @deprecated
  */
  var Box = basis.Class(null, {
    className: 'basis.layout.Box',

    init: function(element, woCalc, relElement){

var Node = require('basis.ui').Node;
var template = require('basis.template');
var Cell = require('../cell/index');

var templates = template.define('app.ui.table', {
    row: resource('./template/row.tmpl')
});

module.exports = Node.subclass({
    template: templates.row,
    childClass: Cell
});

var Node = require('basis.ui').Node;
var event = require('basis.event');
var resolveValue = require('basis.data').resolveValue;
var template = require('basis.template');

var templates = template.define('app.ui', {
    bottomBar: resource('./template/template.tmpl')
});

module.exports = Node.subclass({
    template: templates.bottomBar,
    visible: true,
    visibleRA_: null,
    emit_visibleChanged: event.create('visibleChanged'),
    propertyDescriptors: {
        visible: 'visibleChanged'
    },
    binding: {
        visible: {
            events: 'visibleChanged',
            getter: basis.getter('visible')

var Node = require('basis.ui').Node;
var jsSourcePopup = resource('./js-source-popup.js');
var DomTree = require('./dom.js');
var BindingView = require('./bindings.js');
var SourceView = require('./source.js');
var api = require('api');
var fileApi = require('api').ns('file');
var templateApi = require('../api.js');

var templates = require('basis.template').define('devpanel.template-info', {
  main: resource('./main/window.tmpl')
});
require('basis.template').theme('standalone').define('devpanel.template-info', {
  main: resource('./main/standalone.tmpl')
});

module.exports = Node.subclass({
  disabled: api.connected.as(basis.bool.invert),

  satellite: {
    domTree: DomTree,
    bindings: BindingView,
    source: SourceView
  },

  template: templates.main,