Upgrade to svelte 4 x x #40

MelleD · 2024-09-26T11:47:35Z

Upgrade to svelte 4 x x

Bumps [@tsconfig/svelte](https://github.com/tsconfig/bases/tree/HEAD/bases) from 3.0.0 to 5.0.4. - [Commits](https://github.com/tsconfig/bases/commits/HEAD/bases) --- updated-dependencies: - dependency-name: "@tsconfig/svelte" dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]>

Bumps [svelte-check](https://github.com/sveltejs/language-tools) from 2.10.3 to 3.7.1. - [Release notes](https://github.com/sveltejs/language-tools/releases) - [Commits](sveltejs/language-tools@svelte-check-2.10.3...svelte-check-3.7.1) --- updated-dependencies: - dependency-name: svelte-check dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]>

Update Docs

Update FUNDING.yml

…velte-5.0.4 Bump @tsconfig/svelte from 3.0.0 to 5.0.4

…ck-3.7.1 Bump svelte-check from 2.10.3 to 3.7.1

updated-dependencies: - dependency-name: "@typescript-eslint/eslint-plugin" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

Bumps [@rollup/rollup-linux-x64-gnu](https://github.com/rollup/rollup) from 4.17.2 to 4.18.0. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.17.2...v4.18.0) --- updated-dependencies: - dependency-name: "@rollup/rollup-linux-x64-gnu" dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

Bumps [rollup](https://github.com/rollup/rollup) from 4.17.2 to 4.18.0. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.17.2...v4.18.0) --- updated-dependencies: - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

Bump rollup from 4.17.2 to 4.18.0

…lup-linux-x64-gnu-4.18.0 Bump @rollup/rollup-linux-x64-gnu from 4.17.2 to 4.18.0

…when-collpased Fix defaults for card

Fix Overflow/Display error

…-eslint/eslint-plugin-7.10.0 Bump @typescript-eslint/eslint-plugin from 7.8.0 to 7.10.0

…-mobile-app Add new color variables for expander card, icon and label

updated-dependencies: - dependency-name: "@typescript-eslint/parser" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

…-eslint/parser-7.10.0 Bump @typescript-eslint/parser from 7.8.0 to 7.10.0

…-mobile-app-2 Add option for Editor and yaml to add own colors

Fix ico css class

Fix display error

…21.1 Bump rollup from 4.21.0 to 4.21.1

…llup-linux-x64-gnu-4.21.1 Bump @rollup/rollup-linux-x64-gnu from 4.21.0 to 4.21.1

Bumps [@rollup/rollup-linux-x64-gnu](https://github.com/rollup/rollup) from 4.21.1 to 4.21.2. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.21.1...v4.21.2) --- updated-dependencies: - dependency-name: "@rollup/rollup-linux-x64-gnu" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <[email protected]>

…llup-linux-x64-gnu-4.21.2 Bump @rollup/rollup-linux-x64-gnu from 4.21.1 to 4.21.2

Bumps [typescript](https://github.com/microsoft/TypeScript) from 5.5.4 to 5.6.2. - [Release notes](https://github.com/microsoft/TypeScript/releases) - [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release.yml) - [Commits](microsoft/TypeScript@v5.5.4...v5.6.2) --- updated-dependencies: - dependency-name: typescript dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

…t-5.6.2 Bump typescript from 5.5.4 to 5.6.2

Bumps [eslint-plugin-svelte](https://github.com/sveltejs/eslint-plugin-svelte) from 2.43.0 to 2.44.0. - [Release notes](https://github.com/sveltejs/eslint-plugin-svelte/releases) - [Commits](https://github.com/sveltejs/eslint-plugin-svelte/compare/[email protected]@2.44.0) --- updated-dependencies: - dependency-name: eslint-plugin-svelte dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

…ugin-svelte-2.44.0 Bump eslint-plugin-svelte from 2.43.0 to 2.44.0

Bumps the npm_and_yarn group with 1 update: [svelte](https://github.com/sveltejs/svelte/tree/HEAD/packages/svelte). Updates `svelte` from 3.59.2 to 4.2.19 - [Release notes](https://github.com/sveltejs/svelte/releases) - [Changelog](https://github.com/sveltejs/svelte/blob/[email protected]/packages/svelte/CHANGELOG.md) - [Commits](https://github.com/sveltejs/svelte/commits/[email protected]/packages/svelte) --- updated-dependencies: - dependency-name: svelte dependency-type: direct:production dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <[email protected]>

…arn-d3f2d8bafc Bump svelte from 3.59.2 to 4.2.19 in the npm_and_yarn group

Bumps the npm_and_yarn group with 1 update: [rollup](https://github.com/rollup/rollup). Updates `rollup` from 4.21.1 to 4.22.4 - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.21.1...v4.22.4) --- updated-dependencies: - dependency-name: rollup dependency-type: direct:development dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <[email protected]>

…arn-e1825f7a49 Bump rollup from 4.21.1 to 4.22.4 in the npm_and_yarn group

Alia5 · 2024-09-26T17:14:49Z

Hey @MelleD

Why upgrade to Svelte 4 when 5 is on the horizon and pretty darn stable?

You might want to checkout: #41

MelleD · 2024-09-26T22:34:11Z

Hey @Alia5,

my understanding is svelte 5 is not production ready, right?

But yes give it a try, also have some perfomance issue with svelte 4 so maybe you are right go directly to 5

Maybe just some question to your PR and changes
a) Why did you switch to pnpm?
b) Do you have good experience with vite?

Thanks :)

MelleD · 2024-09-27T13:05:29Z

Hey @Alia5,

I upgraded to Svelte 5.x.x and same performance issue. Svelte 3.x.x was much faster.
I also tried your new release and with the new release I observed the same thing: the card creation now take longer to load.

Also with Svelte 5 I have a small UI glitch when the expander is open to begin, but I think this fixable.

I'm more worried about performance, I tried to cache the cards and not recreate it every time, but that didn't help much either. Maybe you have another idea. The code itself (apart from setting the config) hasn't changed much, so it must be Svelte's fault vom 3.x.x to 4.x.x and 5.x.x

Alia5 · 2024-09-27T14:52:53Z

@MelleD

my understanding is svelte 5 is not production ready, right?

Officially in RC. The release shouldn't be too far off.
breaking API changes will almost certainly not occur at this point.
Bugs are mostly minor technicalities or fringe cases.

a) Why did you switch to pnpm?

It's my currently preferred node package manager. Nothing to it.

b) Do you have good experience with vite?

WDYM exactly? But yes. I like Vite and have been using it for a few years now, both hobby and professional use

I upgraded to Svelte 5.x.x and same performance issue. Svelte 3.x.x was much faster.

Have you dug any deeper?
I don't experience any issues here.

MelleD · 2024-09-27T15:10:51Z

Professionally, I am more concerned with backend development and less with frontend. That's why I like to hear what the reasons/advantages/disadvantages are from experienced developers (for a and b). More out of curiosity and to learn.

Have you dug any deeper?
I don't experience any issues here.

It's easy to reproduce. Let me make MRE over the weekend what is reusable for testing.
Yes I looked into it, but how I said currently no clue what is the issue, because the code is not changed. For Svelte 4 and 5.

IMHO one improvement could be to cache the cards and no (re)create it everytime, but this solves not the issue with the initial load.
With the previous version the initial load was very fast and I didn't see the "Loading ..." label. Now I see this a lot and the UI needs sometime to load all expanders.

Thanks for help

MelleD · 2024-09-27T15:33:32Z

Here a complete Dashboard to show it:

config

---
views:
  - title: Test
    path: testo
    badges: []
    cards:
      - type: custom:expander-card
        title: Expander
        expanded: true
        title-card:
          type: entities
          entities:
            - entity: sun.sun
              name: This is an entity with a very long name that breaks things
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        expanded: true
        title-card:
          type: entities
          entities:
            - entity: sun.sun
              name: This is an entity with a very long name that breaks things
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        expanded: true
        title-card:
          type: entities
          entities:
            - entity: sun.sun
              name: This is an entity with a very long name that breaks things
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        expanded: true
        title-card:
          type: entities
          entities:
            - entity: sun.sun
              name: This is an entity with a very long name that breaks things
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
      - type: custom:expander-card
        title: Expander
        expanded: true
        title-card:
          type: entities
          entities:
            - entity: sun.sun
              name: This is an entity with a very long name that breaks things
        cards:
          - type: custom:stack-in-card
            mode: vertical
            cards:
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things
              - type: entities
                entities:
                  - entity: sun.sun
                    name: This is an entity with a very long name that breaks things

MelleD · 2024-09-27T15:34:34Z

And I have a small glitch in the UI ( could me issue on my side have to test again)

MelleD · 2024-09-27T21:10:09Z

So I would like to try to cache this cards:

            {#each config.cards as card (card)}
                <Card hass={hass} config={card} type={card.type} marginTop={config['child-margin-top']}/>
            {/each}

But no idea how ;)

Alia5 · 2024-09-28T14:16:08Z

Look here: dc04a44

MelleD · 2024-09-28T17:13:34Z

Look here: dc04a44

Thanks I will try that, but one question it not better or possible to cache the Card instance in the ExpanderCard directly?
so this one

<Card hass={hass} config={card} type={card.type} marginTop={config['child-margin-top']}/>
            {/each}

MelleD · 2024-09-28T20:27:12Z

Look here: dc04a44

But cool much better :) Thanks a lot good job

MelleD and others added 30 commits May 13, 2024 00:47

Fix logging version newline

0d53862

Update Docs

3b24d22

Merge pull request #85 from MelleD/update-docs

d6d6751

Update Docs

Update FUNDING.yml

2cfd803

Merge pull request #87 from MelleD/MelleD-patch-1

663863f

Update FUNDING.yml

Merge pull request #83 from MelleD/dependabot/npm_and_yarn/tsconfig/s…

8f9ad45

…velte-5.0.4 Bump @tsconfig/svelte from 3.0.0 to 5.0.4

Merge pull request #84 from MelleD/dependabot/npm_and_yarn/svelte-che…

9f91a36

…ck-3.7.1 Bump svelte-check from 2.10.3 to 3.7.1

---

1bad054

updated-dependencies: - dependency-name: "@typescript-eslint/eslint-plugin" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

Merge pull request #96 from MelleD/dependabot/npm_and_yarn/rollup-4.18.0

ff82ffa

Bump rollup from 4.17.2 to 4.18.0

Merge pull request #95 from MelleD/dependabot/npm_and_yarn/rollup/rol…

d70804d

…lup-linux-x64-gnu-4.18.0 Bump @rollup/rollup-linux-x64-gnu from 4.17.2 to 4.18.0

Fix defaults for card

be5ca47

Fix Overflow/Display error

be4ea96

Merge pull request #97 from MelleD/fix-top-of-expanded-cards-visible-…

893e1cf

…when-collpased Fix defaults for card

Merge pull request #99 from MelleD/fix-overflow-display-error

e546361

Fix Overflow/Display error

Add new color variables for expander card, icon and label

3bce03e

Merge pull request #94 from MelleD/dependabot/npm_and_yarn/typescript…

b46bf16

…-eslint/eslint-plugin-7.10.0 Bump @typescript-eslint/eslint-plugin from 7.8.0 to 7.10.0

Merge pull request #101 from MelleD/fix-icon-and-label-is-blue-on-ios…

ad402ae

…-mobile-app Add new color variables for expander card, icon and label

---

ee7a834

updated-dependencies: - dependency-name: "@typescript-eslint/parser" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]>

Merge pull request #93 from MelleD/dependabot/npm_and_yarn/typescript…

cdf4305

…-eslint/parser-7.10.0 Bump @typescript-eslint/parser from 7.8.0 to 7.10.0

Add option for Editor and yaml to add own colors

a4fd652

Merge pull request #102 from MelleD/fix-icon-and-label-is-blue-on-ios…

f47f224

…-mobile-app-2 Add option for Editor and yaml to add own colors

Fix ico css class

c11aa22

Merge pull request #103 from MelleD/fix-ico-class

27433e5

Fix ico css class

Fix display error

c3e3568

Merge pull request #104 from MelleD/fix-overflow-display-error-2

a866edc

Fix display error

Fix display/layout for responsive design

0f86f94

MelleD and others added 15 commits August 27, 2024 09:19

Merge pull request #242 from MelleD/dependabot/npm_and_yarn/rollup-4.…

131821e

…21.1 Bump rollup from 4.21.0 to 4.21.1

Merge pull request #241 from MelleD/dependabot/npm_and_yarn/rollup/ro…

2c93f1e

…llup-linux-x64-gnu-4.21.1 Bump @rollup/rollup-linux-x64-gnu from 4.21.0 to 4.21.1

Merge pull request #245 from MelleD/dependabot/npm_and_yarn/rollup/ro…

4ab8c45

…llup-linux-x64-gnu-4.21.2 Bump @rollup/rollup-linux-x64-gnu from 4.21.1 to 4.21.2

Merge pull request #248 from MelleD/dependabot/npm_and_yarn/typescrip…

01e7f57

…t-5.6.2 Bump typescript from 5.5.4 to 5.6.2

Merge pull request #251 from MelleD/dependabot/npm_and_yarn/eslint-pl…

9d97263

…ugin-svelte-2.44.0 Bump eslint-plugin-svelte from 2.43.0 to 2.44.0

Merge pull request #244 from MelleD/dependabot/npm_and_yarn/npm_and_y…

5c36813

…arn-d3f2d8bafc Bump svelte from 3.59.2 to 4.2.19 in the npm_and_yarn group

Merge pull request #254 from MelleD/dependabot/npm_and_yarn/npm_and_y…

5df44f5

…arn-e1825f7a49 Bump rollup from 4.21.1 to 4.22.4 in the npm_and_yarn group

Upgrade to svelte 4.x.x

b41f6b9

Upgrade eslint 9

7cbaaf7

Add new es lint 9 format

0128f92

MelleD closed this Sep 26, 2024

MelleD deleted the upgrade-to-svelte-4-x-x branch September 26, 2024 11:47

MelleD restored the upgrade-to-svelte-4-x-x branch September 26, 2024 11:47

MelleD deleted the upgrade-to-svelte-4-x-x branch September 26, 2024 13:11

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Upgrade to svelte 4 x x #40

Upgrade to svelte 4 x x #40

MelleD commented Sep 26, 2024

Alia5 commented Sep 26, 2024

MelleD commented Sep 26, 2024 •

edited

Loading

MelleD commented Sep 27, 2024 •

edited

Loading

Alia5 commented Sep 27, 2024

MelleD commented Sep 27, 2024

MelleD commented Sep 27, 2024 •

edited by Alia5

Loading

MelleD commented Sep 27, 2024

MelleD commented Sep 27, 2024

Alia5 commented Sep 28, 2024

MelleD commented Sep 28, 2024

MelleD commented Sep 28, 2024

Upgrade to svelte 4 x x #40

Upgrade to svelte 4 x x #40

Conversation

MelleD commented Sep 26, 2024

Alia5 commented Sep 26, 2024

MelleD commented Sep 26, 2024 • edited Loading

MelleD commented Sep 27, 2024 • edited Loading

Alia5 commented Sep 27, 2024

MelleD commented Sep 27, 2024

MelleD commented Sep 27, 2024 • edited by Alia5 Loading

MelleD commented Sep 27, 2024

MelleD commented Sep 27, 2024

Alia5 commented Sep 28, 2024

MelleD commented Sep 28, 2024

MelleD commented Sep 28, 2024

MelleD commented Sep 26, 2024 •

edited

Loading

MelleD commented Sep 27, 2024 •

edited

Loading

MelleD commented Sep 27, 2024 •

edited by Alia5

Loading