Typescript: Notification.requestPermission ()을 추가하십시오.

우리는 lib.d.ts에 표준화되지 않은 것을 넣지 않으려 고 노력합니다.

이러한 API에 대한 정의가 포함 된 .d.ts 파일을 언제든지 직접 포함 할 수 있습니다.

알림 API는 실제로 표준이 아닙니까? https://notifications.spec.whatwg.org/

알림 API는 Web Workers의 일부 이므로 표준 라이브러리 중 하나에 정의 할 것으로 예상합니다 (예 : 새로운 TS 1.9 --lib 옵션 사용).

이것은 Notification 가 표준에서 나온 13 개월 전에 마감되었습니다.

이것은 TS-Lib-Generator 에

당신은 내가 기여하기 위해 TS-lib 디렉토리 - 발전기에보고했다 @kitsonk 감사하지만 난의 통지 형 추가 할 수있는 올바른 방법 추측 할 수 addedTypes.json 때문에, (기여 지침 상태로) 파일을 인터페이스에는 빌드 스크립트에서 다루지 않는 정적 / 읽기 전용 속성이 있습니다.

이것은 필요한 선언입니다.

interface NotificationOptions {
    dir?: DOMString;
    lang?: DOMString;
    body?: DOMString;
    tag?: DOMString;
    icon?: USVString;
    data?: any;
    vibrate?: number[];
    renotify?: boolean;
    silent?: boolean;
    sound?: USVString;
    noscreen?: boolean;
    sticky?: boolean;
}

interface Notification {
    readonly title: DOMString;
    readonly dir: DOMString;
    readonly lang: DOMString;
    readonly body: DOMString;
    readonly tag: DOMString;
    readonly icon: USVString;
    readonly data: any;
    readonly silent: boolean;
    readonly timestamp: DOMTimeStamp;
    readonly noscreen: boolean;
    readonly renotify: boolean;
    readonly sound: USVString;
    readonly sticky: boolean;
    readonly vibrate: number[];
    onclick: Function;
    onerror: Function;
    close(): void;
}

declare var Notification: {
    prototype: Notification;
    readonly permission: DOMString;
    new(title: string, options?: NotificationOptions): Notification;
    requestPermission(): Promise<DOMString>;
}

마스터를 보지는 않았지만 아직 오지 않은 것에 조금 놀랐습니다. Edge 14에 있으므로 Edge의 IDL은이를 반영해야합니다. 이는 재정의없이 생성해야합니다. 세부 사항에 대해서는 충분히 모르지만 Edge의 IDL에 추가되면 새로운 API가 자동으로 나타납니다. 구축 할 때 IDL이 사용됩니까 (출시 된 경우에만)?

아, 알겠습니다. 브라우저 IDL은 현재 4 개월이되었습니다. 즉, "Edge 13"일 가능성이 높습니다. @zhengbli 얼마나 자주 / 언제 업데이트합니까?

우리는 공식 Windows 10 릴리스와 함께 Edge 사양 파일을 가져 왔으므로 마지막 업데이트는 TH2와 동일했습니다. 그러나 이제 커뮤니티의 노력 낭비를 피하기 위해 더 자주 업데이트하는 것이 더 합리적입니다. 우리는 월간 업데이트를 수행하기 위해 Edge 팀에 문의하고 있습니다. 또한 NotificationOptions 는 실제로 최신 Edge 빌드에서 사용할 수 있습니다. 다음 업데이트는 곧 다루어 져야합니다.

@zhengbli 이 문제에 대한 업데이트가 있습니까?

그건 그렇고, Notification 대한 정의를 업데이트했습니다.

type NotificationPermission = "default" | "denied"| "granted";

type NotificationDirection = "auto" | "ltr" | "rtl";

interface NotificationPermissionCallback {
    (permission: NotificationPermission): void;
}

interface NotificationOptions {
    dir?: NotificationDirection;
    lang?: string;
    body?: string;
    tag?: string;
    image?: string;
    icon?: string;
    badge?: string;
    sound?: string;
    vibrate?: number | number[],
    timestamp?: number,
    renotify?: boolean;
    silent?: boolean;
    requireInteraction?: boolean;
    data?: any;
    actions?: NotificationAction[]
}

