perf: setup lint

Author: henriquemarquesdev

.eslintrc

@@ -1,10 +1,9 @@
 {
   "root": true,
   "extends": [
-    "@react-native",
-    "prettier"
+    "@react-native"
   ],
   "rules": {
-    "prettier/prettier": "off"
-  }
+    "react-native/no-inline-styles": ["off"]
+  }	
 }

.github/workflows/ci.yml

@@ -20,21 +20,6 @@ jobs:
       - name: Lint files
         run: yarn lint
 
-      - name: Typecheck files
-        run: yarn typecheck
-
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Run unit tests
-        run: yarn test --maxWorkers=2 --coverage
-
   build-library:
     runs-on: ubuntu-latest
     steps:
@@ -44,20 +29,16 @@ jobs:
       - name: Setup
         uses: ./.github/actions/setup
 
-      - name: Build package
-        run: yarn prepare
-
-      - name: Login NPM
-        run: echo "//registry.npmjs.org/:_authToken=${{secrets.NPM_TOKEN}}" > ~/.npmrc
-
       - name: Config Git
         run: |
           git config --global user.email "hmdarkfire.dev@gmail.com"
           git config --global user.name "Henrique Marques"
 
+      - name: Login NPM
+        run: echo "//registry.npmjs.org/:_authToken=${{secrets.NPM_TOKEN}}" > ~/.npmrc
+
       - name: Release
         run: yarn release
         env:
           GITHUB_TOKEN: ${{secrets.GHP_TOKEN}}
-
 

.prettierrc

@@ -9,5 +9,6 @@
   "printWidth": 100,
   "useTabs": false,
   "tabWidth": 2,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "endOfLine": "crlf"
 }

example/metro.config.js

@@ -20,10 +20,7 @@ const config = {
   // So we block them at the root, and alias them to the versions in example's node_modules
   resolver: {
     blacklistRE: exclusionList(
-      modules.map(
-        (m) =>
-          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
-      )
+      modules.map((m) => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`))
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {

jest.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  preset: 'react-native',
+  modulePathIgnorePatterns: ['<rootDir>/example/node_modules'],
+  setupFiles: ['<rootDir>/jest.setup.js'],
+  testRegex: '(/__tests__/.*|(\\.|/)(test))\\.[jt]sx?$',
+};

jest.setup.js

@@ -29,7 +29,7 @@
     "example": "yarn workspace react-native-linear-gradient-text-example",
     "test": "jest",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint": "eslint \"**/*.{js,ts,tsx}\" --fix",
     "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
     "prepare": "bob build",
     "release": "release-it"

package.json

@@ -14,15 +14,22 @@ interface Props {
 }
 
 export const LinearGradientText: FC<Props> = (props) => {
-  const { text, textStyle = {}, textProps={}, colors, start = { x: 0, y: 1 }, end = { x: 1, y: 1 } } = props;
+  const {
+    text,
+    textStyle = {},
+    textProps = {},
+    colors,
+    start = { x: 0, y: 1 },
+    end = { x: 1, y: 1 },
+  } = props;
 
   return (
     <MaskedView maskElement={<Text style={[styles.maskText, textStyle]}>{text}</Text>}>
       <LinearGradient colors={colors} start={start} end={end}>
-      <Text style={[styles.text, textStyle]} {...textProps}>
+        <Text style={[styles.text, textStyle]} {...textProps}>
           {text}
-        </Text>      
-        </LinearGradient>
+        </Text>
+      </LinearGradient>
     </MaskedView>
   );
 };