@zohodesk/react-cli 0.0.1-test.148.3 → 1.0.0

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.separateSingleDir = separateSingleDir;
 exports.separateRtlAndLtr = separateRtlAndLtr;
+exports.separateSingleDir = separateSingleDir;
 
 var postcss = _interopRequireWildcard(require("postcss"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const oppositeDir = {
   ltr: 'rtl',
@@ -38,11 +38,11 @@ function selectorMinifySameDir(selector, direction) {
   const regex = getRegex(direction);
   return selector.replace(regex, '').trim();
 }
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
+/**
+ * this funtion will remove given rule,
+ *  if given selector and it's previous sibiling rule selector  are same
+ * current rule properties will move to previous sibiling rule.
+ * @param {Rule} rule current rule
  */
 
 
@@ -57,11 +57,11 @@ function mergeIfSameSelector(rule) {
     rule.remove();
   }
 }
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
+/**
+ * this funtion will remove given rule,
+ *  if given selector and it's previous sibiling rule selector  are same
+ * current rule properties will move to previous sibiling rule.
+ * @param {Rule} rule current rule
  */
 
 

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// module.exports = postcss.plugin('postcss-value-replacer', opts => {
+//   const { plugins } = opts;
+//   return (root, result) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
+        ks.forEach(k => {
+          decl.value = decl.value.replace(k, obj.values[k]);
+        }); //decl.value = obj.values[decl.value];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

package/lib/postcss-plugins/__test__/hoverActivePlugin.spec.js

@@ -0,0 +1,22 @@
+"use strict";
+
+const fs = require('fs');
+
+const postcss = require('postcss');
+
+function expectRunPostCss(inputFile, outputfile, cb) {
+  const inputStr = fs.readFileSync(inputFile, 'utf-8');
+  postcss(plugins).process(inputStr, {
+    from,
+    to
+  }).then(result => {
+    expect(result.css).toBe(fs.readFileSync(outputfile, 'utf-8'));
+    cb();
+  });
+}
+
+describe('To Check Hover active postcss Plugin  ', () => {
+  test('should handle normal rule hover', cb => {
+    expectRunPostCss('test1Input.css', 'test1Output.css', cb);
+  });
+});

package/lib/postcss-plugins/__test__/test1Input.css

@@ -0,0 +1,39 @@
+/*Hover_active:ignore*/
+g,a:hover{
+	color : red
+}
+/*Hover:ignore*/
+h:hover{
+background : yellow
+}
+
+/* Hover_active:ignore */
+g,d+e:hover{
+	color : black
+}
+
+g,d e:hover{
+	color : black
+}
+
+@media screen and (max-width:61.25em){
+  /* Hover_active:ignore */
+  a,b,a:hover, b:hover{
+  background-color : blue
+  }
+  a + b,a:hover + b:hover{
+  background-color : blue
+  }
+  a b:hover{
+  background-color : blue
+  }
+  
+  .cc:hover {
+    color: red;
+  }
+
+  c:hover{
+  color : red
+  }
+  
+}

package/lib/postcss-plugins/__test__/test1Output.css

@@ -0,0 +1,39 @@
+/*Hover_active:ignore*/
+g,a:hover{
+	color : red
+}
+/*Hover:ignore*/
+h:hover{
+background : yellow
+}
+
+/* Hover_active:ignore */
+g,d+e:hover{
+	color : black
+}
+
+g,d e:hover{
+	color : black
+}
+
+@media screen and (max-width:61.25em){
+  /* Hover_active:ignore */
+  a,b,a:hover, b:hover{
+  background-color : blue
+  }
+  a + b,a:hover + b:hover{
+  background-color : blue
+  }
+  a b:hover{
+  background-color : blue
+  }
+  
+  .cc:hover {
+    color: red;
+  }
+
+  c:hover{
+  color : red
+  }
+  
+}

package/lib/postcss-plugins/hoverActivePlugin.js

@@ -0,0 +1,389 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * we have give support for ignore(exclude) comments
+ * These are the comments' keyword
+ */
+const hoverIgnoreQuery = 'Hover:ignore',
+      activeIgnoreQuery = 'Active:ignore',
+      hoverActiveIgnoreQuery = 'HoverActive:ignore';
+const medHoverIgnoreQuery = 'MedHover:ignore',
+      medActiveIgnoreQuery = 'MedActive:ignore',
+      medHoverActiveIgnoreQuery = 'MedHoverActive:ignore';
+let hoverMedQuerySuffix = '';
+let hoverNoneMedQuerySuffix = '';
+const ruleIgnoreCommentRegex = /(Hover:ignore|Active:ignore|HoverActive:ignore)/g;
+const mediaQueryIgnoreCommentRegex = /(MedHover:ignore|MedActive:ignore|MedHoverActive:ignore)/g;
+
+function isComment(node) {
+  return node && node.type === 'comment' && node.text !== undefined;
+}
+
+function isHoverPresent(atrule) {
+  let hoverPresent = false;
+  atrule.walkRules(rule => {
+    if (rule.selector.includes('hover')) {
+      hoverPresent = true;
+    }
+  });
+  return hoverPresent;
+}
+
+function checkForUsualClass(root, sel) {
+  let present = false;
+  sel.split(',').forEach(value => {
+    if (value.includes('hover')) {
+      const valueNoHover = value.replace(':hover', '').trim();
+      root.walkRules(rule => {
+        if (rule.selector === valueNoHover) {
+          present = true;
+        }
+      });
+    }
+  });
+  return present;
+}
+
+module.exports = _postcss.default.plugin('postcss-mobile-hover', mediaQueryHoverActiveString => rootOriginal => {
+  const hoverRules = [];
+  const positionsObj = {};
+  hoverMedQuerySuffix = mediaQueryHoverActiveString.hover;
+  hoverNoneMedQuerySuffix = mediaQueryHoverActiveString.none;
+
+  function isRuleHasIgnoreComment(index, type) {
+    const prevNode = rootOriginal.nodes[index - 1];
+
+    if (isComment(prevNode)) {
+      return prevNode.text === type;
+    }
+
+    return false;
+  }
+
+  function isMediaQueryHasIgnoreComment(node, type) {
+    if (isComment(node)) {
+      return node.text === type;
+    }
+
+    return false;
+  }
+
+  function hasIgnoreComment({
+    index,
+    atrule,
+    type
+  }) {
+    if (type.match(mediaQueryIgnoreCommentRegex)) {
+      return isMediaQueryHasIgnoreComment(atrule.nodes[index - 1], type.slice(3));
+    }
+
+    if (type.match(ruleIgnoreCommentRegex)) {
+      return isRuleHasIgnoreComment(index, type);
+    }
+
+    return false;
+  }
+
+  function getPositionsOfHoverAndActiveMedQueries(parent) {
+    const allNodes = rootOriginal.nodes;
+    const hoverMediaQuery = `${parent.params} and ${hoverMedQuerySuffix}`;
+    const hoverNoneMediaQuery = `${parent.params} and ${hoverNoneMedQuerySuffix}`;
+    const positions = {
+      hovMed: allNodes[positionsObj[hoverMediaQuery]],
+      actMed: allNodes[positionsObj[hoverNoneMediaQuery]]
+    };
+    return positions;
+  }
+
+  function handleMedHoverAndHoverActiveIgnore(atrule, index) {
+    return !hasIgnoreComment({
+      atrule,
+      index,
+      type: medHoverIgnoreQuery
+    }) && !hasIgnoreComment({
+      atrule,
+      index,
+      type: medHoverActiveIgnoreQuery
+    });
+  }
+
+  function handleMedActiveAndHoverActiveIgnore(atrule, index) {
+    return !hasIgnoreComment({
+      atrule,
+      index,
+      type: medActiveIgnoreQuery
+    }) && !hasIgnoreComment({
+      atrule,
+      index,
+      type: medHoverActiveIgnoreQuery
+    });
+  }
+
+  function handleHoverAndHoverActiveIgnore(index) {
+    return !hasIgnoreComment({
+      index,
+      type: hoverIgnoreQuery
+    }) && !hasIgnoreComment({
+      index,
+      type: hoverActiveIgnoreQuery
+    });
+  }
+
+  function handleActiveAndHoverActiveIgnore(index) {
+    return !hasIgnoreComment({
+      index,
+      type: activeIgnoreQuery
+    }) && !hasIgnoreComment({
+      index,
+      type: hoverActiveIgnoreQuery
+    });
+  }
+
+  function handleAllIgnoreCases(index) {
+    return !hasIgnoreComment({
+      index,
+      type: activeIgnoreQuery
+    }) && !hasIgnoreComment({
+      index,
+      type: hoverIgnoreQuery
+    }) && !hasIgnoreComment({
+      index,
+      type: hoverActiveIgnoreQuery
+    });
+  }
+
+  function mediaCommaQuery(rule, index) {
+    if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
+      //console.log(hovMed, actMed);
+      let newSelector = '';
+      const {
+        hovMed,
+        actMed
+      } = getPositionsOfHoverAndActiveMedQueries(rule.parent);
+      const hovQueries = [];
+      const actQueries = [];
+      rule.selector.split(/\s*,\s*/).forEach(_subrule => {
+        const subrule = _subrule.trim();
+
+        const clone = rule.clone();
+
+        if (subrule.includes('hover')) {
+          clone.selector = subrule;
+
+          if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
+            hovQueries.push(subrule);
+          }
+
+          if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
+            actQueries.push(subrule);
+          }
+        } else {
+          newSelector += `${subrule}, `;
+        }
+      });
+
+      if (hovQueries.length > 0) {
+        const clone = rule.clone();
+        clone.selector = hovQueries.join(',');
+        hovMed.append(clone);
+      }
+
+      if (actQueries.length > 0) {
+        const clone = rule.clone();
+        clone.selector = actQueries.join(',');
+        actMed.append(clone.clone({
+          selector: clone.selector.replace(/:hover/gi, ':active')
+        }));
+      }
+
+      if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
+        rule.selector = newSelector.substring(0, newSelector.length - 2);
+      }
+
+      if (rule.selector === '') {
+        rule.remove();
+      }
+    }
+  }
+
+  function mediaQuery(rule, index) {
+    if (rule.parent.params !== undefined && !rule.parent.params.includes('hover')) {
+      const {
+        hovMed,
+        actMed
+      } = getPositionsOfHoverAndActiveMedQueries(rule.parent);
+
+      if (rule.selector.includes('hover') && hovMed !== undefined && rule.parent.type === 'atrule') {
+        if (handleMedHoverAndHoverActiveIgnore(rule.parent, index)) {
+          hovMed.append(rule);
+        }
+
+        if (handleMedActiveAndHoverActiveIgnore(rule.parent, index)) {
+          actMed.append(rule.clone({
+            selector: rule.selector.replace(/:hover/gi, ':active')
+          }));
+        }
+      }
+    }
+  }
+
+  function commaQuery(rule, index) {
+    //console.log("comma" , rule.selector.split('\n'));
+    let newSelector = '';
+    const hovQueries = [];
+    rule.selector.split(/\s*,\s*/).forEach(_subrule => {
+      const subrule = _subrule.trim();
+
+      if (subrule.includes('hover')) {
+        // hoverRules.push({ rule: clone, index });
+        hovQueries.push(subrule);
+      } else {
+        newSelector += `${subrule}, `;
+      }
+    });
+
+    if (hovQueries.length > 0) {
+      const clone = rule.clone();
+      clone.selector = hovQueries.join(',');
+      hoverRules.push({
+        rule: clone,
+        index
+      });
+    }
+
+    if (handleHoverAndHoverActiveIgnore(index)) {
+      if (checkForUsualClass(rootOriginal, rule.selector)) {
+        rule.selector = newSelector.substring(0, newSelector.length - 2).trim();
+      }
+    }
+
+    if (rule.selector === '') {
+      rule.remove();
+    }
+  } // Start by identifying all :hover rules
+
+
+  rootOriginal.walkAtRules(atrule => {
+    const hoverQuery = `${atrule.params} and ${hoverMedQuerySuffix}`;
+    const activeQuery = `${atrule.params} and ${hoverNoneMedQuerySuffix}`;
+
+    if (isHoverPresent(atrule)) {
+      if (!positionsObj[hoverQuery] && !positionsObj[activeQuery]) {
+        rootOriginal.append({
+          name: 'media',
+          params: hoverQuery
+        });
+        positionsObj[hoverQuery] = rootOriginal.nodes.length - 1;
+        rootOriginal.append({
+          name: 'media',
+          params: activeQuery
+        });
+        positionsObj[activeQuery] = rootOriginal.nodes.length - 1;
+      }
+    }
+  });
+  rootOriginal.walkRules(/:hover/i, (rule, index) => {
+    // media hover query with ',' ' ' '+'
+    // console.log("media query" , rule.selector)
+    if (rule.parent.type === 'atrule' && rule.selector.includes(',')) {
+      //console.log("media comma", rule.selector)
+      mediaCommaQuery(rule, index);
+    } else {
+      // plus, space and other media queries
+      //console.log("media", rule.selector)
+      mediaQuery(rule, index);
+    } // usual hover query
+
+
+    if (!rule.selector.match(/,+| +|\++/g) && rule.parent !== undefined && rule.parent.name === undefined) {
+      hoverRules.push({
+        rule,
+        index
+      });
+    } //usual hover query with ',' ' ' '+'
+
+
+    if (rule.selector.match(/,+| +|\++/g) && rule.parent.name === undefined) {
+      if (rule.selector.includes(',')) {
+        commaQuery(rule, index);
+      } else if (rule.selector.match(/ +|\++/g)) {
+        //console.log("plus or space" , rule.selector);
+        if (rule.selector.includes('hover')) {
+          hoverRules.push({
+            rule,
+            index
+          }); //rule.remove();
+        }
+      }
+    }
+  }); // If there are any :hover rules in the input, then create media queries
+  // to automatically translate it into :active on touch-based devices
+
+  if (hoverRules.length > 0) {
+    // Create a media query targetting devices that actually support
+    // hover
+    const hoverQuery = rootOriginal.append({
+      name: 'media',
+      params: `${hoverMedQuerySuffix}`
+    }).last; // Create a media query targetting devices that don't support hover
+    // (ie. devices where we should fall back to :active instead)
+
+    const activeQuery = rootOriginal.append({
+      name: 'media',
+      params: `${hoverNoneMedQuerySuffix}`
+    }).last; // Loop through the hover rules and apply them to each of the media
+    // queries
+    // eslint-disable-next-line no-labels
+
+    outerLoop: for (const hoverRule of hoverRules) {
+      // determine if the rule has been nested inside another media
+      // query; in that case bail out as we have no way of reliably
+      // nesting these queries
+      let parentRule = hoverRule.rule.parent;
+
+      while (parentRule) {
+        if (parentRule.type === 'atrule' && parentRule.name === 'media') {
+          // eslint-disable-next-line no-labels
+          continue outerLoop;
+        }
+
+        parentRule = parentRule.parent;
+      } // Push a clone of the :hover rule 'as is' to queries where we
+      // expect the user's device to support hover
+      // ieQuery.append(hoverRule.clone());
+
+
+      if (handleHoverAndHoverActiveIgnore(hoverRule.index)) {
+        hoverQuery.append(hoverRule.rule.clone());
+      } // Push a clone of the :hover rule, where we transform the
+      // selector to :active to the query targetting devices that
+      // don't support hover
+
+
+      if (handleActiveAndHoverActiveIgnore(hoverRule.index)) {
+        activeQuery.append(hoverRule.rule.clone({
+          selector: hoverRule.rule.selector.replace(/:hover/gi, ':active')
+        }));
+      } // remove legacy rule from output
+
+
+      if (handleAllIgnoreCases(hoverRule.index)) {
+        hoverRule.rule.remove();
+      }
+    }
+  } // rootOriginal.walkAtRules(atrule => {
+  //   if (
+  //     (atrule !== undefined &&
+  //       atrule.nodes !== undefined &&
+  //       atrule.nodes.length === 0) ||
+  //     atrule.nodes === undefined
+  //   ) {
+  //     atrule.remove();
+  //   }
+  // });
+
+});

