nextpluggable 0.0.0-stage → 0.1.0

package/dist/dashboard/styles.d.ts

@@ -0,0 +1,2 @@
+/** Dashboard styles, shipped as a string so the package needs no CSS tooling in the host site. Everything is scoped under `.np-root`. */
+export declare const dashboardCss = "\n.np-root{--np-bg:#f5f6f8;--np-surface:#fff;--np-surface-2:#f9fafb;--np-text:#111827;--np-muted:#667085;--np-border:#e4e7ec;--np-primary:#4f46e5;--np-primary-hover:#4338ca;--np-primary-soft:#eef2ff;--np-danger:#d92d20;--np-danger-soft:#fef3f2;--np-success:#067647;--np-success-soft:#ecfdf3;--np-warn:#b54708;--np-warn-soft:#fffaeb;--np-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--np-radius:12px;--np-accent:var(--np-primary);\nposition:fixed;inset:0;z-index:2147483000;overflow-y:auto;background:var(--np-bg);color:var(--np-text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}\n@media (prefers-color-scheme:dark){.np-root{--np-bg:#0c0e13;--np-surface:#161a22;--np-surface-2:#1b202a;--np-text:#eceef2;--np-muted:#98a2b3;--np-border:#2a303c;--np-primary:#818cf8;--np-primary-hover:#a5b4fc;--np-primary-soft:#1e2140;--np-danger:#f97066;--np-danger-soft:#3a1614;--np-success:#47cd89;--np-success-soft:#0d2a1c;--np-warn:#fdb022;--np-warn-soft:#33240a;--np-shadow:0 1px 2px rgba(0,0,0,.4)}}\n.np-root *,.np-root *::before,.np-root *::after{box-sizing:border-box}\n.np-root h1,.np-root h2,.np-root h3,.np-root p,.np-root ul,.np-root ol,.np-root dl,.np-root dd{margin:0;padding:0}\n.np-root ul,.np-root ol{list-style:none}\n.np-root a{color:var(--np-primary);text-decoration:none}\n.np-root a:hover{text-decoration:underline}\n.np-root button,.np-root input,.np-root select,.np-root textarea{font:inherit;color:inherit}\n.np-root :focus-visible{outline:2px solid var(--np-primary);outline-offset:2px}\n.np-top{background:var(--np-surface);border-bottom:1px solid var(--np-border);position:sticky;top:0;z-index:5}\n.np-top-in{max-width:1040px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}\n.np-brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px;margin-right:auto;color:var(--np-text)!important;text-decoration:none!important}\n.np-brand-mark{width:28px;height:28px;border-radius:8px;background:var(--np-primary);color:#fff;display:grid;place-items:center;font-size:15px}\n.np-brand small{font-weight:400;color:var(--np-muted);font-size:13px}\n.np-nav{display:flex;gap:4px;order:3;width:100%;margin:0 -8px;overflow-x:auto}\n@media (min-width:720px){.np-nav{order:0;width:auto;margin:0}}\n.np-nav a{padding:8px 12px;border-radius:8px;color:var(--np-muted);font-weight:500;white-space:nowrap;text-decoration:none!important}\n.np-nav a:hover{color:var(--np-text);background:var(--np-surface-2)}\n.np-nav a[aria-current=page]{color:var(--np-primary);background:var(--np-primary-soft)}\n.np-main{max-width:1040px;margin:0 auto;padding:28px 20px 80px}\n.np-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}\n.np-head h1{font-size:24px;line-height:1.25;letter-spacing:-.01em}\n.np-head p{color:var(--np-muted);margin-top:4px;max-width:60ch}\n.np-card{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-radius);box-shadow:var(--np-shadow)}\n.np-pad{padding:20px}\n.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--np-border);background:var(--np-surface);border-radius:8px;padding:8px 14px;font-weight:550;cursor:pointer;white-space:nowrap;text-decoration:none!important;color:var(--np-text)!important;min-height:38px}\n.np-btn:hover{background:var(--np-surface-2)}\n.np-btn:disabled{opacity:.55;cursor:not-allowed}\n.np-btn-primary{background:var(--np-primary);border-color:var(--np-primary);color:#fff!important}\n.np-btn-primary:hover{background:var(--np-primary-hover);border-color:var(--np-primary-hover)}\n@media (prefers-color-scheme:dark){.np-btn-primary{color:#0c0e13!important}}\n.np-btn-danger{color:var(--np-danger)!important}\n.np-btn-danger-solid{background:var(--np-danger);border-color:var(--np-danger);color:#fff!important}\n.np-btn-sm{padding:5px 10px;min-height:32px;font-size:14px}\n.np-btn-link{border:0;background:none;padding:0;min-height:0;color:var(--np-primary)!important;font-weight:500;cursor:pointer}\n.np-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:np-spin .7s linear infinite;flex:none}\n@keyframes np-spin{to{transform:rotate(360deg)}}\n.np-list{display:grid;gap:12px}\n.np-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:18px 20px;align-items:start}\n@media (min-width:720px){.np-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}\n.np-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1}\n@media (min-width:720px){.np-row-actions{grid-column:auto;justify-content:flex-end}}\n.np-icon{width:44px;height:44px;border-radius:10px;background:var(--np-primary-soft);display:grid;place-items:center;font-size:22px;flex:none;overflow:hidden}\n.np-icon img{width:100%;height:100%;object-fit:cover}\n.np-title{font-weight:650;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n.np-title a{color:inherit}\n.np-meta{color:var(--np-muted);font-size:14px}\n.np-desc{color:var(--np-muted);margin-top:2px;overflow-wrap:anywhere}\n.np-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--np-surface-2);color:var(--np-muted);border:1px solid var(--np-border);white-space:nowrap}\n.np-chip::before{content:\"\";width:6px;height:6px;border-radius:50%;background:currentColor}\n.np-chip-on{background:var(--np-success-soft);color:var(--np-success);border-color:transparent}\n.np-chip-warn{background:var(--np-warn-soft);color:var(--np-warn);border-color:transparent}\n.np-links{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:8px;font-size:14px}\n.np-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}\n.np-tile{padding:18px;display:flex;flex-direction:column;gap:12px}\n.np-tile-head{display:flex;gap:12px;align-items:center}\n.np-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}\n.np-adds{font-size:14px;color:var(--np-muted);display:grid;gap:4px}\n.np-adds li{display:flex;gap:8px;overflow-wrap:anywhere}\n.np-adds li::before{content:\"+\";color:var(--np-primary);font-weight:700}\n.np-empty{text-align:center;padding:56px 24px}\n.np-empty-art{font-size:40px;margin-bottom:10px}\n.np-empty h2{font-size:19px;margin-bottom:6px}\n.np-empty p{color:var(--np-muted);max-width:46ch;margin:0 auto 18px}\n.np-switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--np-muted);user-select:none}\n.np-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}\n.np-switch i{width:40px;height:24px;border-radius:999px;background:var(--np-border);position:relative;transition:background .15s;flex:none}\n.np-switch i::after{content:\"\";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}\n.np-switch input:checked+i{background:var(--np-success)}\n.np-switch input:checked+i::after{transform:translateX(16px)}\n.np-switch input:focus-visible+i{outline:2px solid var(--np-primary);outline-offset:2px}\n.np-switch input:disabled+i{opacity:.5}\n.np-field{display:grid;gap:6px;margin-bottom:18px}\n.np-field:last-child{margin-bottom:0}\n.np-field label,.np-label{font-weight:600;font-size:14px}\n.np-help{color:var(--np-muted);font-size:13px}\n.np-error{color:var(--np-danger);font-size:13px;font-weight:500}\n.np-input{width:100%;border:1px solid var(--np-border);background:var(--np-surface);border-radius:8px;padding:9px 12px;min-height:40px}\n.np-input:focus{outline:2px solid var(--np-primary);outline-offset:-1px;border-color:transparent}\n.np-input[aria-invalid=true]{border-color:var(--np-danger)}\ntextarea.np-input{min-height:96px;resize:vertical}\n.np-affix{display:flex;align-items:stretch;border:1px solid var(--np-border);border-radius:8px;overflow:hidden;background:var(--np-surface)}\n.np-affix span{padding:9px 10px;background:var(--np-surface-2);color:var(--np-muted);border-right:1px solid var(--np-border);white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:flex;align-items:center}\n.np-affix input{border:0;flex:1;min-width:0;padding:9px 12px;background:transparent}\n.np-affix:focus-within{outline:2px solid var(--np-primary);outline-offset:-1px;border-color:transparent}\n.np-affix input:focus{outline:0}\n.np-color{display:flex;gap:8px;align-items:center}\n.np-color input[type=color]{width:44px;height:40px;padding:2px;border:1px solid var(--np-border);border-radius:8px;background:var(--np-surface);cursor:pointer}\n.np-section{margin-bottom:16px}\n.np-section>h2{font-size:15px;padding:14px 20px;border-bottom:1px solid var(--np-border)}\n.np-tabs{display:flex;gap:2px;border-bottom:1px solid var(--np-border);margin-bottom:20px;overflow-x:auto}\n.np-tabs button{border:0;background:none;padding:10px 14px;font-weight:550;color:var(--np-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}\n.np-tabs button[aria-selected=true]{color:var(--np-primary);border-bottom-color:var(--np-primary)}\n.np-savebar{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-top:16px}\n.np-note{padding:12px 14px;border-radius:10px;font-size:14px;background:var(--np-primary-soft);margin-bottom:16px}\n.np-note-warn{background:var(--np-warn-soft);color:var(--np-warn)}\n.np-note-danger{background:var(--np-danger-soft);color:var(--np-danger)}\n.np-steps{counter-reset:s;display:grid;gap:8px;font-size:14px;margin:10px 0 0}\n.np-steps li{counter-increment:s;display:flex;gap:10px}\n.np-steps li::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--np-primary-soft);color:var(--np-primary);font-weight:700;font-size:12px;display:grid;place-items:center}\n.np-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--np-surface-2);border:1px solid var(--np-border);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}\n.np-overlay{position:fixed;inset:0;background:rgba(10,13,20,.55);display:grid;place-items:center;padding:16px;z-index:20}\n.np-modal{background:var(--np-surface);border-radius:14px;max-width:480px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.3)}\n.np-modal header{padding:20px 22px 0}\n.np-modal header h2{font-size:18px}\n.np-modal-body{padding:12px 22px 4px;color:var(--np-muted)}\n.np-modal-body strong{color:var(--np-text)}\n.np-modal footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px 20px;flex-wrap:wrap}\n.np-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--np-text);margin-top:12px;cursor:pointer}\n.np-check input{margin-top:3px;width:16px;height:16px;accent-color:var(--np-primary)}\n.np-toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:grid;gap:8px;z-index:30;width:min(440px,calc(100vw - 32px))}\n.np-toast{padding:12px 16px;border-radius:10px;background:#111827;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:14px;display:flex;gap:10px;align-items:flex-start}\n.np-toast-error{background:#b42318}\n.np-toast button{margin-left:auto;border:0;background:none;color:inherit;cursor:pointer;opacity:.8;font-size:16px;line-height:1}\n.np-center{min-height:100%;display:grid;place-items:center;padding:24px}\n.np-auth{width:100%;max-width:400px;padding:28px}\n.np-auth h1{font-size:21px;margin:14px 0 6px}\n.np-auth p{color:var(--np-muted);margin-bottom:18px}\n.np-search{width:240px;max-width:100%}\n.np-dl{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:10px 20px;font-size:14px}\n.np-dl dt{color:var(--np-muted)}\n.np-dl dd{overflow-wrap:anywhere}\n.np-skel{height:84px;border-radius:var(--np-radius);background:linear-gradient(90deg,var(--np-surface) 25%,var(--np-surface-2) 50%,var(--np-surface) 75%);background-size:200% 100%;animation:np-sh 1.2s infinite;border:1px solid var(--np-border)}\n@keyframes np-sh{to{background-position:-200% 0}}\n@media (prefers-reduced-motion:reduce){.np-root *{animation:none!important;transition:none!important}}\n";

