@santi020k/eslint-config-basic 0.1.0 → 0.3.0

package/packages/playground/src/react/index.test.jsx

@@ -1,130 +0,0 @@
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from 'react'
-
-// Helper function to simulate fetching data
-const fetchTodos = () => new Promise(resolve => {
-  setTimeout(() => {
-    resolve([
-      { id: 1, text: 'Learn React', completed: true },
-      {
-        id: 2,
-        text: 'Build a Todo App',
-        completed: false
-      },
-      { id: 3, text: 'Profit!', completed: false }
-    ])
-  }, 1000)
-})
-
-const TodoApp = () => {
-  const [todos, setTodos] = useState([])
-  const [filter, setFilter] = useState('all')
-  const [sortOrder, setSortOrder] = useState('asc')
-  const inputRef = useRef()
-
-  // Fetch todos when the component mounts
-  useEffect(() => {
-    const loadTodos = async () => {
-      const fetchedTodos = await fetchTodos()
-
-      setTodos(fetchedTodos)
-    }
-
-    loadTodos()
-  }, [todos])
-
-  // Handle adding a new todo
-  const addTodo = useCallback(() => {
-    const text = inputRef.current.value.trim()
-
-    if (text) {
-      setTodos(prevTodos => [
-        ...prevTodos,
-        { id: Date.now(), text, completed: false }
-      ])
-
-      inputRef.current.value = ''
-    }
-  }, [])
-
-  // Handle toggling the completion state of a todo
-  const toggleTodo = useCallback(id => {
-    setTodos(prevTodos => prevTodos.map(todo => todo.id === id ? { ...todo, completed: !todo.completed } : todo))
-  }, [])
-
-  // Handle changing the filter state
-  const handleFilterChange = useCallback(event => {
-    setFilter(event.target.value)
-  }, [])
-
-  // Handle changing the sort order
-  const handleSortChange = useCallback(event => {
-    setSortOrder(event.target.value)
-  }, [])
-
-  // Filter and sort todos based on current state
-  const filteredAndSortedTodos = useMemo(() => {
-    const filteredTodos = todos.filter(todo => {
-      if (filter === 'completed') return todo.completed
-
-      if (filter === 'incomplete') return !todo.completed
-
-      return true
-    })
-
-    return filteredTodos.sort((a, b) => {
-      if (sortOrder === 'asc') return a.text.localeCompare(b.text)
-
-      return b.text.localeCompare(a.text)
-    })
-  }, [todos, filter, sortOrder])
-
-  return (
-    <div>
-      <h1>Todo List</h1>
-      <div>
-        <input ref={inputRef} type="text" placeholder="New todo" />
-        <button type="button" onClick={addTodo}>
-          Add Todo
-        </button>
-      </div>
-      <div>
-        <label>
-          Filter:
-          <select value={filter} onChange={handleFilterChange}>
-            <option value="all">All</option>
-            <option value="completed">Completed</option>
-            <option value="incomplete">Incomplete</option>
-          </select>
-        </label>
-        <label>
-          Sort:
-          <select value={sortOrder} onChange={handleSortChange}>
-            <option value="asc">Ascending</option>
-            <option value="desc">Descending</option>
-          </select>
-        </label>
-      </div>
-      <ul>
-        {filteredAndSortedTodos.map(todo => (
-          <li
-            key={todo.id}
-            style={{ textDecoration: todo.completed ? 'line-through' : 'none' }}
-          >
-            {todo.text}
-            <button type="button" onClick={() => toggleTodo(todo.id)}>
-              {todo.completed ? 'Undo' : 'Complete'}
-            </button>
-          </li>
-        ))}
-      </ul>
-    </div>
-  )
-}
-
-export default TodoApp

package/packages/playground/src/ts/eslint.config.js

@@ -1,4 +0,0 @@
-// @ts-check
-import { ConfigOption, eslintConfig } from '../../dist/index.js'
-
-export default eslintConfig({ config: [ConfigOption.Ts] })

package/packages/playground/src/ts/index.test.ts

