script-module

script-module-client.js

/**
 * [MODULE NAME]
 *
 * Limepark AB, 2016
 */
(function (window, document, $) {
  
  // ...
  
  // Document Ready
  $(function () {
    
  });
  
  // Window Load
  $(window).on('load', function () {
  
  });
  
})(this, this.document, jQuery);

script-module-server.js

/**
 * [MODULE DESCRIPTION]
 *
 * Limepark AB, 2016
 */

// sitevision < 4.2
if (typeof scriptVariables === 'undefined') var scriptVariables = {};

/**
 * Contains configuration settings.
 * @type {Object}
 */
var settings = {
  "foo": (scriptVariables.foo !== null) ? scriptVariables.foo : 'tar',
  "bar": (scriptVariables.bar !== null) ? scriptVariables.bar : true
};

/**
 * Contains the main logic for this script module. Places needed
 * variables in a context object accessible in the velocity template.
 * @return {Object}
 */
var context = (function (request) {
  var portletContextUtil  = require('PortletContextUtil');
  var endecUtil           = require('EndecUtil');
  var propertyUtil        = require('PropertyUtil');
  var resourceLocatorUtil = require('ResourceLocatorUtil');
  var currentPage         = portletContextUtil.getCurrentPage();
  var currentPortlet      = portletContextUtil.getCurrentPortlet();
  
  // ...

  return {
    "foo": "bar"
  };
})(request);

script-module.css

/*
=========================================================
[MODULE NAME]
=========================================================
 * [MODULE DESCRIPTION]
 *
 * Limepark AB, 2016
=========================================================*/

/* ... */

script-module.vm

## INIT ##

#set( $svUtils      = $request.getAttribute('sitevision.utils') )
#set( $scriptUtil   = $svUtils.scriptUtil )
#set( $endecUtil    = $svUtils.endecUtil )
#set( $propertyUtil = $svUtils.propertyUtil )

## MAIN ##

<p>$context.foo</p>