package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorHandler = void 0;
+
+class ErrorHandler {
+  constructor(allowedErrs) {
+    this.errors = [];
+    this.errorTable = [];
+    this.allowedErrs = allowedErrs;
+    Object.assign(this, {
+      DECLARATION_IGNORED: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : Declaration Ignored`),
+      DECIMAL_CHECK: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      DECIMAL_REJECT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      UNIT_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
+      RANGE_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}\r`),
+      VARIABLE_PRESENT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`),
+      MULTIPLE_OCCURANCES: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`)
+    });
+  }
+
+  setAllowedErrs(allErrs) {
+    this.allowedErrs = allErrs;
+    ['DECLARATION_IGNORED', 'DECIMAL_CHECK', 'DECIMAL_REJECT', 'UNIT_ERROR', 'RANGE_ERROR', 'VARIABLE_PRESENT', 'MULTIPLE_OCCURANCES'].forEach(err => {
+      if (!this.allowedErrs[err]) {
+        this[err] = () => null;
+      }
+    });
+  }
+
+  addError(errstr) {
+    this.errors.push(`{\n${errstr}\n}\n`);
+  }
+
+  errorFunction(errObj) {
+    if (errObj.type && this.allowedErrs[errObj.type] && errObj.decl.prop && errObj.decl.value) {
+      console.log(this.allowedErrs[errObj.type]);
+      this[errObj.type](errObj);
+    }
+  }
+
+  printError(errObj) {
+    console.log('{');
+    Object.keys(errObj).sort().forEach(key => {
+      if (key !== 'decl') {
+        console.log(`${key} : ${errObj[key]}`);
+      } else {
+        console.log(`prop : ${errObj.decl.prop}`);
+        console.log(`value : ${errObj.decl.value}`);
+        console.log(`linenum : ${errObj.decl.source.start.line}`);
+      }
+    });
+    console.log('}\n');
+  }
+
+}
+
+exports.ErrorHandler = ErrorHandler;