@espressif/dashboard-ui-components 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -16,6 +16,57 @@ to [Semantic Versioning](https://semver.org/).
16
16
  unchanged, and the default illustration/heading/description stay the same when
17
17
  nothing is passed.
18
18
 
19
+ ### Fixed
20
+ - **Vite 8 compatibility**: `LottieAnimationContainer` and everything built on it
21
+ (`VerificationInProgress`, `AnimatedRainmakerLogo`, `AppLogo` when using the
22
+ Rainmaker preset) no longer crash with *"Element type is invalid … got: object"*
23
+ under Vite 8 / React 19 consumer apps. The library's built chunk left
24
+ `lottie-react` and its CJS-only transitive `lottie-web` as externals, and Vite
25
+ 8's stricter CJS↔ESM interop resolved `Lottie`'s default export as a namespace
26
+ object at the JSX call site. Both packages are now bundled into the library's
27
+ own chunk so the interop is settled once, at library-build time. No API change.
28
+ - **Vite 8 compatibility**: `DynamicList` would have hit the same interop trap
29
+ next (`lodash/startCase` is default-imported from pure-CJS `lodash`). Swapped
30
+ to `lodash-es` — native ESM, identical output, one line changed. `lodash` and
31
+ `@types/lodash` are no longer dependencies of the library.
32
+
33
+ ### Changed
34
+ - **`Code` / `MarkdownContent` fenced code blocks now ship a curated Shiki
35
+ language + theme bundle** instead of registering every one of Shiki's
36
+ ~180 grammars. The library uses Shiki's fine-grained `createHighlighterCore`
37
+ API with a lazy singleton, and bundles:
38
+ - **Languages (20):** `javascript`, `typescript`, `jsx`, `tsx`, `json`, `yaml`,
39
+ `bash`, `html`, `css`, `markdown`, `python`, `go`, `rust`, `c`, `cpp`,
40
+ `csharp`, `java`, `sql`, `xml`, `dockerfile` — plus common aliases so
41
+ existing fences keep working (`js`, `ts`, `sh`, `shell`, `zsh`, `md`, `py`,
42
+ `yml`, `c++`, `c#`, `docker` all resolve to their canonical grammar).
43
+ - **Themes (4):** `everforest-light` / `everforest-dark` (defaults, unchanged)
44
+ and `github-light` / `github-dark`.
45
+
46
+ Fences that request a language or theme outside the curated set now render as
47
+ escaped plain text inside `<pre><code>` — with a `console.warn` for visibility —
48
+ instead of leaving the block empty on error. Consumer bundle savings are
49
+ substantial: a typical app that highlights any markdown drops **~5 MB of
50
+ unminified JS / ~1 MB gzip** of otherwise-lazy grammar chunks from its build
51
+ output. To widen support, add another `import('shiki/langs/<name>.mjs')` /
52
+ `import('shiki/themes/<name>.mjs')` and list the id in `SUPPORTED_LANGS` /
53
+ `SUPPORTED_THEMES`.
54
+ - `EntryLayout`'s default background `.webp` now ships as an emitted asset file
55
+ next to the ESM chunk instead of an inlined data URL. Removes the ~33 % base64
56
+ overhead, restores parallel download, and lets browsers cache the image
57
+ independently of code changes. `.svg` / `.png` / `.jpg` continue to inline as
58
+ data URLs — this change only affects `.webp`.
59
+
60
+ ### Internal
61
+ Nothing in this section affects the published package — it covers the demo app,
62
+ which does not ship to consumers.
63
+
64
+ - Demo: new `Code` component page under **Data Display**. Interactive prop
65
+ controls for `lang`, `theme`, `fileName`, `copyButton`; a gallery of examples
66
+ that walk through the curated bundle: a Python sample, the `sh` → `bash` alias
67
+ round-trip, the plain-text fallback for an unbundled language (`haskell`), and
68
+ the `github-light` / `github-dark` theme override.
69
+
19
70
  ## [1.1.1] - 2026-08-04
20
71
 
21
72
  A patch release with no API changes: a much smaller published bundle, a wider default
@@ -1,4 +1,4 @@
1
- import { ProgressBar } from './chunk-MOYKF2ZC.js';
1
+ import { ProgressBar } from './chunk-EF2WYOVZ.js';
2
2
  import { Card, CardContent } from './chunk-JPMN2UMF.js';
3
3
  import { Tooltip2 } from './chunk-34PXJOCS.js';
4
4
  import { jsx, jsxs } from 'react/jsx-runtime';