package/dist/dashboard/styles.js

@@ -0,0 +1,129 @@
+/** Dashboard styles, shipped as a string so the package needs no CSS tooling in the host site. Everything is scoped under `.np-root`. */
+export const dashboardCss = `
+.np-root{--np-bg:#f5f6f8;--np-surface:#fff;--np-surface-2:#f9fafb;--np-text:#111827;--np-muted:#667085;--np-border:#e4e7ec;--np-primary:#4f46e5;--np-primary-hover:#4338ca;--np-primary-soft:#eef2ff;--np-danger:#d92d20;--np-danger-soft:#fef3f2;--np-success:#067647;--np-success-soft:#ecfdf3;--np-warn:#b54708;--np-warn-soft:#fffaeb;--np-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--np-radius:12px;--np-accent:var(--np-primary);
+position:fixed;inset:0;z-index:2147483000;overflow-y:auto;background:var(--np-bg);color:var(--np-text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
+@media (prefers-color-scheme:dark){.np-root{--np-bg:#0c0e13;--np-surface:#161a22;--np-surface-2:#1b202a;--np-text:#eceef2;--np-muted:#98a2b3;--np-border:#2a303c;--np-primary:#818cf8;--np-primary-hover:#a5b4fc;--np-primary-soft:#1e2140;--np-danger:#f97066;--np-danger-soft:#3a1614;--np-success:#47cd89;--np-success-soft:#0d2a1c;--np-warn:#fdb022;--np-warn-soft:#33240a;--np-shadow:0 1px 2px rgba(0,0,0,.4)}}
+.np-root *,.np-root *::before,.np-root *::after{box-sizing:border-box}
+.np-root h1,.np-root h2,.np-root h3,.np-root p,.np-root ul,.np-root ol,.np-root dl,.np-root dd{margin:0;padding:0}
+.np-root ul,.np-root ol{list-style:none}
+.np-root a{color:var(--np-primary);text-decoration:none}
+.np-root a:hover{text-decoration:underline}
+.np-root button,.np-root input,.np-root select,.np-root textarea{font:inherit;color:inherit}
+.np-root :focus-visible{outline:2px solid var(--np-primary);outline-offset:2px}
+.np-top{background:var(--np-surface);border-bottom:1px solid var(--np-border);position:sticky;top:0;z-index:5}
+.np-top-in{max-width:1040px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}
+.np-brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px;margin-right:auto;color:var(--np-text)!important;text-decoration:none!important}
+.np-brand-mark{width:28px;height:28px;border-radius:8px;background:var(--np-primary);color:#fff;display:grid;place-items:center;font-size:15px}
+.np-brand small{font-weight:400;color:var(--np-muted);font-size:13px}
+.np-nav{display:flex;gap:4px;order:3;width:100%;margin:0 -8px;overflow-x:auto}
+@media (min-width:720px){.np-nav{order:0;width:auto;margin:0}}
+.np-nav a{padding:8px 12px;border-radius:8px;color:var(--np-muted);font-weight:500;white-space:nowrap;text-decoration:none!important}
+.np-nav a:hover{color:var(--np-text);background:var(--np-surface-2)}
+.np-nav a[aria-current=page]{color:var(--np-primary);background:var(--np-primary-soft)}
+.np-main{max-width:1040px;margin:0 auto;padding:28px 20px 80px}
+.np-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
+.np-head h1{font-size:24px;line-height:1.25;letter-spacing:-.01em}
+.np-head p{color:var(--np-muted);margin-top:4px;max-width:60ch}
+.np-card{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-radius);box-shadow:var(--np-shadow)}
+.np-pad{padding:20px}
+.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--np-border);background:var(--np-surface);border-radius:8px;padding:8px 14px;font-weight:550;cursor:pointer;white-space:nowrap;text-decoration:none!important;color:var(--np-text)!important;min-height:38px}
+.np-btn:hover{background:var(--np-surface-2)}
+.np-btn:disabled{opacity:.55;cursor:not-allowed}
+.np-btn-primary{background:var(--np-primary);border-color:var(--np-primary);color:#fff!important}
+.np-btn-primary:hover{background:var(--np-primary-hover);border-color:var(--np-primary-hover)}
+@media (prefers-color-scheme:dark){.np-btn-primary{color:#0c0e13!important}}
+.np-btn-danger{color:var(--np-danger)!important}
+.np-btn-danger-solid{background:var(--np-danger);border-color:var(--np-danger);color:#fff!important}
+.np-btn-sm{padding:5px 10px;min-height:32px;font-size:14px}
+.np-btn-link{border:0;background:none;padding:0;min-height:0;color:var(--np-primary)!important;font-weight:500;cursor:pointer}
+.np-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:np-spin .7s linear infinite;flex:none}
+@keyframes np-spin{to{transform:rotate(360deg)}}
+.np-list{display:grid;gap:12px}
+.np-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:18px 20px;align-items:start}
+@media (min-width:720px){.np-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}
+.np-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1}
+@media (min-width:720px){.np-row-actions{grid-column:auto;justify-content:flex-end}}
+.np-icon{width:44px;height:44px;border-radius:10px;background:var(--np-primary-soft);display:grid;place-items:center;font-size:22px;flex:none;overflow:hidden}
+.np-icon img{width:100%;height:100%;object-fit:cover}
+.np-title{font-weight:650;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.np-title a{color:inherit}
+.np-meta{color:var(--np-muted);font-size:14px}
+.np-desc{color:var(--np-muted);margin-top:2px;overflow-wrap:anywhere}
+.np-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--np-surface-2);color:var(--np-muted);border:1px solid var(--np-border);white-space:nowrap}
+.np-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
+.np-chip-on{background:var(--np-success-soft);color:var(--np-success);border-color:transparent}
+.np-chip-warn{background:var(--np-warn-soft);color:var(--np-warn);border-color:transparent}
+.np-links{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:8px;font-size:14px}
+.np-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
+.np-tile{padding:18px;display:flex;flex-direction:column;gap:12px}
+.np-tile-head{display:flex;gap:12px;align-items:center}
+.np-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}
+.np-adds{font-size:14px;color:var(--np-muted);display:grid;gap:4px}
+.np-adds li{display:flex;gap:8px;overflow-wrap:anywhere}
+.np-adds li::before{content:"+";color:var(--np-primary);font-weight:700}
+.np-empty{text-align:center;padding:56px 24px}
+.np-empty-art{font-size:40px;margin-bottom:10px}
+.np-empty h2{font-size:19px;margin-bottom:6px}
+.np-empty p{color:var(--np-muted);max-width:46ch;margin:0 auto 18px}
+.np-switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--np-muted);user-select:none}
+.np-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
+.np-switch i{width:40px;height:24px;border-radius:999px;background:var(--np-border);position:relative;transition:background .15s;flex:none}
+.np-switch i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
+.np-switch input:checked+i{background:var(--np-success)}
+.np-switch input:checked+i::after{transform:translateX(16px)}
+.np-switch input:focus-visible+i{outline:2px solid var(--np-primary);outline-offset:2px}
+.np-switch input:disabled+i{opacity:.5}
+.np-field{display:grid;gap:6px;margin-bottom:18px}
+.np-field:last-child{margin-bottom:0}
+.np-field label,.np-label{font-weight:600;font-size:14px}
+.np-help{color:var(--np-muted);font-size:13px}
+.np-error{color:var(--np-danger);font-size:13px;font-weight:500}
+.np-input{width:100%;border:1px solid var(--np-border);background:var(--np-surface);border-radius:8px;padding:9px 12px;min-height:40px}
+.np-input:focus{outline:2px solid var(--np-primary);outline-offset:-1px;border-color:transparent}
+.np-input[aria-invalid=true]{border-color:var(--np-danger)}
+textarea.np-input{min-height:96px;resize:vertical}
+.np-affix{display:flex;align-items:stretch;border:1px solid var(--np-border);border-radius:8px;overflow:hidden;background:var(--np-surface)}
+.np-affix span{padding:9px 10px;background:var(--np-surface-2);color:var(--np-muted);border-right:1px solid var(--np-border);white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:flex;align-items:center}
+.np-affix input{border:0;flex:1;min-width:0;padding:9px 12px;background:transparent}
+.np-affix:focus-within{outline:2px solid var(--np-primary);outline-offset:-1px;border-color:transparent}
+.np-affix input:focus{outline:0}
+.np-color{display:flex;gap:8px;align-items:center}
+.np-color input[type=color]{width:44px;height:40px;padding:2px;border:1px solid var(--np-border);border-radius:8px;background:var(--np-surface);cursor:pointer}
+.np-section{margin-bottom:16px}
+.np-section>h2{font-size:15px;padding:14px 20px;border-bottom:1px solid var(--np-border)}
+.np-tabs{display:flex;gap:2px;border-bottom:1px solid var(--np-border);margin-bottom:20px;overflow-x:auto}
+.np-tabs button{border:0;background:none;padding:10px 14px;font-weight:550;color:var(--np-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
+.np-tabs button[aria-selected=true]{color:var(--np-primary);border-bottom-color:var(--np-primary)}
+.np-savebar{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-top:16px}
+.np-note{padding:12px 14px;border-radius:10px;font-size:14px;background:var(--np-primary-soft);margin-bottom:16px}
+.np-note-warn{background:var(--np-warn-soft);color:var(--np-warn)}
+.np-note-danger{background:var(--np-danger-soft);color:var(--np-danger)}
+.np-steps{counter-reset:s;display:grid;gap:8px;font-size:14px;margin:10px 0 0}
+.np-steps li{counter-increment:s;display:flex;gap:10px}
+.np-steps li::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--np-primary-soft);color:var(--np-primary);font-weight:700;font-size:12px;display:grid;place-items:center}
+.np-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--np-surface-2);border:1px solid var(--np-border);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
+.np-overlay{position:fixed;inset:0;background:rgba(10,13,20,.55);display:grid;place-items:center;padding:16px;z-index:20}
+.np-modal{background:var(--np-surface);border-radius:14px;max-width:480px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.3)}
+.np-modal header{padding:20px 22px 0}
+.np-modal header h2{font-size:18px}
+.np-modal-body{padding:12px 22px 4px;color:var(--np-muted)}
+.np-modal-body strong{color:var(--np-text)}
+.np-modal footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px 20px;flex-wrap:wrap}
+.np-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--np-text);margin-top:12px;cursor:pointer}
+.np-check input{margin-top:3px;width:16px;height:16px;accent-color:var(--np-primary)}
+.np-toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:grid;gap:8px;z-index:30;width:min(440px,calc(100vw - 32px))}
+.np-toast{padding:12px 16px;border-radius:10px;background:#111827;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:14px;display:flex;gap:10px;align-items:flex-start}
+.np-toast-error{background:#b42318}
+.np-toast button{margin-left:auto;border:0;background:none;color:inherit;cursor:pointer;opacity:.8;font-size:16px;line-height:1}
+.np-center{min-height:100%;display:grid;place-items:center;padding:24px}
+.np-auth{width:100%;max-width:400px;padding:28px}
+.np-auth h1{font-size:21px;margin:14px 0 6px}
+.np-auth p{color:var(--np-muted);margin-bottom:18px}
+.np-search{width:240px;max-width:100%}
+.np-dl{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:10px 20px;font-size:14px}
+.np-dl dt{color:var(--np-muted)}
+.np-dl dd{overflow-wrap:anywhere}
+.np-skel{height:84px;border-radius:var(--np-radius);background:linear-gradient(90deg,var(--np-surface) 25%,var(--np-surface-2) 50%,var(--np-surface) 75%);background-size:200% 100%;animation:np-sh 1.2s infinite;border:1px solid var(--np-border)}
+@keyframes np-sh{to{background-position:-200% 0}}
+@media (prefers-reduced-motion:reduce){.np-root *{animation:none!important;transition:none!important}}
+`;

