create-bw-app 0.4.0 → 0.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-bw-app",
   "private": false,
-  "version": "0.4.0",
+  "version": "0.6.0",
   "type": "module",
   "bin": "bin/create-bw-app.mjs",
   "files": [

package/src/constants.mjs

@@ -54,7 +54,7 @@ export const APP_DEPENDENCY_DEFAULTS = {
   "@brightweblabs/module-projects": "^0.1.1",
   "@brightweblabs/ui": "^0.1.0",
   "lucide-react": "^0.562.0",
-  "next": "16.1.1",
+  "next": "16.1.6",
   "react": "19.2.3",
   "react-dom": "19.2.3",
 };
@@ -63,7 +63,7 @@ export const SITE_DEPENDENCY_DEFAULTS = {
   "class-variance-authority": "^0.7.1",
   "clsx": "^2.1.1",
   "lucide-react": "^0.562.0",
-  "next": "16.1.1",
+  "next": "16.1.6",
   "react": "19.2.3",
   "react-dom": "19.2.3",
   "tailwind-merge": "^3.4.0",
@@ -77,12 +77,11 @@ export const APP_DEV_DEPENDENCY_DEFAULTS = {
 };
 
 export const SITE_DEV_DEPENDENCY_DEFAULTS = {
-  "@tailwindcss/postcss": "^4.0.0",
+  "@tailwindcss/postcss": "^4",
   "@types/node": "^20",
   "@types/react": "^19",
   "@types/react-dom": "^19",
-  "postcss": "^8.4.31",
-  "tailwindcss": "^4.0.0",
+  "tailwindcss": "^4",
   "typescript": "^5",
 };
 

package/src/generator.mjs

@@ -185,7 +185,51 @@ function createEnvFileContent({ slug, brandValues, moduleFlags }) {
 }
 
 function createGitignore() {
-  return [".DS_Store", "node_modules", ".next", "dist", "coverage", "*.log", "*.tsbuildinfo", ".env*.local", "!.env.example", ""].join("\n");
+  return [
+    "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.",
+    "",
+    "# dependencies",
+    "/node_modules",
+    "/.pnp",
+    ".pnp.*",
+    ".yarn/*",
+    "!.yarn/patches",
+    "!.yarn/plugins",
+    "!.yarn/releases",
+    "!.yarn/versions",
+    "",
+    "# testing",
+    "/coverage",
+    "",
+    "# next.js",
+    "/.next/",
+    "/out/",
+    "",
+    "# production",
+    "/build",
+    "",
+    "# misc",
+    ".DS_Store",
+    "*.pem",
+    "",
+    "# debug",
+    "npm-debug.log*",
+    "yarn-debug.log*",
+    "yarn-error.log*",
+    ".pnpm-debug.log*",
+    "",
+    "# env files (can opt-in for committing if needed)",
+    ".env*",
+    "!.env.example",
+    "",
+    "# vercel",
+    ".vercel",
+    "",
+    "# typescript",
+    "*.tsbuildinfo",
+    "next-env.d.ts",
+    "",
+  ].join("\n");
 }
 
 function createPlatformReadme({
@@ -302,7 +346,6 @@ function createPackageJson({
         "@types/node": versionMap["@types/node"],
         "@types/react": versionMap["@types/react"],
         "@types/react-dom": versionMap["@types/react-dom"],
-        "postcss": versionMap.postcss,
         "tailwindcss": versionMap.tailwindcss,
         "typescript": versionMap.typescript,
       }),
@@ -341,9 +384,11 @@ function createPackageJson({
     },
     dependencies: sortObjectKeys(dependencies),
     devDependencies: sortObjectKeys({
+      "@tailwindcss/postcss": versionMap["@tailwindcss/postcss"],
       "@types/node": versionMap["@types/node"],
       "@types/react": versionMap["@types/react"],
       "@types/react-dom": versionMap["@types/react-dom"],
+      tailwindcss: versionMap.tailwindcss,
       typescript: versionMap.typescript,
     }),
   };

package/template/base/app/globals.css

@@ -1,15 +1,26 @@
+@import "tailwindcss";
+
 :root {
   color-scheme: light;
-  --bg: #f3efe5;
+  --font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;
+  --font-display: Georgia, "Times New Roman", serif;
+  --background: #f3efe5;
+  --foreground: #18241d;
+  --muted-foreground: #5a665c;
+  --border: rgba(24, 36, 29, 0.12);
   --panel: rgba(255, 255, 255, 0.82);
   --panel-strong: #ffffff;
-  --text: #18241d;
-  --muted: #5a665c;
-  --line: rgba(24, 36, 29, 0.12);
   --accent: #266946;
   --accent-soft: rgba(38, 105, 70, 0.12);
   --danger: #b43f3f;
   --ink-soft: #eef1e8;
+  --ring: rgba(38, 105, 70, 0.28);
+
+  /* Compatibility aliases so both starters expose the same token surface. */
+  --bg: var(--background);
+  --text: var(--foreground);
+  --muted: var(--muted-foreground);
+  --line: var(--border);
 }
 
 * {
@@ -25,7 +36,7 @@ body {
     radial-gradient(circle at 85% 12%, rgba(189, 140, 89, 0.12), transparent 18%),
     linear-gradient(180deg, #faf8f1 0%, var(--bg) 48%, #e8e0cf 100%);
   color: var(--text);
-  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
+  font-family: var(--font-sans), sans-serif;
 }
 
 a {
@@ -108,7 +119,7 @@ input {
 
 .stat-number {
   display: block;
-  font-family: Georgia, "Times New Roman", serif;
+  font-family: var(--font-display), serif;
   font-size: clamp(2rem, 4vw, 3rem);
   line-height: 1;
   letter-spacing: -0.04em;
@@ -135,7 +146,7 @@ input {
 
 .title {
   margin: 0;
-  font-family: Georgia, "Times New Roman", serif;
+  font-family: var(--font-display), serif;
   font-size: clamp(2.4rem, 5.5vw, 4.8rem);
   line-height: 0.92;
   letter-spacing: -0.04em;

package/template/base/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/template/base/tsconfig.json

@@ -28,7 +28,8 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts"
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
   ],
   "exclude": [
     "node_modules"

package/template/site/base/app/globals.css

@@ -8,22 +8,35 @@
   --color-muted-foreground: var(--muted-foreground);
   --color-border: var(--border);
   --color-panel: var(--panel);
+  --color-panel-strong: var(--panel-strong);
   --color-accent: var(--accent);
   --color-accent-soft: var(--accent-soft);
+  --color-danger: var(--danger);
+  --color-ink-soft: var(--ink-soft);
   --color-ring: var(--ring);
 }
 
 :root {
-  --font-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
-  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
-  --background: #f5efe6;
-  --foreground: #1e1e1a;
-  --muted-foreground: #5d5b55;
-  --border: rgba(32, 31, 27, 0.12);
-  --panel: rgba(255, 251, 246, 0.72);
-  --accent: #ab6436;
-  --accent-soft: rgba(171, 100, 54, 0.12);
-  --ring: rgba(171, 100, 54, 0.35);
+  color-scheme: light;
+  --font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;
+  --font-display: Georgia, "Times New Roman", serif;
+  --background: #f3efe5;
+  --foreground: #18241d;
+  --muted-foreground: #5a665c;
+  --border: rgba(24, 36, 29, 0.12);
+  --panel: rgba(255, 255, 255, 0.82);
+  --panel-strong: #ffffff;
+  --accent: #266946;
+  --accent-soft: rgba(38, 105, 70, 0.12);
+  --danger: #b43f3f;
+  --ink-soft: #eef1e8;
+  --ring: rgba(38, 105, 70, 0.28);
+
+  /* Compatibility aliases so both starters expose the same token surface. */
+  --bg: var(--background);
+  --text: var(--foreground);
+  --muted: var(--muted-foreground);
+  --line: var(--border);
 }
 
 * {
@@ -38,9 +51,9 @@ body {
   margin: 0;
   min-height: 100vh;
   background:
-    radial-gradient(circle at top left, rgba(216, 168, 124, 0.18), transparent 22rem),
-    radial-gradient(circle at 85% 15%, rgba(81, 111, 95, 0.14), transparent 16rem),
-    linear-gradient(180deg, #fcf9f4 0%, var(--background) 46%, #ede4d4 100%);
+    radial-gradient(circle at 15% 10%, rgba(126, 170, 112, 0.18), transparent 22rem),
+    radial-gradient(circle at 85% 12%, rgba(189, 140, 89, 0.12), transparent 18rem),
+    linear-gradient(180deg, #faf8f1 0%, var(--background) 48%, #e8e0cf 100%);
   color: var(--foreground);
   font-family: var(--font-sans), sans-serif;
 }
@@ -64,5 +77,5 @@ a {
 }
 
 ::selection {
-  background: rgba(171, 100, 54, 0.18);
+  background: rgba(38, 105, 70, 0.18);
 }

package/template/site/base/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2017",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": false,
+    "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "noEmit": true,
@@ -18,6 +18,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts"],
   "exclude": ["node_modules"]
 }