prettier, eslint, and deps, epoch

.changeset/pre.json

@@ -0,0 +1,10 @@
+{
+  "mode": "exit",
+  "tag": "canary",
+  "initialVersions": {
+    "@react-native-community/hooks": "100.0.0"
+  },
+  "changesets": [
+    "two-pets-allow"
+  ]
+}

.changeset/two-pets-allow.md

@@ -0,0 +1,5 @@
+---
+"@react-native-community/hooks": patch
+---
+
+test for canary

CHANGELOG.md

@@ -1,4 +1,10 @@
-# v3.0.0 (Wed Feb 01 2023)
+# React Native Hooks
+
+## 100.0.0
+
+### Epoch Changes
+
+- a bunch of deps bumped, and epoch semver
 
 ## 3.1.0
 

eslint.config.mjs

@@ -0,0 +1,22 @@
+import globals from "globals"
+import pluginJs from "@eslint/js"
+import tseslint from "typescript-eslint"
+import pluginReact from "eslint-plugin-react"
+import eslintConfigPrettier from "eslint-config-prettier"
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	{ files: ["**/*.{ts,tsx}"] },
+	{ languageOptions: { globals: globals.node } },
+	pluginJs.configs.recommended,
+	...tseslint.configs.recommended,
+	{
+		files: ["**/*.{ts,tsx}"],
+		...pluginReact.configs.flat.recommended,
+		...pluginReact.configs.flat["jsx-runtime"],
+		rules: {
+			"react/react-in-jsx-scope": "off", // dont require `import React from "react"`
+		},
+	},
+	eslintConfigPrettier, // keep last
+]

jest.config.js

@@ -1,10 +1,16 @@
 module.exports = {
-  testEnvironment: 'node',
-  preset: 'react-native',
-  transform: {
-    '^.+\\.jsx$': 'babel-jest',
-    '^.+\\.tsx?$': 'ts-jest',
-  },
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  testPathIgnorePatterns: ['node_modules', 'lib'],
+	preset: "react-native",
+	testEnvironment: "node",
+	transform: {
+		"^.+\\.jsx?$": "babel-jest",
+		"^.+\\.tsx?$": [
+			"ts-jest",
+			{
+				tsconfig: "tsconfig.json",
+			},
+		],
+	},
+	moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
+	testPathIgnorePatterns: ["node_modules", "lib"],
+	setupFiles: ["./jest.setup.js"],
 }

jest.setup.js

@@ -0,0 +1,64 @@
+import { jest } from "@jest/globals"
+
+jest.mock("react-native/Libraries/Utilities/Platform", () => ({
+	select: jest.fn((platform) => platform.default),
+}))
+
+jest.mock("react-native", () => {
+	const RN = jest.requireActual("react-native/Libraries/ReactNative/oss/ReactNativeRenderer-prod")
+
+	return {
+		Platform: {
+			select: jest.fn((platform) => platform.default),
+		},
+		Dimensions: {
+			get: jest.fn().mockReturnValue({ width: 375, height: 812 }),
+			addEventListener: jest.fn(),
+		},
+		useWindowDimensions: jest.fn().mockReturnValue({ width: 375, height: 812 }),
+		AppState: {
+			currentState: "active",
+			addEventListener: jest.fn(() => ({
+				remove: jest.fn(),
+			})),
+		},
+		BackHandler: {
+			addEventListener: jest.fn(() => ({
+				remove: jest.fn(),
+			})),
+		},
+		Keyboard: {
+			addListener: jest.fn(() => ({
+				remove: jest.fn(),
+			})),
+			emit: jest.fn(),
+		},
+		AccessibilityInfo: {
+			addEventListener: jest.fn(() => ({
+				remove: jest.fn(),
+			})),
+			removeEventListener: jest.fn(),
+			setAccessibilityFocus: jest.fn(),
+			announceForAccessibility: jest.fn(),
+			isBoldTextEnabled: jest.fn().mockResolvedValue(false),
+			isScreenReaderEnabled: jest.fn().mockResolvedValue(false),
+			isGrayscaleEnabled: jest.fn().mockResolvedValue(false),
+			isInvertColorsEnabled: jest.fn().mockResolvedValue(false),
+			isReduceMotionEnabled: jest.fn().mockResolvedValue(false),
+			isReduceTransparencyEnabled: jest.fn().mockResolvedValue(false),
+		},
+		InteractionManager: {
+			runAfterInteractions: jest.fn(() => ({
+				cancel: jest.fn(),
+			})),
+		},
+		Image: {
+			getSize: jest.fn(),
+			getSizeWithHeaders: jest.fn(),
+			resolveAssetSource: jest.fn().mockReturnValue({ width: 100, height: 100 }),
+		},
+	}
+})
+
+global.window = {}
+global.window.addEventListener = () => {}

