v0.11.0

.eslintrc.js

@@ -1,75 +1,3 @@
 module.exports = {
-	root: true,
-	parser: '@typescript-eslint/parser',
-	parserOptions: {
-		project: [
-			'./tsconfig.json',
-		],
-		ecmaFeatures: {
-			jsx: true,
-		},
-	},
-	plugins: [
-		'@typescript-eslint',
-		'react',
-		'react-native',
-		'react-hooks',
-	],
-	extends: [
-		// 'plugin:@typescript-eslint/recommended', <-- consider this when time permits
-		'plugin:react/recommended',
-		'plugin:react-native/all',
-		'airbnb-typescript',
-	],
-	env: {
-		es6: true,
-		jest: true,
-		'react-native/react-native': true,
-	},
-	settings: {
-		react: {
-			version: 'detect',
-		},
-	},
-	rules: {
-		'no-undef': 0, // TS handles this; https://github.com/eslint/eslint/issues/13699#issuecomment-694223066
-		'no-tabs': 0,
-		'no-shadow': 0,
-		'arrow-body-style': 0,
-		'arrow-parens': [2, 'always'],
-		'no-console': 0,
-		'max-len': [2, {
-			code: 120,
-			tabWidth: 4,
-			ignoreComments: true,
-			ignoreUrls: true,
-			ignoreStrings: true,
-			ignoreTemplateLiterals: true,
-			ignoreRegExpLiterals: true,
-		}],
-		'@typescript-eslint/indent': [2, 'tab', { SwitchCase: 1 }],
-		'@typescript-eslint/no-use-before-define': [2, { variables: false }],
-		'import/no-unresolved': 0, // ts already provides errors for this and updates more quickly in VSCode
-		'import/prefer-default-export': 0,
-		'import/no-extraneous-dependencies': [2, { devDependencies: true }], // allows import of type def libs
-		'react/destructuring-assignment': 0,
-		'react/jsx-props-no-spreading': 0,
-		'react/jsx-indent': [2, 'tab'],
-		'react/jsx-indent-props': [2, 'tab'],
-		'react/jsx-one-expression-per-line': 0,
-		'react/no-unused-state': 0,
-		'react/prop-types': 0,
-		'react/require-default-props': 0,
-		'react/no-unused-prop-types': 0,
-		'react/sort-comp': 0,
-		'react/state-in-constructor': 0,
-		'react-native/sort-styles': 0,
-		'react-native/no-color-literals': 0,
-		'react-hooks/rules-of-hooks': 2,
-		'react-hooks/exhaustive-deps': 1,
-		'@typescript-eslint/comma-dangle': [2, "always-multiline"],
-	},
-	ignorePatterns: [
-		'.eslintrc.js',
-	],
+	extends: ["universe/native", "universe/web"],
 };

package.json

@@ -6,8 +6,7 @@
 		"type": "git",
 		"url": "git+ssh://[email protected]/nuclearpasta/react-native-drax.git"
 	},
-	"main": "build/index.js",
-	"types": "build/index.d.ts",
+	"main": "src/index.ts",
 	"scripts": {
 		"lint": "yarn run eslint src",
 		"build": "yarn run tsc",
@@ -30,18 +29,14 @@
 		"@types/lodash.throttle": "^4.1.6",
 		"@types/node": "^14.14.43",
 		"@types/react-native": "^0.65.22",
-		"@typescript-eslint/eslint-plugin": "^4.22.0",
-		"@typescript-eslint/parser": "^4.22.0",
-		"eslint": "^7.25.0",
-		"eslint-config-airbnb-typescript": "^12.3.1",
-		"eslint-plugin-import": "^2.22.1",
-		"eslint-plugin-jsx-a11y": "^6.4.1",
-		"eslint-plugin-react": "^7.23.2",
-		"eslint-plugin-react-hooks": "^4.2.0",
-		"eslint-plugin-react-native": "^3.10.0",
-		"react": "^17.0.2",
-		"react-native": "^0.65.2",
-		"react-native-gesture-handler": "^1.8.0",
-		"typescript": "^4.7.3"
+		"eslint": "8",
+		"eslint-config-universe": "^13.0.0",
+
+		"prettier": "^3.3.3",
+		"react": "^18.3.1",
+		"react-native": "^0.75.4",
+		"react-native-gesture-handler": "^2.20.0",
+		"react-native-reanimated": "^3.15.5",
+		"typescript": "^5.6.3"
 	}
 }

src/AllHoverViews.tsx

@@ -0,0 +1,30 @@
+import React, { useMemo, useState } from "react";
+import { useAnimatedReaction, runOnJS } from "react-native-reanimated";
+
+import { ReanimatedHoverView } from "./HoverView";
+import { useDraxContext } from "./hooks";
+
+export const AllHoverViews = ({ allViewIds }: { allViewIds: string[] }) => {
+	const { getHoverItems } = useDraxContext();
+
+	const hoverViews = useMemo(
+		() => allViewIds && getHoverItems(allViewIds),
+		[allViewIds, getHoverItems],
+	);
+	//   const updateHoverViews = () => {
+	//     console.log('getAllViewIds()', allViewIds);
+	//     console.log('getHoverItems(getAllViewIds())', allViewIds && getHoverItems(allViewIds));
+	//     allViewIds && setAllHoverViews(getHoverItems(allViewIds));
+	//   };
+	return hoverViews?.map(
+		(viewData, index) =>
+			viewData?.protocol.hoverPosition?.value && (
+				<ReanimatedHoverView
+					key={viewData.id || index}
+					hoverPosition={viewData?.protocol.hoverPosition}
+					scrollPosition={viewData?.scrollPosition}
+					{...(viewData?.protocol || {})}
+				/>
+			),
+	);
+};

src/DraxContext.ts

@@ -1,6 +1,8 @@
-import { createContext } from 'react';
+import { createContext } from "react";
 
-import { DraxContextValue } from './types';
+import { DraxContextValue } from "./types";
 
-export const DraxContext = createContext<DraxContextValue | undefined>(undefined);
-DraxContext.displayName = 'Drax';
+export const DraxContext = createContext<DraxContextValue | undefined>(
+	undefined,
+);
+DraxContext.displayName = "Drax";