update JavaScript bindings
Summary: - adds flow types - transpiles bundle using babel - cleans and formats code Reviewed By: emilsjolander Differential Revision: D6748362 fbshipit-source-id: fcb5fdde73df6e0062eff1e5038bb5fe0532f997
This commit is contained in:
Daniel Büchele
committed by
Facebook Github Bot
Facebook Github Bot
parent
9ecdff14fa
commit
a40ba9d350
@@ -1,5 +1,7 @@
|
||||
{
|
||||
"presets": ["stage-3", "es2015"],
|
||||
"plugins": [
|
||||
"transform-flow-strip-types",
|
||||
[
|
||||
"replace-require",
|
||||
{
|
||||
@@ -8,4 +10,4 @@
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
11
javascript/.flowconfig
Normal file
11
javascript/.flowconfig
Normal file
@@ -0,0 +1,11 @@
|
||||
[ignore]
|
||||
|
||||
[include]
|
||||
|
||||
[libs]
|
||||
|
||||
[lints]
|
||||
|
||||
[options]
|
||||
|
||||
[strict]
|
||||
@@ -1,65 +1,48 @@
|
||||
{
|
||||
"name": "yoga-layout",
|
||||
"version": "1.8.0",
|
||||
"description": "Yoga is a cross-platform layout engine enabling maximum collaboration within your team by implementing an API many designers are familiar with, and opening it up to developers across different platforms.",
|
||||
"license": "BSD-3-Clause",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git@github.com:facebook/yoga.git"
|
||||
},
|
||||
|
||||
"main": "./sources/entry-node",
|
||||
"browser": "./sources/entry-browser",
|
||||
|
||||
"config": {
|
||||
"platform": "all"
|
||||
},
|
||||
|
||||
"scripts": {
|
||||
|
||||
"which": "which",
|
||||
"autogypi": "autogypi",
|
||||
"node-gyp": "node-gyp",
|
||||
"emcc-path": "emcc-path",
|
||||
|
||||
"is-monolithic": "test \"$(basename \"$(pwd)\")\" = javascript",
|
||||
"copy-sources": "! npm -s -- run is-monolithic || (rsync -r --checksum --delete ../yoga/ sources/yoga/)",
|
||||
|
||||
"build:node": "npm -- run copy-sources && npm -- run node-gyp configure build",
|
||||
"build:browser": "npm -- run copy-sources && npm -- run node-gyp configure build --asmjs=1",
|
||||
"postbuild:browser": "babel build/Release/nbind.js --out-file build/Release/nbind.js",
|
||||
"build:standalone": "webpack",
|
||||
"build:all": "npm -- run build:node && npm -- run build:browser && npm -- run build:standalone",
|
||||
"build": "cross-env \"npm --if-present -- run build:$npm_package_config_platform\"",
|
||||
|
||||
"test:node": "TEST_ENTRY=node time mocha --expose-gc -r tests/tools.js tests/Facebook.Yoga/**/*.js",
|
||||
"test:browser": "TEST_ENTRY=browser time mocha --expose-gc -r tests/tools.js tests/Facebook.Yoga/**/*.js",
|
||||
"test:all": "npm -- run test:node && npm -- run test:browser",
|
||||
"test": "npm -- run test:all",
|
||||
|
||||
"bench": "node tests/run-bench $(find tests/Benchmarks -name '*.js')",
|
||||
|
||||
"install": "npm -- run autogypi && npm -- run build:node",
|
||||
|
||||
"prepare": "npm -- run build:browser"
|
||||
|
||||
},
|
||||
|
||||
"dependencies": {
|
||||
|
||||
"autogypi": "^0.2.2",
|
||||
"nbind": "^0.3.8",
|
||||
"node-gyp": "^3.4.0"
|
||||
|
||||
},
|
||||
|
||||
"devDependencies": {
|
||||
|
||||
"babel-cli": "^6.24.1",
|
||||
"babel-core": "^6.25.0",
|
||||
"babel-plugin-replace-require": "^0.0.4",
|
||||
"cross-env": "^4.0.0",
|
||||
"mocha": "^3.2.0",
|
||||
"webpack": "^2.2.0-rc.2"
|
||||
}
|
||||
"name": "yoga-layout",
|
||||
"version": "1.8.0",
|
||||
"description": "Yoga is a cross-platform layout engine enabling maximum collaboration within your team by implementing an API many designers are familiar with, and opening it up to developers across different platforms.",
|
||||
"license": "BSD-3-Clause",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git@github.com:facebook/yoga.git"
|
||||
},
|
||||
"main": "./dist/entry-node",
|
||||
"browser": "./dist/entry-browser",
|
||||
"config": {
|
||||
"platform": "all"
|
||||
},
|
||||
"scripts": {
|
||||
"which": "which",
|
||||
"autogypi": "autogypi",
|
||||
"node-gyp": "node-gyp",
|
||||
"emcc-path": "emcc-path",
|
||||
"is-monolithic": "test \"$(basename \"$(pwd)\")\" = javascript",
|
||||
"copy-sources": "! npm -s -- run is-monolithic || (rsync -r --checksum --delete ../yoga/ sources/yoga/)",
|
||||
"build:node": "npm -- run copy-sources && npm -- run node-gyp configure build && flow-copy-source sources dist",
|
||||
"build:browser": "npm -- run copy-sources && npm -- run node-gyp configure build --asmjs=1 && babel sources --out-dir dist && flow-copy-source sources dist",
|
||||
"build:all": "npm -- run build:node && npm -- run build:browser",
|
||||
"build": "cross-env \"npm --if-present -- run build:$npm_package_config_platform\"",
|
||||
"test:node": "TEST_ENTRY=node time mocha --compilers js:babel-core/register --expose-gc -r tests/tools.js tests/Facebook.Yoga/**/*.js",
|
||||
"test:browser": "TEST_ENTRY=browser time mocha --compilers js:babel-core/register --expose-gc -r tests/tools.js tests/Facebook.Yoga/**/*.js",
|
||||
"test": "npm -- run test:node && npm -- run test:browser",
|
||||
"bench": "node tests/run-bench $(find tests/Benchmarks -name '*.js')",
|
||||
"install": "npm -- run autogypi && npm -- run build:node"
|
||||
},
|
||||
"dependencies": {
|
||||
"autogypi": "^0.2.2",
|
||||
"nbind": "^0.3.8",
|
||||
"node-gyp": "^3.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"babel-cli": "^6.24.1",
|
||||
"babel-core": "^6.25.0",
|
||||
"babel-plugin-replace-require": "^0.0.4",
|
||||
"babel-plugin-transform-flow-strip-types": "^6.22.0",
|
||||
"babel-preset-es2015": "^6.24.1",
|
||||
"babel-preset-stage-3": "^6.24.1",
|
||||
"cross-env": "^4.0.0",
|
||||
"flow-copy-source": "^1.2.1",
|
||||
"mocha": "^3.2.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,10 +5,12 @@
|
||||
* 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.
|
||||
*
|
||||
* @flow
|
||||
* @format
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
|
||||
const CONSTANTS = {
|
||||
ALIGN_COUNT: 8,
|
||||
ALIGN_AUTO: 0,
|
||||
ALIGN_FLEX_START: 1,
|
||||
@@ -101,5 +103,73 @@ module.exports = {
|
||||
WRAP_NO_WRAP: 0,
|
||||
WRAP_WRAP: 1,
|
||||
WRAP_WRAP_REVERSE: 2,
|
||||
|
||||
};
|
||||
|
||||
export type Yoga$JustifyContent =
|
||||
| typeof CONSTANTS.JUSTIFY_CENTER
|
||||
| typeof CONSTANTS.JUSTIFY_FLEX_END
|
||||
| typeof CONSTANTS.JUSTIFY_FLEX_START
|
||||
| typeof CONSTANTS.JUSTIFY_SPACE_AROUND
|
||||
| typeof CONSTANTS.JUSTIFY_SPACE_BETWEEN
|
||||
| typeof CONSTANTS.JUSTIFY_SPACE_EVENLY;
|
||||
|
||||
export type Yoga$Align =
|
||||
| typeof CONSTANTS.ALIGN_AUTO
|
||||
| typeof CONSTANTS.ALIGN_BASELINE
|
||||
| typeof CONSTANTS.ALIGN_CENTER
|
||||
| typeof CONSTANTS.ALIGN_FLEX_END
|
||||
| typeof CONSTANTS.ALIGN_FLEX_START
|
||||
| typeof CONSTANTS.ALIGN_SPACE_AROUND
|
||||
| typeof CONSTANTS.ALIGN_SPACE_BETWEEN
|
||||
| typeof CONSTANTS.ALIGN_STRETCH;
|
||||
|
||||
export type Yoga$FlexDirection =
|
||||
| typeof CONSTANTS.FLEX_DIRECTION_COLUMN
|
||||
| typeof CONSTANTS.FLEX_DIRECTION_COLUMN_REVERSE
|
||||
| typeof CONSTANTS.FLEX_DIRECTION_COUNT
|
||||
| typeof CONSTANTS.FLEX_DIRECTION_ROW
|
||||
| typeof CONSTANTS.FLEX_DIRECTION_ROW_REVERSE;
|
||||
|
||||
export type Yoga$Direction =
|
||||
| typeof CONSTANTS.DIRECTION_INHERIT
|
||||
| typeof CONSTANTS.DIRECTION_LTR
|
||||
| typeof CONSTANTS.DIRECTION_RTL;
|
||||
|
||||
export type Yoga$FlexWrap =
|
||||
| typeof CONSTANTS.WRAP_NO_WRAP
|
||||
| typeof CONSTANTS.WRAP_WRAP
|
||||
| typeof CONSTANTS.WRAP_WRAP_REVERSE;
|
||||
|
||||
export type Yoga$Edge =
|
||||
| typeof CONSTANTS.EDGE_LEFT
|
||||
| typeof CONSTANTS.EDGE_TOP
|
||||
| typeof CONSTANTS.EDGE_RIGHT
|
||||
| typeof CONSTANTS.EDGE_BOTTOM
|
||||
| typeof CONSTANTS.EDGE_START
|
||||
| typeof CONSTANTS.EDGE_END
|
||||
| typeof CONSTANTS.EDGE_HORIZONTAL
|
||||
| typeof CONSTANTS.EDGE_VERTICAL
|
||||
| typeof CONSTANTS.EDGE_ALL;
|
||||
|
||||
export type Yoga$Display =
|
||||
| typeof CONSTANTS.DISPLAY_FLEX
|
||||
| typeof CONSTANTS.DISPLAY_NONE;
|
||||
|
||||
export type Yoga$Unit =
|
||||
| typeof CONSTANTS.UNIT_AUTO
|
||||
| typeof CONSTANTS.UNIT_PERCENT
|
||||
| typeof CONSTANTS.UNIT_POINT
|
||||
| typeof CONSTANTS.UNIT_UNDEFINED;
|
||||
|
||||
export type Yoga$Overflow =
|
||||
| typeof CONSTANTS.OVERFLOW_HIDDEN
|
||||
| typeof CONSTANTS.OVERFLOW_SCROLL
|
||||
| typeof CONSTANTS.OVERFLOW_VISIBLE;
|
||||
|
||||
export type Yoga$PositionType =
|
||||
| typeof CONSTANTS.POSITION_TYPE_ABSOLUTE
|
||||
| typeof CONSTANTS.POSITION_TYPE_RELATIVE;
|
||||
|
||||
export type Yoga$ExperimentalFeature = typeof CONSTANTS.EXPERIMENTAL_FEATURE_WEB_FLEX_BASIS;
|
||||
|
||||
export default CONSTANTS;
|
||||
|
||||
@@ -5,28 +5,51 @@
|
||||
* 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.
|
||||
*
|
||||
* @flow
|
||||
* @format
|
||||
*/
|
||||
|
||||
var nbind = require('../build/Release/nbind.js');
|
||||
import Yoga from './entry-common';
|
||||
|
||||
var ran = false;
|
||||
var ret = null;
|
||||
const nbind = require('../build/Release/nbind.js');
|
||||
|
||||
nbind({}, function (err, result) {
|
||||
let ran = false;
|
||||
let ret = null;
|
||||
|
||||
if (ran)
|
||||
return;
|
||||
nbind({}, function(err, result) {
|
||||
if (ran) {
|
||||
return;
|
||||
}
|
||||
|
||||
ran = true;
|
||||
ran = true;
|
||||
|
||||
if (err)
|
||||
throw err;
|
||||
|
||||
ret = result;
|
||||
if (err) {
|
||||
throw err;
|
||||
}
|
||||
|
||||
ret = result;
|
||||
});
|
||||
|
||||
if (!ran)
|
||||
throw new Error('Failed to load the yoga module - it needed to be loaded synchronously, but didn\'t');
|
||||
if (!ran) {
|
||||
throw new Error(
|
||||
"Failed to load the yoga module - it needed to be loaded synchronously, but didn't",
|
||||
);
|
||||
}
|
||||
|
||||
module.exports = require('./entry-common')(ret.bind, ret.lib);
|
||||
// $FlowFixMe ret will not be null here
|
||||
module.exports = Yoga(ret.bind, ret.lib);
|
||||
|
||||
export type {
|
||||
Yoga$JustifyContent,
|
||||
Yoga$Align,
|
||||
Yoga$FlexDirection,
|
||||
Yoga$Direction,
|
||||
Yoga$FlexWrap,
|
||||
Yoga$Edge,
|
||||
Yoga$Display,
|
||||
Yoga$Unit,
|
||||
Yoga$Overflow,
|
||||
Yoga$PositionType,
|
||||
Yoga$ExperimentalFeature,
|
||||
} from './YGEnums.js';
|
||||
|
||||
@@ -5,245 +5,352 @@
|
||||
* 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.
|
||||
*
|
||||
* @flow
|
||||
* @format
|
||||
*/
|
||||
|
||||
function patch(prototype, name, fn) {
|
||||
import CONSTANTS from './YGEnums';
|
||||
import type {
|
||||
Yoga$Edge,
|
||||
Yoga$FlexWrap,
|
||||
Yoga$Align,
|
||||
Yoga$FlexDirection,
|
||||
Yoga$Direction,
|
||||
Yoga$PositionType,
|
||||
Yoga$Overflow,
|
||||
Yoga$JustifyContent,
|
||||
Yoga$Display,
|
||||
Yoga$ExperimentalFeature,
|
||||
} from './YGEnums';
|
||||
|
||||
let original = prototype[name];
|
||||
class Layout {
|
||||
left: number;
|
||||
right: number;
|
||||
top: number;
|
||||
bottom: number;
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
prototype[name] = function (... args) {
|
||||
return fn.call(this, original, ... args);
|
||||
};
|
||||
constructor(left, right, top, bottom, width, height) {
|
||||
this.left = left;
|
||||
this.right = right;
|
||||
this.top = top;
|
||||
this.bottom = bottom;
|
||||
this.width = width;
|
||||
this.height = height;
|
||||
}
|
||||
|
||||
fromJS(expose) {
|
||||
expose(
|
||||
this.left,
|
||||
this.right,
|
||||
this.top,
|
||||
this.bottom,
|
||||
this.width,
|
||||
this.height,
|
||||
);
|
||||
}
|
||||
|
||||
toString() {
|
||||
return `<Layout#${this.left}:${this.right};${this.top}:${this.bottom};${
|
||||
this.width
|
||||
}:${this.height}>`;
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = function (bind, lib) {
|
||||
class Size {
|
||||
static fromJS({width, height}) {
|
||||
return new Size(width, height);
|
||||
}
|
||||
|
||||
let constants = Object.assign({
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
UNDEFINED: NaN
|
||||
constructor(width, height) {
|
||||
this.width = width;
|
||||
this.height = height;
|
||||
}
|
||||
|
||||
}, require('./YGEnums'));
|
||||
fromJS(expose) {
|
||||
expose(this.width, this.height);
|
||||
}
|
||||
|
||||
class Layout {
|
||||
toString() {
|
||||
return `<Size#${this.width}x${this.height}>`;
|
||||
}
|
||||
}
|
||||
|
||||
constructor(left, right, top, bottom, width, height) {
|
||||
class Value {
|
||||
unit: number;
|
||||
value: number;
|
||||
|
||||
this.left = left;
|
||||
this.right = right;
|
||||
constructor(unit, value) {
|
||||
this.unit = unit;
|
||||
this.value = value;
|
||||
}
|
||||
|
||||
this.top = top;
|
||||
this.bottom = bottom;
|
||||
|
||||
this.width = width;
|
||||
this.height = height;
|
||||
|
||||
}
|
||||
|
||||
fromJS(expose) {
|
||||
|
||||
expose(this.left, this.right, this.top, this.bottom, this.width, this.height);
|
||||
|
||||
}
|
||||
|
||||
toString() {
|
||||
|
||||
return `<Layout#${this.left}:${this.right};${this.top}:${this.bottom};${this.width}:${this.height}>`;
|
||||
|
||||
}
|
||||
fromJS(expose) {
|
||||
expose(this.unit, this.value);
|
||||
}
|
||||
|
||||
toString() {
|
||||
switch (this.unit) {
|
||||
case CONSTANTS.UNIT_POINT:
|
||||
return String(this.value);
|
||||
case CONSTANTS.UNIT_PERCENT:
|
||||
return `${this.value}%`;
|
||||
case CONSTANTS.UNIT_AUTO:
|
||||
return 'auto';
|
||||
default: {
|
||||
return `${this.value}?`;
|
||||
}
|
||||
}
|
||||
|
||||
class Size {
|
||||
|
||||
static fromJS({ width, height }) {
|
||||
|
||||
return new Size(width, height);
|
||||
|
||||
}
|
||||
|
||||
constructor(width, height) {
|
||||
|
||||
this.width = width;
|
||||
this.height = height;
|
||||
|
||||
}
|
||||
|
||||
fromJS(expose) {
|
||||
|
||||
expose(this.width, this.height);
|
||||
|
||||
}
|
||||
|
||||
toString() {
|
||||
|
||||
return `<Size#${this.width}x${this.height}>`;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
class Value {
|
||||
|
||||
constructor(unit, value) {
|
||||
|
||||
this.unit = unit;
|
||||
this.value = value;
|
||||
|
||||
}
|
||||
|
||||
fromJS(expose) {
|
||||
|
||||
expose(this.unit, this.value);
|
||||
|
||||
}
|
||||
|
||||
toString() {
|
||||
|
||||
switch (this.unit) {
|
||||
|
||||
case constants.UNIT_POINT:
|
||||
return `${this.value}`;
|
||||
|
||||
case constants.UNIT_PERCENT:
|
||||
return `${this.value}%`;
|
||||
|
||||
case constants.UNIT_AUTO:
|
||||
return `auto`;
|
||||
|
||||
default: {
|
||||
return `${this.value}?`;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
valueOf() {
|
||||
|
||||
return this.value;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
for (let fnName of [ `setPosition`, `setMargin`, `setFlexBasis`, `setWidth`, `setHeight`, `setMinWidth`, `setMinHeight`, `setMaxWidth`, `setMaxHeight`, `setPadding` ]) {
|
||||
|
||||
let methods = { [constants.UNIT_POINT]: lib.Node.prototype[fnName], [constants.UNIT_PERCENT]: lib.Node.prototype[`${fnName}Percent`], [constants.UNIT_AUTO]: lib.Node.prototype[`${fnName}Auto`] };
|
||||
|
||||
patch(lib.Node.prototype, fnName, function (original, ... args) {
|
||||
|
||||
// We patch all these functions to add support for the following calls:
|
||||
// .setWidth(100) / .setWidth("100%") / .setWidth(.getWidth()) / .setWidth("auto")
|
||||
|
||||
let value = args.pop();
|
||||
let unit, asNumber;
|
||||
|
||||
if (value === `auto`) {
|
||||
|
||||
unit = constants.UNIT_AUTO;
|
||||
asNumber = undefined;
|
||||
|
||||
} else if (value instanceof Value) {
|
||||
|
||||
unit = value.unit;
|
||||
asNumber = value.valueOf();
|
||||
|
||||
} else {
|
||||
|
||||
unit = typeof value === `string` && value.endsWith(`%`) ? constants.UNIT_PERCENT : constants.UNIT_POINT;
|
||||
asNumber = parseFloat(value);
|
||||
|
||||
}
|
||||
|
||||
if (!methods[unit])
|
||||
throw new Error(`Failed to execute "${fnName}": Unsupported unit '${value}'`);
|
||||
|
||||
if (asNumber !== undefined) {
|
||||
return methods[unit].call(this, ... args, asNumber);
|
||||
} else {
|
||||
return methods[unit].call(this, ... args);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
patch(lib.Config.prototype, `free`, function () {
|
||||
|
||||
// Since we handle the memory allocation ourselves (via lib.Config.create), we also need to handle the deallocation
|
||||
|
||||
lib.Config.destroy(this);
|
||||
|
||||
});
|
||||
|
||||
patch(lib.Node, `create`, function (_, config) {
|
||||
|
||||
// We decide the constructor we want to call depending on the parameters
|
||||
|
||||
return config ? lib.Node.createWithConfig(config) : lib.Node.createDefault();
|
||||
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, `free`, function () {
|
||||
|
||||
// Since we handle the memory allocation ourselves (via lib.Node.create), we also need to handle the deallocation
|
||||
|
||||
lib.Node.destroy(this);
|
||||
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, `freeRecursive`, function () {
|
||||
|
||||
for (let t = 0, T = this.getChildCount(); t < T; ++t)
|
||||
this.getChild(0).freeRecursive();
|
||||
|
||||
this.free();
|
||||
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, `setMeasureFunc`, function (original, measureFunc) {
|
||||
|
||||
// This patch is just a convenience patch, since it helps write more idiomatic source code (such as .setMeasureFunc(null))
|
||||
// We also automatically convert the return value of the measureFunc to a Size object, so that we can return anything that has .width and .height properties
|
||||
|
||||
if (measureFunc) {
|
||||
return original.call(this, (... args) => Size.fromJS(measureFunc(... args)));
|
||||
} else {
|
||||
return this.unsetMeasureFunc();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, `calculateLayout`, function (original, width = constants.UNDEFINED, height = constants.UNDEFINED, direction = constants.DIRECTION_LTR) {
|
||||
|
||||
// Just a small patch to add support for the function default parameters
|
||||
|
||||
return original.call(this, width, height, direction);
|
||||
|
||||
});
|
||||
|
||||
function getInstanceCount(... args) {
|
||||
|
||||
return lib.getInstanceCount(... args);
|
||||
|
||||
}
|
||||
|
||||
bind(`Layout`, Layout);
|
||||
bind(`Size`, Size);
|
||||
bind(`Value`, Value);
|
||||
|
||||
return Object.assign({
|
||||
|
||||
Config: lib.Config,
|
||||
Node: lib.Node,
|
||||
|
||||
Layout,
|
||||
Size,
|
||||
Value,
|
||||
|
||||
getInstanceCount
|
||||
|
||||
}, constants);
|
||||
|
||||
}
|
||||
|
||||
valueOf() {
|
||||
return this.value;
|
||||
}
|
||||
}
|
||||
|
||||
declare class Yoga$Config {
|
||||
isExperimentalFeatureEnabled(feature: Yoga$ExperimentalFeature): boolean;
|
||||
setExperimentalFeatureEnabled(
|
||||
feature: Yoga$ExperimentalFeature,
|
||||
enabled: boolean,
|
||||
): void;
|
||||
setPointScaleFactor(factor: number): void;
|
||||
}
|
||||
declare class Yoga$Node {
|
||||
calculateLayout(
|
||||
width?: number,
|
||||
height?: number,
|
||||
direction?: Yoga$Direction,
|
||||
): void;
|
||||
copyStyle(node: Yoga$Node): void;
|
||||
free(): void;
|
||||
freeRecursive(): void;
|
||||
getAlignContent(): Yoga$Align;
|
||||
getAlignItems(): Yoga$Align;
|
||||
getAlignSelf(): Yoga$Align;
|
||||
getAspectRatio(): number;
|
||||
getBorder(edge: Yoga$Edge): number;
|
||||
getChild(index: number): Yoga$Node;
|
||||
getChildCount(): number;
|
||||
getComputedBorder(edge: Yoga$Edge): number;
|
||||
getComputedBottom(): number;
|
||||
getComputedHeight(): number;
|
||||
getComputedLayout(): Layout;
|
||||
getComputedLeft(): number;
|
||||
getComputedMargin(edge: Yoga$Edge): number;
|
||||
getComputedPadding(edge: Yoga$Edge): number;
|
||||
getComputedRight(): number;
|
||||
getComputedTop(): number;
|
||||
getComputedWidth(): number;
|
||||
getDisplay(): Yoga$Display;
|
||||
getFlexBasis(): number;
|
||||
getFlexDirection(): Yoga$FlexDirection;
|
||||
getFlexGrow(): number;
|
||||
getFlexShrink(): number;
|
||||
getFlexWrap(): Yoga$FlexWrap;
|
||||
getHeight(): Value;
|
||||
getJustifyContent(): Yoga$JustifyContent;
|
||||
getMargin(edge: Yoga$Edge): Value;
|
||||
getMaxHeight(): Value;
|
||||
getMaxWidth(): Value;
|
||||
getMinHeight(): Value;
|
||||
getMinWidth(): Value;
|
||||
getOverflow(): Yoga$Overflow;
|
||||
getPadding(edge: Yoga$Edge): Value;
|
||||
getParent(): ?Yoga$Node;
|
||||
getPosition(edge: Yoga$Edge): Value;
|
||||
getPositionType(): Yoga$PositionType;
|
||||
getWidth(): Value;
|
||||
insertChild(child: Yoga$Node, index: number): void;
|
||||
isDirty(): boolean;
|
||||
markDirty(): void;
|
||||
removeChild(child: Yoga$Node): void;
|
||||
reset(): void;
|
||||
setAlignContent(alignContent: Yoga$Align): void;
|
||||
setAlignItems(alignItems: Yoga$Align): void;
|
||||
setAlignSelf(alignSelf: Yoga$Align): void;
|
||||
setAspectRatio(aspectRatio: number): void;
|
||||
setBorder(edge: Yoga$Edge, borderWidth: number): void;
|
||||
setDisplay(display: Yoga$Display): void;
|
||||
setFlex(flex: number): void;
|
||||
setFlexBasis(flexBasis: number | string): void;
|
||||
setFlexBasisPercent(flexBasis: number): void;
|
||||
setFlexDirection(flexDirection: Yoga$FlexDirection): void;
|
||||
setFlexGrow(flexGrow: number): void;
|
||||
setFlexShrink(flexShrink: number): void;
|
||||
setFlexWrap(flexWrap: Yoga$FlexWrap): void;
|
||||
setHeight(height: number | string): void;
|
||||
setHeightAuto(): void;
|
||||
setHeightPercent(height: number): void;
|
||||
setJustifyContent(justifyContent: Yoga$JustifyContent): void;
|
||||
setMargin(edge: Yoga$Edge, margin: number): void;
|
||||
setMarginAuto(edge: Yoga$Edge): void;
|
||||
setMarginPercent(edge: Yoga$Edge, margin: number): void;
|
||||
setMaxHeight(maxHeight: number | string): void;
|
||||
setMaxHeightPercent(maxHeight: number): void;
|
||||
setMaxWidth(maxWidth: number | string): void;
|
||||
setMaxWidthPercent(maxWidth: number): void;
|
||||
setMeasureFunc(measureFunc: ?Function): void;
|
||||
setMinHeight(minHeight: number | string): void;
|
||||
setMinHeightPercent(minHeight: number): void;
|
||||
setMinWidth(minWidth: number | string): void;
|
||||
setMinWidthPercent(minWidth: number): void;
|
||||
setOverflow(overflow: Yoga$Overflow): void;
|
||||
setPadding(edge: Yoga$Edge, padding: number | string): void;
|
||||
setPaddingPercent(edge: Yoga$Edge, padding: number): void;
|
||||
setPosition(edge: Yoga$Edge, position: number | string): void;
|
||||
setPositionPercent(edge: Yoga$Edge, position: number): void;
|
||||
setPositionType(positionType: Yoga$PositionType): void;
|
||||
setWidth(width: number | string): void;
|
||||
setWidthAuto(): void;
|
||||
setWidthPercent(width: number): void;
|
||||
unsetMeasureFun(): void;
|
||||
}
|
||||
|
||||
type Yoga = {
|
||||
Config: {
|
||||
create(): Yoga$Config,
|
||||
destroy(config: Yoga$Config): any,
|
||||
},
|
||||
Node: {
|
||||
create(): Yoga$Node,
|
||||
createDefault(): Yoga$Node,
|
||||
createWithConfig(config: Yoga$Config): Yoga$Node,
|
||||
destroy(node: Yoga$Node): any,
|
||||
},
|
||||
Layout: Layout,
|
||||
Size: Size,
|
||||
Value: Value,
|
||||
getInstanceCount(): number,
|
||||
...typeof CONSTANTS,
|
||||
};
|
||||
|
||||
export default (bind: any, lib: any): Yoga => {
|
||||
function patch(prototype, name, fn) {
|
||||
let original = prototype[name];
|
||||
|
||||
prototype[name] = function(...args) {
|
||||
return fn.call(this, original, ...args);
|
||||
};
|
||||
}
|
||||
|
||||
for (let fnName of [
|
||||
'setPosition',
|
||||
'setMargin',
|
||||
'setFlexBasis',
|
||||
'setWidth',
|
||||
'setHeight',
|
||||
'setMinWidth',
|
||||
'setMinHeight',
|
||||
'setMaxWidth',
|
||||
'setMaxHeight',
|
||||
'setPadding',
|
||||
]) {
|
||||
let methods = {
|
||||
[CONSTANTS.UNIT_POINT]: lib.Node.prototype[fnName],
|
||||
[CONSTANTS.UNIT_PERCENT]: lib.Node.prototype[`${fnName}Percent`],
|
||||
[CONSTANTS.UNIT_AUTO]: lib.Node.prototype[`${fnName}Auto`],
|
||||
};
|
||||
|
||||
patch(lib.Node.prototype, fnName, function(original, ...args) {
|
||||
// We patch all these functions to add support for the following calls:
|
||||
// .setWidth(100) / .setWidth("100%") / .setWidth(.getWidth()) / .setWidth("auto")
|
||||
|
||||
let value = args.pop();
|
||||
let unit, asNumber;
|
||||
|
||||
if (value === 'auto') {
|
||||
unit = CONSTANTS.UNIT_AUTO;
|
||||
asNumber = undefined;
|
||||
} else if (value instanceof Value) {
|
||||
unit = value.unit;
|
||||
asNumber = value.valueOf();
|
||||
} else {
|
||||
unit =
|
||||
typeof value === 'string' && value.endsWith('%')
|
||||
? CONSTANTS.UNIT_PERCENT
|
||||
: CONSTANTS.UNIT_POINT;
|
||||
asNumber = parseFloat(value);
|
||||
}
|
||||
|
||||
if (!methods[unit])
|
||||
throw new Error(
|
||||
`Failed to execute "${fnName}": Unsupported unit '${value}'`,
|
||||
);
|
||||
|
||||
if (asNumber !== undefined) {
|
||||
return methods[unit].call(this, ...args, asNumber);
|
||||
} else {
|
||||
return methods[unit].call(this, ...args);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
patch(lib.Config.prototype, 'free', function() {
|
||||
// Since we handle the memory allocation ourselves (via lib.Config.create),
|
||||
// we also need to handle the deallocation
|
||||
lib.Config.destroy(this);
|
||||
});
|
||||
|
||||
patch(lib.Node, 'create', function(_, config) {
|
||||
// We decide the constructor we want to call depending on the parameters
|
||||
return config
|
||||
? lib.Node.createWithConfig(config)
|
||||
: lib.Node.createDefault();
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, 'free', function() {
|
||||
// Since we handle the memory allocation ourselves (via lib.Node.create),
|
||||
// we also need to handle the deallocation
|
||||
lib.Node.destroy(this);
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, 'freeRecursive', function() {
|
||||
for (let t = 0, T = this.getChildCount(); t < T; ++t) {
|
||||
this.getChild(0).freeRecursive();
|
||||
}
|
||||
this.free();
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, 'setMeasureFunc', function(original, measureFunc) {
|
||||
// This patch is just a convenience patch, since it helps write more
|
||||
// idiomatic source code (such as .setMeasureFunc(null))
|
||||
// We also automatically convert the return value of the measureFunc
|
||||
// to a Size object, so that we can return anything that has .width and
|
||||
// .height properties
|
||||
if (measureFunc) {
|
||||
return original.call(this, (...args) =>
|
||||
Size.fromJS(measureFunc(...args)),
|
||||
);
|
||||
} else {
|
||||
return this.unsetMeasureFunc();
|
||||
}
|
||||
});
|
||||
|
||||
patch(lib.Node.prototype, 'calculateLayout', function(
|
||||
original,
|
||||
width = NaN,
|
||||
height = NaN,
|
||||
direction = CONSTANTS.DIRECTION_LTR,
|
||||
) {
|
||||
// Just a small patch to add support for the function default parameters
|
||||
return original.call(this, width, height, direction);
|
||||
});
|
||||
|
||||
return {
|
||||
Config: lib.Config,
|
||||
Node: lib.Node,
|
||||
Layout: bind('Layout', Layout),
|
||||
Size: bind('Size', Size),
|
||||
Value: bind('Value', Value),
|
||||
getInstanceCount(...args) {
|
||||
return lib.getInstanceCount(...args);
|
||||
},
|
||||
...CONSTANTS,
|
||||
};
|
||||
};
|
||||
|
||||
@@ -5,9 +5,25 @@
|
||||
* 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.
|
||||
*
|
||||
* @flow
|
||||
* @format
|
||||
*/
|
||||
|
||||
var nbind = require('nbind');
|
||||
var ret = nbind.init(__dirname + '/../');
|
||||
|
||||
module.exports = require('./entry-common')(ret.bind, ret.lib);
|
||||
import Yoga from './entry-common';
|
||||
const nbind = require('nbind');
|
||||
const {bind, lib} = nbind.init(__dirname + '/../');
|
||||
module.exports = Yoga(bind, lib);
|
||||
export type {
|
||||
Yoga$JustifyContent,
|
||||
Yoga$Align,
|
||||
Yoga$FlexDirection,
|
||||
Yoga$Direction,
|
||||
Yoga$FlexWrap,
|
||||
Yoga$Edge,
|
||||
Yoga$Display,
|
||||
Yoga$Unit,
|
||||
Yoga$Overflow,
|
||||
Yoga$PositionType,
|
||||
Yoga$ExperimentalFeature,
|
||||
} from './YGEnums.js';
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) 2014-present, 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.
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
|
||||
entry: "./sources/entry-browser",
|
||||
|
||||
output: {
|
||||
|
||||
path: require("path").resolve(__dirname, "dist"),
|
||||
filename: "Yoga.bundle.js",
|
||||
|
||||
libraryTarget: "umd",
|
||||
library: "Yoga"
|
||||
|
||||
},
|
||||
|
||||
node: {
|
||||
|
||||
fs: "empty",
|
||||
module: "empty"
|
||||
|
||||
},
|
||||
|
||||
performance: {
|
||||
|
||||
hints: false
|
||||
|
||||
},
|
||||
|
||||
plugins: [
|
||||
|
||||
new (require("webpack").BannerPlugin)(require("fs").readFileSync(__dirname + "/../LICENSE", "utf8"))
|
||||
|
||||
]
|
||||
|
||||
};
|
||||
1373
javascript/yarn.lock
1373
javascript/yarn.lock
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user