@molecule/app-bonds-default-react 1.0.1 → 1.0.2

package/README.md

@@ -3,7 +3,7 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
 Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
 Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
 To change this document, edit the module-level JSDoc in src/index.ts.
-Generated: 2026-08-04T01:50:10.868Z
+Generated: 2026-08-06T06:01:29.248Z
 -->
 
 # @molecule/app-bonds-default-react
@@ -26,6 +26,11 @@ React fleet stack, replacing the byte-identical per-app files:
   icons-molecule. Each also exists as an individual `setupApp*()` for apps
   that wire a la carte (per-app `app/src/bonds/<name>.ts` files stay 1-line
   re-exports of these).
+- **Optional provider wirings live behind subpaths**, one module per pair:
+  `@molecule/app-bonds-default-react/optional/<pair>.js` — `realtime-socketio`,
+  `keyboard-shortcuts-hotkeys`, `command-palette-cmdk`, `code-editor-monaco`,
+  `virtual-scroll-tanstack`, `drag-drop-dndkit`, `charts-chartjs`,
+  `maps-leaflet`, `video-hls`. Import ONLY the ones the app installs.
 - Auth/http factories — `createDefaultAuthClient(authConfig)` returns
   `{ authClient, setupAuthDefault }`; the `...WithHttpSync` /
   `...WithFetchClient` variants also keep the bonded http client's bearer
@@ -39,8 +44,9 @@ import {
   bootstrapApp,
   createDefaultAuthClientWithHttpSync,
   setupAllDefaultBonds,
-  setupAppCodeEditorMonaco,
 } from '@molecule/app-bonds-default-react'
+// Optional providers come from their own subpath — see @remarks.
+import { setupAppCodeEditorMonaco } from '@molecule/app-bonds-default-react/optional/code-editor-monaco.js'
 
 import { App } from './App.js'
 import { authConfig } from './config.js'
