Speed up filter processing

.prettierrc

@@ -0,0 +1,3 @@
+{
+    "trailingComma": "es5"
+}

package.json

@@ -17,6 +17,7 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-terser": "^0.2.1",
+    "prettier": "3.4.2",
     "rollup": "^3.8.1",
     "rollup-plugin-typescript2": "^0.34.1",
     "tslib": "^2.4.1",

rollup.config.js

@@ -15,9 +15,12 @@ export default {
   plugins: [
     nodeResolve(),
     json(),
-    typescript(),
+    typescript({
+      clean: true,
+    }),
     babel({
       exclude: "node_modules/**",
+      babelHelpers: "bundled",
     }),
     !dev && terser({ format: { comments: false } }),
   ],

src/editor/auto-entities-editor.ts

@@ -1,28 +1,35 @@
-import { LitElement, html, CSSResultArray, css } from "lit";
-import { property, state, query } from "lit/decorators.js";
+import { css, CSSResultArray, html, LitElement } from "lit";
+import { property, query, state } from "lit/decorators.js";
 import { AutoEntitiesConfig } from "../types";
 import { loadHaForm } from "../helpers";
 import {
-  filterGroupSchema,
-  filterGroupOptionsSchema,
+  cardOptionsSchema,
   filter2form,
+  filterGroupOptionsSchema,
+  filterGroupSchema,
   form2filter,
-  specialGroupSchema,
-  cardOptionsSchema,
   sortSchema,
+  specialGroupSchema,
 } from "./schema";
 
 class AutoEntitiesEditor extends LitElement {
-  @state() _config: AutoEntitiesConfig;
+  @state()
+  _config: AutoEntitiesConfig;
 
-  @property() lovelace;
-  @property() hass;
+  @property()
+  lovelace;
+  @property()
+  hass;
 
-  @state() _selectedTab = 0;
-  @state() _cardGUIMode = true;
-  @state() _cardGUIModeAvailable = true;
+  @state()
+  _selectedTab = 0;
+  @state()
+  _cardGUIMode = true;
+  @state()
+  _cardGUIModeAvailable = true;
 
-  @query("hui-card-element-editor") private _cardEditorEl?;
+  @query("hui-card-element-editor")
+  private _cardEditorEl?;
 
   setConfig(config) {
     this._config = config;
@@ -258,7 +265,7 @@ class AutoEntitiesEditor extends LitElement {
   }
 
   _renderFilterEditor() {
-    if (this._config.filter?.template || this._config.entities)
+    if (this._config.filter?.template || this._config.entities) {
       return html`
         <div class="box">
           <p>
@@ -267,6 +274,7 @@ class AutoEntitiesEditor extends LitElement {
           <p>Please switch to the CODE EDITOR to access all options.</p>
         </div>
       `;
+    }
 
     return html`
       ${this._config.filter.include.map(

src/editor/schema.ts

@@ -47,12 +47,13 @@ const filterSchema = ([key, value], idx) => {
     attributes: { object: {} },
   };
 
-  if (!GUI_EDITOR_FILTERS.includes(key))
+  if (!GUI_EDITOR_FILTERS.includes(key)) {
     return {
       type: "Constant",
       name: "Some filters are not shown",
       value: "Please switch to the CODE EDITOR to access all options.",
     };
+  }
 
   return {
     type: "grid",
@@ -100,8 +101,9 @@ export const filter2form = (group) => {
 export const form2filter = (config, filter): Object => {
   const data = {};
   for (let i = 0; i <= config.filter.include.length + 1; i++) {
-    if (filter[`key_${i}`] !== undefined)
+    if (filter[`key_${i}`] !== undefined) {
       data[filter[`key_${i}`]] = filter[`value_${i}`] ?? "";
+    }
   }
   if (filter.key_new !== undefined) {
     data[filter.key_new] = "";