Is it a better way to add framework-oriented dts files for better typescript support? about dockbar HOT 3 OPEN

That's a good suggestion!
I'm also new to web-component. I'll try to refine this part of the type definition.

from dockbar.

@LoTwT
It seems that if I want to and types for react in this package, I have to add @types/react for devDeps. I'm not pretty sure is that appropriate. And for other frameworks, we may need some other types. In my opinion, relying on external framework like React in a web-component project may contradict the original design intention.

For temporary, maybe you can declare types in your own repo. Here is an example that may helps:

type CustomElement<T> = Partial<
  T & { children: unknown } & import("react").DOMAttributes<T> &
    import("react").HTMLAttributes<T> &
    import("react").Attributes
>;

declare namespace JSX {
  interface IntrinsicElements {
    ["dock-wrapper"]: CustomElement<import("dockbar").DockWrapper>;
    ["dock-item"]: CustomElement<import("dockbar").DockItem>;
  }
}

I will continue exploring viable solution and improving them in the README.

from dockbar.

@LoTwT It seems that if I want to and types for react in this package, I have to add @types/react for devDeps. I'm not pretty sure is that appropriate. And for other frameworks, we may need some other types. In my opinion, relying on external framework like React in a web-component project may contradict(反驳) the original design intention(意图).

For temporary(临时), maybe you can declare types in your own repo. Here is a example that may helps:

type CustomElement<T> = Partial<
  T & { children: unknown } & import("react").DOMAttributes<T> &
    import("react").HTMLAttributes<T> &
    import("react").Attributes
>;

declare namespace JSX {
  interface IntrinsicElements {
    ["dock-wrapper"]: CustomElement<import("dockbar").DockWrapper>;
    ["dock-item"]: CustomElement<import("dockbar").DockItem>;
  }
}

I will continue exploring viable(可行) solution and improving them in the README.

You are right. Extra dependencies are verbose.
Displaying the type definitions prominently in the README is enough.

from dockbar.