create-jen-app 1.0.0

package/README.md

@@ -0,0 +1,89 @@
+# create-jen-app
+
+The fastest way to create a beautiful Jen.js application.
+
+## Quick Start
+
+```bash
+npm create jen-app my-app
+cd my-app
+npm run dev
+```
+
+## Usage
+
+```bash
+npm create jen-app [project-name]
+```
+
+### Interactive Prompts
+
+When you run the command, you'll be guided through:
+
+1. **Project Name** - What to call your project
+2. **Template Selection** - The CLI currently offers:
+   - **Static** - Pure SSG with components
+3. **TypeScript** - Enable TypeScript support (recommended)
+4. **Dependencies** - Install npm packages automatically
+5. **Git** - Initialize a git repository
+
+## Templates
+
+### Static Template
+Perfect for marketing sites, blogs, and documentation.
+
+- ⚡ Pure static site generation
+- 📝 Component-based with Preact
+- 🎨 Beautiful dark theme styles
+- 🚀 Zero JavaScript overhead
+
+## Available Commands
+
+All templates come with these npm scripts:
+
+```bash
+npm run dev        # Start development server (port 3000)
+npm run build      # Build for production
+npm run start      # Start production server
+npm run typecheck  # TypeScript type checking (if enabled)
+```
+
+## Features
+
+- 🎨 **Beautiful Dark Theme** - Modern, colorful CLI with no white backgrounds
+- 🚀 **Fast Setup** - Get started in seconds with template selection
+- 📦 **Modern Stack** - Pre-configured and ready to use
+- 🔧 **TypeScript Ready** - Full TypeScript support included
+- 🌈 **Colorful Prompts** - Interactive, beautiful terminal experience
+
+## Project Structure
+
+### Static Template
+```
+my-app/
+├── site/
+│   ├── styles/           # SCSS styles
+│   ├── components/       # Preact components
+│   ├── routes/           # Page routes (file-based)
+│   └── assets/           # Static assets
+├── dist/                 # Build output
+├── jen.config.ts         # Jen.js config
+└── package.json
+```
+
+## Technologies
+
+- [Jen.js](https://github.com/kessud2021/Jen.js) - Web framework
+- [Preact](https://preactjs.com) - Lightweight React alternative
+- [TypeScript](https://www.typescriptlang.org) - Type safety
+- [SCSS](https://sass-lang.com) - Advanced styling
+
+## Documentation
+
+- [Jen.js Docs](https://github.com/kessud2021/Jen.js)
+- [Preact Guide](https://preactjs.com)
+- [TypeScript Handbook](https://www.typescriptlang.org/docs)
+
+## License
+
+MIT - See LICENSE in the Jen.js repository

package/dist/index.js

@@ -0,0 +1,72 @@
+#!/usr/bin/env node
+import d from"fs";import b from"path";import{fileURLToPath as D}from"url";import m from"prompts";var t={primary:e=>`\x1B[38;2;99;102;241m${e}\x1B[0m`,accent:e=>`\x1B[38;2;139;92;246m${e}\x1B[0m`,success:e=>`\x1B[38;2;34;197;94m${e}\x1B[0m`,warning:e=>`\x1B[38;2;251;146;60m${e}\x1B[0m`,error:e=>`\x1B[38;2;239;68;68m${e}\x1B[0m`,cyan:e=>`\x1B[38;2;34;211;238m${e}\x1B[0m`,magenta:e=>`\x1B[38;2;219;39;119m${e}\x1B[0m`,yellow:e=>`\x1B[38;2;250;204;21m${e}\x1B[0m`,bold:e=>`\x1B[1m${e}\x1B[0m`,dim:e=>`\x1B[2m${e}\x1B[0m`,italic:e=>`\x1B[3m${e}\x1B[0m`,underline:e=>`\x1B[4m${e}\x1B[0m`,bgDark:e=>`\x1B[48;2;23;23;23m${e}\x1B[0m`,bgPrimary:e=>`\x1B[48;2;99;102;241m${e}\x1B[0m`,reset:"\x1B[0m"},f={arrow:"\u2192",check:"\u2713",cross:"\u2715",dot:"\u2022",star:"\u2605",sparkles:"\u2728",rocket:"\u{1F680}",folder:"\u{1F4C1}",package:"\u{1F4E6}",code:"\u{1F4BB}"};function v(){let e=`
+${t.accent(t.bold(`
+   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2557     \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 
+   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551    \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557
+   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551    \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D
+   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551    \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2550\u255D 
+   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551    \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551     
+   \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D    \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D     
+`))}
+
+${t.primary(t.bold("Create a beautiful Jen.js application"))}
+${t.dim("v1.0.0")}
+  `;console.log(e)}function j(e){console.log(`
+${t.primary(t.bold(e))}`)}function g(e){console.log(`${t.success(f.check)} ${e}`)}function h(e){console.log(`${t.cyan("\u2139")} ${e}`)}function u(e,n,i){console.log(`${t.primary(`[${e}/${n}]`)} ${t.bold(i)}`)}function w(e){console.log(`
+${t.accent(t.bold("Next steps:"))}`),e.forEach((n,i)=>{console.log(`  ${t.primary(i+1+".")} ${n}`)})}import r from"fs";import s from"path";function S(e,n){if(!r.existsSync(e))return;let i=r.readdirSync(e);for(let o of i){let c=s.join(e,o),a=s.join(n,o);r.statSync(c).isDirectory()?(r.mkdirSync(a,{recursive:!0}),S(c,a)):r.copyFileSync(c,a)}}function k(e,n){let i={},o=s.join(e,"package.json");if(r.existsSync(o)){let p=r.readFileSync(o,"utf-8");i=JSON.parse(p)}let c={...i,name:n.projectName.toLowerCase().replace(/\s+/g,"-"),version:"0.1.0",type:"module",scripts:{...i.scripts,dev:"jen dev",build:"jen build",start:"jen start",...n.typescript&&{typecheck:"tsc --noEmit"}},dependencies:{...i.dependencies,"@jenjs/master":"^1.2.5"},devDependencies:{...i.devDependencies,...n.typescript&&{"@types/node":"^22.10.0",typescript:"^5.7.2"}}};if(r.writeFileSync(s.join(e,"package.json"),JSON.stringify(c,null,2)),n.typescript){let p={compilerOptions:{target:"ES2022",module:"ESNext",moduleResolution:"node",strict:!0,jsx:"react-jsx",jsxImportSource:"preact",lib:["ES2022","DOM","DOM.Iterable"],skipLibCheck:!0,forceConsistentCasingInFileNames:!0,resolveJsonModule:!0,allowImportingTsExtensions:!0},include:["site/**/*"],exclude:["node_modules","dist"]};r.writeFileSync(s.join(e,"tsconfig.json"),JSON.stringify(p,null,2))}let a=`# ${n.projectName}
+
+A beautiful Jen.js application.
+
+## Getting Started
+
+\`\`\`bash
+npm install
+npm run dev
+\`\`\`
+
+## Available Commands
+
+- \`npm run dev\` - Start development server (http://localhost:3000)
+- \`npm run build\` - Build for production
+- \`npm run start\` - Start production server
+${n.typescript?"- `npm run typecheck` - Check TypeScript types\n":""}
+
+## Project Structure
+
+\`\`\`
+src/
+  \u251C\u2500\u2500 styles/          # Global styles
+  \u251C\u2500\u2500 components/      # Preact components
+  \u2514\u2500\u2500 routes/          # Page routes
+dist/                  # Build output
+jen.config.ts          # Jen.js configuration
+\`\`\`
+
+## Learn More
+
+- [Jen.js Documentation](https://github.com/kessud2021/Jen.js)
+- [Preact Documentation](https://preactjs.com)
+
+## License
+
+MIT
+`;r.writeFileSync(s.join(e,"README.md"),a),r.writeFileSync(s.join(e,".env.example"),`# Database
+DATABASE_URL=
+
+# API
+API_SECRET=
+
+# Environment
+NODE_ENV=development
+`);let y=["site/styles","site/components","site/routes","site/assets"];for(let p of y)r.mkdirSync(s.join(e,p),{recursive:!0})}var I=b.dirname(D(import.meta.url));async function P(){v();let e=process.argv[2];e||(e=(await m({type:"text",name:"projectName",message:"Project name",initial:"my-jen-app",validate:$=>$?/^[a-zA-Z0-9._-]+$/.test($)?!0:"Project name can only contain alphanumeric characters, dots, dashes and underscores":"Project name is required"})).projectName);let n=b.resolve(process.cwd(),e);d.existsSync(n)&&((await m({type:"confirm",name:"overwrite",message:`${t.warning(e)} already exists. Overwrite?`,initial:!1})).overwrite||(console.log(`${t.dim("Cancelled")}`),process.exit(0)),d.rmSync(n,{recursive:!0})),j(`${f.sparkles} Configuring your project`);let i=await m({type:"select",name:"template",message:"Select a template",choices:[{title:`${t.accent("Static")} - Pure SSG with components`,value:"static",description:"Fast, lightweight static sites"}]}),o=await m({type:"confirm",name:"typescript",message:"Use TypeScript?",initial:!0}),c=await m({type:"confirm",name:"installDeps",message:"Install dependencies?",initial:!0}),a=await m({type:"confirm",name:"gitInit",message:"Initialize git repository?",initial:!0}),l={projectName:e,template:i.template,typescript:o.typescript,installDeps:c.installDeps,gitInit:a.gitInit};j(`${f.rocket} Creating project`),u(1,4,"Setting up directories"),d.mkdirSync(n,{recursive:!0}),g("Directories created"),u(2,4,"Copying template files");let y=b.join(I,"..","templates",l.template);if(d.existsSync(y)&&S(y,n),g("Template files copied"),u(3,4,"Generating configuration files"),k(n,l),g("Configuration files generated"),l.gitInit){u(4,4,"Initializing git repository");try{let{execSync:x}=await import("child_process");x("git init",{cwd:n,stdio:"pipe"}),d.writeFileSync(b.join(n,".gitignore"),`node_modules/
+dist/
+.jen/
+.env
+.env.local
+.DS_Store
+*.log
+`),g("Git repository initialized")}catch{h("Git initialization skipped")}}console.log(`
+${t.accent(t.bold("\u2728 Your Jen.js app is ready!"))}`);let p=[`${t.cyan(`cd ${e}`)}`,l.installDeps?`${t.cyan("npm run dev")} ${t.dim("to start development server")}`:`${t.cyan("npm install")} then ${t.cyan("npm run dev")}`];w(p),console.log(`
+${t.dim("Happy coding! \u{1F389}")}
+`)}P().catch(e=>{console.error(`
+\u274C Error:`,e.message),process.exit(1)});

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "create-jen-app",
+  "version": "1.0.0",
+  "description": "Create a beautiful Jen.js application with a single command",
+  "type": "module",
+  "bin": {
+    "create-jen-app": "./dist/index.js"
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "esbuild src/index.ts --minify --bundle --platform=node --target=es2022 --format=esm --external:prompts --external:child_process --outfile=dist/index.js && chmod +x dist/index.js",
+    "dev": "tsx src/index.ts"
+  },
+  "keywords": [
+    "jen",
+    "jenjs",
+    "create",
+    "cli",
+    "scaffold",
+    "boilerplate"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kessud2021/Jen.js.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kessud2021/Jen.js/issues"
+  },
+  "homepage": "https://github.com/kessud2021/Jen.js#readme",
+  "license": "GPL-3.0-only",
+  "dependencies": {
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "esbuild": "^0.25.0",
+    "tsx": "^4.7.0",
+    "typescript": "^5.7.2"
+  }
+}

package/templates/static/.esbuild/jen.config.js

@@ -0,0 +1,2 @@
+var e={siteDir:"site",distDir:"dist",routes:{fileExtensions:[".tsx",".jsx",".ts",".js"],routeFilePattern:/^\(([^)]+)\)\.(tsx|jsx|ts|js)$/,enableIndexFallback:!0},rendering:{defaultMode:"ssg",defaultRevalidateSeconds:0},inject:{head:[],bodyEnd:[]},css:{globalScss:"site/styles/global.scss"},assets:{publicDir:"site/assets",cacheControl:"public, max-age=3600"},server:{port:3001,hostname:"localhost"},dev:{liveReload:!0}},s=e;export{s as default};
+//# sourceMappingURL=jen.config.js.map

package/templates/static/.esbuild/jen.config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../jen.config.ts"],
+  "sourcesContent": ["import type { FrameworkConfig } from \"@jenjs/master\";\n\nconst config: FrameworkConfig = {\n  siteDir: \"site\",\n  distDir: \"dist\",\n  routes: {\n    fileExtensions: [\".tsx\", \".jsx\", \".ts\", \".js\"],\n    routeFilePattern: /^\\(([^)]+)\\)\\.(tsx|jsx|ts|js)$/,\n    enableIndexFallback: true\n  },\n  rendering: {\n    defaultMode: \"ssg\",\n    defaultRevalidateSeconds: 0\n  },\n  inject: {\n    head: [],\n    bodyEnd: []\n  },\n  css: {\n    globalScss: \"site/styles/global.scss\"\n  },\n  assets: {\n    publicDir: \"site/assets\",\n    cacheControl: \"public, max-age=3600\"\n  },\n  server: {\n    port: 3001,\n    hostname: \"localhost\"\n  },\n  dev: {\n    liveReload: true\n  }\n};\n\nexport default config;\n"],
+  "mappings": "AAEA,IAAMA,EAA0B,CAC9B,QAAS,OACT,QAAS,OACT,OAAQ,CACN,eAAgB,CAAC,OAAQ,OAAQ,MAAO,KAAK,EAC7C,iBAAkB,iCAClB,oBAAqB,EACvB,EACA,UAAW,CACT,YAAa,MACb,yBAA0B,CAC5B,EACA,OAAQ,CACN,KAAM,CAAC,EACP,QAAS,CAAC,CACZ,EACA,IAAK,CACH,WAAY,yBACd,EACA,OAAQ,CACN,UAAW,cACX,aAAc,sBAChB,EACA,OAAQ,CACN,KAAM,KACN,SAAU,WACZ,EACA,IAAK,CACH,WAAY,EACd,CACF,EAEOC,EAAQD",
+  "names": ["config", "jen_config_default"]
+}

package/templates/static/build.js

@@ -0,0 +1,86 @@
+import { dirname, join } from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { readdir, stat, readFile, writeFile } from "node:fs/promises";
+import esbuild from "esbuild";
+
+const __filename = fileURLToPath(import.meta.url);
+const currentDir = dirname(__filename);
+const rootDir = join(currentDir, "../../../..");
+
+// Embedded Minifier Logic
+const Minifier = {
+  html(input) {
+    return input
+      .replace(/<!--[\s\S]*?-->/g, "")
+      .replace(/>\s+</g, "><")
+      .replace(/\s+/g, " ")
+      .replace(/\s*([{};:,=])\s*/g, "$1")
+      .trim();
+  },
+  css(input) {
+    return input
+      .replace(/\/\*[\s\S]*?\*\//g, "")
+      .replace(/\/\/.*/g, "")
+      .replace(/\s*([{}:;,])\s*/g, "$1")
+      .replace(/\s+/g, " ")
+      .replace(/;\s*}/g, "}")
+      .trim();
+  }
+};
+
+async function main() {
+  console.log("[BUILD] Starting build...");
+
+  const configPath = join(currentDir, "jen.config.ts");
+  const outdir = join(currentDir, ".esbuild");
+  
+  await esbuild.build({
+    entryPoints: [configPath],
+    outdir,
+    format: "esm",
+    platform: "node",
+    target: "es2022",
+    bundle: true,
+    minify: true,
+    sourcemap: true,
+    loader: { ".ts": "ts" },
+    logLevel: "silent"
+  });
+
+  const configFile = join(outdir, "jen.config.js");
+  const config = (await import(pathToFileURL(configFile).href)).default;
+
+  const buildPath = pathToFileURL(join(rootDir, "build/src/build/build.js")).href;
+  const { buildSite } = await import(buildPath);
+
+  await buildSite({ config });
+
+  console.log("[BUILD] Minifying output...");
+  
+  async function minifyDir(dir) {
+    try {
+      const files = await readdir(dir);
+      for (const file of files) {
+        const path = join(dir, file);
+        const s = await stat(path);
+        if (s.isDirectory()) {
+          await minifyDir(path);
+        } else if (file.endsWith(".html")) {
+          const content = await readFile(path, "utf-8");
+          await writeFile(path, Minifier.html(content));
+        } else if (file.endsWith(".css")) {
+          const content = await readFile(path, "utf-8");
+          await writeFile(path, Minifier.css(content));
+        }
+      }
+    } catch (e) {
+      if (e.code !== 'ENOENT') console.warn("Minification warning:", e.message);
+    }
+  }
+
+  await minifyDir(join(currentDir, config.distDir || "dist"));
+
+  console.log("✅ Site built successfully!");
+}
+
+main().catch(console.error);

package/templates/static/dist/index.html

@@ -0,0 +1 @@
+<!doctype html><html><head><link rel="stylesheet" href="/styles.css"></head><body><div id="app"><div class="container"><h1>Jen.js</h1><p>Edit site/(home).tsx to change this page.</p></div></div><script id="__FRAMEWORK_DATA__" type="application/json">{"data":null,"params":{},"query":{}}</script><script type="module"> import{hydrateClient}from "/__runtime/hydrate.js";hydrateClient("/__hydrate?id=route_index");</script></body></html>

package/templates/static/dist/styles.css

@@ -0,0 +1 @@
+body{background-color:#f8fafc;color:#1e293b;font-family:system-ui,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{max-width:600px;padding:2rem;text-align:center}.container h1{color:#2563eb;font-size:3rem;margin-bottom:1rem}.container .card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-top:2rem}.container .card h2{margin-top:0;color:rgb(18.5714285714,76.1428571429,202.4285714286)}.container .card p{color:rgb(64.3820224719,87.9887640449,126.6179775281)}

package/templates/static/jen.config.ts

@@ -0,0 +1,35 @@
+import type { FrameworkConfig } from "@jenjs/master";
+
+const config: FrameworkConfig = {
+  siteDir: "site",
+  distDir: "dist",
+  routes: {
+    fileExtensions: [".tsx", ".jsx", ".ts", ".js"],
+    routeFilePattern: /^\(([^)]+)\)\.(tsx|jsx|ts|js)$/,
+    enableIndexFallback: true
+  },
+  rendering: {
+    defaultMode: "ssg",
+    defaultRevalidateSeconds: 0
+  },
+  inject: {
+    head: [],
+    bodyEnd: []
+  },
+  css: {
+    globalScss: "site/styles/global.scss"
+  },
+  assets: {
+    publicDir: "site/assets",
+    cacheControl: "public, max-age=3600"
+  },
+  server: {
+    port: 3001,
+    hostname: "localhost"
+  },
+  dev: {
+    liveReload: true
+  }
+};
+
+export default config;

package/templates/static/jenjs.d.ts

@@ -0,0 +1,15 @@
+declare module "@jenjs/master" {
+  export * from "@jenjs/master";
+}
+
+declare module "@jenjs/master/config" {
+  export * from "@jenjs/master/config";
+}
+
+declare module "@jenjs/master/compile" {
+  export * from "@jenjs/master/compile";
+}
+
+declare module "@jenjs/master/render" {
+  export * from "@jenjs/master/render";
+}

package/templates/static/node_modules/.bin/esbuild

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" "$@"
+else
+  exec node  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" "$@"
+fi

package/templates/static/node_modules/.bin/esbuild.CMD

@@ -0,0 +1,12 @@
+@SETLOCAL
+@IF NOT DEFINED NODE_PATH (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+) ELSE (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules;%NODE_PATH%"
+)
+@IF EXIST "%~dp0\node.exe" (
+  "%~dp0\node.exe"  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\bin\esbuild" %*
+) ELSE (
+  @SET PATHEXT=%PATHEXT:;.JS;=;%
+  node  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\bin\esbuild" %*
+)

package/templates/static/node_modules/.bin/esbuild.ps1

@@ -0,0 +1,41 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+$pathsep=":"
+$env_node_path=$env:NODE_PATH
+$new_node_path="C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules\esbuild\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\esbuild@0.25.12\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+  $pathsep=";"
+} else {
+  $new_node_path="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/esbuild@0.25.12/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+}
+if ([string]::IsNullOrEmpty($env_node_path)) {
+  $env:NODE_PATH=$new_node_path
+} else {
+  $env:NODE_PATH="$new_node_path$pathsep$env_node_path"
+}
+
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" $args
+  } else {
+    & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/esbuild@0.25.12/node_modules/esbuild/bin/esbuild" $args
+  }
+  $ret=$LASTEXITCODE
+}
+$env:NODE_PATH=$env_node_path
+exit $ret

package/templates/static/node_modules/.bin/tsc

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" "$@"
+fi

package/templates/static/node_modules/.bin/tsc.CMD

@@ -0,0 +1,12 @@
+@SETLOCAL
+@IF NOT DEFINED NODE_PATH (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+) ELSE (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules;%NODE_PATH%"
+)
+@IF EXIST "%~dp0\node.exe" (
+  "%~dp0\node.exe"  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\tsc" %*
+) ELSE (
+  @SET PATHEXT=%PATHEXT:;.JS;=;%
+  node  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\tsc" %*
+)

package/templates/static/node_modules/.bin/tsc.ps1

@@ -0,0 +1,41 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+$pathsep=":"
+$env_node_path=$env:NODE_PATH
+$new_node_path="C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+  $pathsep=";"
+} else {
+  $new_node_path="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+}
+if ([string]::IsNullOrEmpty($env_node_path)) {
+  $env:NODE_PATH=$new_node_path
+} else {
+  $env:NODE_PATH="$new_node_path$pathsep$env_node_path"
+}
+
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" $args
+  } else {
+    & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsc" $args
+  }
+  $ret=$LASTEXITCODE
+}
+$env:NODE_PATH=$env_node_path
+exit $ret

