Typescript: कृपया Notification.requestPermission () जोड़ें

हम कोशिश करते हैं कि गैर-मानकीकृत चीजों को lib.d.ts में न डालें।

आप हमेशा अपने .d.ts फ़ाइल को शामिल कर सकते हैं जिसमें इन APIs की परिभाषाएँ शामिल हैं।

क्या अधिसूचना एपीआई वास्तव में एक मानक नहीं है? https://notifications.spec.whatwg.org/

चूंकि नोटिफिकेशन एपीआई वेब वर्कर्स का हिस्सा है, मैं उम्मीद करूंगा कि यह एक मानक लिबास (जैसे नए टीएस 1.9 --lib विकल्प) के साथ परिभाषित हो।

यह 13 महीने पहले बंद हुआ था, जब Notification मानक से था।

इसे टीएस-लिब-जेनरेटर में योगदान देकर संबोधित किया जा सकता है।

धन्यवाद @kitsonk मैं योगदान करने के लिए TS- 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>;
}

मैं थोड़ा हैरान हूं कि यह अभी तक खत्म नहीं हुआ है, हालांकि मैंने मास्टर को नहीं देखा है। यह एज 14 में है, इसलिए एज के लिए आईडीएल को प्रतिबिंबित करना चाहिए, जो इसे बिना ओवरराइड के उत्पन्न करना चाहिए ... मुझे पर्याप्त नहीं पता है, बारीकियों के बारे में, लेकिन एज के आईडीएल में जोड़े जाने पर नए एपीआई स्वचालित रूप से दिखाई देते हैं और क्या संस्करण आईडीएल का उपयोग निर्माण के दौरान किया जाता है (क्या यह केवल जारी किया गया है)?

आह, मैं देख रहा हूं, ब्राउज़र आईडीएल वर्तमान में 4 महीने का है ... जिसका अर्थ है कि वे "एज 13" वाले हैं। @zhengbli कितनी बार / जब आप उन्हें अपडेट करते हैं?

हम आधिकारिक विंडोज़ 10 रिलीज़ के साथ एज स्पेक फ़ाइलों को लेते थे, इसलिए अंतिम अपडेट TH2 के समान था। हालांकि, समुदाय से व्यर्थ प्रयासों से बचने के लिए अधिक लगातार अपडेट करने के लिए अब यह अधिक समझ में आता है, हम एक मासिक अपडेट होने की कोशिश कर रहे एज टीम के पास ले जा रहे हैं। इसके अलावा, NotificationOptions वास्तव में नवीनतम एज बिल्ड में उपलब्ध है। इसे अगले अपडेट को कवर किया जाना चाहिए, जो जल्द ही होना चाहिए।

@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[]
}

अच्छा कार्य! मैंने इसे थोड़ा सुधार दिया: अधिसूचना वर्ग पर 'करीब' विधि गायब थी, और पदावनत अनुरोध के लिए परिभाषा पूरी तरह से सही नहीं थी।

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 टीएस 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 कृपया एक नया मुद्दा दर्ज करें और हमें इस मुद्दे के बारे में कुछ संदर्भ दें, और मुझे इसे देखकर खुशी होगी।