feat(app): chat parsing

Author: luke-h1

eslint.config.mjs

@@ -7,6 +7,7 @@ import tsParser from '@typescript-eslint/parser';
 import globals from 'globals';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
+import eslintPluginReact from 'eslint-plugin-react';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -18,6 +19,7 @@ const compat = new FlatCompat({
 
 export default [
   {
+    files: ['src/**/*.{js,mjs,cjs,ts,jsx,tsx}'],
     ignores: [
       '**/node_modules',
       '**/.github',
@@ -51,15 +53,15 @@ export default [
     },
     languageOptions: {
       globals: {
-        ...globals.browser,
+        ...globals.es2023,
         ...globals.jest,
         ...globals.node,
         __DEV__: 'readonly',
       },
       parser: tsParser,
       parserOptions: {
         project: ['./tsconfig.json'],
-        tsconfigRootDir: __dirname,
+        tsconfigRootDir: import.meta.dirname,
       },
     },
     settings: {
@@ -74,26 +76,17 @@ export default [
     },
     rules: {
       'import/no-cycle': 'off',
-
+      'import/no-unresolved': ['error'],
       'import/extensions': [
         'error',
         'ignorePackages',
         {
           js: 'never',
-          mjs: 'never',
           jsx: 'never',
           ts: 'never',
           tsx: 'never',
         },
       ],
-
-      'import/no-unresolved': [
-        'error',
-        {
-          ignore: ['^(part|all):'],
-        },
-      ],
-
       'import/order': [
         'error',
         {
@@ -119,7 +112,6 @@ export default [
       'react/function-component-definition': 'off',
       'import/prefer-default-export': 'off',
       'no-unsafe-finally': 'off',
-
       '@typescript-eslint/no-unused-vars': [
         'error',
         {
@@ -152,7 +144,6 @@ export default [
       '@next/next/no-img-element': 'off',
       'react/jsx-props-no-spreading': 'off',
       'jsx-a11y/anchor-is-valid': 'off',
-
       'comma-dangle': ['error', 'always-multiline'],
       'consistent-return': 0,
       'function-paren-newline': 0,
@@ -169,7 +160,6 @@ export default [
       'object-curly-spacing': ['error', 'always'],
       'operator-linebreak': 0,
       'quote-props': 0,
-
       'react-hooks/rules-of-hooks': 'error',
       'react/jsx-wrap-multilines': [
         'error',
@@ -178,12 +168,10 @@ export default [
       'react/react-in-jsx-scope': 0,
       semi: ['error', 'always'],
       'spaced-comment': 0,
-
       'react/prop-types': 'off',
       'import/no-extraneous-dependencies': 'off',
       'react/require-default-props': 'off',
       'react/state-in-constructor': 'off',
-
       'react/no-unescaped-entities': [
         'error',
         {

src/components/ChatMessage/ChatMessage.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 /* eslint-disable no-alert */
 import type { Meta, StoryObj } from '@storybook/react';
 import { View } from 'react-native';

src/components/ChatMessage/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 /* eslint-disable no-alert */
 import type { Meta, StoryObj } from '@storybook/react';
 import { View } from 'react-native';

src/components/Modal/Modal.stories.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 /* eslint-disable no-alert */
 import type { Meta, StoryObj } from '@storybook/react';
 import { View } from 'react-native';

src/components/ScrollToTop/ScrollToTop.stories.tsx

@@ -3,7 +3,6 @@ export * from './BuildDetails';
 export * from './Button';
 export * from './CategoryCard';
 export * from './Chat';
-export * from './ChatMessage';
 export * from './DismissableKeyboard';
 export * from './EmptyState';
 export * from './form';

src/components/SearchHistory/SearchHistory.stories.tsx

@@ -4,7 +4,7 @@ import { Dimensions } from 'react-native';
 export const useIsLandscape = () => {
   const [landscape, setLandscape] = useState(false);
 
-  Dimensions.addEventListener('change', _ => {
+  Dimensions.addEventListener('change', () => {
     setLandscape(Dimensions.get('window').width > 500);
   });
 

src/components/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 import { useEffect, useState } from 'react';
 
 export interface ScriptState {

src/hooks/useIsLandscape.ts

@@ -7,7 +7,7 @@ export const bttvWsService = {
     const ws = new WebSocket('wss://sockets.betterttv.net/ws');
 
     ws.onopen = () => {
-      console.info(`🔴 -> BTTV ws opened`);
+      console.info('🔴 -> BTTV ws opened');
     };
 
     ws.send(