@tarojs/rn-style-transformer 4.0.1 → 4.0.3-alpha.0

package/__tests__/styles/mixins.scss

@@ -1,18 +0,0 @@
-/**
- * 对于不能打包到 RN 的样式，可以用 mixins 引入，相对美观一些
- */
-@mixin eject($attr, $value) {
-  /*postcss-pxtransform rn eject enable*/
-  #{$attr}: $value;
-  /*postcss-pxtransform rn eject disable*/
-}
-
-/**
- * // TODO 1px 的线在各端上实现方式不同，统一出来后续再兼容，目前注意两点：
- * 1. Taro 中大写的 PX 不会被编译成 rpx/em，但 RN 还未兼容该写法
- * 2. H5 中 1px(转成 rem 后实际小于 0.5px) + border-radius 会导致 border 不显示
- */
-@mixin hairline($attr) {
-  #{$attr}: 1px;
-  @include eject($attr, 1PX);
-}

package/__tests__/styles/nest.rn.less

@@ -1,3 +0,0 @@
-.nest {
-  color: red;
-}

package/__tests__/styles/variable.scss

@@ -1 +0,0 @@
-$base-color: #c6538c;

package/babel.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        targets: {
-          node: 'current'
-        }
-      }
-    ]
-  ]
-}

package/jest.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  verbose: true,
-  transform: {
-    '^.+\\.js$': 'babel-jest',
-    '^.+\\.tsx?$': 'ts-jest'
-  },
-  testPathIgnorePatterns: ['/node_modules/']
-}

package/src/config/rn-stylelint.json

@@ -1,5 +0,0 @@
-{
-  "extends": "stylelint-config-taro-rn",
-  "rules": {
-  }
-}

package/src/index.ts

@@ -1,52 +0,0 @@
-import * as path from 'path'
-
-import StyleTransform from './transforms'
-import { Config, TransformOptions } from './types'
-
-const RN_CSS_EXT = ['.css', '.scss', '.sass', '.less', '.styl', '.stylus']
-const upstreamTransformer = require('metro-react-native-babel-transformer')
-
-const getSingleStyleTransform = styleTransformIns()
-
-function styleTransformIns () {
-  let styleTransform: StyleTransform | null = null
-  return function (config: Config) {
-    // 初始化 config
-    if (!styleTransform) {
-      styleTransform = new StyleTransform(config)
-    }
-    return styleTransform
-  }
-}
-
-export async function transform (src: string, filename: string, options: TransformOptions) {
-  if (typeof src === 'object') {
-    // handle RN >= 0.46
-    ({ src, filename, options } = src)
-  }
-  const ext = path.extname(filename)
-  if (RN_CSS_EXT.includes(ext)) {
-    const styleTransform = getSingleStyleTransform(options.config)
-    const styles = await styleTransform.transform(src, filename, options)
-    return upstreamTransformer.transform({
-      src: styles,
-      filename,
-      options
-    })
-  }
-  return upstreamTransformer.transform({ src, filename, options })
-}
-
-export function rollupTransform (options: TransformOptions) {
-  return {
-    name: 'rn-style-transformer', // this name will show up in warnings and errors
-    async transform (src: string, filename: string) {
-      const ext = path.extname(filename)
-      if (RN_CSS_EXT.includes(ext)) {
-        const styleTransform = getSingleStyleTransform(options.config)
-        const code = await styleTransform.transform(src, filename, options)
-        return { code }
-      }
-    }
-  }
-}

package/src/transforms/StyleSheet/ColorPropType.ts

