Support: How to import it in typescript?

[distante]

Sorry I pressed ENTER without notice!

I saw it has typescript definitions but I can not find the way to imported so the types are recognized. What I am doing for now is declaring the module my sefl with:

declare interface CssSelectorGeneratorParams {
  selectors?: string[];
  root?: Element;
  blacklist?: string[];
  whitelist?: string[];
  combineWithinSelector?: true;
  combineBetweenSelectors?: true;
  includeTag?: true;

}
declare module 'css-selector-generator' {
  export default function getCssSelector(targetElement: Element, options: CssSelectorGeneratorParams): string;
}

But of course it could break at any time and it does not have and documentation included.

[fczbkk]

@distante I have tried to add explicit path to the type definitions to the "package.json". According to the documentation, it should help:
https://www.typescriptlang.org/docs/handbook/declaration-files/dts-from-js.html#editing-the-packagejson

Please try to upgrade to v2.1.3 (https://github.com/fczbkk/css-selector-generator/releases/tag/v2.1.3) and let me know, if it works for you.

[distante]

Yes, now it works @fczbkk, thank you!

[xblanc33]

Hi,

I have an issue with TypeScript type check but only with the selectors option

 suffix.push(getCssSelector(event.target, {
    selectors: ["id"]
})

TypeScript considers "id" as a string and not as a CssSelectorType.

Now if I try

selectors: [CssSelectorType.id], 

It tells me that this type is not exported in the module (index.d.ts), which is true.

Can you help me ?

[fczbkk]

Hey @xblanc33, thanks for the report. You're right, the type of "selectors" property in options was set to an enum, which was not exported publicly. I have updated it so that it allows one of these strings:
"id" | "class" | "tag" | "attribute" | "nthchild" | "nthoftype"

Update to v3.5.3 and it should be typed correctly.