@netrojs/create-vono 0.0.1

package/files/app/style.css

@@ -0,0 +1,279 @@
+/* ── Reset & base ──────────────────────────────────────────────── */
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0 }
+
+:root {
+  --bg:       #0d0f17;
+  --surface:  #13161f;
+  --surface2: #181c27;
+  --border:   #1e2330;
+  --text:     #c8cde0;
+  --muted:    #555972;
+  --accent:   #7c6af7;
+  --accent2:  #5eead4;
+  --green:    #34d399;
+  --red:      #f87171;
+  --yellow:   #fbbf24;
+  --radius:   10px;
+  --font:     'Inter', system-ui, sans-serif;
+}
+
+html { font-size: 16px; scroll-behavior: smooth }
+body { background: var(--bg); color: var(--text); font-family: var(--font);
+       line-height: 1.6; min-height: 100vh }
+a { color: var(--accent); text-decoration: none }
+a:hover { text-decoration: underline }
+code { background: var(--surface); border: 1px solid var(--border);
+       border-radius: 4px; padding: 2px 6px; font-size: .88em; font-family: monospace }
+.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden;
+            clip: rect(0,0,0,0); white-space: nowrap }
+.muted { color: var(--muted) }
+
+/* ── App shell ─────────────────────────────────────────────────── */
+.app   { display: flex; flex-direction: column; min-height: 100vh }
+.main  { flex: 1; padding: 2.5rem 1.25rem; max-width: 900px; margin: 0 auto; width: 100% }
+.footer { display: flex; align-items: center; justify-content: center; gap: .5rem;
+          padding: 1.25rem; font-size: .82rem; color: var(--muted);
+          border-top: 1px solid var(--border) }
+.footer-sep { color: var(--border) }
+
+/* ── Sticky nav ────────────────────────────────────────────────── */
+.nav { display: flex; align-items: center; gap: 1rem; padding: .9rem 1.5rem;
+       background: var(--surface); border-bottom: 1px solid var(--border);
+       position: sticky; top: 0; z-index: 100;
+       transition: box-shadow .2s }
+.nav.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.4) }
+.logo { font-weight: 700; font-size: 1.1rem; color: var(--accent2); letter-spacing: -.01em;
+        text-decoration: none }
+.nav-links { display: flex; gap: .25rem; margin-left: auto }
+.nav-link { padding: .35rem .75rem; border-radius: 6px; font-size: .9rem; color: var(--text);
+            transition: background .15s, color .15s; text-decoration: none }
+.nav-link:hover, .nav-link.active { background: var(--border); color: var(--accent2);
+                                    text-decoration: none }
+
+/* Hamburger (mobile) */
+.menu-btn { display: none; background: none; border: none; cursor: pointer;
+            padding: .4rem; border-radius: 6px; color: var(--text) }
+.hamburger { display: block; width: 22px; height: 2px; background: currentColor;
+             position: relative; transition: background .2s }
+.hamburger::before, .hamburger::after { content: ''; display: block; width: 100%; height: 2px;
+  background: currentColor; position: absolute; transition: transform .2s }
+.hamburger::before { top: -7px } .hamburger::after { top: 7px }
+.hamburger.open { background: transparent }
+.hamburger.open::before { transform: rotate(45deg) translate(0, 7px) }
+.hamburger.open::after  { transform: rotate(-45deg) translate(0, -7px) }
+
+@media (max-width: 640px) {
+  .menu-btn { display: block }
+  .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0;
+               background: var(--surface); border-bottom: 1px solid var(--border);
+               flex-direction: column; padding: .75rem 1rem }
+  .nav-links.open { display: flex }
+}
+
+/* ── Page ──────────────────────────────────────────────────────── */
+.page { padding: 1rem 0 }
+.page h1 { font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: .75rem;
+           letter-spacing: -.02em }
+.lead { font-size: 1.1rem; color: var(--text); margin-bottom: 1.5rem }
+
+/* ── Section ───────────────────────────────────────────────────── */
+.section { margin-bottom: 3.5rem }
+.section-title { font-size: 1.3rem; font-weight: 600; color: #fff;
+                 margin-bottom: 1.25rem; letter-spacing: -.01em }
+
+/* ── Hero ──────────────────────────────────────────────────────── */
+.hero { padding: 3.5rem 0 2.5rem; text-align: center }
+.hero-badge { display: inline-block; font-size: .8rem; font-weight: 600;
+              padding: .25rem .85rem; border-radius: 99px;
+              background: rgba(124,106,247,.15); color: var(--accent);
+              border: 1px solid rgba(124,106,247,.3); margin-bottom: 1.5rem }
+.hero-headline { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800;
+                 color: #fff; letter-spacing: -.03em; margin-bottom: .75rem;
+                 line-height: 1.1 }
+.hero-sub { font-size: 1.05rem; color: var(--muted); margin-bottom: 2rem;
+            max-width: 500px; margin-inline: auto }
+.hero-actions { display: flex; gap: .75rem; justify-content: center;
+                flex-wrap: wrap; margin-bottom: 1.75rem }
+
+.stat-row { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap }
+.stat-chip { font-size: .82rem; padding: .35rem .85rem; border-radius: 99px;
+             background: var(--surface); border: 1px solid var(--border); color: var(--text) }
+
+/* ── Buttons ───────────────────────────────────────────────────── */
+.btn { display: inline-block; padding: .55rem 1.25rem; border-radius: 8px;
+       font-weight: 600; font-size: .9rem; cursor: pointer;
+       transition: opacity .15s, background .15s; text-decoration: none !important;
+       border: none; line-height: 1.4 }
+.btn:hover { opacity: .88 }
+.btn-primary { background: var(--accent); color: #fff }
+.btn-ghost   { background: var(--surface); color: var(--text);
+               border: 1px solid var(--border) }
+.btn:disabled { opacity: .5; cursor: not-allowed }
+
+/* ── Feature grid ──────────────────────────────────────────────── */
+.feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+                gap: 1rem }
+.feature-card { background: var(--surface); border: 1px solid var(--border);
+                border-radius: var(--radius); padding: 1.1rem 1.25rem;
+                transition: border-color .25s, box-shadow .25s }
+.feature-card.highlight { border-color: var(--accent);
+                           box-shadow: 0 0 0 1px var(--accent), 0 4px 20px rgba(124,106,247,.15) }
+.feature-icon  { font-size: 1.5rem; display: block; margin-bottom: .5rem }
+.feature-title { font-size: .95rem; font-weight: 600; color: #fff; margin-bottom: .3rem }
+.feature-desc  { font-size: .83rem; color: var(--muted); line-height: 1.5 }
+
+/* ── Post cards ────────────────────────────────────────────────── */
+.post-list { display: flex; flex-direction: column; gap: 1rem }
+.post-card { display: block; background: var(--surface); border: 1px solid var(--border);
+             border-radius: var(--radius); padding: 1.1rem 1.25rem; color: inherit;
+             text-decoration: none !important; transition: border-color .15s }
+.post-card:hover { border-color: var(--accent); text-decoration: none }
+.post-meta { display: flex; align-items: center; gap: .5rem; font-size: .8rem;
+             color: var(--muted); margin-bottom: .5rem; flex-wrap: wrap }
+.post-card-title   { font-size: 1.05rem; font-weight: 600; color: #fff; margin-bottom: .35rem }
+.post-card-excerpt { font-size: .9rem; color: var(--text); margin-bottom: .5rem }
+.post-views { font-size: .78rem; color: var(--muted) }
+
+/* ── Tags ──────────────────────────────────────────────────────── */
+.tag { font-size: .75rem; padding: .15rem .5rem; border-radius: 4px;
+       background: rgba(94,234,212,.1); color: var(--accent2);
+       border: 1px solid rgba(94,234,212,.2); cursor: pointer;
+       transition: background .15s }
+.tag.active { background: rgba(94,234,212,.2) }
+.tag-warn { background: rgba(251,191,36,.1); color: var(--yellow);
+            border-color: rgba(251,191,36,.2) }
+
+/* ── Search ────────────────────────────────────────────────────── */
+.search-row { margin-bottom: 1.5rem }
+.search-input { width: 100%; padding: .55rem 1rem; border-radius: 8px;
+                background: var(--surface); border: 1px solid var(--border);
+                color: var(--text); font-size: .95rem; outline: none;
+                margin-bottom: .75rem; transition: border-color .15s }
+.search-input:focus { border-color: var(--accent) }
+.tag-row { display: flex; flex-wrap: wrap; gap: .4rem }
+
+/* ── Blog post ─────────────────────────────────────────────────── */
+.post-byline { font-size: .85rem; color: var(--muted); display: flex; gap: .5rem;
+               flex-wrap: wrap; margin-bottom: 1rem; align-items: center }
+.prose { margin-top: 1.5rem; line-height: 1.75; color: var(--text) }
+.prose p { margin-bottom: 1.2rem }
+.prose blockquote { border-left: 3px solid var(--accent); padding-left: 1rem;
+                    color: var(--muted); font-style: italic; margin: 1.5rem 0 }
+.post-footer { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border) }
+
+/* ── Code block ────────────────────────────────────────────────── */
+.code-block { background: var(--surface); border: 1px solid var(--border);
+              border-radius: var(--radius); padding: 1.25rem 1.5rem;
+              overflow-x: auto; font-size: .84rem; line-height: 1.7;
+              color: var(--accent2); font-family: monospace }
+
+/* ── Dashboard layout ──────────────────────────────────────────── */
+.dash-shell { display: flex; min-height: 100vh }
+
+.sidebar { width: 220px; flex-shrink: 0; background: var(--surface);
+           border-right: 1px solid var(--border);
+           display: flex; flex-direction: column; padding: 1.25rem 0 }
+.sidebar-logo { font-weight: 700; color: var(--accent2); font-size: 1.05rem;
+                padding: 0 1.25rem 1.5rem; display: block; text-decoration: none }
+.sidebar-nav { flex: 1; display: flex; flex-direction: column; gap: .2rem; padding: 0 .75rem }
+.sidebar-link { display: flex; align-items: center; gap: .65rem; padding: .55rem .75rem;
+                border-radius: 7px; font-size: .9rem; color: var(--text);
+                text-decoration: none; transition: background .15s, color .15s }
+.sidebar-link:hover, .sidebar-link.active { background: var(--border); color: var(--accent2) }
+.sidebar-icon { font-size: 1rem }
+.sidebar-footer { padding: .75rem; border-top: 1px solid var(--border); margin-top: .75rem }
+
+.dash-body { flex: 1; display: flex; flex-direction: column; overflow: hidden }
+.dash-header { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.5rem;
+               border-bottom: 1px solid var(--border); background: var(--surface) }
+.dash-title { font-size: 1.1rem; font-weight: 600; color: #fff }
+.dash-badge { font-size: .75rem; padding: .2rem .65rem; border-radius: 99px;
+              background: rgba(251,191,36,.1); color: var(--yellow);
+              border: 1px solid rgba(251,191,36,.2); margin-left: auto }
+.dash-content { flex: 1; padding: 1.5rem; overflow-y: auto }
+.dash-section { max-width: 860px }
+
+/* ── KPI grid ──────────────────────────────────────────────────── */
+.kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+            gap: 1rem; margin-bottom: 1.5rem }
+.kpi-card { background: var(--surface2); border: 1px solid var(--border);
+            border-radius: var(--radius); padding: 1rem 1.25rem;
+            display: flex; align-items: center; gap: .85rem }
+.kpi-icon  { font-size: 1.6rem }
+.kpi-value { font-size: 1.3rem; font-weight: 700; color: #fff; line-height: 1 }
+.kpi-label { font-size: .78rem; color: var(--muted); margin-top: .2rem }
+
+/* ── Bar chart ─────────────────────────────────────────────────── */
+.chart-card { background: var(--surface); border: 1px solid var(--border);
+              border-radius: var(--radius); padding: 1.25rem; margin-bottom: 1.5rem }
+.chart-header { display: flex; align-items: center; margin-bottom: 1.25rem }
+.chart-title  { font-size: .95rem; font-weight: 600; color: #fff; flex: 1 }
+.chart-tabs   { display: flex; gap: .25rem }
+.chart-tab    { font-size: .8rem; padding: .25rem .65rem; border-radius: 5px; cursor: pointer;
+                background: transparent; border: 1px solid var(--border); color: var(--muted);
+                transition: background .15s, color .15s }
+.chart-tab.active { background: var(--accent); color: #fff; border-color: var(--accent) }
+.chart-bars { display: flex; align-items: flex-end; gap: .75rem; height: 140px }
+.bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100% }
+.bar-value { font-size: .7rem; color: var(--muted); margin-bottom: .25rem }
+.bar-wrap  { flex: 1; width: 100%; display: flex; align-items: flex-end; min-height: 0 }
+.bar { width: 100%; background: var(--accent); border-radius: 4px 4px 0 0;
+       min-height: 4px; transition: height .4s cubic-bezier(.22,1,.36,1) }
+.bar-label { font-size: .72rem; color: var(--muted); margin-top: .4rem }
+
+/* ── Info banner ───────────────────────────────────────────────── */
+.info-banner { background: rgba(94,234,212,.06); border: 1px solid rgba(94,234,212,.18);
+               border-radius: var(--radius); padding: 1rem 1.25rem; font-size: .85rem;
+               color: var(--text); line-height: 1.6; margin-top: 1rem }
+
+/* ── Table ─────────────────────────────────────────────────────── */
+.table-toolbar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap }
+.sort-tabs { display: flex; gap: .25rem }
+.data-table { width: 100%; border-collapse: collapse; font-size: .88rem }
+.data-table th { text-align: left; font-size: .8rem; color: var(--muted); font-weight: 500;
+                 padding: .6rem .75rem; border-bottom: 1px solid var(--border) }
+.data-table td { padding: .65rem .75rem; border-bottom: 1px solid var(--border);
+                 vertical-align: middle }
+.data-table tr:last-child td { border-bottom: none }
+.data-table tbody tr:hover { background: var(--surface2) }
+
+/* ── Settings form ─────────────────────────────────────────────── */
+.settings-form { max-width: 520px }
+.form-group  { margin-bottom: 1.1rem }
+.form-label  { display: flex; align-items: center; gap: .5rem; font-size: .9rem;
+               color: var(--text); margin-bottom: .4rem; font-weight: 500; cursor: pointer }
+.form-input  { width: 100%; padding: .55rem 1rem; border-radius: 8px;
+               background: var(--surface); border: 1px solid var(--border);
+               color: var(--text); font-size: .95rem; outline: none;
+               transition: border-color .15s }
+.form-input:focus { border-color: var(--accent) }
+.form-toggle .form-label { flex-direction: row; gap: .6rem }
+.form-footer { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem;
+               padding-top: 1.25rem; border-top: 1px solid var(--border) }
+.save-confirm { font-size: .88rem; color: var(--green) }
+
+/* ── Login page ────────────────────────────────────────────────── */
+.login-shell { min-height: 100vh; display: flex; align-items: center;
+               justify-content: center; padding: 1.5rem; background: var(--bg) }
+.login-card  { width: 100%; max-width: 380px; background: var(--surface);
+               border: 1px solid var(--border); border-radius: 14px; padding: 2rem }
+.login-logo  { font-size: 1.3rem; font-weight: 700; color: var(--accent2);
+               margin-bottom: 1.25rem; letter-spacing: -.01em }
+.login-title { font-size: 1.4rem; font-weight: 700; color: #fff; margin-bottom: .35rem }
+.login-sub   { font-size: .85rem; color: var(--muted); margin-bottom: 1.5rem }
+.login-hint  { font-size: .8rem; color: var(--muted); margin-top: 1.25rem; line-height: 1.55 }
+.alert-error { background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.25);
+               color: var(--red); border-radius: 7px; padding: .65rem 1rem;
+               font-size: .88rem; margin-bottom: 1rem }
+
+/* ── 404 ────────────────────────────────────────────────────────── */
+.not-found { display: flex; flex-direction: column; align-items: center;
+             justify-content: center; min-height: 100vh; text-align: center; padding: 2rem }
+.not-found-code { font-size: 5rem; font-weight: 800; color: var(--border);
+                  line-height: 1; margin-bottom: .5rem }
+.not-found h1 { font-size: 1.5rem; color: #fff; margin-bottom: .75rem }
+.not-found p  { color: var(--muted); margin-bottom: 2rem }
+
+/* ── Transitions ───────────────────────────────────────────────── */
+.fade-enter-active, .fade-leave-active { transition: opacity .25s }
+.fade-enter-from,  .fade-leave-to      { opacity: 0 }

package/files/app.ts

@@ -0,0 +1,36 @@
+// ─────────────────────────────────────────────────────────────────────────────
+//  app.ts  ·  Hono app factory — used by dev server and imported by server.ts
+//
+//  @hono/vite-dev-server requires a Hono instance as the default export.
+//  createVono returns { app, handler }; we export both.
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { createVono } from '@netrojs/vono/server'
+import { routes, NotFoundPage } from './app/routes'
+
+export const vono = createVono({
+  routes,
+
+  // Global SEO defaults — merged with per-page overrides (page wins)
+  seo: {
+    ogType:      'website',
+    ogSiteName:  'Vono Demo',
+    twitterCard: 'summary_large_image',
+    robots:      'index, follow',
+  },
+
+  // Custom <html> attributes
+  htmlAttrs: { lang: 'en', 'data-theme': 'dark' },
+
+  // Extra <head> HTML injected on every page (e.g. font preloads, analytics)
+  head: `
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  `,
+
+  // Rendered for any unmatched URL (server-side 404)
+  notFound: NotFoundPage,
+})
+
+// Default export: the raw Hono instance — required by @hono/vite-dev-server
+export default vono.app

package/files/client.ts

@@ -0,0 +1,17 @@
+// ─────────────────────────────────────────────────────────────────────────────
+//  client.ts  ·  Browser hydration entry
+//
+//  boot() hydrates the server-rendered HTML into a Vue SPA.
+//  It reads SSR-injected state from window.__VONO_STATE__ so the first
+//  paint needs zero network requests.
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { boot } from '@netrojs/vono/client'
+import { routes } from './app/routes'
+import './app/style.css'
+
+boot({
+  routes,
+  // Warm the SPA data cache on link hover — snappy navigation feel
+  prefetchOnHover: true,
+})

package/files/global.d.ts

@@ -0,0 +1,13 @@
+// ─────────────────────────────────────────────────────────────────────────────
+//  global.d.ts  ·  Ambient type declarations for the Vono demo project
+// ─────────────────────────────────────────────────────────────────────────────
+
+// Allow importing CSS files in TypeScript
+declare module '*.css'
+
+// Augment the global Window object so TypeScript understands SSR-injected keys
+interface Window {
+  __VONO_STATE__:  Record<string, Record<string, unknown>>
+  __VONO_PARAMS__: Record<string, string>
+  __VONO_SEO__:    import('@netrojs/vono').SEOMeta
+}

package/files/server.ts

@@ -0,0 +1,18 @@
+// ─────────────────────────────────────────────────────────────────────────────
+//  server.ts  ·  Production server entry
+//
+//  Top-level await is used here because the SSR bundle is built with
+//  target: 'node18' by vonoVitePlugin — which enables it in the output.
+//  See packages/vono/server.ts → vonoVitePlugin → config() → target.
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { serve } from '@netrojs/vono/server'
+import { vono } from './app'
+
+await serve({
+  app:      vono,
+  port:     Number(process.env['PORT'] ?? 3000),
+  runtime:  'node',
+  // Points to your built output folder — serve-static serves /assets/* from here
+  staticDir: './dist',
+})

package/files/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target":                          "ESNext",
+    "module":                          "ESNext",
+    "moduleResolution":                "bundler",
+    "lib":                             ["ESNext", "DOM"],
+    "jsx":                             "preserve",
+    "jsxImportSource":                 "vue",
+    "strict":                          true,
+    "skipLibCheck":                    true,
+    "noEmit":                          true,
+    "allowImportingTsExtensions":      true,
+    "resolveJsonModule":               true,
+    "isolatedModules":                 true,
+    "verbatimModuleSyntax":            true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["**/*.ts", "**/*.tsx", "**/*.vue", "global.d.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/files/vite.config.ts

@@ -0,0 +1,47 @@
+// ─────────────────────────────────────────────────────────────────────────────
+//  vite.config.ts
+//
+//  Plugin execution order matters:
+//    1. vue()              — transforms .vue files in dev mode + SSR build
+//    2. vonoVitePlugin() — orchestrates the dual build (SSR → client SPA)
+//    3. devServer()        — routes dev requests through the Hono app
+//
+//  The `target: 'node18'` in vonoVitePlugin's server build config is what
+//  enables top-level await in dist/server/server.js.  Do not override the
+//  build.target here for SSR builds — let the plugin manage it.
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { vonoVitePlugin } from '@netrojs/vono/vite'
+import devServer from '@hono/vite-dev-server'
+
+export default defineConfig({
+  plugins: [
+    // Handles .vue SFC transforms in both dev mode and the server SSR build
+    vue(),
+
+    // Orchestrates dual-bundle production build:
+    //   vite build  → dist/server/server.js  (SSR, target node18, ES module)
+    //   closeBundle → dist/assets/…          (client SPA, manifest.json)
+    vonoVitePlugin({
+      serverEntry:  'server.ts',
+      clientEntry:  'client.ts',
+      serverOutDir: 'dist/server',
+      clientOutDir: 'dist/assets',
+    }),
+
+    // Routes all dev-mode requests through the Vono Hono app (app.ts default export)
+    devServer({ entry: 'app.ts' }),
+  ],
+
+  server: {
+    // Prevent Vite from restarting when dist/ changes during a production build
+    watch: { ignored: ['**/dist/**'] },
+  },
+
+  // Optimise these packages in dev so Vite only processes them once
+  optimizeDeps: {
+    include: ['vue', 'vue-router'],
+  },
+})

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@netrojs/create-vono",
+  "version": "0.0.1",
+  "description": "Create a new Vono app \u2014 Vue 3 streaming SSR + SPA, Hono, TypeScript",
+  "type": "module",
+  "license": "MIT",
+  "author": "Netro Solutions<info@netrosolutions.com>",
+  "homepage": "https://github.com/netrosolutions/vono",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/netrosolutions/vono.git",
+    "directory": "packages/create-vono"
+  },
+  "bugs": {
+    "url": "https://github.com/netrosolutions/vono/issues"
+  },
+  "keywords": [
+    "create-vono",
+    "vono",
+    "hono",
+    "vue",
+    "vue3",
+    "fullstack",
+    "ssr",
+    "spa"
+  ],
+  "bin": {
+    "create-vono": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "files",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup index.ts --format esm --target node18 --dts --clean --outDir dist",
+    "dev": "tsup index.ts --format esm --target node18 --watch --outDir dist",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "kolorist": "^1.8.0",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}