interface NotificationAction {
    action: string;
    title: string;
    icon?: string;
}

declare class Notification extends EventTarget {
    constructor(title: string, options?: NotificationOptions);

    static readonly permission: NotificationPermission;
    static requestPermission(): Promise<NotificationPermission>;
    static requestPermission(deprecatedCallback: NotificationPermission): void;

    static readonly maxActions: number;

    onclick: EventListenerOrEventListenerObject;
    onerror: EventListenerOrEventListenerObject;

    readonly title: string;
    readonly dir: NotificationDirection;
    readonly lang: string;
    readonly body: string;
    readonly tag: string;
    readonly image: string;
    readonly icon: string;
    readonly badge: string;
    readonly sound: string;
    readonly vibrate: number[];
    readonly timestamp: number;
    readonly renotify: boolean;
    readonly silent: boolean;
    readonly requireInteraction: boolean;
    readonly data: any;
    readonly actions: NotificationAction[]
}

훌륭한 일! 나는 그것을 약간 개선했다 : Notification 클래스의 'close'메소드가 누락되었고, 사용되지 않는 requestPermission 메소드에 대한 정의가 완전히 정확하지 않았습니다.

type NotificationPermission = "default" | "denied" | "granted";

type NotificationDirection = "auto" | "ltr" | "rtl";

interface NotificationPermissionCallback {
    (permission: NotificationPermission): void;
}

interface NotificationOptions {
    dir?: NotificationDirection;
    lang?: string;
    body?: string;
    tag?: string;
    image?: string;
    icon?: string;
    badge?: string;
    sound?: string;
    vibrate?: number | number[],
    timestamp?: number,
    renotify?: boolean;
    silent?: boolean;
    requireInteraction?: boolean;
    data?: any;
    actions?: NotificationAction[]
}

interface NotificationAction {
    action: string;
    title: string;
    icon?: string;
}

declare class Notification extends EventTarget {
    constructor(title: string, options?: NotificationOptions);

    static readonly permission: NotificationPermission;
    static requestPermission(): Promise<NotificationPermission>;
    static requestPermission(deprecatedCallback: (permission: NotificationPermission) => void): void;

    static readonly maxActions: number;

    onclick: EventListenerOrEventListenerObject;
    onerror: EventListenerOrEventListenerObject;

    close(): void;

    readonly title: string;
    readonly dir: NotificationDirection;
    readonly lang: string;
    readonly body: string;
    readonly tag: string;
    readonly image: string;
    readonly icon: string;
    readonly badge: string;
    readonly sound: string;
    readonly vibrate: number[];
    readonly timestamp: number;
    readonly renotify: boolean;
    readonly silent: boolean;
    readonly requireInteraction: boolean;
    readonly data: any;
    readonly actions: NotificationAction[]
}

다음 릴리스에 추가되어야합니다. https://github.com/Microsoft/TSJS-lib-generator/blob/cd60588b72a9188e89346b3c440a76508b4c0e76/baselines/dom.generated.d.ts#L8360 -L8381 참조

액션 클릭을 어떻게 주시합니까?

@ mwent-cray StackOverflow는 질문을위한 장소입니다.

@marcovdb @mhegazy 는 여전히 TS 2.4에있는 알림 정의입니까? 거기에서 찾을 수없는 것 같아서 :-|

https://github.com/Microsoft/TypeScript/blob/master/src/lib/dom.generated.d.ts

예. 다른 파일에 있습니다.

https://github.com/Microsoft/TypeScript/blob/master/src/lib/webworker.generated.d.ts

@marcovdb 인터페이스가 스레드의 마지막 게시물에서 언급 한 코드와 다른 이유가 있습니까?

죄송합니다. 실제로 정의에 기여한 사람에게 물어봐야합니다. @zhengbli입니다.

@zhengbli NotificationOptions 중 5 개를 제외하고 모두 생략 된 이유는 무엇입니까? 😞

@ialexryan 새 문제를 제출하고 문제에 대한 컨텍스트를 알려 주시면 기꺼이 조사하겠습니다.