create-react-starter-kit 1.0.0

package/dist/templates/src/styles/global.css.ejs

@@ -0,0 +1,457 @@
+<% if (styling === 'tailwind' || uiLibrary === 'shadcn') { -%>
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  color-scheme: light;
+  --bg: #f5f7fb;
+  --surface: #ffffff;
+  --ink: #0f172a;
+  --muted: #64748b;
+  --line: #e2e8f0;
+  --brand: #1d4ed8;
+  --ok: #15803d;
+  --bad: #b91c1c;
+  --shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
+}
+
+body {
+  @apply m-0 min-h-screen bg-[var(--bg)] font-body text-[var(--ink)] antialiased;
+  background-image:
+    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 40%),
+    radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 35%),
+    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
+}
+
+#root {
+  min-height: 100vh;
+}
+
+.app-shell {
+  @apply mx-auto flex min-h-screen max-w-6xl flex-col px-4 py-6 sm:px-6;
+}
+
+.app-header {
+  @apply mb-8 flex flex-wrap items-center justify-between gap-4 rounded-2xl border border-[var(--line)] bg-white/80 px-5 py-4 shadow-[var(--shadow)] backdrop-blur;
+}
+
+.brand {
+  @apply flex items-center gap-3;
+}
+
+.brand-mark {
+  @apply h-10 w-10 rounded-xl bg-gradient-to-br from-brand-500 to-brand-900;
+}
+
+.brand-name {
+  @apply m-0 font-display text-lg font-bold tracking-tight;
+}
+
+.brand-tagline,
+.muted,
+.lede,
+.app-footer,
+.panel-note,
+.eyebrow {
+  @apply text-[var(--muted)];
+}
+
+.brand-tagline,
+.eyebrow {
+  @apply m-0 text-xs uppercase tracking-[0.14em];
+}
+
+.app-nav {
+  @apply flex gap-2;
+}
+
+.nav-link {
+  @apply rounded-lg px-3 py-2 text-sm font-medium text-slate-600 no-underline transition hover:bg-slate-100;
+}
+
+.nav-link.active {
+  @apply bg-brand-50 text-brand-700;
+}
+
+.app-main {
+  @apply flex-1;
+}
+
+.app-footer {
+  @apply mt-10 border-t border-[var(--line)] pt-4 text-sm;
+}
+
+.hero {
+  @apply mb-8 rounded-3xl border border-[var(--line)] bg-white/90 p-8 shadow-[var(--shadow)];
+}
+
+.hero h1,
+.about-page h1,
+.panel-header h2 {
+  @apply m-0 font-display tracking-tight text-slate-900;
+}
+
+.hero h1 {
+  @apply mt-2 text-4xl sm:text-5xl;
+}
+
+.lede {
+  @apply mt-3 max-w-2xl text-base leading-relaxed;
+}
+
+.hero-actions {
+  @apply mt-6 flex flex-wrap items-center gap-4;
+}
+
+.text-link {
+  @apply text-sm font-medium text-brand-600 no-underline hover:underline;
+}
+
+.stack-row {
+  @apply mt-8 flex flex-wrap gap-3;
+}
+
+.stack-badge {
+  @apply rounded-xl border border-[var(--line)] bg-slate-50 px-3 py-2;
+}
+
+.stack-badge-label {
+  @apply mr-2 text-[11px] uppercase tracking-wide text-slate-500;
+}
+
+.stack-badge-value {
+  @apply text-sm font-semibold text-slate-800;
+}
+
+.panels {
+  @apply grid gap-5 lg:grid-cols-2;
+}
+
+.panel {
+  @apply rounded-2xl border border-[var(--line)] bg-white p-5 shadow-[var(--shadow)];
+}
+
+.panel-header p {
+  @apply mt-1 mb-0 text-sm;
+}
+
+.panel-toolbar {
+  @apply mb-3;
+}
+
+.counter {
+  @apply my-4 flex items-center gap-4;
+}
+
+.counter-value {
+  @apply min-w-12 text-center font-display text-3xl;
+}
+
+.post-list {
+  @apply m-0 list-none space-y-2 p-0;
+}
+
+.post-list li {
+  @apply rounded-lg border border-slate-100 bg-slate-50 px-3 py-2 text-sm;
+}
+
+.feedback-form {
+  @apply mt-3 flex flex-col gap-3;
+}
+
+.feedback-form label {
+  @apply flex flex-col gap-1 text-sm font-medium;
+}
+
+.feedback-form input,
+.feedback-form textarea {
+  @apply rounded-lg border border-slate-300 px-3 py-2 text-sm font-normal outline-none ring-brand-500 focus:ring-2;
+}
+
+.field-error,
+.error-text {
+  @apply text-sm text-[var(--bad)];
+}
+
+.panel-note {
+  @apply mt-4 border-t border-dashed border-slate-200 pt-3 text-xs leading-relaxed;
+}
+
+.ui-button {
+  @apply inline-flex items-center justify-center rounded-md bg-brand-600 px-4 py-2 text-sm font-medium text-white transition hover:bg-brand-700 disabled:opacity-50;
+}
+
+.toast-viewport {
+  @apply pointer-events-none fixed bottom-4 right-4 z-50 flex w-80 flex-col gap-2;
+}
+
+.toast {
+  @apply rounded-xl border px-4 py-3 text-sm shadow-lg;
+}
+
+.toast-info {
+  @apply border-slate-200 bg-white text-slate-800;
+}
+
+.toast-success {
+  @apply border-green-200 bg-green-50 text-[var(--ok)];
+}
+
+.toast-error {
+  @apply border-red-200 bg-red-50 text-[var(--bad)];
+}
+
+.about-list {
+  @apply my-4 space-y-2 pl-5;
+}
+<% } else if (styling === 'css-modules') { -%>
+/* Global base — component modules live beside components as *.module.css */
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
+
+:root {
+  --bg: #f5f7fb;
+  --surface: #fff;
+  --ink: #0f172a;
+  --muted: #64748b;
+  --line: #e2e8f0;
+  --brand: #1d4ed8;
+  --ok: #15803d;
+  --bad: #b91c1c;
+  --shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
+  font-family: 'IBM Plex Sans', system-ui, sans-serif;
+}
+
+* { box-sizing: border-box; }
+body { margin: 0; min-height: 100vh; background: linear-gradient(180deg, #f8fafc, #eef2ff); color: var(--ink); }
+#root { min-height: 100vh; }
+.app-shell { max-width: 72rem; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; padding: 1.5rem 1rem; }
+.app-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; background: rgba(255,255,255,0.85); border: 1px solid var(--line); border-radius: 1rem; padding: 1rem 1.25rem; box-shadow: var(--shadow); margin-bottom: 2rem; }
+.brand { display: flex; gap: 0.75rem; align-items: center; }
+.brand-mark { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: linear-gradient(135deg, #2563eb, #0f172a); }
+.brand-name { margin: 0; font-family: 'DM Sans', sans-serif; font-weight: 700; }
+.brand-tagline, .muted, .lede, .app-footer, .panel-note, .eyebrow { color: var(--muted); }
+.brand-tagline, .eyebrow { margin: 0; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }
+.app-nav { display: flex; gap: 0.5rem; }
+.nav-link { text-decoration: none; color: #475569; padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; }
+.nav-link.active { background: #eff6ff; color: #1d4ed8; }
+.app-main { flex: 1; }
+.app-footer { margin-top: 2.5rem; border-top: 1px solid var(--line); padding-top: 1rem; font-size: 0.875rem; }
+.hero { background: rgba(255,255,255,0.92); border: 1px solid var(--line); border-radius: 1.5rem; padding: 2rem; box-shadow: var(--shadow); margin-bottom: 2rem; }
+.hero h1, .about-page h1, .panel-header h2 { margin: 0; font-family: 'DM Sans', sans-serif; }
+.hero h1 { margin-top: 0.5rem; font-size: clamp(2rem, 4vw, 3rem); }
+.lede { max-width: 40rem; line-height: 1.6; }
+.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.5rem; }
+.text-link { color: var(--brand); text-decoration: none; font-size: 0.875rem; font-weight: 500; }
+.stack-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
+.stack-badge { border: 1px solid var(--line); background: #f8fafc; border-radius: 0.75rem; padding: 0.5rem 0.75rem; }
+.stack-badge-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: #64748b; margin-right: 0.5rem; }
+.stack-badge-value { font-size: 0.875rem; font-weight: 600; }
+.panels { display: grid; gap: 1.25rem; }
+@media (min-width: 1024px) { .panels { grid-template-columns: 1fr 1fr; } }
+.panel { background: #fff; border: 1px solid var(--line); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--shadow); }
+.panel-header p { margin: 0.35rem 0 0; font-size: 0.875rem; }
+.panel-toolbar { margin-bottom: 0.75rem; }
+.counter { display: flex; align-items: center; gap: 1rem; margin: 1rem 0; }
+.counter-value { min-width: 3rem; text-align: center; font-size: 1.875rem; font-family: 'DM Sans', sans-serif; }
+.post-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
+.post-list li { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; }
+.feedback-form { display: grid; gap: 0.75rem; margin-top: 0.75rem; }
+.feedback-form label { display: grid; gap: 0.35rem; font-size: 0.875rem; font-weight: 500; }
+.feedback-form input, .feedback-form textarea { border: 1px solid #cbd5e1; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font: inherit; }
+.field-error, .error-text { color: var(--bad); font-size: 0.8rem; }
+.panel-note { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px dashed #e2e8f0; font-size: 0.75rem; line-height: 1.5; }
+.ui-button { appearance: none; border: 0; background: var(--brand); color: #fff; border-radius: 0.5rem; padding: 0.55rem 1rem; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
+.ui-button:disabled { opacity: 0.5; }
+.toast-viewport { position: fixed; right: 1rem; bottom: 1rem; width: 20rem; display: grid; gap: 0.5rem; z-index: 50; }
+.toast { border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 0.875rem; box-shadow: var(--shadow); background: #fff; border: 1px solid var(--line); }
+.toast-success { background: #f0fdf4; border-color: #bbf7d0; color: var(--ok); }
+.toast-error { background: #fef2f2; border-color: #fecaca; color: var(--bad); }
+.about-list { margin: 1rem 0; padding-left: 1.25rem; }
+<% } else if (styling === 'styled-components') { -%>
+/* Global reset — most styling lives in styled components; keep layout tokens here */
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
+
+:root {
+  --bg: #f5f7fb;
+  --ink: #0f172a;
+  --muted: #64748b;
+  --line: #e2e8f0;
+  --brand: #1d4ed8;
+  --ok: #15803d;
+  --bad: #b91c1c;
+  --shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
+}
+
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  min-height: 100vh;
+  font-family: 'IBM Plex Sans', system-ui, sans-serif;
+  color: var(--ink);
+  background:
+    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 40%),
+    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
+}
+#root { min-height: 100vh; }
+
+.app-shell { max-width: 72rem; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; padding: 1.5rem 1rem; }
+.app-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; background: rgba(255,255,255,0.85); border: 1px solid var(--line); border-radius: 1rem; padding: 1rem 1.25rem; box-shadow: var(--shadow); margin-bottom: 2rem; }
+.brand { display: flex; gap: 0.75rem; align-items: center; }
+.brand-mark { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: linear-gradient(135deg, #2563eb, #0f172a); }
+.brand-name { margin: 0; font-family: 'DM Sans', sans-serif; font-weight: 700; }
+.brand-tagline, .muted, .lede, .app-footer, .panel-note, .eyebrow { color: var(--muted); }
+.brand-tagline, .eyebrow { margin: 0; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }
+.app-nav { display: flex; gap: 0.5rem; }
+.nav-link { text-decoration: none; color: #475569; padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; }
+.nav-link.active { background: #eff6ff; color: #1d4ed8; }
+.app-main { flex: 1; }
+.app-footer { margin-top: 2.5rem; border-top: 1px solid var(--line); padding-top: 1rem; font-size: 0.875rem; }
+.hero { background: rgba(255,255,255,0.92); border: 1px solid var(--line); border-radius: 1.5rem; padding: 2rem; box-shadow: var(--shadow); margin-bottom: 2rem; }
+.hero h1, .about-page h1, .panel-header h2 { margin: 0; font-family: 'DM Sans', sans-serif; }
+.hero h1 { margin-top: 0.5rem; font-size: clamp(2rem, 4vw, 3rem); }
+.lede { max-width: 40rem; line-height: 1.6; }
+.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.5rem; }
+.text-link { color: var(--brand); text-decoration: none; font-size: 0.875rem; font-weight: 500; }
+.stack-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
+.stack-badge { border: 1px solid var(--line); background: #f8fafc; border-radius: 0.75rem; padding: 0.5rem 0.75rem; }
+.stack-badge-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: #64748b; margin-right: 0.5rem; }
+.stack-badge-value { font-size: 0.875rem; font-weight: 600; }
+.panels { display: grid; gap: 1.25rem; }
+@media (min-width: 1024px) { .panels { grid-template-columns: 1fr 1fr; } }
+.panel { background: #fff; border: 1px solid var(--line); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--shadow); }
+.panel-header p { margin: 0.35rem 0 0; font-size: 0.875rem; }
+.panel-toolbar { margin-bottom: 0.75rem; }
+.counter { display: flex; align-items: center; gap: 1rem; margin: 1rem 0; }
+.counter-value { min-width: 3rem; text-align: center; font-size: 1.875rem; font-family: 'DM Sans', sans-serif; }
+.post-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
+.post-list li { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; }
+.feedback-form { display: grid; gap: 0.75rem; margin-top: 0.75rem; }
+.feedback-form label { display: grid; gap: 0.35rem; font-size: 0.875rem; font-weight: 500; }
+.feedback-form input, .feedback-form textarea { border: 1px solid #cbd5e1; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font: inherit; }
+.field-error, .error-text { color: var(--bad); font-size: 0.8rem; }
+.panel-note { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px dashed #e2e8f0; font-size: 0.75rem; line-height: 1.5; }
+.ui-button { appearance: none; border: 0; background: var(--brand); color: #fff; border-radius: 0.5rem; padding: 0.55rem 1rem; font-size: 0.875rem; font-weight: 500; cursor: pointer; }
+.ui-button:disabled { opacity: 0.5; }
+.toast-viewport { position: fixed; right: 1rem; bottom: 1rem; width: 20rem; display: grid; gap: 0.5rem; z-index: 50; }
+.toast { border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 0.875rem; box-shadow: var(--shadow); background: #fff; border: 1px solid var(--line); }
+.toast-success { background: #f0fdf4; border-color: #bbf7d0; color: var(--ok); }
+.toast-error { background: #fef2f2; border-color: #fecaca; color: var(--bad); }
+.about-list { margin: 1rem 0; padding-left: 1.25rem; }
+<% } else { -%>
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
+
+$bg: #f5f7fb;
+$ink: #0f172a;
+$muted: #64748b;
+$line: #e2e8f0;
+$brand: #1d4ed8;
+$ok: #15803d;
+$bad: #b91c1c;
+$shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  font-family: 'IBM Plex Sans', system-ui, sans-serif;
+  color: $ink;
+  background:
+    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 40%),
+    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
+}
+
+#root { min-height: 100vh; }
+
+.app-shell {
+  max-width: 72rem;
+  margin: 0 auto;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem 1rem;
+}
+
+.app-header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 1rem;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid $line;
+  border-radius: 1rem;
+  padding: 1rem 1.25rem;
+  box-shadow: $shadow;
+  margin-bottom: 2rem;
+}
+
+.brand { display: flex; gap: 0.75rem; align-items: center; }
+.brand-mark {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 0.75rem;
+  background: linear-gradient(135deg, #2563eb, #0f172a);
+}
+.brand-name { margin: 0; font-family: 'DM Sans', sans-serif; font-weight: 700; }
+.brand-tagline, .muted, .lede, .app-footer, .panel-note, .eyebrow { color: $muted; }
+.brand-tagline, .eyebrow { margin: 0; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }
+.app-nav { display: flex; gap: 0.5rem; }
+.nav-link {
+  text-decoration: none;
+  color: #475569;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  &.active { background: #eff6ff; color: $brand; }
+}
+.app-main { flex: 1; }
+.app-footer { margin-top: 2.5rem; border-top: 1px solid $line; padding-top: 1rem; font-size: 0.875rem; }
+.hero {
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid $line;
+  border-radius: 1.5rem;
+  padding: 2rem;
+  box-shadow: $shadow;
+  margin-bottom: 2rem;
+}
+.hero h1, .about-page h1, .panel-header h2 { margin: 0; font-family: 'DM Sans', sans-serif; }
+.hero h1 { margin-top: 0.5rem; font-size: clamp(2rem, 4vw, 3rem); }
+.lede { max-width: 40rem; line-height: 1.6; }
+.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.5rem; }
+.text-link { color: $brand; text-decoration: none; font-size: 0.875rem; font-weight: 500; }
+.stack-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
+.stack-badge { border: 1px solid $line; background: #f8fafc; border-radius: 0.75rem; padding: 0.5rem 0.75rem; }
+.stack-badge-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: #64748b; margin-right: 0.5rem; }
+.stack-badge-value { font-size: 0.875rem; font-weight: 600; }
+.panels { display: grid; gap: 1.25rem; }
+@media (min-width: 1024px) { .panels { grid-template-columns: 1fr 1fr; } }
+.panel { background: #fff; border: 1px solid $line; border-radius: 1rem; padding: 1.25rem; box-shadow: $shadow; }
+.panel-header p { margin: 0.35rem 0 0; font-size: 0.875rem; }
+.panel-toolbar { margin-bottom: 0.75rem; }
+.counter { display: flex; align-items: center; gap: 1rem; margin: 1rem 0; }
+.counter-value { min-width: 3rem; text-align: center; font-size: 1.875rem; font-family: 'DM Sans', sans-serif; }
+.post-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem;
+  li { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; }
+}
+.feedback-form { display: grid; gap: 0.75rem; margin-top: 0.75rem;
+  label { display: grid; gap: 0.35rem; font-size: 0.875rem; font-weight: 500; }
+  input, textarea { border: 1px solid #cbd5e1; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font: inherit; }
+}
+.field-error, .error-text { color: $bad; font-size: 0.8rem; }
+.panel-note { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px dashed #e2e8f0; font-size: 0.75rem; line-height: 1.5; }
+.ui-button {
+  appearance: none; border: 0; background: $brand; color: #fff; border-radius: 0.5rem;
+  padding: 0.55rem 1rem; font-size: 0.875rem; font-weight: 500; cursor: pointer;
+  &:disabled { opacity: 0.5; }
+}
+.toast-viewport { position: fixed; right: 1rem; bottom: 1rem; width: 20rem; display: grid; gap: 0.5rem; z-index: 50; }
+.toast { border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 0.875rem; box-shadow: $shadow; background: #fff; border: 1px solid $line; }
+.toast-success { background: #f0fdf4; border-color: #bbf7d0; color: $ok; }
+.toast-error { background: #fef2f2; border-color: #fecaca; color: $bad; }
+.about-list { margin: 1rem 0; padding-left: 1.25rem; }
+<% } -%>

package/dist/templates/src/types/index.ts.ejs

@@ -0,0 +1,7 @@
+<% if (isTypeScript) { -%>
+/** Shared domain types used across features. */
+export type { Post } from '@/services/api';
+<% } else { -%>
+// Shared types live here when you migrate hot paths to TypeScript.
+export {};
+<% } -%>

package/dist/templates/src/utils/format.ts.ejs

@@ -0,0 +1,3 @@
+export function formatCount(value<% if (isTypeScript) { %>: number<% } %>)<% if (isTypeScript) { %>: string<% } %> {
+  return new Intl.NumberFormat(undefined, { maximumFractionDigits: 0 }).format(value);
+}

package/dist/types.d.ts

@@ -0,0 +1,46 @@
+export type BuildTool = 'vite' | 'webpack' | 'rspack' | 'parcel' | 'esbuild' | 'rollup';
+export type Language = 'javascript' | 'typescript';
+export type Router = 'react-router' | 'tanstack-router';
+export type StateManagement = 'redux' | 'zustand' | 'jotai' | 'context' | 'none';
+export type ServerState = 'tanstack-query' | 'swr' | 'rtk-query' | 'none';
+export type Forms = 'react-hook-form' | 'formik' | 'tanstack-form' | 'none';
+export type Validation = 'zod' | 'yup' | 'valibot' | 'joi' | 'none';
+export type Styling = 'tailwind' | 'css-modules' | 'styled-components' | 'sass';
+export type UiLibrary = 'mui' | 'antd' | 'chakra' | 'shadcn' | 'headless-ui' | 'none';
+export type UnitTesting = 'vitest' | 'jest' | 'rtl' | 'none';
+export type E2ETesting = 'playwright' | 'cypress' | 'none';
+export type VisualTesting = 'storybook' | 'chromatic' | 'none';
+export type Linting = 'eslint' | 'biome';
+export type Formatting = 'prettier' | 'stylelint';
+export type ApiLayer = 'axios' | 'fetch';
+export type PackageManager = 'pnpm' | 'yarn' | 'npm';
+export type ErrorTracking = 'sentry' | 'bugsnag' | 'logrocket' | 'datadog' | 'none';
+export interface ProjectAnswers {
+    projectName: string;
+    targetDir: string;
+    buildTool: BuildTool;
+    language: Language;
+    router: Router;
+    stateManagement: StateManagement;
+    serverState: ServerState;
+    forms: Forms;
+    validation: Validation;
+    styling: Styling;
+    uiLibrary: UiLibrary;
+    unitTesting: UnitTesting;
+    e2eTesting: E2ETesting;
+    visualTesting: VisualTesting;
+    linting: Linting;
+    formatting: Formatting;
+    apiLayer: ApiLayer;
+    packageManager: PackageManager;
+    errorTracking: ErrorTracking;
+    installDependencies: boolean;
+}
+export interface TemplateContext extends ProjectAnswers {
+    isTypeScript: boolean;
+    ext: 'ts' | 'js';
+    jsxExt: 'tsx' | 'jsx';
+    year: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACjF,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,QAAQ,GAAG,eAAe,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAC;AAChF,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,MAAM,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC/D,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AACzC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,YAAY,EAAE,OAAO,CAAC;IACtB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils/logger.d.ts

@@ -0,0 +1,12 @@
+import { type Ora } from 'ora';
+export declare const logger: {
+    info(message: string): void;
+    success(message: string): void;
+    warn(message: string): void;
+    error(message: string): void;
+    title(message: string): void;
+    dim(message: string): void;
+    blank(): void;
+};
+export declare function createSpinner(text: string): Ora;
+//# sourceMappingURL=logger.d.ts.map

package/dist/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AACA,OAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAEpC,eAAO,MAAM,MAAM;kBACH,MAAM,GAAG,IAAI;qBAGV,MAAM,GAAG,IAAI;kBAGhB,MAAM,GAAG,IAAI;mBAGZ,MAAM,GAAG,IAAI;mBAGb,MAAM,GAAG,IAAI;iBAKf,MAAM,GAAG,IAAI;aAGjB,IAAI;CAGd,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAE/C"}

package/dist/utils/logger.js

@@ -0,0 +1,31 @@
+import chalk from 'chalk';
+import ora from 'ora';
+export const logger = {
+    info(message) {
+        console.log(chalk.cyan('ℹ'), message);
+    },
+    success(message) {
+        console.log(chalk.green('✔'), message);
+    },
+    warn(message) {
+        console.log(chalk.yellow('⚠'), message);
+    },
+    error(message) {
+        console.log(chalk.red('✖'), message);
+    },
+    title(message) {
+        console.log();
+        console.log(chalk.bold.magenta(message));
+        console.log();
+    },
+    dim(message) {
+        console.log(chalk.dim(message));
+    },
+    blank() {
+        console.log();
+    },
+};
+export function createSpinner(text) {
+    return ora({ text, color: 'cyan' });
+}
+//# sourceMappingURL=logger.js.map

package/dist/utils/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAiB,MAAM,KAAK,CAAC;AAEpC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,CAAC,OAAe;QAClB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IACD,OAAO,CAAC,OAAe;QACrB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAC,OAAe;QAClB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;IACD,KAAK,CAAC,OAAe;QACnB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC;IACD,KAAK,CAAC,OAAe;QACnB,OAAO,CAAC,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QACzC,OAAO,CAAC,GAAG,EAAE,CAAC;IAChB,CAAC;IACD,GAAG,CAAC,OAAe;QACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,KAAK;QACH,OAAO,CAAC,GAAG,EAAE,CAAC;IAChB,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AACtC,CAAC"}

package/dist/utils/validate.d.ts

@@ -0,0 +1,3 @@
+export declare function validateProjectName(name: string): true | string;
+export declare function resolveTargetDirectory(cwd: string, projectName: string, customPath?: string): string;
+//# sourceMappingURL=validate.d.ts.map

package/dist/utils/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/utils/validate.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAiB/D;AAED,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAKR"}

package/dist/utils/validate.js

@@ -0,0 +1,24 @@
+import path from 'node:path';
+import validateNpmPackageName from 'validate-npm-package-name';
+export function validateProjectName(name) {
+    const trimmed = name.trim();
+    if (!trimmed) {
+        return 'Project name is required.';
+    }
+    if (/[\\/]/.test(trimmed)) {
+        return 'Project name cannot contain path separators.';
+    }
+    const result = validateNpmPackageName(trimmed);
+    if (!result.validForNewPackages) {
+        const problems = [...(result.errors ?? []), ...(result.warnings ?? [])];
+        return problems[0] ?? 'Invalid project name.';
+    }
+    return true;
+}
+export function resolveTargetDirectory(cwd, projectName, customPath) {
+    if (customPath?.trim()) {
+        return path.resolve(cwd, customPath.trim());
+    }
+    return path.resolve(cwd, projectName);
+}
+//# sourceMappingURL=validate.js.map

package/dist/utils/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../src/utils/validate.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAE/D,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,2BAA2B,CAAC;IACrC,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC1B,OAAO,8CAA8C,CAAC;IACxD,CAAC;IAED,MAAM,MAAM,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC/C,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAChC,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAuB,CAAC;IAChD,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,GAAW,EACX,WAAmB,EACnB,UAAmB;IAEnB,IAAI,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxC,CAAC"}