React Native Environment Info:
    System:
      OS: macOS 10.14.5
      CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
      Memory: 514.37 MB / 16.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 10.16.0 - /usr/local/bin/node
      Yarn: 1.16.0 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
      Android SDK:
        API Levels: 19, 23, 25, 26, 27, 28
        Build Tools: 23.0.1, 26.0.3, 27.0.3, 28.0.2, 28.0.3
        System Images: android-19 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom
    IDEs:
      Android Studio: 3.4 AI-183.6156.11.34.5692245
      Xcode: 10.3/10G8 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.8.3 => 16.8.3 
      react-native: 0.59.9 => 0.59.9 

/Users/kacper/projects/oss/art/ios/ARTNode.h:8:9: fatal error: 'React/UIView+React.h' file not found
#import <React/UIView+React.h>
        ^~~~~~~~~~~~~~~~~~~~~~
1 error generated.


error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening ART.xcodeproj

** BUILD FAILED **


The following build commands failed:
        CompileC /Users/kacper/projects/oss/art/ios/build/ART/Build/Intermediates.noindex/ART.build/Debug-iphonesimulator/ART.build/Objects-normal/x86_64/ARTShape.o /Users/kacper/projects/oss/art/ios/ARTShape.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

debug Error: Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening ART.xcodeproj

** BUILD FAILED **


The following build commands failed:
        CompileC /Users/kacper/projects/oss/art/ios/build/ART/Build/Intermediates.noindex/ART.build/Debug-iphonesimulator/ART.build/Objects-normal/x86_64/ARTShape.o /Users/kacper/projects/oss/art/ios/ARTShape.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

    at ChildProcess.buildProcess.on.code (/Users/kacper/projects/oss/art/node_modules/@react-native-community/cli/build/commands/runIOS/runIOS.js:231:16)
    at ChildProcess.emit (events.js:189:13)
    at maybeClose (internal/child_process.js:970:16)
    at Socket.stream.socket.on (internal/child_process.js:389:11)
    at Socket.emit (events.js:189:13)
    at Pipe._handle.close (net.js:597:12)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

/Users/............./node_modules/@react-native-community/art/lib/index.js:10
export {default as Transform} from 'art/core/transform';
^^^^^^

