Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Fix grunticon and classic-theme demo #7202

Closed
wants to merge 3 commits into from
Closed

Fix grunticon and classic-theme demo #7202

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
05bdc8e
Build: Refine code that fixes the path for the combined CSS
Mar 3, 2014
19326be
Build: Update references to grunticon paths
Mar 3, 2014
06dc30c
Build: Process HTML files with cheerio
Mar 4, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
112 changes: 89 additions & 23 deletions Gruntfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,10 @@ module.exports = function( grunt ) {
var _ = require( "underscore" ),
cheerio = require( "cheerio" ),

replaceCombinedCssReference = function( content, processedName ) {
return content.replace( /\.\.\/css\//, "css/" )
.replace( /jquery\.mobile\.css/gi, processedName + ".min.css" );
replaceCombinedCssReference = function( href, processedName ) {
return href
.replace( /\.\.\/css/, "css" )
.replace( /jquery\.mobile\.css/, processedName + ".min.css" );
},

// Ensure that modules specified via the --modules option are in the same
Expand Down Expand Up @@ -391,37 +392,96 @@ module.exports = function( grunt ) {
"demos.processed": {
options: {
processContent: function( content, srcPath ) {
var processedName = grunt.config.process( name + "<%= versionSuffix %>" );
content = content.replace( /_assets\/js\/">/gi, "_assets/js/index.js\">" );
content = content.replace( /\.\.\/external\/jquery\//gi, "js/" );
content = content.replace( /\.\.\/js\/\"/gi, "js/\"" );
content = content.replace( /js\/"/gi, "js/" + processedName + ".min.js\"" );
content = replaceCombinedCssReference( content, processedName );
var processedName, $;

content = content.replace( /^\s*<\?php include\(\s*['"]([^'"]+)['"].*$/gmi,
function( match, includePath /*, offset, string */ ) {
var fileToInclude, newSrcPath = srcPath;
var newSrcPath = srcPath;

// If we've already handled the nested includes use the version
// that was copied to the dist folder
// TODO use the config from copy:demos.nested.files
if( includePath.match(/jqm\-contents.php|jqm\-navmenu.php|jqm\-search.php/) ) {
if( includePath.match(/jqm\-(contents|navmenu|search)\.php/) ) {
newSrcPath = "dist/" + newSrcPath;
}

fileToInclude = path.resolve( path.join(path.dirname(newSrcPath), includePath) );

return grunt.file.read( fileToInclude );
return grunt.file.read( path.resolve( path.join(
path.dirname( newSrcPath ), includePath ) ) );
}
);
content = content.replace( /\.php/gi, ".html" );

// Demos that separately refer to the structure need to be processed here
content = content.replace( /css\/structure\/jquery\.mobile\.structure\.css/gi,
path.join( "css", "themes", "default", processedName + ".structure" + ".min.css" ) );
if ( content.substring( 0, 15 ).toLowerCase() === "<!doctype html>" || srcPath.match( /\.php$/ ) ) {
processedName = grunt.config.process( name + "<%= versionSuffix %>" );
$ = cheerio.load( content );
$( "script" ).each( function() {
var text,
element = $( this ),
src = element.attr( "src" );

if ( src ) {
element.attr( "src", src
.replace( /_assets\/js\/?$/, "_assets/js/index.js" )
.replace( /\.\.\/external\/jquery\/jquery.js$/,
"js/jquery.js" )
.replace( /\.\.\/js\/?$/,
"js/" + processedName + ".min.js" )
.replace( /^js\/?$/, "demos/js/" + processedName + ".min.js" ) );
} else {
text = element.text();

// References to stylesheets via grunticon need to be updated
text = text.replace( /(grunticon\( \[([^\]]*))/,
function( match, group ) {
var index,
offset = group.indexOf( "[" ),
prefix = group.substring( 0, offset + 1 );

group = group.substring( offset + 1 ).split( "," );

for ( index in group ) {
group[ index ] = "\"" + group[ index ]
.trim()
.replace( /(^['"])|(['"]$)/g, "" )
.replace( /\.\.\/css\//, "css/" )
.replace( /\.css$/, ".min.css" ) + "\"";
}

return prefix + " " + group.join( "," ) + " ";
});

//element.html( text );
element[ 0 ].children[ 0 ].data = text;
}
});

$( "link[rel='stylesheet'][href]" ).each( function() {
var element = $( this );

element.attr( "href",
replaceCombinedCssReference( element.attr( "href" ),
processedName )

// Demos that separately refer to the structure need to be
// processed here
.replace( /css\/structure\/jquery\.mobile\.structure\.css/gi,
path.join( "css", "themes", "default",
processedName + ".structure" + ".min.css" ) )

// References to the icons CSS file need to be processed here
.replace( /css\/themes\/default\/jquery\.mobile\.icons\.css/,
path.join( "..", "jquery.mobile.icons.min.css" ) ) );

// References to the icons CSS file need to be processed here
content = content.replace( /css\/themes\/default\/jquery\.mobile\.icons\.css/gi,
path.join( "..", "jquery.mobile.icons.min.css" ) );
});

$( "a[href]" ).each( function() {
var element = $( this );

element.attr( "href",
element.attr( "href" ).replace( /\.php$/, ".html" ) );
});

content = $.html();
}
return content;
}
},
Expand All @@ -442,10 +502,16 @@ module.exports = function( grunt ) {

if ( /\.html$/.test( srcPath ) ) {

content = replaceCombinedCssReference( content, processedName );

$ = cheerio.load( content );

$( "link[rel='stylesheet'][href]" ).each( function() {
var element = $( this );

element.attr( "href",
replaceCombinedCssReference( element.attr( "href" ),
processedName ) );
});

$( "script" ).each( function ( idx, element ) {
var script = $( element );
if ( /requirejs\.config\.js$/.test( script.attr( "src" ) ) ) {
Expand Down