refactor: rm module resolver

dohooo · dohooo · commit 80075ca5e0a5 · 2022-08-02T09:29:18.000+08:00
diff --git a/babel.config.js b/babel.config.js
@@ -1,16 +1,6 @@
 module.exports = {
     presets: ['module:metro-react-native-babel-preset'],
     plugins: [
-        [
-            'module-resolver',
-            {
-                root: './',
-                extensions: ['.tsx', '.ts', '.js', '.json'],
-                alias: {
-                    '@/utils': './src/utils',
-                },
-            },
-        ],
         'react-native-reanimated/plugin',
         'inline-dotenv',
         '@babel/plugin-syntax-dynamic-import',
diff --git a/exampleExpo/babel.config.js b/exampleExpo/babel.config.js
@@ -1,21 +1,9 @@
-const path = require('path');
-const pak = require('../package.json');
-
 module.exports = function (api) {
     api.cache(true);
 
     return {
         presets: ['babel-preset-expo'],
         plugins: [
-            [
-                'module-resolver',
-                {
-                    extensions: ['.tsx', '.ts', '.js', '.json'],
-                    alias: {
-                        [pak.name]: path.join(__dirname, '..', pak.main),
-                    },
-                },
-            ],
             'react-native-reanimated/plugin',
             'inline-dotenv',
             '@babel/plugin-syntax-dynamic-import',
diff --git a/exampleExpo/package.json b/exampleExpo/package.json
@@ -47,7 +47,6 @@
         "@types/react": "~17.0.21",
         "@types/react-native-snap-carousel": "^3.8.5",
         "babel-plugin-inline-dotenv": "^1.6.0",
-        "babel-plugin-module-resolver": "^4.1.0",
         "babel-plugin-react-native-web": "^0.17.5",
         "babel-preset-expo": "9.0.2",
         "expo-cli": "^5.4.10",
diff --git a/exampleExpo/src/blur-parallax/parallax.ts b/exampleExpo/src/blur-parallax/parallax.ts
@@ -1,5 +1,5 @@
 import { Extrapolate, interpolate } from 'react-native-reanimated';
-import type { ComputedDirectionTypes } from 'src/types';
+import type { IComputedDirectionTypes } from 'react-native-reanimated-carousel';
 
 type TBaseConfig = {
     size: number;
@@ -24,7 +24,7 @@ export interface ILayoutConfig {
     parallaxAdjacentItemScale?: number;
 }
 
-export type TParallaxModeProps = ComputedDirectionTypes<{
+export type TParallaxModeProps = IComputedDirectionTypes<{
     /**
      * Carousel Animated transitions.
      */
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
     "version": "3.0.3",
     "description": "Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.",
     "main": "lib/commonjs/index",
+    "react-native": "src/index.tsx",
     "types": "lib/typescript/index.d.ts",
     "source": "src/index",
     "files": [
diff --git a/src/hooks/useCarouselController.tsx b/src/hooks/useCarouselController.tsx
@@ -11,9 +11,9 @@ import type {
     TCarouselProps,
     WithTimingAnimation,
 } from '../types';
-import { dealWithAnimation } from '@/utils/dealWithAnimation';
-import { convertToSharedIndex } from '@/utils/computedWithAutoFillData';
-import { round } from '@/utils/log';
+import { dealWithAnimation } from '../utils/dealWithAnimation';
+import { convertToSharedIndex } from '../utils/computedWithAutoFillData';
+import { round } from '../utils/log';
 
 interface IOpts {
     loop: boolean;
diff --git a/src/hooks/useInitProps.ts b/src/hooks/useInitProps.ts
@@ -1,4 +1,4 @@
-import { computedFillDataWithAutoFillData } from '@/utils/computedWithAutoFillData';
+import { computedFillDataWithAutoFillData } from '../utils/computedWithAutoFillData';
 import React from 'react';
 import type { TCarouselProps } from '../types';
 
diff --git a/src/hooks/useLayoutConfig.ts b/src/hooks/useLayoutConfig.ts
@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TAnimationStyle } from 'src/layouts/BaseLayout';
+import type { TAnimationStyle } from '../layouts/BaseLayout';
 import { Layouts } from '../layouts';
 import type { TInitializeCarouselProps } from './useInitProps';
 
diff --git a/src/hooks/useOnProgressChange.ts b/src/hooks/useOnProgressChange.ts
@@ -2,7 +2,7 @@ import Animated, {
     runOnJS,
     useAnimatedReaction,
 } from 'react-native-reanimated';
-import { computedOffsetXValueWithAutoFillData } from '@/utils/computedWithAutoFillData';
+import { computedOffsetXValueWithAutoFillData } from '../utils/computedWithAutoFillData';
 import type { TCarouselProps } from '../types';
 
 export function useOnProgressChange(
diff --git a/src/hooks/usePropsErrorBoundary.ts b/src/hooks/usePropsErrorBoundary.ts
@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TCarouselProps } from 'src/types';
+import type { TCarouselProps } from '../types';
 
 export function usePropsErrorBoundary(props: TCarouselProps) {
     React.useEffect(() => {
diff --git a/src/index.tsx b/src/index.tsx
@@ -1,4 +1,8 @@
-export type { TCarouselProps, ICarouselInstance } from './types';
+export type {
+    TCarouselProps,
+    ICarouselInstance,
+    IComputedDirectionTypes,
+} from './types';
 import Carousel from './Carousel';
 
 export default Carousel;
diff --git a/src/layouts/BaseLayout.tsx b/src/layouts/BaseLayout.tsx
@@ -7,7 +7,7 @@ import Animated, {
     useAnimatedStyle,
     useDerivedValue,
 } from 'react-native-reanimated';
-import { useCheckMounted } from 'src/hooks/useCheckMounted';
+import { useCheckMounted } from '../hooks/useCheckMounted';
 import { IOpts, useOffsetX } from '../hooks/useOffsetX';
 import type { IVisibleRanges } from '../hooks/useVisibleRanges';
 import { LazyView } from '../LazyView';
diff --git a/src/layouts/ParallaxLayout.tsx b/src/layouts/ParallaxLayout.tsx
@@ -6,14 +6,14 @@ import Animated, {
     useAnimatedReaction,
     useAnimatedStyle,
 } from 'react-native-reanimated';
-import type { ComputedDirectionTypes } from 'src/types';
+import type { IComputedDirectionTypes } from '../types';
 import { useOffsetX } from '../hooks/useOffsetX';
 import type { IVisibleRanges } from '../hooks/useVisibleRanges';
 import { LazyView } from '../LazyView';
 import type { ILayoutConfig } from './parallax';
 
 export const ParallaxLayout: React.FC<
-    ComputedDirectionTypes<
+    IComputedDirectionTypes<
         {
             loop?: boolean;
             handlerOffsetX: Animated.SharedValue<number>;
diff --git a/src/layouts/parallax.ts b/src/layouts/parallax.ts
@@ -1,5 +1,5 @@
 import { Extrapolate, interpolate } from 'react-native-reanimated';
-import type { ComputedDirectionTypes } from '../types';
+import type { IComputedDirectionTypes } from '../types';
 
 type TBaseConfig = {
     size: number;
@@ -24,7 +24,7 @@ export interface ILayoutConfig {
     parallaxAdjacentItemScale?: number;
 }
 
-export type TParallaxModeProps = ComputedDirectionTypes<{
+export type TParallaxModeProps = IComputedDirectionTypes<{
     /**
      * Carousel Animated transitions.
      */
diff --git a/src/layouts/stack.ts b/src/layouts/stack.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { Dimensions, TransformsStyle, ViewStyle } from 'react-native';
 import { Extrapolate, interpolate } from 'react-native-reanimated';
-import type { ComputedDirectionTypes, CustomConfig } from '../types';
+import type { IComputedDirectionTypes, CustomConfig } from '../types';
 
 const screen = Dimensions.get('window');
 
@@ -15,7 +15,7 @@ export interface ILayoutConfig {
     snapDirection?: 'left' | 'right';
 }
 
-export type TStackModeProps = ComputedDirectionTypes<{
+export type TStackModeProps = IComputedDirectionTypes<{
     /**
      * Carousel Animated transitions.
      */
diff --git a/src/store/index.ts b/src/store/index.ts
@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TInitializeCarouselProps } from 'src/hooks/useInitProps';
+import type { TInitializeCarouselProps } from '../hooks/useInitProps';
 
 export interface IContext {
     props: TInitializeCarouselProps<any>;
diff --git a/src/types.ts b/src/types.ts
@@ -9,7 +9,7 @@ import type Animated from 'react-native-reanimated';
 import type { TParallaxModeProps } from './layouts/parallax';
 import type { TStackModeProps } from './layouts/stack';
 
-export type ComputedDirectionTypes<T, VP = {}, HP = {}> =
+export type IComputedDirectionTypes<T, VP = {}, HP = {}> =
     | (T &
           VP & {
               /**
diff --git a/src/utils/computedWithAutoFillData.ts b/src/utils/computedWithAutoFillData.ts
@@ -1,4 +1,4 @@
-import { DATA_LENGTH } from 'src/constants';
+import { DATA_LENGTH } from '../constants';
 
 const { SINGLE_ITEM, DOUBLE_ITEM } = DATA_LENGTH;
 
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,7 +2,6 @@
     "compilerOptions": {
         "baseUrl": "./",
         "paths": {
-            "@/utils/*": ["./src/utils/*"],
             "react-native-reanimated-carousel": ["./src/index"]
         },
         "allowUnreachableCode": false,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { computedFillDataWithAutoFillData } from '@/utils/computedWithAutoFillData';`
	`1`	`+import { computedFillDataWithAutoFillData } from '../utils/computedWithAutoFillData';`
`2`	`2`	`import React from 'react';`
`3`	`3`	`import type { TCarouselProps } from '../types';`
`4`	`4`