jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-19 19:07:23 +00:00
Code Issues Packages Projects Releases Wiki Activity
frontend/build-scripts
History
Paul Bottein 53bb8251fa
Separate entity, device and area name in more info dialog header (#21951) 
* Separate entity, device and area name in more info dialog header

* Use has_entity_name

* Separate entity, device and area name in entity picker

* Fix entity name with has entity name

* Fix compute entity name

* Add full name

* Add floor

* Improve code quality

* Use compute entity name in device entities card

* Use context functions

* Remove floor

* Use state name provided by backend

* Use breadcrumb for more info

* Revert entity picker changes

* Use new logic in device page

* Use breadcrumb

* Use join directive

* Add comments

* Use secondary text color

* Update compute_entity_name.ts

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

* Remove html join

* Improve computeDeviceNameDisplay

* Fallback to original name

* Simplify more info logic

* Include breadcrumb for child view (voice assistant)

---------

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
2025-03-26 13:58:34 +00:00
..
babel-plugins
Remove unused polyfills and adjust support for Intl.getCanonicalLocales (#23264)
2024-12-12 15:07:50 +02:00
gulp
Move compatibility to static polyfill handling (#24775)
2025-03-26 11:38:53 +02:00
bundle.cjs
Move compatibility to static polyfill handling (#24775)
2025-03-26 11:38:53 +02:00
env.cjs
Cleanup unused WDS deps and config (#23155)
2024-12-06 09:57:46 +01:00
eslint.config.mjs
Improve ESLint config (#24290)
2025-02-18 17:30:36 +00:00
list-plugins-and-polyfills.js
Enable shipped proposals in Babel (#17909)
2023-09-19 13:56:55 +02:00
paths.cjs
Landing page (#22598)
2024-11-20 16:20:08 +00: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
Separate entity, device and area name in more info dialog header (#21951)
2025-03-26 13:58:34 +00: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.