zylaris 1.0.2

package/examples/default/src/app/global.css

@@ -0,0 +1,225 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  line-height: 1.6;
+  color: #333;
+}
+
+.navbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 2rem;
+  background: #1a1a2e;
+  color: white;
+}
+
+.logo {
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: #e94560;
+  text-decoration: none;
+}
+
+.nav-links {
+  display: flex;
+  gap: 1.5rem;
+}
+
+.nav-links a {
+  color: white;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.nav-links a:hover {
+  color: #e94560;
+}
+
+main {
+  min-height: calc(100vh - 140px);
+  padding: 2rem;
+}
+
+footer {
+  text-align: center;
+  padding: 1rem;
+  background: #f5f5f5;
+  color: #666;
+}
+
+.hero {
+  text-align: center;
+  padding: 4rem 2rem;
+}
+
+.hero h1 {
+  font-size: 3rem;
+  margin-bottom: 1rem;
+  background: linear-gradient(135deg, #e94560, #533483);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.hero p {
+  font-size: 1.25rem;
+  color: #666;
+  max-width: 600px;
+  margin: 0 auto 2rem;
+}
+
+.button {
+  display: inline-block;
+  padding: 0.75rem 1.5rem;
+  background: #e94560;
+  color: white;
+  text-decoration: none;
+  border-radius: 0.5rem;
+  transition: background 0.2s;
+}
+
+.button:hover {
+  background: #d63d56;
+}
+
+.counter {
+  text-align: center;
+  padding: 2rem;
+}
+
+.counter h1 {
+  margin-bottom: 1rem;
+}
+
+.counter-value {
+  font-size: 4rem;
+  font-weight: bold;
+  color: #e94560;
+  margin: 1rem 0;
+}
+
+.counter-buttons {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+
+.counter-buttons button {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border: none;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.counter-buttons button:first-child {
+  background: #e94560;
+  color: white;
+}
+
+.counter-buttons button:last-child {
+  background: #533483;
+  color: white;
+}
+
+.counter-buttons button:hover {
+  opacity: 0.9;
+}
+
+/* Counter Page Styles */
+.counter-page {
+  text-align: center;
+  padding: 4rem 2rem;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.counter-page h1 {
+  font-size: 2.5rem;
+  margin-bottom: 2rem;
+  background: linear-gradient(135deg, #e94560, #533483);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.counter-display {
+  background: #f8f9fa;
+  padding: 2rem;
+  border-radius: 1rem;
+  margin-bottom: 2rem;
+}
+
+.counter-display .count {
+  font-size: 3rem;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 0.5rem;
+}
+
+.counter-display .doubled {
+  font-size: 1.5rem;
+  color: #666;
+}
+
+.counter-display span {
+  color: #e94560;
+}
+
+.counter-buttons {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  margin-bottom: 2rem;
+}
+
+.counter-buttons button {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  border: none;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  font-weight: 600;
+}
+
+.counter-buttons button#btn-dec {
+  background: #e94560;
+  color: white;
+}
+
+.counter-buttons button#btn-reset {
+  background: #6c757d;
+  color: white;
+}
+
+.counter-buttons button#btn-inc {
+  background: #28a745;
+  color: white;
+}
+
+.counter-buttons button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.counter-buttons button:active {
+  transform: translateY(0);
+}
+
+.back-link {
+  display: inline-block;
+  color: #533483;
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.2s;
+}
+
+.back-link:hover {
+  color: #e94560;
+}

package/examples/default/src/app/layout.tsx

@@ -0,0 +1,33 @@
+import './global.css';
+
+export const metadata = {
+  title: 'Zylaris Example',
+  description: 'A Zylaris Framework example app',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <nav className="navbar">
+          <a href="/" className="logo">
+            Zylaris
+          </a>
+          <div className="nav-links">
+            <a href="/">Home</a>
+            <a href="/about">About</a>
+            <a href="/counter">Counter</a>
+          </div>
+        </nav>
+        <main>{children}</main>
+        <footer>
+          <p>Built with Zylaris Framework</p>
+        </footer>
+      </body>
+    </html>
+  );
+}

package/examples/default/src/app/page.tsx

@@ -0,0 +1,14 @@
+export default function HomePage() {
+  return (
+    <div className="hero">
+      <h1>Welcome to Zylaris</h1>
+      <p>
+        The Universal Web Framework that combines the best of React, Next.js, and Astro
+        while eliminating their weaknesses.
+      </p>
+      <a href="/counter" className="button">
+        Try the Counter Demo
+      </a>
+    </div>
+  );
+}

package/examples/default/src/entry-client.tsx

@@ -0,0 +1,87 @@
+/**
+ * Client Entry Point
+ */
+
+import { router } from './router';
+
+// Define routes
+router.addRoute('/', () => `
+  <div class="hero">
+    <h1>Welcome to Zylaris</h1>
+    <p>
+      The Universal Web Framework that combines the best of React, Next.js, and Astro
+      while eliminating their weaknesses.
+    </p>
+    <a href="/counter" class="button">Try the Counter Demo</a>
+  </div>
+`);
+
+router.addRoute('/counter', () => `
+  <div class="counter-page">
+    <h1>Counter Demo</h1>
+    <div class="counter-display">
+      <p class="count">Count: <span id="count">0</span></p>
+      <p class="doubled">Doubled: <span id="doubled">0</span></p>
+    </div>
+    <div class="counter-buttons">
+      <button id="btn-dec">-1</button>
+      <button id="btn-reset">Reset</button>
+      <button id="btn-inc">+1</button>
+    </div>
+    <a href="/" class="back-link">← Back to Home</a>
+  </div>
+`);
+
+// Initialize router when DOM is ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initApp);
+} else {
+  initApp();
+}
+
+function initApp() {
+  console.log('Initializing app...');
+  router.init();
+  setupCounter();
+}
+
+function setupCounter() {
+  let count = 0;
+  
+  document.addEventListener('click', (e) => {
+    const target = e.target as HTMLElement;
+    
+    if (target.id === 'btn-inc') {
+      count++;
+      updateCounter();
+    } else if (target.id === 'btn-dec') {
+      count--;
+      updateCounter();
+    } else if (target.id === 'btn-reset') {
+      count = 0;
+      updateCounter();
+    }
+  });
+  
+  function updateCounter() {
+    const countEl = document.getElementById('count');
+    const doubledEl = document.getElementById('doubled');
+    if (countEl) countEl.textContent = String(count);
+    if (doubledEl) doubledEl.textContent = String(count * 2);
+  }
+}
+
+console.log('Client entry loaded');
+
+// HMR support (Vite-compatible)
+declare global {
+  interface ImportMeta {
+    hot?: {
+      accept: () => void;
+    };
+  }
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept();
+}

package/examples/default/src/entry-server.tsx

@@ -0,0 +1,52 @@
+/**
+ * Server Entry Point
+ */
+
+interface RenderContext {
+  url: string;
+  headers: Headers;
+}
+
+export async function render(_ctx: RenderContext): Promise<string> {
+  // Static HTML generation for static adapter
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Zylaris Example</title>
+  <link rel="stylesheet" href="./app/global.css">
+</head>
+<body>
+  <div id="app">
+    <div class="hero">
+      <h1>Welcome to Zylaris</h1>
+      <p>
+        The Universal Web Framework that combines the best of React, Next.js, and Astro
+        while eliminating their weaknesses.
+      </p>
+      <a href="/counter" class="button">
+        Try the Counter Demo
+      </a>
+    </div>
+  </div>
+  <script type="module" src="./entry-client.js"></script>
+</body>
+</html>`;
+}
+
+// For serverless/edge functions
+export default async function handler(request: Request): Promise<Response> {
+  const ctx: RenderContext = {
+    url: request.url,
+    headers: request.headers,
+  };
+  
+  const html = await render(ctx);
+  
+  return new Response(html, {
+    headers: {
+      'content-type': 'text/html;charset=utf-8',
+    },
+  });
+}

package/examples/default/src/router.ts

@@ -0,0 +1,60 @@
+// Simple client-side router
+
+type RouteHandler = () => string;
+
+interface Route {
+  path: string;
+  component: RouteHandler;
+}
+
+class Router {
+  private routes: Map<string, RouteHandler> = new Map();
+
+  addRoute(path: string, handler: RouteHandler) {
+    this.routes.set(path, handler);
+  }
+
+  navigate(path: string) {
+    history.pushState({}, '', path);
+    this.render(path);
+  }
+
+  render(path: string) {
+    console.log('Rendering path:', path);
+    const handler = this.routes.get(path);
+    const app = document.getElementById('app');
+    console.log('App element:', app, 'Handler:', handler);
+    if (app && handler) {
+      app.innerHTML = handler();
+      console.log('Rendered successfully');
+    } else {
+      console.error('Failed to render - app:', !!app, 'handler:', !!handler);
+    }
+  }
+
+  init() {
+    console.log('Router init, current path:', window.location.pathname);
+    
+    // Handle clicks on links
+    document.addEventListener('click', (e) => {
+      const target = e.target as HTMLElement;
+      const link = target.closest('a');
+      
+      if (link && link.href.startsWith(window.location.origin)) {
+        e.preventDefault();
+        const path = link.pathname;
+        this.navigate(path);
+      }
+    });
+
+    // Handle browser back/forward
+    window.addEventListener('popstate', () => {
+      this.render(window.location.pathname);
+    });
+
+    // Initial render
+    this.render(window.location.pathname);
+  }
+}
+
+export const router = new Router();

package/examples/default/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": false,
+    "declaration": true,
+    "sourceMap": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "zylaris",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", ".zylaris"]
+}

package/examples/default/zylaris.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from 'zylaris';
+
+export default defineConfig({
+  runtime: 'node',
+  rendering: {
+    default: 'ssr',
+  },
+  islands: {
+    mode: 'auto',
+  },
+  compiler: {
+    target: 'es2022',
+    minify: true,
+  },
+  server: {
+    port: 3000,
+  },
+  styling: {
+    tailwind: true,
+  },
+  typescript: {
+    strict: true,
+  },
+});

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "zylaris",
+  "version": "1.0.2",
+  "description": "The compiler-driven web framework for the next generation. Zero Virtual DOM, fine-grained reactivity, and stellar performance.",
+  "type": "module",
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev --parallel",
+    "test": "turbo run test",
+    "lint": "turbo run lint",
+    "typecheck": "turbo run typecheck",
+    "clean": "turbo run clean && rm -rf node_modules",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "turbo run build && changeset publish",
+    "publish:npm": "bash scripts/publish.sh",
+    "publish:npm:win": "powershell -ExecutionPolicy Bypass -File scripts/publish.ps1",
+    "publish:dry": "bash scripts/publish.sh patch --dry-run"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "turbo": "^1.12.0",
+    "typescript": "^5.3.3"
+  },
+  "packageManager": "pnpm@8.15.0",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "workspaces": [
+    "packages/*",
+    "templates/*",
+    "examples/*"
+  ]
+}

package/packages/adapter/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@zylaris/adapter",
+  "version": "0.1.0",
+  "description": "Deployment adapters for Zylaris framework - supports every hosting platform",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./static": {
+      "import": "./dist/adapters/static.js",
+      "types": "./dist/adapters/static.d.ts"
+    },
+    "./node": {
+      "import": "./dist/adapters/node.js",
+      "types": "./dist/adapters/node.d.ts"
+    },
+    "./vercel": {
+      "import": "./dist/adapters/vercel.js",
+      "types": "./dist/adapters/vercel.d.ts"
+    },
+    "./netlify": {
+      "import": "./dist/adapters/netlify.js",
+      "types": "./dist/adapters/netlify.d.ts"
+    },
+    "./cloudflare": {
+      "import": "./dist/adapters/cloudflare.js",
+      "types": "./dist/adapters/cloudflare.d.ts"
+    },
+    "./deno": {
+      "import": "./dist/adapters/deno.js",
+      "types": "./dist/adapters/deno.d.ts"
+    },
+    "./bun": {
+      "import": "./dist/adapters/bun.js",
+      "types": "./dist/adapters/bun.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "zylaris": "workspace:*",
+    "@zylaris/server": "workspace:*",
+    "esbuild": "^0.19.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "typescript": "^5.3.0"
+  },
+  "peerDependencies": {
+    "zylaris": "workspace:*"
+  }
+}