React Native 0.81

Author: jpdriver

.eslintignore

@@ -0,0 +1 @@
+dist/*

.eslintrc.js

@@ -1,9 +1,27 @@
 module.exports = {
   root: true,
-  extends: ['@react-native', 'plugin:@tanstack/query/recommended'],
+  extends: [
+    '@react-native',
+    'plugin:jest/recommended',
+    'plugin:@tanstack/query/recommended',
+  ],
   rules: {
     // don't allow nested ternaries
     'no-nested-ternary': 'error',
+    // don't allow default React import
+    'no-restricted-imports': [
+      'error',
+      {
+        paths: [
+          {
+            name: 'react',
+            importNames: ['default'],
+            message:
+              "As of React 17, you don't need to import React to use JSX. Please remove the default import.",
+          },
+        ],
+      },
+    ],
     // don't allow unused styles
     'react-native/no-unused-styles': 'error',
     // make sure all maps have a key
@@ -18,4 +36,7 @@ module.exports = {
       extends: ['plugin:testing-library/react'],
     },
   ],
+  parserOptions: {
+    warnOnUnsupportedTypeScriptVersion: false,
+  },
 };

.github/workflows/PR Checks.yml

@@ -7,12 +7,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 🏗 Setup repo
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: 🏗 Setup Node
-        uses: actions/setup-node@v4
-        with:
-          cache: npm
+        uses: actions/setup-node@v5
 
       - name: 📦 Install dependencies
         run: npm install
@@ -21,7 +19,7 @@ jobs:
         run: npm run lint
 
       - name: 🧼 Format
-        run: npm run format
+        run: npx prettier --check .
 
       - name: 🧪 Test
         run: npm run test

.gitignore

@@ -36,13 +36,22 @@ yarn-error.*
 # typescript
 *.tsbuildinfo
 
+# generated native folders
+/ios
+/android
+
 # Ruby / CocoaPods
 /vendor/bundle/
 
-# native apps
-/android/
-/ios/
-
 # modules
 /modules/*/android/build
 /modules/*/plugin/build
+
+# Corepack
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierignore

@@ -0,0 +1,5 @@
+.expo
+android
+ios
+node_modules
+vendor

.prettierrc.js

@@ -1,7 +1,5 @@
 module.exports = {
   arrowParens: 'avoid',
-  bracketSameLine: true,
-  bracketSpacing: false,
   singleQuote: true,
   trailingComma: 'all',
 };

.rnstorybook/main.ts

@@ -1,4 +1,4 @@
-import type {StorybookConfig} from '@storybook/react-native';
+import type { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
   stories: ['../src/components/**/*.stories.?(ts|tsx|js|jsx)'],

.rnstorybook/storybook.requires.ts

@@ -1,51 +1,49 @@
 /* do not change this file, it is auto generated by storybook. */
-import { start, updateView, View } from '@storybook/react-native';
 
-import "@storybook/addon-ondevice-controls/register";
-import "@storybook/addon-ondevice-actions/register";
+import { start, updateView } from '@storybook/react-native';
+
+import '@storybook/addon-ondevice-actions/register';
+import '@storybook/addon-ondevice-controls/register';
 
 const normalizedStories = [
   {
-    titlePrefix: "",
-    directory: "./src/components",
-    files: "**/*.stories.?(ts|tsx|js|jsx)",
-    importPathMatcher: /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
+    titlePrefix: '',
+    directory: './src/components',
+    files: '**/*.stories.?(ts|tsx|js|jsx)',
+    importPathMatcher:
+      /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
     // @ts-ignore
     req: require.context(
       '../src/components',
       true,
-      /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/
+      /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
     ),
-  }
+  },
 ];
 
-
 declare global {
-  var view: View;
+  var view: ReturnType<typeof start>;
   var STORIES: typeof normalizedStories;
 }
 
-
 const annotations = [
   require('./preview'),
-  require("@storybook/react-native/preview")
+  require('@storybook/react-native/dist/preview'),
+  require('@storybook/addon-ondevice-actions/preview'),
 ];
 
 global.STORIES = normalizedStories;
 
 // @ts-ignore
 module?.hot?.accept?.();
 
-
-
 if (!global.view) {
   global.view = start({
     annotations,
     storyEntries: normalizedStories,
-
   });
 } else {
   updateView(global.view, annotations, normalizedStories);
 }
 
-export const view: View = global.view;
+export const view = global.view;

.vscode/extensions.json

@@ -1,20 +1,20 @@
 {
-    "recommendations": [
-        "cssho.vscode-svgviewer",
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode",
-        "mgmcdermott.vscode-language-babel",
-        "naumovs.color-highlight",
-        "vsmobile.vscode-react-native",
-        "waderyan.gitblame",
-        "wayou.vscode-todo-highlight",
-        "wmaurer.change-case",
-        "davidanson.vscode-markdownlint",
-        "jasonnutter.search-node-modules",
-        "yzhang.markdown-all-in-one",
-        "mathiasfrohlich.Kotlin",
-        "pnp.polacode",
-        "ms-vsliveshare.vsliveshare",
-        "expo.vscode-expo-tools"
-    ]
+  "recommendations": [
+    "cssho.vscode-svgviewer",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "mgmcdermott.vscode-language-babel",
+    "naumovs.color-highlight",
+    "vsmobile.vscode-react-native",
+    "waderyan.gitblame",
+    "wayou.vscode-todo-highlight",
+    "wmaurer.change-case",
+    "davidanson.vscode-markdownlint",
+    "jasonnutter.search-node-modules",
+    "yzhang.markdown-all-in-one",
+    "mathiasfrohlich.Kotlin",
+    "pnp.polacode",
+    "ms-vsliveshare.vsliveshare",
+    "expo.vscode-expo-tools"
+  ]
 }

.vscode/settings.json

@@ -1,7 +1,9 @@
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true,
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": "explicit"
-    }
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.organizeImports": "explicit",
+    "source.sortMembers": "explicit"
+  }
 }