package/dist/dashboard/ui.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import type { SettingField } from '@nextpluggable/plugin/manifest';
+export declare class ApiError extends Error {
+    status: number;
+    fields?: Record<string, string> | undefined;
+    constructor(message: string, status: number, fields?: Record<string, string> | undefined);
+}
+export type ApiCall = <T = unknown>(method: string, path: string, body?: unknown) => Promise<T>;
+export declare function createApi(apiPath: string, onUnauthorized: () => void): ApiCall;
+export declare function Button(props: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'primary' | 'danger' | 'danger-solid' | 'link';
+    small?: boolean;
+    busy?: boolean;
+}): React.JSX.Element;
+export declare function Switch(props: {
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    label: string;
+    disabled?: boolean;
+    showLabel?: boolean;
+}): React.JSX.Element;
+export declare function PluginIcon({ icon, name }: {
+    icon?: string;
+    name: string;
+}): React.JSX.Element;
+export declare function Modal(props: {
+    title: string;
+    onClose: () => void;
+    children: React.ReactNode;
+    footer: React.ReactNode;
+}): React.JSX.Element;
+export interface Toast {
+    id: number;
+    kind: 'ok' | 'error';
+    text: string;
+}
+export declare function Toasts({ toasts, dismiss }: {
+    toasts: Toast[];
+    dismiss: (id: number) => void;
+}): React.JSX.Element;
+export type FieldValue = string | number | boolean | undefined;
+/** One auto-generated form control for a plugin setting. */
+export declare function SettingInput(props: {
+    field: SettingField;
+    value: FieldValue;
+    secretSet?: boolean;
+    error?: string;
+    onChange: (value: FieldValue) => void;
+}): React.JSX.Element;
+/** What a plugin adds and is allowed to do, in plain language. */
+export declare function describePlugin(p: {
+    pages: {
+        title: string;
+        path: string;
+    }[];
+    slots: string[];
+    adminPages: string[];
+    permissions: string[];
+    hasServer: boolean;
+}): string[];
+export declare function timeAgo(iso: string | undefined): string;

