Convert to TypeScript

[erikras]

Goodbye Flow! 👋

[Copilot]

Pull Request Overview

Migrates the codebase from Flow to TypeScript, updating source files, types, and build/lint tooling.

• Remove all Flow artifacts and introduce .ts/.tsx sources with corresponding type definitions
• Update Rollup, Babel, ESLint, and package scripts to support TypeScript builds
• Refresh dependencies, add CI workflows for linting, formatting, testing, and lock maintenance

Reviewed Changes

Copilot reviewed 23 out of 23 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
src/warning.ts	New TypeScript-based warning utility
src/warning.js	Removed old Flow/JS warning implementation
src/types.ts	New TypeScript interfaces for validation field props
src/types.js.flow	Removed old Flow type definitions
src/index.ts	New TypeScript entrypoint and exports
src/index.js.flow	Removed old Flow entrypoint declaration
src/index.js	Removed old JS export
src/Html5ValidationField.tsx	Main component converted to TypeScript/TSX
src/Html5ValidationField.js	Removed old JS component implementation
rollup.config.js	Switched to TypeScript plugin, removed Flow plugin
package.json	Added types, updated scripts, dependencies, peers
package-scripts.js	Updated copyTypes to handle .d.ts files
eslint.config.js	Added new ESLint config for TypeScript files
.eslintrc	Updated React/TS lint rules and plugins
.babelrc.js	Switched Babel presets to TypeScript, removed Flow
.github/workflows/lock.yml	New workflow to lock stale issues/PRs
.github/workflows/ci.yml	Updated CI to run lint, prettier, tests, coverage

Comments suppressed due to low confidence (4)

src/warning.ts:1

• This new warning utility isn't covered by tests yet. Consider adding unit tests to validate that warnings are logged or suppressed correctly based on condition and environment.

export default function warning(condition: boolean, message: string): void {

src/types.ts:19

• You reference React.Ref but React is not imported in this file. Add import * as React from 'react' (or import type React from 'react') to ensure React.Ref is defined.

  innerRef?: React.Ref<Html5ValidationField>

.eslintrc:8

• [nitpick] The repository has both .eslintrc and eslint.config.js. ESLint may load both, causing conflicting rules. Consider consolidating into a single configuration format.

{

package.json:113

• [nitpick] The bundlesize entries use inconsistent unit formatting (no space and uppercase KB). For consistency and clarity, format sizes uniformly (e.g., "1.6 kB").

      "maxSize": "1.6KB"

[Copilot]

The Flow version suppressed warnings in production via process.env.NODE_ENV. The new TS implementation always logs errors, changing behavior. Wrap the warning logic in an environment check to skip logging in production.

Suggested change

	if (typeof console !== 'undefined') {
	console.error(`Warning: ${message}`)
	}
	try {
	throw new Error(`Warning: ${message}`)
	} catch (e) { }
	if (process.env.NODE_ENV !== 'production') {
	if (typeof console !== 'undefined') {
	console.error(`Warning: ${message}`)
	}
	try {
	throw new Error(`Warning: ${message}`)
	} catch (e) { }
	}

[Copilot]

[nitpick] The props interface re-declares all message keys already defined in Messages. To reduce duplication and simplify maintenance, extend Messages rather than re-listing those fields.

Suggested change

	export interface Html5ValidationFieldProps extends FieldProps {
	validate?: FieldValidator<unknown>
	innerRef?: React.Ref<Html5ValidationField>
	// All message keys
	badInput?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	patternMismatch?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	rangeOverflow?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	rangeUnderflow?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	stepMismatch?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	tooLong?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	tooShort?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	typeMismatch?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	valueMissing?: string | ((value?: unknown, props?: Record<string, unknown>) => string)
	}
	export interface Html5ValidationFieldProps extends FieldProps, Messages {
	validate?: FieldValidator<unknown>
	innerRef?: React.Ref<Html5ValidationField>
	}

[Copilot]

The uglify plugin is imported but never added to the plugins array, so the minified build won't be produced. Include umd && uglify() (or similar) in the appropriate build configuration.