package/templates/static/node_modules/.bin/tsserver

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" "$@"
+fi

package/templates/static/node_modules/.bin/tsserver.CMD

@@ -0,0 +1,12 @@
+@SETLOCAL
+@IF NOT DEFINED NODE_PATH (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+) ELSE (
+  @SET "NODE_PATH=C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules;%NODE_PATH%"
+)
+@IF EXIST "%~dp0\node.exe" (
+  "%~dp0\node.exe"  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\tsserver" %*
+) ELSE (
+  @SET PATHEXT=%PATHEXT:;.JS;=;%
+  node  "%~dp0\..\..\..\..\..\..\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\tsserver" %*
+)

package/templates/static/node_modules/.bin/tsserver.ps1

@@ -0,0 +1,41 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+$pathsep=":"
+$env_node_path=$env:NODE_PATH
+$new_node_path="C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\bin\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules\typescript\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\typescript@5.9.3\node_modules;C:\Users\rejes\Documents\GitHub\Jen.js\node_modules\.pnpm\node_modules"
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+  $pathsep=";"
+} else {
+  $new_node_path="/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/typescript@5.9.3/node_modules:/mnt/c/Users/rejes/Documents/GitHub/Jen.js/node_modules/.pnpm/node_modules"
+}
+if ([string]::IsNullOrEmpty($env_node_path)) {
+  $env:NODE_PATH=$new_node_path
+} else {
+  $env:NODE_PATH="$new_node_path$pathsep$env_node_path"
+}
+
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" $args
+  } else {
+    & "node$exe"  "$basedir/../../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/tsserver" $args
+  }
+  $ret=$LASTEXITCODE
+}
+$env:NODE_PATH=$env_node_path
+exit $ret