SyntaxError: Unexpected token 'export'`

const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, './release'),
    filename: 'bundle.js',
  },
  plugins: [
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: './index.html',
    }),
  ],
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        include: [
          path.resolve('src'),
          path.resolve('node_modules/react-native-progress'),
          path.resolve('node_modules/@react-native-community')
        ],
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              '@babel/preset-env',
              '@babel/preset-react',
              {
                plugins: ['@babel/plugin-proposal-class-properties'],
              },
            ],
            plugins: ['babel-plugin-react-native-web'],
          },
        },
      },
    ],
  },
  devServer: {
    contentBase: path.join(__dirname, 'release'),
    compress: true,
    port: 4000,
  },
  resolve: {
    alias: {
      'react-native$': 'react-native-web',
    },
  },
};

This error is located at:
    in ARTShape (at Shape.js:61)
    in Shape (at Donut.js:59)
    in ARTGroup (at Group.js:35)
    in Group (at Donut.js:57)
    in ARTSurfaceView (at Surface.js:37)
    in Surface (at Donut.js:56)
    in RCTView (at Donut.js:54)
    in DonutChart (at App.js:32)
    in RCTView (at App.js:31)
    in RCTScrollContentView (at ScrollView.js:1038)
    in RCTScrollView (at ScrollView.js:1178)
    in ScrollView (at App.js:28)
    in RCTSafeAreaView (at SafeAreaView.js:55)
    in SafeAreaView (at App.js:27)
    in App (at renderApplication.js:40)
    in RCTView (at AppContainer.js:101)
    in RCTView (at AppContainer.js:119)
    in AppContainer (at renderApplication.js:39)

getNativeComponentAttributes
    getNativeComponentAttributes.js:29:2
createReactNativeComponentClass$argument_1
    requireNativeComponent.js:26:4
exports.get
    ReactNativeViewConfigRegistry.js:102:17

import React from 'react';
import { View, Text } from 'react-native';
import * as d3 from 'd3';

import { Surface, Shape, Group } from '@react-native-community/art';

const userPurchases = [
  {
    itemName: 'Mountain Dew',
    price: 3
  },
  {
    itemName: 'Shoes',
    price: 50
  },
  {
    itemName: 'Kit Kat',
    price: 1
  },
  {
    itemName: 'Taxi',
    price: 24
  },
  {
    itemName: 'Watch',
    price: 100
  },
  {
    itemName: 'Headphones',
    price: 15
  },
  {
    itemName: 'Wine',
    price: 16
  }
];

const sectionAngles = d3.pie().value(d => d.price)(userPurchases);
const path = d3
  .arc()
  .outerRadius(100) //must be less than 1/2 the chart's height/width
  .padAngle(0.05) //defines the amount of whitespace between sections
  .innerRadius(0.6); //the size of the inner 'donut' whitespace

const DonutChart = () => {
  const height = 250,
    width = 250;
  const colors = d3
    .scaleLinear()
    .domain([0, userPurchases.length])
    .range([0, 255]);

  return (
    <View style={{ flex: 1, backgroundColor: 'grey' }}>
      <Text>Chart</Text>
      <Surface width={width} height={height}>
        <Group x={width / 2} y={height / 2}>
          {sectionAngles.map((section, index) => (
            <Shape
              key={section.index}
              d={path(section)}
              stroke="#000"
              fill={'#0000FF'}
              strokeWidth={1}
            />
          ))}
        </Group>
      </Surface>
    </View>
  );
};

export default DonutChart;

$ cd ./ios && pod install --repo-update && cd ..
Detected React Native module pods for A0Auth0, RNAWSCognito, RNCAsyncStorage, RNCMaskedView, RNDateTimePicker, RNGestureHandler, RNIap, RNImageCropPicker, RNReanimated, RNSVG, RNScreens, RNSound, react-native-branch, react-native-fbsdk, react-native-geolocation, react-native-netinfo, react-native-onesignal, react-native-safe-area-context, react-native-version-number, react-native-viewpager, and rn-fetch-blob

npm install
npm WARN @react-native-community/[email protected] requires a peer of react-native@^0.59.9 but none is installed. You must install peer dependencies yourself.

error: bundling failed: Error: Unable to resolve module `react-native/Libraries/vendor/core/merge` from `node_modules/react-native-progress/node_modules/@react-native-community/art/lib/ClippingRectangle.js`: react-native/Libraries/vendor/core/merge could not be found within the project.

    OS: macOS 10.15.2
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 890.00 MB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 13.4.0 - /usr/local/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.13.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.6010548
    Xcode: 11.2.1/11B53 - /usr/bin/xcodebuild
  npmPackages:
    react: ^16.11.0 => 16.12.0 
    react-native: ^0.62.0-rc.0 => 0.62.0-rc.0```
## Steps To Reproduce

1. React Native project that uses `art` (in this case, through `react-native-progress`)
2. Compile and launch the app.

import {
    Surface,
    Group,
    Shape,
    LinearGradient,
    Path,
    Transform,
    ClippingRectangle,
} from '@react-native-community/art';

export class ARTPage extends Component {
    render() {
        const path = new Path();
        path.moveTo(1,1); //将起始点移动到(1,1) 默认(0,0)
        path.lineTo(300,1); //连线到目标点(300,1)
        return (
            <View style={this.props.style}>
                <Surface width={500} height={500}>
                <Shape d={new Path().moveTo(0, 0).lineTo(200, 200)} fill="#d39494" />
                </Surface>
            </View>

        )
    }
}

import {
  Surface,
  LinearGradient,
  Path,
  Text,
  Shape,
  Group,
  RadialGradient,
} from '@react-native-community/art'

  const surfaceWidth = Dimensions.get('window').width - 16
  const surfaceHeight = surfaceWidth

  const path = new Path()
    .moveTo(0, 0)
    .lineTo(100, 100)
    .lineTo(200, 420)
    .line(150, 80)
    .line(150, -80)
    .line(40, -200)
    .line(-190, 120)

      return <Surface visible={true} opacity={1.0} width={surfaceWidth} height={surfaceHeight}>
        <Group visible={true} opacity={1.0} x={surfaceWidth / 2 - 90} y={surfaceHeight / 2 - 70}>
          {/* <Shape visible={true} opacity={1.0} strokeWidth={12} stroke="#000" d={path} /> */}
          <Shape visible={true} opacity={1.0} d={path} strokeWidth={12} stroke="#000" />
        </Group>
      </Surface>

