mirror of https://github.com/home-assistant/frontend.git synced 2026-04-21 01:53:18 +00:00

Files

Petar Petrov 3124fbe08e Update eslint to v10.1.0 (#51352 )

* Update eslint to v10.1.0

Migrate from eslint-plugin-import to eslint-plugin-import-x since the
original plugin uses removed ESLint 10 APIs (context.parserOptions,
context.parserPath). Airbnb-base non-import rules preserved via
FlatCompat with import rules stripped and replaced by import-x.

- eslint 9.39.4 → 10.1.0
- Add eslint-plugin-import-x 4.16.2
- Add @eslint/eslintrc and @eslint/js as explicit deps
- Remove --flag v10_config_lookup_from_file (now default)
- Replace /* eslint-env */ comment with config-based globals
- Update all import/ rule references to import-x/

* Remove unnecessary eslint-disable for generated gallery imports

The import-pages file is generated as .ts, so import-x/extensions
doesn't require an extension (ts: "never" in config).

2026-04-07 08:33:58 +03:00

babel-plugins

Replace paper item in sidebar (#24883 )

2025-04-10 18:32:38 +02:00

gulp

Update download-translations.js

2026-03-31 15:50:59 +02:00

bundle.cjs

Remove supervisor build (#29132 )

2026-01-22 13:30:33 +01:00

env.cjs

Replace paper item in sidebar (#24883 )

2025-04-10 18:32:38 +02:00

eslint.config.mjs

Update eslint to v10.1.0 (#51352 )

2026-04-07 08:33:58 +03:00

list-plugins-and-polyfills.js

Update eslint to v10.1.0 (#51352 )

2026-04-07 08:33:58 +03:00

paths.cjs

Remove supervisor build (#29132 )

2026-01-22 13:30:33 +01:00

README.md

Remove rollup build configuration (#22181 )

2024-11-08 10:19:52 +02:00

removedIcons.json

Remove deprecated and removed icons (#15762 )

2023-03-08 12:28:34 +01:00

rspack.cjs

Remove supervisor build (#29132 )

2026-01-22 13:30:33 +01:00

README.md

Bundling Home Assistant Frontend

The Home Assistant build pipeline contains various steps to prepare a build.

Generating icon files to be included
Generating translation files to be included
Converting TypeScript, CSS and JSON files to JavaScript
Bundling
Minifying the files
Generating the HTML entrypoint files
Generating the service worker
Compressing the files

Converting files

Currently in Home Assistant we use a bundler to convert TypeScript, CSS and JSON files to JavaScript files that the browser understands.

We currently rely on Webpack. Both of these programs bundle the converted files in both production and development.

For development, bundling is optional. We just want to get the right files in the browser.

Responsibilities of the converter during development:

Convert TypeScript to JavaScript
Convert CSS to JavaScript that sets the content as the default export
Convert JSON to JavaScript that sets the content as the default export
Make sure import, dynamic import and web worker references work
- Add extensions where missing
- Resolve absolute package imports
Filter out specific imports/packages
Replace constants with values

In production, the following responsibilities are added:

Minify HTML
Bundle multiple imports so that the browser can fetch less files
Generate a second version that is ES5 compatible

Configuration for all these steps are specified in bundle.js.