@@ -1,61 +0,0 @@
-// Function definitions to test various stylistic rules
-const myFunction1 = (): string => {
-  const value = 10
-
-  if (value > 5) {
-    console.log('Value is greater than 5')
-  } else {
-    console.log('Value is 5 or less')
-  }
-
-  const result: string = value > 5 ? 'High' : 'Low'
-  const array: number[] = [1, 2, 3]
-
-  array.forEach(item => {
-    console.log(item)
-  })
-
-  return result
-}
-
-// Testing object and array formatting rules
-const myObject: { a: number, b: number, c: number } = { a: 1, b: 2, c: 3 }
-const myArray: number[] = [1, 2, 3, 4, 5]
-
-// Testing padding and spacing rules
-if (myArray.length > 0) {
-  console.log('Array is not empty')
-}
-
-const myFunction2 = (param: boolean): boolean => !!param
-// Testing invalid typeof comparison
-const count = 0
-
-if (typeof count === 'number') {
-  console.log('Count is a number')
-}
-
-// Testing unused variables
-// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars
-const unusedVar = 'This is unused'
-
-// Function with multiple return statements
-// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars
-const complexFunction = (): string => {
-  if (count > 10) return 'High'
-
-  if (count < 0) return 'Low'
-
-  return 'Medium'
-}
-
-// Testing no-use-before-define
-myDefinedFunction()
-
-// eslint-disable-next-line func-style
-function myDefinedFunction(): void {
-  console.log('Function called before definition')
-}
-
-// Export statement to test sorting
-export { myFunction1, myFunction2, myObject, myArray }

package/packages/playground/src/ts/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-}

package/packages/playground/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["node_modules", "dist"]
-}

package/packages/react/README.md

@@ -1,14 +0,0 @@
-# @santi020k/eslint-config-react
-
-React specific ESLint rules and configurations.
-
-## Description
-
-This package provides:
-- `eslint-plugin-react` recommended rules.
-- `eslint-plugin-react-hooks` recommended rules.
-- JSX accessibility rules.
-
-## Usage
-
-This package is used automatically when `ConfigOption.React` is selected in the main configuration.

package/packages/react/index.ts

@@ -1,26 +0,0 @@
-import jsxA11y from 'eslint-plugin-jsx-a11y'
-import react from 'eslint-plugin-react'
-import reactHooks from 'eslint-plugin-react-hooks'
-
-import core from '@santi020k/eslint-config-core'
-
-export default [
-  ...core,
-  {
-    plugins: {
-      react,
-      'react-hooks': reactHooks,
-      'jsx-a11y': jsxA11y
-    },
-    rules: {
-      ...react.configs.recommended.rules,
-      ...reactHooks.configs.recommended.rules,
-      ...jsxA11y.configs.recommended.rules
-    },
-    settings: {
-      react: {
-        version: 'detect'
-      }
-    }
-  }
-]

package/packages/react/package.json

@@ -1,49 +0,0 @@
-{
-  "name": "@santi020k/eslint-config-react",
-  "version": "0.0.0",
-  "description": "React ESLint configuration with hooks and JSX rules",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "clean": "rm -rf dist"
-  },
-  "peerDependencies": {
-    "eslint": "^9.0.0",
-    "react": ">=18.0.0"
-  },
-  "dependencies": {
-    "@santi020k/eslint-config-core": "*",
-    "@eslint/compat": "^2.0.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "globals": "^17.3.0"
-  },
-  "devDependencies": {
-    "@typescript-eslint/utils": "^8.54.0",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "author": "santi020k",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/santi020k/eslint-config.git",
-    "directory": "packages/react"
-  }
-}

package/packages/react/src/ambient.d.ts

@@ -1,23 +0,0 @@
-// Type declarations for ESLint plugins that don't ship their own types
-
-declare module 'eslint-plugin-react/configs/recommended.js' {
-  import type { TSESLint } from '@typescript-eslint/utils'
-
-  const config: TSESLint.FlatConfig.Config
-
-  export default config
-}
-
-declare module 'eslint-plugin-react-hooks' {
-  import type { TSESLint } from '@typescript-eslint/utils'
-
-  const plugin: TSESLint.FlatConfig.Plugin & {
-    configs: {
-      recommended: {
-        rules: TSESLint.Linter.RulesRecord
-      }
-    }
-  }
-
-  export default plugin
-}

package/packages/react/src/index.ts