@@ -1,76 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict'
-
-import normalizeColor from './normalizeColor'
-
-const colorPropType = function (
-  isRequired,
-  props,
-  propName,
-  componentName,
-  location,
-  propFullName
-) {
-  const color = props[propName]
-  if (color === undefined || color === null) {
-    if (isRequired) {
-      return new Error(
-        'Required ' +
-          location +
-          ' `' +
-          (propFullName || propName) +
-          '` was not specified in `' +
-          componentName +
-          '`.'
-      )
-    }
-    return
-  }
-
-  if (typeof color === 'number') {
-    // Developers should not use a number, but we are using the prop type
-    // both for user provided colors and for transformed ones. This isn't ideal
-    // and should be fixed but will do for now...
-    return
-  }
-
-  if (normalizeColor(color) === null) {
-    return new Error(
-      'Invalid ' +
-        location +
-        ' `' +
-        (propFullName || propName) +
-        '` supplied to `' +
-        componentName +
-        '`: ' +
-        color +
-        '\n' +
-        `Valid color formats are
-  - '#f0f' (#rgb)
-  - '#f0fc' (#rgba)
-  - '#ff00ff' (#rrggbb)
-  - '#ff00ff00' (#rrggbbaa)
-  - 'rgb(255, 255, 255)'
-  - 'rgba(255, 255, 255, 1.0)'
-  - 'hsl(360, 100%, 100%)'
-  - 'hsla(360, 100%, 100%, 1.0)'
-  - 'transparent'
-  - 'red'
-  - 0xff00ff00 (0xrrggbbaa)
-`
-    )
-  }
-}
-
-const ColorPropType = colorPropType.bind(null, false /* isRequired */)
-ColorPropType.isRequired = colorPropType.bind(null, true /* isRequired */)
-
-export default ColorPropType

package/src/transforms/StyleSheet/ImageResizeMode.ts

@@ -1,50 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
-import keyMirror from 'fbjs/lib/keyMirror'
-
-/**
- * ImageResizeMode - Enum for different image resizing modes, set via
- * `resizeMode` style property on `<Image>` components.
- */
-const ImageResizeMode = keyMirror({
-  /**
-   * contain - The image will be resized such that it will be completely
-   * visible, contained within the frame of the View.
-   */
-  contain: null,
-  /**
-   * cover - The image will be resized such that the entire area of the view
-   * is covered by the image, potentially clipping parts of the image.
-   */
-  cover: null,
-  /**
-   * stretch - The image will be stretched to fill the entire frame of the
-   * view without clipping. This may change the aspect ratio of the image,
-   * distorting it.
-   */
-  stretch: null,
-  /**
-   * center - The image will be scaled down such that it is completely visible,
-   * if bigger than the area of the view.
-   * The image will not be scaled up.
-   */
-  center: null,
-
-  /**
-   * repeat - The image will be repeated to cover the frame of the View. The
-   * image will keep it's size and aspect ratio.
-   */
-  repeat: null
-})
-
-export default ImageResizeMode

package/src/transforms/StyleSheet/ImageStylePropTypes.ts

@@ -1,62 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-'use strict'
-
-import ColorPropType from './ColorPropType'
-import ImageResizeMode from './ImageResizeMode'
-import LayoutPropTypes from './LayoutPropTypes'
-import * as ReactPropTypes from 'prop-types'
-import ShadowPropTypesIOS from './ShadowPropTypesIOS'
-import TransformPropTypes from './TransformPropTypes'
-
-const ImageStylePropTypes = {
-  ...LayoutPropTypes,
-  ...ShadowPropTypesIOS,
-  ...TransformPropTypes,
-  resizeMode: ReactPropTypes.oneOf(Object.keys(ImageResizeMode)),
-  backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
-  backgroundColor: ColorPropType,
-  borderColor: ColorPropType,
-  borderWidth: ReactPropTypes.number,
-  borderRadius: ReactPropTypes.number,
-  overflow: ReactPropTypes.oneOf(['visible', 'hidden']),
-
-  /**
-   * Changes the color of all the non-transparent pixels to the tintColor.
-   */
-  tintColor: ColorPropType,
-  opacity: ReactPropTypes.number,
-  /**
-   * When the image has rounded corners, specifying an overlayColor will
-   * cause the remaining space in the corners to be filled with a solid color.
-   * This is useful in cases which are not supported by the Android
-   * implementation of rounded corners:
-   *   - Certain resize modes, such as 'contain'
-   *   - Animated GIFs
-   *
-   * A typical way to use this prop is with images displayed on a solid
-   * background and setting the `overlayColor` to the same color
-   * as the background.
-   *
-   * For details of how this works under the hood, see
-   * http://frescolib.org/docs/rounded-corners-and-circles.html
-   *
-   * @platform android
-   */
-  overlayColor: ReactPropTypes.string,
-
-  // Android-Specific styles
-  borderTopLeftRadius: ReactPropTypes.number,
-  borderTopRightRadius: ReactPropTypes.number,
-  borderBottomLeftRadius: ReactPropTypes.number,
-  borderBottomRightRadius: ReactPropTypes.number
-}
-
-export default ImageStylePropTypes