UNPKG

@harishreddym/baqend

Version:

Baqend JavaScript SDK

930 lines (731 loc) 33.5 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Baqend JavaScript SDK 2.14.1 - Source: lib/partialupdate/PartialUpdateBuilder.js</title> <script src="scripts/prettify/prettify.js"> </script> <script src="scripts/prettify/lang-css.js"> </script> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css"> <link type="text/css" rel="stylesheet" href="styles/bootstrap-baqend.min.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css"> <link type="text/css" rel="stylesheet" href="styles/font-awesome-4.7.0.css"> </head> <body> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="navbar-inner container"> <!-- Collapsed navigation --> <div class="navbar-header"> <!-- Expander button --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Main title --> <a class="navbar-brand" href="/"><img src="img/logo.png"></a> </div> <!-- Expanded navigation --> <div id="nav" class="navbar-collapse collapse"> <!-- Search --> <form class="navbar-right form-inline search-form"> <div class="form-group search-form-group"> <input type="search" class="form-control search-input" id="search-query" placeholder="Search Guide" name="q" autocomplete="off"> <div id="search-results" class="search-results"> <p class="search-no-results">Please enter a search query ...</p> </div> <i class="search-icon fa fa-search"></i> </div> </form> <!-- Main navigation --> <ul class="nav navbar-nav"> <li> <a href="https://dashboard.baqend.com/">Dashboard</a> </li> <!-- Guide Navigation --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Guide <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="https://www.baqend.com/guide/">Home</a></li> <li><a href="https://www.baqend.com/guide/#speed-kit">Speed Kit</a></li> <li><a href="https://www.baqend.com/guide/#platform">Platform</a></li> <li><a href="https://www.baqend.com/guide/roadmap/">Roadmap</a></li> <li><a href="https://www.baqend.com/guide/topics/faq/">FAQ</a></li> </ul> </li> <!-- Starter Kits --> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starter Kits <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="https://www.baqend.com/guide/starter-kits/">Starter Kits Overview</a></li> <li><a href="https://www.baqend.com/guide/starter-kits/angular2/">Angular 2 Starter Kit</a></li> <li><a href="https://www.baqend.com/guide/starter-kits/react/">React and Redux Starter Kit</a></li> <li><a href="https://www.baqend.com/guide/starter-kits/bootstrap/">Bootstrap Starter Kit</a></li> <li><a href="https://www.baqend.com/guide/starter-kits/ionic2/">Ionic 2 Starter Kit</a></li> <li><a href="https://www.baqend.com/guide/starter-kits/ionic/">Ionic Starter Kit</a></li> </ul> </li> <li class="active"> <a href="baqend.html">JS API</a> </li> <li> <a href="https://www.baqend.com/tutorial.html">Tutorial</a> </li> </ul> </div> </div> </nav> <div class="box gray pt-32 pb-32"> <div class="container"> <div class="row"> <!-- <div class="col-md-3"></div> --> <div class="bs-sidebar hidden-print fixed affix" role="complementary"> <input class="filter form-control input-sm" type="text" placeholder="FILTER"/> <ul class="nav bs-sidenav"> <li class=""><a href="Acl.html" class="nav-name">Acl</a></li> <li class=""><a href="EntityManager.html" class="nav-name">EntityManager</a></li> <li class=""><a href="EntityManagerFactory.html" class="nav-name">EntityManagerFactory</a></li> <li class=""><a href="GeoPoint.html" class="nav-name">GeoPoint</a></li> <li class=""><a href="RealtimeEvent.html" class="nav-name">RealtimeEvent</a></li> <li class=""><a href="baqend.html" class="nav-name">baqend</a></li> <li class=""> <a href="binding.html" class="nav-name">binding</a> <ul class="nav"> <li class=""><a href="binding.Accessor.html" class="nav-name">Accessor</a></li> <li class=""><a href="binding.DeviceFactory.html" class="nav-name">DeviceFactory</a></li> <li class=""><a href="binding.Enhancer.html" class="nav-name">Enhancer</a></li> <li class=""><a href="binding.Entity.html" class="nav-name">Entity</a></li> <li class=""><a href="binding.EntityFactory.html" class="nav-name">EntityFactory</a></li> <li class=""><a href="binding.Factory.html" class="nav-name">Factory</a></li> <li class=""><a href="binding.File.html" class="nav-name">File</a></li> <li class=""><a href="binding.FileFactory.html" class="nav-name">FileFactory</a></li> <li class=""><a href="binding.Managed.html" class="nav-name">Managed</a></li> <li class=""><a href="binding.ManagedFactory.html" class="nav-name">ManagedFactory</a></li> <li class=""><a href="binding.Role.html" class="nav-name">Role</a></li> <li class=""><a href="binding.User.html" class="nav-name">User</a></li> <li class=""><a href="binding.UserFactory.html" class="nav-name">UserFactory</a></li> </ul> </li> <li class=""> <a href="caching.html" class="nav-name">caching</a> <ul class="nav"> <li class=""><a href="caching.BloomFilter.html" class="nav-name">BloomFilter</a></li> </ul> </li> <li class=""> <a href="connector.html" class="nav-name">connector</a> <ul class="nav"> <li class=""><a href="connector.Connector.html" class="nav-name">Connector</a></li> <li class=""><a href="connector.FetchConnector.html" class="nav-name">FetchConnector</a></li> <li class=""><a href="connector.IFrameConnector.html" class="nav-name">IFrameConnector</a></li> <li class=""><a href="connector.Message.html" class="nav-name">Message</a></li> <li class=""><a href="connector.NodeConnector.html" class="nav-name">NodeConnector</a></li> <li class=""><a href="connector.ObservableStream.html" class="nav-name">ObservableStream</a></li> <li class=""><a href="connector.WebSocketConnector.html" class="nav-name">WebSocketConnector</a></li> <li class=""><a href="connector.XMLHttpConnector.html" class="nav-name">XMLHttpConnector</a></li> <li class=""><a href="connector.ChannelMessage.html" class="nav-name">ChannelMessage</a></li> </ul> </li> <li class=""> <a href="error.html" class="nav-name">error</a> <ul class="nav"> <li class=""><a href="error.CommunicationError.html" class="nav-name">CommunicationError</a></li> <li class=""><a href="error.EntityExistsError.html" class="nav-name">EntityExistsError</a></li> <li class=""><a href="error.IllegalEntityError.html" class="nav-name">IllegalEntityError</a></li> <li class=""><a href="error.PersistentError.html" class="nav-name">PersistentError</a></li> <li class=""><a href="error.RollbackError.html" class="nav-name">RollbackError</a></li> </ul> </li> <li class=""> <a href="metamodel.html" class="nav-name">metamodel</a> <ul class="nav"> <li class=""><a href="metamodel.Attribute.html" class="nav-name">Attribute</a></li> <li class=""><a href="metamodel.BasicType.html" class="nav-name">BasicType</a></li> <li class=""><a href="metamodel.CollectionAttribute.html" class="nav-name">CollectionAttribute</a></li> <li class=""><a href="metamodel.DbIndex.html" class="nav-name">DbIndex</a></li> <li class=""><a href="metamodel.EmbeddableType.html" class="nav-name">EmbeddableType</a></li> <li class=""><a href="metamodel.EntityType.html" class="nav-name">EntityType</a></li> <li class=""><a href="metamodel.ListAttribute.html" class="nav-name">ListAttribute</a></li> <li class=""><a href="metamodel.ManagedType.html" class="nav-name">ManagedType</a></li> <li class=""><a href="metamodel.MapAttribute.html" class="nav-name">MapAttribute</a></li> <li class=""><a href="metamodel.Metamodel.html" class="nav-name">Metamodel</a></li> <li class=""><a href="metamodel.ModelBuilder.html" class="nav-name">ModelBuilder</a></li> <li class=""><a href="metamodel.PluralAttribute.html" class="nav-name">PluralAttribute</a></li> <li class=""><a href="metamodel.SetAttribute.html" class="nav-name">SetAttribute</a></li> <li class=""><a href="metamodel.SingularAttribute.html" class="nav-name">SingularAttribute</a></li> <li class=""><a href="metamodel.Type.html" class="nav-name">Type</a></li> </ul> </li> <li class=""> <a href="model.html" class="nav-name">model</a> <ul class="nav"> <li class=""><a href="model.Device.html" class="nav-name">Device</a></li> <li class=""><a href="model.Role.html" class="nav-name">Role</a></li> <li class=""><a href="model.User.html" class="nav-name">User</a></li> </ul> </li> <li class=""> <a href="partialupdate.html" class="nav-name">partialupdate</a> <ul class="nav"> <li class=""><a href="partialupdate.EntityPartialUpdateBuilder.html" class="nav-name">EntityPartialUpdateBuilder</a></li> <li class=""><a href="partialupdate.PartialUpdateBuilder.html" class="nav-name">PartialUpdateBuilder</a></li> <li class=""><a href="partialupdate.UpdateOperation.html" class="nav-name">UpdateOperation</a></li> </ul> </li> <li class=""> <a href="query.html" class="nav-name">query</a> <ul class="nav"> <li class=""><a href="query.Builder.html" class="nav-name">Builder</a></li> <li class=""><a href="query.Filter.html" class="nav-name">Filter</a></li> <li class=""><a href="query.Node.html" class="nav-name">Node</a></li> <li class=""><a href="query.Operator.html" class="nav-name">Operator</a></li> <li class=""><a href="query.Query.html" class="nav-name">Query</a></li> <li class=""><a href="query.Stream.html" class="nav-name">Stream</a></li> <li class=""><a href="query.Condition.html" class="nav-name">Condition</a></li> </ul> </li> <li class=""> <a href="util.html" class="nav-name">util</a> <ul class="nav"> <li class=""><a href="util.Code.html" class="nav-name">Code</a></li> <li class=""><a href="util.Lockable.html" class="nav-name">Lockable</a></li> <li class=""><a href="util.Logger.html" class="nav-name">Logger</a></li> <li class=""><a href="util.Metadata.html" class="nav-name">Metadata</a></li> <li class=""><a href="util.Modules.html" class="nav-name">Modules</a></li> <li class=""><a href="util.Permission.html" class="nav-name">Permission</a></li> <li class=""><a href="util.PushMessage.html" class="nav-name">PushMessage</a></li> <li class=""><a href="util.TokenStorage.html" class="nav-name">TokenStorage</a></li> <li class=""><a href="util.ValidationResult.html" class="nav-name">ValidationResult</a></li> <li class=""><a href="util.Validator.html" class="nav-name">Validator</a></li> <li class=""><a href="util.TokenStorageFactory.html" class="nav-name">TokenStorageFactory</a></li> </ul> </li> </ul> </div> <div class="col-md-12" id="main"> <div class="content"> <h1 class="page-title">Source: lib/partialupdate/PartialUpdateBuilder.js</h1> <section> <article> <pre class="prettyprint source linenums"><code>'use strict'; const ALLOWED_OPERATIONS = [ '$add', '$and', '$currentDate', '$dec', '$inc', '$max', '$min', '$mul', '$or', '$pop', '$push', '$put', '$remove', '$rename', '$replace', '$set', '$shift', '$unshift', '$xor', ]; const UpdateOperation = require('./UpdateOperation'); const deprecated = require('../util/deprecated'); /** * @alias partialupdate.PartialUpdateBuilder&lt;T> */ class PartialUpdateBuilder { /** * @param {json} operations */ constructor(operations) { /** @type {UpdateOperation[]} */ this.operations = []; if (operations) { this.addOperations(operations); } } /** * Sets a field to a given value * * @param {string} field The field to set * @param {*} value The value to set to * @return {this} */ set(field, value) { let val = value; if (val instanceof Set) { val = Array.from(val); } else if (val instanceof Map) { const newValue = {}; val.forEach((v, k) => { newValue[k] = v; }); val = newValue; } return this.addOperation(field, '$set', val); } /** * Increments a field by a given value * * @param {string} field The field to increment * @param {number=} by The number to increment by, defaults to 1 * @return {this} */ inc(field, by) { return this.addOperation(field, '$inc', typeof by === 'number' ? by : 1); } /** * Decrements a field by a given value * * @param {string} field The field to decrement * @param {number=} by The number to decrement by, defaults to 1 * @return {this} */ dec(field, by) { return this.increment(field, typeof by === 'number' ? -by : -1); } /** * Multiplies a field by a given number * * @param {string} field The field to multiply * @param {number} multiplicator The number to multiply by * @return {this} */ mul(field, multiplicator) { if (typeof multiplicator !== 'number') { throw new Error('Multiplicator must be a number.'); } return this.addOperation(field, '$mul', multiplicator); } /** * Divides a field by a given number * * @param {string} field The field to divide * @param {number} divisor The number to divide by * @return {this} */ div(field, divisor) { if (typeof divisor !== 'number') { throw new Error('Divisor must be a number.'); } return this.addOperation(field, '$mul', 1 / divisor); } /** * Sets the highest possible value of a field * * @param {string} field The field to compare with * @param {number} value The highest possible value * @return {this} */ min(field, value) { if (typeof value !== 'number') { throw new Error('Value must be a number'); } return this.addOperation(field, '$min', value); } /** * Sets the smallest possible value of a field * * @param {string} field The field to compare with * @param {number} value The smalles possible value * @return {this} */ max(field, value) { if (typeof value !== 'number') { throw new Error('Value must be a number'); } return this.addOperation(field, '$max', value); } /** * Removes an item from an array or map * * @param {string} field The field to perform the operation on * @param {*} item The item to add * @return {this} */ remove(field, item) { return this.addOperation(field, '$remove', item); } /** * Puts an item from an array or map * * @param {string} field The field to perform the operation on * @param {string|object} key The map key to put the value to or an object of arguments * @param {*} [value] The value to put if a key was used * @return {this} */ put(field, key, value) { const obj = {}; if (typeof key === 'string' || typeof key === 'number') { obj[key] = value; } else if (typeof key === 'object') { Object.assign(obj, key); } return this.addOperation(field, '$put', obj); } /** * Pushes an item into a list * * @param {string} field The field to perform the operation on * @param {*} item The item to add * @return {this} */ push(field, item) { return this.addOperation(field, '$push', item); } /** * Unshifts an item into a list * * @param {string} field The field to perform the operation on * @param {*} item The item to add * @return {this} */ unshift(field, item) { return this.addOperation(field, '$unshift', item); } /** * Pops the last item out of a list * * @param {string} field The field to perform the operation on * @return {this} */ pop(field) { return this.addOperation(field, '$pop'); } /** * Shifts the first item out of a list * * @param {string} field The field to perform the operation on * @return {this} */ shift(field) { return this.addOperation(field, '$shift'); } /** * Adds an item to a set * * @param {string} field The field to perform the operation on * @param {*} item The item to add * @return {this} */ add(field, item) { return this.addOperation(field, '$add', item); } /** * Replaces an item at a given index * * @param {string} path The path to perform the operation on * @param {number} index The index where the item will be replaced * @param {*} item The item to replace with * @return {this} */ replace(path, index, item) { if (this.hasOperationOnPath(path)) { throw new Error(`You cannot update ${path} multiple times`); } return this.addOperation(`${path}.${index}`, '$replace', item); } /** * Sets a datetime field to the current moment * * @param {string} field The field to perform the operation on * @return {this} */ currentDate(field) { return this.addOperation(field, '$currentDate'); } /** * Performs a bitwise AND on a path * * @param {string} path The path to perform the operation on * @param {number} bitmask The bitmask taking part in the operation * @return {this} */ and(path, bitmask) { return this.addOperation(path, '$and', bitmask); } /** * Performs a bitwise OR on a path * * @param {string} path The path to perform the operation on * @param {number} bitmask The bitmask taking part in the operation * @return {this} */ or(path, bitmask) { return this.addOperation(path, '$or', bitmask); } /** * Performs a bitwise XOR on a path * * @param {string} path The path to perform the operation on * @param {number} bitmask The bitmask taking part in the operation * @return {this} */ xor(path, bitmask) { return this.addOperation(path, '$xor', bitmask); } /** * Renames a field * * @param {string} oldPath The old field name * @param {string} newPath The new field name * @return {this} */ rename(oldPath, newPath) { return this.addOperation(oldPath, '$rename', newPath); } /** * Returns a JSON representation of this partial update * * @return {json} */ toJSON() { return this.operations.reduce((json, operation) => { const obj = {}; obj[operation.path] = operation.value; json[operation.name] = Object.assign({}, json[operation.name], obj); return json; }, {}); } /** * Executes the partial update * * @return {Promise&lt;T>} The promise resolves when the partial update has been executed successfully * @abstract */ execute() { throw new Error('Cannot call "execute" on abstract PartialUpdateBuilder'); } /** * Adds an update operation on the partial update * * @param {string} path The path which gets modified by the operation * @param {string} operator The operator of the operation to add * @param {*} [value] The value used to execute the operation * @return {this} * @private */ addOperation(path, operator, value) { if (typeof path !== 'string') { throw new Error('Path must be a string'); } if (ALLOWED_OPERATIONS.indexOf(operator) === -1) { throw new Error('Operation invalid: ' + operator); } if (this.hasOperationOnPath(path)) { throw new Error(`You cannot update ${path} multiple times`); } // Check for illegal values if (typeof value === 'number') { if (Number.isNaN(value)) { throw new Error('NaN is not a supported value'); } if (!Number.isFinite(value)) { throw new Error('Infinity is not a supported value'); } } // Add the new operation const normalizedValue = typeof value === 'undefined' ? null : value; const updateOperation = new UpdateOperation(operator, path, normalizedValue); this.operations.push(updateOperation); return this; } /** * Adds initial operations * * @param {json} json * @private */ addOperations(json) { Object.keys(json).forEach((key) => { const pathValueDictionary = json[key]; Object.keys(pathValueDictionary).forEach((path) => { const value = pathValueDictionary[path]; this.operations.push(new UpdateOperation(key, path, value)); }); }); } /** * Checks whether an operation on the field exists already * * @param {string} path The path where the operation is executed on * @return {boolean} True, if the operation does exist * @private */ hasOperationOnPath(path) { return this.operations.some(op => op.path === path); } } // aliases Object.assign(PartialUpdateBuilder.prototype, /** @lends partialupdate.PartialUpdateBuilder&lt;T>.prototype */ { /** * Increments a field by a given value * * @method * @param {string} field The field to increment * @param {number=} by The number to increment by, defaults to 1 * @return {this} */ increment: PartialUpdateBuilder.prototype.inc, /** * Decrements a field by a given value * * @method * @param {string} field The field to decrement * @param {number=} by The number to decrement by, defaults to 1 * @return {this} */ decrement: PartialUpdateBuilder.prototype.dec, /** * Multiplies a field by a given number * * @method * @param {string} field The field to multiply * @param {number} multiplicator The number to multiply by * @return {this} */ multiply: PartialUpdateBuilder.prototype.mul, /** * Divides a field by a given number * * @method * @param {string} field The field to divide * @param {number} divisor The number to divide by * @return {this} */ divide: PartialUpdateBuilder.prototype.div, /** * Sets the highest possible value of a field * * @method * @param {string} field The field to compare with * @param {number} value The highest possible value * @return {this} */ atMost: PartialUpdateBuilder.prototype.min, /** * Sets the smallest possible value of a field * * @method * @param {string} field The field to compare with * @param {number} value The smalles possible value * @return {this} */ atLeast: PartialUpdateBuilder.prototype.max, /** * Sets a datetime field to the current moment * * @method * @param {string} field The field to perform the operation on * @return {this} */ toNow: PartialUpdateBuilder.prototype.currentDate, }); deprecated(PartialUpdateBuilder.prototype, '_operations', 'operations'); deprecated(PartialUpdateBuilder.prototype, '_addOperation', 'addOperation'); deprecated(PartialUpdateBuilder.prototype, '_hasOperationOnPath', 'hasOperationOnPath'); module.exports = PartialUpdateBuilder; </code></pre> </article> </section> <!-- <footer> <strong>Baqend JavaScript SDK 2.14.1</strong><br> &copy 2019 Baqend GmbH<br> Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Sun, 06 Jan 2019 05:00:21 GMT </footer> --> </div> </div> </div> </div> </div> <div id="footer" style="position:relative; z-index:1;"> <div class="container"> <div class="row"> <div class="col-xs-6 col-sm-3 sitemap"> <h4>Product</h4> <a href="https://www.baqend.com/platform.html">Platform</a> <a href="https://www.baqend.com/speedkit.html">Speed Kit</a> <a href="https://www.baqend.com/features.html">Features</a> <a href="https://www.baqend.com/pricing.html">Platform Pricing</a> <a href="https://www.baqend.com/pricing_speedkit.html">Speed Kit Pricing</a> <a href="https://www.baqend.com/agencies.html">Agencies</a> <a href="https://www.baqend.com/enterprise.html">Enterprise</a> <a href="https://www.baqend.com/features.html#download">Community Edition</a> <a href="https://www.baqend.com/support.html">Support</a> </div> <div class="col-xs-6 col-sm-3 sitemap"> <h4>Company</h4> <a href="https://www.baqend.com/about.html">About us</a> <a href="https://medium.baqend.com">Baqend Blog</a> <a href="https://www.baqend.com/hiring.html">Jobs</a> <a href="https://www.baqend.com/press.html">Press</a> <a href="https://thesis.app.baqend.com/">Bachelor/Master theses</a> <a href="https://www.weblabs.hamburg/">WebLabs.Hamburg</a> </div> <div class="col-xs-6 col-sm-3 sitemap"> <h4>Developer</h4> <a href="https://dashboard.baqend.com/login">Login</a> <a href="https://dashboard.baqend.com/register">Sign Up</a> <a href="https://www.baqend.com/guide">Developer Docs</a> <a href="https://www.baqend.com/guide/roadmap/">Roadmap</a> <a href="https://www.baqend.com/guide/starter-kits">Starter Kits</a> <a href="https://www.baqend.com/js-sdk/latest/baqend.html">JS SDK</a> <a href="https://stackoverflow.com/questions/tagged/baqend/">Stackoverflow</a> </div> <div class="col-xs-6 col-sm-3 contact"> <h4>Contact</h4> <p class="contact-information"> <span> Baqend GmbH<br /> Stresemannstr. 23<br /> 22769 Hamburg<br /> Germany </span> </p> <p class="contact-information"> Email: <a style="display: inline-block" href="mailto:support@baqend.com">support@baqend.com</a> </p> <p class="contact-information"> Tel: <a style="display: inline-block" href="tel:+494060940539">+49 40 60940539</a> </p> </div> </div> <div class="row"> <div class="col-md-12 text-center social"> <a href="https://twitter.com/baqendcom"><i class="fa fa-twitter fa-fw"></i></a> <a href="https://github.com/Baqend"><i class="fa fa-github fa-fw"></i></a> <a href="https://medium.baqend.com/"><i class="fa fa-medium fa-fw"></i></a> <a href="https://www.facebook.com/baqend"><i class="fa fa-facebook fa-fw"></i></a> <a href="https://www.youtube.com/channel/UCsImg6Ts8UEp6-7LE9CP2-Q"><i class="fa fa-youtube fa-fw"></i></a> </div> </div> </div> <footer> <div class="container"> <div class="legal text-center"> <div> <strong>Baqend JavaScript SDK 2.14.1</strong><br> &copy 2019 Baqend GmbH<br> Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Sun, 06 Jan 2019 05:00:21 GMT </div> <a href="mailto:info@baqend.com">Contact</a> - <a href="https://dashboard.baqend.com/privacy">Privacy Policy</a> - <a href="https://dashboard.baqend.com/terms">Terms of Service</a> - <a href="https://dashboard.baqend.com/imprint">Imprint</a> </div> </div> </footer> </div> <script> prettyPrint(); </script> <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> <script src="scripts/bootstrap.min.js"> </script> <script src="scripts/linenumber.js"> </script> <script src="scripts/filter.js"> </script> <script data-main="scripts/search.js" src="scripts/require.js"></script> </body> </html>