AFC and NFC Championship Picks & NFL Playoff Predictions

RequireJS Configuration and Module Mapping

This document details a RequireJS configuration, outlining module dependencies, paths, and mappings. RequireJS is a JavaScript module loader that simplifies the association and loading of JavaScript code in web applications. This configuration is crucial for managing complex projects by promoting code reusability, maintainability, and performance.

Configuration Overview

The provided configuration is a JavaScript object defining how RequireJS should resolve module names and load dependencies. It consists of two main sections: paths and map.

Paths Configuration

The paths section maps module names to their corresponding file paths. this allows RequireJS to locate and load modules when they are requested using require(). here’s a breakdown of the defined paths:

• jquery.mobile-1.3.2: Points to "version!fly/utils/jquery-mobile-init", indicating a versioned module.
• libs/backbone.marionette: Depends on jquery, fly/libs/underscore, and fly/libs/backbone, and exports the Marionette object.
• fly/libs/underscore-1.5.1: Exports the _ (Underscore.js) object.
• fly/libs/backbone-1.0.0: Depends on fly/libs/underscore and jquery, and exports the Backbone object.
• libs/jquery/ui/jquery.ui.tabs-1.11.4: Depends on jquery, version!libs/jquery/ui/jquery.ui.core, and version!fly/libs/jquery.widget.
• libs/jquery/flexslider-2.1: Depends on jquery.
• libs/dataTables.fixedColumns-3.0.4: depends on jquery and version!libs/dataTables.
• libs/dataTables.fixedHeader-2.1.2: Depends on jquery and version!libs/dataTables.
• https://sports.cbsimg.net/js/cbsi/app/VideoPlayer/AdobePass-min.js: Depends on https://sports.cbsimg.net/js/CBSi/util/Utils-min.js.

Map Configuration

The map section defines module aliases and substitutions. This is especially useful for managing different versions of libraries or providing alternative implementations. The * key indicates global mappings that apply to all modules.

• adobe-pass: Maps to https://sports.cbsimg.net/js/CBSi/app/VideoPlayer/AdobePass-min.js.
• facebook: Maps to https://connect.facebook.net/en_US/sdk.js.
• facebook-debug: Maps to https://connect.facebook.net/en_US/all/debug.js.
• google: Maps to https://apis.google.com/js/plusone.js.
• google-csa: Maps to https://www.google.com/adsense/search/async-ads.js.
• google-javascript-api: Maps to https://www.google.com/jsapi.
• google-client-api: Maps to https://accounts.google.com/gsi/client.
• gpt: Maps to https://securepubads.g.doubleclick.net/tag/js/gpt.js.
• hlsjs: Maps to https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.0.7/hls.js.
• recaptcha: Maps to https://www.google.com/recaptcha/api.js?onload=loadRecaptcha&render=explicit.
• recaptcha_ajax: Maps to https://www.google.com/recaptcha/api/js/recaptcha_ajax.js.
• supreme-golf: Maps to https://sgapps-staging.supremegolf.com/search/assets/js/bundle.js.
• taboola: Maps to https://cdn.taboola.com/libtrc/cbsinteractive-cbssports/loader.js.
• twitter: Maps to https://platform.twitter.com/widgets.js.
• video-avia: Maps to https://sports.cbsimg.net/fly/js/avia-js/2.48.0/player/avia.min.js.
• video-avia-ui: Maps to https://sports.cbsimg.net/fly/js/avia-js/2.48.0/plugins/ui/avia.ui.min.js.
• video-avia-gam: Maps to https://sports.cbsimg.net/fly/js/avia-js/2.48.0/plugins/gam/avia.gam.min.js.
• video-avia-hls: Maps to https://sports.cbsimg.net/fly/js/avia-js/2.48.0/plugins/hls/avia.hls.min.js.
• video-avia-playlist: Maps to https://sports.cbsimg.net/fly/js/avia-js/2.48.0/plugins/playlist/avia.playlist.min.js.
• video-ima3: Maps to https://imasdk.googleapis.com/js/sdkloader/ima3.js.
• video-ima3-dai: Maps to https://imasdk.googleapis.com/js/sdkloader/ima3_dai.js.
• video-utils: Maps to https://sports.cbsimg.net/js/cbsi/util/Utils-min.js.
• video-vast-tracking: Maps to https://sports.cbsimg.net/fly/js/sb55/vast-js/vtg-vast-client.js.

waitSeconds

The waitSeconds property is set to 300 seconds. This defines the maximum time RequireJS will wait for a module to load before giving up and throwing an error. A higher value can be useful for slow network connections or large modules.

Key Takeaways

• RequireJS simplifies JavaScript module management.
• The paths configuration maps module names to file paths.
• The map configuration defines module aliases and substitutions.
• waitSeconds controls the module loading timeout.