Drop webpackChunkName

demo/src/configs/demo-configs.ts

@@ -3,22 +3,10 @@ import { Lovelace } from "../../../src/panels/lovelace/types";
 import { DemoConfig } from "./types";
 
 export const demoConfigs: Array<() => Promise<DemoConfig>> = [
-  () =>
-    import(/* webpackChunkName: "arsaboo" */ "./arsaboo").then(
-      (mod) => mod.demoArsaboo
-    ),
-  () =>
-    import(/* webpackChunkName: "teachingbirds" */ "./teachingbirds").then(
-      (mod) => mod.demoTeachingbirds
-    ),
-  () =>
-    import(/* webpackChunkName: "kernehed" */ "./kernehed").then(
-      (mod) => mod.demoKernehed
-    ),
-  () =>
-    import(/* webpackChunkName: "jimpower" */ "./jimpower").then(
-      (mod) => mod.demoJimpower
-    ),
+  () => import("./arsaboo").then((mod) => mod.demoArsaboo),
+  () => import("./teachingbirds").then((mod) => mod.demoTeachingbirds),
+  () => import("./kernehed").then((mod) => mod.demoKernehed),
+  () => import("./jimpower").then((mod) => mod.demoJimpower),
 ];
 
 // eslint-disable-next-line import/no-mutable-exports

demo/src/entrypoint.ts

@@ -7,7 +7,5 @@ import "./ha-demo";
 
 /* polyfill for paper-dropdown */
 setTimeout(() => {
-  import(
-    /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
-  );
+  import("web-animations-js/web-animations-next-lite.min");
 }, 1000);

hassio/src/dialogs/markdown/show-dialog-hassio-markdown.ts

@@ -11,10 +11,7 @@ export const showHassioMarkdownDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-markdown",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-markdown" */ "./dialog-hassio-markdown"
-      ),
+    dialogImport: () => import("./dialog-hassio-markdown"),
     dialogParams,
   });
 };

hassio/src/dialogs/network/show-dialog-network.ts

@@ -13,10 +13,7 @@ export const showNetworkDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-network",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-network" */ "./dialog-hassio-network"
-      ),
+    dialogImport: () => import("./dialog-hassio-network"),
     dialogParams,
   });
 };

hassio/src/dialogs/registries/show-dialog-registries.ts

@@ -4,10 +4,7 @@ import "./dialog-hassio-registries";
 export const showRegistriesDialog = (element: HTMLElement): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-registries",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-registries" */ "./dialog-hassio-registries"
-      ),
+    dialogImport: () => import("./dialog-hassio-registries"),
     dialogParams: {},
   });
 };

hassio/src/dialogs/repositories/show-dialog-repositories.ts

@@ -13,10 +13,7 @@ export const showRepositoriesDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-repositories",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-repositories" */ "./dialog-hassio-repositories"
-      ),
+    dialogImport: () => import("./dialog-hassio-repositories"),
     dialogParams,
   });
 };

hassio/src/dialogs/snapshot/show-dialog-hassio-snapshot.ts

@@ -12,10 +12,7 @@ export const showHassioSnapshotDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-snapshot",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-snapshot" */ "./dialog-hassio-snapshot"
-      ),
+    dialogImport: () => import("./dialog-hassio-snapshot"),
     dialogParams,
   });
 };

hassio/src/dialogs/snapshot/show-dialog-snapshot-upload.ts

@@ -13,10 +13,7 @@ export const showSnapshotUploadDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-snapshot-upload",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-hassio-snapshot-upload" */ "./dialog-hassio-snapshot-upload"
-      ),
+    dialogImport: () => import("./dialog-hassio-snapshot-upload"),
     dialogParams,
   });
 };

hassio/src/hassio-router.ts

@@ -51,17 +51,11 @@ class HassioRouter extends HassRouterPage {
       system: "dashboard",
       addon: {
         tag: "hassio-addon-dashboard",
-        load: () =>
-          import(
-            /* webpackChunkName: "hassio-addon-dashboard" */ "./addon-view/hassio-addon-dashboard"
-          ),
+        load: () => import("./addon-view/hassio-addon-dashboard"),
       },
       ingress: {
         tag: "hassio-ingress-view",
-        load: () =>
-          import(
-            /* webpackChunkName: "hassio-ingress-view" */ "./ingress-view/hassio-ingress-view"
-          ),
+        load: () => import("./ingress-view/hassio-ingress-view"),
       },
     },
   };

