2011-04-11 22:57:02 +00:00
|
|
|
# The system generated date in YYYYMMDD format
|
|
|
|
|
DATE = $(shell date "+%Y%m%d")
|
2010-10-14 21:37:47 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# The version according to the source file. If this is the nightly build, use a different version
|
2010-10-14 21:37:47 +00:00
|
|
|
VER = $(shell cat version.txt)
|
2011-04-11 22:57:02 +00:00
|
|
|
|
|
|
|
|
# The command to replace the @VERSION in the files with the actual version
|
2011-09-21 20:50:35 +00:00
|
|
|
SED_VER = sed "s/@VERSION/$(shell git log -1 --format=format:" Git || Date: %cd Info SHA1: %H")/"
|
2011-05-13 23:01:31 +00:00
|
|
|
deploy: SED_VER = sed "s/@VERSION/${VER}/"
|
2010-10-14 21:37:47 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# The version of jQuery core used
|
2011-04-13 18:01:25 +00:00
|
|
|
JQUERY = $(shell grep Library js/jquery.js | sed s'/ \* jQuery JavaScript Library v//')
|
2011-04-12 01:18:19 +00:00
|
|
|
|
|
|
|
|
# The directory to create the zipped files in and also serves as the filenames
|
2010-10-15 15:04:15 +00:00
|
|
|
DIR = jquery.mobile-${VER}
|
2011-06-02 16:49:21 +00:00
|
|
|
nightly: DIR = jquery.mobile
|
2011-04-12 01:18:19 +00:00
|
|
|
|
|
|
|
|
# The output folder for the finished files
|
|
|
|
|
OUTPUT = compiled
|
|
|
|
|
|
2011-04-13 22:32:57 +00:00
|
|
|
# Command to remove the latest directory from the CDN before uploading, only if using latest target
|
2011-04-14 19:08:24 +00:00
|
|
|
RMLATEST = echo ""
|
2011-04-13 22:32:57 +00:00
|
|
|
|
2011-04-12 19:00:05 +00:00
|
|
|
# The output folder for the nightly files.
|
2011-04-13 17:47:21 +00:00
|
|
|
NIGHTLY_OUTPUT = nightlies/${DATE}
|
2011-04-13 19:54:54 +00:00
|
|
|
ifeq (${NIGHTLY_OUTPUT}, latest)
|
|
|
|
|
RMLATEST = ssh jqadmin@code.origin.jquery.com 'rm -rf /var/www/html/code.jquery.com/mobile/latest'
|
|
|
|
|
endif
|
2011-04-13 17:47:21 +00:00
|
|
|
NIGHTLY_WEBPATH = http://code.jquery.com/mobile/${NIGHTLY_OUTPUT}
|
2011-04-12 19:00:05 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# The filenames
|
|
|
|
|
JS = ${DIR}.js
|
2010-10-15 15:04:15 +00:00
|
|
|
MIN = ${DIR}.min.js
|
|
|
|
|
CSS = ${DIR}.css
|
|
|
|
|
CSSMIN = ${DIR}.min.css
|
2011-10-13 22:28:06 +00:00
|
|
|
CSSSTRUCTURE = ${DIR}.structure.css
|
|
|
|
|
CSSSTRUCTUREMIN = ${DIR}.structure.min.css
|
2010-10-14 21:37:47 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# The files to include when compiling the JS files
|
|
|
|
|
JSFILES = js/jquery.ui.widget.js \
|
2011-04-11 22:57:02 +00:00
|
|
|
js/jquery.mobile.widget.js \
|
|
|
|
|
js/jquery.mobile.media.js \
|
|
|
|
|
js/jquery.mobile.support.js \
|
|
|
|
|
js/jquery.mobile.vmouse.js \
|
|
|
|
|
js/jquery.mobile.event.js \
|
|
|
|
|
js/jquery.mobile.hashchange.js \
|
|
|
|
|
js/jquery.mobile.page.js \
|
|
|
|
|
js/jquery.mobile.core.js \
|
|
|
|
|
js/jquery.mobile.navigation.js \
|
2011-07-28 23:15:48 +00:00
|
|
|
js/jquery.mobile.navigation.pushstate.js \
|
Changes to allow 3rd party transitions. Developers can now register a custom transition by adding their transition handler to the $.mobile.transitionHandlers dictionary. The name of the custom transition is used as the key within the transtionsHandlers dictionary, and should be the same name used within the @data-transtion attribute.
The expected prototype for a transitionHandler is as follows:
function handler(name, reverse, $to, $from)
The name parameter is the name of the transition as specified by @data-transition attribute, reverse is a boolean that is false for a normal transition, and true for a reverse transition. The $to param is a jQuery collection containing the page that is being transitioned "to", and $from is an optional collection that tells us what page we are transitioning "from". Because $from is optional, handler developers should take care and check $from to make sure it is not undefined before attempting to dereference it.
In addition to registering custom transition by name, developers can specify a handler to use in the case where a transition name is specified and does not exist within the $.mobile.transitionHanlders dictionary. Within jQuery Mobile, the default handler for unknown transition types is the $.mobile.css3Transition() handler. This handler always assumes that the transition name is to be used as a CSS class to be placed on the $to and $from elements. To change the default handler, simply set $.mobile.defaultTransitionHandler to you function handler:
$.mobile.defaultTransitionHandler = myTransitionHandler;
The changes to make all this necessary are as follows:
- Created $.mobile.noneTransitionHandler which is the default transitionHandler for the framework that simply adds and removes the page active class on the $from and $to pages with no animations.
- Moved class based transition code into a new plugin jquery.mobile.transition.js file. This plugin, when present, overrides the noneTransitionHandler as the defaultTranstionHandler for the framework so that CSS3 animation transitions are available.
- Removed code related to the setting/removal of the ui-mobile-viewport-perspective class. The css3TransitionHandler plugin takes care of automatically placing a "viewport-<transition name>" class on the viewport (body) element. This allows any other transition to specify properties on the viewport that are necessary to accomplish the transition.
- changed the CSS class ui-mobile-viewport-perspective to viewport-flip to match code changes. This makes it more apparent that setting -webkit-perspective is only used with the flip transition.
- Updated js/index.php, Makefile and build.xml to include the new jquery.mobile.transition.js file.
2011-04-26 21:06:10 +00:00
|
|
|
js/jquery.mobile.transition.js \
|
2011-07-26 17:49:10 +00:00
|
|
|
js/jquery.mobile.degradeInputs.js \
|
This commit decouples all widgets from the page plugin so that they can be used ad-hoc.
- Internally, each plugin self-initializes by binding to the pagecreate event.
- Unit tests have been added and adjusted to support some internal changes involved in this commit.
- In the process, the portions of the page plugin that were used to enhance the header,content,and footer sections of a native-app style page layout are now located in jquery.mobile.page.sections.js.
- No public API options have changed, except that the page plugin no longer has options for keepNative, and degradeInputs, as plugins now handle these internally (keepNative was never documented, and degradeInputs only affected slider, so it lives there now. Page options related to the page sections are now located in the page.sections script, but they are still configurable via the page plugin's options api.
- Make, Ant, and index files are updated with a new load order for all JS files.
2011-07-19 23:05:35 +00:00
|
|
|
js/jquery.mobile.dialog.js \
|
|
|
|
|
js/jquery.mobile.page.sections.js \
|
|
|
|
|
js/jquery.mobile.collapsible.js \
|
|
|
|
|
js/jquery.mobile.fieldContain.js \
|
|
|
|
|
js/jquery.mobile.grid.js \
|
|
|
|
|
js/jquery.mobile.navbar.js \
|
|
|
|
|
js/jquery.mobile.listview.js \
|
|
|
|
|
js/jquery.mobile.listview.filter.js \
|
|
|
|
|
js/jquery.mobile.nojs.js \
|
2011-04-11 22:57:02 +00:00
|
|
|
js/jquery.mobile.forms.checkboxradio.js \
|
This commit decouples all widgets from the page plugin so that they can be used ad-hoc.
- Internally, each plugin self-initializes by binding to the pagecreate event.
- Unit tests have been added and adjusted to support some internal changes involved in this commit.
- In the process, the portions of the page plugin that were used to enhance the header,content,and footer sections of a native-app style page layout are now located in jquery.mobile.page.sections.js.
- No public API options have changed, except that the page plugin no longer has options for keepNative, and degradeInputs, as plugins now handle these internally (keepNative was never documented, and degradeInputs only affected slider, so it lives there now. Page options related to the page sections are now located in the page.sections script, but they are still configurable via the page plugin's options api.
- Make, Ant, and index files are updated with a new load order for all JS files.
2011-07-19 23:05:35 +00:00
|
|
|
js/jquery.mobile.forms.button.js \
|
|
|
|
|
js/jquery.mobile.forms.slider.js \
|
2011-04-11 22:57:02 +00:00
|
|
|
js/jquery.mobile.forms.textinput.js \
|
2011-08-12 17:39:36 +00:00
|
|
|
js/jquery.mobile.forms.select.custom.js \
|
2011-04-11 22:57:02 +00:00
|
|
|
js/jquery.mobile.forms.select.js \
|
|
|
|
|
js/jquery.mobile.buttonMarkup.js \
|
|
|
|
|
js/jquery.mobile.controlGroup.js \
|
This commit decouples all widgets from the page plugin so that they can be used ad-hoc.
- Internally, each plugin self-initializes by binding to the pagecreate event.
- Unit tests have been added and adjusted to support some internal changes involved in this commit.
- In the process, the portions of the page plugin that were used to enhance the header,content,and footer sections of a native-app style page layout are now located in jquery.mobile.page.sections.js.
- No public API options have changed, except that the page plugin no longer has options for keepNative, and degradeInputs, as plugins now handle these internally (keepNative was never documented, and degradeInputs only affected slider, so it lives there now. Page options related to the page sections are now located in the page.sections script, but they are still configurable via the page plugin's options api.
- Make, Ant, and index files are updated with a new load order for all JS files.
2011-07-19 23:05:35 +00:00
|
|
|
js/jquery.mobile.links.js \
|
|
|
|
|
js/jquery.mobile.fixHeaderFooter.js \
|
2011-09-07 22:08:12 +00:00
|
|
|
js/jquery.mobile.fixHeaderFooter.native.js \
|
2011-04-11 22:57:02 +00:00
|
|
|
js/jquery.mobile.init.js
|
|
|
|
|
|
2011-10-13 22:28:06 +00:00
|
|
|
CSSTHEMEFILES = themes/default/jquery.mobile.theme.css
|
|
|
|
|
CSSSTRUCTUREFILES = themes/default/jquery.mobile.core.css \
|
2011-04-11 22:57:02 +00:00
|
|
|
themes/default/jquery.mobile.transitions.css \
|
|
|
|
|
themes/default/jquery.mobile.grids.css \
|
|
|
|
|
themes/default/jquery.mobile.headerfooter.css \
|
|
|
|
|
themes/default/jquery.mobile.navbar.css \
|
|
|
|
|
themes/default/jquery.mobile.button.css \
|
|
|
|
|
themes/default/jquery.mobile.collapsible.css \
|
|
|
|
|
themes/default/jquery.mobile.controlgroup.css \
|
|
|
|
|
themes/default/jquery.mobile.dialog.css \
|
|
|
|
|
themes/default/jquery.mobile.forms.checkboxradio.css \
|
|
|
|
|
themes/default/jquery.mobile.forms.fieldcontain.css \
|
|
|
|
|
themes/default/jquery.mobile.forms.select.css \
|
|
|
|
|
themes/default/jquery.mobile.forms.textinput.css \
|
|
|
|
|
themes/default/jquery.mobile.listview.css \
|
|
|
|
|
themes/default/jquery.mobile.forms.slider.css
|
|
|
|
|
|
2011-10-13 22:28:06 +00:00
|
|
|
|
|
|
|
|
# The files to include when compiling the CSS files
|
|
|
|
|
CSSFILES = ${CSSTHEMEFILES} ${CSSSTRUCTUREFILES}
|
|
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# By default, this is what get runs when make is called without any arguments.
|
|
|
|
|
# Min and un-min CSS and JS files are the only things built
|
|
|
|
|
all: init js min css cssmin notify
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Build the normal CSS file.
|
2011-04-11 22:57:02 +00:00
|
|
|
css: init
|
2011-05-19 01:02:10 +00:00
|
|
|
# Build the CSS file
|
2011-04-11 22:57:02 +00:00
|
|
|
@@head -8 js/jquery.mobile.core.js | ${SED_VER} > ${OUTPUT}/${CSS}
|
|
|
|
|
@@cat ${CSSFILES} >> ${OUTPUT}/${CSS}
|
2011-10-13 22:28:06 +00:00
|
|
|
@@cat ${CSSSTRUCTUREFILES} >> ${OUTPUT}/${CSSSTRUCTURE}
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Build the minified CSS file
|
2011-04-11 22:57:02 +00:00
|
|
|
cssmin: init css
|
2011-05-19 01:02:10 +00:00
|
|
|
# Build the minified CSS file
|
2011-04-11 22:57:02 +00:00
|
|
|
@@java -jar build/yuicompressor-2.4.4.jar --type css ${OUTPUT}/${CSS} >> ${OUTPUT}/${CSSMIN}
|
2011-10-13 22:28:06 +00:00
|
|
|
@@java -jar build/yuicompressor-2.4.4.jar --type css ${OUTPUT}/${CSSSTRUCTURE} >> ${OUTPUT}/${CSSSTRUCTUREMIN}
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Build the normal JS file
|
|
|
|
|
js: init
|
2011-05-19 01:02:10 +00:00
|
|
|
# Build the JavaScript file
|
2011-04-12 01:18:19 +00:00
|
|
|
@@head -8 js/jquery.mobile.core.js | ${SED_VER} > ${OUTPUT}/${JS}
|
|
|
|
|
@@cat ${JSFILES} >> ${OUTPUT}/${JS}
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2011-05-19 01:02:10 +00:00
|
|
|
# Create the output directory. This is in a separate step so its not dependant on other targets
|
|
|
|
|
init:
|
|
|
|
|
# Building jQuery Mobile in the "${OUTPUT}" folder
|
|
|
|
|
@@rm -rf ${OUTPUT}
|
|
|
|
|
@@mkdir ${OUTPUT}
|
|
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Build the minified JS file
|
|
|
|
|
min: init js
|
2011-05-26 23:49:05 +00:00
|
|
|
# Build the minified JavaScript file
|
2011-04-11 22:57:02 +00:00
|
|
|
@@head -8 js/jquery.mobile.core.js | ${SED_VER} > ${OUTPUT}/${MIN}
|
2011-04-14 21:14:37 +00:00
|
|
|
@@java -jar build/google-compiler-20110405.jar --js ${OUTPUT}/${JS} --warning_level QUIET --js_output_file ${MIN}.tmp
|
2011-04-11 22:57:02 +00:00
|
|
|
@@cat ${MIN}.tmp >> ${OUTPUT}/${MIN}
|
|
|
|
|
@@rm -f ${MIN}.tmp
|
|
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Let the user know the files were built and where they are
|
|
|
|
|
notify:
|
|
|
|
|
@@echo "The files have been built and are in " $$(pwd)/${OUTPUT}
|
|
|
|
|
|
|
|
|
|
# Pull the latest commits. This is used for the nightly build but can be used to save some keystrokes
|
2011-08-12 17:39:36 +00:00
|
|
|
pull:
|
2011-04-12 18:28:40 +00:00
|
|
|
@@git pull --quiet
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2011-04-12 01:18:19 +00:00
|
|
|
# Zip the 4 files and the theme images into one convenient package
|
|
|
|
|
zip: init js min css cssmin
|
2010-10-15 19:33:57 +00:00
|
|
|
@@mkdir -p ${DIR}
|
2011-04-11 22:57:02 +00:00
|
|
|
@@cp ${OUTPUT}/${DIR}*.js ${DIR}/
|
|
|
|
|
@@cp ${OUTPUT}/${DIR}*.css ${DIR}/
|
2010-10-15 19:33:57 +00:00
|
|
|
@@cp -R themes/default/images ${DIR}/
|
2011-04-12 01:18:19 +00:00
|
|
|
@@zip -rq ${OUTPUT}/${DIR}.zip ${DIR}
|
2011-04-07 19:39:38 +00:00
|
|
|
@@rm -fr ${DIR}
|
2010-10-15 19:33:57 +00:00
|
|
|
|
2011-04-11 22:57:02 +00:00
|
|
|
|
|
|
|
|
# Used by the jQuery team to make the nightly builds
|
|
|
|
|
nightly: pull zip
|
|
|
|
|
# Create the folder to hold the files for the demos
|
|
|
|
|
@@mkdir -p ${VER}
|
|
|
|
|
|
|
|
|
|
# Copy in the base stuff for the demos
|
2011-10-07 16:36:12 +00:00
|
|
|
@@cp -r index.html themes experiments docs tools ${VER}/
|
2011-04-11 22:57:02 +00:00
|
|
|
|
|
|
|
|
# First change all the paths from super deep to the same level for JS files
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|src="../../../js|src="js|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|src="../../js|src="js|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|src="../js|src="js|g' {} \;
|
|
|
|
|
|
|
|
|
|
# Then change all the paths from super deep to the same level for CSS files
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|media="only all"||g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|rel="stylesheet" href="../../../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|rel="stylesheet" href="../../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|rel="stylesheet" href="../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
|
|
|
|
|
# Change the empty paths to the location of this nightly file
|
2011-04-12 19:00:05 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|href="themes/default/"|href="${NIGHTLY_WEBPATH}/${DIR}.min.css"|g' {} \;
|
2011-04-12 01:18:19 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|src="js/jquery.js"|src="http://code.jquery.com/jquery-${JQUERY}.min.js"|' {} \;
|
2011-08-12 17:39:36 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i 's|src="js/"|src="${NIGHTLY_WEBPATH}/${DIR}.min.js"|g' {} \;
|
2011-04-11 22:57:02 +00:00
|
|
|
|
|
|
|
|
# Move the demos into the output folder
|
|
|
|
|
@@mv ${VER} ${OUTPUT}/demos
|
|
|
|
|
|
2011-04-12 19:00:05 +00:00
|
|
|
# Copy the images as well
|
|
|
|
|
@@cp -R themes/default/images ${OUTPUT}
|
|
|
|
|
|
2011-04-13 19:54:54 +00:00
|
|
|
@@${RMLATEST}
|
2011-04-13 17:47:21 +00:00
|
|
|
@@scp -r ${OUTPUT} jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/${NIGHTLY_OUTPUT}
|
|
|
|
|
@@rm -rf ${OUTPUT}
|
2011-04-11 22:57:02 +00:00
|
|
|
|
2010-10-15 19:33:57 +00:00
|
|
|
# Used by the jQuery team to deploy a build to the CDN
|
|
|
|
|
deploy: zip
|
2010-10-15 20:49:40 +00:00
|
|
|
# Deploy to CDN
|
2011-05-19 01:02:10 +00:00
|
|
|
@@mv ${OUTPUT} ${VER}
|
2010-10-15 20:51:07 +00:00
|
|
|
@@scp -r ${VER} jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/
|
2011-05-19 01:02:10 +00:00
|
|
|
@@mv ${VER} ${OUTPUT}
|
2010-10-15 20:49:40 +00:00
|
|
|
|
2011-05-19 01:02:10 +00:00
|
|
|
# Deploy Demos to the jQueryMobile.com site
|
2010-10-15 20:49:40 +00:00
|
|
|
@@mkdir -p ${VER}
|
2011-10-07 16:36:12 +00:00
|
|
|
@@cp -r index.html themes experiments docs tools ${VER}/
|
2010-10-15 22:00:49 +00:00
|
|
|
|
2011-02-04 14:38:21 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="../../../js|src="js|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="../../js|src="js|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="../js|src="js|g' {} \;
|
2010-10-15 22:00:49 +00:00
|
|
|
|
2011-02-03 23:57:53 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|media="only all"||g' {} \;
|
2010-10-15 22:00:49 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|rel="stylesheet" href="../../../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|rel="stylesheet" href="../../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|rel="stylesheet" href="../|rel="stylesheet" href="|g' {} \;
|
|
|
|
|
|
2011-01-06 00:19:24 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|href="themes/default/"|href="http://code.jquery.com/mobile/${VER}/${DIR}.min.css"|g' {} \;
|
2011-04-12 01:18:19 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="js/jquery.js"|src="http://code.jquery.com/jquery-${JQUERY}.min.js"|' {} \;
|
2011-02-03 23:57:53 +00:00
|
|
|
@@find ${VER} -type f -name '*.html' -exec sed -i "" -e 's|src="js/"|src="http://code.jquery.com/mobile/${VER}/${DIR}.min.js"|g' {} \;
|
2010-10-15 22:00:49 +00:00
|
|
|
|
2010-10-15 20:49:40 +00:00
|
|
|
@@scp -r ${VER} jqadmin@jquerymobile.com:/srv/jquerymobile.com/htdocs/demos/
|
2011-05-13 23:01:31 +00:00
|
|
|
|
2011-05-19 01:02:10 +00:00
|
|
|
# Clean up the local files
|
|
|
|
|
@@rm -rf ${VER}
|
|
|
|
|
@@echo "All Done"
|