@phoenix-plugin-registry/swmitra.html-designer/stylemodule/RuleSetUpdater.js

NOW WITH RESPONSIVE DESIGN TOOLS (BETA)! Design and customize web ui with HTML and CSS. Now with taggable Design snippet/bookmark support.

/**
 * @author Swagatam Mitra
  
 */

/*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */
/*global define, document, console, brackets, $, Mustache */

define(function (require, exports, module) {
    "use strict";
    
    var DocumentManager = brackets.getModule("document/DocumentManager");
    
    var CSSNodeFormatter = require('stylemodule/CSSNodeFormatter');
    
    var currentApplication = null;
    
    function _findAndUpdateLinkedSelectors(styleSheet, oldelementID, newElementID){
        var setCount,mediaCount, ruleSets, ruleSet,mediacount,mediaRule;
        var ref;
        ruleSets = styleSheet.rules;
        for (setCount = 0; setCount < ruleSets.length; setCount++) {
            ruleSet = ruleSets[setCount];
            if(ruleSet.cssRules && ruleSet.cssRules.length > 0 && ruleSet.cssText.indexOf(oldelementID)>=0){
                styleSheet.insertRule(ruleSet.cssText.split(oldelementID).join(newElementID), setCount);
                styleSheet.deleteRule(setCount+1);
                _witeStyleSheetFromDOMToDoc(styleSheet);
            } else if (ruleSet.selectorText && ruleSet.selectorText.indexOf(oldelementID)>=0) {
                styleSheet.insertRule(ruleSet.cssText.split(oldelementID).join(newElementID), setCount);
                styleSheet.deleteRule(setCount+1);
                _witeStyleSheetFromDOMToDoc(styleSheet);
            }
        }
    }
    
    function _cascadeUpdateInAllStyleSheets(oldelementID,newElementID){
        var styleSheets = document.getElementById('htmldesignerIframe').contentWindow.document.styleSheets;
        var sheetCount, styleSheet;
        var ref;
        for (sheetCount = 0; sheetCount < styleSheets.length ;sheetCount++) {
            styleSheet = document.getElementById('htmldesignerIframe').contentWindow.document.styleSheets[sheetCount];
                _findAndUpdateLinkedSelectors(styleSheet,oldelementID,newElementID);
        }
    }
    
    function _witeStyleSheetFromDOMToDoc(styleSheet){
        var styleText;
        if(styleSheet.href){
            DocumentManager.getDocumentForPath(styleSheet.href.replace(brackets.platform === 'mac' ? 'file://' : 'file:///' ,'').split('?')[0])
                    .done(function (doc) {
                        styleText = CSSNodeFormatter.formatCSSAsText(styleSheet,false);
                        doc.setText(styleText);
                        $("#html-design-editor").trigger("cssdoc.changed",[currentApplication,doc]);
                    });
        } else {
             styleText = CSSNodeFormatter.formatCSSAsText(styleSheet,true);
             styleSheet.ownerNode.innerText = styleText;
             $("#html-design-editor").trigger('html.element.updated');
        }
    }
    
    $(document).on("id-attribute-update","#html-design-editor", function(event,oldelementID,newElementID){
         _cascadeUpdateInAllStyleSheets(oldelementID,newElementID);
     });
    
    $(document).on("application.context","#html-design-editor", function(event,applicationKey){
         currentApplication = applicationKey;
     });
        
});