@@ -1,52 +0,0 @@
-// @ts-check
-import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js'
-import pluginReactHooks from 'eslint-plugin-react-hooks'
-import globals from 'globals'
-
-import { rules } from './rules.js'
-
-import { fixupConfigRules } from '@eslint/compat'
-import type { TSESLint } from '@typescript-eslint/utils'
-
-const languageOptions: TSESLint.FlatConfig.LanguageOptions = {
-  ecmaVersion: 'latest',
-  sourceType: 'module',
-  ...(pluginReactConfig.languageOptions as TSESLint.FlatConfig.LanguageOptions),
-  globals: {
-    ...globals.browser,
-    ...globals.node
-  }
-}
-
-/**
- * React ESLint configuration
- * Includes React plugin recommended rules and React Hooks
- */
-export const reactConfig: TSESLint.FlatConfig.ConfigArray = [
-  // Use type assertion to handle @eslint/compat type mismatch
-  ...(fixupConfigRules(pluginReactConfig as unknown as Parameters<typeof fixupConfigRules>[0]).map(react => ({
-    ...react,
-    name: 'eslint-config-react/recommended',
-    languageOptions,
-    settings: {
-      react: {
-        version: 'detect'
-      }
-    }
-  })) as unknown as TSESLint.FlatConfig.ConfigArray),
-  {
-    name: 'eslint-config-react/custom',
-    plugins: {
-      'react-hooks': pluginReactHooks
-    },
-    languageOptions,
-    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx,mts,cts}'],
-    rules: {
-      ...pluginReactHooks.configs.recommended.rules,
-      ...rules
-    }
-  }
-]
-
-// Re-export rules for direct access
-export { rules }

package/packages/react/src/rules.ts

@@ -1,47 +0,0 @@
-import { groups } from '@santi020k/eslint-config-core'
-import type { TSESLint } from '@typescript-eslint/utils'
-
-export const rules: TSESLint.Linter.RulesRecord = {
-  'react/react-in-jsx-scope': 'off',
-  'react/jsx-max-depth': ['warn', { max: 7 }],
-  'react/prop-types': 'off',
-  'react-hooks/exhaustive-deps': 'off',
-  'react/button-has-type': 'warn',
-  'react/display-name': 'warn',
-  'react/no-children-prop': 'warn',
-  'react/no-danger-with-children': 'warn',
-  'react/no-unstable-nested-components': 'warn',
-  'react/self-closing-comp': ['warn', { component: true, html: true }],
-  'react/jsx-curly-brace-presence': [
-    'warn',
-    { props: 'never', children: 'never' }
-  ],
-  'react/jsx-curly-newline': 'warn',
-  'react/destructuring-assignment': 'warn',
-  'react/jsx-pascal-case': 'warn',
-  'react/boolean-prop-naming': 'warn',
-  'react/hook-use-state': 'warn',
-  'react/jsx-boolean-value': 'warn',
-  'react/jsx-closing-tag-location': 'warn',
-  'react/jsx-closing-bracket-location': 'warn',
-  'react/jsx-wrap-multilines': 'warn',
-  'react/jsx-no-target-blank': 'warn',
-  'react/jsx-no-leaked-render': 'warn',
-  'react/jsx-handler-names': 'warn',
-  'react/jsx-fragments': 'warn',
-  'react/no-deprecated': 'warn',
-  'react/no-multi-comp': 'warn',
-  'react/no-unescaped-entities': 'warn',
-  'react/jsx-no-undef': 'warn',
-  'react/no-unknown-property': 'warn',
-  'simple-import-sort/imports': [
-    'warn',
-    {
-      groups: [
-        // Packages `react` related packages come first.
-        ['^react'],
-        ...groups
-      ]
-    }
-  ]
-}

package/packages/react/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["node_modules", "dist"]
-}

package/packages/react/tsup.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['esm'],
-  dts: true,
-  clean: true,
-  splitting: false,
-  sourcemap: true
-})

package/packages/tests/README.md

@@ -1,17 +0,0 @@
-# @santi020k/eslint-config-tests
-
-Internal integration tests for the ESLint configuration packages.
-
-## Description
-
-This package uses Vitest to run integration tests, verifying that:
-- Configs are exported correctly.
-- Configurations can be composed without errors.
-- Rules are present as expected.
-
-## Usage
-
-Run tests:
-```bash
-npm run test
-```

package/packages/tests/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "@santi020k/eslint-config-tests",
-  "private": false,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "test": "vitest run"
-  },
-  "devDependencies": {
-    "@santi020k/eslint-config-basic": "*",
-    "@santi020k/eslint-config-core": "*",
-    "@santi020k/eslint-config-typescript": "*",
-    "@santi020k/eslint-config-react": "*",
-    "@santi020k/eslint-config-astro": "*",
-    "@santi020k/eslint-config-next": "*",
-    "@santi020k/eslint-config-expo": "*",
-    "vitest": "^4.0.18",
-    "eslint": "^9.39.2",
-    "typescript": "^5.9.3"
-  }
-}