src/auth/ha-authorize.ts

@@ -18,7 +18,7 @@ import "./ha-auth-flow";
 import { extractSearchParamsObject } from "../common/url/search-params";
 import punycode from "punycode";
 
-import(/* webpackChunkName: "pick-auth-provider" */ "./ha-pick-auth-provider");
+import("./ha-pick-auth-provider");
 
 class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
   @property() public clientId?: string;

src/common/dom/setup-leaflet-map.ts

@@ -13,13 +13,12 @@ export const setupLeafletMap = async (
     throw new Error("Cannot setup Leaflet map on disconnected element");
   }
   // eslint-disable-next-line
-  const Leaflet = ((await import(
-    /* webpackChunkName: "leaflet" */ "leaflet"
-  )) as any).default as LeafletModuleType;
+  const Leaflet = ((await import("leaflet")) as any)
+    .default as LeafletModuleType;
   Leaflet.Icon.Default.imagePath = "/static/images/leaflet/images/";
 
   if (draw) {
-    await import(/* webpackChunkName: "leaflet-draw" */ "leaflet-draw");
+    await import("leaflet-draw");
   }
 
   const map = Leaflet.map(mapElement);

src/components/entity/ha-chart-base.js

@@ -230,9 +230,7 @@ class HaChartBase extends mixinBehaviors(
     }
 
     if (scriptsLoaded === null) {
-      scriptsLoaded = import(
-        /* webpackChunkName: "load_chart" */ "../../resources/ha-chart-scripts.js"
-      );
+      scriptsLoaded = import("../../resources/ha-chart-scripts.js");
     }
     scriptsLoaded.then((ChartModule) => {
       this.ChartClass = ChartModule.default;

src/components/ha-attributes.ts

@@ -107,7 +107,7 @@ class HaAttributes extends LitElement {
       (!Array.isArray(value) && value instanceof Object)
     ) {
       if (!jsYamlPromise) {
-        jsYamlPromise = import(/* webpackChunkName: "js-yaml" */ "js-yaml");
+        jsYamlPromise = import("js-yaml");
       }
       const yaml = jsYamlPromise.then((jsYaml) => jsYaml.safeDump(value));
       return html` <pre>${until(yaml, "")}</pre> `;

src/components/ha-hls-player.ts

@@ -107,9 +107,7 @@ class HaHLSPlayer extends LitElement {
     const useExoPlayerPromise = this._getUseExoPlayer();
     const masterPlaylistPromise = fetch(this.url);
 
-    const hls = ((await import(
-      /* webpackChunkName: "hls.js" */ "hls.js"
-    )) as any).default as HLSModule;
+    const hls = ((await import("hls.js")) as any).default as HLSModule;
     let hlsSupported = hls.isSupported();
 
     if (!hlsSupported) {

src/components/media-player/show-media-browser-dialog.ts

@@ -18,10 +18,7 @@ export const showMediaBrowserDialog = (
 ): void => {
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-media-player-browse",
-    dialogImport: () =>
-      import(
-        /* webpackChunkName: "dialog-media-player-browse" */ "./dialog-media-player-browse"
-      ),
+    dialogImport: () => import("./dialog-media-player-browse"),
     dialogParams,
   });
 };

src/dialogs/config-entry-system-options/show-dialog-config-entry-system-options.ts

@@ -10,9 +10,7 @@ export interface ConfigEntrySystemOptionsDialogParams {
 }
 
 export const loadConfigEntrySystemOptionsDialog = () =>
-  import(
-    /* webpackChunkName: "config-entry-system-options" */ "./dialog-config-entry-system-options"
-  );
+  import("./dialog-config-entry-system-options");
 
 export const showConfigEntrySystemOptionsDialog = (
   element: HTMLElement,

src/dialogs/config-flow/show-dialog-data-entry-flow.ts

@@ -89,10 +89,7 @@ export interface DataEntryFlowDialogParams {
   showAdvanced?: boolean;
 }
 
-export const loadDataEntryFlowDialog = () =>
-  import(
-    /* webpackChunkName: "dialog-config-flow" */ "./dialog-data-entry-flow"
-  );
+export const loadDataEntryFlowDialog = () => import("./dialog-data-entry-flow");
 
 export const showFlowDialog = (
   element: HTMLElement,

src/dialogs/device-registry-detail/show-dialog-device-registry-detail.ts

@@ -12,9 +12,7 @@ export interface DeviceRegistryDetailDialogParams {
 }
 
 export const loadDeviceRegistryDetailDialog = () =>
-  import(
-    /* webpackChunkName: "device-registry-detail-dialog" */ "./dialog-device-registry-detail"
-  );
+  import("./dialog-device-registry-detail");
 
 export const showDeviceRegistryDetailDialog = (
   element: HTMLElement,

src/dialogs/domain-toggler/show-dialog-domain-toggler.ts

@@ -7,10 +7,7 @@ export interface HaDomainTogglerDialogParams {
   resetDomain: (domain: string) => void;
 }
 
-export const loadDomainTogglerDialog = () =>
-  import(
-    /* webpackChunkName: "dialog-domain-toggler" */ "./dialog-domain-toggler"
-  );
+export const loadDomainTogglerDialog = () => import("./dialog-domain-toggler");
 
 export const showDomainTogglerDialog = (
   element: HTMLElement,

src/dialogs/generic/show-dialog-box.ts

@@ -33,8 +33,7 @@ export interface DialogParams
   prompt?: boolean;
 }
 
-export const loadGenericDialog = () =>
-  import(/* webpackChunkName: "confirmation" */ "./dialog-box");
+export const loadGenericDialog = () => import("./dialog-box");
 
 const showDialogHelper = (
   element: HTMLElement,

src/dialogs/image-cropper-dialog/show-image-cropper-dialog.ts

@@ -13,10 +13,7 @@ export interface HaImageCropperDialogParams {
   croppedCallback: (file: File) => void;
 }
 
-const loadImageCropperDialog = () =>
-  import(
-    /* webpackChunkName: "image-cropper-dialog" */ "./image-cropper-dialog"
-  );
+const loadImageCropperDialog = () => import("./image-cropper-dialog");
 
 export const showImageCropperDialog = (
   element: HTMLElement,

src/dialogs/quick-bar/show-dialog-quick-bar.ts

@@ -5,8 +5,7 @@ export interface QuickBarParams {
   commandMode?: boolean;
 }
 
-export const loadQuickBar = () =>
-  import(/* webpackChunkName: "quick-bar-dialog" */ "./ha-quick-bar");
+export const loadQuickBar = () => import("./ha-quick-bar");
 
 export const showQuickBar = (
   element: HTMLElement,

src/dialogs/voice-command-dialog/show-ha-voice-command-dialog.ts

@@ -1,9 +1,6 @@
 import { fireEvent } from "../../common/dom/fire_event";
 
-const loadVoiceCommandDialog = () =>
-  import(
-    /* webpackChunkName: "ha-voice-command-dialog" */ "./ha-voice-command-dialog"
-  );
+const loadVoiceCommandDialog = () => import("./ha-voice-command-dialog");
 
 export const showVoiceCommandDialog = (element: HTMLElement): void => {
   fireEvent(element, "show-dialog", {

src/entrypoints/authorize.ts

@@ -9,9 +9,6 @@ import "../resources/roboto";
 
 /* polyfill for paper-dropdown */
 setTimeout(
-  () =>
-    import(
-      /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
-    ),
+  () => import("web-animations-js/web-animations-next-lite.min"),
   2000
 );

src/entrypoints/core.ts

@@ -35,9 +35,9 @@ declare global {
 
 const authProm = isExternal
   ? () =>
-      import(
-        /* webpackChunkName: "external_auth" */ "../external_app/external_auth"
-      ).then(({ createExternalAuth }) => createExternalAuth(hassUrl))
+      import("../external_app/external_auth").then(({ createExternalAuth }) =>
+        createExternalAuth(hassUrl)
+      )
   : () =>
       getAuth({
         hassUrl,

src/layouts/home-assistant-main.ts

@@ -104,7 +104,7 @@ class HomeAssistantMain extends LitElement {
   }
 
   protected firstUpdated() {
-    import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar");
+    import("../components/ha-sidebar");
 
     this.addEventListener(
       "hass-edit-sidebar",

src/layouts/home-assistant.ts

@@ -59,9 +59,7 @@ export class HomeAssistantAppEl extends QuickBarMixin(HassElement) {
     this._initialize();
     setTimeout(() => registerServiceWorker(this), 1000);
     /* polyfill for paper-dropdown */
-    import(
-      /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
-    );
+    import("web-animations-js/web-animations-next-lite.min");
     this.addEventListener("hass-suspend-when-hidden", (ev) => {
       this._updateHass({ suspendWhenHidden: ev.detail.suspend });
       storeState(this.hass!);

src/layouts/partial-panel-resolver.ts

@@ -18,56 +18,22 @@ import {
 
 const CACHE_URL_PATHS = ["lovelace", "developer-tools"];
 const COMPONENTS = {
-  calendar: () =>
-    import(
-      /* webpackChunkName: "panel-calendar" */ "../panels/calendar/ha-panel-calendar"
-    ),
-  config: () =>
-    import(
-      /* webpackChunkName: "panel-config" */ "../panels/config/ha-panel-config"
-    ),
-  custom: () =>
-    import(
-      /* webpackChunkName: "panel-custom" */ "../panels/custom/ha-panel-custom"
-    ),
+  calendar: () => import("../panels/calendar/ha-panel-calendar"),
+  config: () => import("../panels/config/ha-panel-config"),
+  custom: () => import("../panels/custom/ha-panel-custom"),
   "developer-tools": () =>
-    import(
-      /* webpackChunkName: "panel-developer-tools" */ "../panels/developer-tools/ha-panel-developer-tools"
-    ),
-  lovelace: () =>
-    import(
-      /* webpackChunkName: "panel-lovelace" */ "../panels/lovelace/ha-panel-lovelace"
-    ),
-  history: () =>
-    import(
-      /* webpackChunkName: "panel-history" */ "../panels/history/ha-panel-history"
-    ),
-  iframe: () =>
-    import(
-      /* webpackChunkName: "panel-iframe" */ "../panels/iframe/ha-panel-iframe"
-    ),
-  logbook: () =>
-    import(
-      /* webpackChunkName: "panel-logbook" */ "../panels/logbook/ha-panel-logbook"
-    ),
-  mailbox: () =>
-    import(
-      /* webpackChunkName: "panel-mailbox" */ "../panels/mailbox/ha-panel-mailbox"
-    ),
-  map: () =>
-    import(/* webpackChunkName: "panel-map" */ "../panels/map/ha-panel-map"),
-  profile: () =>
-    import(
-      /* webpackChunkName: "panel-profile" */ "../panels/profile/ha-panel-profile"
-    ),
+    import("../panels/developer-tools/ha-panel-developer-tools"),
+  lovelace: () => import("../panels/lovelace/ha-panel-lovelace"),
+  history: () => import("../panels/history/ha-panel-history"),
+  iframe: () => import("../panels/iframe/ha-panel-iframe"),
+  logbook: () => import("../panels/logbook/ha-panel-logbook"),
+  mailbox: () => import("../panels/mailbox/ha-panel-mailbox"),
+  map: () => import("../panels/map/ha-panel-map"),
+  profile: () => import("../panels/profile/ha-panel-profile"),
   "shopping-list": () =>
-    import(
-      /* webpackChunkName: "panel-shopping-list" */ "../panels/shopping-list/ha-panel-shopping-list"
-    ),
+    import("../panels/shopping-list/ha-panel-shopping-list"),
   "media-browser": () =>
-    import(
-      /* webpackChunkName: "panel-media-browser" */ "../panels/media-browser/ha-panel-media-browser"
-    ),
+    import("../panels/media-browser/ha-panel-media-browser"),
 };
 
 const getRoutes = (panels: Panels): RouterOptions => {