196 lines
9.8 KiB
JavaScript
196 lines
9.8 KiB
JavaScript
/**
|
|
* Copyright (c) 2014, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
function __transpileToCSharpCommon(code) {
|
|
return code
|
|
.replace(/'abs-layout'/g, '"abs-layout"')
|
|
.replace(/'abs-measure'/g, '"abs-measure"')
|
|
.replace(/'flex'/g, '"flex"')
|
|
.replace(/'measure'/g, '"measure"')
|
|
.replace(/'stretch'/g, '"stretch"')
|
|
.replace(/undefined/g, 'null')
|
|
.replace(/CSS_UNDEFINED/g, 'CSSConstants.UNDEFINED')
|
|
.replace(/CSS_JUSTIFY_/g, 'CSSJustify.')
|
|
.replace(/CSS_MEASURE_MODE_/g, 'CSSMeasureMode.')
|
|
.replace(/CSS_ALIGN_/g, 'CSSAlign.')
|
|
.replace(/CSS_POSITION_/g, 'CSSPositionType.')
|
|
.replace(/CSS_OVERFLOW_/g, 'CSSOverflow.')
|
|
.replace(/css_flex_direction_t/g, 'CSSFlexDirection')
|
|
.replace(/css_direction_t/g, 'CSSDirection')
|
|
.replace(/css_align_t/g, 'CSSAlign')
|
|
.replace(/css_justify_t/g, 'CSSJustify')
|
|
.replace(/css_measure_mode_t/g, 'CSSMeasureMode')
|
|
.replace(/css_dim_t/g, 'MeasureOutput')
|
|
.replace(/bool/g, 'boolean')
|
|
.replace(/style\[CSS_LEFT/g, 'style.position[POSITION_LEFT')
|
|
.replace(/style\[CSS_TOP/g, 'style.position[POSITION_TOP')
|
|
.replace(/style\[CSS_RIGHT/g, 'style.position[POSITION_RIGHT')
|
|
.replace(/style\[CSS_BOTTOM/g, 'style.position[POSITION_BOTTOM')
|
|
.replace(/style\[dim/g, 'style.dimensions[dim')
|
|
.replace(/(style|layout)\.width/g, '$1.dimensions[DIMENSION_WIDTH]')
|
|
.replace(/(style|layout)\.height/g, '$1.dimensions[DIMENSION_HEIGHT]')
|
|
.replace(/layout\[dim/g, 'layout.dimensions[dim')
|
|
.replace(/layout\[pos/g, 'layout.position[pos')
|
|
.replace(/layout\[leading/g, 'layout.position[leading')
|
|
.replace(/layout\[trailing/g, 'layout.position[trailing')
|
|
.replace(/layout\[measuredDim/g, 'layout.measuredDimensions[dim')
|
|
.replace(/layout\.measuredWidth/g, 'layout.measuredDimensions[DIMENSION_WIDTH]')
|
|
.replace(/layout\.measuredHeight/g, 'layout.measuredDimensions[DIMENSION_HEIGHT]')
|
|
.replace(/getPositionType\((.+?)\)/g, '$1.style.positionType')
|
|
.replace(/getJustifyContent\((.+?)\)/g, '$1.style.justifyContent')
|
|
.replace(/getAlignContent\((.+?)\)/g, '$1.style.alignContent')
|
|
.replace(/isPosDefined\((.+?),\s*(.+?)\)/g, '!isUndefined\($1.style.position[$2]\)')
|
|
.replace(/isStyleDimDefined\((.+?),\s*(.+?)\)/g, '($1.style.dimensions[dim[$2]] >= 0.0)')
|
|
.replace(/isLayoutDimDefined\((.+?),\s*(.+?)\)/g, '($1.layout.measuredDimensions[dim[$2]] >= 0.0)')
|
|
.replace(/getPosition\((.+?),\s*(.+?)\)/g, '\(isUndefined\($1.style.position[$2]\) ? 0 : $1.style.position[$2]\)')
|
|
.replace(/setTrailingPosition\((.+?),\s*(.+?),\s*(.+?)\)/g, '$2.layout.position[trailing[$3]] = $1.layout.measuredDimensions[dim[$3]] - ($2.style.positionType == CSSPositionType.Absolute ? 0 : $2.layout.measuredDimensions[dim[$3]]) - $2.layout.position[pos[$3]]')
|
|
.replace(/isFlex\((.+?)\)/g, '\($1.style.positionType == CSSPositionType.RELATIVE && $1.style.flex != 0\)')
|
|
.replace(/isFlexWrap\((.+?)\)/g, '\($1.style.flexWrap == CSSWrap.WRAP\)')
|
|
.replace(/getPaddingAndBorderAxis\((.+?),\s*(.+?)\)/g, '\(getLeadingPaddingAndBorder($1, $2) + getTrailingPaddingAndBorder($1, $2)\)')
|
|
.replace(/getMarginAxis\((.+?),\s*(.+?)\)/g, '\(getLeadingMargin($1, $2) + getTrailingMargin($1, $2)\)')
|
|
.replace(/getLeadingPaddingAndBorder\((.+?),\s*(.+?)\)/g, '\(getLeadingPadding($1, $2) + getLeadingBorder($1, $2)\)')
|
|
.replace(/getTrailingPaddingAndBorder\((.+?),\s*(.+?)\)/g, '\(getTrailingPadding($1, $2) + getTrailingBorder($1, $2)\)')
|
|
.replace(/getDimWithMargin\((.+?),\s*(.+?)\)/g, '\($1.layout.measuredDimensions[dim[$2]] + getLeadingMargin($1, $2) + getTrailingMargin($1, $2)\)')
|
|
.replace(/getLeadingMargin\((.+?),\s*(.+?)\)/g, '$1.style.margin.getWithFallback(leadingSpacing[$2], leading[$2])')
|
|
.replace(/getTrailingMargin\((.+?),\s*(.+?)\)/g, '$1.style.margin.getWithFallback(trailingSpacing[$2], trailing[$2])')
|
|
.replace(/getLeadingPadding\((.+?),\s*(.+?)\)/g, '$1.style.padding.getWithFallback(leadingSpacing[$2], leading[$2])')
|
|
.replace(/getTrailingPadding\((.+?),\s*(.+?)\)/g, '$1.style.padding.getWithFallback(trailingSpacing[$2], trailing[$2])')
|
|
.replace(/getLeadingBorder\((.+?),\s*(.+?)\)/g, '$1.style.border.getWithFallback(leadingSpacing[$2], leading[$2])')
|
|
.replace(/getTrailingBorder\((.+?),\s*(.+?)\)/g, '$1.style.border.getWithFallback(trailingSpacing[$2], trailing[$2])')
|
|
.replace(/isRowDirection\((.+?)\)/g, '\($1 == CSS_FLEX_DIRECTION_ROW || $1 == CSS_FLEX_DIRECTION_ROW_REVERSE\)')
|
|
.replace(/assert\((.+?),\s*'(.+?)'\)/g, 'Assertions.assertCondition($1, "$2")')
|
|
.replace(/isUndefined\((.+?)\)/g, 'float.IsNaN\($1\)')
|
|
.replace(/getOverflow\((.+?)\)/g, '$1.style.overflow')
|
|
.replace(/layoutNodeInternal\((.+?)\)/g, 'layoutNodeInternal(layoutContext, $1)')
|
|
.replace(/style\.position\[CSS_/g, 'style.position[POSITION_')
|
|
.replace(/\/\*\(c\)!([^*]+)\*\//g, '')
|
|
.replace(/var\/\*\(java\)!([^*]+)\*\//g, '$1')
|
|
.replace(/\/\*\(java\)!([^*]+)\*\//g, '$1')
|
|
|
|
// additional case conversions
|
|
|
|
.replace(/(CSSConstants|CSSWrap|CSSJustify|CSSMeasureMode|CSSAlign|CSSPositionType|CSSOverflow)\.([_A-Z]+)/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.' + constantToPascalCase(match2);
|
|
});
|
|
}
|
|
|
|
function __transpileSingleTestToCSharp(code) {
|
|
return __transpileToCSharpCommon(code)
|
|
.replace(/CSS_DIRECTION_/g, 'CSSDirection.')
|
|
.replace(/CSS_FLEX_DIRECTION_/g, 'CSSFlexDirection.')
|
|
.replace(/CSS_WRAP/g, 'CSSWrap.WRAP')
|
|
.replace(/new_test_css_node/g, 'new TestCSSNode')
|
|
.replace(// style.position[CSS_TOP] => style.position[CSSLayout.POSITION_TOP]
|
|
/(style|layout)\.position\[CSS_(LEFT|TOP|RIGHT|BOTTOM)\]/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.position[POSITION_' + match2 + ']';
|
|
})
|
|
.replace(// style.dimensions[CSS_WIDTH] => style.dimensions[CSSLayout.DIMENSION_WIDTH]
|
|
/(style|layout)\.dimensions\[CSS_(WIDTH|HEIGHT)\]/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.dimensions[DIMENSION_' + match2 + ']';
|
|
})
|
|
.replace(// style.maxDimensions[CSS_WIDTH] => style.maxWidth
|
|
/(style|layout)\.maxDimensions\[CSS_(WIDTH|HEIGHT)\]/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.max' + match2.substr(0, 1).toUpperCase() + match2.substr(1).toLowerCase();
|
|
})
|
|
.replace(// style.minDimensions[CSS_WIDTH] => style.minWidth
|
|
/(style|layout)\.minDimensions\[CSS_(WIDTH|HEIGHT)\]/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.min' + match2.substr(0, 1).toUpperCase() + match2.substr(1).toLowerCase();
|
|
})
|
|
.replace(// style.margin[CSS_TOP] = 12.3 => style.margin[Spacing.TOP].set(12.3)
|
|
/style\.(margin|border|padding)\[CSS_(TOP|BOTTOM|LEFT|RIGHT|START|END)\]\s+=\s+(-?[\.\d]+)/g,
|
|
function(str, match1, match2, match3) {
|
|
var propertyCap = match1.charAt(0).toUpperCase() + match1.slice(1);
|
|
return 'set' + propertyCap + '(Spacing.' + match2 + ', ' + match3 + ')';
|
|
})
|
|
.replace(// style.margin[CSS_TOP] => style.margin[Spacing.TOP]
|
|
/style\.(margin|border|padding)\[CSS_(TOP|BOTTOM|LEFT|RIGHT|START|END)\]/g,
|
|
function(str, match1, match2) {
|
|
return 'style.' + match1 + '.get(Spacing.' + match2 + ')';
|
|
})
|
|
.replace(/get_child\(.*context\,\s([^\)]+)\)/g, 'getChildAt($1)')
|
|
.replace(/init_css_node_children/g, 'addChildren')
|
|
.replace(/css_node_t(\s)\*/g, 'TestCSSNode$1')
|
|
.replace(/\->/g, '.')
|
|
.replace(/(\d+\.\d+)/g, '$1f')
|
|
.replace(// style.flex_direction => style.flexDirection
|
|
/style\.([^_\[\]\s]+)_(\w)(\w+)/g,
|
|
function(str, match1, match2, match3) {
|
|
return 'style.' + match1 + match2.toUpperCase() + match3;
|
|
})
|
|
.replace(/(\w+)\.measure\s+=\s+.+/g, '$1.setMeasureFunction(sTestMeasureFunction);')
|
|
|
|
// additional case conversions
|
|
|
|
.replace(/(CSSWrap|CSSFlexDirection)\.([_A-Z]+)/g,
|
|
function(str, match1, match2) {
|
|
return match1 + '.' + constantToPascalCase(match2);
|
|
});
|
|
}
|
|
|
|
function indent(code) {
|
|
return code
|
|
.split('\n')
|
|
.map(function(line) { return ' ' + line; })
|
|
.join('\n');
|
|
}
|
|
|
|
function constantToPascalCase(str) {
|
|
return str[0] + str.substr(1)
|
|
.toLowerCase()
|
|
.replace(/_(.)/g,
|
|
function(_, m) { return m.toUpperCase(); });
|
|
}
|
|
|
|
var CSharpTranspiler = {
|
|
transpileLayoutEngine: function(code) {
|
|
return indent(
|
|
__transpileToCSharpCommon(code)
|
|
.replace('node.style.measure', 'node.measure')
|
|
.replace(/\.children\.length/g, '.getChildCount()')
|
|
.replace(/node.children\[i\]/g, 'node.getChildAt(i)')
|
|
.replace(/node.children\[j\]/g, 'node.getChildAt(j)')
|
|
.replace(/fmaxf/g, 'Math.Max')
|
|
.replace(/fminf/g, 'Math.Min')
|
|
.replace(/\/\*\([^\/]+\*\/\n/g, '') // remove comments for other languages
|
|
.replace(/var\/\*([^\/]+)\*\//g, '$1')
|
|
.replace(/ === /g, ' == ')
|
|
.replace(/ !== /g, ' != ')
|
|
.replace(/\n {2}/g, '\n')
|
|
.replace(/\/[*]!([^*]+)[*]\//g, '$1')
|
|
.replace(/css_node_t\*/g, 'CSSNode'));
|
|
},
|
|
|
|
transpileCConstDefs: function(cConstDefs) {
|
|
return indent(
|
|
cConstDefs
|
|
.replace(/#define\s+(\w+)\s+(\"[^\"]+\")/g, 'public static readonly string $1 = $2;')
|
|
.replace(/#define\s+(\w+)\s+(.+)/g, 'public static readonly float $1 = $2f;'));
|
|
},
|
|
|
|
transpileCTestsArray: function(allTestsInC) {
|
|
var allTestsInCSharp = [];
|
|
for (var i = 0; i < allTestsInC.length; i++) {
|
|
allTestsInCSharp[i] =
|
|
' [Test]\n' +
|
|
' public void TestCase' + i + '()\n' +
|
|
__transpileSingleTestToCSharp(allTestsInC[i]);
|
|
}
|
|
return allTestsInCSharp.join('\n\n');
|
|
}
|
|
};
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = CSharpTranspiler;
|
|
}
|