package/dist/dashboard/ui.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+export class ApiError extends Error {
+    status;
+    fields;
+    constructor(message, status, fields) {
+        super(message);
+        this.status = status;
+        this.fields = fields;
+    }
+}
+export function createApi(apiPath, onUnauthorized) {
+    return async (method, path, body) => {
+        let res;
+        try {
+            res = await fetch(`${apiPath}${path}`, {
+                method,
+                credentials: 'same-origin',
+                headers: { 'x-nextpluggable': '1', ...(body !== undefined ? { 'content-type': 'application/json' } : {}) },
+                body: body !== undefined ? JSON.stringify(body) : undefined,
+                cache: 'no-store',
+            });
+        }
+        catch {
+            throw new ApiError('Could not reach the site. Check your connection and try again.', 0);
+        }
+        const data = (await res.json().catch(() => null));
+        if (!res.ok) {
+            if (res.status === 401 && path.startsWith('/admin'))
+                onUnauthorized();
+            throw new ApiError(data?.error ?? 'Something went wrong. Please try again.', res.status, data?.fields);
+        }
+        return data;
+    };
+}
+export function Button(props) {
+    const { variant, small, busy, className, children, disabled, ...rest } = props;
+    const cls = ['np-btn', variant ? `np-btn-${variant}` : '', small ? 'np-btn-sm' : '', className ?? ''].filter(Boolean).join(' ');
+    return (_jsxs("button", { type: "button", ...rest, className: cls, disabled: disabled || busy, "aria-busy": busy || undefined, children: [busy ? _jsx("span", { className: "np-spin", "aria-hidden": "true" }) : null, children] }));
+}
+export function Switch(props) {
+    return (_jsxs("label", { className: "np-switch", children: [_jsx("input", { type: "checkbox", role: "switch", checked: props.checked, disabled: props.disabled, "aria-label": props.label, onChange: (e) => props.onChange(e.target.checked) }), _jsx("i", { "aria-hidden": "true" }), props.showLabel ? _jsx("span", { children: props.label }) : null] }));
+}
+export function PluginIcon({ icon, name }) {
+    return (_jsx("span", { className: "np-icon", "aria-hidden": "true", children: icon?.startsWith('data:') ? _jsx("img", { src: icon, alt: "" }) : (icon ?? name.slice(0, 1).toUpperCase()) }));
+}
+export function Modal(props) {
+    const ref = React.useRef(null);
+    const titleId = React.useId();
+    const { onClose } = props;
+    React.useEffect(() => {
+        const previous = document.activeElement;
+        ref.current?.focus();
+        const onKey = (e) => e.key === 'Escape' && onClose();
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('keydown', onKey);
+            previous?.focus?.();
+        };
+    }, [onClose]);
+    return (_jsx("div", { className: "np-overlay", onMouseDown: (e) => e.target === e.currentTarget && onClose(), children: _jsxs("div", { className: "np-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, ref: ref, children: [_jsx("header", { children: _jsx("h2", { id: titleId, children: props.title }) }), _jsx("div", { className: "np-modal-body", children: props.children }), _jsx("footer", { children: props.footer })] }) }));
+}
+export function Toasts({ toasts, dismiss }) {
+    return (_jsx("div", { className: "np-toasts", role: "status", "aria-live": "polite", children: toasts.map((t) => (_jsxs("div", { className: `np-toast${t.kind === 'error' ? ' np-toast-error' : ''}`, children: [_jsx("span", { children: t.text }), _jsx("button", { type: "button", "aria-label": "Dismiss", onClick: () => dismiss(t.id), children: "\u00D7" })] }, t.id))) }));
+}
+/** One auto-generated form control for a plugin setting. */
+export function SettingInput(props) {
+    const { field, value, error, onChange } = props;
+    const id = React.useId();
+    const describedBy = [field.help ? `${id}-help` : '', error ? `${id}-err` : ''].filter(Boolean).join(' ') || undefined;
+    const common = { id, 'aria-invalid': error ? true : undefined, 'aria-describedby': describedBy, className: 'np-input' };
+    let control;
+    switch (field.type) {
+        case 'toggle':
+            return (_jsxs("div", { className: "np-field", children: [_jsx(Switch, { checked: Boolean(value), onChange: onChange, label: field.label, showLabel: true }), field.help ? _jsx("span", { className: "np-help", children: field.help }) : null, error ? _jsx("span", { className: "np-error", children: error }) : null] }));
+        case 'textarea':
+            control = _jsx("textarea", { ...common, value: value ?? '', placeholder: field.placeholder, onChange: (e) => onChange(e.target.value) });
+            break;
+        case 'number':
+            control = (_jsx("input", { ...common, type: "number", inputMode: "decimal", value: value === undefined ? '' : String(value), min: field.min, max: field.max, step: field.step ?? 'any', placeholder: field.placeholder, onChange: (e) => onChange(e.target.value === '' ? undefined : Number(e.target.value)) }));
+            break;
+        case 'select':
+            control = (_jsxs("select", { ...common, value: value ?? '', onChange: (e) => onChange(e.target.value || undefined), children: [!field.required || value === undefined ? _jsx("option", { value: "", children: "Choose\u2026" }) : null, field.options?.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value)))] }));
+            break;
+        case 'color':
+            control = (_jsxs("span", { className: "np-color", children: [_jsx("input", { type: "color", "aria-label": `${field.label} picker`, value: /^#[0-9a-f]{6}$/i.test(String(value)) ? String(value) : '#000000', onChange: (e) => onChange(e.target.value) }), _jsx("input", { ...common, style: { maxWidth: 140 }, value: value ?? '', placeholder: "#2563eb", onChange: (e) => onChange(e.target.value) })] }));
+            break;
+        case 'secret':
+            control = (_jsx("input", { ...common, type: "password", autoComplete: "new-password", value: value ?? '', placeholder: props.secretSet ? 'Saved. Type to replace it' : field.placeholder, onChange: (e) => onChange(e.target.value === '' ? undefined : e.target.value) }));
+            break;
+        default:
+            control = (_jsx("input", { ...common, type: field.type === 'url' ? 'url' : field.type === 'email' ? 'email' : 'text', value: value ?? '', placeholder: field.placeholder, onChange: (e) => onChange(e.target.value) }));
+    }
+    return (_jsxs("div", { className: "np-field", children: [_jsxs("label", { htmlFor: id, children: [field.label, field.required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), control, field.help ? (_jsx("span", { className: "np-help", id: `${id}-help`, children: field.help })) : null, field.type === 'secret' ? _jsx("span", { className: "np-help", children: "Kept private on the server. It is never shown again after saving." }) : null, error ? (_jsx("span", { className: "np-error", id: `${id}-err`, children: error })) : null] }));
+}
+const SLOT_NAMES = {
+    'header.actions': 'your site header',
+    header: 'your site header',
+    footer: 'your site footer',
+    'body.end': 'every page',
+    sidebar: 'your sidebar',
+};
+/** What a plugin adds and is allowed to do, in plain language. */
+export function describePlugin(p) {
+    const out = [];
+    for (const page of p.pages)
+        out.push(`Adds the page “${page.title}” at ${page.path}`);
+    for (const slot of p.slots)
+        out.push(`Shows something in ${SLOT_NAMES[slot] ?? `the “${slot}” area of your site`}`);
+    for (const title of p.adminPages)
+        out.push(`Adds a “${title}” screen to this dashboard`);
+    if (p.permissions.includes('storage'))
+        out.push('Saves its own data on your site');
+    if (p.permissions.includes('email'))
+        out.push('Sends email from your site');
+    for (const perm of p.permissions)
+        if (perm.startsWith('fetch:'))
+            out.push(perm === 'fetch:*' ? 'Connects to other services on the internet' : `Connects to ${perm.slice(6)}`);
+    if (p.hasServer)
+        out.push('Runs its own code on your site’s server');
+    return out;
+}
+export function timeAgo(iso) {
+    if (!iso)
+        return 'never';
+    const s = Math.max(0, (Date.now() - new Date(iso).getTime()) / 1000);
+    if (s < 90)
+        return 'just now';
+    if (s < 3600)
+        return `${Math.round(s / 60)} minutes ago`;
+    if (s < 86_400)
+        return `${Math.round(s / 3600)} hour${Math.round(s / 3600) === 1 ? '' : 's'} ago`;
+    return `${Math.round(s / 86_400)} day${Math.round(s / 86_400) === 1 ? '' : 's'} ago`;
+}

package/dist/errors.d.ts

@@ -0,0 +1,15 @@
+/** An error whose message is safe and useful to show to a non-technical dashboard user. */
+export declare class HttpError extends Error {
+    readonly status: number;
+    readonly fields?: Record<string, string> | undefined;
+    constructor(status: number, message: string, fields?: Record<string, string> | undefined);
+}
+export declare function jsonResponse(body: unknown, status?: number, headers?: Record<string, string>): Response;
+/**
+ * A plugin's stored files are gone. Normally this means it was removed (or
+ * updated) on another server instance and this instance's cached list is stale.
+ */
+export declare class PluginGoneError extends Error {
+    readonly pluginId: string;
+    constructor(pluginId: string);
+}

package/dist/errors.js

@@ -0,0 +1,29 @@
+/** An error whose message is safe and useful to show to a non-technical dashboard user. */
+export class HttpError extends Error {
+    status;
+    fields;
+    constructor(status, message, fields) {
+        super(message);
+        this.status = status;
+        this.fields = fields;
+        this.name = 'HttpError';
+    }
+}
+export function jsonResponse(body, status = 200, headers) {
+    return new Response(JSON.stringify(body), {
+        status,
+        headers: { 'content-type': 'application/json; charset=utf-8', 'cache-control': 'no-store', ...headers },
+    });
+}
+/**
+ * A plugin's stored files are gone. Normally this means it was removed (or
+ * updated) on another server instance and this instance's cached list is stale.
+ */
+export class PluginGoneError extends Error {
+    pluginId;
+    constructor(pluginId) {
+        super(`The files of plugin "${pluginId}" are missing from storage. If it should be installed, remove it and install it again.`);
+        this.pluginId = pluginId;
+        this.name = 'PluginGoneError';
+    }
+}

package/dist/globals.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Process-wide state. Next.js compiles server components, route handlers and
+ * the SSR pass of client components as separate module graphs, so module-level
+ * variables are not shared between them — `globalThis` is.
+ */
+export declare const GLOBAL_KEY: unique symbol;
+export interface Globals {
+    /** Client bundle source keyed by module key, handed from the server layer to the SSR layer. */
+    ssrCode: Map<string, string>;
+    /** Evaluated plugin server modules keyed by content hash. */
+    serverModules: Map<string, unknown>;
+    /** Immutable stored files keyed by storage key. */
+    files: Map<string, string>;
+    /** Cached list of installed plugins, keyed by the instance's API path. */
+    state: Map<string, {
+        at: number;
+        value: unknown;
+    }>;
+    /** Failed sign-in timestamps keyed by client address. */
+    loginAttempts: Map<string, number[]>;
+    warned: Set<string>;
+}
+export declare function globals(): Globals;
+export declare function warnOnce(key: string, message: string): void;

package/dist/globals.js

@@ -0,0 +1,24 @@
+/**
+ * Process-wide state. Next.js compiles server components, route handlers and
+ * the SSR pass of client components as separate module graphs, so module-level
+ * variables are not shared between them — `globalThis` is.
+ */
+export const GLOBAL_KEY = Symbol.for('nextpluggable.state');
+export function globals() {
+    const g = globalThis;
+    return (g[GLOBAL_KEY] ??= {
+        ssrCode: new Map(),
+        serverModules: new Map(),
+        files: new Map(),
+        state: new Map(),
+        loginAttempts: new Map(),
+        warned: new Set(),
+    });
+}
+export function warnOnce(key, message) {
+    const g = globals();
+    if (g.warned.has(key))
+        return;
+    g.warned.add(key);
+    console.warn(`[nextpluggable] ${message}`);
+}

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import { type NextPluggableConfig } from './config.js';
+export type { NextPluggableConfig } from './config.js';
+export type { AdminUser, AuthAdapter } from './auth/types.js';
+export type { StorageAdapter } from './storage/types.js';
+export type { PluginPageProps } from './next/plugin-page.js';
+export type { SlotProps } from './next/slot.js';
+export { passwordAuth, type PasswordAuthOptions } from './auth/password.js';
+export { customAuth, type CustomAuthOptions } from './auth/custom.js';
+export { fileStorage, type FileStorageOptions } from './storage/file.js';
+export { memoryStorage } from './storage/memory.js';
+export { upstashStorage, type UpstashStorageOptions } from './storage/upstash.js';
+export { postgresStorage, type PostgresStorageOptions } from './storage/postgres.js';
+/**
+ * Set up NextPluggable for a Next.js site. Call once (e.g. in `lib/nextpluggable.ts`)
+ * and wire the returned pieces into three route files — see the README.
+ */
+export declare function createNextPluggable(config?: NextPluggableConfig): {
+    /** Route handlers for `app/api/nextpluggable/[...np]/route.ts`. */
+    handlers: {
+        GET: (request: Request) => Promise<Response>;
+        POST: (request: Request) => Promise<Response>;
+        PUT: (request: Request) => Promise<Response>;
+        PATCH: (request: Request) => Promise<Response>;
+        DELETE: (request: Request) => Promise<Response>;
+    };
+    /** Page for `app/admin/plugins/[[...np]]/page.tsx`. */
+    DashboardPage: () => Promise<import("react").ReactNode>;
+    dashboardMetadata: import("next").Metadata;
+    /** Page for the root catch-all `app/[...slug]/page.tsx`: serves pages added by plugins. */
+    PluginPage: (props: import("./index.js").PluginPageProps) => Promise<import("react").ReactNode>;
+    generatePluginMetadata: (props: import("./index.js").PluginPageProps) => Promise<import("next").Metadata>;
+    /**
+     * `await np.hasPluginPage('/some/address')`: does a plugin serve a page there? Use it in a
+     * catch-all route of your own to decide whether to render `PluginPage` or your own content.
+     */
+    hasPluginPage: (pathname: string) => Promise<boolean>;
+    /** `<Slot name="…" />` — a place in your layout that plugins can fill. */
+    Slot: ({ name }: import("./index.js").SlotProps) => Promise<import("react").ReactNode>;
+};
+export type NextPluggable = ReturnType<typeof createNextPluggable>;

package/dist/index.js

@@ -0,0 +1,48 @@
+import { revalidatePath } from 'next/cache';
+import { createHandler } from './api/handler.js';
+import { resolveConfig } from './config.js';
+import { createDashboardPage, dashboardMetadata } from './next/dashboard-page.js';
+import { createPluginPage } from './next/plugin-page.js';
+import { createSlot } from './next/slot.js';
+export { passwordAuth } from './auth/password.js';
+export { customAuth } from './auth/custom.js';
+export { fileStorage } from './storage/file.js';
+export { memoryStorage } from './storage/memory.js';
+export { upstashStorage } from './storage/upstash.js';
+export { postgresStorage } from './storage/postgres.js';
+/**
+ * Set up NextPluggable for a Next.js site. Call once (e.g. in `lib/nextpluggable.ts`)
+ * and wire the returned pieces into three route files — see the README.
+ */
+export function createNextPluggable(config = {}) {
+    const getConfig = resolveConfig(config);
+    const handle = createHandler(getConfig, {
+        // Anything cached by Next.js (static pages, ISR) is refreshed when plugins change.
+        onSiteChange() {
+            try {
+                revalidatePath('/', 'layout');
+            }
+            catch (e) {
+                console.warn('[nextpluggable] Could not refresh cached pages:', e);
+            }
+        },
+    });
+    const { PluginPage, generatePluginMetadata, hasPluginPage } = createPluginPage(getConfig);
+    return {
+        /** Route handlers for `app/api/nextpluggable/[...np]/route.ts`. */
+        handlers: { GET: handle, POST: handle, PUT: handle, PATCH: handle, DELETE: handle },
+        /** Page for `app/admin/plugins/[[...np]]/page.tsx`. */
+        DashboardPage: createDashboardPage(getConfig),
+        dashboardMetadata,
+        /** Page for the root catch-all `app/[...slug]/page.tsx`: serves pages added by plugins. */
+        PluginPage,
+        generatePluginMetadata,
+        /**
+         * `await np.hasPluginPage('/some/address')`: does a plugin serve a page there? Use it in a
+         * catch-all route of your own to decide whether to render `PluginPage` or your own content.
+         */
+        hasPluginPage,
+        /** `<Slot name="…" />` — a place in your layout that plugins can fill. */
+        Slot: createSlot(getConfig),
+    };
+}

package/dist/next/dashboard-page.d.ts

@@ -0,0 +1,5 @@
+import type { Metadata } from 'next';
+import type { ReactNode } from 'react';
+import type { ResolvedConfig } from '../config.js';
+export declare const dashboardMetadata: Metadata;
+export declare function createDashboardPage(getConfig: () => ResolvedConfig): () => Promise<ReactNode>;

package/dist/next/dashboard-page.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { headers } from 'next/headers';
+import { sessionView } from '../api/handler.js';
+import { Dashboard } from '../dashboard/Dashboard.js';
+export const dashboardMetadata = {
+    title: 'Plugins',
+    robots: { index: false, follow: false },
+};
+export function createDashboardPage(getConfig) {
+    /** Server component for the dashboard route. Checks who is signed in, then hands over to the client UI. */
+    return async function DashboardPage() {
+        let cfg;
+        try {
+            cfg = getConfig();
+        }
+        catch (e) {
+            return _jsx(Dashboard, { apiPath: "", dashboardPath: "", siteName: "", session: { user: null, mode: 'password', configured: false }, setupError: e instanceof Error ? e.message.replace('[nextpluggable] ', '') : 'Setup is incomplete.' });
+        }
+        const incoming = await headers();
+        const request = new Request(new URL(cfg.dashboardPath, cfg.siteUrl), { headers: new Headers([...incoming.entries()]) });
+        return _jsx(Dashboard, { apiPath: cfg.apiPath, dashboardPath: cfg.dashboardPath, siteName: cfg.siteName, session: await sessionView(cfg, request) });
+    };
+}

package/dist/next/plugin-page.d.ts

@@ -0,0 +1,16 @@
+import type { Metadata } from 'next';
+import { type ReactNode } from 'react';
+import type { PluginInfo } from '@nextpluggable/plugin';
+import type { ResolvedConfig } from '../config.js';
+import type { InstallRecord } from '../core/types.js';
+type RouteParams = Promise<Record<string, string | string[] | undefined>>;
+export interface PluginPageProps {
+    params: RouteParams;
+}
+export declare function pluginInfo(cfg: ResolvedConfig, install: InstallRecord, page?: PluginInfo['page']): PluginInfo;
+export declare function createPluginPage(getConfig: () => ResolvedConfig): {
+    PluginPage: (props: PluginPageProps) => Promise<ReactNode>;
+    generatePluginMetadata: (props: PluginPageProps) => Promise<Metadata>;
+    hasPluginPage: (pathname: string) => Promise<boolean>;
+};
+export {};