balda-js 0.0.1

package/docs/docs/testing/overview.md

@@ -0,0 +1,76 @@
+# Testing Overview
+
+Balda.js provides comprehensive testing capabilities with support for multiple JavaScript runtimes and a powerful MockServer for testing HTTP endpoints without starting a real server.
+
+## Multi-Runtime Support
+
+Balda.js supports testing across multiple JavaScript runtimes:
+
+- **Node.js** - Primary runtime with full feature support
+- **Bun** - Fast alternative runtime with native TypeScript support
+- **Deno** - Modern runtime with built-in security features
+
+## Test Structure
+
+```
+test/
+├── suite/           # Test suites for different features
+│   ├── users.test.ts
+│   ├── upload.test.ts
+│   └── urlencoded.test.ts
+├── controllers/      # Controller implementations for testing
+│   ├── users.ts
+│   ├── file_upload.ts
+│   └── urlencoded.ts
+├── server/          # Test server configuration
+│   ├── instance.ts
+│   └── index.ts
+└── benchmark/       # Performance testing
+    └── index.ts
+```
+
+## Running Tests
+
+### Node.js
+```bash
+# Run all tests
+yarn test
+
+# Run tests in watch mode
+yarn test:watch
+
+# Run tests with coverage
+yarn test:coverage
+```
+
+### Bun
+```bash
+# Run tests with Bun
+yarn test:bun
+```
+
+### Deno
+```bash
+# Run tests with Deno
+yarn test:deno
+```
+
+## Test Scripts
+
+The project includes several test-related scripts:
+
+- `test` - Run tests with Vitest
+- `test:watch` - Run tests in watch mode
+- `test:coverage` - Run tests with coverage reporting
+- `test:bun` - Run tests with Bun
+- `test:deno` - Run tests with Deno
+- `benchmark` - Run performance benchmarks
+
+## Pre-commit Testing
+
+Tests are automatically run on pre-commit hooks across all supported runtimes to ensure compatibility and prevent regressions.
+
+## Next Steps
+
+- [MockServer Guide](./mock-server.md) - Learn how to use MockServer for testing
+- [Testing Examples](./examples.md) - Practical testing examples and patterns

package/docs/docusaurus.config.ts

