From 3fd18b27f443d955fb1e7cdb4999863e5ad0f29e Mon Sep 17 00:00:00 2001
From: Arthur Almeida <arthur.almeidapereira@gmail.com>
Date: Wed, 18 Apr 2018 15:49:58 -0300
Subject: [PATCH] first commit

---
 src/code_manager/model/CssGenerator.js | 10 +++++++---
 src/commands/view/ExportTemplate.js    |  2 +-
 src/editor/model/Editor.js             |  5 +++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/code_manager/model/CssGenerator.js b/src/code_manager/model/CssGenerator.js
index 3b857cad0..e028de2a4 100644
--- a/src/code_manager/model/CssGenerator.js
+++ b/src/code_manager/model/CssGenerator.js
@@ -59,7 +59,7 @@ module.exports = require('backbone').Model.extend({
           return;
         }
 
-        code += this.buildFromRule(rule, dump);
+        code += this.buildFromRule(rule, dump, opts);
       });
 
       // Get at-rules
@@ -84,7 +84,7 @@ module.exports = require('backbone').Model.extend({
    * @param {Model} rule
    * @return {string} CSS string
    */
-  buildFromRule(rule, dump) {
+  buildFromRule(rule, dump, opts = {}) {
     let result = '';
     const selectorStrNoAdd = rule.selectorsToString({ skipAdd: 1 });
     const selectorsAdd = rule.get('selectorsAdd');
@@ -94,7 +94,11 @@ module.exports = require('backbone').Model.extend({
     // This will not render a rule if there is no its component
     rule.get('selectors').each(selector => {
       const name = selector.getFullName();
-      if (this.compCls.indexOf(name) >= 0 || this.ids.indexOf(name) >= 0) {
+      if (
+        this.compCls.indexOf(name) >= 0 ||
+        this.ids.indexOf(name) >= 0 ||
+        opts.dumpUnusedSelectors
+      ) {
         found = 1;
       }
     });
diff --git a/src/commands/view/ExportTemplate.js b/src/commands/view/ExportTemplate.js
index a5fda7243..90847bf31 100644
--- a/src/commands/view/ExportTemplate.js
+++ b/src/commands/view/ExportTemplate.js
@@ -22,7 +22,7 @@ module.exports = {
     modal.setContent(this.$editors);
     modal.open();
     this.htmlEditor.setContent(editor.getHtml());
-    this.cssEditor.setContent(editor.getCss());
+    this.cssEditor.setContent(editor.getCss({ dumpUnusedSelectors: 1 }));
   },
 
   stop(editor) {
diff --git a/src/editor/model/Editor.js b/src/editor/model/Editor.js
index 9cdfa75d8..07ed2b698 100644
--- a/src/editor/model/Editor.js
+++ b/src/editor/model/Editor.js
@@ -305,15 +305,16 @@ module.exports = Backbone.Model.extend({
     const config = this.config;
     const wrappesIsBody = config.wrappesIsBody;
     const avoidProt = opts.avoidProtected;
+    const dumpUnusedSelectors = opts.dumpUnusedSelectors || false;
     const cssc = this.get('CssComposer');
     const wrp = this.get('DomComponents').getComponent();
     const protCss = !avoidProt ? config.protectedCss : '';
-
     return (
       protCss +
       this.get('CodeManager').getCode(wrp, 'css', {
         cssc,
-        wrappesIsBody
+        wrappesIsBody,
+        dumpUnusedSelectors
       })
     );
   },