import {ART} from 'react-native'
const {
  Surface,
  LinearGradient,
  Path,
  Text,
  Shape,
  Group,
  RadialGradient,
  // } from '@react-native-community/art'
} = ART

Expo CLI 3.4.1 environment info:
System:
    OS: macOS 10.15.1
    Shell: 5.7.1 - /bin/zsh
Binaries:
    Node: 10.16.0 - ~/.nvm/versions/node/v10.16.0/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.11.2 - ~/.nvm/versions/node/v10.16.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
IDEs:
    Android Studio: 3.4 AI-183.5429.30.34.5452501
    Xcode: 11.2.1/11B500 - /usr/bin/xcodebuild
npmPackages:
    expo: 35.0.1 => 35.0.1
    react: 16.8.3 => 16.8.3 
    react-native: https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz => 0.59.8 
npmGlobalPackages:
    expo-cli: 3.4.1

Error: Requiring module "node_modules/@react-native-community/art/lib/Group.js", which threw an exception: TypeError: Cannot read property 'hex' of undefined.

TypeError: Cannot read property 'hex' of undefined

error: package android.support.v4.graphics does not exist import android.support.v4.graphics.ColorUtils;

info Fetching system and libraries information...
System:
    OS: macOS Mojave 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
    Memory: 2.49 GB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 13.3.0 - /usr/local/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.13.2 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.1, 29.0.2
      System Images: android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom
      Android NDK: 20.1.5948944
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5977832
    Xcode: 11.2.1/11B500 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4

import {ART} from 'react-native';
const {Surface, Shape} = ART;

import {Surface, Shape} from '@react-native-community/art';

   <View style={[styles.svgContainer, backgroundStyle]}>
        <Surface height={this.props.height} width={this.state.barCodeWidth}>
          <Shape d={this.state.bars} fill={this.props.lineColor} />
        </Surface>
        { typeof(this.props.text) != 'undefined' &&
          <Text style={{color: this.props.textColor, width: this.state.barCodeWidth, textAlign: 'center'}} >{this.props.text}</Text>
        }
      </View>

Invariant Violation: requireNativeComponent: "ARTShape" was not found in the UIManager.