package/templates/static/node_modules/.jen/cache/C__Users_rejes_Documents_GitHub_Jen.js_packages_create-jen-app_templates_new-sass-compiler_site_(home).tsx.mjs

@@ -0,0 +1,8 @@
+// site/(home).tsx
+import { h } from "preact";
+function Index() {
+  return /* @__PURE__ */ h("div", { className: "container" }, /* @__PURE__ */ h("h1", null, "Jen.js"), /* @__PURE__ */ h("p", null, "Edit site/(home).tsx to change this page."));
+}
+export {
+  Index as default
+};

package/templates/static/node_modules/.jen/cache/C__Users_rejes_Documents_GitHub_Jen.js_packages_create-jen-app_templates_static_site_(home).tsx.mjs

@@ -0,0 +1,8 @@
+// site/(home).tsx
+import { h } from "preact";
+function Index() {
+  return /* @__PURE__ */ h("div", { className: "container" }, /* @__PURE__ */ h("h1", null, "Jen.js"), /* @__PURE__ */ h("p", null, "Edit site/(home).tsx to change this page."));
+}
+export {
+  Index as default
+};

package/templates/static/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "new-sass-compiler-example",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node server.js dev",
+    "build": "node build.js"
+  },
+  "dependencies": {
+    "@jenjs/master": "^1.2.5",
+    "esbuild": "^0.25.0",
+    "preact": "^10.25.4",
+    "preact-render-to-string": "^6.5.13",
+    "sirv": "^3.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "typescript": "^5.7.2"
+  }
+}

