npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@napacitor/dialog

v0.1.2-beta.3

Published

Napacitor Dialog 插件(原生对话框,映射 MAUI Page.DisplayAlert/DisplayPromptAsync)

Readme

@napacitor/dialog

原生对话框插件(与 @capacitor/dialog 对应)。

用法

import { Dialog } from '@napacitor/dialog';

await Dialog.alert({ title: '提示', message: 'Hello Napacitor', buttonTitle: '知道了' });

const { value } = await Dialog.confirm({ title: '确认', message: '继续吗?' });
console.log(value); // true / false

const { value: text, cancelled } = await Dialog.prompt({
  title: '输入',
  message: '你的名字?',
  okButtonTitle: '确定',
  cancelButtonTitle: '取消',
});

结构

  • src/ —— TypeScript 源码(index / definitions / web)
  • dist/ —— 构建产物(CJS + d.ts,已提交)
  • maui/ —— .NET MAUI C# 实现(程序集 Napacitor.Dialog,运行时反射自动发现)

原生实现映射:Page.DisplayAlert(alert / confirm)、Page.DisplayPromptAsync(prompt); Windows 上由 MAUI 落到 ContentDialog。对话框必须在 UI 线程弹出,插件内部经 MainThread.InvokeOnMainThreadAsync 切换。

与 Capacitor 的差异

  • alert:映射 DisplayAlert 的单按钮形态,buttonTitle 即按钮文案;
  • prompt:inputPlaceholder 映射 DisplayPromptAsync 的 placeholder,MAUI 无 maxLength / keyboard 定制参数故未暴露;取消时 value 为空字符串;
  • web:Capacitor 依赖 pwa-elements 渲染样式化弹层,此处用 window.alert / confirm / prompt 兜底;
  • 该插件是少数需要 Microsoft.Maui.Controls 包引用的插件(Page API 属于 Controls 层, 运行时 Napacitor 程序集本身仍保持零 MAUI 依赖)。