This error is located at:
    in ARTShape (at Shape.js:58)
    in Shape (at Barcode.js:178)
    in ARTSurfaceView (at Surface.js:37)
    in Surface (at Barcode.js:177)
    in RCTView (at Barcode.js:176)
    in Barcode (at ProfileScreen/index.js:69)
    in RCTView (at CardItem.js:22)
    in CardItem (at connectStyle.js:392)
    in Styled(CardItem) (at ProfileScreen/index.js:68)
    in RCTView (at Card.js:21)
    in Card (at connectStyle.js:392)
    in Styled(Card) (at ProfileScreen/index.js:51)
    in RCTView (at View.js:10)
    in ViewNB (at connectStyle.js:392)
    in Styled(ViewNB) (at ProfileScreen/index.js:50)
    in RCTScrollContentView (at ScrollView.js:1038)
    in RCTScrollView (at ScrollView.js:1178)
    in ScrollView (at KeyboardAwareHOC.js:517)
    in KeyboardAwareScrollView (at Content.js:66)
    in Content (at connectStyle.js:392)
    in Styled(Content) (at ProfileScreen/index.js:49)
    in RCTView (at ImageBackground.js:60)
    in ImageBackground (at ProfileScreen/index.js:30)
    in RCTView (at Container.js:12)
    in Container (at connectStyle.js:392)
    in Styled(Container) (at ProfileScreen/index.js:29)
    in ProfileScreen (created by Connect(ProfileScreen))
    in Connect(ProfileScreen) (at SceneView.js:9)
    in SceneView (at DrawerView.js:149)
    in RCTView (at ResourceSavingScene.js:20)
    in RCTView (at ResourceSavingScene.js:16)
    in ResourceSavingScene (at DrawerView.js:148)
    in RCTView (at screens.native.js:83)
    in ScreenContainer (at DrawerView.js:138)
    in RCTView (at createAnimatedComponent.js:151)
    in AnimatedComponent (at DrawerLayout.js:446)
    in RCTView (at createAnimatedComponent.js:151)
    in AnimatedComponent (at DrawerLayout.js:445)
    in PanGestureHandler (at DrawerLayout.js:504)
    in DrawerLayout (at DrawerView.js:165)
    in DrawerView (at createNavigator.js:61)
    in Navigator (at SceneView.js:9)
    in SceneView (at StackViewLayout.tsx:899)
    in RCTView (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewCard.tsx:93)
    in RCTView (at createAnimatedComponent.js:151)
    in AnimatedComponent (at screens.native.js:59)
    in Screen (at StackViewCard.tsx:80)
    in Card (at createPointerEventsContainer.tsx:95)
    in Container (at StackViewLayout.tsx:971)
    in RCTView (at screens.native.js:83)
    in ScreenContainer (at StackViewLayout.tsx:383)
    in RCTView (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewLayout.tsx:379)
    in PanGestureHandler (at StackViewLayout.tsx:372)
    in StackViewLayout (at withOrientation.js:30)
    in withOrientation (at StackView.tsx:103)
    in RCTView (at Transitioner.tsx:267)
    in Transitioner (at StackView.tsx:40)
    in StackView (at createNavigator.js:61)
    in Navigator (at createKeyboardAwareNavigator.js:12)
    in KeyboardAwareNavigator (at createAppContainer.js:429)
    in NavigationContainer (at App.tsx:205)
    in RCTView (at Root.js:14)
    in Root (at connectStyle.js:392)
    in Styled(Root) (at App.tsx:204)
    in RootContainer (created by Connect(RootContainer))
    in Connect(RootContainer) (at setup.js:48)
    in PersistGate (at setup.js:47)
    in Provider (at setup.js:46)
    in StyleProvider (at setup.js:45)
    in Setup (at App.js:21)
    in App (at withExpoRoot.js:26)
    in RootErrorBoundary (at withExpoRoot.js:25)
    in ExpoRoot (at renderApplication.js:40)
    in RCTView (at AppContainer.js:101)
    in DevAppContainer (at AppContainer.js:115)
    in RCTView (at AppContainer.js:119)
    in AppContainer (at renderApplication.js:39)

getNativeComponentAttributes
    getNativeComponentAttributes.js:30:4
exports.get
    ReactNativeViewConfigRegistry.js:102:25
renderRoot
    [native code]:0
runRootCallback
    [native code]:0
unstable_runWithPriority
    scheduler.development.js:643:23
callFunctionReturnFlushedQueue
    [native code]:0

const d = 'M 10, 10 h 150 v 50 h -150 z'; 
const shadowProps = {
 shadowOpacity: 1,
  shadowOffset: {
    x: 5, y: 5
  },
  shadowRadius: 5,
  shadowColor: '#000',
};

const App: () => React$Node = () => {
  return (
    <>
      <Surface width={500} height={500}>
        <Group>
          <Shape d={d} stroke="#000" strokeWidth={1} {...shadowProps} />
        </Group>
      </Surface>
    </>
  );
};

Module '"@react-native-community/art"' has no exported member 'Path'.

A problem occurred evaluating project ':app'.
> Project with path ':react-native-community_art' could not be found in project ':app'.

System:
    OS: macOS 10.15.3
    CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Memory: 18.86 MB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.14.1 - /usr/local/bin/node
    Yarn: 1.9.4 - /usr/local/bin/yarn
    npm: 6.4.1 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1
    Android SDK:
      API Levels: 23, 25, 26, 27, 28
      Build Tools: 23.0.1, 23.0.3, 25.0.0, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 26.0.3, 27.0.3, 28.0.2, 28.0.3
      System Images: android-19 | Google APIs ARM EABI v7a, android-19 | Google APIs Intel x86 Atom, android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom
      Android NDK: 17.1.4828580
  IDEs:
    Xcode: 10.1/10B61 - /usr/bin/xcodebuild
  npmPackages:
    react: ^16.13.1 => 16.13.1 
    react-native: ^0.61.5 => 0.61.5 
  npmGlobalPackages:
    create-react-native-app: 1.0.0
    react-native-cli: 2.0.1
    react-native-git-upgrade: 0.2.7