Status of the project?

#702 · closed · 13 comments

johan-timberit

Hi! It was 6 months since the last release and right now 20 active pull requests. When will the next release take place?

Comments

Hello, v8 has recently been stabilized, and bug fixes are releasing again. Progress for v9 can be observed [here](https://github.com/hperrin/svelte-material-ui/tree/v9?tab=readme-ov-file#migrating-components-from-mdc-web).

hperrin

Right now, my focus is on migrating away from MDC-Web, since it's abandoned. It'll be a lot of work before v9 is ready, but it won't have any dependence on MDC-Web.

johan-timberit

> Hello, v8 has recently been stabilized, and bug fixes are releasing again. Progress for v9 can be observed [here](https://github.com/hperrin/svelte-material-ui/tree/v9?tab=readme-ov-file#migrating-components-from-mdc-web). Sound really good! Though, I still has these. Attachment<HTMLxxx> issues on all SMUI components. It seems like it is only in the IDE (VS Code) but would be nice to get rid of all error warnings. For example: `Type '{ children: () => any; label: () => any; }' is not assignable to type 'OwnProps & Omit<HTMLDivAttributes, keyof OwnProps> & SmuiEventProps<HTMLDivElement> & DataAttrs & { ...; }'. Type '{ children: () => any; label: () => any; }' is not assignable to type '{ [x: string]: Omit<HTMLLabelAttributes, ""> | undefined; [x: `label$data-${string}`]: Omit<HTMLLabelAttributes, ""> | undefined; ... 432 more ...; label$for?: Omit<...> | undefined; }'. Property 'children' is incompatible with index signature. Type '() => any' is not assignable to type 'Omit<HTMLLabelAttributes, "">'. Index signature for type 'symbol' is missing in type '() => any'.ts`

hperrin

Can you show me where that error is happening? Also what version of Svelte do you have installed?

johan-timberit

The app builds it is just the IDE that is complaing like on this Textfield for example: <img width="781" height="281" alt="Image" src="https://github.com/user-attachments/assets/145329ac-b2d4-4d06-93a3-ebc03071ddcb" /> "@sveltejs/kit": "^2.25.1", "@sveltejs/vite-plugin-svelte": "^6.1.0", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-picker-svelte": "^2.16.0", "google-auth-library": "^10.1.0", "smui-theme": "^8.0.1", "svelte": "^5.36.13",

meniossin

I can also confirm the same error above appearing in VSCode on most smui components in my current project. Running on svelte 5.36.16 and sveltejs/kit 2.26.0 .

hperrin

Did you set `input$emptyValueUndefined` or is that how it is without even setting it?

johan-timberit

I set it. Here is the code for this particular case. <img width="432" height="601" alt="Image" src="https://github.com/user-attachments/assets/62c19eaf-f241-42b1-93d6-a561319375fe" /> But error occurs as soon as an attribute is added. For example: Works fine: <img width="175" height="39" alt="Image" src="https://github.com/user-attachments/assets/fafc6f80-4fab-48e2-88cb-624ffcf901d6" /> Gives error when hover the component in VS Code: <img width="258" height="33" alt="Image" src="https://github.com/user-attachments/assets/980fcf6a-9183-402b-88fa-84dab9c6ff9a" /> <img width="1021" height="284" alt="Image" src="https://github.com/user-attachments/assets/4a2c6971-170d-484d-bbc4-d3e1cf77276d" />

hperrin

That's very strange. I don't even know where this type is coming from. It's not defined in the Texfield or Input components. Does it still happen if you restart the Svelte language server?

johan-timberit

Yes, it is coming back directly after restart. I have tried everything. Just create a new SMUI project then I think you should be able to repeat. Or can it be some combination with other packages?

pg-goose

I'm having the same issue, it started when I executed `npm outdated` that indicated SMUI components had new versions. I updated all installed components from `8.0.0-beta.2` to `^8.0.1` and I'm getting the same messages. Current versions: ``` "devDependencies": { // ··· "@smui/dialog": "^8.0.1", "@smui/snackbar": "^8.0.1", "@smui/textfield": "^8.0.1", "smui-theme": "^8.0.1", "@sveltejs/adapter-node": "^5.2.13", "@sveltejs/kit": "^2.25.2", "@sveltejs/vite-plugin-svelte": "^6.1.0", "svelte": "^5.36.15", "svelte-check": "^4.3.0", "typescript": "^5.8.3", "vite": "^7.0.6", "vitest": "^3.2.4" }, ``` I've deleted `node_modules`, `build` and `.svelte-kit` and executed `npm i && npm run check` but still the same messages, some samples This one happens on every `<Dialog>` element, and every dialog I have is written the same as the code below. ``` Error: Type '{ children: () => any; open: boolean; }' is not assignable to type 'OwnProps & Omit<HTMLDivAttributes, keyof OwnProps> & SmuiEventProps<HTMLDivElement> & DataAttrs & { ...; } & { ...; }'. Type '{ children: () => any; open: boolean; }' is not assignable to type '{ [x: string]: false | Attachment<HTMLDivElement> | null | undefined; [x: `container$data-${string}`]: any; container$slot?: string | null | undefined; container$style?: string | ... 1 more ... | undefined; ... 428 more ...; container$xmlns?: string | ... 1 more ... | undefined; }'. Property 'open' is incompatible with index signature. Type 'boolean' is not assignable to type 'false | Attachment<HTMLDivElement> | null | undefined'. (ts) <Dialog bind:open> <Title>{m.agent_mild_shark_spark()}</Title> ``` **DataTable also presents the same error** ``` Error: Type '{ children: () => any; stickyHeader: true; "table$aria-label": string; style: string; }' is not assignable to type 'OwnProps & Omit<HTMLDivAttributes, keyof OwnProps> & SmuiEventProps<HTMLDivElement> & DataAttrs & { ...; } & { ...; }'. Type '{ children: () => any; stickyHeader: true; "table$aria-label": string; style: string; }' is not assignable to type '{ [x: string]: false | Attachment<HTMLDivElement> | null | undefined; [x: `container$data-${string}`]: any; container$slot?: string | null | undefined; container$style?: string | ... 1 more ... | undefined; ... 428 more ...; container$xmlns?: string | ... 1 more ... | undefined; }'. Property '"stickyHeader"' is incompatible with index signature. Type 'true' is not assignable to type 'false | Attachment<HTMLDivElement> | null | undefined'. (ts) <DataTable stickyHeader table$aria-label="Element list" style="max-height: 65vh; overflow: scroll;" > ``` I could provide more errors for `FormField` and `Checkbox` but, for example, `Button` has no issues. This started happening after the update, no code was changed whatsoever. I'll be glad to provide any necessary info! :)

SSundstrom

I had the same issue but as described in https://github.com/hperrin/svelte-material-ui/issues/695 downgrading to a svelte version below 5.29 fixed it.

hperrin

We'll track this in #695