package/templates/static/server.js

@@ -0,0 +1,108 @@
+import { createServer } from "node:http";
+import { dirname, join } from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import esbuild from "esbuild";
+
+const __filename = fileURLToPath(import.meta.url);
+const currentDir = dirname(__filename);
+const rootDir = join(currentDir, "../../../..");
+
+const mode = process.argv[2] ?? "dev";
+const isDev = mode === "dev";
+
+// Embedded Minifier Logic
+const Minifier = {
+  html(input) {
+    return input
+      .replace(/<!--[\s\S]*?-->/g, "")
+      .replace(/>\s+</g, "><")
+      .replace(/\s+/g, " ")
+      .replace(/\s*([{};:,=])\s*/g, "$1")
+      .trim();
+  },
+  css(input) {
+    return input
+      .replace(/\/\*[\s\S]*?\*\//g, "")
+      .replace(/\/\/.*/g, "")
+      .replace(/\s*([{}:;,])\s*/g, "$1")
+      .replace(/\s+/g, " ")
+      .replace(/;\s*}/g, "}")
+      .trim();
+  }
+};
+
+async function main() {
+  console.log(`[SERVER] Starting in ${isDev ? "DEV" : "PROD"} mode...`);
+
+  const configPath = join(currentDir, "jen.config.ts");
+  const outdir = join(currentDir, ".esbuild");
+  
+  await esbuild.build({
+    entryPoints: [configPath],
+    outdir,
+    format: "esm",
+    platform: "node",
+    target: "es2022",
+    minify: true,
+    bundle: true,
+    loader: { ".ts": "ts" },
+    logLevel: "silent"
+  });
+
+  const configFile = join(outdir, "jen.config.js");
+  const config = (await import(pathToFileURL(configFile).href)).default;
+
+  const appPath = pathToFileURL(join(rootDir, "build/src/server/app.js")).href;
+  const { createApp } = await import(appPath);
+
+  // Load banner
+  const bannerPath = pathToFileURL(join(rootDir, "build/src/cli/banner.js")).href;
+  const { printBanner } = await import(bannerPath);
+
+  const app = await createApp({
+    config,
+    mode: isDev ? "dev" : "prod"
+  });
+
+  const server = createServer(async (req, res) => {
+    // Intercept response to minify
+    const originalEnd = res.end;
+    res.end = function(chunk, encoding, callback) {
+      if (chunk) {
+        const type = res.getHeader("content-type");
+        if (typeof type === "string") {
+          if (type.includes("text/html")) {
+            try {
+              chunk = Minifier.html(chunk.toString());
+              res.removeHeader("content-length");
+            } catch (e) {
+              console.error("HTML Minification failed:", e);
+            }
+          } else if (type.includes("text/css")) {
+            try {
+              chunk = Minifier.css(chunk.toString());
+              res.removeHeader("content-length");
+            } catch (e) {
+              console.error("CSS Minification failed:", e);
+            }
+          }
+        }
+      }
+      return originalEnd.call(this, chunk, encoding, callback);
+    };
+
+    try {
+      await app.handle(req, res);
+    } catch (err) {
+      res.statusCode = 500;
+      res.setHeader("content-type", "text/plain; charset=utf-8");
+      res.end("Internal Server Error\n\n" + (err?.stack ?? String(err)));
+    }
+  });
+
+  server.listen(config.server.port, config.server.hostname, () => {
+    printBanner(config.server.port, isDev ? "development" : "production");
+  });
+}
+
+main().catch(console.error);

