more eslint and prettier

Author: testshallpass

.github/workflows/ci.yml

@@ -2,17 +2,17 @@ name: CI
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
   pull_request:
-    branches: [ main ]
-  
+    branches: [main]
+
 jobs:
   test:
     runs-on: macos-latest
 
     steps:
       - uses: actions/checkout@v4
-      
+
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:

.prettierignore

@@ -1,10 +1,12 @@
 node_modules/
 assets/
 coverage/
-.github/
+.yarn/
+.expo/
 yarn.lock
 LICENSE
 .gitignore
 .npmignore
+.prettierignore
 tsconfig.json
 .yarnrc.yml

.prettierrc.js

@@ -33,7 +33,7 @@
 
 ## Usage
 
-```javascript
+```tsx
 import React from 'react';
 import { Animated } from 'react-native';
 import ThumbnailSelector from 'react-native-thumbnail-selector';
@@ -49,9 +49,10 @@ const thumbnails = [
   },
 ];
 
-function Example() {
+export default function App(): React.JSX.Element {
   // use toggle to show and hide ThumbnailSelector
-  let toggle = () => new Promise() < Animated.EndResult > (res => res);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  let toggle = () => new Promise<Animated.EndResult>(res => res);
 
   return (
     <ThumbnailSelector
@@ -60,6 +61,4 @@ function Example() {
     />
   );
 }
-
-export default Example;
 ```

README.md

@@ -1,27 +1,43 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import tseslint from 'typescript-eslint';
 import { defineConfig, globalIgnores } from 'eslint/config';
+import markdown from '@eslint/markdown';
+import ts from 'typescript-eslint';
+import yml from 'eslint-plugin-yml';
+import json from '@eslint/json';
 
 export default defineConfig([
   {
-    files: ['**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    plugins: { js },
-    extends: ['js/recommended'],
-    languageOptions: { globals: globals.browser },
+    files: ['**/*.{ts,tsx}'],
+    plugins: { ts },
+    extends: [ts.configs.recommended],
+  },
+  {
+    files: ['**/*.md'],
+    plugins: { markdown },
+    processor: 'markdown/markdown',
+  },
+  {
+    files: ['**/*.yml'],
+    plugins: { yml },
+    extends: [yml.configs['flat/recommended']],
+  },
+  {
+    files: ['**/*.json'],
+    plugins: { json },
+    language: 'json/jsonc',
   },
-  tseslint.configs.recommended,
   globalIgnores([
     'node_modules/*',
     'assets/*',
     'coverage/*',
+    'example/node_modules/*',
+    'example/.expo/*',
+    'example/.yarn/*',
+    '.expo/*',
+    '.yarn/*',
     'yarn.lock',
     'LICENSE',
     '.gitignore',
     '.npmignore',
-    '.prettierrc.js',
-    'yarnrc.yml',
-    'jest.config.js',
-    'babel.config.js',
+    '.yarnrc.yml',
   ]),
 ]);

eslint.config.mjs

@@ -13,7 +13,7 @@ const thumbnails = [
   },
 ];
 
-function Example(): React.JSX.Element {
+export default function App(): React.JSX.Element {
   // use toggle to show and hide ThumbnailSelector
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   let toggle = () => new Promise<Animated.EndResult>(res => res);
@@ -25,5 +25,3 @@ function Example(): React.JSX.Element {
     />
   );
 }
-
-export default Example;

example/Example.tsx

@@ -4,9 +4,8 @@
   "description": "A thumbnail selector.",
   "main": "ThumbnailSelector.tsx",
   "scripts": {
-    "test": "npx jest --coverage",
-    "lint": "npx eslint .",
-    "lint:fix": "npx eslint . --fix",
+    "test": "yarn jest --coverage",
+    "lint": "yarn eslint .",
     "prettier": "npx prettier --check ."
   },
   "repository": {
@@ -30,7 +29,8 @@
   "author": "Brian Sinnicke",
   "license": "MIT",
   "devDependencies": {
-    "@eslint/js": "9.35.0",
+    "@eslint/json": "0.13.2",
+    "@eslint/markdown": "7.2.0",
     "@react-native/babel-preset": "0.81.1",
     "@react-native/eslint-config": "0.81.1",
     "@react-native/metro-config": "0.81.1",
@@ -41,15 +41,18 @@
     "@types/react-test-renderer": "19.1.0",
     "babel-jest": "29.7.0",
     "eslint": "9.35.0",
-    "globals": "16.3.0",
+    "eslint-plugin-yml": "1.18.0",
     "jest": "29.7.0",
-    "prettier": "3.3.3",
+    "prettier": "3.6.2",
     "react": "19.1.0",
     "react-native": "0.81.1",
     "react-test-renderer": "19.1.0",
     "ts-jest": "29.3.4",
     "typescript": "5.8.3",
     "typescript-eslint": "8.42.0"
   },
+  "engines": {
+    "node": ">=20"
+  },
   "packageManager": "[email protected]"
 }

package.json

@@ -0,0 +1,12 @@
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+
+const config = {
+  arrowParens: 'avoid',
+  singleQuote: true,
+  trailingComma: 'all',
+};
+
+module.exports = config;

prettier.config.js

@@ -1,10 +1,5 @@
 {
     "extends": "@react-native/typescript-config",
     "include": ["**/*.ts", "**/*.tsx"],
-    "exclude": [
-        "babel.config.js",
-        ".prettierrc.js",
-        "**/node_modules", 
-        "**/Pods"
-    ]
+    "exclude": ["**/node_modules", "**/Pods"]
 }