Versioning

Tyler Benziger edited this page Jul 9, 2012 · 4 revisions
Clone this wiki locally

Adding new jQuery Mobile versions to ThemeRoller

Walkthrough

Automated

$ php add_version.php <jquery mobile version number> <jquery version number>

Manual

  1. Create Directory with the exact name of the version you are trying to add (must correspond to the path on the CDN)
$ cd jqm/
$ mkdir 1.2.1 #path to version on CDN must be http://code.jquery.com/mobile/1.2.1/jquery.mobile.min.js
  1. Copy the necessary JS from the CDN over to jquery.min.js. Add a new key value pair to the dictionary $ALL_JQUERY_VERSIONS in version.php (pattern is "jQm Version" => "jQuery Version"):
<?php
$ALL_JQUERY_VERSIONS = array(
    ...
    "1.2.1" => "1.8.3"
    ...
);
?>
  1. Copy the necessary JS from the CDN over to jqm.min.js

  2. Copy the necessary CSS from the CDN over to jqm.structure.css

  3. Download the necessary image files from the CDN into the directory images

  4. Copy the necessary CSS from the CDN over to jqm.default.theme.css

  5. Copy the contents of jqm.default.theme.css to jqm.start.theme.css. Delete swatches A,B,D, and E from CSS, and run Regex replace scripts to change swatch C to swatch A. Make sure /* Swatches / and / Structure */ are still there when finished.

  6. Copy the contents of the most recent version's preview.html and make modifications accordingly

  7. Copy the contents of the most recent version's panel.js and make modifications accordingly (Use TR.panelDictBase in js/panel.js if necessary)

  8. Create an empty directory called user_themes and add an empty README.md file to ensure git tracks this directory.

That's it! You're done.