Files

T

Dermot Duffy 3279481b0e feat: Add festive visual effects (#2252 )

<!-- CURSOR_SUMMARY -->
> [!NOTE]
> Introduces an effects system (fireworks, ghost, hearts, shamrocks,
snow), a new `effect` action, and optional date-based loading effects,
integrated into the card with docs, schema, editor, and tests.
> 
> - **Effects System**:
> - Add `EffectsController` and `advanced-camera-card-effects` host with
lazy-loaded effect modules (`fireworks`, `ghost`, `hearts`, `shamrocks`,
`snow`).
> - New base effect component with fade-in/out; SCSS and z-index
updates.
> - **Actions**:
> - New custom action `advanced_camera_card_action: effect` with
`effect_action` (`start`|`stop`|`toggle`).
>   - Wire into `ActionFactory` and add `EffectAction` executor.
> - **Card Integration**:
> - Mount effects host in `advanced-camera-card` and expose
`getEffectsControllerAPI()` via `CardController`.
> - Loading component can trigger date-based effects (e.g., New Year
fireworks) when enabled.
> - **Configuration & Editor**:
> - Add `performance.features.card_loading_effects` (default `true`)
alongside `card_loading_indicator`.
> - Update schemas, defaults, low-performance profile (disables
effects), and editor toggles.
> - **Docs & Examples**:
>   - Document `effect` action parameters and add menu example.
>   - Update performance docs with new option.
> - **Localization & Tests**:
>   - Update i18n strings for new performance option.
> - Add comprehensive tests for effects controller, action, factory,
config defaults/profiles, and utilities.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
cffd4304fe3bd22340316f9cec53e341379b1756. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

2025-12-06 18:21:44 -08:00

5.0 KiB

Raw Blame History

`performance`

Configure the card performance settings to enable the card to run (more) smoothly on lower end devices.

performance:
  # [...]

Option	Default	Description
`features`		Configure feature settings that impact performance.
`style`		Configure style settings that impact performance.

`features`

Controls card-wide functionality that may impact performance.

performance:
  features:
    # [...]

Option	Default	Description
`animated_progress_indicator`	`true`	Will show the animated progress indicator 'spinners' when `true`.
`card_loading_effects`	`true`	Will occasionally show (silly) visual effects during card loading (e.g. fireworks on New Year's Day).
`card_loading_indicator`	`true`	Will show the card loading indicator (spinner & version number) and effects (see `card_loading_effects` below) when `true`.
`media_chunk_size`	`50`	How many media items to fetch and render at a time (e.g. thumbnails under a live view, or number of snapshots to load in the media viewer). This may only make partial sense in some contexts (e.g. the 'infinite gallery' is still infinite, it just loads thumbnails this many items at a time) or not at all (e.g. the timeline will show the number of events dictated by the time span the user navigates to).
`max_simultaneous_engine_requests`	Infinity	How many camera engine requests to allow occur in parallel. Setting lower values will slow the card down since more requests will run in sequence, but it will increase the chances of positive cache hit rates and reduce the chances of overwhelming the backend.

`style`

Style performance options request the card minimize certain expensive CSS stylings. This does not necessarily disable these stylings entirely since that may break the basic expected visuals of the card (e.g. menu icons need curves), but rather avoids use of them in high item-count situations (e.g. avoiding shadows on timeline items, or curves in the media gallery items).

performance:
  style:
    # [...]

Option	Default	Description
`border_radius`	`true`	If `false` minimizes the usage of rounded corners.
`box_shadow`	`true`	If `false` minimizes the usage of shadows.

The `low-performance` profile

For low end devices, the low-performance profile will adjust card defaults to attempt to improve performance. See the profiles configuration option for details on how to select profiles.

Fully expanded reference

performance:
  features:
    animated_progress_indicator: true
    card_loading_effects: true
    card_loading_indicator: true
    media_chunk_size: 50
    max_simultaneous_engine_requests: 100
  style:
    border_radius: true
    box_shadow: true

5.0 KiB Raw Blame History

performance

features

style

The low-performance profile