Merge pull request #143 from elemental-design/feat/figma-platform

Add react-figma platform

Author: mathieudutour

README.md

@@ -24,6 +24,10 @@ You will also need to install the targets you want to support:
   ```sh
   npm install --save react-sketchapp react-test-renderer
   ```
+- figma:
+  ```sh
+  npm install --save react-figma yoga-layout-prebuilt
+  ```
 - vr:
   ```sh
   npm install --save react-360

package.json

@@ -64,6 +64,7 @@
     "react-360": "^1.1.0",
     "react-art": "^16.5.2",
     "react-dom": "^16.5.2",
+    "react-figma": "0.0.57",
     "react-native": "^0.52.0",
     "react-native-web": "^0.11.0",
     "react-sketchapp": "^2.0.0",

src/index.figma.js

@@ -0,0 +1,3 @@
+require('./injection/react-figma');
+
+module.exports = require('./ReactPrimitives');

src/injection/react-figma.js

@@ -0,0 +1,53 @@
+const ReactPrimitives = require('../ReactPrimitives');
+const Animated = require('animated');
+const Easing = require('animated/lib/Easing');
+const {
+  View,
+  Text,
+  Image,
+  StyleSheet,
+  // TODO(lmr): Dimensions
+} = require('react-figma');
+
+const TouchableMixin = {
+  componentWillUnmount() {},
+  touchableGetInitialState() {
+    return { touchable: { touchState: undefined, responderID: null } };
+  },
+  touchableHandleResponderTerminationRequest() { return false; },
+  touchableHandleStartShouldSetResponder() { return false; },
+  touchableLongPressCancelsPress() { return true; },
+  touchableHandleResponderGrant() {},
+  touchableHandleResponderRelease() {},
+  touchableHandleResponderTerminate() {},
+  touchableHandleResponderMove() {},
+};
+
+Animated.inject.FlattenStyle(StyleSheet.flatten);
+
+ReactPrimitives.inject({
+  StyleSheet,
+  View,
+  Text,
+  Image,
+  Easing,
+  Animated: {
+    ...Animated,
+    View: Animated.createAnimatedComponent(View),
+    Text: Animated.createAnimatedComponent(Text),
+    Image: Animated.createAnimatedComponent(Image),
+  },
+  Platform: {
+    OS: 'figma',
+    Version: 1,
+  },
+});
+
+ReactPrimitives.inject({
+  Touchable: require('../modules/Touchable')(
+    Animated,
+    StyleSheet,
+    ReactPrimitives.Platform,
+    TouchableMixin,
+  ),
+});