@@ -0,0 +1,144 @@
+import type * as Preset from "@docusaurus/preset-classic";
+import type { Config } from "@docusaurus/types";
+import { themes as prismThemes } from "prism-react-renderer";
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+const config: Config = {
+  title: "Balda.js",
+  tagline:
+    "Simple cross-runtime, fastapi-inspired Node.js backend framework for Node.js, Bun, and Deno",
+  favicon: "img/favicon.ico",
+
+  // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
+  future: {
+    v4: true, // Improve compatibility with the upcoming Docusaurus v4
+  },
+
+  // Set the production url of your site here
+  url: "https://frasan00.github.io",
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: "/balda-js/",
+
+  // GitHub pages deployment config.
+  // If you aren't using GitHub pages, you don't need these.
+  organizationName: "Frasan00", // Usually your GitHub org/user name.
+  projectName: "balda-js", // Usually your repo name.
+
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
+
+  // Even if you don't use internationalization, you can use this field to set
+  // useful metadata like html lang. For example, if your site is Chinese, you
+  // may want to replace "en" with "zh-Hans".
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
+
+  presets: [
+    [
+      "classic",
+      {
+        docs: {
+          sidebarPath: "./sidebars.ts",
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl: "https://github.com/Frasan00/balda-js/tree/main/docs/",
+        },
+        blog: {
+          showReadingTime: true,
+          feedOptions: {
+            type: ["rss", "atom"],
+            xslt: true,
+          },
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl: "https://github.com/Frasan00/balda-js/tree/main/docs/blog",
+          // Useful options to enforce blogging best practices
+          onInlineTags: "warn",
+          onInlineAuthors: "warn",
+          onUntruncatedBlogPosts: "warn",
+        },
+        theme: {
+          customCss: "./src/css/custom.css",
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    // Replace with your project's social card
+    image: "img/balda-social-card.jpg",
+    navbar: {
+      title: "Balda.js",
+      items: [
+        {
+          type: "docSidebar",
+          sidebarId: "docs",
+          position: "left",
+          label: "Documentation",
+        },
+        // { to: "/blog", label: "Blog", position: "left" },
+        {
+          type: "html",
+          position: "right",
+          value: '<span class="badge badge--secondary">Beta</span>',
+        },
+        {
+          href: "https://github.com/Frasan00/balda-js",
+          label: "GitHub",
+          position: "right",
+        },
+      ],
+    },
+    footer: {
+      style: "dark",
+      links: [
+        {
+          title: "Documentation",
+          items: [
+            {
+              label: "Getting Started",
+              to: "/docs/getting-started/installation",
+            },
+            {
+              label: "Core Concepts",
+              to: "/docs/core-concepts/server",
+            },
+            {
+              label: "Plugins",
+              to: "/docs/plugins/overview",
+            },
+          ],
+        },
+        {
+          title: "Community",
+          items: [
+            {
+              label: "GitHub",
+              href: "https://github.com/Frasan00/balda-js",
+            },
+            {
+              label: "Issues",
+              href: "https://github.com/Frasan00/balda-js/issues",
+            },
+            {
+              label: "Discussions",
+              href: "https://github.com/Frasan00/balda-js/discussions",
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} Balda.js. Built with Docusaurus.`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+      additionalLanguages: ["typescript", "bash", "json"],
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;

package/docs/intro.md

@@ -0,0 +1,78 @@
+---
+sidebar_position: 1
+---
+
+# Welcome to Balda.js
+
+Balda.js is a modern, lightweight backend framework designed for Node.js, Bun, and Deno. It provides a simple and intuitive API for building fast, scalable web applications with TypeScript support.
+
+## Key Features
+
+- **Multi-Runtime Support**: Run on Node.js, Bun, or Deno with the same codebase
+- **Decorator-Based API**: Clean and intuitive decorators for defining routes and controllers
+- **Built-in Plugins**: Comprehensive set of plugins for common web development needs
+- **TypeScript First**: Full TypeScript support with excellent type inference
+- **CLI Tools**: Built-in command-line interface for scaffolding and development
+- **Cron Jobs**: Easy scheduling of background tasks
+- **Validation & Serialization**: Built-in request validation and response serialization
+- **Testing Support**: Mock server for easy testing
+
+## Quick Example
+
+```typescript
+import { Server, controller, get, post } from 'balda-js';
+
+const server = new Server({
+  port: 3000,
+  plugins: {
+    cors: { origin: '*' },
+    json: { sizeLimit: '1mb' }
+  }
+});
+
+@controller('/users')
+export class UsersController {
+  @get('/')
+  async getUsers(req, res) {
+    res.json([{ id: 1, name: 'John' }]);
+  }
+
+  @post('/')
+  async createUser(req, res) {
+    const user = req.body;
+    res.created(user);
+  }
+}
+
+server.listen();
+```
+
+## Why Balda.js?
+
+- **Simple**: Minimal boilerplate, maximum productivity
+- **Fast**: Built for performance with modern JavaScript engines
+- **Flexible**: Plugin architecture allows you to use only what you need
+- **Modern**: Leverages the latest JavaScript features and best practices
+- **Cross-Platform**: Write once, run anywhere with Node.js, Bun, or Deno
+
+## Getting Started
+
+Ready to build your first Balda.js application? Check out our [Quick Start Guide](./getting-started/quick-start) to get up and running in minutes.
+
+## Runtime Support
+
+Balda.js supports multiple JavaScript runtimes:
+
+- **Node.js**: Full support with all features
+- **Bun**: Optimized for Bun's performance benefits
+- **Deno**: Native Deno support with security features
+
+## Community
+
+- [GitHub Repository](https://github.com/Frasan00/balda-js)
+- [Issues & Bug Reports](https://github.com/Frasan00/balda-js/issues)
+- [Discussions](https://github.com/Frasan00/balda-js/discussions)
+
+## License
+
+Balda.js is licensed under the MIT License.

package/docs/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "docs",
+  "version": "0.0.0",
+  "scripts": {
+    "docusaurus": "docusaurus",
+    "start": "docusaurus start",
+    "build": "docusaurus build",
+    "swizzle": "docusaurus swizzle",
+    "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
+    "serve": "docusaurus serve",
+    "write-translations": "docusaurus write-translations",
+    "write-heading-ids": "docusaurus write-heading-ids",
+    "typecheck": "tsc"
+  },
+  "dependencies": {
+    "@docusaurus/core": "3.8.1",
+    "@docusaurus/preset-classic": "3.8.1",
+    "@mdx-js/react": "^3.0.0",
+    "clsx": "^2.0.0",
+    "prism-react-renderer": "^2.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@docusaurus/module-type-aliases": "3.8.1",
+    "@docusaurus/tsconfig": "3.8.1",
+    "@docusaurus/types": "3.8.1",
+    "typescript": "~5.6.2"
+  },
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 3 chrome version",
+      "last 3 firefox version",
+      "last 5 safari version"
+    ]
+  },
+  "engines": {
+    "node": ">=18.0"
+  }
+}

package/docs/sidebars.ts

@@ -0,0 +1,72 @@
+import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+/**
+ * Creating a sidebar enables you to:
+ - create an ordered group of docs
+ - render a sidebar for each doc of that group
+ - provide next/previous navigation
+
+ The sidebars can be generated from the filesystem, or explicitly defined here.
+
+ Create as many sidebars as you want.
+ */
+const sidebars: SidebarsConfig = {
+  docs: [
+    'intro',
+    {
+      type: 'category',
+      label: 'Getting Started',
+      items: [
+        'getting-started/installation',
+        'getting-started/quick-start',
+        'getting-started/configuration',
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Core Concepts',
+      items: [
+        'core-concepts/server',
+        'core-concepts/controllers',
+        'core-concepts/routing',
+        'core-concepts/middleware',
+        'core-concepts/request-response',
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Plugins',
+      items: [
+        'plugins/overview',
+        'plugins/swagger',
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Examples',
+      items: [
+        'examples/rest-api',
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Testing',
+      items: [
+        'testing/overview',
+        'testing/mock-server',
+        'testing/examples',
+      ],
+    },
+    {
+      type: 'category',
+      label: 'Cron',
+      items: [
+        'cron/overview',
+      ],
+    },
+  ],
+};
+
+export default sidebars;

package/docs/static/img/logo.svg

@@ -0,0 +1 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M99 52h84v34H99z"/><path d="M23 163c-7.398 0-13.843-4.027-17.303-10A19.886 19.886 0 0 0 3 163c0 11.046 8.954 20 20 20h20v-20H23z" fill="#3ECC5F"/><path d="M112.98 57.376L183 53V43c0-11.046-8.954-20-20-20H73l-2.5-4.33c-1.112-1.925-3.889-1.925-5 0L63 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L53 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L43 23c-.022 0-.042.003-.065.003l-4.142-4.141c-1.57-1.571-4.252-.853-4.828 1.294l-1.369 5.104-5.192-1.392c-2.148-.575-4.111 1.389-3.535 3.536l1.39 5.193-5.102 1.367c-2.148.576-2.867 3.259-1.296 4.83l4.142 4.142c0 .021-.003.042-.003.064l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 53l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 63l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 73l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 83l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 93l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 103l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 113l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 123l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 133l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 143l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 153l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 163c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20V83l-70.02-4.376A10.645 10.645 0 0 1 103 68c0-5.621 4.37-10.273 9.98-10.624" fill="#3ECC5F"/><path fill="#3ECC5F" d="M143 183h30v-40h-30z"/><path d="M193 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 190.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M153 123h30v-20h-30z"/><path d="M193 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 183 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M63 55.5a2.5 2.5 0 0 1-2.5-2.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5a2.5 2.5 0 1 1-5 0c0-6.893 5.607-12.5 12.5-12.5S65.5 46.107 65.5 53a2.5 2.5 0 0 1-2.5 2.5" fill="#000"/><path d="M103 183h60c11.046 0 20-8.954 20-20V93h-60c-11.046 0-20 8.954-20 20v70z" fill="#FFFF50"/><path d="M168.02 124h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0-49.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 19.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2M183 61.611c-.012 0-.022-.006-.034-.005-3.09.105-4.552 3.196-5.842 5.923-1.346 2.85-2.387 4.703-4.093 4.647-1.889-.068-2.969-2.202-4.113-4.46-1.314-2.594-2.814-5.536-5.963-5.426-3.046.104-4.513 2.794-5.807 5.167-1.377 2.528-2.314 4.065-4.121 3.994-1.927-.07-2.951-1.805-4.136-3.813-1.321-2.236-2.848-4.75-5.936-4.664-2.994.103-4.465 2.385-5.763 4.4-1.373 2.13-2.335 3.428-4.165 3.351-1.973-.07-2.992-1.51-4.171-3.177-1.324-1.873-2.816-3.993-5.895-3.89-2.928.1-4.399 1.97-5.696 3.618-1.232 1.564-2.194 2.802-4.229 2.724a1 1 0 0 0-.072 2c3.017.101 4.545-1.8 5.872-3.487 1.177-1.496 2.193-2.787 4.193-2.855 1.926-.082 2.829 1.115 4.195 3.045 1.297 1.834 2.769 3.914 5.731 4.021 3.103.104 4.596-2.215 5.918-4.267 1.182-1.834 2.202-3.417 4.15-3.484 1.793-.067 2.769 1.35 4.145 3.681 1.297 2.197 2.766 4.686 5.787 4.796 3.125.108 4.634-2.62 5.949-5.035 1.139-2.088 2.214-4.06 4.119-4.126 1.793-.042 2.728 1.595 4.111 4.33 1.292 2.553 2.757 5.445 5.825 5.556l.169.003c3.064 0 4.518-3.075 5.805-5.794 1.139-2.41 2.217-4.68 4.067-4.773v-2z" fill="#000"/><path fill="#3ECC5F" d="M83 183h40v-40H83z"/><path d="M143 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 140.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M83 123h40v-20H83z"/><path d="M133 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 123 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M143 41.75c-.16 0-.33-.02-.49-.05a2.52 2.52 0 0 1-.47-.14c-.15-.06-.29-.14-.431-.23-.13-.09-.259-.2-.38-.31-.109-.12-.219-.24-.309-.38s-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.16.02-.33.05-.49.03-.16.08-.31.139-.47.061-.15.141-.29.231-.43.09-.13.2-.26.309-.38.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.65-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.11.12.22.25.31.38.09.14.17.28.23.43.06.16.11.31.14.47.029.16.05.33.05.49 0 .66-.271 1.31-.73 1.77-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19m20-1.25c-.66 0-1.3-.27-1.771-.73a3.802 3.802 0 0 1-.309-.38c-.09-.14-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.66.27-1.3.729-1.77.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.66-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.459.47.73 1.11.73 1.77 0 .16-.021.33-.05.49-.03.16-.08.32-.14.47-.07.15-.14.29-.23.43-.09.13-.2.26-.31.38-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19" fill="#000"/></g></svg>

package/docs/static/img/undraw_docusaurus_mountain.svg

@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+  <defs>
+    <linearGradient id="mountain-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="sky-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#a8edea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#fed6e3;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Sky background -->
+  <rect width="400" height="300" fill="url(#sky-gradient)"/>
+
+  <!-- Mountains -->
+  <path d="M0,300 L0,200 L50,150 L100,180 L150,120 L200,160 L250,100 L300,140 L350,80 L400,120 L400,300 Z"
+        fill="url(#mountain-gradient)" opacity="0.8"/>
+
+  <!-- Second mountain range -->
+  <path d="M0,300 L0,220 L30,190 L60,210 L90,170 L120,200 L150,160 L180,190 L210,150 L240,180 L270,140 L300,170 L330,130 L360,160 L390,120 L400,140 L400,300 Z"
+        fill="url(#mountain-gradient)" opacity="0.6"/>
+
+  <!-- Sun -->
+  <circle cx="320" cy="80" r="25" fill="#ffd700" opacity="0.8"/>
+
+  <!-- Clouds -->
+  <ellipse cx="100" cy="60" rx="30" ry="15" fill="white" opacity="0.7"/>
+  <ellipse cx="130" cy="60" rx="25" ry="12" fill="white" opacity="0.7"/>
+  <ellipse cx="160" cy="60" rx="20" ry="10" fill="white" opacity="0.7"/>
+
+  <ellipse cx="250" cy="40" rx="20" ry="10" fill="white" opacity="0.6"/>
+  <ellipse cx="270" cy="40" rx="15" ry="8" fill="white" opacity="0.6"/>
+
+  <!-- Ground -->
+  <rect x="0" y="280" width="400" height="20" fill="#8B4513" opacity="0.3"/>
+</svg>