@@ -66,7 +72,7 @@ bootstrapApp({
 ## Installation
 
 ```bash
-npm install @molecule/app-bonds-default-react @molecule/app-auth @molecule/app-charts-chartjs @molecule/app-code-editor @molecule/app-code-editor-monaco @molecule/app-command-palette @molecule/app-command-palette-cmdk @molecule/app-drag-drop @molecule/app-drag-drop-dndkit @molecule/app-fonts @molecule/app-fonts-arimo @molecule/app-http @molecule/app-icons @molecule/app-icons-molecule @molecule/app-keyboard-shortcuts @molecule/app-keyboard-shortcuts-hotkeys @molecule/app-maps-leaflet @molecule/app-realtime @molecule/app-realtime-socketio @molecule/app-routing @molecule/app-routing-react-router @molecule/app-storage @molecule/app-storage-localstorage @molecule/app-styling-tailwind @molecule/app-theme @molecule/app-theme-css-variables @molecule/app-ui @molecule/app-ui-tailwind @molecule/app-video-hls @molecule/app-virtual-scroll @molecule/app-virtual-scroll-tanstack react react-dom
+npm install @molecule/app-bonds-default-react @molecule/app-auth @molecule/app-charts @molecule/app-charts-chartjs @molecule/app-code-editor @molecule/app-code-editor-monaco @molecule/app-command-palette @molecule/app-command-palette-cmdk @molecule/app-drag-drop @molecule/app-drag-drop-dndkit @molecule/app-fonts @molecule/app-fonts-arimo @molecule/app-http @molecule/app-icons @molecule/app-icons-molecule @molecule/app-keyboard-shortcuts @molecule/app-keyboard-shortcuts-hotkeys @molecule/app-maps @molecule/app-maps-leaflet @molecule/app-realtime @molecule/app-realtime-socketio @molecule/app-routing @molecule/app-routing-react-router @molecule/app-storage @molecule/app-storage-localstorage @molecule/app-styling-tailwind @molecule/app-theme @molecule/app-theme-css-variables @molecule/app-ui @molecule/app-ui-tailwind @molecule/app-video @molecule/app-video-hls @molecule/app-virtual-scroll @molecule/app-virtual-scroll-tanstack react react-dom
 npm install -D @types/react @types/react-dom
 ```
 
@@ -196,39 +202,6 @@ Replaces 9 individual setupX() calls in per-app `bonds/index.ts`.
 function setupAllDefaultBonds(): void
 ```
 
-#### `setupAppChartsChartjs()`
-
-Wires `@molecule/app-charts-chartjs` (Chart.js) to `@molecule/app-charts` — real
-line/bar/pie/etc. charts instead of the core's placeholder panel.
-
-```typescript
-function setupAppChartsChartjs(): Promise<void>
-```
-
-#### `setupAppCodeEditorMonaco()`
-
-Wires `@molecule/app-code-editor-monaco` to `@molecule/app-code-editor`.
-
-```typescript
-function setupAppCodeEditorMonaco(): Promise<void>
-```
-
-#### `setupAppCommandPaletteCmdk()`
-
-Wires `@molecule/app-command-palette-cmdk` to `@molecule/app-command-palette`.
-
-```typescript
-function setupAppCommandPaletteCmdk(): Promise<void>
-```
-
-#### `setupAppDragDropDndkit()`
-
-Wires `@molecule/app-drag-drop-dndkit` to `@molecule/app-drag-drop`.
-
-```typescript
-function setupAppDragDropDndkit(): Promise<void>
-```
-
 #### `setupAppFontsArimo()`
 
 Wires `@molecule/app-fonts-arimo` to `@molecule/app-fonts`.
@@ -245,33 +218,6 @@ Wires `@molecule/app-icons-molecule` to `@molecule/app-icons`.
 function setupAppIconsMolecule(): void
 ```
 
-#### `setupAppKeyboardShortcutsHotkeys()`
-
-Wires `@molecule/app-keyboard-shortcuts-hotkeys` to `@molecule/app-keyboard-shortcuts`.
-
-```typescript
-function setupAppKeyboardShortcutsHotkeys(): Promise<void>
-```
-
-#### `setupAppMapsLeaflet()`
-
-Wires `@molecule/app-maps-leaflet` (Leaflet + OpenStreetMap, no API key) to
-`@molecule/app-maps` — a real slippy map instead of the core's grey placeholder.
-REQUIRES `import 'leaflet/dist/leaflet.css'` once in the app entry (the scaffolded
-`bonds/app-maps-leaflet.ts` does this); without it tiles + markers mis-position.
-
-```typescript
-function setupAppMapsLeaflet(): Promise<void>
-```
-
-#### `setupAppRealtimeSocketio()`
-
-Wires `@molecule/app-realtime-socketio` to `@molecule/app-realtime`.
-
-```typescript
-function setupAppRealtimeSocketio(): Promise<void>
-```
-
 #### `setupAppRoutingReactRouter()`
 
 Wires `@molecule/app-routing-react-router` to `@molecule/app-routing`.
@@ -316,22 +262,6 @@ Wires `@molecule/app-ui-tailwind` `classMap` to `@molecule/app-ui`.
 function setupAppUiTailwind(): void
 ```
 
-#### `setupAppVideoHls()`
-
-Wires `@molecule/app-video-hls` (hls.js — HLS streaming everywhere) to `@molecule/app-video`.
-
-```typescript
-function setupAppVideoHls(): Promise<void>
-```
-
-#### `setupAppVirtualScrollTanstack()`
-
-Wires `@molecule/app-virtual-scroll-tanstack` to `@molecule/app-virtual-scroll`.
-
-```typescript
-function setupAppVirtualScrollTanstack(): Promise<void>
-```
-
 ## Injection Notes
 
 ### Requirements
@@ -339,7 +269,8 @@ function setupAppVirtualScrollTanstack(): Promise<void>
 Peer dependencies:
 
 - `@molecule/app-auth` ^1.0.1
-- `@molecule/app-charts-chartjs` 1.0.1
+- `@molecule/app-charts` ^1.0.1
+- `@molecule/app-charts-chartjs` ^1.0.1
 - `@molecule/app-code-editor` ^1.0.1
 - `@molecule/app-code-editor-monaco` ^1.0.1
 - `@molecule/app-command-palette` ^1.0.1
@@ -353,7 +284,8 @@ Peer dependencies:
 - `@molecule/app-icons-molecule` ^1.0.1
 - `@molecule/app-keyboard-shortcuts` ^1.0.1
 - `@molecule/app-keyboard-shortcuts-hotkeys` ^1.0.1
-- `@molecule/app-maps-leaflet` 1.0.1
+- `@molecule/app-maps` ^1.0.1
+- `@molecule/app-maps-leaflet` ^1.0.1
 - `@molecule/app-realtime` ^1.0.1
 - `@molecule/app-realtime-socketio` ^1.0.1
 - `@molecule/app-routing` ^1.0.1
@@ -365,7 +297,8 @@ Peer dependencies:
 - `@molecule/app-theme-css-variables` ^1.0.1
 - `@molecule/app-ui` ^1.0.1
 - `@molecule/app-ui-tailwind` ^1.0.1
-- `@molecule/app-video-hls` 1.0.1
+- `@molecule/app-video` ^1.0.1
+- `@molecule/app-video-hls` ^1.0.1
 - `@molecule/app-virtual-scroll` ^1.0.1
 - `@molecule/app-virtual-scroll-tanstack` ^1.0.1
 - `react` ^18.0.0 || ^19.0.0
@@ -374,6 +307,7 @@ Peer dependencies:
 ### Runtime Dependencies
 
 - `@molecule/app-auth`
+- `@molecule/app-charts`
 - `@molecule/app-charts-chartjs`
 - `@molecule/app-code-editor`
 - `@molecule/app-code-editor-monaco`
@@ -388,6 +322,7 @@ Peer dependencies:
 - `@molecule/app-icons-molecule`
 - `@molecule/app-keyboard-shortcuts`
 - `@molecule/app-keyboard-shortcuts-hotkeys`
+- `@molecule/app-maps`
 - `@molecule/app-maps-leaflet`
 - `@molecule/app-realtime`
 - `@molecule/app-realtime-socketio`
@@ -400,12 +335,21 @@ Peer dependencies:
 - `@molecule/app-theme-css-variables`
 - `@molecule/app-ui`
 - `@molecule/app-ui-tailwind`
+- `@molecule/app-video`
 - `@molecule/app-video-hls`
 - `@molecule/app-virtual-scroll`
 - `@molecule/app-virtual-scroll-tanstack`
 - `react`
 - `react-dom`
 
+- **Optional setups are NOT exported from the package root.** Import each from
+  its own subpath — `@molecule/app-bonds-default-react/optional/maps-leaflet.js`,
+  not `from '@molecule/app-bonds-default-react'`. A bundler must RESOLVE every
+  `import()` in a module it pulls into the graph, before tree-shaking can drop
+  anything, so while these lived in the barrel every app inherited all 18
+  optional providers and any app that had not installed all of them failed to
+  build with `Rolldown failed to resolve import "@molecule/app-maps"`. Only
+  import a subpath whose provider pair the app actually installs.
 - `setupAllDefaultBonds()` does NOT wire the optional bonds. Those ship as
   separate ASYNC setups — `setupAppRealtimeSocketio`,
   `setupAppKeyboardShortcutsHotkeys`, `setupAppCommandPaletteCmdk`,

package/dist/index.d.ts

@@ -13,6 +13,11 @@
  *   icons-molecule. Each also exists as an individual `setupApp*()` for apps
  *   that wire a la carte (per-app `app/src/bonds/<name>.ts` files stay 1-line
  *   re-exports of these).
+ * - **Optional provider wirings live behind subpaths**, one module per pair:
+ *   `@molecule/app-bonds-default-react/optional/<pair>.js` — `realtime-socketio`,
+ *   `keyboard-shortcuts-hotkeys`, `command-palette-cmdk`, `code-editor-monaco`,
+ *   `virtual-scroll-tanstack`, `drag-drop-dndkit`, `charts-chartjs`,
+ *   `maps-leaflet`, `video-hls`. Import ONLY the ones the app installs.
  * - Auth/http factories — `createDefaultAuthClient(authConfig)` returns
  *   `{ authClient, setupAuthDefault }`; the `...WithHttpSync` /
  *   `...WithFetchClient` variants also keep the bonded http client's bearer
@@ -25,8 +30,9 @@
  *   bootstrapApp,
  *   createDefaultAuthClientWithHttpSync,
  *   setupAllDefaultBonds,
- *   setupAppCodeEditorMonaco,
  * } from '@molecule/app-bonds-default-react'
+ * // Optional providers come from their own subpath — see @remarks.
+ * import { setupAppCodeEditorMonaco } from '@molecule/app-bonds-default-react/optional/code-editor-monaco.js'
  *
  * import { App } from './App.js'
  * import { authConfig } from './config.js'
@@ -47,6 +53,14 @@
  * ```
  *
  * @remarks
+ * - **Optional setups are NOT exported from the package root.** Import each from
+ *   its own subpath — `@molecule/app-bonds-default-react/optional/maps-leaflet.js`,
+ *   not `from '@molecule/app-bonds-default-react'`. A bundler must RESOLVE every
+ *   `import()` in a module it pulls into the graph, before tree-shaking can drop
+ *   anything, so while these lived in the barrel every app inherited all 18
+ *   optional providers and any app that had not installed all of them failed to
+ *   build with `Rolldown failed to resolve import "@molecule/app-maps"`. Only
+ *   import a subpath whose provider pair the app actually installs.
  * - `setupAllDefaultBonds()` does NOT wire the optional bonds. Those ship as
  *   separate ASYNC setups — `setupAppRealtimeSocketio`,
  *   `setupAppKeyboardShortcutsHotkeys`, `setupAppCommandPaletteCmdk`,

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAEH,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAEH,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -13,6 +13,11 @@
  *   icons-molecule. Each also exists as an individual `setupApp*()` for apps
  *   that wire a la carte (per-app `app/src/bonds/<name>.ts` files stay 1-line
  *   re-exports of these).
+ * - **Optional provider wirings live behind subpaths**, one module per pair:
+ *   `@molecule/app-bonds-default-react/optional/<pair>.js` — `realtime-socketio`,
+ *   `keyboard-shortcuts-hotkeys`, `command-palette-cmdk`, `code-editor-monaco`,
+ *   `virtual-scroll-tanstack`, `drag-drop-dndkit`, `charts-chartjs`,
+ *   `maps-leaflet`, `video-hls`. Import ONLY the ones the app installs.
  * - Auth/http factories — `createDefaultAuthClient(authConfig)` returns
  *   `{ authClient, setupAuthDefault }`; the `...WithHttpSync` /
  *   `...WithFetchClient` variants also keep the bonded http client's bearer
@@ -25,8 +30,9 @@
  *   bootstrapApp,
  *   createDefaultAuthClientWithHttpSync,
  *   setupAllDefaultBonds,
- *   setupAppCodeEditorMonaco,
  * } from '@molecule/app-bonds-default-react'
+ * // Optional providers come from their own subpath — see @remarks.
+ * import { setupAppCodeEditorMonaco } from '@molecule/app-bonds-default-react/optional/code-editor-monaco.js'
  *
  * import { App } from './App.js'
  * import { authConfig } from './config.js'
@@ -47,6 +53,14 @@
  * ```
  *
  * @remarks
+ * - **Optional setups are NOT exported from the package root.** Import each from
+ *   its own subpath — `@molecule/app-bonds-default-react/optional/maps-leaflet.js`,
+ *   not `from '@molecule/app-bonds-default-react'`. A bundler must RESOLVE every
+ *   `import()` in a module it pulls into the graph, before tree-shaking can drop
+ *   anything, so while these lived in the barrel every app inherited all 18
+ *   optional providers and any app that had not installed all of them failed to
+ *   build with `Rolldown failed to resolve import "@molecule/app-maps"`. Only
+ *   import a subpath whose provider pair the app actually installs.
  * - `setupAllDefaultBonds()` does NOT wire the optional bonds. Those ship as
  *   separate ASYNC setups — `setupAppRealtimeSocketio`,
  *   `setupAppKeyboardShortcutsHotkeys`, `setupAppCommandPaletteCmdk`,

package/dist/optional/charts-chartjs.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Wiring for the optional `@molecule/app-charts` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/**
+ * Wires `@molecule/app-charts-chartjs` (Chart.js) to `@molecule/app-charts` — real
+ * line/bar/pie/etc. charts instead of the core's placeholder panel.
+ */
+export declare function setupAppChartsChartjs(): Promise<void>;
+//# sourceMappingURL=charts-chartjs.d.ts.map

package/dist/optional/charts-chartjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-chartjs.d.ts","sourceRoot":"","sources":["../../src/optional/charts-chartjs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;GAGG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM3D"}

package/dist/optional/charts-chartjs.js

@@ -0,0 +1,20 @@
+/**
+ * Wiring for the optional `@molecule/app-charts` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/**
+ * Wires `@molecule/app-charts-chartjs` (Chart.js) to `@molecule/app-charts` — real
+ * line/bar/pie/etc. charts instead of the core's placeholder panel.
+ */
+export async function setupAppChartsChartjs() {
+    const [{ setProvider: setCharts }, { provider }] = await Promise.all([
+        import('@molecule/app-charts'),
+        import('@molecule/app-charts-chartjs'),
+    ]);
+    setCharts(provider);
+}

package/dist/optional/code-editor-monaco.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-code-editor` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-code-editor-monaco` to `@molecule/app-code-editor`. */
+export declare function setupAppCodeEditorMonaco(): Promise<void>;
+//# sourceMappingURL=code-editor-monaco.d.ts.map

package/dist/optional/code-editor-monaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-monaco.d.ts","sourceRoot":"","sources":["../../src/optional/code-editor-monaco.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,+EAA+E;AAC/E,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM9D"}

package/dist/optional/code-editor-monaco.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-code-editor` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-code-editor-monaco` to `@molecule/app-code-editor`. */
+export async function setupAppCodeEditorMonaco() {
+    const [{ setProvider: setEditor }, { provider }] = await Promise.all([
+        import('@molecule/app-code-editor'),
+        import('@molecule/app-code-editor-monaco'),
+    ]);
+    setEditor(provider);
+}

package/dist/optional/command-palette-cmdk.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-command-palette` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-command-palette-cmdk` to `@molecule/app-command-palette`. */
+export declare function setupAppCommandPaletteCmdk(): Promise<void>;
+//# sourceMappingURL=command-palette-cmdk.d.ts.map

package/dist/optional/command-palette-cmdk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-cmdk.d.ts","sourceRoot":"","sources":["../../src/optional/command-palette-cmdk.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,qFAAqF;AACrF,wBAAsB,0BAA0B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMhE"}

package/dist/optional/command-palette-cmdk.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-command-palette` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-command-palette-cmdk` to `@molecule/app-command-palette`. */
+export async function setupAppCommandPaletteCmdk() {
+    const [{ setProvider: setPalette }, { provider }] = await Promise.all([
+        import('@molecule/app-command-palette'),
+        import('@molecule/app-command-palette-cmdk'),
+    ]);
+    setPalette(provider);
+}

package/dist/optional/drag-drop-dndkit.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-drag-drop` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-drag-drop-dndkit` to `@molecule/app-drag-drop`. */
+export declare function setupAppDragDropDndkit(): Promise<void>;
+//# sourceMappingURL=drag-drop-dndkit.d.ts.map

package/dist/optional/drag-drop-dndkit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-drop-dndkit.d.ts","sourceRoot":"","sources":["../../src/optional/drag-drop-dndkit.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,2EAA2E;AAC3E,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM5D"}

package/dist/optional/drag-drop-dndkit.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-drag-drop` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-drag-drop-dndkit` to `@molecule/app-drag-drop`. */
+export async function setupAppDragDropDndkit() {
+    const [{ setProvider: setDnd }, { provider }] = await Promise.all([
+        import('@molecule/app-drag-drop'),
+        import('@molecule/app-drag-drop-dndkit'),
+    ]);
+    setDnd(provider);
+}

package/dist/optional/keyboard-shortcuts-hotkeys.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-keyboard-shortcuts` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-keyboard-shortcuts-hotkeys` to `@molecule/app-keyboard-shortcuts`. */
+export declare function setupAppKeyboardShortcutsHotkeys(): Promise<void>;
+//# sourceMappingURL=keyboard-shortcuts-hotkeys.d.ts.map

package/dist/optional/keyboard-shortcuts-hotkeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-shortcuts-hotkeys.d.ts","sourceRoot":"","sources":["../../src/optional/keyboard-shortcuts-hotkeys.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,8FAA8F;AAC9F,wBAAsB,gCAAgC,IAAI,OAAO,CAAC,IAAI,CAAC,CAMtE"}

package/dist/optional/keyboard-shortcuts-hotkeys.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-keyboard-shortcuts` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-keyboard-shortcuts-hotkeys` to `@molecule/app-keyboard-shortcuts`. */
+export async function setupAppKeyboardShortcutsHotkeys() {
+    const [{ setProvider: setKbd }, { provider }] = await Promise.all([
+        import('@molecule/app-keyboard-shortcuts'),
+        import('@molecule/app-keyboard-shortcuts-hotkeys'),
+    ]);
+    setKbd(provider);
+}

package/dist/optional/maps-leaflet.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Wiring for the optional `@molecule/app-maps` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale. `@molecule/app-maps` is the import that first exposed the problem:
+ * it is the alphabetically-first unresolvable provider, so it is the one Rolldown
+ * named while the other 14 were equally broken.
+ *
+ * @module
+ */
+/**
+ * Wires `@molecule/app-maps-leaflet` (Leaflet + OpenStreetMap, no API key) to
+ * `@molecule/app-maps` — a real slippy map instead of the core's grey placeholder.
+ * REQUIRES `import 'leaflet/dist/leaflet.css'` once in the app entry (the scaffolded
+ * `bonds/app-maps-leaflet.ts` does this); without it tiles + markers mis-position.
+ */
+export declare function setupAppMapsLeaflet(): Promise<void>;
+//# sourceMappingURL=maps-leaflet.d.ts.map

package/dist/optional/maps-leaflet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps-leaflet.d.ts","sourceRoot":"","sources":["../../src/optional/maps-leaflet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;;;GAKG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAMzD"}

package/dist/optional/maps-leaflet.js

@@ -0,0 +1,24 @@
+/**
+ * Wiring for the optional `@molecule/app-maps` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale. `@molecule/app-maps` is the import that first exposed the problem:
+ * it is the alphabetically-first unresolvable provider, so it is the one Rolldown
+ * named while the other 14 were equally broken.
+ *
+ * @module
+ */
+/**
+ * Wires `@molecule/app-maps-leaflet` (Leaflet + OpenStreetMap, no API key) to
+ * `@molecule/app-maps` — a real slippy map instead of the core's grey placeholder.
+ * REQUIRES `import 'leaflet/dist/leaflet.css'` once in the app entry (the scaffolded
+ * `bonds/app-maps-leaflet.ts` does this); without it tiles + markers mis-position.
+ */
+export async function setupAppMapsLeaflet() {
+    const [{ setProvider: setMaps }, { provider }] = await Promise.all([
+        import('@molecule/app-maps'),
+        import('@molecule/app-maps-leaflet'),
+    ]);
+    setMaps(provider);
+}

package/dist/optional/realtime-socketio.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Wiring for the optional `@molecule/app-realtime` bond.
+ *
+ * Lives in its own module, reachable only via the
+ * `@molecule/app-bonds-default-react/optional/realtime-socketio.js` subpath, because
+ * a bundler must RESOLVE every `import()` in a module it pulls into the graph —
+ * before tree-shaking can drop anything. While these wirings sat in `setup.ts`
+ * (re-exported from the barrel), importing `bootstrapApp` dragged all 18 optional
+ * providers into the graph, and any app that had not installed all of them failed
+ * to build:
+ *
+ * ```
+ * [vite]: Rolldown failed to resolve import "@molecule/app-maps"
+ *         from ".../app-bonds-default-react/dist/setup.js"
+ * ```
+ *
+ * One module per provider pair means an app pays for exactly the providers it
+ * imports — which is what made them optional in the first place.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-realtime-socketio` to `@molecule/app-realtime`. */
+export declare function setupAppRealtimeSocketio(): Promise<void>;
+//# sourceMappingURL=realtime-socketio.d.ts.map

package/dist/optional/realtime-socketio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-socketio.d.ts","sourceRoot":"","sources":["../../src/optional/realtime-socketio.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,2EAA2E;AAC3E,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM9D"}

package/dist/optional/realtime-socketio.js

@@ -0,0 +1,29 @@
+/**
+ * Wiring for the optional `@molecule/app-realtime` bond.
+ *
+ * Lives in its own module, reachable only via the
+ * `@molecule/app-bonds-default-react/optional/realtime-socketio.js` subpath, because
+ * a bundler must RESOLVE every `import()` in a module it pulls into the graph —
+ * before tree-shaking can drop anything. While these wirings sat in `setup.ts`
+ * (re-exported from the barrel), importing `bootstrapApp` dragged all 18 optional
+ * providers into the graph, and any app that had not installed all of them failed
+ * to build:
+ *
+ * ```
+ * [vite]: Rolldown failed to resolve import "@molecule/app-maps"
+ *         from ".../app-bonds-default-react/dist/setup.js"
+ * ```
+ *
+ * One module per provider pair means an app pays for exactly the providers it
+ * imports — which is what made them optional in the first place.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-realtime-socketio` to `@molecule/app-realtime`. */
+export async function setupAppRealtimeSocketio() {
+    const [{ setProvider: setRealtime }, { provider }] = await Promise.all([
+        import('@molecule/app-realtime'),
+        import('@molecule/app-realtime-socketio'),
+    ]);
+    setRealtime(provider);
+}

package/dist/optional/video-hls.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-video` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-video-hls` (hls.js — HLS streaming everywhere) to `@molecule/app-video`. */
+export declare function setupAppVideoHls(): Promise<void>;
+//# sourceMappingURL=video-hls.d.ts.map

package/dist/optional/video-hls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-hls.d.ts","sourceRoot":"","sources":["../../src/optional/video-hls.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,oGAAoG;AACpG,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAMtD"}

package/dist/optional/video-hls.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-video` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-video-hls` (hls.js — HLS streaming everywhere) to `@molecule/app-video`. */
+export async function setupAppVideoHls() {
+    const [{ setProvider: setVideo }, { provider }] = await Promise.all([
+        import('@molecule/app-video'),
+        import('@molecule/app-video-hls'),
+    ]);
+    setVideo(provider);
+}

package/dist/optional/virtual-scroll-tanstack.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Wiring for the optional `@molecule/app-virtual-scroll` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-virtual-scroll-tanstack` to `@molecule/app-virtual-scroll`. */
+export declare function setupAppVirtualScrollTanstack(): Promise<void>;
+//# sourceMappingURL=virtual-scroll-tanstack.d.ts.map

package/dist/optional/virtual-scroll-tanstack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-scroll-tanstack.d.ts","sourceRoot":"","sources":["../../src/optional/virtual-scroll-tanstack.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,uFAAuF;AACvF,wBAAsB,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMnE"}

package/dist/optional/virtual-scroll-tanstack.js

@@ -0,0 +1,17 @@
+/**
+ * Wiring for the optional `@molecule/app-virtual-scroll` bond.
+ *
+ * Its own module + subpath export so a bundler only resolves these providers when
+ * an app actually imports them — see `./realtime-socketio.js` for the full
+ * rationale.
+ *
+ * @module
+ */
+/** Wires `@molecule/app-virtual-scroll-tanstack` to `@molecule/app-virtual-scroll`. */
+export async function setupAppVirtualScrollTanstack() {
+    const [{ setProvider: setScroll }, { provider }] = await Promise.all([
+        import('@molecule/app-virtual-scroll'),
+        import('@molecule/app-virtual-scroll-tanstack'),
+    ]);
+    setScroll(provider);
+}

package/dist/setup.d.ts

@@ -35,32 +35,6 @@ export declare function setupAppStylingTailwind(): void;
 export declare function setupAppThemeCssVariables(): void;
 /** Wires `@molecule/app-ui-tailwind` `classMap` to `@molecule/app-ui`. */
 export declare function setupAppUiTailwind(): void;
-/** Wires `@molecule/app-realtime-socketio` to `@molecule/app-realtime`. */
-export declare function setupAppRealtimeSocketio(): Promise<void>;
-/** Wires `@molecule/app-keyboard-shortcuts-hotkeys` to `@molecule/app-keyboard-shortcuts`. */
-export declare function setupAppKeyboardShortcutsHotkeys(): Promise<void>;
-/** Wires `@molecule/app-command-palette-cmdk` to `@molecule/app-command-palette`. */
-export declare function setupAppCommandPaletteCmdk(): Promise<void>;
-/** Wires `@molecule/app-code-editor-monaco` to `@molecule/app-code-editor`. */
-export declare function setupAppCodeEditorMonaco(): Promise<void>;
-/** Wires `@molecule/app-virtual-scroll-tanstack` to `@molecule/app-virtual-scroll`. */
-export declare function setupAppVirtualScrollTanstack(): Promise<void>;
-/** Wires `@molecule/app-drag-drop-dndkit` to `@molecule/app-drag-drop`. */
-export declare function setupAppDragDropDndkit(): Promise<void>;
-/**
- * Wires `@molecule/app-charts-chartjs` (Chart.js) to `@molecule/app-charts` — real
- * line/bar/pie/etc. charts instead of the core's placeholder panel.
- */
-export declare function setupAppChartsChartjs(): Promise<void>;
-/**
- * Wires `@molecule/app-maps-leaflet` (Leaflet + OpenStreetMap, no API key) to
- * `@molecule/app-maps` — a real slippy map instead of the core's grey placeholder.
- * REQUIRES `import 'leaflet/dist/leaflet.css'` once in the app entry (the scaffolded
- * `bonds/app-maps-leaflet.ts` does this); without it tiles + markers mis-position.
- */
-export declare function setupAppMapsLeaflet(): Promise<void>;
-/** Wires `@molecule/app-video-hls` (hls.js — HLS streaming everywhere) to `@molecule/app-video`. */
-export declare function setupAppVideoHls(): Promise<void>;
 /**
  * Wires all 7 universal app-side bonds in one call — fonts, routing,
  * storage, styling, theme, UI ClassMap, icons (in that order). Auth

package/dist/setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAYH,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAe1C,uFAAuF;AACvF,wBAAgB,uBAAuB,IAAI,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAS5F;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED,qEAAqE;AACrE,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C;AAED,6EAA6E;AAC7E,wBAAgB,0BAA0B,IAAI,IAAI,CAEjD;AAED,6EAA6E;AAC7E,wBAAgB,2BAA2B,IAAI,IAAI,CAElD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C;AAED,4FAA4F;AAC5F,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD;AAED,0EAA0E;AAC1E,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED,2EAA2E;AAC3E,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM9D;AAED,8FAA8F;AAC9F,wBAAsB,gCAAgC,IAAI,OAAO,CAAC,IAAI,CAAC,CAMtE;AAED,qFAAqF;AACrF,wBAAsB,0BAA0B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMhE;AAED,+EAA+E;AAC/E,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM9D;AAED,uFAAuF;AACvF,wBAAsB,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMnE;AAED,2EAA2E;AAC3E,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM5D;AAED;;;GAGG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAM3D;AAED;;;;;GAKG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAMzD;AAED,oGAAoG;AACpG,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAMtD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAQ3C"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAYH,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAe1C,uFAAuF;AACvF,wBAAgB,uBAAuB,IAAI,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAS5F;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED,qEAAqE;AACrE,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C;AAED,6EAA6E;AAC7E,wBAAgB,0BAA0B,IAAI,IAAI,CAEjD;AAED,6EAA6E;AAC7E,wBAAgB,2BAA2B,IAAI,IAAI,CAElD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C;AAED,4FAA4F;AAC5F,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD;AAED,0EAA0E;AAC1E,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAQ3C"}

package/dist/setup.js

@@ -81,86 +81,6 @@ export function setupAppThemeCssVariables() {
 export function setupAppUiTailwind() {
     setClassMap(classMap);
 }
-/** Wires `@molecule/app-realtime-socketio` to `@molecule/app-realtime`. */
-export async function setupAppRealtimeSocketio() {
-    const [{ setProvider: setRealtime }, { provider }] = await Promise.all([
-        import('@molecule/app-realtime'),
-        import('@molecule/app-realtime-socketio'),
-    ]);
-    setRealtime(provider);
-}
-/** Wires `@molecule/app-keyboard-shortcuts-hotkeys` to `@molecule/app-keyboard-shortcuts`. */
-export async function setupAppKeyboardShortcutsHotkeys() {
-    const [{ setProvider: setKbd }, { provider }] = await Promise.all([
-        import('@molecule/app-keyboard-shortcuts'),
-        import('@molecule/app-keyboard-shortcuts-hotkeys'),
-    ]);
-    setKbd(provider);
-}
-/** Wires `@molecule/app-command-palette-cmdk` to `@molecule/app-command-palette`. */
-export async function setupAppCommandPaletteCmdk() {
-    const [{ setProvider: setPalette }, { provider }] = await Promise.all([
-        import('@molecule/app-command-palette'),
-        import('@molecule/app-command-palette-cmdk'),
-    ]);
-    setPalette(provider);
-}
-/** Wires `@molecule/app-code-editor-monaco` to `@molecule/app-code-editor`. */
-export async function setupAppCodeEditorMonaco() {
-    const [{ setProvider: setEditor }, { provider }] = await Promise.all([
-        import('@molecule/app-code-editor'),
-        import('@molecule/app-code-editor-monaco'),
-    ]);
-    setEditor(provider);
-}
-/** Wires `@molecule/app-virtual-scroll-tanstack` to `@molecule/app-virtual-scroll`. */
-export async function setupAppVirtualScrollTanstack() {
-    const [{ setProvider: setScroll }, { provider }] = await Promise.all([
-        import('@molecule/app-virtual-scroll'),
-        import('@molecule/app-virtual-scroll-tanstack'),
-    ]);
-    setScroll(provider);
-}
-/** Wires `@molecule/app-drag-drop-dndkit` to `@molecule/app-drag-drop`. */
-export async function setupAppDragDropDndkit() {
-    const [{ setProvider: setDnd }, { provider }] = await Promise.all([
-        import('@molecule/app-drag-drop'),
-        import('@molecule/app-drag-drop-dndkit'),
-    ]);
-    setDnd(provider);
-}
-/**
- * Wires `@molecule/app-charts-chartjs` (Chart.js) to `@molecule/app-charts` — real
- * line/bar/pie/etc. charts instead of the core's placeholder panel.
- */
-export async function setupAppChartsChartjs() {
-    const [{ setProvider: setCharts }, { provider }] = await Promise.all([
-        import('@molecule/app-charts'),
-        import('@molecule/app-charts-chartjs'),
-    ]);
-    setCharts(provider);
-}
-/**
- * Wires `@molecule/app-maps-leaflet` (Leaflet + OpenStreetMap, no API key) to
- * `@molecule/app-maps` — a real slippy map instead of the core's grey placeholder.
- * REQUIRES `import 'leaflet/dist/leaflet.css'` once in the app entry (the scaffolded
- * `bonds/app-maps-leaflet.ts` does this); without it tiles + markers mis-position.
- */
-export async function setupAppMapsLeaflet() {
-    const [{ setProvider: setMaps }, { provider }] = await Promise.all([
-        import('@molecule/app-maps'),
-        import('@molecule/app-maps-leaflet'),
-    ]);
-    setMaps(provider);
-}
-/** Wires `@molecule/app-video-hls` (hls.js — HLS streaming everywhere) to `@molecule/app-video`. */
-export async function setupAppVideoHls() {
-    const [{ setProvider: setVideo }, { provider }] = await Promise.all([
-        import('@molecule/app-video'),
-        import('@molecule/app-video-hls'),
-    ]);
-    setVideo(provider);
-}
 /**
  * Wires all 7 universal app-side bonds in one call — fonts, routing,
  * storage, styling, theme, UI ClassMap, icons (in that order). Auth

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@molecule/app-bonds-default-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Default app-side bond wirings for React+Tailwind+react-router+localStorage+Arimo font+molecule icons. 5 setup functions consolidating 665 byte-identical per-app bond wiring files across the fleet.",
   "type": "module",
   "main": "dist/index.js",
@@ -14,6 +14,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./optional/*.js": {
+      "types": "./dist/optional/*.d.ts",
+      "import": "./dist/optional/*.js"
     }
   },
   "files": [
@@ -73,7 +77,8 @@
   },
   "peerDependencies": {
     "@molecule/app-auth": "^1.0.1",
-    "@molecule/app-charts-chartjs": "1.0.1",
+    "@molecule/app-charts": "^1.0.1",
+    "@molecule/app-charts-chartjs": "^1.0.1",
     "@molecule/app-code-editor": "^1.0.1",
     "@molecule/app-code-editor-monaco": "^1.0.1",
     "@molecule/app-command-palette": "^1.0.1",
@@ -87,7 +92,8 @@
     "@molecule/app-icons-molecule": "^1.0.1",
     "@molecule/app-keyboard-shortcuts": "^1.0.1",
     "@molecule/app-keyboard-shortcuts-hotkeys": "^1.0.1",
-    "@molecule/app-maps-leaflet": "1.0.1",
+    "@molecule/app-maps": "^1.0.1",
+    "@molecule/app-maps-leaflet": "^1.0.1",
     "@molecule/app-realtime": "^1.0.1",
     "@molecule/app-realtime-socketio": "^1.0.1",
     "@molecule/app-routing": "^1.0.1",
@@ -99,13 +105,17 @@
     "@molecule/app-theme-css-variables": "^1.0.1",
     "@molecule/app-ui": "^1.0.1",
     "@molecule/app-ui-tailwind": "^1.0.1",
-    "@molecule/app-video-hls": "1.0.1",
+    "@molecule/app-video": "^1.0.1",
+    "@molecule/app-video-hls": "^1.0.1",
     "@molecule/app-virtual-scroll": "^1.0.1",
     "@molecule/app-virtual-scroll-tanstack": "^1.0.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
+    "@molecule/app-charts": {
+      "optional": true
+    },
     "@molecule/app-charts-chartjs": {
       "optional": true
     },
@@ -133,6 +143,9 @@
     "@molecule/app-keyboard-shortcuts-hotkeys": {
       "optional": true
     },
+    "@molecule/app-maps": {
+      "optional": true
+    },
     "@molecule/app-maps-leaflet": {
       "optional": true
     },
@@ -142,6 +155,9 @@
     "@molecule/app-realtime-socketio": {
       "optional": true
     },
+    "@molecule/app-video": {
+      "optional": true
+    },
     "@molecule/app-video-hls": {
       "optional": true
     },