package/templates/static/site/(home).esbuild.mjs

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+function Index() {
+  return /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Jen.js + SCSS" }),
+    /* @__PURE__ */ jsx("p", { children: "bruh" }),
+    /* @__PURE__ */ jsx("p", { children: "This page is styled using a real SCSS compiler!" }),
+    /* @__PURE__ */ jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Nested Rules" }),
+      /* @__PURE__ */ jsx("p", { children: "I am inside a card with a border and padding." })
+    ] })
+  ] });
+}
+export {
+  Index as default
+};

package/templates/static/site/(home).tsx

@@ -0,0 +1,11 @@
+/** @jsx h */
+import { h } from "preact";
+
+export default function Index() {
+  return (
+    <div className="container">
+      <h1>Jen.js</h1>
+      <p>Edit site/(home).tsx to change this page.</p>
+    </div>
+  );
+}

package/templates/static/site/(index).esbuild.mjs

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+function Index() {
+  return /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Jen.js + SCSS" }),
+    /* @__PURE__ */ jsx("p", { children: "This page is styled using a real SCSS compiler!" }),
+    /* @__PURE__ */ jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Nested Rules" }),
+      /* @__PURE__ */ jsx("p", { children: "I am inside a card with a border and padding." })
+    ] })
+  ] });
+}
+export {
+  Index as default
+};

package/templates/static/site/styles/global.scss

@@ -0,0 +1,43 @@
+$primary: #2563eb;
+$bg: #f8fafc;
+$text: #1e293b;
+
+body {
+  background-color: $bg;
+  color: $text;
+  font-family: system-ui, sans-serif;
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+}
+
+.container {
+  max-width: 600px;
+  padding: 2rem;
+  text-align: center;
+
+  h1 {
+    color: $primary;
+    font-size: 3rem;
+    margin-bottom: 1rem;
+  }
+
+  .card {
+    background: white;
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+    margin-top: 2rem;
+
+    h2 {
+      margin-top: 0;
+      color: darken($primary, 10%);
+    }
+
+    p {
+      color: lighten($text, 20%);
+    }
+  }
+}