package.json

@@ -1,43 +1,42 @@
 {
   "name": "@react-native-community/hooks",
-  "version": "3.1.0",
-  "description": "",
+  "version": "100.0.0",
+  "description": "React Native Hooks",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
-    "prepare": "bun run build",
-    "build": "tsc",
+    "typecheck": "tsc",
     "test": "jest",
     "test:w": "jest --watch",
     "lint": "eslint src/**/*.ts",
     "eslint:fix": "eslint src/**/*.ts --fix",
     "prettier:fix": "prettier --write \"**/*.{ts,tsx}\"",
-    "release": "changeset publish",
-    "release:canary": "changeset pre enter canary && changeset version && changeset publish --tag canary",
+    "release": "bun run typecheck && changeset publish",
+    "release:canary": "bun run typecheck && changeset pre enter canary && changeset version && changeset publish --tag canary",
     "version": "changeset version",
     "changeset": "changeset"
   },
   "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-native": ">=0.65"
+    "react": ">=18.0.0",
+    "react-native": ">=0.70"
   },
   "devDependencies": {
     "@changesets/cli": "^2.28.1",
-    "@react-native-community/eslint-config": "3.2.0",
-    "@testing-library/react-hooks": "8.0.1",
-    "@testing-library/react-native": "12.1.3",
-    "@types/jest": "29.5.3",
-    "@types/react": "18.2.20",
-    "@types/react-native": "0.72.2",
-    "eslint": "8.41.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "jest": "29.5.0",
-    "prettier": "2.8.8",
-    "react": "18.2.0",
-    "react-native": "0.71.12",
-    "react-test-renderer": "18.2.0",
-    "ts-jest": "29.1.1",
-    "typescript": "5.0.4"
+    "@jest/globals": "^29.7.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react-native": "^13.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "18.3.18",
+    "eslint": "9.20.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "3.5.1",
+    "react": "18.3.1",
+    "react-native": "0.78.0",
+    "react-test-renderer": "^19.0.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "5.7.3",
+    "typescript-eslint": "^8.24.1"
   },
   "author": "Nader Dabit",
   "repository": {

prettier.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+	semi: false,
+	useTabs: true,
+	printWidth: 100,
+	overrides: [
+		{
+			files: "*.json",
+			options: {
+				useTabs: false,
+				tabWidth: 2,
+			},
+		},
+	],
+}

src/index.ts

@@ -1,21 +1,21 @@
-import {useAppState} from './useAppState'
-import {useBackHandler} from './useBackHandler'
-import {useAccessibilityInfo} from './useAccessibilityInfo'
-import {useKeyboard} from './useKeyboard'
-import {useInteractionManager} from './useInteractionManager'
-import {useDeviceOrientation} from './useDeviceOrientation'
-import {useLayout} from './useLayout'
-import {useImageDimensions} from './useImageDimensions'
-import {useRefresh} from './useRefresh'
+import { useAppState } from "./useAppState"
+import { useBackHandler } from "./useBackHandler"
+import { useAccessibilityInfo } from "./useAccessibilityInfo"
+import { useKeyboard } from "./useKeyboard"
+import { useDeviceOrientation } from "./useDeviceOrientation"
+import { useLayout } from "./useLayout"
+import { useImageDimensions } from "./useImageDimensions"
+import { useInteractionManager } from "./useInteractionManager"
+import { useRefresh } from "./useRefresh"
 
 export {
-  useAccessibilityInfo,
-  useAppState,
-  useBackHandler,
-  useDeviceOrientation,
-  useImageDimensions,
-  useInteractionManager,
-  useKeyboard,
-  useLayout,
-  useRefresh,
+	useAccessibilityInfo,
+	useAppState,
+	useBackHandler,
+	useDeviceOrientation,
+	useImageDimensions,
+	useInteractionManager,
+	useKeyboard,
+	useLayout,
+	useRefresh,
 }