diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..26ef0c8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,18 @@
+dist
+.project
+.settings
+*~
+*.diff
+*.patch
+/*.txt
+/*.csv
+/*.html
+.DS_Store
+.sizecache.json
+node_modules
+.sass-cache/
+.tmp/
+src/css/style.scss
+jsb.sublime-project
+jsb.sublime-workspace
+.grunt
diff --git a/.jshintrc b/.jshintrc
new file mode 100644
index 0000000..1297cce
--- /dev/null
+++ b/.jshintrc
@@ -0,0 +1,38 @@
+{
+ "curly": true,
+ "eqnull": true,
+ "eqeqeq": true,
+ "undef": true,
+ "newcap":false,
+ "globals": {
+ "jQuery": true,
+ "JSB": true,
+ "$": true,
+ "console": true,
+ "module": true,
+ "document": true,
+ "window": true,
+ "FB": true,
+ "localStorage": true,
+ "require": true,
+ "_": false,
+ "_V_": false,
+ "afterEach": false,
+ "beforeEach": false,
+ "confirm": false,
+ "context": false,
+ "describe": false,
+ "expect": true,
+ "it": false,
+ "jasmine": false,
+ "JSHINT": false,
+ "mostRecentAjaxRequest": false,
+ "qq": false,
+ "runs": false,
+ "spyOn": false,
+ "spyOnEvent": false,
+ "waitsFor": false,
+ "xdescribe": false,
+ "xit": false
+ }
+}
\ No newline at end of file
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..0ce3be2
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+ - "0.10"
+before_script:
+ - npm install -g grunt-cli
\ No newline at end of file
diff --git a/GruntFile.js b/GruntFile.js
new file mode 100644
index 0000000..6b879d0
--- /dev/null
+++ b/GruntFile.js
@@ -0,0 +1,426 @@
+/*
+ * grunt
+ * http://gruntjs.com/
+ *
+ * Copyright (c) 2013 "Cowboy" Ben Alman
+ * Licensed under the MIT license.
+ * https://github.com/gruntjs/grunt/blob/master/LICENSE-MIT
+ */
+
+// This is the default port that livereload listens on;
+// change it if you configure livereload to use another port.
+var LIVERELOAD_PORT = 35729;
+// lrSnippet is just a function.
+// It's a piece of Connect middleware that injects
+// a script into the static served html.
+var lrSnippet = require('connect-livereload')({
+ port: LIVERELOAD_PORT
+});
+// All the middleware necessary to serve static files.
+var livereloadMiddleware = function(connect, options) {
+ return [
+ // Inject a livereloading script into static files.
+ lrSnippet,
+ // Serve static files.
+ connect.static(options.base[0]),
+ // Make empty directories browsable.
+ connect.directory(options.base[0])
+ ];
+};
+
+// The first part is the "wrapper" function, which encapsulates your Grunt configuration
+module.exports = function(grunt) {
+
+ 'use strict';
+
+ // Load grunt tasks automatically
+ require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
+
+ var plugins = ['karma-mocha'];
+ var browsers = [];
+
+ // Time how long tasks take. Can help when optimizing build times
+ require('time-grunt')(grunt);
+
+ // Define the configuration for all the tasks
+ grunt.initConfig({
+ // Next we can read in the project settings from the package.json file into the pkg property. This allows us to refer to the values of properties within our package.json file.
+ pkg: grunt.file.readJSON('package.json'),
+
+ // Project settings
+ jsb: {
+ // Configurable paths
+ app: 'src',
+ dist: 'dist',
+ test: 'test'
+ },
+ // Empties folders to start fresh
+ clean: {
+ dist: {
+ files: [{
+ dot: true,
+ src: [
+ '.tmp',
+ '<%= jsb.dist %>/*',
+ '!<%= jsb.dist %>/.git*'
+ ]
+ }]
+ },
+ server: '.tmp'
+ },
+
+ // sass: {
+ // dist: {
+ // files: {
+ // '<%= jsb.dist %>/css/style.min.css': '<%= jsb.app %>/css/style.scss'
+ // }
+ // }
+ // },
+
+ // By default, your `index.html`'s will take care of
+ // minification. These next options are pre-configured if you do not wish
+ // to use the Usemin blocks.
+ // cssmin: {
+ // dist: {
+ // options: {
+ // keepSpecialComments: 0,
+ // report: "min",
+ // selectorsMergeMode: "ie8"
+ // },
+ // files: { // Dictionary of files
+ // '<%= jsb.dist %>/css/style.min.css': ['<%= jsb.app %>/css/style.css'],
+ // '<%= jsb.dist %>/demo/css/style.min.css': ['<%= jsb.app %>/demo/css/style.css']
+ // }
+ // }
+ // },
+
+ // uglify: {
+ // options: {
+ // // The banner is inserted at the top of the output
+ // banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n'
+ // },
+ // dist: { // Target
+ // files: { // Dictionary of files
+ // 'dist/js/<%= pkg.name %>.min.js': ['src/js/_.config.js', 'src/js/_.main.js', 'src/js/_.helper.js'],
+ // 'dist/demo/js/fb.friends.min.js': ['src/demo/js/fb.config.js', 'src/demo/js/fb.friends.list.js'],
+ // 'dist/js/libs/jquery.min.js': ['src/js/libs/jquery.js'],
+ // 'dist/js/libs/require.min.js': ['src/js/libs/require.js']
+ // }
+ // }
+ // },
+
+ // Make sure code styles are up to par and there are no obvious mistakes
+ jshint: {
+ // Define the files to lint
+ all: [
+ 'Gruntfile.js',
+ '<%= jsb.app %>/js/*.js',
+ '<%= jsb.app %>/demo/js/*.js'
+ ],
+ // Configure JSHint (documented at http://www.jshint.com/docs/)
+ options: {
+ // More options here if you want to override JSHint defaults
+ jshintrc: '.jshintrc'
+ }
+ },
+
+ // Compiles Sass to CSS and generates necessary files if requested
+ compass: {
+ options: {
+ sassDir: '<%= jsb.app %>/css',
+ cssDir: '.tmp/css',
+ // generatedImagesDir: '.tmp/images/generated',
+ // imagesDir: '<%= jsb.app %>/images',
+ // javascriptsDir: '<%= jsb.app %>/scripts',
+ // fontsDir: '<%= jsb.app %>/styles/fonts',
+ // importPath: '<%= jsb.app %>/bower_components',
+ // httpImagesPath: '/images',
+ // httpGeneratedImagesPath: '/images/generated',
+ // httpFontsPath: '/styles/fonts',
+ relativeAssets: false,
+ assetCacheBuster: false
+ },
+ dist: {
+ options: {
+ //generatedImagesDir: '<%= jsb.dist %>/images/generated'
+ }
+ },
+ server: {
+ options: {
+ debugInfo: true
+ }
+ }
+ },
+
+ // Reads HTML for usemin blocks to enable smart builds that automatically
+ // concat, minify and revision files. Creates configurations in memory so
+ // additional tasks can operate on them
+ useminPrepare: {
+ options: {
+ dest: '<%= jsb.dist %>'
+ },
+ //staging: '.tmp',
+ html: ['<%= jsb.app %>/index.html']
+ },
+
+ // Performs rewrites based on rev and the useminPrepare configuration
+ usemin: {
+ options: {
+ assetsDirs: ['<%= jsb.dist %>']
+ },
+ html: ['<%= jsb.dist %>/{,*/}*.html'],
+ css: ['<%= jsb.dist %>/css/{,*/}*.css']
+ },
+
+ htmlmin: {
+ dist: {
+ options: {
+ collapseBooleanAttributes: true,
+ collapseWhitespace: false,
+ removeAttributeQuotes: false,
+ removeCommentsFromCDATA: false,
+ removeEmptyAttributes: false,
+ removeOptionalTags: false,
+ removeRedundantAttributes: false,
+ useShortDoctype: false
+ },
+ files: [{
+ expand: true,
+ cwd: '<%= jsb.dist %>',
+ src: '{,*/}*.html',
+ dest: '<%= jsb.dist %>'
+ }]
+ }
+ },
+
+ // Compare CSS output's
+ compare_size: {
+ files: [
+ '<%= jsb.app %>/css/**',
+ '<%= jsb.dist %>/css/**'
+ ]
+ },
+ open: {
+ server: {
+ path: 'http://localhost:9000'
+ }
+
+ },
+ connect: {
+ client: {
+ options: {
+ // The server's port, and the folder to serve from:
+ // Ex: 'localhost:9000' would serve up 'client/index.html'
+ port: 9000,
+ // change this to '0.0.0.0' to access the server from outside
+ hostname: 'localhost',
+ base: '<%= jsb.app %>',
+ // Custom middleware for the HTTP server:
+ // The injected JavaScript reloads the page.
+ middleware: livereloadMiddleware
+ }
+ }
+ },
+
+ // Watches files for changes and runs tasks based on the changed files
+ watch: {
+ js: {
+ files: ['<%= jsb.app %>/scripts/{,*/}*.js', 'Gruntfile.js'],
+ tasks: ['jshint'],
+ options: {
+ livereload: true
+ }
+ },
+ gruntfile: {
+ files: ['Gruntfile.js']
+ },
+ client: {
+ // '**' is used to include all subdirectories
+ // and subdirectories of subdirectories, and so on, recursively.
+ files: ['<%= jsb.app %>/**/*'],
+ // In our case, we don't configure any additional tasks,
+ // since livereload is built into the watch task,
+ // and since the browser refresh is handled by the snippet.
+ // Any other tasks to run (e.g. compile CoffeeScript) go here:
+ tasks: [],
+ options: {
+ livereload: LIVERELOAD_PORT
+ }
+ },
+ compass: {
+ files: ['<%= jsb.app %>/css/{,*/}*.{scss,sass}'],
+ tasks: ['compass:server', 'autoprefixer']
+ },
+ watch: {
+ files: '<%= jsb.test %>/unit/**/*.js',
+ tasks: ['jasmine']
+ }
+ },
+ notify: {
+ task_name: {
+ options: {
+ // Task-specific options go here.
+ }
+ },
+ watch: {
+ options: {
+ title: 'Task Complete', // optional
+ message: 'SASS and Uglify finished running' //required
+ }
+ },
+ server: {
+ options: {
+ message: 'Server is ready!'
+ }
+ },
+ connect: {
+ options: {
+ message: 'Connected to server!'
+ }
+ }
+ },
+ // shell: {
+ // docco: {
+ // command: 'docco -o jsdocumentation -l linear src/js/*.js'
+ // }
+ // },
+ jsdoc: {
+ dist: {
+ src: ['<%= jsb.app %>/js/_.main.js'],
+ options: {
+ destination: '<%= jsb.dist %>/doc'
+ }
+ }
+ },
+ // Removed unused css
+ uncss: {
+ dist: {
+ files: {
+ '<%= jsb.dist %>/css/style.min.css': ['<%= jsb.app %>/index.html'],
+ '<%= jsb.dist %>/demo/css/style.min.css': ['<%= jsb.app %>/demo/facebook_friends_list.html']
+ }
+ },
+ options: {
+ compress: true,
+ report: 'min'
+ }
+ },
+
+ // Copies remaining files to places other tasks can use
+ copy: {
+ dist: {
+ files: [{
+ expand: true,
+ dot: true,
+ cwd: '<%= jsb.app %>',
+ dest: '<%= jsb.dist %>',
+ src: [
+ '*.{ico,png,txt}',
+ '.htaccess',
+ 'images/{,*/}*.webp',
+ '{,*/}*.html'
+ ]
+ }]
+ },
+ styles: {
+ expand: true,
+ dot: true,
+ cwd: '<%= jsb.app %>/css',
+ dest: '.tmp/css/',
+ src: '{,*/}*.css'
+ }
+ },
+
+ // Run some tasks in parallel to speed up build process
+ concurrent: {
+ server: [
+ 'compass:server',
+ 'copy:styles'
+ ],
+ test: [
+ 'copy:styles'
+ ],
+ dist: [
+ 'compass',
+ 'copy:styles'
+ ]
+ },
+ karma: {
+ unit: {
+ configFile: 'test/karma.conf.js'
+ }
+ },
+ jasmine: {
+ src: 'src/js/*.js',
+ options: {
+ specs: 'test/unit/**/*.js',
+ //helpers: ['src/js/_.config.js'],
+ keepRunner: true,
+ //host : 'http://127.0.0.1:8000/',
+ // summary: true,
+ vendor: [
+ "src/js/libs/*.js"
+ //"http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
+ ]
+ }
+ // watch: {
+ // pivotal: {
+ // files: ['<%= jsb.app %>/js/*.js','<%= jsb.test %>/unit/**/*.js'],
+ // tasks: 'jasmine:pivotal:build'
+ // }
+ // }
+ },
+ });
+ //
+
+ /* Don't need to load the individual tasks anymore as we have been using
+ 'matchdep' task in the start to load all the tasks from node_modules automatically */
+
+ // Let's set up some tasks
+ grunt.registerTask('server', [
+ 'open',
+ 'connect:client',
+ 'watch:client',
+ ]);
+
+ // The default task can be run just by typing "grunt" on the command line
+ grunt.registerTask('default', [
+ 'clean:dist',
+ 'useminPrepare',
+ 'concurrent:dist',
+ 'jshint',
+ 'concat',
+ 'cssmin',
+ //'uncss',
+ 'uglify',
+ 'copy:dist',
+ 'usemin',
+ 'htmlmin',
+ //'sass',
+ 'compare_size',
+ 'test',
+ 'notify:server'
+ ]);
+
+
+ grunt.registerTask('build-uncss', [
+ 'default',
+ 'uncss'
+ ]);
+
+ // Let's generate the JavaScript documentation
+ grunt.registerTask('js-doc', [
+ 'jsdoc'
+ ]);
+
+ grunt.registerTask('test', [
+ 'jshint',
+ 'jasmine'
+ ]);
+
+ // To debug the values
+ // grunt.event.on('watch', function(action, filepath, target) {
+ // grunt.log.writeln(target + ': ' + filepath + ' has ' + action);
+ // });
+
+};
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..618e441
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 2014 Mohammed Arif
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/README.md b/README.md
index a096d6b..64d0ea6 100644
--- a/README.md
+++ b/README.md
@@ -1,58 +1,66 @@
-# [JavaScript Boilerplate](https://github.com/mdarif/JavaScript-Boilerplate)
+# JavaScript Boilerplate v1.2
+
+[![Build Status][build-image]][build-url] [![Dependency Status][dependencies-image]][dependencies-url] [![License][license-image]][license-url] [![Version][version-image]][version-url] [![Code Climate][codeclimate-image]] [codeclimate-url]
JavaScript Boilerplate is the collection of best practices using a design pattern (Global Abatement) with the use of defined namespaces that would help you to protect our code. It is developed in a modular way with some commonly used utility methods provided that you would find useful for common operations. It is equipped with the configuration file in the form of an object literal that can be used to store global objects, config ids, URLs or textual strings. This framework has been designed to work as a ready to use template that you can build further in your projects as needed as it outlines the framework neatly and exhibits an approach to extend it.
+## What's new in v1.2?
+* Have added the Jasmine Test Suite to unit test the boilerplate code with or without PhantomJS, one can fire up the same through Chrome as well
+* Grunt build has been enhanced tremendously
+* JavaScript syntax highlighting has been added
+* `MODULE` has renamed to `JSB` for better JavaScript semantics
+* Travis CI has been kicked off
+* Made several small changes like `use strict`, dir changes, css fixes, additional grunt plug-ins also have been added etc.
## Files in Repository
+1. `src/index.html` - An html help file illustrating helper functions.
-1. `index.html` - An html help file illustrating helper functions.
-
-2. `js/_config.js` - Config is having general details that will be commonly used across the application. Parameters like URLs, services, theme to be used within the application.
+2. `src/js/_config.js` - Config is having general details that will be commonly used across the application. Parameters like URLs, services, theme to be used within the application.
-3. `js/_helper.js` - Helper utility functions that are required across different modules or even within a single module.
+3. `src/js/_helper.js` - Helper utility functions that are required across different modules or even within a single module.
-4. `js/_main.js` - It defines the main module. We have used IIFE (Intermediately invoking function expression) namespacing and global abatement in this logic. MODULE is main namespace that has been defined and MODULE.helper is one of the components.
+4. `src/js/_main.js` - It defines the main module. We have used IIFE (Intermediately invoking function expression) namespacing and global abatement in this logic. JSB is main namespace that has been defined and JSB.helper is one of the components.
-5. `css/style.css` - Style sheets for the html help file.
+5. `src/css/style.css` - Style sheets for the html help file.
## Usage
1. Clone the repository using the quick start guide. To get started include the JS files in your js directory.
- The starting point is the `_main.js` file which has defined the main module and the component to be used. If you were to observe the code,
+ The starting point is the `src/js/_main.js` file which has defined the main module and the component to be used. If you were to observe the code,
- (function (MODULE, $, undefined) {
+ (function (JSB, $, undefined) {
- ...... (2)
+ ...... (2)
- })(window.MODULE = window.MODULE || {}, jQuery);
+ })(window.JSB = window.JSB || {}, jQuery);
- The above code defines the `MODULE` namespace and also passes true values of `jquery` and `undefined` to the inner component. Instead of `MODULE` you can define your project name or application name as well and that would become your global namespace under which all the other components should be declared/defined. For e.g. if it is a project name `MYPROJECT` instead of `MODULE` you can even write `MYPROJECT` as well.
+ The above code defines the `JSB` namespace and also passes true values of `jquery` and `undefined` to the inner component. Instead of `JSB` you can define your project name or application name as well and that would become your global namespace under which all the other components should be declared/defined. For e.g. if it is a project name `MYPROJECT` instead of `JSB` you can even write `MYPROJECT` as well.
- Once you have defined the wrapper (global namespace), you can start of modules inside the global namespace.
+ Once you have defined the wrapper (global namespace), you can start of modules inside the global namespace.
2. The second step would be to define the components, which can be page level or widget level too.
- MODULE.subModule = (function () {
- function _subModule() {
- ... (3)
- }
- return new _subModule()
- })();
+ JSB.subModule = (function () {
+ function _subModule() {
+ ... (3)
+ }
+ return new _subModule()
+ })();
- The above code has defined a component called helper as a sub module of `MODULE` namespace. `MODULE.helper` holds an object that gets returned through `new _subModule()`. We can define all the functions that we want for the helper module inside the function `_subModule()`.
+ The above code has defined a component called helper as a sub module of `JSB` namespace. `JSB.helper` holds an object that gets returned through `new _subModule()`. We can define all the functions that we want for the helper module inside the function `_subModule()`.
-3. The third step would be to define the private values, private functions , priviledged functions etc. within the `_subModule` function. Comments have been provided as to which one is a private function and which is a priviledged one. At the end of the function the `init()` function is exposed which in turn returns the object itself. When the object is returned all the priviledged functions are exposed along with it and are accessible outside.
+3. The third step would be to define the private values, private functions , privileged functions etc. within the `_subModule` function. Comments have been provided as to which one is a private function and which is a privileged one. At the end of the function the `init()` function is exposed which in turn returns the object itself. When the object is returned all the privileged functions are exposed along with it and are accessible outside.
-4. Next is the `_config.js` file, which has all the global parameters that needs to be leveraged across the application. Think of this file/module as a container file to define your global variables, URLS etc. It is globally available inside the `MODULE` namespace and we can access the parameters by specifying `MODULE.config.param` to get its value in any other component. Here it has been primarily defined as an object literal as everything needs to be exposed globally.
+4. Next is the `src/js/_config.js` file, which has all the global parameters that needs to be leveraged across the application. Think of this file/module as a container file to define your global variables, URLS etc. It is globally available inside the `JSB` namespace and we can access the parameters by specifying `JSB.config.param` to get its value in any other component. Here it has been primarily defined as an object literal as everything needs to be exposed globally.
-5. For creating utility methods to be used across application, you can leverage the `_helper.js` file. It works on the same principle as the `_main.js`. For E.g. the way to access a helper function outside the module would be `MODULE.helper.getCookie` for the `getCookie` function.
+5. For creating utility methods to be used across application, you can leverage the `src/js/_helper.js` file. It works on the same principle as the `src/js/_main.js`. For E.g. the way to access a helper function outside the module would be `JSB.helper.getCookie` for the `getCookie` function.
## Quick start
@@ -61,7 +69,55 @@ Clone the git repo - `git clone git://github.com/mdarif/JavaScript-Boilerplate.g
You can also get the JavaScript Boilerplate through npm if you have already installed node.
- npm install javascript-boilerplate
+ npm install javascript-boilerplate
+
+*Make sure, you should have [node](https://nodejs.org/download/) installed on your machine before running `npm` command
+
+## Grunt Build
+
+Install [Grunt](http://gruntjs.com/getting-started).
+
+OR
+
+###Follow the below instructions to install and setup the `Grunt`
+
+Install Grunt CLI, this will put the grunt command in your system path, allowing it to be run from any directory.
+
+ $ npm install -g grunt-cli
+
+Now install Grunt
+
+ $ npm install grunt
+
+You should also install all the dependencies
+
+ $ npm install
+
+###Follow the below instructions to install and setup the `compass task`
+_Run this task with the `grunt compass` command._
+
+[Compass](http://compass-style.org/) is an open-source authoring framework for the [Sass](http://sass-lang.com/) css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.
+
+This task requires you to have [Ruby](http://www.ruby-lang.org/en/downloads/), [Sass](http://sass-lang.com/tutorial.html), and [Compass](http://compass-style.org/install/) >=0.12.2 installed. If you're on OS X or Linux you probably already have Ruby installed; test with `ruby -v` in your terminal. When you've confirmed you have Ruby installed, run `gem update --system && gem install compass` to install Compass and Sass.
+
+### Fire up the grunt server command and see the preview in browser with live-reload enabled for `app` folder content
+
+ $ grunt server
+
+### Build the Project
+
+ $ grunt
+
+You should be able to see the below message for a successful build and a folder name `dist` has been created with all the expected output, parallel to `src` folder, with all the tasks completed.
+
+ Done, without errors.
+
+### Testing
+
+ $ grunt test
+
+We use jasmine as a unit testing framework to test our boilerplate code, as of now it's been only done for `_.main.js`, you would get all the test done in the next release.
+
## Contributing
@@ -74,10 +130,25 @@ Anyone and everyone is welcome to [contribute](#).
## License
-
-* MIT/GPL license
+See [LICENSE](LICENSE)
## Author
* Mohammed Arif [@arif_iq](http://twitter.com/arif_iq), [github](https://github.com/mdarif)
+
+[build-image]: http://img.shields.io/travis/mdarif/JavaScript-Boilerplate.svg?style=flat
+[build-url]: http://travis-ci.org/mdarif/JavaScript-Boilerplate
+
+[dependencies-image]: https://gemnasium.com/mdarif/JavaScript-Boilerplate.svg?style=flat
+[dependencies-url]: https://gemnasium.com/mdarif/JavaScript-Boilerplate
+
+[license-image]: http://img.shields.io/badge/license-MIT-blue.svg?style=flat
+[license-url]: LICENSE
+
+[version-image]: http://img.shields.io/github/tag/mdarif/JavaScript-Boilerplate.svg?style=flat
+[version-url]: https://github.com/mdarif/JavaScript-Boilerplate/tags
+
+[codeclimate-image]: https://codeclimate.com/repos/558392546956804e780009ea/badges/9cb6feeef61e41a567ad/gpa.svg?style=flat
+[codeclimate-url]: https://codeclimate.com/repos/558392546956804e780009ea/feed
+
diff --git a/codeclimate.yml b/codeclimate.yml
new file mode 100644
index 0000000..2d54eca
--- /dev/null
+++ b/codeclimate.yml
@@ -0,0 +1,5 @@
+# Save as .codeclimate.yml (note leading .) in project root directory
+languages:
+ JavaScript: true
+# exclude_paths:
+# - "foo/bar.rb"
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 4846179..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,109 +0,0 @@
-/* =============================================================================
- HTML5 Boilerplate CSS: h5bp.com/css
- ========================================================================== */
-
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
-audio:not([controls]) { display: none; }
-[hidden] { display: none; }
-
-html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-html, button, input, select, textarea { font-family: sans-serif; color: #222; }
-body { margin: 0; font-size: 1em; line-height: 1.4; }
-
-::-moz-selection { background:#FF0; color:#000; text-shadow: none; }
-::selection { background: #FF0; color:#000; text-shadow: none; }
-
-a { color: #00e;outline:none }
-a:visited { color: #551a8b; }
-a:hover { color: #06e; }
-a:focus { outline: thin dotted; }
-a:hover, a:active { outline: 0; }
-
-abbr[title] { border-bottom: 1px dotted; }
-b, strong { font-weight: bold; }
-blockquote { margin: 1em 40px; }
-dfn { font-style: italic; }
-hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-ins { background: #ff9; color: #000; text-decoration: none; }
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-q { quotes: none; }
-q:before, q:after { content: ""; content: none; }
-small { font-size: 85%; }
-
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-
-ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
-dd { margin: 0 0 0 40px; }
-nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
-
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-
-svg:not(:root) { overflow: hidden; }
-
-figure { margin: 0; }
-
-form { margin: 0; }
-fieldset { border: 0; margin: 0; padding: 0; }
-label { cursor: pointer; }
-legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
-button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
-button, input { line-height: normal; }
-button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
-button[disabled], input[disabled] { cursor: default; }
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
-input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
-input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-textarea { overflow: auto; vertical-align: top; resize: vertical; }
-input:valid, textarea:valid { }
-input:invalid, textarea:invalid { background-color: #f0dddd; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-td { vertical-align: top; }
-
-.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
-
-h1, h2, h3, h4, h5, h6, ul, li, pre { margin:0;padding:0 }
-
-/* ===== Primary Styles ========================================================
- Author: SapientNitro (2011) (http://www.sapient.com)
- ========================================================================== */
-
-/** Basic settings **/
-body { background:#FFC;color:#171717;font-size:100%;font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:1em;padding:10px }
-h1, h2, h3, h4, h5, h6, section, article, p { display:block;margin:0; padding:10px }
-h1 { font-size:2em }
-h2 { background:#F04E00;color:#FFF;font-size:1.7em;margin-bottom:10px }
-h3 { background:#666;color:#FFF;font-size:1.4emp;padding:8px;margin-bottom:10px }
-h4 { font-size:1.2em }
-h5 { font-size:1em }
-h6 { font-size:0.8em }
-a { text-decoration:none;outline:none }
-section { background:#FFF;font-size:1em;line-height:1.2em;padding:10px }
-section.example { background:#EEE }
-article { padding:0;margin-bottom:10px }
-p { font-size:1em;line-height:1.4em }
-ul { padding:0 50px }
-ul li { padding:5px 0;line-height:1.2em }
-
-#main { border:#FC0 1px dashed }
-
-
-/* =============================================================================
- Non-Semantic Helper Classes
- ========================================================================== */
-
-.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
-.ir br { display: none; }
-.hidden { display: none !important; visibility: hidden; }
-.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; margin: 0; overflow: visible; position: static }
-.invisible { visibility: hidden; }
-.clear_fix:before, .clear_fix:after { content: ""; display: table; }
-.clear_fix:after { clear: both; }
-.clear_fix { *zoom: 1; }
\ No newline at end of file
diff --git a/demo/css/style.css b/demo/css/style.css
deleted file mode 100644
index d50f749..0000000
--- a/demo/css/style.css
+++ /dev/null
@@ -1,660 +0,0 @@
-/* =============================================================================
- HTML5 Boilerplate CSS: h5bp.com/css
- ========================================================================== */
-
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
- display: block;
-}
-audio, canvas, video {
- display: inline-block;
- *display: inline;
- *zoom: 1;
-}
-audio:not([controls]) {
- display: none;
-}
-[hidden] {
- display: none;
-}
-html {
- font-size: 100%;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
-}
-html, button, input, select, textarea {
- font-family: sans-serif;
- color: #222;
-}
-body {
- margin: 0;
- font-size: 1em;
- line-height: 1.4;
-}
-
-::-moz-selection {
- background:#FF0;
- color:#000;
- text-shadow: none;
-}
-::selection {
- background: #FF0;
- color:#000;
- text-shadow: none;
-}
-a {
- color:#3B5998;
- outline:none
-}
-a:visited {
- color: #F04E00;
-}
-a:hover {
- color: #06e;
-}
-a:focus {
- outline: thin dotted;
-}
-a:hover, a:active {
- outline: 0;
-}
-abbr[title] {
- border-bottom: 1px dotted;
-}
-b, strong {
- font-weight: bold;
-}
-blockquote {
- margin: 1em 40px;
-}
-dfn {
- font-style: italic;
-}
-hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0;
-}
-ins {
- background: #ff9;
- color: #000;
- text-decoration: none;
-}
-mark {
- background: #ff0;
- color: #000;
- font-style: italic;
- font-weight: bold;
-}
-pre, code, kbd, samp {
- font-family: monospace, serif;
- _font-family: 'courier new', monospace;
- font-size: 1em;
-}
-pre {
- white-space: pre;
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-q {
- quotes: none;
-}
-q:before, q:after {
- content: "";
- content: none;
-}
-small {
- font-size: 85%;
-}
-sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-sup {
- top: -0.5em;
-}
-sub {
- bottom: -0.25em;
-}
-ul, ol {
- margin: 1em 0;
- padding: 0 0 0 40px;
-}
-dd {
- margin: 0 0 0 40px;
-}
-nav ul, nav ol {
- list-style: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
-}
-img {
- border: 0;
- -ms-interpolation-mode: bicubic;
- vertical-align: middle;
-}
-svg:not(:root) {
- overflow: hidden;
-}
-figure {
- margin: 0;
-}
-form {
- margin: 0;
-}
-fieldset {
- border: 0;
- margin: 0;
- padding: 0;
-}
-label {
- cursor: pointer;
-}
-legend {
- border: 0;
- *margin-left: -7px;
- padding: 0;
- white-space: normal;
-}
-button, input, select, textarea {
- font-size: 100%;
- margin: 0;
- vertical-align: baseline;
- *vertical-align: middle;
-}
-button, input {
- line-height: normal;
-}
-button, input[type="button"], input[type="reset"], input[type="submit"] {
- cursor: pointer;
- -webkit-appearance: button;
- *overflow: visible;
-}
-button[disabled], input[disabled] {
- cursor: default;
-}
-input[type="checkbox"], input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
- *width: 13px;
- *height: 13px;
-}
-input[type="search"] {
- -webkit-appearance: textfield;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
-}
-button::-moz-focus-inner, input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-textarea {
- overflow: auto;
- vertical-align: top;
- resize: vertical;
-}
-input:valid, textarea:valid {
-}
-input:invalid, textarea:invalid {
- background-color: #f0dddd;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-td {
- vertical-align: top;
-}
-.chromeframe {
- margin: 0.2em 0;
- background: #ccc;
- color: black;
- padding: 0.2em 0;
-}
-h1, h2, h3, h4, h5, h6, ul, li, pre {
- margin:0;
- padding:0
-}
-/* ===== Primary Styles ========================================================
- Author: SapientNitro (2011) (http://www.sapient.com)
- ========================================================================== */
-
-/** Basic settings **/
-body {
- background:#FFC;
- color:#171717;
- font-size:100%;
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-weight:normal;
- line-height:1em;
- padding:40px;
-}
-h1, h2, h3, h4, h5, h6, section, article, p, .round-corner {
- width:98%;
- border-radius:7px;
- -webkit-border-radius:7px;
- -moz-border-radius:7px;
- -khtml-border-radius:7px;
- display:block;
- margin:0;
- padding:10px 1%;
- float:left;
-}
-h1 {
- font-size:2em;
-}
-h2 {
- background:#F04E00;
- color:#FFF;
- font-size:1.7em;
- margin-bottom:10px;
-}
-h3 {
- width:98%;
- background:#F2F2F2;
- color:#3B5998;
- font-size:1.4emp;
- padding:8px 1%;
- margin-bottom:10px;
- float:left;
-}
-h4 {
- font-size:1.2em;
-}
-h5 {
- font-size:1em;
-}
-h6 {
- font-size:0.8em;
-}
-a, a:visited {
- color:#3B5998;
- text-decoration:underline;
- outline:none;
-}
-a:visited {
- color:#F04E00;
-}
-a.read-more {
- clear:both;
- margin-bottom:10px;
- float:left
-}
-.hide {
- display:none;
-}
-iframe {
- border:0;
-}
-
-/* "fb_iframe_widget" class genreate from facebook */
-
-.fb_iframe_widget iframe {
- width:750px;
-}
-button, a.button, a.back-to-index {
- background:#bdbdbd;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0));
- background:-webkit-linear-gradient(top, #ffffff, #d0d0d0);
- background:-ms-linear-gradient(top, #ffffff, #d0d0d0);
- background:-moz-linear-gradient(top, #ffffff, #d0d0d0);
- background:-o-linear-gradient(top, #ffffff, #d0d0d0);
- background:linear-gradient(top bottom, #ffffff, #d0d0d0);
- -webkit-border-radius:20px;
- -moz-border-radius:20px;
- -khtml-border-radius:20px;
- padding:5px 15px;
- text-decoration:none;
- color:#222222;
-}
-button:hover, a.button:hover, a.back-to-index:hover, button.highlight, a.button.highlight, a.back-to-index.highlight {
- background:#ffffff;
- -webkit-box-shadow:0px 0px 12px #c3c2c2;
- -moz-box-shadow:0px 0px 12px #c3c2c2;
- box-shadow:0px 0px 12px #c3c2c2;
-}
-.top-round {
- border-radius:0;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- -khtml-border-radius:0;
- -moz-border-radius-topleft:7px;
- -khtml-border-top-left-radius:7px;
- -webkit-border-top-left-radius:7px;
- border-top-left-radius:7px;
- -moz-border-radius-topright:7px;
- -khtml-border-top-right-radius:7px;
- -webkit-border-top-right-radius:7px;
- border-top-right-radius:7px;
- border-radius:7px 7px 0 0;
-}
-a.back-to-index {
- position:absolute;
- color:#171717;
- font-size:11px;
- top:5px;
- right:6%;
- padding:4px 15px;
-}
-#wrapper {
- width:96%;
- max-width:1100px;
- background:#FFF;
- border-radius:7px;
- -webkit-border-radius:7px;
- -moz-border-radius:7px;
- -khtml-border-radius:7px;
- -webkit-box-shadow:0px 0px 12px #636363;
- -moz-box-shadow:0px 0px 12px #636363;
- box-shadow:0px 0px 12px #636363;
- font-size:12px;
- padding:20px 2%;
- margin:0px auto;
-}
-ul.topics {
- width:92%;
- padding:0 0 0 4%;
- float:left;
-}
-ul.topics li {
- width:100%;
- padding-bottom:5px;
- float:left;
-}
-section.content {
- width:100%;
- background:#f5f5f5;
- border:#d9d7d8 1px solid;
- padding:0;
- margin-bottom:20px;
- float:left;
-}
-section.content article {
- width:98%;
- background:#ffffff;
- border-radius:0;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- -khtml-border-radius:0;
- float:left;
-}
-.options-bar {
- width:98%;
- background:#7d7d7d;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#7d7d7d');
- background:-webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#7d7d7d));
- background:-webkit-linear-gradient(top, #a6a6a6, #7d7d7d);
- background:-ms-linear-gradient(top, #a6a6a6, #7d7d7d);
- background:-moz-linear-gradient(top, #a6a6a6, #7d7d7d);
- background:-o-linear-gradient(top, #a6a6a6, #7d7d7d);
- background:linear-gradient(to bottom, #a6a6a6, #7d7d7d);
- border:0;
- padding:5px 1%;
- float:left;
-}
-.sub-options-bar {
- width:100%;
- float:left;
-}
-section.content footer {
- width:98%;
- padding:5px 1%;
- float:left;
-}
-.round-corner {
- -webkit-box-shadow:0px 0px 12px #636363;
- -moz-box-shadow:0px 0px 12px #636363;
- box-shadow:0px 0px 12px #636363;
- float:left;
-}
-/* Types of message boxes */
-.standard-message-box, .note-box, .alert-box, .error-box, .info-box, .success-box {
- width:98%;
- border-radius:7px;
- -webkit-border-radius:7px;
- -moz-border-radius:7px;
- -khtml-border-radius:7px;
- padding:12px 1% 10px 1%;
- margin-bottom:10px;
- float:left;
-}
-.note-box span:first-child, .alert-box span:first-child, .error-box span:first-child, .info-box span:first-child, .success-box span:first-child {
- width:22px;
- height:25px;
- background:url(../img/sprite.png) top left no-repeat;
- margin:-4px 10px 0 0;
- float:left;
-}
-.note-box span:first-child {
- background-position:-31px 0;
-}
-.alert-box span:first-child {
- background-position:-60px 0;
-}
-.error-box span:first-child {
- background-position:-88px 0;
-}
-.info-box span:first-child {
- background-position:-118px 0;
-}
-.standard-message-box {
- background:#dddddd;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
- background:-webkit-linear-gradient(top, #ffffff, #dddddd);
- background:-ms-linear-gradient(top, #ffffff, #dddddd);
- background:-moz-linear-gradient(top, #ffffff, #dddddd);
- background:-o-linear-gradient(top, #ffffff, #dddddd);
- background:linear-gradient(to bottom, #ffffff, #dddddd);
- border:#d8d8d8 1px solid;
-}
-.note-box {
- background:#ffecb1;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fef2ca');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fef2ca));
- background:-webkit-linear-gradient(top, #ffffff, #fef2ca);
- background:-ms-linear-gradient(top, #ffffff, #fef2ca);
- background:-moz-linear-gradient(top, #ffffff, #fef2ca);
- background:-o-linear-gradient(top, #ffffff, #fef2ca);
- background:linear-gradient(to bottom, #ffffff, #fef2ca);
- border:#ffe55d 1px solid;
-}
-.alert-box {
- background:#feee05;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#feee05');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#feee05));
- background:-webkit-linear-gradient(top, #ffffff, #feee05);
- background:-ms-linear-gradient(top, #ffffff, #feee05);
- background:-moz-linear-gradient(top, #ffffff, #feee05);
- background:-o-linear-gradient(top, #ffffff, #feee05);
- background:linear-gradient(to bottom, #ffffff, #feee05);
- border:#ffe55d 1px solid;
-}
-.error-box {
- background:#b60001;
- color:#ffffff;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1315', endColorstr='#b60001');
- background:-webkit-gradient(linear, left top, left bottom, from(#ff1315), to(#b60001));
- background:-webkit-linear-gradient(top, #ff1315, #b60001);
- background:-ms-linear-gradient(top, #ff1315, #b60001);
- background:-moz-linear-gradient(top, #ff1315, #b60001);
- background:-o-linear-gradient(top, #ff1315, #b60001);
- background:linear-gradient(to bottom, #ff1315, #b60001);
- border:#971515 1px solid;
-}
-.info-box {
- background:#6ae1ff;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#6ae1ff');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#6ae1ff));
- background:-webkit-linear-gradient(top, #ffffff, #6ae1ff);
- background:-ms-linear-gradient(top, #ffffff, #6ae1ff);
- background:-moz-linear-gradient(top, #ffffff, #6ae1ff);
- background:-o-linear-gradient(top, #ffffff, #6ae1ff);
- background:linear-gradient(to bottom, #ffffff, #6ae1ff);
- border:#82f0fd 1px solid;
-}
-.success-box {
- background:#8dff48;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8dff48');
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#8dff48));
- background:-webkit-linear-gradient(top, #ffffff, #8dff48);
- background:-ms-linear-gradient(top, #ffffff, #8dff48);
- background:-moz-linear-gradient(top, #ffffff, #8dff48);
- background:-o-linear-gradient(top, #ffffff, #8dff48);
- background:linear-gradient(to bottom, #ffffff, #8dff48);
- border:#76fe76 1px solid;
-}
-.info-box p {
- width:auto;
- padding:0;
-}
-.avatars {
- width:100%;
- padding-bottom:5px;
- float:left;
-}
-.avatars div {
- display:inline;
- padding:0 0 0 10px;
-}
-.avatars div img {
- background:#FFF;
- border:#CCC 1px solid;
- padding:5px;
-}
-#countdown-dashboard {
- width:100%;
- padding:0;
- margin-bottom:20px;
- float:left;
-}
-.round-corner {
- padding:15px 0 20px 0;
-}
-#countdown-dashboard .dash {
- width:100px;
- border-radius:0;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- -khtml-border-radius:0;
- padding:0;
- margin-left:40px;
- float:left;
-}
-#countdown-dashboard .dash:first-child {
- margin-left:0;
-}
-#countdown-dashboard span.dash-title {
- width:100%;
- padding-top:10px;
- text-transform:capitalize;
- float:left;
-}
-#countdown-dashboard .digit {
- font-size:60px;
- padding:5px;
- float:left;
-}
-#countdown-dashboard .dash .digit:first-child {
- border-right:#CCC 1px solid;
-}
-article ul {
- margin:0 0 20px 30px;
- float:left
-}
-#friends-list-container div {
- width:29%;
- background:#F2F2F2;
- padding:4px 1%;
- margin:4px 1%;
- float:left;
-}
-.hide-fb-like-comment .fb-edge-comment-widget {
- display:none
-}
-pre.code {
- width:98%;
- background:#EEE;
- padding:10px 1%;
- margin-bottom:15px;
- float:left;
-}
-.fb-ltr {
- height:800px !important
-}
-
-/* "fb_edge_widget_with_comment" class genreate from facebook */
-
-.without-comment .fb_edge_widget_with_comment {
- height:24px;
- overflow:hidden
-}
-.like-logout .fb-like {
- float:left
-}
-.like-logout p {
- width:auto;
- padding: 0 0 10px 0;
- float:left;
-}
-/* =============================================================================
- Non-Semantic Helper Classes
- ========================================================================== */
-
-.ir {
- display: block;
- border: 0;
- text-indent: -999em;
- overflow: hidden;
- background-color: transparent;
- background-repeat: no-repeat;
- text-align: left;
- direction: ltr;
- *line-height: 0;
-}
-.ir br {
- display: none;
-}
-.hidden {
- display: none !important;
- visibility: hidden;
-}
-.visuallyhidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
-}
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
- clip: auto;
- margin: 0;
- overflow: visible;
- position: static
-}
-.invisible {
- visibility: hidden;
-}
-.clear-fix:before, .clear-fix:after {
- content: "";
- display: table;
-}
-.clear-fix:after {
- clear: both;
-}
-.clear-fix {
- *zoom: 1;
-}
diff --git a/demo/js/fb.friends.list.js b/demo/js/fb.friends.list.js
deleted file mode 100644
index 992c88e..0000000
--- a/demo/js/fb.friends.list.js
+++ /dev/null
@@ -1,132 +0,0 @@
-/* Facebook implementation main scripting file *
- * Author: SapientNitro (2011) (http://www.sapient.com)
- * @version 1.0
-*/
-
-/* FBDemo (our namespace name) and undefined are passed here
- * To ensure 1. Namespace can be modified locally and isn't
- * overwritten outside of our function context
- * 2. The value of undefined is guaranteed as being truly
- * Undefined. This is to avoid issues with undefined being
- * Mutable pre-ES5.
-*/
-
-/*jshint forin:true, noarg:true, eqeqeq:true, bitwise:true, undef:true, curly:true, browser:true, devel:true, indent:4, maxerr:50, jquery:true */
-
-/*jslint devel: true, nomen: true, unparam: true, sloppy: true, indent: 4, newcap:true */
-
-/*global FB:false, jQuery, window*/
-
-(function (FBDemo, $, undefined) {
- /**
- * Logging function, for debugging mode
- */
- jQuery.log = function (message) {
- if (FBDemo.config.debug && (typeof window.console !== 'undefined' && typeof window.console.log !== 'undefined') && console.debug) {
- console.debug(message);
- } /*else {
- alert(message);
- }*/
- };
-
- FBDemo.facebook = (function () {
- function _facebook() {
- /*
- * Object of the current object
- */
- var _this = this;
- /**
- * Init call
- * Call various methods require by pages after load
- */
- this.init = function () {
- _this.FBInit();
- _this.FBLogin();
- return this;
- };
- /*
- * Click event for FB logout
- */
- this.FBLogin = function () {
- $(function () {
- $(FBDemo.config.FBLogin).click(function () {
- FB.getLoginStatus(function (response) {
- if (response.status === "unknown") {
- _this.facebookLogin();
- } else {
- FB.logout();
- }
- });
- });
- });
- };
- /*
- * Facebook login
- */
- this.facebookLogin = function () {
- FB.login(function (response) {
- if (response.status === "connected") {
- $.log("User is logged in and granted some permissions.");
- } else if ((response.status === 'not_authorized') || response.authResponse === null) {
- $.log("User has not granted permissions!");
- }
-
- _this.onFacebookInitialLoginStatus(response);
- });
- };
- /*
- * Callback for showFriendsList function
- */
- this.onFriendsListLoaded = function (response) {
- var divTarget = $(FBDemo.config.FriendsListContainer),
- data = response.data,
- html = "",
- len = data.length,
- friendIndex;
- for (friendIndex = 0; friendIndex < len; friendIndex += 1) {
- html += "
" + data[friendIndex].name + "
";
- }
- divTarget.html(html);
- };
- /*
- * Show friend list
- */
- this.showFriendsList = function () {
- FB.api('/me/friends', _this.onFriendsListLoaded);
- };
- /*
- * Initialize Facebook
- */
- this.FBInit = function () {
- FB.init({
- appId : FBDemo.config.appId,
- status : true,
- cookie : true,
- xfbml : true
- });
-
- FB.Event.subscribe('auth.login', function (response) {
- _this.onFacebookInitialLoginStatus(response);
- });
-
- FB.getLoginStatus(_this.onFacebookInitialLoginStatus);
- };
- /*
- * Callback functions for 'auth.statusChange' event.
- */
- this.onFacebookInitialLoginStatus = function (response) {
- if (response.status === "connected") {
- $(FBDemo.config.FBLoginButton).hide();
- _this.showFriendsList();
- }
- };
- return this.init();
- }
-
- return new _facebook();
- }());
-
-/**
-* Check to evaluate whether 'FBDemo' exists in the global namespace - if not, assign window.FBDemo an object literal
-*/
-}(window.FBDemo = window.FBDemo || {}, jQuery));
\ No newline at end of file
diff --git a/js/_.helper.js b/js/_.helper.js
deleted file mode 100644
index f7437e6..0000000
--- a/js/_.helper.js
+++ /dev/null
@@ -1,283 +0,0 @@
-/* JavaScript Boilerplate helper file *
- * @version 1.0
- */
-
-/*jshint forin:true, noarg:true, eqeqeq:true, bitwise:true, undef:true, curly:true, browser:true, devel:true, indent:4, maxerr:50, jquery:true */
-
-/*jslint devel: true, nomen: true, unparam: true, sloppy: true, indent: 4, newcap:true */
-
-/*global FB:false, jQuery, window, document, localStorage*/
-
-(function (MODULE, $, undefined) {
- /*
- * Singletons serve as a namespace provider which isolate implementation code
- * from the global namespace so as to provide a single point of access for functions,
- * this is useful for organizing code into logical sections.
- * It is possible to put parentheses around this structure to instantiate it immediately after it's parsed.
- * This way it's always present when the script is executed and doesn't have to be instantiated separately.
- */
- MODULE.helper = (function () {
- function _helper() {
- /*
- * Object of the current object
- */
- var _this = this;
-
- /*
- * This method return the element using javaScript getElementById() method.
- * This is the private method not meant for use as a public method.
- */
- var id = function (el) {
- return document.getElementById(el);
- };
-
- /*
- * Replace multiple value in a single string.
- * Accept two parameters str, hash
- * str : String on which replace operation is to be performed
- * hash : JSON object contain string to be replaced with there replaced value
- * Return the new string at the end.
- */
- this.multiReplace = function (str, hash) {
- var key;
- for (key in hash) {
- if (Object.prototype.hasOwnProperty.call(hash, key)) {
- str = str.replace(new RegExp(key, 'g'), hash[key]);
- }
- }
- return str;
- };
-
- /*
- * Set the CSS on a particular element
- * Accept two parameters el, styles
- * el : The name of element on which CSS is to be apply.
- * styles : Various CSS property with their values. Accept data in JSON format
- * This method calls a private method setStyle
- */
- this.setCSS = function (el, styles) {
- var prop;
- for (prop in styles) {
- if (!styles.hasOwnProperty(prop)) continue;
- _this.setStyle(el, prop, styles[prop]);
- }
- };
-
- /*
- * Apply the CSS to the given element
- * Accept three parameters elements, prop, val
- * element : The element on which CSS is to be apply.
- * This method will automatically search for element using getElementById() method.
- * prop : CSS properties
- * val : Vale for CSS property
- */
- this.setStyle = function (el, prop, val) {
- id(el).style[prop] = val;
- };
-
- /*
- * Check if the given element has given class assign or not.
- * Accept two parameters el, name
- * el : Element for testing. This method will search for element using JavaScript getElementById() method.
- * name : name of class to be test
- * This method return true and false
- */
- this.hasClass = function (el, name) {
- el = id(el);
- return new RegExp('(\\s|^)' + name + '(\\s|$)').test(el.className);
- };
-
- /*
- * Add class to the given element
- * Accept two parameters el, name
- * el : element on which class to be add
- * name : name of class
- */
- this.addClass = function (el, name) {
- if (!_this.hasClass(el, name)) {
- el = id(el);
- el.className += (el.className ? ' ' : '') + name;
- }
- };
-
- /*
- * Remove class from given element
- * Accept two parameters el, name
- * el : element from which class is to be remove
- * name : name of the class to be remove
- */
- this.removeClass = function (el, name) {
- if (_this.hasClass(el, name)) {
- el = id(el);
- el.className = el.className.replace(new RegExp('(\\s|^)' + name + '(\\s|$)'), ' ').replace(/^\s+|\s+$/g, '');
- }
- };
-
- /*
- * Return the URI of site
- * Return protocol, hostname and port if found
- *
- */
- this.getDomain = function () {
- var port = "",
- url = "";
-
- if (window.location.port) {
- port = ":" + window.location.port;
- }
- url = window.location.protocol + "//" + window.location.hostname + port + "/";
- return url;
- };
-
- /*
- * This method will return the query string from the URL of the website
- * Accept two parameters key, default_
- * key : The name of the key who's value need to be fetch
- * default_ : The default value which will return when nothing will found or key does not exists.
- * If not pass anything then it will return blank value.
- */
- this.getQueryString = function (key, default_) {
- if (default_ === null) {
- default_ = "";
- }
-
- key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
- var regex = new RegExp("[\\?&]" + key + "=([^&#]*)"),
- qs = regex.exec(window.location.href);
-
- if (qs === null) {
- return default_;
- } else {
- return qs[1];
- }
- };
-
- /*
- * This method will check for blank value in the provided string
- * This will return true if provided string contain blank value and false if not
- */
- this.isBlank = function (string) {
- var isNonblank_re = /\S/;
- return String(string).search(isNonblank_re) === -1;
- };
-
-
- /*
- * Store information in a cookie
- * Accept three param name, value, days
- */
- var setCookie = function (name, value, days) {
- if (days) {
- var date = new Date();
- date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
- var expires = "; expires=" + date.toGMTString();
- } else {
- var expires = "";
- }
- document.cookie = name + "=" + value + expires + "; path=/";
- };
-
- /*
- * Get cookie from user machine
- * Accept one parameters name
- * name : name of the cookie
- */
- var getCookie = function (name) {
- var nameEQ = name + "=",
- i,
- ca = document.cookie.split(';');
- for (i = 0; i < ca.length; i += 1) {
- var c = ca[i];
- while (c.charAt(0) === ' ') {
- c = c.substring(1, c.length);
- }
- if (c.indexOf(nameEQ) === 0) {
- return c.substring(nameEQ.length, c.length);
- }
- }
- return null;
- };
-
-
- /*
- * Erase or delete cookie from user machine
- * Accept one parameters name
- * name : name of the cookie
- */
- var removeCookie = function (name) {
- setCookie(name, "", -1);
- };
-
- /*
- * Store information to client machine
- * Accept two parameters name, value
- * name : name of the localStorage
- * value : value for the localStorage
- * Store information in HTML5 localstorage if available
- * else store information in cookie
- */
- this.setInfo = function (name, value) {
- if (typeof window.localStorage !== 'undefined') {
- localStorage.setItem(name, value);
- } else {
- setCookie(name, value);
- }
- };
-
- /*
- * Get information from client machine
- * Accept two parameters name, checkCookie
- * name : name of the localstorage
- * checkCookie : This will either be true or false.
- * If set to true then scan cookie even if user system support localStorage
- * Get information for HTML5 localstorage if available
- * else get information from cookie
- */
- this.getInfo = function (name, checkCookie) {
- var value = "";
- if (typeof window.localStorage !== 'undefined') {
- value = localStorage.getItem(name);
- } else {
- value = getCookie(name);
- }
-
- if (checkCookie === true) {
- value = getCookie(name);
- }
- return value;
- };
-
- /*
- * Remove information from client machine
- * Accept two parameters name, checkCookie
- * name : name of the localstorage for removing it permanently
- * checkCookie : This will either be true or false.
- * If set to true then scan cookie and remove if found even if user system support localStorage
- * Remove information for HTML5 localstorage if available
- * else remove information from cookie
- */
- this.removeInfo = function (name, checkCookie) {
- if (typeof window.localStorage !== 'undefined') {
- localStorage.removeItem(name);
- } else {
- removeCookie(name);
- }
- if (checkCookie === true) {
- removeCookie(name);
- }
- };
-
- this.init = function () {
- return this; /*returning this from a method is a common way to allow "chaining" of methods together*/
- };
-
- return this.init(); /*this refer to MODULE.helper.init()*/
- }
-
- return new _helper(); /*creating a new object of helper rather then a funtion*/
- }());
-
-/**
- * Check to evaluate whether 'MODULE' exists in the global namespace - if not, assign window.MODULE an object literal
- */
-}(window.MODULE = window.MODULE || {}, jQuery));
\ No newline at end of file
diff --git a/js/_.main.js b/js/_.main.js
deleted file mode 100644
index fac9f55..0000000
--- a/js/_.main.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/* JavaScript Boilerplate main scripting file *
- * @version 1.0
-*/
-/* MODULE (our namespace name) and undefined are passed here
- * to ensure 1. namespace can be modified locally and isn't
- * overwritten outside of our function context
- * 2. the value of undefined is guaranteed as being truly
- * undefined. This is to avoid issues with undefined being
- * mutable pre-ES5.
-*/
-
-/*jshint forin:true, noarg:true, eqeqeq:true, bitwise:true, undef:true, curly:true, browser:true, devel:true, indent:4, maxerr:50, jquery:true */
-
-/*jslint devel: true, nomen: true, unparam: true, sloppy: true, indent: 4, newcap:true */
-
-/*global FB:false, jQuery, window, document*/
-
-(function (MODULE, $, undefined) {
-
- /**
- * Logging function, for debugging mode
- */
- $.log = function (message) {
- if (MODULE.config.debug && (typeof window.console !== 'undefined' && typeof window.console.log !== 'undefined') && console.debug) {
- console.debug(message);
- } /*else {
- alert(message);
- }*/
- };
-
- /**
- * Angus Croll awesome typeof fix from http://goo.gl/GtvsU
- */
- $.toType = (function toType(global) {
- return function (obj) {
- if (obj === global) {
- return "global";
- }
- return ({}).toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase();
- };
- }(this));
-
- /*$.toType(window); //"global" (all browsers)
- $.toType([1,2,3]); //"array" (all browsers)
- $.toType(/a-z/); //"regexp" (all browsers)
- $.toType(JSON); //"json" (all browsers)
- $.toType(null); //"null" (all browsers)
- $.toType(undefined); //"undefined" (all browsers)*/
- //etc..
-
- /**
- * Private properties
- */
- var foo = "foo",
- bar = "bar";
-
- /**
- * Private method
- */
-
- /* Benefits:
- * 1. Makes it easier to understand "functions as an object".
- * 2. It enforces good semicolon habits.
- * 3. Doesn't have much of the baggage traditionally associated with functions and scope.
- */
- var getData = function () {
- };
-
- /**
- * Public methods and properties
- */
- MODULE.foobar = "foobar";
- MODULE.sayHello = function () {
- $.log("hello world");
- };
-
- /*
- * Singletons serve as a namespace provider which isolate implementation code
- * from the global namespace so as to provide a single point of access for functions,
- * this is useful for organizing code into logical sections.
- * It is possible to put parentheses around this structure to instantiate it immediately after it's parsed.
- * This way it's always present when the script is executed and doesn't have to be instantiated separately.
- */
- MODULE.subModule = (function () {
- function _subModule() {
-
- var _this = this;
- /* Store this to avoid scope conflicts */
-
- this.fbReady = function () {
- /**
- * This code loads the SDK asynchronously so it does not block loading other elements of your page. This is particularly important to ensure fast page loads for users and SEO robots.
- */
- window.fbAsyncInit = function () {
- FB.init({
- appId: MODULE.config.appId, /*read from config*/
- status: true,
- cookie: true,
- xfbml: true
- });
-
- /**
- * The FB.Event.subscribe is used to subscribe to login events
- */
- FB.Event.subscribe('auth.login', function () {
- // do something when user logs in
- //_this.login();
- });
-
- /**
- * The FB.Event.subscribe is used to subscribe to logout events
- */
- FB.Event.subscribe('auth.logout', function () {
- // do something when user logs out.
- //_this.logout();
- });
-
- /**
- * To determine if a user is connected to your app
- */
- FB.getLoginStatus(function (response) {
- if (response.status === 'connected') {
- // the user is logged in and connected to your
- // app, and response.authResponse supplies
- // the user's ID, a valid access token, a signed
- // request, and the time the access token
- // and signed request each expire
- var uid = response.authResponse.userID,
- accessToken = response.authResponse.accessToken;
- $.log("uid: " + uid + "\nAccess Token: " + accessToken);
- } else if (response.status === 'not_authorized') {
- $.log("The user is logged in to Facebook but not connected to the app");
- }
- });
- };
-
- /**
- * Load the SDK Asynchronously
- */
- (function (d) {
- var js, id = 'facebook-jssdk';
- if (d.getElementById(id)) {
- return;
- }
- js = d.createElement('script');
- js.id = id;
- js.async = true;
- js.src = "//connect.facebook.net/en_US/all.js";
- d.getElementsByTagName('head')[0].appendChild(js);
- }(document));
- };
-
- /**
- * facebookLogin - FB.login prompts the user to authorize your application
- */
- this.facebookLogin = function () {
- FB.login(function (response) {
- if (response.status === "connected") {
- $.log("User is logged in and granted some permissions.");
- } else if ((response.status === 'not_authorized') || response.authResponse === null) {
- $.log("User has not granted permissions!");
- }
- }, {
- scope: 'publish_stream'
- });
- };
-
- /**
- * private method
- */
- var privateMethod = function () {
- };
-
- /**
- * Init call
- */
- this.init = function () {
- _this.fbReady();
- return this; /*this refere to MODULE.subModule*/
- };
-
- return this.init(); /*initialize the init()*/
- }
- return new _subModule(); /*creating a new object of subModule rather then a funtion*/
- }());
-
-/**
- * Check to evaluate whether 'MODULE' exists in the global namespace - if not, assign window.MODULE an object literal
- */
-}(window.MODULE = window.MODULE || {}, jQuery));
\ No newline at end of file
diff --git a/js/libs/require.js b/js/libs/require.js
deleted file mode 100644
index 068e34c..0000000
--- a/js/libs/require.js
+++ /dev/null
@@ -1,2063 +0,0 @@
-/** vim: et:ts=4:sw=4:sts=4
- * @license RequireJS 1.0.8 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*jslint strict: false, plusplus: false, sub: true */
-/*global window, navigator, document, importScripts, jQuery, setTimeout, opera */
-
-var requirejs, require, define;
-(function (undefined) {
- //Change this version number for each release.
- var version = "1.0.8",
- commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,
- cjsRequireRegExp = /require\(\s*["']([^'"\s]+)["']\s*\)/g,
- currDirRegExp = /^\.\//,
- jsSuffixRegExp = /\.js$/,
- ostring = Object.prototype.toString,
- ap = Array.prototype,
- aps = ap.slice,
- apsp = ap.splice,
- isBrowser = !!(typeof window !== "undefined" && navigator && document),
- isWebWorker = !isBrowser && typeof importScripts !== "undefined",
- //PS3 indicates loaded and complete, but need to wait for complete
- //specifically. Sequence is "loading", "loaded", execution,
- // then "complete". The UA check is unfortunate, but not sure how
- //to feature test w/o causing perf issues.
- readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ?
- /^complete$/ : /^(complete|loaded)$/,
- defContextName = "_",
- //Oh the tragedy, detecting opera. See the usage of isOpera for reason.
- isOpera = typeof opera !== "undefined" && opera.toString() === "[object Opera]",
- empty = {},
- contexts = {},
- globalDefQueue = [],
- interactiveScript = null,
- checkLoadedDepth = 0,
- useInteractive = false,
- reservedDependencies = {
- require: true,
- module: true,
- exports: true
- },
- req, cfg = {}, currentlyAddingScript, s, head, baseElement, scripts, script,
- src, subPath, mainScript, dataMain, globalI, ctx, jQueryCheck, checkLoadedTimeoutId;
-
- function isFunction(it) {
- return ostring.call(it) === "[object Function]";
- }
-
- function isArray(it) {
- return ostring.call(it) === "[object Array]";
- }
-
- /**
- * Simple function to mix in properties from source into target,
- * but only if target does not already have a property of the same name.
- * This is not robust in IE for transferring methods that match
- * Object.prototype names, but the uses of mixin here seem unlikely to
- * trigger a problem related to that.
- */
- function mixin(target, source, force) {
- for (var prop in source) {
- if (!(prop in empty) && (!(prop in target) || force)) {
- target[prop] = source[prop];
- }
- }
- return req;
- }
-
- /**
- * Constructs an error with a pointer to an URL with more information.
- * @param {String} id the error ID that maps to an ID on a web page.
- * @param {String} message human readable error.
- * @param {Error} [err] the original error, if there is one.
- *
- * @returns {Error}
- */
- function makeError(id, msg, err) {
- var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id);
- if (err) {
- e.originalError = err;
- }
- return e;
- }
-
- /**
- * Used to set up package paths from a packagePaths or packages config object.
- * @param {Object} pkgs the object to store the new package config
- * @param {Array} currentPackages an array of packages to configure
- * @param {String} [dir] a prefix dir to use.
- */
- function configurePackageDir(pkgs, currentPackages, dir) {
- var i, location, pkgObj;
-
- for (i = 0; (pkgObj = currentPackages[i]); i++) {
- pkgObj = typeof pkgObj === "string" ? { name: pkgObj } : pkgObj;
- location = pkgObj.location;
-
- //Add dir to the path, but avoid paths that start with a slash
- //or have a colon (indicates a protocol)
- if (dir && (!location || (location.indexOf("/") !== 0 && location.indexOf(":") === -1))) {
- location = dir + "/" + (location || pkgObj.name);
- }
-
- //Create a brand new object on pkgs, since currentPackages can
- //be passed in again, and config.pkgs is the internal transformed
- //state for all package configs.
- pkgs[pkgObj.name] = {
- name: pkgObj.name,
- location: location || pkgObj.name,
- //Remove leading dot in main, so main paths are normalized,
- //and remove any trailing .js, since different package
- //envs have different conventions: some use a module name,
- //some use a file name.
- main: (pkgObj.main || "main")
- .replace(currDirRegExp, '')
- .replace(jsSuffixRegExp, '')
- };
- }
- }
-
- /**
- * jQuery 1.4.3-1.5.x use a readyWait/ready() pairing to hold DOM
- * ready callbacks, but jQuery 1.6 supports a holdReady() API instead.
- * At some point remove the readyWait/ready() support and just stick
- * with using holdReady.
- */
- function jQueryHoldReady($, shouldHold) {
- if ($.holdReady) {
- $.holdReady(shouldHold);
- } else if (shouldHold) {
- $.readyWait += 1;
- } else {
- $.ready(true);
- }
- }
-
- if (typeof define !== "undefined") {
- //If a define is already in play via another AMD loader,
- //do not overwrite.
- return;
- }
-
- if (typeof requirejs !== "undefined") {
- if (isFunction(requirejs)) {
- //Do not overwrite and existing requirejs instance.
- return;
- } else {
- cfg = requirejs;
- requirejs = undefined;
- }
- }
-
- //Allow for a require config object
- if (typeof require !== "undefined" && !isFunction(require)) {
- //assume it is a config object.
- cfg = require;
- require = undefined;
- }
-
- /**
- * Creates a new context for use in require and define calls.
- * Handle most of the heavy lifting. Do not want to use an object
- * with prototype here to avoid using "this" in require, in case it
- * needs to be used in more super secure envs that do not want this.
- * Also there should not be that many contexts in the page. Usually just
- * one for the default context, but could be extra for multiversion cases
- * or if a package needs a special context for a dependency that conflicts
- * with the standard context.
- */
- function newContext(contextName) {
- var context, resume,
- config = {
- waitSeconds: 7,
- baseUrl: "./",
- paths: {},
- pkgs: {},
- catchError: {}
- },
- defQueue = [],
- specified = {
- "require": true,
- "exports": true,
- "module": true
- },
- urlMap = {},
- defined = {},
- loaded = {},
- waiting = {},
- waitAry = [],
- urlFetched = {},
- managerCounter = 0,
- managerCallbacks = {},
- plugins = {},
- //Used to indicate which modules in a build scenario
- //need to be full executed.
- needFullExec = {},
- fullExec = {},
- resumeDepth = 0;
-
- /**
- * Trims the . and .. from an array of path segments.
- * It will keep a leading path segment if a .. will become
- * the first path segment, to help with module name lookups,
- * which act like paths, but can be remapped. But the end result,
- * all paths that use this function should look normalized.
- * NOTE: this method MODIFIES the input array.
- * @param {Array} ary the array of path segments.
- */
- function trimDots(ary) {
- var i, part;
- for (i = 0; (part = ary[i]); i++) {
- if (part === ".") {
- ary.splice(i, 1);
- i -= 1;
- } else if (part === "..") {
- if (i === 1 && (ary[2] === '..' || ary[0] === '..')) {
- //End of the line. Keep at least one non-dot
- //path segment at the front so it can be mapped
- //correctly to disk. Otherwise, there is likely
- //no path mapping for a path starting with '..'.
- //This can still fail, but catches the most reasonable
- //uses of ..
- break;
- } else if (i > 0) {
- ary.splice(i - 1, 2);
- i -= 2;
- }
- }
- }
- }
-
- /**
- * Given a relative module name, like ./something, normalize it to
- * a real name that can be mapped to a path.
- * @param {String} name the relative name
- * @param {String} baseName a real name that the name arg is relative
- * to.
- * @returns {String} normalized name
- */
- function normalize(name, baseName) {
- var pkgName, pkgConfig;
-
- //Adjust any relative paths.
- if (name && name.charAt(0) === ".") {
- //If have a base name, try to normalize against it,
- //otherwise, assume it is a top-level require that will
- //be relative to baseUrl in the end.
- if (baseName) {
- if (config.pkgs[baseName]) {
- //If the baseName is a package name, then just treat it as one
- //name to concat the name with.
- baseName = [baseName];
- } else {
- //Convert baseName to array, and lop off the last part,
- //so that . matches that "directory" and not name of the baseName's
- //module. For instance, baseName of "one/two/three", maps to
- //"one/two/three.js", but we want the directory, "one/two" for
- //this normalization.
- baseName = baseName.split("/");
- baseName = baseName.slice(0, baseName.length - 1);
- }
-
- name = baseName.concat(name.split("/"));
- trimDots(name);
-
- //Some use of packages may use a . path to reference the
- //"main" module name, so normalize for that.
- pkgConfig = config.pkgs[(pkgName = name[0])];
- name = name.join("/");
- if (pkgConfig && name === pkgName + '/' + pkgConfig.main) {
- name = pkgName;
- }
- } else if (name.indexOf("./") === 0) {
- // No baseName, so this is ID is resolved relative
- // to baseUrl, pull off the leading dot.
- name = name.substring(2);
- }
- }
- return name;
- }
-
- /**
- * Creates a module mapping that includes plugin prefix, module
- * name, and path. If parentModuleMap is provided it will
- * also normalize the name via require.normalize()
- *
- * @param {String} name the module name
- * @param {String} [parentModuleMap] parent module map
- * for the module name, used to resolve relative names.
- *
- * @returns {Object}
- */
- function makeModuleMap(name, parentModuleMap) {
- var index = name ? name.indexOf("!") : -1,
- prefix = null,
- parentName = parentModuleMap ? parentModuleMap.name : null,
- originalName = name,
- normalizedName, url, pluginModule;
-
- if (index !== -1) {
- prefix = name.substring(0, index);
- name = name.substring(index + 1, name.length);
- }
-
- if (prefix) {
- prefix = normalize(prefix, parentName);
- }
-
- //Account for relative paths if there is a base name.
- if (name) {
- if (prefix) {
- pluginModule = defined[prefix];
- if (pluginModule && pluginModule.normalize) {
- //Plugin is loaded, use its normalize method.
- normalizedName = pluginModule.normalize(name, function (name) {
- return normalize(name, parentName);
- });
- } else {
- normalizedName = normalize(name, parentName);
- }
- } else {
- //A regular module.
- normalizedName = normalize(name, parentName);
-
- url = urlMap[normalizedName];
- if (!url) {
- //Calculate url for the module, if it has a name.
- //Use name here since nameToUrl also calls normalize,
- //and for relative names that are outside the baseUrl
- //this causes havoc. Was thinking of just removing
- //parentModuleMap to avoid extra normalization, but
- //normalize() still does a dot removal because of
- //issue #142, so just pass in name here and redo
- //the normalization. Paths outside baseUrl are just
- //messy to support.
- url = context.nameToUrl(name, null, parentModuleMap);
-
- //Store the URL mapping for later.
- urlMap[normalizedName] = url;
- }
- }
- }
-
- return {
- prefix: prefix,
- name: normalizedName,
- parentMap: parentModuleMap,
- url: url,
- originalName: originalName,
- fullName: prefix ? prefix + "!" + (normalizedName || '') : normalizedName
- };
- }
-
- /**
- * Determine if priority loading is done. If so clear the priorityWait
- */
- function isPriorityDone() {
- var priorityDone = true,
- priorityWait = config.priorityWait,
- priorityName, i;
- if (priorityWait) {
- for (i = 0; (priorityName = priorityWait[i]); i++) {
- if (!loaded[priorityName]) {
- priorityDone = false;
- break;
- }
- }
- if (priorityDone) {
- delete config.priorityWait;
- }
- }
- return priorityDone;
- }
-
- function makeContextModuleFunc(func, relModuleMap, enableBuildCallback) {
- return function () {
- //A version of a require function that passes a moduleName
- //value for items that may need to
- //look up paths relative to the moduleName
- var args = aps.call(arguments, 0), lastArg;
- if (enableBuildCallback &&
- isFunction((lastArg = args[args.length - 1]))) {
- lastArg.__requireJsBuild = true;
- }
- args.push(relModuleMap);
- return func.apply(null, args);
- };
- }
-
- /**
- * Helper function that creates a require function object to give to
- * modules that ask for it as a dependency. It needs to be specific
- * per module because of the implication of path mappings that may
- * need to be relative to the module name.
- */
- function makeRequire(relModuleMap, enableBuildCallback, altRequire) {
- var modRequire = makeContextModuleFunc(altRequire || context.require, relModuleMap, enableBuildCallback);
-
- mixin(modRequire, {
- nameToUrl: makeContextModuleFunc(context.nameToUrl, relModuleMap),
- toUrl: makeContextModuleFunc(context.toUrl, relModuleMap),
- defined: makeContextModuleFunc(context.requireDefined, relModuleMap),
- specified: makeContextModuleFunc(context.requireSpecified, relModuleMap),
- isBrowser: req.isBrowser
- });
- return modRequire;
- }
-
- /*
- * Queues a dependency for checking after the loader is out of a
- * "paused" state, for example while a script file is being loaded
- * in the browser, where it may have many modules defined in it.
- */
- function queueDependency(manager) {
- context.paused.push(manager);
- }
-
- function execManager(manager) {
- var i, ret, err, errFile, errModuleTree,
- cb = manager.callback,
- map = manager.map,
- fullName = map.fullName,
- args = manager.deps,
- listeners = manager.listeners,
- execCb = config.requireExecCb || req.execCb,
- cjsModule;
-
- //Call the callback to define the module, if necessary.
- if (cb && isFunction(cb)) {
- if (config.catchError.define) {
- try {
- ret = execCb(fullName, manager.callback, args, defined[fullName]);
- } catch (e) {
- err = e;
- }
- } else {
- ret = execCb(fullName, manager.callback, args, defined[fullName]);
- }
-
- if (fullName) {
- //If setting exports via "module" is in play,
- //favor that over return value and exports. After that,
- //favor a non-undefined return value over exports use.
- cjsModule = manager.cjsModule;
- if (cjsModule &&
- cjsModule.exports !== undefined &&
- //Make sure it is not already the exports value
- cjsModule.exports !== defined[fullName]) {
- ret = defined[fullName] = manager.cjsModule.exports;
- } else if (ret === undefined && manager.usingExports) {
- //exports already set the defined value.
- ret = defined[fullName];
- } else {
- //Use the return value from the function.
- defined[fullName] = ret;
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
- }
- } else if (fullName) {
- //May just be an object definition for the module. Only
- //worry about defining if have a module name.
- ret = defined[fullName] = cb;
-
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
-
- //Clean up waiting. Do this before error calls, and before
- //calling back listeners, so that bookkeeping is correct
- //in the event of an error and error is reported in correct order,
- //since the listeners will likely have errors if the
- //onError function does not throw.
- if (waiting[manager.id]) {
- delete waiting[manager.id];
- manager.isDone = true;
- context.waitCount -= 1;
- if (context.waitCount === 0) {
- //Clear the wait array used for cycles.
- waitAry = [];
- }
- }
-
- //Do not need to track manager callback now that it is defined.
- delete managerCallbacks[fullName];
-
- //Allow instrumentation like the optimizer to know the order
- //of modules executed and their dependencies.
- if (req.onResourceLoad && !manager.placeholder) {
- req.onResourceLoad(context, map, manager.depArray);
- }
-
- if (err) {
- errFile = (fullName ? makeModuleMap(fullName).url : '') ||
- err.fileName || err.sourceURL;
- errModuleTree = err.moduleTree;
- err = makeError('defineerror', 'Error evaluating ' +
- 'module "' + fullName + '" at location "' +
- errFile + '":\n' +
- err + '\nfileName:' + errFile +
- '\nlineNumber: ' + (err.lineNumber || err.line), err);
- err.moduleName = fullName;
- err.moduleTree = errModuleTree;
- return req.onError(err);
- }
-
- //Let listeners know of this manager's value.
- for (i = 0; (cb = listeners[i]); i++) {
- cb(ret);
- }
-
- return undefined;
- }
-
- /**
- * Helper that creates a callack function that is called when a dependency
- * is ready, and sets the i-th dependency for the manager as the
- * value passed to the callback generated by this function.
- */
- function makeArgCallback(manager, i) {
- return function (value) {
- //Only do the work if it has not been done
- //already for a dependency. Cycle breaking
- //logic in forceExec could mean this function
- //is called more than once for a given dependency.
- if (!manager.depDone[i]) {
- manager.depDone[i] = true;
- manager.deps[i] = value;
- manager.depCount -= 1;
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- }
- }
- };
- }
-
- function callPlugin(pluginName, depManager) {
- var map = depManager.map,
- fullName = map.fullName,
- name = map.name,
- plugin = plugins[pluginName] ||
- (plugins[pluginName] = defined[pluginName]),
- load;
-
- //No need to continue if the manager is already
- //in the process of loading.
- if (depManager.loading) {
- return;
- }
- depManager.loading = true;
-
- load = function (ret) {
- depManager.callback = function () {
- return ret;
- };
- execManager(depManager);
-
- loaded[depManager.id] = true;
-
- //The loading of this plugin
- //might have placed other things
- //in the paused queue. In particular,
- //a loader plugin that depends on
- //a different plugin loaded resource.
- resume();
- };
-
- //Allow plugins to load other code without having to know the
- //context or how to "complete" the load.
- load.fromText = function (moduleName, text) {
- /*jslint evil: true */
- var hasInteractive = useInteractive;
-
- //Indicate a the module is in process of loading.
- loaded[moduleName] = false;
- context.scriptCount += 1;
-
- //Indicate this is not a "real" module, so do not track it
- //for builds, it does not map to a real file.
- context.fake[moduleName] = true;
-
- //Turn off interactive script matching for IE for any define
- //calls in the text, then turn it back on at the end.
- if (hasInteractive) {
- useInteractive = false;
- }
-
- req.exec(text);
-
- if (hasInteractive) {
- useInteractive = true;
- }
-
- //Support anonymous modules.
- context.completeLoad(moduleName);
- };
-
- //No need to continue if the plugin value has already been
- //defined by a build.
- if (fullName in defined) {
- load(defined[fullName]);
- } else {
- //Use parentName here since the plugin's name is not reliable,
- //could be some weird string with no path that actually wants to
- //reference the parentName's path.
- plugin.load(name, makeRequire(map.parentMap, true, function (deps, cb) {
- var moduleDeps = [],
- i, dep, depMap;
- //Convert deps to full names and hold on to them
- //for reference later, when figuring out if they
- //are blocked by a circular dependency.
- for (i = 0; (dep = deps[i]); i++) {
- depMap = makeModuleMap(dep, map.parentMap);
- deps[i] = depMap.fullName;
- if (!depMap.prefix) {
- moduleDeps.push(deps[i]);
- }
- }
- depManager.moduleDeps = (depManager.moduleDeps || []).concat(moduleDeps);
- return context.require(deps, cb);
- }), load, config);
- }
- }
-
- /**
- * Adds the manager to the waiting queue. Only fully
- * resolved items should be in the waiting queue.
- */
- function addWait(manager) {
- if (!waiting[manager.id]) {
- waiting[manager.id] = manager;
- waitAry.push(manager);
- context.waitCount += 1;
- }
- }
-
- /**
- * Function added to every manager object. Created out here
- * to avoid new function creation for each manager instance.
- */
- function managerAdd(cb) {
- this.listeners.push(cb);
- }
-
- function getManager(map, shouldQueue) {
- var fullName = map.fullName,
- prefix = map.prefix,
- plugin = prefix ? plugins[prefix] ||
- (plugins[prefix] = defined[prefix]) : null,
- manager, created, pluginManager, prefixMap;
-
- if (fullName) {
- manager = managerCallbacks[fullName];
- }
-
- if (!manager) {
- created = true;
- manager = {
- //ID is just the full name, but if it is a plugin resource
- //for a plugin that has not been loaded,
- //then add an ID counter to it.
- id: (prefix && !plugin ?
- (managerCounter++) + '__p@:' : '') +
- (fullName || '__r@' + (managerCounter++)),
- map: map,
- depCount: 0,
- depDone: [],
- depCallbacks: [],
- deps: [],
- listeners: [],
- add: managerAdd
- };
-
- specified[manager.id] = true;
-
- //Only track the manager/reuse it if this is a non-plugin
- //resource. Also only track plugin resources once
- //the plugin has been loaded, and so the fullName is the
- //true normalized value.
- if (fullName && (!prefix || plugins[prefix])) {
- managerCallbacks[fullName] = manager;
- }
- }
-
- //If there is a plugin needed, but it is not loaded,
- //first load the plugin, then continue on.
- if (prefix && !plugin) {
- prefixMap = makeModuleMap(prefix);
-
- //Clear out defined and urlFetched if the plugin was previously
- //loaded/defined, but not as full module (as in a build
- //situation). However, only do this work if the plugin is in
- //defined but does not have a module export value.
- if (prefix in defined && !defined[prefix]) {
- delete defined[prefix];
- delete urlFetched[prefixMap.url];
- }
-
- pluginManager = getManager(prefixMap, true);
- pluginManager.add(function (plugin) {
- //Create a new manager for the normalized
- //resource ID and have it call this manager when
- //done.
- var newMap = makeModuleMap(map.originalName, map.parentMap),
- normalizedManager = getManager(newMap, true);
-
- //Indicate this manager is a placeholder for the real,
- //normalized thing. Important for when trying to map
- //modules and dependencies, for instance, in a build.
- manager.placeholder = true;
-
- normalizedManager.add(function (resource) {
- manager.callback = function () {
- return resource;
- };
- execManager(manager);
- });
- });
- } else if (created && shouldQueue) {
- //Indicate the resource is not loaded yet if it is to be
- //queued.
- loaded[manager.id] = false;
- queueDependency(manager);
- addWait(manager);
- }
-
- return manager;
- }
-
- function main(inName, depArray, callback, relModuleMap) {
- var moduleMap = makeModuleMap(inName, relModuleMap),
- name = moduleMap.name,
- fullName = moduleMap.fullName,
- manager = getManager(moduleMap),
- id = manager.id,
- deps = manager.deps,
- i, depArg, depName, depPrefix, cjsMod;
-
- if (fullName) {
- //If module already defined for context, or already loaded,
- //then leave. Also leave if jQuery is registering but it does
- //not match the desired version number in the config.
- if (fullName in defined || loaded[id] === true ||
- (fullName === "jquery" && config.jQuery &&
- config.jQuery !== callback().fn.jquery)) {
- return;
- }
-
- //Set specified/loaded here for modules that are also loaded
- //as part of a layer, where onScriptLoad is not fired
- //for those cases. Do this after the inline define and
- //dependency tracing is done.
- specified[id] = true;
- loaded[id] = true;
-
- //If module is jQuery set up delaying its dom ready listeners.
- if (fullName === "jquery" && callback) {
- jQueryCheck(callback());
- }
- }
-
- //Attach real depArray and callback to the manager. Do this
- //only if the module has not been defined already, so do this after
- //the fullName checks above. IE can call main() more than once
- //for a module.
- manager.depArray = depArray;
- manager.callback = callback;
-
- //Add the dependencies to the deps field, and register for callbacks
- //on the dependencies.
- for (i = 0; i < depArray.length; i++) {
- depArg = depArray[i];
- //There could be cases like in IE, where a trailing comma will
- //introduce a null dependency, so only treat a real dependency
- //value as a dependency.
- if (depArg) {
- //Split the dependency name into plugin and name parts
- depArg = makeModuleMap(depArg, (name ? moduleMap : relModuleMap));
- depName = depArg.fullName;
- depPrefix = depArg.prefix;
-
- //Fix the name in depArray to be just the name, since
- //that is how it will be called back later.
- depArray[i] = depName;
-
- //Fast path CommonJS standard dependencies.
- if (depName === "require") {
- deps[i] = makeRequire(moduleMap);
- } else if (depName === "exports") {
- //CommonJS module spec 1.1
- deps[i] = defined[fullName] = {};
- manager.usingExports = true;
- } else if (depName === "module") {
- //CommonJS module spec 1.1
- manager.cjsModule = cjsMod = deps[i] = {
- id: name,
- uri: name ? context.nameToUrl(name, null, relModuleMap) : undefined,
- exports: defined[fullName]
- };
- } else if (depName in defined && !(depName in waiting) &&
- (!(fullName in needFullExec) ||
- (fullName in needFullExec && fullExec[depName]))) {
- //Module already defined, and not in a build situation
- //where the module is a something that needs full
- //execution and this dependency has not been fully
- //executed. See r.js's requirePatch.js for more info
- //on fullExec.
- deps[i] = defined[depName];
- } else {
- //Mark this dependency as needing full exec if
- //the current module needs full exec.
- if (fullName in needFullExec) {
- needFullExec[depName] = true;
- //Reset state so fully executed code will get
- //picked up correctly.
- delete defined[depName];
- urlFetched[depArg.url] = false;
- }
-
- //Either a resource that is not loaded yet, or a plugin
- //resource for either a plugin that has not
- //loaded yet.
- manager.depCount += 1;
- manager.depCallbacks[i] = makeArgCallback(manager, i);
- getManager(depArg, true).add(manager.depCallbacks[i]);
- }
- }
- }
-
- //Do not bother tracking the manager if it is all done.
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- } else {
- addWait(manager);
- }
- }
-
- /**
- * Convenience method to call main for a define call that was put on
- * hold in the defQueue.
- */
- function callDefMain(args) {
- main.apply(null, args);
- }
-
- /**
- * jQuery 1.4.3+ supports ways to hold off calling
- * calling jQuery ready callbacks until all scripts are loaded. Be sure
- * to track it if the capability exists.. Also, since jQuery 1.4.3 does
- * not register as a module, need to do some global inference checking.
- * Even if it does register as a module, not guaranteed to be the precise
- * name of the global. If a jQuery is tracked for this context, then go
- * ahead and register it as a module too, if not already in process.
- */
- jQueryCheck = function (jqCandidate) {
- if (!context.jQuery) {
- var $ = jqCandidate || (typeof jQuery !== "undefined" ? jQuery : null);
-
- if ($) {
- //If a specific version of jQuery is wanted, make sure to only
- //use this jQuery if it matches.
- if (config.jQuery && $.fn.jquery !== config.jQuery) {
- return;
- }
-
- if ("holdReady" in $ || "readyWait" in $) {
- context.jQuery = $;
-
- //Manually create a "jquery" module entry if not one already
- //or in process. Note this could trigger an attempt at
- //a second jQuery registration, but does no harm since
- //the first one wins, and it is the same value anyway.
- callDefMain(["jquery", [], function () {
- return jQuery;
- }]);
-
- //Ask jQuery to hold DOM ready callbacks.
- if (context.scriptCount) {
- jQueryHoldReady($, true);
- context.jQueryIncremented = true;
- }
- }
- }
- }
- };
-
- function findCycle(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- fullyLoaded = true,
- i, depName, depManager, result;
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return result;
- }
-
- //Found the cycle.
- if (traced[fullName]) {
- return manager;
- }
-
- traced[fullName] = true;
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (!loaded[depName] && !reservedDependencies[depName]) {
- fullyLoaded = false;
- break;
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- result = findCycle(depManager, traced);
- if (result) {
- break;
- }
- }
- }
- if (!fullyLoaded) {
- //Discard the cycle that was found, since it cannot
- //be forced yet. Also clear this module from traced.
- result = undefined;
- delete traced[fullName];
- }
- }
-
- return result;
- }
-
- function forceExec(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- i, depName, depManager, prefix, prefixManager, value;
-
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return undefined;
- }
-
- if (fullName) {
- if (traced[fullName]) {
- return defined[fullName];
- }
-
- traced[fullName] = true;
- }
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (depName) {
- //First, make sure if it is a plugin resource that the
- //plugin is not blocked.
- prefix = makeModuleMap(depName).prefix;
- if (prefix && (prefixManager = waiting[prefix])) {
- forceExec(prefixManager, traced);
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- value = forceExec(depManager, traced);
- manager.depCallbacks[i](value);
- }
- }
- }
- }
-
- return defined[fullName];
- }
-
- /**
- * Checks if all modules for a context are loaded, and if so, evaluates the
- * new ones in right dependency order.
- *
- * @private
- */
- function checkLoaded() {
- var waitInterval = config.waitSeconds * 1000,
- //It is possible to disable the wait interval by using waitSeconds of 0.
- expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(),
- noLoads = "", hasLoadedProp = false, stillLoading = false,
- cycleDeps = [],
- i, prop, err, manager, cycleManager, moduleDeps;
-
- //If there are items still in the paused queue processing wait.
- //This is particularly important in the sync case where each paused
- //item is processed right away but there may be more waiting.
- if (context.pausedCount > 0) {
- return undefined;
- }
-
- //Determine if priority loading is done. If so clear the priority. If
- //not, then do not check
- if (config.priorityWait) {
- if (isPriorityDone()) {
- //Call resume, since it could have
- //some waiting dependencies to trace.
- resume();
- } else {
- return undefined;
- }
- }
-
- //See if anything is still in flight.
- for (prop in loaded) {
- if (!(prop in empty)) {
- hasLoadedProp = true;
- if (!loaded[prop]) {
- if (expired) {
- noLoads += prop + " ";
- } else {
- stillLoading = true;
- if (prop.indexOf('!') === -1) {
- //No reason to keep looking for unfinished
- //loading. If the only stillLoading is a
- //plugin resource though, keep going,
- //because it may be that a plugin resource
- //is waiting on a non-plugin cycle.
- cycleDeps = [];
- break;
- } else {
- moduleDeps = managerCallbacks[prop] && managerCallbacks[prop].moduleDeps;
- if (moduleDeps) {
- cycleDeps.push.apply(cycleDeps, moduleDeps);
- }
- }
- }
- }
- }
- }
-
- //Check for exit conditions.
- if (!hasLoadedProp && !context.waitCount) {
- //If the loaded object had no items, then the rest of
- //the work below does not need to be done.
- return undefined;
- }
- if (expired && noLoads) {
- //If wait time expired, throw error of unloaded modules.
- err = makeError("timeout", "Load timeout for modules: " + noLoads);
- err.requireType = "timeout";
- err.requireModules = noLoads;
- err.contextName = context.contextName;
- return req.onError(err);
- }
-
- //If still loading but a plugin is waiting on a regular module cycle
- //break the cycle.
- if (stillLoading && cycleDeps.length) {
- for (i = 0; (manager = waiting[cycleDeps[i]]); i++) {
- if ((cycleManager = findCycle(manager, {}))) {
- forceExec(cycleManager, {});
- break;
- }
- }
-
- }
-
- //If still waiting on loads, and the waiting load is something
- //other than a plugin resource, or there are still outstanding
- //scripts, then just try back later.
- if (!expired && (stillLoading || context.scriptCount)) {
- //Something is still waiting to load. Wait for it, but only
- //if a timeout is not already in effect.
- if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {
- checkLoadedTimeoutId = setTimeout(function () {
- checkLoadedTimeoutId = 0;
- checkLoaded();
- }, 50);
- }
- return undefined;
- }
-
- //If still have items in the waiting cue, but all modules have
- //been loaded, then it means there are some circular dependencies
- //that need to be broken.
- //However, as a waiting thing is fired, then it can add items to
- //the waiting cue, and those items should not be fired yet, so
- //make sure to redo the checkLoaded call after breaking a single
- //cycle, if nothing else loaded then this logic will pick it up
- //again.
- if (context.waitCount) {
- //Cycle through the waitAry, and call items in sequence.
- for (i = 0; (manager = waitAry[i]); i++) {
- forceExec(manager, {});
- }
-
- //If anything got placed in the paused queue, run it down.
- if (context.paused.length) {
- resume();
- }
-
- //Only allow this recursion to a certain depth. Only
- //triggered by errors in calling a module in which its
- //modules waiting on it cannot finish loading, or some circular
- //dependencies that then may add more dependencies.
- //The value of 5 is a bit arbitrary. Hopefully just one extra
- //pass, or two for the case of circular dependencies generating
- //more work that gets resolved in the sync node case.
- if (checkLoadedDepth < 5) {
- checkLoadedDepth += 1;
- checkLoaded();
- }
- }
-
- checkLoadedDepth = 0;
-
- //Check for DOM ready, and nothing is waiting across contexts.
- req.checkReadyState();
-
- return undefined;
- }
-
- /**
- * Resumes tracing of dependencies and then checks if everything is loaded.
- */
- resume = function () {
- var manager, map, url, i, p, args, fullName;
-
- //Any defined modules in the global queue, intake them now.
- context.takeGlobalQueue();
-
- resumeDepth += 1;
-
- if (context.scriptCount <= 0) {
- //Synchronous envs will push the number below zero with the
- //decrement above, be sure to set it back to zero for good measure.
- //require() calls that also do not end up loading scripts could
- //push the number negative too.
- context.scriptCount = 0;
- }
-
- //Make sure any remaining defQueue items get properly processed.
- while (defQueue.length) {
- args = defQueue.shift();
- if (args[0] === null) {
- return req.onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]));
- } else {
- callDefMain(args);
- }
- }
-
- //Skip the resume of paused dependencies
- //if current context is in priority wait.
- if (!config.priorityWait || isPriorityDone()) {
- while (context.paused.length) {
- p = context.paused;
- context.pausedCount += p.length;
- //Reset paused list
- context.paused = [];
-
- for (i = 0; (manager = p[i]); i++) {
- map = manager.map;
- url = map.url;
- fullName = map.fullName;
-
- //If the manager is for a plugin managed resource,
- //ask the plugin to load it now.
- if (map.prefix) {
- callPlugin(map.prefix, manager);
- } else {
- //Regular dependency.
- if (!urlFetched[url] && !loaded[fullName]) {
- (config.requireLoad || req.load)(context, fullName, url);
-
- //Mark the URL as fetched, but only if it is
- //not an empty: URL, used by the optimizer.
- //In that case we need to be sure to call
- //load() for each module that is mapped to
- //empty: so that dependencies are satisfied
- //correctly.
- if (url.indexOf('empty:') !== 0) {
- urlFetched[url] = true;
- }
- }
- }
- }
-
- //Move the start time for timeout forward.
- context.startTime = (new Date()).getTime();
- context.pausedCount -= p.length;
- }
- }
-
- //Only check if loaded when resume depth is 1. It is likely that
- //it is only greater than 1 in sync environments where a factory
- //function also then calls the callback-style require. In those
- //cases, the checkLoaded should not occur until the resume
- //depth is back at the top level.
- if (resumeDepth === 1) {
- checkLoaded();
- }
-
- resumeDepth -= 1;
-
- return undefined;
- };
-
- //Define the context object. Many of these fields are on here
- //just to make debugging easier.
- context = {
- contextName: contextName,
- config: config,
- defQueue: defQueue,
- waiting: waiting,
- waitCount: 0,
- specified: specified,
- loaded: loaded,
- urlMap: urlMap,
- urlFetched: urlFetched,
- scriptCount: 0,
- defined: defined,
- paused: [],
- pausedCount: 0,
- plugins: plugins,
- needFullExec: needFullExec,
- fake: {},
- fullExec: fullExec,
- managerCallbacks: managerCallbacks,
- makeModuleMap: makeModuleMap,
- normalize: normalize,
- /**
- * Set a configuration for the context.
- * @param {Object} cfg config object to integrate.
- */
- configure: function (cfg) {
- var paths, prop, packages, pkgs, packagePaths, requireWait;
-
- //Make sure the baseUrl ends in a slash.
- if (cfg.baseUrl) {
- if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== "/") {
- cfg.baseUrl += "/";
- }
- }
-
- //Save off the paths and packages since they require special processing,
- //they are additive.
- paths = config.paths;
- packages = config.packages;
- pkgs = config.pkgs;
-
- //Mix in the config values, favoring the new values over
- //existing ones in context.config.
- mixin(config, cfg, true);
-
- //Adjust paths if necessary.
- if (cfg.paths) {
- for (prop in cfg.paths) {
- if (!(prop in empty)) {
- paths[prop] = cfg.paths[prop];
- }
- }
- config.paths = paths;
- }
-
- packagePaths = cfg.packagePaths;
- if (packagePaths || cfg.packages) {
- //Convert packagePaths into a packages config.
- if (packagePaths) {
- for (prop in packagePaths) {
- if (!(prop in empty)) {
- configurePackageDir(pkgs, packagePaths[prop], prop);
- }
- }
- }
-
- //Adjust packages if necessary.
- if (cfg.packages) {
- configurePackageDir(pkgs, cfg.packages);
- }
-
- //Done with modifications, assing packages back to context config
- config.pkgs = pkgs;
- }
-
- //If priority loading is in effect, trigger the loads now
- if (cfg.priority) {
- //Hold on to requireWait value, and reset it after done
- requireWait = context.requireWait;
-
- //Allow tracing some require calls to allow the fetching
- //of the priority config.
- context.requireWait = false;
- //But first, call resume to register any defined modules that may
- //be in a data-main built file before the priority config
- //call.
- resume();
-
- context.require(cfg.priority);
-
- //Trigger a resume right away, for the case when
- //the script with the priority load is done as part
- //of a data-main call. In that case the normal resume
- //call will not happen because the scriptCount will be
- //at 1, since the script for data-main is being processed.
- resume();
-
- //Restore previous state.
- context.requireWait = requireWait;
- config.priorityWait = cfg.priority;
- }
-
- //If a deps array or a config callback is specified, then call
- //require with those args. This is useful when require is defined as a
- //config object before require.js is loaded.
- if (cfg.deps || cfg.callback) {
- context.require(cfg.deps || [], cfg.callback);
- }
- },
-
- requireDefined: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in defined;
- },
-
- requireSpecified: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in specified;
- },
-
- require: function (deps, callback, relModuleMap) {
- var moduleName, fullName, moduleMap;
- if (typeof deps === "string") {
- if (isFunction(callback)) {
- //Invalid call
- return req.onError(makeError("requireargs", "Invalid require call"));
- }
-
- //Synchronous access to one module. If require.get is
- //available (as in the Node adapter), prefer that.
- //In this case deps is the moduleName and callback is
- //the relModuleMap
- if (req.get) {
- return req.get(context, deps, callback);
- }
-
- //Just return the module wanted. In this scenario, the
- //second arg (if passed) is just the relModuleMap.
- moduleName = deps;
- relModuleMap = callback;
-
- //Normalize module name, if it contains . or ..
- moduleMap = makeModuleMap(moduleName, relModuleMap);
- fullName = moduleMap.fullName;
-
- if (!(fullName in defined)) {
- return req.onError(makeError("notloaded", "Module name '" +
- moduleMap.fullName +
- "' has not been loaded yet for context: " +
- contextName));
- }
- return defined[fullName];
- }
-
- //Call main but only if there are dependencies or
- //a callback to call.
- if (deps && deps.length || callback) {
- main(null, deps, callback, relModuleMap);
- }
-
- //If the require call does not trigger anything new to load,
- //then resume the dependency processing.
- if (!context.requireWait) {
- while (!context.scriptCount && context.paused.length) {
- resume();
- }
- }
- return context.require;
- },
-
- /**
- * Internal method to transfer globalQueue items to this context's
- * defQueue.
- */
- takeGlobalQueue: function () {
- //Push all the globalDefQueue items into the context's defQueue
- if (globalDefQueue.length) {
- //Array splice in the values since the context code has a
- //local var ref to defQueue, so cannot just reassign the one
- //on context.
- apsp.apply(context.defQueue,
- [context.defQueue.length - 1, 0].concat(globalDefQueue));
- globalDefQueue = [];
- }
- },
-
- /**
- * Internal method used by environment adapters to complete a load event.
- * A load event could be a script load or just a load pass from a synchronous
- * load call.
- * @param {String} moduleName the name of the module to potentially complete.
- */
- completeLoad: function (moduleName) {
- var args;
-
- context.takeGlobalQueue();
-
- while (defQueue.length) {
- args = defQueue.shift();
-
- if (args[0] === null) {
- args[0] = moduleName;
- break;
- } else if (args[0] === moduleName) {
- //Found matching define call for this script!
- break;
- } else {
- //Some other named define call, most likely the result
- //of a build layer that included many define calls.
- callDefMain(args);
- args = null;
- }
- }
- if (args) {
- callDefMain(args);
- } else {
- //A script that does not call define(), so just simulate
- //the call for it. Special exception for jQuery dynamic load.
- callDefMain([moduleName, [],
- moduleName === "jquery" && typeof jQuery !== "undefined" ?
- function () {
- return jQuery;
- } : null]);
- }
-
- //Doing this scriptCount decrement branching because sync envs
- //need to decrement after resume, otherwise it looks like
- //loading is complete after the first dependency is fetched.
- //For browsers, it works fine to decrement after, but it means
- //the checkLoaded setTimeout 50 ms cost is taken. To avoid
- //that cost, decrement beforehand.
- if (req.isAsync) {
- context.scriptCount -= 1;
- }
- resume();
- if (!req.isAsync) {
- context.scriptCount -= 1;
- }
- },
-
- /**
- * Converts a module name + .extension into an URL path.
- * *Requires* the use of a module name. It does not support using
- * plain URLs like nameToUrl.
- */
- toUrl: function (moduleNamePlusExt, relModuleMap) {
- var index = moduleNamePlusExt.lastIndexOf("."),
- ext = null;
-
- if (index !== -1) {
- ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length);
- moduleNamePlusExt = moduleNamePlusExt.substring(0, index);
- }
-
- return context.nameToUrl(moduleNamePlusExt, ext, relModuleMap);
- },
-
- /**
- * Converts a module name to a file path. Supports cases where
- * moduleName may actually be just an URL.
- */
- nameToUrl: function (moduleName, ext, relModuleMap) {
- var paths, pkgs, pkg, pkgPath, syms, i, parentModule, url,
- config = context.config;
-
- //Normalize module name if have a base relative module name to work from.
- moduleName = normalize(moduleName, relModuleMap && relModuleMap.fullName);
-
- //If a colon is in the URL, it indicates a protocol is used and it is just
- //an URL to a file, or if it starts with a slash, contains a query arg (i.e. ?)
- //or ends with .js, then assume the user meant to use an url and not a module id.
- //The slash is important for protocol-less URLs as well as full paths.
- if (req.jsExtRegExp.test(moduleName)) {
- //Just a plain path, not module name lookup, so just return it.
- //Add extension if it is included. This is a bit wonky, only non-.js things pass
- //an extension, this method probably needs to be reworked.
- url = moduleName + (ext ? ext : "");
- } else {
- //A module that needs to be converted to a path.
- paths = config.paths;
- pkgs = config.pkgs;
-
- syms = moduleName.split("/");
- //For each module name segment, see if there is a path
- //registered for it. Start with most specific name
- //and work up from it.
- for (i = syms.length; i > 0; i--) {
- parentModule = syms.slice(0, i).join("/");
- if (paths[parentModule]) {
- syms.splice(0, i, paths[parentModule]);
- break;
- } else if ((pkg = pkgs[parentModule])) {
- //If module name is just the package name, then looking
- //for the main module.
- if (moduleName === pkg.name) {
- pkgPath = pkg.location + '/' + pkg.main;
- } else {
- pkgPath = pkg.location;
- }
- syms.splice(0, i, pkgPath);
- break;
- }
- }
-
- //Join the path parts together, then figure out if baseUrl is needed.
- url = syms.join("/") + (ext || ".js");
- url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? "" : config.baseUrl) + url;
- }
-
- return config.urlArgs ? url +
- ((url.indexOf('?') === -1 ? '?' : '&') +
- config.urlArgs) : url;
- }
- };
-
- //Make these visible on the context so can be called at the very
- //end of the file to bootstrap
- context.jQueryCheck = jQueryCheck;
- context.resume = resume;
-
- return context;
- }
-
- /**
- * Main entry point.
- *
- * If the only argument to require is a string, then the module that
- * is represented by that string is fetched for the appropriate context.
- *
- * If the first argument is an array, then it will be treated as an array
- * of dependency string names to fetch. An optional function callback can
- * be specified to execute when all of those dependencies are available.
- *
- * Make a local req variable to help Caja compliance (it assumes things
- * on a require that are not standardized), and to give a short
- * name for minification/local scope use.
- */
- req = requirejs = function (deps, callback) {
-
- //Find the right context, use default
- var contextName = defContextName,
- context, config;
-
- // Determine if have config object in the call.
- if (!isArray(deps) && typeof deps !== "string") {
- // deps is a config object
- config = deps;
- if (isArray(callback)) {
- // Adjust args if there are dependencies
- deps = callback;
- callback = arguments[2];
- } else {
- deps = [];
- }
- }
-
- if (config && config.context) {
- contextName = config.context;
- }
-
- context = contexts[contextName] ||
- (contexts[contextName] = newContext(contextName));
-
- if (config) {
- context.configure(config);
- }
-
- return context.require(deps, callback);
- };
-
- /**
- * Support require.config() to make it easier to cooperate with other
- * AMD loaders on globally agreed names.
- */
- req.config = function (config) {
- return req(config);
- };
-
- /**
- * Export require as a global, but only if it does not already exist.
- */
- if (!require) {
- require = req;
- }
-
- /**
- * Global require.toUrl(), to match global require, mostly useful
- * for debugging/work in the global space.
- */
- req.toUrl = function (moduleNamePlusExt) {
- return contexts[defContextName].toUrl(moduleNamePlusExt);
- };
-
- req.version = version;
-
- //Used to filter out dependencies that are already paths.
- req.jsExtRegExp = /^\/|:|\?|\.js$/;
- s = req.s = {
- contexts: contexts,
- //Stores a list of URLs that should not get async script tag treatment.
- skipAsync: {}
- };
-
- req.isAsync = req.isBrowser = isBrowser;
- if (isBrowser) {
- head = s.head = document.getElementsByTagName("head")[0];
- //If BASE tag is in play, using appendChild is a problem for IE6.
- //When that browser dies, this can be removed. Details in this jQuery bug:
- //http://dev.jquery.com/ticket/2709
- baseElement = document.getElementsByTagName("base")[0];
- if (baseElement) {
- head = s.head = baseElement.parentNode;
- }
- }
-
- /**
- * Any errors that require explicitly generates will be passed to this
- * function. Intercept/override it if you want custom error handling.
- * @param {Error} err the error object.
- */
- req.onError = function (err) {
- throw err;
- };
-
- /**
- * Does the request to load a module for the browser case.
- * Make this a separate function to allow other environments
- * to override it.
- *
- * @param {Object} context the require context to find state.
- * @param {String} moduleName the name of the module.
- * @param {Object} url the URL to the module.
- */
- req.load = function (context, moduleName, url) {
- req.resourcesReady(false);
-
- context.scriptCount += 1;
- req.attach(url, context, moduleName);
-
- //If tracking a jQuery, then make sure its ready callbacks
- //are put on hold to prevent its ready callbacks from
- //triggering too soon.
- if (context.jQuery && !context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, true);
- context.jQueryIncremented = true;
- }
- };
-
- function getInteractiveScript() {
- var scripts, i, script;
- if (interactiveScript && interactiveScript.readyState === 'interactive') {
- return interactiveScript;
- }
-
- scripts = document.getElementsByTagName('script');
- for (i = scripts.length - 1; i > -1 && (script = scripts[i]); i--) {
- if (script.readyState === 'interactive') {
- return (interactiveScript = script);
- }
- }
-
- return null;
- }
-
- /**
- * The function that handles definitions of modules. Differs from
- * require() in that a string for the module should be the first argument,
- * and the function to execute after dependencies are loaded should
- * return a value to define the module corresponding to the first argument's
- * name.
- */
- define = function (name, deps, callback) {
- var node, context;
-
- //Allow for anonymous functions
- if (typeof name !== 'string') {
- //Adjust args appropriately
- callback = deps;
- deps = name;
- name = null;
- }
-
- //This module may not have dependencies
- if (!isArray(deps)) {
- callback = deps;
- deps = [];
- }
-
- //If no name, and callback is a function, then figure out if it a
- //CommonJS thing with dependencies.
- if (!deps.length && isFunction(callback)) {
- //Remove comments from the callback string,
- //look for require calls, and pull them into the dependencies,
- //but only if there are function args.
- if (callback.length) {
- callback
- .toString()
- .replace(commentRegExp, "")
- .replace(cjsRequireRegExp, function (match, dep) {
- deps.push(dep);
- });
-
- //May be a CommonJS thing even without require calls, but still
- //could use exports, and module. Avoid doing exports and module
- //work though if it just needs require.
- //REQUIRES the function to expect the CommonJS variables in the
- //order listed below.
- deps = (callback.length === 1 ? ["require"] : ["require", "exports", "module"]).concat(deps);
- }
- }
-
- //If in IE 6-8 and hit an anonymous define() call, do the interactive
- //work.
- if (useInteractive) {
- node = currentlyAddingScript || getInteractiveScript();
- if (node) {
- if (!name) {
- name = node.getAttribute("data-requiremodule");
- }
- context = contexts[node.getAttribute("data-requirecontext")];
- }
- }
-
- //Always save off evaluating the def call until the script onload handler.
- //This allows multiple modules to be in a file without prematurely
- //tracing dependencies, and allows for anonymous module support,
- //where the module name is not known until the script onload event
- //occurs. If no context, use the global queue, and get it processed
- //in the onscript load callback.
- (context ? context.defQueue : globalDefQueue).push([name, deps, callback]);
-
- return undefined;
- };
-
- define.amd = {
- multiversion: true,
- plugins: true,
- jQuery: true
- };
-
- /**
- * Executes the text. Normally just uses eval, but can be modified
- * to use a more environment specific call.
- * @param {String} text the text to execute/evaluate.
- */
- req.exec = function (text) {
- return eval(text);
- };
-
- /**
- * Executes a module callack function. Broken out as a separate function
- * solely to allow the build system to sequence the files in the built
- * layer in the right sequence.
- *
- * @private
- */
- req.execCb = function (name, callback, args, exports) {
- return callback.apply(exports, args);
- };
-
-
- /**
- * Adds a node to the DOM. Public function since used by the order plugin.
- * This method should not normally be called by outside code.
- */
- req.addScriptToDom = function (node) {
- //For some cache cases in IE 6-8, the script executes before the end
- //of the appendChild execution, so to tie an anonymous define
- //call to the module name (which is stored on the node), hold on
- //to a reference to this node, but clear after the DOM insertion.
- currentlyAddingScript = node;
- if (baseElement) {
- head.insertBefore(node, baseElement);
- } else {
- head.appendChild(node);
- }
- currentlyAddingScript = null;
- };
-
- /**
- * callback for script loads, used to check status of loading.
- *
- * @param {Event} evt the event from the browser for the script
- * that was loaded.
- *
- * @private
- */
- req.onScriptLoad = function (evt) {
- //Using currentTarget instead of target for Firefox 2.0's sake. Not
- //all old browsers will be supported, but this one was easy enough
- //to support and still makes sense.
- var node = evt.currentTarget || evt.srcElement, contextName, moduleName,
- context;
-
- if (evt.type === "load" || (node && readyRegExp.test(node.readyState))) {
- //Reset interactive script so a script node is not held onto for
- //to long.
- interactiveScript = null;
-
- //Pull out the name of the module and the context.
- contextName = node.getAttribute("data-requirecontext");
- moduleName = node.getAttribute("data-requiremodule");
- context = contexts[contextName];
-
- contexts[contextName].completeLoad(moduleName);
-
- //Clean up script binding. Favor detachEvent because of IE9
- //issue, see attachEvent/addEventListener comment elsewhere
- //in this file.
- if (node.detachEvent && !isOpera) {
- //Probably IE. If not it will throw an error, which will be
- //useful to know.
- node.detachEvent("onreadystatechange", req.onScriptLoad);
- } else {
- node.removeEventListener("load", req.onScriptLoad, false);
- }
- }
- };
-
- /**
- * Attaches the script represented by the URL to the current
- * environment. Right now only supports browser loading,
- * but can be redefined in other environments to do the right thing.
- * @param {String} url the url of the script to attach.
- * @param {Object} context the context that wants the script.
- * @param {moduleName} the name of the module that is associated with the script.
- * @param {Function} [callback] optional callback, defaults to require.onScriptLoad
- * @param {String} [type] optional type, defaults to text/javascript
- * @param {Function} [fetchOnlyFunction] optional function to indicate the script node
- * should be set up to fetch the script but do not attach it to the DOM
- * so that it can later be attached to execute it. This is a way for the
- * order plugin to support ordered loading in IE. Once the script is fetched,
- * but not executed, the fetchOnlyFunction will be called.
- */
- req.attach = function (url, context, moduleName, callback, type, fetchOnlyFunction) {
- var node;
- if (isBrowser) {
- //In the browser so use a script tag
- callback = callback || req.onScriptLoad;
- node = context && context.config && context.config.xhtml ?
- document.createElementNS("http://www.w3.org/1999/xhtml", "html:script") :
- document.createElement("script");
- node.type = type || (context && context.config.scriptType) ||
- "text/javascript";
- node.charset = "utf-8";
- //Use async so Gecko does not block on executing the script if something
- //like a long-polling comet tag is being run first. Gecko likes
- //to evaluate scripts in DOM order, even for dynamic scripts.
- //It will fetch them async, but only evaluate the contents in DOM
- //order, so a long-polling script tag can delay execution of scripts
- //after it. But telling Gecko we expect async gets us the behavior
- //we want -- execute it whenever it is finished downloading. Only
- //Helps Firefox 3.6+
- //Allow some URLs to not be fetched async. Mostly helps the order!
- //plugin
- node.async = !s.skipAsync[url];
-
- if (context) {
- node.setAttribute("data-requirecontext", context.contextName);
- }
- node.setAttribute("data-requiremodule", moduleName);
-
- //Set up load listener. Test attachEvent first because IE9 has
- //a subtle issue in its addEventListener and script onload firings
- //that do not match the behavior of all other browsers with
- //addEventListener support, which fire the onload event for a
- //script right after the script execution. See:
- //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution
- //UNFORTUNATELY Opera implements attachEvent but does not follow the script
- //script execution mode.
- if (node.attachEvent &&
- // check if node.attachEvent is artificially added by custom script or
- // natively supported by browser
- // read https://github.com/jrburke/requirejs/issues/187
- // if we can NOT find [native code] then it must NOT natively supported.
- // in IE8, node.attachEvent does not have toString()
- // TODO: a better way to check interactive mode
- !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code]') < 0) &&
- !isOpera) {
- //Probably IE. IE (at least 6-8) do not fire
- //script onload right after executing the script, so
- //we cannot tie the anonymous define call to a name.
- //However, IE reports the script as being in "interactive"
- //readyState at the time of the define call.
- useInteractive = true;
-
-
- if (fetchOnlyFunction) {
- //Need to use old school onreadystate here since
- //when the event fires and the node is not attached
- //to the DOM, the evt.srcElement is null, so use
- //a closure to remember the node.
- node.onreadystatechange = function (evt) {
- //Script loaded but not executed.
- //Clear loaded handler, set the real one that
- //waits for script execution.
- if (node.readyState === 'loaded') {
- node.onreadystatechange = null;
- node.attachEvent("onreadystatechange", callback);
- fetchOnlyFunction(node);
- }
- };
- } else {
- node.attachEvent("onreadystatechange", callback);
- }
- } else {
- node.addEventListener("load", callback, false);
- }
- node.src = url;
-
- //Fetch only means waiting to attach to DOM after loaded.
- if (!fetchOnlyFunction) {
- req.addScriptToDom(node);
- }
-
- return node;
- } else if (isWebWorker) {
- //In a web worker, use importScripts. This is not a very
- //efficient use of importScripts, importScripts will block until
- //its script is downloaded and evaluated. However, if web workers
- //are in play, the expectation that a build has been done so that
- //only one script needs to be loaded anyway. This may need to be
- //reevaluated if other use cases become common.
- importScripts(url);
-
- //Account for anonymous modules
- context.completeLoad(moduleName);
- }
- return null;
- };
-
- //Look for a data-main script attribute, which could also adjust the baseUrl.
- if (isBrowser) {
- //Figure out baseUrl. Get it from the script tag with require.js in it.
- scripts = document.getElementsByTagName("script");
-
- for (globalI = scripts.length - 1; globalI > -1 && (script = scripts[globalI]); globalI--) {
- //Set the "head" where we can append children by
- //using the script's parent.
- if (!head) {
- head = script.parentNode;
- }
-
- //Look for a data-main attribute to set main script for the page
- //to load. If it is there, the path to data main becomes the
- //baseUrl, if it is not already set.
- if ((dataMain = script.getAttribute('data-main'))) {
- if (!cfg.baseUrl) {
- //Pull off the directory of data-main for use as the
- //baseUrl.
- src = dataMain.split('/');
- mainScript = src.pop();
- subPath = src.length ? src.join('/') + '/' : './';
-
- //Set final config.
- cfg.baseUrl = subPath;
- //Strip off any trailing .js since dataMain is now
- //like a module name.
- dataMain = mainScript.replace(jsSuffixRegExp, '');
- }
-
- //Put the data-main script in the files to load.
- cfg.deps = cfg.deps ? cfg.deps.concat(dataMain) : [dataMain];
-
- break;
- }
- }
- }
-
- //See if there is nothing waiting across contexts, and if not, trigger
- //resourcesReady.
- req.checkReadyState = function () {
- var contexts = s.contexts, prop;
- for (prop in contexts) {
- if (!(prop in empty)) {
- if (contexts[prop].waitCount) {
- return;
- }
- }
- }
- req.resourcesReady(true);
- };
-
- /**
- * Internal function that is triggered whenever all scripts/resources
- * have been loaded by the loader. Can be overridden by other, for
- * instance the domReady plugin, which wants to know when all resources
- * are loaded.
- */
- req.resourcesReady = function (isReady) {
- var contexts, context, prop;
-
- //First, set the public variable indicating that resources are loading.
- req.resourcesDone = isReady;
-
- if (req.resourcesDone) {
- //If jQuery with DOM ready delayed, release it now.
- contexts = s.contexts;
- for (prop in contexts) {
- if (!(prop in empty)) {
- context = contexts[prop];
- if (context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, false);
- context.jQueryIncremented = false;
- }
- }
- }
- }
- };
-
- //FF < 3.6 readyState fix. Needed so that domReady plugin
- //works well in that environment, since require.js is normally
- //loaded via an HTML script tag so it will be there before window load,
- //where the domReady plugin is more likely to be loaded after window load.
- req.pageLoaded = function () {
- if (document.readyState !== "complete") {
- document.readyState = "complete";
- }
- };
- if (isBrowser) {
- if (document.addEventListener) {
- if (!document.readyState) {
- document.readyState = "loading";
- window.addEventListener("load", req.pageLoaded, false);
- }
- }
- }
-
- //Set up default context. If require was a configuration object, use that as base config.
- req(cfg);
-
- //If modules are built into require.js, then need to make sure dependencies are
- //traced. Use a setTimeout in the browser world, to allow all the modules to register
- //themselves. In a non-browser env, assume that modules are not built into require.js,
- //which seems odd to do on the server.
- if (req.isAsync && typeof setTimeout !== "undefined") {
- ctx = s.contexts[(cfg.context || defContextName)];
- //Indicate that the script that includes require() is still loading,
- //so that require()'d dependencies are not traced until the end of the
- //file is parsed (approximated via the setTimeout call).
- ctx.requireWait = true;
- setTimeout(function () {
- ctx.requireWait = false;
-
- if (!ctx.scriptCount) {
- ctx.resume();
- }
- req.checkReadyState();
- }, 0);
- }
-}());
diff --git a/package.json b/package.json
index 81bf38d..bd76120 100644
--- a/package.json
+++ b/package.json
@@ -1,20 +1,57 @@
{
- "author" : {
- "name" : "Mohammed Arif",
- "email" : "arif_iq@yahoo.co.in"
- },
- "name" : "javascript-boilerplate",
- "title" : "JavaScript-Boilerplate",
- "description" : "JavaScript Boilerplate is the collection of best practices.",
- "keywords" : ["javascript-boilerplate", "js-boilerplate", "boilerplate", "javascript"],
- "repository" : {
- "type" : "git",
- "url" : "https://github.com/mdarif/JavaScript-Boilerplate.git"
- },
- "dependencies": {
- },
- "devDependencies": {},
- "main" : "./js/_.main.js",
- "version" : "1.0.2",
- "license" : "MIT/GPL"
-}
\ No newline at end of file
+ "author": {
+ "name": "Mohammed Arif",
+ "email": "arif_iq@yahoo.co.in"
+ },
+ "name": "javascript-boilerplate",
+ "title": "JavaScript-Boilerplate",
+ "description": "JavaScript Boilerplate is the collection of best practices.",
+ "keywords": [
+ "javascript-boilerplate",
+ "js-boilerplate",
+ "boilerplate",
+ "javascript"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/mdarif/JavaScript-Boilerplate.git"
+ },
+ "scripts": {
+ "test": "grunt test"
+ },
+ "dependencies": {},
+ "devDependencies": {
+ "connect-livereload": "~0.5.3",
+ "grunt": "~0.4.5",
+ "grunt-compare-size": "~0.4.0",
+ "grunt-concurrent": "~2.0.0",
+ "grunt-contrib-clean": "~0.6.0",
+ "grunt-contrib-compass": "~1.0.3",
+ "grunt-contrib-concat": "~0.5.1",
+ "grunt-contrib-connect": "~0.10.1",
+ "grunt-contrib-copy": "~0.8.0",
+ "grunt-contrib-cssmin": "~0.12.3",
+ "grunt-contrib-htmlmin": "~0.4.0",
+ "grunt-contrib-jasmine": "~0.8.2",
+ "grunt-contrib-jshint": "~0.11.2",
+ "grunt-contrib-sass": "~0.9.2",
+ "grunt-contrib-uglify": "~0.9.1",
+ "grunt-contrib-watch": "~0.6.1",
+ "grunt-jsdoc": "~0.6.7",
+ "grunt-karma": "~0.11.1",
+ "grunt-notify": "~0.4.1",
+ "grunt-open": "~0.2.3",
+ "grunt-shell": "~1.1.2",
+ "grunt-uncss": "~0.4.2",
+ "grunt-usemin": "~3.0.0",
+ "karma": "~0.12.36",
+ "karma-chrome-launcher": "~0.1.12",
+ "karma-firefox-launcher": "~0.1.6",
+ "karma-jasmine": "~0.3.5",
+ "karma-phantomjs-launcher": "^0.2.0",
+ "matchdep": "~0.3.0",
+ "time-grunt": "~1.2.1"
+ },
+ "version": "1.2.0",
+ "license": "MIT/GPL"
+}
diff --git a/src/css/prism.css b/src/css/prism.css
new file mode 100644
index 0000000..1e61e11
--- /dev/null
+++ b/src/css/prism.css
@@ -0,0 +1,126 @@
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', monospace;
+ direction: ltr;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.builtin {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+ color: #a67f59;
+ background: hsla(0,0%,100%,.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+
+.token.regex,
+.token.important {
+ color: #e90;
+}
+
+.token.important {
+ font-weight: bold;
+}
+
+.token.entity {
+ cursor: help;
+}
+
diff --git a/src/css/style.css b/src/css/style.css
new file mode 100644
index 0000000..38d4124
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,349 @@
+/* =============================================================================
+ HTML5 Boilerplate CSS: h5bp.com/css
+ ========================================================================== */
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+ display: block;
+}
+audio, canvas, video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+audio:not([controls]) {
+ display: none;
+}
+[hidden] {
+ display: none;
+}
+html {
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+html, button, input, select, textarea {
+ font-family: sans-serif;
+ color: #222;
+}
+body {
+ margin: 0;
+ font-size: 1em;
+ line-height: 1.4;
+}
+::-moz-selection {
+ background:#FF0;
+ color:#000;
+ text-shadow: none;
+}
+::selection {
+ background: #FF0;
+ color:#000;
+ text-shadow: none;
+}
+a {
+ color: #00e;
+ outline:none
+}
+a:visited {
+ color: #551a8b;
+}
+a:hover {
+ color: #06e;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:hover, a:active {
+ outline: 0;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b, strong {
+ font-weight: bold;
+}
+blockquote {
+ margin: 1em 40px;
+}
+dfn {
+ font-style: italic;
+}
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+ins {
+ background: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+mark {
+ background: #ff0;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+pre, code, kbd, samp {
+ font-family: monospace, serif;
+ _font-family:'courier new', monospace;
+ font-size: 1em;
+}
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+q {
+ quotes: none;
+}
+q:before, q:after {
+ content:"";
+ content: none;
+}
+small {
+ font-size: 85%;
+}
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+ul, ol {
+ margin: 1em 0;
+ padding: 0 0 0 40px;
+}
+dd {
+ margin: 0 0 0 40px;
+}
+nav ul, nav ol {
+ list-style: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+}
+img {
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+figure {
+ margin: 0;
+}
+form {
+ margin: 0;
+}
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+label {
+ cursor: pointer;
+}
+legend {
+ border: 0;
+ *margin-left: -7px;
+ padding: 0;
+ white-space: normal;
+}
+button, input, select, textarea {
+ font-size: 100%;
+ margin: 0;
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+button, input {
+ line-height: normal;
+}
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+ *overflow: visible;
+}
+button[disabled], input[disabled] {
+ cursor: default;
+}
+input[type="checkbox"], input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+ *width: 13px;
+ *height: 13px;
+}
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
+input:valid, textarea:valid {
+}
+input:invalid, textarea:invalid {
+ background-color: #f0dddd;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+td {
+ vertical-align: top;
+}
+.chromeframe {
+ margin: 0.2em 0;
+ background: #ccc;
+ color: black;
+ padding: 0.2em 0;
+}
+h1, h2, h3, h4, h5, h6, ul, li, pre {
+ margin:0;
+ padding:0
+}
+/* ===== Primary Styles ========================================================
+ Author: SapientNitro (2011) (http://www.sapient.com)
+ ========================================================================== */
+
+/** Basic settings **/
+ body {
+ background:#FFC;
+ color:#171717;
+ font-size:100%;
+ font-family:Arial, Helvetica, sans-serif;
+ font-weight:normal;
+ line-height:1em;
+ padding:10px
+}
+h1, h2, h3, h4, h5, h6, section, article, p {
+ display:block;
+ margin:0;
+ padding:10px
+}
+h1 {
+ font-size:2em
+}
+h2 {
+ background:#F04E00;
+ color:#FFF;
+ font-size:1.7em;
+ margin-bottom:10px
+}
+h3 {
+ background:#666;
+ color:#FFF;
+ font-size:1.4emp;
+ padding:8px;
+ margin-bottom:10px
+}
+h4 {
+ font-size:1.2em
+}
+h5 {
+ font-size:1em
+}
+h6 {
+ font-size:0.8em
+}
+a {
+ text-decoration:none;
+ outline:none
+}
+section {
+ background:#FFF;
+ font-size:1em;
+ line-height:1.2em;
+ padding:10px
+}
+section.example {
+ background:#EEE
+}
+article {
+ padding:0;
+ margin-bottom:10px
+}
+p {
+ font-size:1em;
+ line-height:1.4em
+}
+ul {
+ padding:0 50px
+}
+ul li {
+ padding:5px 0;
+ line-height:1.2em
+}
+#main {
+ border:#FC0 1px dashed
+}
+/* =============================================================================
+ Non-Semantic Helper Classes
+ ========================================================================== */
+ .ir {
+ display: block;
+ border: 0;
+ text-indent: -999em;
+ overflow: hidden;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ text-align: left;
+ direction: ltr;
+ *line-height: 0;
+}
+.ir br {
+ display: none;
+}
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
+ clip: auto;
+ margin: 0;
+ overflow: visible;
+ position: static
+}
+.invisible {
+ visibility: hidden;
+}
+.clear_fix:before, .clear_fix:after {
+ content:"";
+ display: table;
+}
+.clear_fix:after {
+ clear: both;
+}
+.clear_fix {
+ *zoom: 1;
+}
\ No newline at end of file
diff --git a/src/demo/css/style.css b/src/demo/css/style.css
new file mode 100644
index 0000000..3f08214
--- /dev/null
+++ b/src/demo/css/style.css
@@ -0,0 +1,660 @@
+/* =============================================================================
+ HTML5 Boilerplate CSS: h5bp.com/css
+ ========================================================================== */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+ display: block;
+}
+audio, canvas, video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+audio:not([controls]) {
+ display: none;
+}
+[hidden] {
+ display: none;
+}
+html {
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+html, button, input, select, textarea {
+ font-family: sans-serif;
+ color: #222;
+}
+body {
+ margin: 0;
+ font-size: 1em;
+ line-height: 1.4;
+}
+
+::-moz-selection {
+ background:#FF0;
+ color:#000;
+ text-shadow: none;
+}
+::selection {
+ background: #FF0;
+ color:#000;
+ text-shadow: none;
+}
+a {
+ color:#3B5998;
+ outline:none
+}
+a:visited {
+ color: #F04E00;
+}
+a:hover {
+ color: #06e;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:hover, a:active {
+ outline: 0;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b, strong {
+ font-weight: bold;
+}
+blockquote {
+ margin: 1em 40px;
+}
+dfn {
+ font-style: italic;
+}
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+ins {
+ background: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+mark {
+ background: #ff0;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+pre, code, kbd, samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+q {
+ quotes: none;
+}
+q:before, q:after {
+ content: "";
+ content: none;
+}
+small {
+ font-size: 85%;
+}
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+ul, ol {
+ margin: 1em 0;
+ padding: 0 0 0 40px;
+}
+dd {
+ margin: 0 0 0 40px;
+}
+nav ul, nav ol {
+ list-style: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+}
+img {
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+figure {
+ margin: 0;
+}
+form {
+ margin: 0;
+}
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+label {
+ cursor: pointer;
+}
+legend {
+ border: 0;
+ *margin-left: -7px;
+ padding: 0;
+ white-space: normal;
+}
+button, input, select, textarea {
+ font-size: 100%;
+ margin: 0;
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+button, input {
+ line-height: normal;
+}
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+ *overflow: visible;
+}
+button[disabled], input[disabled] {
+ cursor: default;
+}
+input[type="checkbox"], input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+ *width: 13px;
+ *height: 13px;
+}
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
+input:valid, textarea:valid {
+}
+input:invalid, textarea:invalid {
+ background-color: #f0dddd;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+td {
+ vertical-align: top;
+}
+.chromeframe {
+ margin: 0.2em 0;
+ background: #ccc;
+ color: black;
+ padding: 0.2em 0;
+}
+h1, h2, h3, h4, h5, h6, ul, li, pre {
+ margin:0;
+ padding:0
+}
+/* ===== Primary Styles ========================================================
+ Author: SapientNitro (2011) (http://www.sapient.com)
+ ========================================================================== */
+
+/** Basic settings **/
+body {
+ background:#FFC;
+ color:#171717;
+ font-size:100%;
+ font-family:Verdana, Arial, Helvetica, sans-serif;
+ font-weight:normal;
+ line-height:1em;
+ padding:40px;
+}
+h1, h2, h3, h4, h5, h6, section, article, p, .round-corner {
+ width:98%;
+ border-radius:7px;
+ -webkit-border-radius:7px;
+ -moz-border-radius:7px;
+ -khtml-border-radius:7px;
+ display:block;
+ margin:0;
+ padding:10px 1%;
+ float:left;
+}
+h1 {
+ font-size:2em;
+}
+h2 {
+ background:#F04E00;
+ color:#FFF;
+ font-size:1.7em;
+ margin-bottom:10px;
+}
+h3 {
+ width:98%;
+ background:#F2F2F2;
+ color:#3B5998;
+ font-size:1.4emp;
+ padding:8px 1%;
+ margin-bottom:10px;
+ float:left;
+}
+h4 {
+ font-size:1.2em;
+}
+h5 {
+ font-size:1em;
+}
+h6 {
+ font-size:0.8em;
+}
+a, a:visited {
+ color:#3B5998;
+ text-decoration:underline;
+ outline:none;
+}
+a:visited {
+ color:#F04E00;
+}
+a.read-more {
+ clear:both;
+ margin-bottom:10px;
+ float:left
+}
+.hide {
+ display:none;
+}
+iframe {
+ border:0;
+}
+
+/* "fb_iframe_widget" class genreate from facebook */
+
+.fb_iframe_widget iframe {
+ width:750px;
+}
+button, a.button, a.back-to-index {
+ background:#bdbdbd;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0));
+ background:-webkit-linear-gradient(top, #ffffff, #d0d0d0);
+ background:-ms-linear-gradient(top, #ffffff, #d0d0d0);
+ background:-moz-linear-gradient(top, #ffffff, #d0d0d0);
+ background:-o-linear-gradient(top, #ffffff, #d0d0d0);
+ background:linear-gradient(top bottom, #ffffff, #d0d0d0);
+ -webkit-border-radius:20px;
+ -moz-border-radius:20px;
+ -khtml-border-radius:20px;
+ padding:5px 15px;
+ text-decoration:none;
+ color:#222222;
+}
+button:hover, a.button:hover, a.back-to-index:hover, button.highlight, a.button.highlight, a.back-to-index.highlight {
+ background:#ffffff;
+ -webkit-box-shadow:0px 0px 12px #c3c2c2;
+ -moz-box-shadow:0px 0px 12px #c3c2c2;
+ box-shadow:0px 0px 12px #c3c2c2;
+}
+.top-round {
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ -khtml-border-radius:0;
+ -moz-border-radius-topleft:7px;
+ -khtml-border-top-left-radius:7px;
+ -webkit-border-top-left-radius:7px;
+ border-top-left-radius:7px;
+ -moz-border-radius-topright:7px;
+ -khtml-border-top-right-radius:7px;
+ -webkit-border-top-right-radius:7px;
+ border-top-right-radius:7px;
+ border-radius:7px 7px 0 0;
+}
+a.back-to-index {
+ position:absolute;
+ color:#171717;
+ font-size:11px;
+ top:5px;
+ right:6%;
+ padding:4px 15px;
+}
+#wrapper {
+ width:96%;
+ max-width:1100px;
+ background:#FFF;
+ border-radius:7px;
+ -webkit-border-radius:7px;
+ -moz-border-radius:7px;
+ -khtml-border-radius:7px;
+ -webkit-box-shadow:0px 0px 12px #636363;
+ -moz-box-shadow:0px 0px 12px #636363;
+ box-shadow:0px 0px 12px #636363;
+ font-size:12px;
+ padding:20px 2%;
+ margin:0px auto;
+}
+ul.topics {
+ width:92%;
+ padding:0 0 0 4%;
+ float:left;
+}
+ul.topics li {
+ width:100%;
+ padding-bottom:5px;
+ float:left;
+}
+section.content {
+ width:100%;
+ background:#f5f5f5;
+ border:#d9d7d8 1px solid;
+ padding:0;
+ margin-bottom:20px;
+ float:left;
+}
+section.content article {
+ width:98%;
+ background:#ffffff;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ -khtml-border-radius:0;
+ float:left;
+}
+.options-bar {
+ width:98%;
+ background:#7d7d7d;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#7d7d7d');
+ background:-webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#7d7d7d));
+ background:-webkit-linear-gradient(top, #a6a6a6, #7d7d7d);
+ background:-ms-linear-gradient(top, #a6a6a6, #7d7d7d);
+ background:-moz-linear-gradient(top, #a6a6a6, #7d7d7d);
+ background:-o-linear-gradient(top, #a6a6a6, #7d7d7d);
+ background:linear-gradient(to bottom, #a6a6a6, #7d7d7d);
+ border:0;
+ padding:5px 1%;
+ float:left;
+}
+.sub-options-bar {
+ width:100%;
+ float:left;
+}
+section.content footer {
+ width:98%;
+ padding:5px 1%;
+ float:left;
+}
+.round-corner {
+ -webkit-box-shadow:0px 0px 12px #636363;
+ -moz-box-shadow:0px 0px 12px #636363;
+ box-shadow:0px 0px 12px #636363;
+ float:left;
+}
+/* Types of message boxes */
+.standard-message-box, .note-box, .alert-box, .error-box, .info-box, .success-box {
+ width:98%;
+ border-radius:7px;
+ -webkit-border-radius:7px;
+ -moz-border-radius:7px;
+ -khtml-border-radius:7px;
+ padding:12px 1% 10px 1%;
+ margin-bottom:10px;
+ float:left;
+}
+.note-box span:first-child, .alert-box span:first-child, .error-box span:first-child, .info-box span:first-child, .success-box span:first-child {
+ width:22px;
+ height:25px;
+ background:url(../img/sprite.png) top left no-repeat;
+ margin:-4px 10px 0 0;
+ float:left;
+}
+.note-box span:first-child {
+ background-position:-31px 0;
+}
+.alert-box span:first-child {
+ background-position:-60px 0;
+}
+.error-box span:first-child {
+ background-position:-88px 0;
+}
+.info-box span:first-child {
+ background-position:-118px 0;
+}
+.standard-message-box {
+ background:#dddddd;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
+ background:-webkit-linear-gradient(top, #ffffff, #dddddd);
+ background:-ms-linear-gradient(top, #ffffff, #dddddd);
+ background:-moz-linear-gradient(top, #ffffff, #dddddd);
+ background:-o-linear-gradient(top, #ffffff, #dddddd);
+ background:linear-gradient(to bottom, #ffffff, #dddddd);
+ border:#d8d8d8 1px solid;
+}
+.note-box {
+ background:#ffecb1;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fef2ca');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fef2ca));
+ background:-webkit-linear-gradient(top, #ffffff, #fef2ca);
+ background:-ms-linear-gradient(top, #ffffff, #fef2ca);
+ background:-moz-linear-gradient(top, #ffffff, #fef2ca);
+ background:-o-linear-gradient(top, #ffffff, #fef2ca);
+ background:linear-gradient(to bottom, #ffffff, #fef2ca);
+ border:#ffe55d 1px solid;
+}
+.alert-box {
+ background:#feee05;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#feee05');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#feee05));
+ background:-webkit-linear-gradient(top, #ffffff, #feee05);
+ background:-ms-linear-gradient(top, #ffffff, #feee05);
+ background:-moz-linear-gradient(top, #ffffff, #feee05);
+ background:-o-linear-gradient(top, #ffffff, #feee05);
+ background:linear-gradient(to bottom, #ffffff, #feee05);
+ border:#ffe55d 1px solid;
+}
+.error-box {
+ background:#b60001;
+ color:#ffffff;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1315', endColorstr='#b60001');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ff1315), to(#b60001));
+ background:-webkit-linear-gradient(top, #ff1315, #b60001);
+ background:-ms-linear-gradient(top, #ff1315, #b60001);
+ background:-moz-linear-gradient(top, #ff1315, #b60001);
+ background:-o-linear-gradient(top, #ff1315, #b60001);
+ background:linear-gradient(to bottom, #ff1315, #b60001);
+ border:#971515 1px solid;
+}
+.info-box {
+ background:#6ae1ff;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#6ae1ff');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#6ae1ff));
+ background:-webkit-linear-gradient(top, #ffffff, #6ae1ff);
+ background:-ms-linear-gradient(top, #ffffff, #6ae1ff);
+ background:-moz-linear-gradient(top, #ffffff, #6ae1ff);
+ background:-o-linear-gradient(top, #ffffff, #6ae1ff);
+ background:linear-gradient(to bottom, #ffffff, #6ae1ff);
+ border:#82f0fd 1px solid;
+}
+.success-box {
+ background:#8dff48;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8dff48');
+ background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#8dff48));
+ background:-webkit-linear-gradient(top, #ffffff, #8dff48);
+ background:-ms-linear-gradient(top, #ffffff, #8dff48);
+ background:-moz-linear-gradient(top, #ffffff, #8dff48);
+ background:-o-linear-gradient(top, #ffffff, #8dff48);
+ background:linear-gradient(to bottom, #ffffff, #8dff48);
+ border:#76fe76 1px solid;
+}
+.info-box p {
+ width:auto;
+ padding:0;
+}
+.avatars {
+ width:100%;
+ padding-bottom:5px;
+ float:left;
+}
+.avatars div {
+ display:inline;
+ padding:0 0 0 10px;
+}
+.avatars div img {
+ background:#FFF;
+ border:#CCC 1px solid;
+ padding:5px;
+}
+#countdown-dashboard {
+ width:100%;
+ padding:0;
+ margin-bottom:20px;
+ float:left;
+}
+.round-corner {
+ padding:15px 0 20px 0;
+}
+#countdown-dashboard .dash {
+ width:100px;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ -khtml-border-radius:0;
+ padding:0;
+ margin-left:40px;
+ float:left;
+}
+#countdown-dashboard .dash:first-child {
+ margin-left:0;
+}
+#countdown-dashboard span.dash-title {
+ width:100%;
+ padding-top:10px;
+ text-transform:capitalize;
+ float:left;
+}
+#countdown-dashboard .digit {
+ font-size:60px;
+ padding:5px;
+ float:left;
+}
+#countdown-dashboard .dash .digit:first-child {
+ border-right:#CCC 1px solid;
+}
+article ul {
+ margin:0 0 20px 30px;
+ float:left
+}
+#friends-list-container div {
+ width:29%;
+ background:#F2F2F2;
+ padding:4px 1%;
+ margin:4px 1%;
+ float:left;
+}
+.hide-fb-like-comment .fb-edge-comment-widget {
+ display:none
+}
+pre.code {
+ width:98%;
+ background:#EEE;
+ padding:10px 1%;
+ margin-bottom:15px;
+ float:left;
+}
+.fb-ltr {
+ height:800px !important
+}
+
+/* "fb_edge_widget_with_comment" class genreate from facebook */
+
+.without-comment .fb_edge_widget_with_comment {
+ height:20px;
+ overflow:hidden
+}
+.like-logout .fb-like {
+ float:left
+}
+.like-logout p {
+ width:auto;
+ padding: 0 0 10px 0;
+ float:left;
+}
+/* =============================================================================
+ Non-Semantic Helper Classes
+ ========================================================================== */
+
+.ir {
+ display: block;
+ border: 0;
+ text-indent: -999em;
+ overflow: hidden;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ text-align: left;
+ direction: ltr;
+ *line-height: 0;
+}
+.ir br {
+ display: none;
+}
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
+ clip: auto;
+ margin: 0;
+ overflow: visible;
+ position: static
+}
+.invisible {
+ visibility: hidden;
+}
+.clear-fix:before, .clear-fix:after {
+ content: "";
+ display: table;
+}
+.clear-fix:after {
+ clear: both;
+}
+.clear-fix {
+ *zoom: 1;
+}
diff --git a/demo/facebook_friends_list.html b/src/demo/facebook_friends_list.html
similarity index 86%
rename from demo/facebook_friends_list.html
rename to src/demo/facebook_friends_list.html
index e1015c3..b913b52 100644
--- a/demo/facebook_friends_list.html
+++ b/src/demo/facebook_friends_list.html
@@ -11,8 +11,9 @@
-
+
+
@@ -20,9 +21,9 @@
-
- Facebook API demos
-
+
+
+