campsitejs 0.0.6 → 0.0.7

package/index.js

@@ -109,6 +109,11 @@ async function copyBaseTemplate(targetDir) {
 async function writeConfig(targetDir, answers) {
   const configPath = join(targetDir, "campsite.config.js");
   const primaryEngine = answers.templateEngines[0] || "nunjucks";
+  const photoFormats = answers.photoCompression.length > 0 
+    ? JSON.stringify(answers.photoCompression)
+    : "[]";
+  const compressPhotos = answers.photoCompression.length > 0;
+  
   const config = `export default {
   siteName: "${answers.projectName}",
   srcDir: "src",
@@ -118,6 +123,13 @@ async function writeConfig(targetDir, answers) {
   minifyCSS: ${answers.minifyAssets},
   minifyHTML: ${answers.minifyAssets},
   cacheBustAssets: ${answers.cacheBustAssets}, // Add content hashes to JS/CSS filenames
+  compressPhotos: ${compressPhotos},
+  compressionSettings: {
+    quality: 80,
+    formats: ${photoFormats},
+    inputFormats: [".jpg", ".jpeg", ".png"],
+    preserveOriginal: true
+  },
   integrations: {
     nunjucks: ${answers.templateEngines.includes("nunjucks")},
     liquid: ${answers.templateEngines.includes("liquid")},
@@ -167,10 +179,10 @@ async function updatePackageJson(targetDir, answers) {
   });
 
   if (cssFramework === "tailwind") {
-    devDeps["tailwindcss"] = "^3.4.13";
+    devDeps["tailwindcss"] = "^4.1.18";
     devDeps["npm-run-all"] = "^4.1.5";
-    pkg.scripts["build:css"] = "tailwindcss -c tailwind.config.cjs -i ./src/styles/tailwind.css -o ./public/style.css --minify";
-    pkg.scripts["dev:css"] = "tailwindcss -c tailwind.config.cjs -i ./src/styles/tailwind.css -o ./public/style.css --watch";
+    pkg.scripts["build:css"] = "tailwindcss -i ./src/styles/tailwind.css -o ./public/style.css --minify";
+    pkg.scripts["dev:css"] = "tailwindcss -i ./src/styles/tailwind.css -o ./public/style.css --watch";
     pkg.scripts["dev:site"] = "campsite dev";
     pkg.scripts["dev"] = "npm-run-all -p dev:css dev:site";
     pkg.scripts["prebuild"] = "npm run build:css";
@@ -296,7 +308,6 @@ async function pruneComponents(targetDir, answers) {
 async function pruneCssFramework(targetDir, answers) {
   if (answers.cssFramework === "tailwind") return;
   const tailwindFiles = [
-    join(targetDir, "tailwind.config.cjs"),
     join(targetDir, "src", "styles", "tailwind.css")
   ];
   await Promise.all(tailwindFiles.map((file) => rm(file).catch(() => {})));
@@ -404,6 +415,18 @@ async function main() {
       active: "yes",
       inactive: "no"
     },
+    {
+      type: "multiselect",
+      name: "photoCompression",
+      message: "Photo compression formats",
+      hint: "Use space to toggle, enter to confirm",
+      instructions: false,
+      min: 0,
+      choices: [
+        { title: "WebP", value: ".webp", selected: true },
+        { title: "AVIF", value: ".avif", selected: true }
+      ]
+    },
     {
       type: "select",
       name: "packageManager",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "campsitejs",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "description": "Create a new Campsite static site (campsitejs).",
   "bin": {

package/template/campsite.config.js

@@ -6,7 +6,15 @@ export default {
   markdown: true,
   minifyCSS: false,
   minifyHTML: false,
-  cacheBustAssets: false, // Set to true to add content hashes to JS/CSS filenames
+  cacheBustAssets: false,
+  excludeFiles: ['.pdf'],
+  compressPhotos: false,
+  compressionSettings: {
+    quality: 80,
+    formats: [],
+    inputFormats: [".jpg", ".jpeg", ".png"],
+    preserveOriginal: true
+  },
   integrations: {
     nunjucks: true,
     liquid: false,

package/template/package.json

@@ -4,8 +4,8 @@
   "type": "module",
   "private": true,
   "scripts": {
-    "build:css": "tailwindcss -c tailwind.config.cjs -i ./src/styles/tailwind.css -o ./public/style.css --minify",
-    "dev:css": "tailwindcss -c tailwind.config.cjs -i ./src/styles/tailwind.css -o ./public/style.css --watch",
+    "build:css": "tailwindcss -i ./src/styles/tailwind.css -o ./public/style.css --minify",
+    "dev:css": "tailwindcss -i ./src/styles/tailwind.css -o ./public/style.css --watch",
     "dev:site": "campsite dev",
     "dev": "npm-run-all -p dev:css dev:site",
     "prebuild": "npm run build:css",
@@ -14,10 +14,10 @@
     "postinstall": "npm run build:css"
   },
   "dependencies": {
-    "basecampjs": "^0.0.9"
+    "basecampjs": "^0.0.10"
   },
   "devDependencies": {
     "npm-run-all": "^4.1.5",
-    "tailwindcss": "^3.4.13"
+    "tailwindcss": "^4.1.18"
   }
 }

package/template/src/styles/tailwind.css

@@ -1,6 +1,26 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --color-campfire-50: #fff0e5;
+  --color-campfire-100: #ffe1cc;
+  --color-campfire-200: #ffc499;
+  --color-campfire-300: #ffa666;
+  --color-campfire-400: #ff8833;
+  --color-campfire-500: #ff6a00;
+  --color-campfire-600: #cc5500;
+  --color-campfire-700: #994000;
+  --color-campfire-800: #662b00;
+  --color-campfire-900: #331500;
+  --color-campfire-950: #0a0501;
+
+  --color-grove-ink: #0b0c10;
+  --color-grove-foam: #f4ede0;
+  --color-grove-glow: #f97316;
+  --color-grove-forest: #1f5130;
+
+  --font-family-sans: "Inter", system-ui, -apple-system, sans-serif;
+  --font-family-mono: "JetBrains Mono", Menlo, Consolas, monospace;
+}
 
 @layer base {
   code {

package/template/tailwind.config.cjs

@@ -1,37 +0,0 @@
-module.exports = {
-    content: [
-        "./src/**/*.{html,md,njk,liquid,js,vue}",
-        "./src/**/*.liquid.html",
-        "./public/**/*.{html,js}"
-    ],
-    theme: {
-        extend: {
-            colors: {
-                campfire: {
-                    "50": "#fff0e5",
-                    "100": "#ffe1cc",
-                    "200": "#ffc499",
-                    "300": "#ffa666",
-                    "400": "#ff8833",
-                    "500": "#ff6a00",
-                    "600": "#cc5500",
-                    "700": "#994000",
-                    "800": "#662b00",
-                    "900": "#331500",
-                    "950": "#0a0501"
-                },
-                grove: {
-                    ink: "#0b0c10",
-                    foam: "#f4ede0",
-                    glow: "#f97316",
-                    forest: "#1f5130"
-                }
-            },
-            fontFamily: {
-                sans: ["Inter","system-ui","-apple-system","sans-serif"],
-                mono: ["JetBrains Mono","Menlo","Consolas","monospace"]
-            }
-        }
-    },
-    plugins: []
-};