fix hooks

hooks/after_prepare/010_add_platform_class.js

@@ -1,94 +1 @@
-#!/usr/bin/env node
-
-// Add Platform Class
-// v1.0
-// Automatically adds the platform class to the body tag
-// after the `prepare` command. By placing the platform CSS classes
-// directly in the HTML built for the platform, it speeds up
-// rendering the correct layout/style for the specific platform
-// instead of waiting for the JS to figure out the correct classes.
-
-var fs = require('fs');
-var path = require('path');
-
-var rootdir = process.argv[2];
-
-function addPlatformBodyTag(indexPath, platform) {
-  // add the platform class to the body tag
-  try {
-    var platformClass = 'platform-' + platform;
-    var cordovaClass = 'platform-cordova platform-webview';
-
-    var html = fs.readFileSync(indexPath, 'utf8');
-
-    var bodyTag = findBodyTag(html);
-    if(!bodyTag) return; // no opening body tag, something's wrong
-
-    if(bodyTag.indexOf(platformClass) > -1) return; // already added
-
-    var newBodyTag = bodyTag;
-
-    var classAttr = findClassAttr(bodyTag);
-    if(classAttr) {
-      // body tag has existing class attribute, add the classname
-      var endingQuote = classAttr.substring(classAttr.length-1);
-      var newClassAttr = classAttr.substring(0, classAttr.length-1);
-      newClassAttr += ' ' + platformClass + ' ' + cordovaClass + endingQuote;
-      newBodyTag = bodyTag.replace(classAttr, newClassAttr);
-
-    } else {
-      // add class attribute to the body tag
-      newBodyTag = bodyTag.replace('>', ' class="' + platformClass + ' ' + cordovaClass + '">');
-    }
-
-    html = html.replace(bodyTag, newBodyTag);
-
-    fs.writeFileSync(indexPath, html, 'utf8');
-
-    process.stdout.write('add to body class: ' + platformClass + '\n');
-  } catch(e) {
-    process.stdout.write(e);
-  }
-}
-
-function findBodyTag(html) {
-  // get the body tag
-  try{
-    return html.match(/<body(?=[\s>])(.*?)>/gi)[0];
-  }catch(e){}
-}
-
-function findClassAttr(bodyTag) {
-  // get the body tag's class attribute
-  try{
-    return bodyTag.match(/ class=["|'](.*?)["|']/gi)[0];
-  }catch(e){}
-}
-
-if (rootdir) {
-
-  // go through each of the platform directories that have been prepared
-  var platforms = (process.env.CORDOVA_PLATFORMS ? process.env.CORDOVA_PLATFORMS.split(',') : []);
-
-  for(var x=0; x<platforms.length; x++) {
-    // open up the index.html file at the www root
-    try {
-      var platform = platforms[x].trim().toLowerCase();
-      var indexPath;
-
-      if(platform == 'android') {
-        indexPath = path.join('platforms', platform, 'assets', 'www', 'index.html');
-      } else {
-        indexPath = path.join('platforms', platform, 'www', 'index.html');
-      }
-
-      if(fs.existsSync(indexPath)) {
-        addPlatformBodyTag(indexPath, platform);
-      }
-
-    } catch(e) {
-      process.stdout.write(e);
-    }
-  }
-
-}
+#!/usr/bin/env node

// Add Platform Class
// v1.0
// Automatically adds the platform class to the body tag
// after the `prepare` command. By placing the platform CSS classes
// directly in the HTML built for the platform, it speeds up
// rendering the correct layout/style for the specific platform
// instead of waiting for the JS to figure out the correct classes.

var fs = require('fs');
var path = require('path');

var rootdir = process.argv[2];

function addPlatformBodyTag(indexPath, platform) {
  // add the platform class to the body tag
  try {
    var platformClass = 'platform-' + platform;
    var cordovaClass = 'platform-cordova platform-webview';

    var html = fs.readFileSync(indexPath, 'utf8');

    var bodyTag = findBodyTag(html);
    if(!bodyTag) return; // no opening body tag, something's wrong

    if(bodyTag.indexOf(platformClass) > -1) return; // already added

    var newBodyTag = bodyTag;

    var classAttr = findClassAttr(bodyTag);
    if(classAttr) {
      // body tag has existing class attribute, add the classname
      var endingQuote = classAttr.substring(classAttr.length-1);
      var newClassAttr = classAttr.substring(0, classAttr.length-1);
      newClassAttr += ' ' + platformClass + ' ' + cordovaClass + endingQuote;
      newBodyTag = bodyTag.replace(classAttr, newClassAttr);

    } else {
      // add class attribute to the body tag
      newBodyTag = bodyTag.replace('>', ' class="' + platformClass + ' ' + cordovaClass + '">');
    }

    html = html.replace(bodyTag, newBodyTag);

    fs.writeFileSync(indexPath, html, 'utf8');

    process.stdout.write('add to body class: ' + platformClass + '\n');
  } catch(e) {
    process.stdout.write(e);
  }
}

function findBodyTag(html) {
  // get the body tag
  try{
    return html.match(/<body(?=[\s>])(.*?)>/gi)[0];
  }catch(e){}
}

function findClassAttr(bodyTag) {
  // get the body tag's class attribute
  try{
    return bodyTag.match(/ class=["|'](.*?)["|']/gi)[0];
  }catch(e){}
}

if (rootdir) {

  // go through each of the platform directories that have been prepared
  var platforms = (process.env.CORDOVA_PLATFORMS ? process.env.CORDOVA_PLATFORMS.split(',') : []);

  for(var x=0; x<platforms.length; x++) {
    // open up the index.html file at the www root
    try {
      var platform = platforms[x].trim().toLowerCase();
      var indexPath;

      if(platform == 'android') {
        indexPath = path.join('platforms', platform, 'assets', 'www', 'index.html');
      } else {
        indexPath = path.join('platforms', platform, 'www', 'index.html');
      }

      if(fs.existsSync(indexPath)) {
        addPlatformBodyTag(indexPath, platform);
      }

    } catch(e) {
      process.stdout.write(e);
    }
  }

}