@lengkapp/edge 0.0.4 → 0.0.5

package/edge-client.js

@@ -1,279 +1,287 @@
 (() => {
-      'use strict';
+  'use strict';
 
-      const d = document,
-            body = d.body,
-            head = d.head;
+  const d = document,
+    body = d.body,
+    head = d.head;
 
-      // ---------- Constants and caches ----------
-      const VALID_EVENTS = new Set([
-        'click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout',
-        'mouseenter', 'mouseleave', 'mousemove', 'contextmenu',
-        'focus', 'blur', 'focusin', 'focusout',
-        'keydown', 'keyup', 'keypress',
-        'change', 'input', 'submit', 'reset',
-        'load', 'DOMContentLoaded', 'ready',
-        'scroll', 'resize', 'wheel', 'touchstart', 'touchend', 'touchmove',
-        'visible', 'intersect'
-      ]);
+  // ---------- Constants and caches ----------
+  const VALID_EVENTS = new Set([
+    'click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout',
+    'mouseenter', 'mouseleave', 'mousemove', 'contextmenu',
+    'focus', 'blur', 'focusin', 'focusout',
+    'keydown', 'keyup', 'keypress',
+    'change', 'input', 'submit', 'reset',
+    'load', 'DOMContentLoaded', 'ready',
+    'scroll', 'resize', 'wheel', 'touchstart', 'touchend', 'touchmove',
+    'visible', 'intersect'
+  ]);
 
-      // WeakMaps for per‑element caches
-      const triggerCache = new WeakMap();   // element -> Set of event names (lowercase)
-      const targetCache  = new WeakMap();   // element -> target DOM node (resolved)
-      const resourceCache = new Set();      // already injected CSS/JS URLs
+  // WeakMaps for per‑element caches
+  const triggerCache = new WeakMap();   // element -> Set of event names (lowercase)
+  const targetCache = new WeakMap();   // element -> target DOM node (resolved)
+  const resourceCache = new Set();      // already injected CSS/JS URLs
+
+  // ---------- Injected base styles ----------
+  const injectBaseStyles = () => {
+    if (d.getElementById('df-style')) return;
+    const style = d.createElement('style');
+    style.id = 'df-style';
+    style.textContent = `
+.df-skeleton {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
+  background-size: 200% 100%;
+  animation: df-shimmer 1.5s ease-in-out infinite;
+  border-radius: inherit;
+  pointer-events: none;
+  box-sizing: border-box;
+}
+@keyframes df-shimmer {
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+}
 
-      // ---------- Injected base styles ----------
-      const injectBaseStyles = () => {
-        if (d.getElementById('df-style')) return;
-        const style = d.createElement('style');
-        style.id = 'df-style';
-        style.textContent = `
-          .df-skeleton { display:flex; flex-direction:column; gap:8px; padding:10px; }
-          .df-skeleton .df-bar {
-            height:12px; background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);
-            background-size:200% 100%; animation:df-shimmer 1.5s infinite; border-radius:4px;
-          }
-          @keyframes df-shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
           .df-retry {
             display:inline-block; padding:8px 16px; background:#007bff; color:#fff;
             border-radius:4px; cursor:pointer; text-decoration:none; font-size:14px;
           }
           .df-retry:hover { background:#0056b3; }
         `;
-        head.appendChild(style);
-      };
-      injectBaseStyles();
+    head.appendChild(style);
+  };
+  injectBaseStyles();
 
-      // ---------- Pre‑built templates (cloned on use) ----------
-      const skeletonTemplate = d.createElement('template');
-      skeletonTemplate.innerHTML = `
-        <div class="df-skeleton">
-          <div class="df-bar"></div>
-          <div class="df-bar"></div>
-          <div class="df-bar"></div>
-        </div>`;
-      const retryTemplate = d.createElement('template');
-      retryTemplate.innerHTML = `<span class="df-retry">Retry</span>`;
+  // ---------- Pre‑built templates (cloned on use) ----------
+  const skeletonTemplate = d.createElement('template');
+  skeletonTemplate.innerHTML = `
+        <div class="df-skeleton"></div>`;
+  const retryTemplate = d.createElement('template');
+  retryTemplate.innerHTML = `<span class="df-retry">Retry</span>`;
 
-      // ---------- Resource helpers ----------
-      const parseHeaderList = (str) => {
-        if (!str) return [];
-        return str.replace(/^\[|\]$/g, '').split(',')
-                  .map(s => s.trim().replace(/^['"]|['"]$/g, ''))
-                  .filter(Boolean);
-      };
+  // ---------- Resource helpers ----------
+  const parseHeaderList = (str) => {
+    if (!str) return [];
+    return str.replace(/^\[|\]$/g, '').split(',')
+      .map(s => s.trim().replace(/^['"]|['"]$/g, ''))
+      .filter(Boolean);
+  };
 
-      const injectResources = (resources, type) => {
-        resources.forEach(url => {
-          if (resourceCache.has(url)) return;
-          resourceCache.add(url);
-          if (type === 'css') {
-            const link = d.createElement('link');
-            link.rel = 'stylesheet'; link.href = url;
-            head.appendChild(link);
-          } else if (type === 'js') {
-            const script = d.createElement('script');
-            script.src = url;
-            body.appendChild(script);
-          }
-        });
-      };
+  const injectResources = (resources, type) => {
+    resources.forEach(url => {
+      if (resourceCache.has(url)) return;
+      resourceCache.add(url);
+      if (type === 'css') {
+        const link = d.createElement('link');
+        link.rel = 'stylesheet'; link.href = url;
+        head.appendChild(link);
+      } else if (type === 'js') {
+        const script = d.createElement('script');
+        script.src = url;
+        body.appendChild(script);
+      }
+    });
+  };
 
-      // ---------- Visibility helpers ----------
-      const isElementActuallyVisible = (el) => {
-        const style = getComputedStyle(el);
-        if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
-        const rect = el.getBoundingClientRect();
-        return rect.width > 0 && rect.height > 0;
-      };
+  // ---------- Visibility helpers ----------
+  const isElementActuallyVisible = (el) => {
+    const style = getComputedStyle(el);
+    if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
+    const rect = el.getBoundingClientRect();
+    return rect.width > 0 && rect.height > 0;
+  };
 
-      // Shared IntersectionObserver
-      let intersectionObserver = null;
-      const getIO = () => {
-        if (!intersectionObserver) {
-          intersectionObserver = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-              const el = entry.target;
-              const visible = entry.isIntersecting && isElementActuallyVisible(el);
-              if (visible && el.dataset.wasVisible !== 'true') {
-                run(el);
-              }
-              el.dataset.wasVisible = visible ? 'true' : 'false';
-            });
-          }, { threshold: 0 });
-        }
-        return intersectionObserver;
-      };
+  // Shared IntersectionObserver
+  let intersectionObserver = null;
+  const getIO = () => {
+    if (!intersectionObserver) {
+      intersectionObserver = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+          const el = entry.target;
+          const visible = entry.isIntersecting && isElementActuallyVisible(el);
+          if (visible && el.dataset.wasVisible !== 'true') {
+            run(el);
+          }
+          el.dataset.wasVisible = visible ? 'true' : 'false';
+        });
+      }, { threshold: 0 });
+    }
+    return intersectionObserver;
+  };
 
-      // ---------- Core run function ----------
-      const run = async (el) => {
-        if (el.dataset.running === 'true') return;
-        el.dataset.running = 'true';
+  // ---------- Core run function ----------
+  const run = async (el) => {
+    if (el.dataset.running === 'true') return;
+    el.dataset.running = 'true';
 
-        const post = el.hasAttribute('_post');
-        const url = el.getAttribute('_post') || el.getAttribute('_get');
-        let bodyData, headers = {};
+    const post = el.hasAttribute('_post');
+    const url = el.getAttribute('_post') || el.getAttribute('_get');
+    let bodyData, headers = {};
 
-        if (post) {
-          const formId = el.getAttribute('_form');
-          const json = el.getAttribute('_json');
-          if (formId) {
-            const form = d.getElementById(formId);
-            if (form) bodyData = new URLSearchParams(new FormData(form));
-          } else if (json) {
-            bodyData = JSON.stringify(Object.fromEntries(
-              json.split(',').map(name => {
-                const input = d.querySelector(`[name="${name}"]`);
-                return [name, input ? input.value : ''];
-              })
-            ));
-            headers['Content-Type'] = 'application/json';
-          }
-        }
+    if (post) {
+      const formId = el.getAttribute('_form');
+      const json = el.getAttribute('_json');
+      if (formId) {
+        const form = d.getElementById(formId);
+        if (form) bodyData = new URLSearchParams(new FormData(form));
+      } else if (json) {
+        bodyData = JSON.stringify(Object.fromEntries(
+          json.split(',').map(name => {
+            const input = d.querySelector(`[name="${name}"]`);
+            return [name, input ? input.value : ''];
+          })
+        ));
+        headers['Content-Type'] = 'application/json';
+      }
+    }
 
-        // Resolve target (cached)
-        const targetSelector = el.getAttribute('_target');
-        let container = targetCache.get(el);
-        if (!container) {
-          container = targetSelector === 'this' ? el : d.querySelector(targetSelector);
-          if (container) targetCache.set(el, container);
-        }
-        if (!container) {
-          console.warn('Target not found:', targetSelector);
-          el.dataset.running = 'false';
-          return;
-        }
+    // Resolve target (cached)
+    const targetSelector = el.getAttribute('_target');
+    let container = targetCache.get(el);
+    if (!container) {
+      container = targetSelector === 'this' ? el : d.querySelector(targetSelector);
+      if (container) targetCache.set(el, container);
+    }
+    if (!container) {
+      console.warn('Target not found:', targetSelector);
+      el.dataset.running = 'false';
+      return;
+    }
 
-        // Show skeleton (clone template)
-        container.replaceChildren(skeletonTemplate.content.cloneNode(true));
+    container.replaceChildren(skeletonTemplate.content.cloneNode(true));
 
-        try {
-          const res = await fetch(url, { method: post ? 'POST' : 'GET', body: bodyData, headers });
+    try {
+      const res = await fetch(url, { method: post ? 'POST' : 'GET', body: bodyData, headers });
 
-          // Inject resources from headers
-          const css = res.headers.get('x-css-required') || res.headers.get('x-css-requiered');
-          const js  = res.headers.get('x-js-required');
-          if (css) injectResources(parseHeaderList(css), 'css');
-          if (js)  injectResources(parseHeaderList(js), 'js');
+      // Inject resources from headers
+      const css = res.headers.get('x-css-required') || res.headers.get('x-css-requiered');
+      const js = res.headers.get('x-js-required');
+      if (css) injectResources(parseHeaderList(css), 'css');
+      if (js) injectResources(parseHeaderList(js), 'js');
 
-          const text = await res.text();
-          container.innerHTML = text;   // MutationObserver picks up new declarative elements
-        } catch (err) {
-          console.error(err);
-          // Show retry (clone template)
-          const retry = retryTemplate.content.firstElementChild.cloneNode(true);
-          retry.addEventListener('click', (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            run(el);
-          });
-          container.replaceChildren(retry);
-        } finally {
-          el.dataset.running = 'false';
-        }
-      };
+      const text = await res.text();
+      container.innerHTML = text;   // MutationObserver picks up new declarative elements
+    } catch (err) {
+      console.error(err);
+      // Show retry (clone template)
+      const retry = retryTemplate.content.firstElementChild.cloneNode(true);
+      retry.addEventListener('click', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        run(el);
+      });
+      container.replaceChildren(retry);
+    } finally {
+      el.dataset.running = 'false';
+    }
+  };
 
-      // ---------- Trigger parsing and caching ----------
-      const getTriggerEvents = (el) => {
-        let events = triggerCache.get(el);
-        if (events) return events;
-        events = new Set();
-        const attr = el.getAttribute('_trigger');
-        if (attr && attr.trim() !== '') {
-          attr.split(',').forEach(s => {
-            const evt = s.trim().toLowerCase();
-            if (VALID_EVENTS.has(evt)) events.add(evt);
-          });
-        } else {
-          // Default: click (plus load if _target="this")
-          events.add('click');
-          if (el.getAttribute('_target') === 'this') events.add('load');
-        }
-        triggerCache.set(el, events);
-        return events;
-      };
+  // ---------- Trigger parsing and caching ----------
+  const getTriggerEvents = (el) => {
+    let events = triggerCache.get(el);
+    if (events) return events;
+    events = new Set();
+    const attr = el.getAttribute('_trigger');
+    if (attr && attr.trim() !== '') {
+      attr.split(',').forEach(s => {
+        const evt = s.trim().toLowerCase();
+        if (VALID_EVENTS.has(evt)) events.add(evt);
+      });
+    } else {
+      // Default: click (plus load if _target="this")
+      events.add('click');
+      if (el.getAttribute('_target') === 'this') events.add('load');
+    }
+    triggerCache.set(el, events);
+    return events;
+  };
 
-      // ---------- Element initialisation (no per‑element listeners) ----------
-      const initElement = (el) => {
-        if (el.dataset.initialized === 'true') return;
-        el.dataset.initialized = 'true';
+  // ---------- Element initialisation (no per‑element listeners) ----------
+  const initElement = (el) => {
+    if (el.dataset.initialized === 'true') return;
+    el.dataset.initialized = 'true';
 
-        const events = getTriggerEvents(el);
+    const events = getTriggerEvents(el);
 
-        // Handle load / ready immediately
-        if (events.has('load') || events.has('domcontentloaded') || events.has('ready')) {
-          run(el);
-        }
-        // Set up visibility observation
-        if (events.has('visible') || events.has('intersect')) {
-          el.dataset.wasVisible = 'false';
-          getIO().observe(el);
-        }
-        // All other events are handled by the global delegated listener
-      };
+    // Handle load / ready immediately
+    if (events.has('load') || events.has('domcontentloaded') || events.has('ready')) {
+      run(el);
+    }
+    // Set up visibility observation
+    if (events.has('visible') || events.has('intersect')) {
+      el.dataset.wasVisible = 'false';
+      getIO().observe(el);
+    }
+    // All other events are handled by the global delegated listener
+  };
 
-      // ---------- Global event delegation ----------
-      const delegatedEvents = new Set([
-        'click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout',
-        'mouseenter', 'mouseleave', 'mousemove', 'contextmenu',
-        'focus', 'blur', 'focusin', 'focusout',
-        'keydown', 'keyup', 'keypress',
-        'change', 'input', 'submit', 'reset',
-        'scroll', 'resize', 'wheel', 'touchstart', 'touchend', 'touchmove'
-      ]);
+  // ---------- Global event delegation ----------
+  const delegatedEvents = new Set([
+    'click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout',
+    'mouseenter', 'mouseleave', 'mousemove', 'contextmenu',
+    'focus', 'blur', 'focusin', 'focusout',
+    'keydown', 'keyup', 'keypress',
+    'change', 'input', 'submit', 'reset',
+    'scroll', 'resize', 'wheel', 'touchstart', 'touchend', 'touchmove'
+  ]);
 
-      // Attach one listener per event type, passive for scroll‑like events
-      delegatedEvents.forEach(evt => {
-        const isPassive = ['scroll', 'touchstart', 'touchmove', 'touchend', 'wheel'].includes(evt);
-        d.addEventListener(evt, (e) => {
-          const target = e.target;
-          if (!(target instanceof Element)) return;
-          const el = target.closest('[_get], [_post]');
-          if (!el) return;
-          const events = getTriggerEvents(el);
-          if (events.has(evt)) {
-            if (evt === 'click') e.preventDefault();
-            run(el);
-          }
-        }, isPassive ? { passive: true } : false);
-      });
+  // Attach one listener per event type, passive for scroll‑like events
+  delegatedEvents.forEach(evt => {
+    const isPassive = ['scroll', 'touchstart', 'touchmove', 'touchend', 'wheel'].includes(evt);
+    d.addEventListener(evt, (e) => {
+      const target = e.target;
+      if (!(target instanceof Element)) return;
+      const el = target.closest('[_get], [_post]');
+      if (!el) return;
+      const events = getTriggerEvents(el);
+      if (events.has(evt)) {
+        if (evt === 'click') e.preventDefault();
+        run(el);
+      }
+    }, isPassive ? { passive: true } : false);
+  });
 
-      // ---------- MutationObserver (batch processing) ----------
-      let mutationQueue = [];
-      let mutationScheduled = false;
+  // ---------- MutationObserver (batch processing) ----------
+  let mutationQueue = [];
+  let mutationScheduled = false;
 
-      const processMutations = () => {
-        mutationScheduled = false;
-        const nodes = mutationQueue;
-        mutationQueue = [];
-        nodes.forEach(node => {
-          if (node.nodeType !== 1) return;
-          if (node.matches('[_get], [_post]')) initElement(node);
-          node.querySelectorAll('[_get], [_post]').forEach(initElement);
-        });
-      };
+  const processMutations = () => {
+    mutationScheduled = false;
+    const nodes = mutationQueue;
+    mutationQueue = [];
+    nodes.forEach(node => {
+      if (node.nodeType !== 1) return;
+      if (node.matches('[_get], [_post]')) initElement(node);
+      node.querySelectorAll('[_get], [_post]').forEach(initElement);
+    });
+  };
 
-      const mo = new MutationObserver((mutations) => {
-        mutations.forEach(m => {
-          m.addedNodes.forEach(node => {
-            if (node.nodeType === 1) mutationQueue.push(node);
-          });
-        });
-        if (!mutationScheduled) {
-          mutationScheduled = true;
-          Promise.resolve().then(processMutations);
-        }
+  const mo = new MutationObserver((mutations) => {
+    mutations.forEach(m => {
+      m.addedNodes.forEach(node => {
+        if (node.nodeType === 1) mutationQueue.push(node);
       });
-      mo.observe(body, { childList: true, subtree: true });
+    });
+    if (!mutationScheduled) {
+      mutationScheduled = true;
+      Promise.resolve().then(processMutations);
+    }
+  });
+  mo.observe(body, { childList: true, subtree: true });
 
-      // ---------- Initialisation on DOM ready ----------
-      const initAll = () => {
-        d.querySelectorAll('[_get], [_post]').forEach(initElement);
-      };
+  // ---------- Initialisation on DOM ready ----------
+  const initAll = () => {
+    d.querySelectorAll('[_get], [_post]').forEach(initElement);
+  };
 
-      if (d.readyState === 'loading') {
-        d.addEventListener('DOMContentLoaded', initAll, { once: true });
-      } else {
-        initAll();
-      }
-    })();
+  if (d.readyState === 'loading') {
+    d.addEventListener('DOMContentLoaded', initAll, { once: true });
+  } else {
+    initAll();
+  }
+})();

package/edge-server.d.ts

@@ -1,83 +1,148 @@
-export const Fragment: unique symbol;
+// Type definitions for edge-server
 
-export interface JSXNode {
-  type: any;
-  props: Record<string, any>;
-  children: any[];
-  __isJSX: true;
-}
-
-export function jsx(
-  type: any,
-  props?: Record<string, any> | null,
-  ...children: any[]
-): JSXNode;
-
-export function renderToString(node: any): string;
-
-export interface RouteOptions {
-  auth?: boolean | { role?: string; scopes?: string[] };
-  rateLimit?: boolean | { max?: number; window?: number };
-  cors?: boolean | { origin?: string; methods?: string; headers?: string };
-  validate?: (ctx: Context) => boolean | Promise<boolean>;
-  log?: boolean;
-  cache?: boolean | { ttl?: number; staleWhileRevalidate?: number };
-  compress?: boolean;
-}
+/// <reference lib="dom" />
+/// <reference types="@cloudflare/workers-types" />
 
 export class Context {
+  constructor(
+    request: Request,
+    env: any,
+    executionCtx: ExecutionContext,
+    params?: Record<string, string>,
+    parsedUrl?: URL | null
+  );
+
   req: Request;
   env: any;
   executionCtx: ExecutionContext;
   params: Record<string, string>;
   status: number;
   headers: Headers;
+  url: URL;
 
-  constructor(
-    request: Request,
-    env: any,
-    executionCtx: ExecutionContext,
-    params?: Record<string, string>,
-    parsedUrl?: URL
-  );
+  // Private members (not accessible, but present)
+  private _rawCookie: string;
+  private _cookies: Record<string, string> | null;
 
   getCookie(name: string): string | null;
-  get query(): URLSearchParams;
-  setCookie(name: string, value: string, options?: Record<string, any>): void;
-  deleteCookie(name: string, options?: Record<string, any>): void;
+  readonly query: URLSearchParams;
+  setCookie(
+    name: string,
+    value: string,
+    options?: {
+      path?: string;
+      domain?: string;
+      maxAge?: number;
+      expires?: Date;
+      secure?: boolean;
+      httpOnly?: boolean;
+      sameSite?: 'Strict' | 'Lax' | 'None';
+    }
+  ): void;
+  deleteCookie(
+    name: string,
+    options?: {
+      path?: string;
+      domain?: string;
+      secure?: boolean;
+      httpOnly?: boolean;
+      sameSite?: 'Strict' | 'Lax' | 'None';
+    }
+  ): void;
+
   text(data: string, status?: number, headers?: Record<string, string>): Response;
   json(data: any, status?: number, headers?: Record<string, string>): Response;
   html(data: string, status?: number, headers?: Record<string, string>): Response;
+
+  private _buildHeaders(headers: Record<string, string>): Headers;
+}
+
+export const Fragment: unique symbol;
+
+export interface JSXElement {
+  type: any;
+  props: Record<string, any>;
+  children: any[];
+  __isJSX: true;
+}
+
+export function jsx(type: any, props: Record<string, any> | null, ...children: any[]): JSXElement;
+
+export function renderToString(node: any): string;
+
+// Route option interfaces
+
+interface AuthOptions {
+  role?: string;
+  scopes?: string[];
+}
+
+interface RateLimitOptions {
+  max?: number;
+  window?: number;
+}
+
+interface CorsOptions {
+  origin?: string;
+  methods?: string;
+  headers?: string;
+  credentials?: boolean;
+}
+
+interface CacheOptions {
+  ttl?: number;
+  staleWhileRevalidate?: number;
+}
+
+interface RouteOptions {
+  auth?: boolean | AuthOptions;
+  rateLimit?: boolean | RateLimitOptions;
+  cors?: boolean | CorsOptions;
+  validate?: (ctx: Context) => boolean | Promise<boolean>;
+  cache?: boolean | CacheOptions;
+  compress?: boolean;
+  log?: boolean;
 }
 
+type RouteHandler = (ctx: Context) => Response | JSXElement | any | Promise<Response | JSXElement | any>;
+
 export class Edge {
   constructor();
-  authKvBinding: string;
-  rateLimitKvBinding: string;
-  defaults: {
-    cors: { origin: string; methods: string };
-  };
-  scheduledHandler: ((...args: any[]) => void) | null;
-
-  get(path: string, handler: (ctx: Context) => any): void;
-  get(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  post(path: string, handler: (ctx: Context) => any): void;
-  post(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  put(path: string, handler: (ctx: Context) => any): void;
-  put(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  delete(path: string, handler: (ctx: Context) => any): void;
-  delete(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  patch(path: string, handler: (ctx: Context) => any): void;
-  patch(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  options(path: string, handler: (ctx: Context) => any): void;
-  options(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  head(path: string, handler: (ctx: Context) => any): void;
-  head(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  scheduled(handler: (...args: any[]) => void): void;
-
-  fetch(
-    request: Request,
-    env: any,
-    executionCtx: ExecutionContext
-  ): Promise<Response>;
+
+  // Route registration methods
+  get(path: string, handler: RouteHandler): void;
+  get(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  post(path: string, handler: RouteHandler): void;
+  post(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  put(path: string, handler: RouteHandler): void;
+  put(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  delete(path: string, handler: RouteHandler): void;
+  delete(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  patch(path: string, handler: RouteHandler): void;
+  patch(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  options(path: string, handler: RouteHandler): void;
+  options(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  head(path: string, handler: RouteHandler): void;
+  head(path: string, options: boolean | RouteOptions, handler: RouteHandler): void;
+
+  scheduled(handler: (controller: ScheduledController, env: any, ctx: ExecutionContext) => void | Promise<void>): void;
+
+  // Main fetch handler
+  fetch(request: Request, env: any, executionCtx: ExecutionContext): Promise<Response>;
+}
+
+// JSX namespace support
+declare global {
+  namespace JSX {
+    interface Element extends JSXElement {}
+    interface IntrinsicElements {
+      [elemName: string]: any;
+    }
+  }
 }

package/edge-server.js

@@ -91,6 +91,8 @@ class Context {
 
 export const Fragment = Symbol('Fragment');
 
+// ---------- JSX Runtime ----------
+
 export function jsx(type, props, ...children) {
   const normalizedProps = props || {};
   const flatChildren = children.flat(Infinity);
@@ -102,6 +104,70 @@ export function jsx(type, props, ...children) {
   };
 }
 
+// HTML void elements that cannot have children
+const VOID_ELEMENTS = new Set([
+  'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+  'link', 'meta', 'param', 'source', 'track', 'wbr'
+]);
+
+// Boolean HTML attributes that should be rendered without a value when true
+const BOOLEAN_ATTRIBUTES = new Set([
+  'allowfullscreen', 'async', 'autofocus', 'autoplay', 'checked',
+  'controls', 'default', 'defer', 'disabled', 'formnovalidate',
+  'hidden', 'inert', 'ismap', 'itemscope', 'loop', 'multiple',
+  'muted', 'nomodule', 'novalidate', 'open', 'playsinline',
+  'readonly', 'required', 'reversed', 'selected'
+]);
+
+// CSS properties that do not require a unit when numeric
+const UNITLESS_PROPERTIES = new Set([
+  'animation-iteration-count', 'border-image-outset', 'border-image-slice',
+  'border-image-width', 'box-flex', 'box-flex-group', 'box-ordinal-group',
+  'column-count', 'columns', 'flex', 'flex-grow', 'flex-positive',
+  'flex-shrink', 'flex-negative', 'flex-order', 'grid-row', 'grid-row-end',
+  'grid-row-span', 'grid-row-start', 'grid-column', 'grid-column-end',
+  'grid-column-span', 'grid-column-start', 'font-weight', 'line-clamp',
+  'line-height', 'opacity', 'order', 'orphans', 'tab-size', 'widows',
+  'z-index', 'zoom', 'fill-opacity', 'flood-opacity', 'stop-opacity',
+  'stroke-dasharray', 'stroke-dashoffset', 'stroke-miterlimit',
+  'stroke-opacity', 'stroke-width'
+]);
+
+function escapeHtml(str) {
+  const HTML_ESCAPE_MAP = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#039;'
+  };
+  return str.replace(/[&<>"']/g, char => HTML_ESCAPE_MAP[char]);
+}
+
+function camelToKebab(str) {
+  return str
+    .replace(/([A-Z])/g, '-$1')
+    .toLowerCase()
+    .replace(/^-/, '');
+}
+
+function styleObjectToString(style) {
+  if (!style || typeof style !== 'object') return '';
+  const entries = Object.entries(style);
+  if (entries.length === 0) return '';
+  return entries
+    .map(([prop, value]) => {
+      // Convert camelCase to kebab-case, handling vendor prefixes
+      let kebabProp = camelToKebab(prop);
+      // Add px unit for numeric values unless property is unitless
+      if (typeof value === 'number' && !UNITLESS_PROPERTIES.has(kebabProp)) {
+        value = `${value}px`;
+      }
+      return `${kebabProp}:${value}`;
+    })
+    .join(';');
+}
+
 export function renderToString(node) {
   if (node == null || typeof node === 'boolean') return '';
   if (typeof node === 'string' || typeof node === 'number') {
@@ -137,53 +203,73 @@ export function renderToString(node) {
     return renderToString(componentResult);
   }
 
+  // Handle void elements: they cannot have children
+  const isVoid = VOID_ELEMENTS.has(type);
+
   const attrsParts = [];
   for (const key in props) {
-    if (key === 'children') continue;
+    if (key === 'children' || key === 'key' || key === 'ref') continue;
     const value = props[key];
+
+    // Skip null/undefined/false
     if (value == null || value === false) continue;
-    if (key === 'className') {
-      attrsParts.push(` class="${escapeHtml(value)}"`);
-    } else if (key === 'htmlFor') {
-      attrsParts.push(` for="${escapeHtml(value)}"`);
-    } else if (key.startsWith('on') && typeof value === 'function') {
+
+    // dangerouslySetInnerHTML will be handled separately
+    if (key === 'dangerouslySetInnerHTML') continue;
+
+    // Attribute name mapping
+    let attrName = key;
+    if (key === 'className' || key === 'class') {
+      attrName = 'class';
+    } else if (key === 'htmlFor' || key === 'for') {
+      attrName = 'for';
+    }
+
+    // Boolean attributes: if true, just the attribute name; if false, skip
+    if (BOOLEAN_ATTRIBUTES.has(attrName)) {
+      if (value === true) {
+        attrsParts.push(` ${attrName}`);
+      }
       continue;
-    } else if (key === 'style' && typeof value === 'object') {
-      const styleStr = Object.entries(value)
-        .map(([prop, val]) => `${camelToKebab(prop)}:${val}`)
-        .join(';');
-      attrsParts.push(` style="${escapeHtml(styleStr)}"`);
-    } else if (value === true) {
-      attrsParts.push(` ${key}`);
-    } else {
-      attrsParts.push(` ${key}="${escapeHtml(String(value))}"`);
     }
-  }
-  const attrs = attrsParts.join('');
 
-  const childParts = [];
-  for (let i = 0; i < children.length; i++) {
-    childParts.push(renderToString(children[i]));
-  }
-  const innerHTML = childParts.join('');
+    // Non-boolean attribute with true -> render as "true"
+    if (value === true) {
+      attrsParts.push(` ${attrName}="true"`);
+      continue;
+    }
 
-  return `<${type}${attrs}>${innerHTML}</${type}>`;
-}
+    // Style object handling
+    if (attrName === 'style' && typeof value === 'object') {
+      const styleStr = styleObjectToString(value);
+      if (styleStr) {
+        attrsParts.push(` style="${escapeHtml(styleStr)}"`);
+      }
+      continue;
+    }
 
-const HTML_ESCAPE_MAP = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&quot;',
-  "'": '&#039;'
-};
+    // Regular attribute
+    attrsParts.push(` ${attrName}="${escapeHtml(String(value))}"`);
+  }
+  const attrs = attrsParts.join('');
 
-function escapeHtml(str) {
-  return str.replace(/[&<>"']/g, char => HTML_ESCAPE_MAP[char]);
-}
+  // Handle dangerouslySetInnerHTML
+  let innerHTML = '';
+  if (props && props.dangerouslySetInnerHTML && props.dangerouslySetInnerHTML.__html != null) {
+    innerHTML = props.dangerouslySetInnerHTML.__html;
+  } else {
+    const childParts = [];
+    for (let i = 0; i < children.length; i++) {
+      childParts.push(renderToString(children[i]));
+    }
+    innerHTML = childParts.join('');
+  }
 
-function camelToKebab(str) {
-  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (isVoid) {
+    return `<${type}${attrs}/>`;
+  } else {
+    return `<${type}${attrs}>${innerHTML}</${type}>`;
+  }
 }
 
 // ---------- Trie-based router for dynamic routes ----------
@@ -397,7 +483,6 @@ export class Edge {
     const { ttl = 3600, staleWhileRevalidate = 0 } = options;
     const cache = caches.default;
     const responseClone = response.clone();
-    // Modify the clone's headers directly instead of creating a new Response
     responseClone.headers.set('Cache-Control', `max-age=${ttl}${staleWhileRevalidate > 0 ? `, stale-while-revalidate=${staleWhileRevalidate}` : ''}`);
     responseClone.headers.delete('Set-Cookie');
     await cache.put(request, responseClone);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lengkapp/edge",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Edge framework used by Lengkapp",
   "main": "edge-server.js",
   "types": "./edge-server.d.ts",
@@ -18,25 +18,13 @@
       "types": "./edge-server.d.ts",
       "default": "./edge-server.js"
     },
-    "./client.min": {
-      "types": "./client.min.d.ts",
-      "default": "./edge-client.min.js"
-    },
-    "./server.min": {
-      "types": "./server.min.d.ts",
-      "default": "./edge-server.min.js"
-    },
     "./package.json": "./package.json"
   },
   "files": [
     "edge-client.js",
-    "edge-client.min.js",
-    "edge-server.js",
-    "edge-server.min.js",
-    "edge-server.d.ts",
-    "server.min.d.ts",
     "edge-client.d.ts",
-    "client.min.d.ts"
+    "edge-server.js",
+    "edge-server.d.ts"    
   ],
   "scripts": {
     "test": "echo \"No tests yet\""

package/client.min.d.ts

@@ -1,3 +0,0 @@
-// Type declarations for @lengkapp/edge/client.min
-// The client script is a side‑effect module with no exports.
-export {};

package/edge-client.min.js

@@ -1 +0,0 @@
-(()=>{'use strict';const d=document,b=d.body,h=d.head,V=new Set(['click','dblclick','mousedown','mouseup','mouseover','mouseout','mouseenter','mouseleave','mousemove','contextmenu','focus','blur','focusin','focusout','keydown','keyup','keypress','change','input','submit','reset','load','DOMContentLoaded','ready','scroll','resize','wheel','touchstart','touchend','touchmove','visible','intersect']),T=new WeakMap,C=new WeakMap,R=new Set;if(!d.getElementById('s')){let s=d.createElement('style');s.id='s';s.textContent='.sk{display:flex;flex-direction:column;gap:8px;padding:10px}.sk .b{height:12px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:sh 1.5s infinite;border-radius:4px}@keyframes sh{0%{background-position:-200% 0}100%{background-position:200% 0}}.rt{display:inline-block;padding:8px 16px;background:#007bff;color:#fff;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px}.rt:hover{background:#0056b3}';h.appendChild(s)}let skT=d.createElement('template');skT.innerHTML='<div class="sk"><div class="b"></div><div class="b"></div><div class="b"></div></div>';let rtT=d.createElement('template');rtT.innerHTML='<span class="rt">Retry</span>';const phl=s=>{if(!s)return[];return s.replace(/^\[|\]$/g,'').split(',').map(x=>x.trim().replace(/^['"]|['"]$/g,'')).filter(Boolean)},inj=(r,t)=>{r.forEach(u=>{if(R.has(u))return;R.add(u);if(t==='css'){let l=d.createElement('link');l.rel='stylesheet';l.href=u;h.appendChild(l)}else if(t==='js'){let s=d.createElement('script');s.src=u;b.appendChild(s)}})},vis=el=>{let st=getComputedStyle(el);if(st.display==='none'||st.visibility==='hidden'||st.opacity==='0')return false;let r=el.getBoundingClientRect();return r.width>0&&r.height>0};let io=null;const gio=()=>{if(!io){io=new IntersectionObserver(es=>{es.forEach(e=>{let el=e.target,v=e.isIntersecting&&vis(el);if(v&&el.dataset.wasVisible!=='true')run(el);el.dataset.wasVisible=v?'true':'false'})},{threshold:0})}return io};const run=async el=>{if(el.dataset.running==='true')return;el.dataset.running='true';let post=el.hasAttribute('_post'),url=el.getAttribute('_post')||el.getAttribute('_get'),bd,hd={};if(post){let fid=el.getAttribute('_form'),js=el.getAttribute('_json');if(fid){let f=d.getElementById(fid);if(f)bd=new URLSearchParams(new FormData(f))}else if(js){bd=JSON.stringify(Object.fromEntries(js.split(',').map(n=>{let i=d.querySelector(`[name="${n}"]`);return[n,i?i.value:'']})));hd['Content-Type']='application/json'}}let ts=el.getAttribute('_target'),ct=C.get(el);if(!ct){ct=ts==='this'?el:d.querySelector(ts);if(ct)C.set(el,ct)}if(!ct){console.warn('Target not found:',ts);el.dataset.running='false';return}ct.replaceChildren(skT.content.cloneNode(true));try{let res=await fetch(url,{method:post?'POST':'GET',body:bd,headers:hd});let css=res.headers.get('x-css-required')||res.headers.get('x-css-requiered'),js=res.headers.get('x-js-required');if(css)inj(phl(css),'css');if(js)inj(phl(js),'js');ct.innerHTML=await res.text()}catch(e){console.error(e);let rt=rtT.content.firstElementChild.cloneNode(true);rt.addEventListener('click',ev=>{ev.preventDefault();ev.stopPropagation();run(el)});ct.replaceChildren(rt)}finally{el.dataset.running='false'}};const gte=el=>{let ev=T.get(el);if(ev)return ev;ev=new Set;let a=el.getAttribute('_trigger');if(a&&a.trim()){a.split(',').forEach(s=>{let e=s.trim().toLowerCase();if(V.has(e))ev.add(e)})}else{ev.add('click');if(el.getAttribute('_target')==='this')ev.add('load')}T.set(el,ev);return ev};const init=el=>{if(el.dataset.initialized==='true')return;el.dataset.initialized='true';let evs=gte(el);if(evs.has('load')||evs.has('domcontentloaded')||evs.has('ready'))run(el);if(evs.has('visible')||evs.has('intersect')){el.dataset.wasVisible='false';gio().observe(el)}};const delegated=['click','dblclick','mousedown','mouseup','mouseover','mouseout','mouseenter','mouseleave','mousemove','contextmenu','focus','blur','focusin','focusout','keydown','keyup','keypress','change','input','submit','reset','scroll','resize','wheel','touchstart','touchend','touchmove'];delegated.forEach(ev=>{let pass=['scroll','touchstart','touchmove','touchend','wheel'].includes(ev);d.addEventListener(ev,e=>{let t=e.target;if(!(t instanceof Element))return;let el=t.closest('[_get],[_post]');if(!el)return;let evs=gte(el);if(evs.has(ev)){if(ev==='click')e.preventDefault();run(el)}},pass?{passive:true}:false)});let mq=[],ms=false;const pm=()=>{ms=false;let nodes=mq;mq=[];nodes.forEach(n=>{if(n.nodeType!==1)return;if(n.matches('[_get],[_post]'))init(n);n.querySelectorAll('[_get],[_post]').forEach(init)})};new MutationObserver(ms=>{ms.forEach(m=>m.addedNodes.forEach(n=>{if(n.nodeType===1)mq.push(n)}));if(!ms){ms=true;Promise.resolve().then(pm)}}).observe(b,{childList:true,subtree:true});const initAll=()=>d.querySelectorAll('[_get],[_post]').forEach(init);if(d.readyState==='loading')d.addEventListener('DOMContentLoaded',initAll,{once:true});else initAll()})();

package/edge-server.min.js

@@ -1,12 +0,0 @@
-class Context{constructor(r,e,x,p={},u=null){this.req=r;this.env=e;this.executionCtx=x;this.params=p;this.status=200;this.headers=new Headers;this._rawCookie=r.headers.get("Cookie")||"";this._cookies=null;this.url=u||new URL(r.url)}_ensureCookies(){if(this._cookies===null){let c={};if(this._rawCookie){for(const p of this._rawCookie.split(";")){const t=p.trim();if(!t)continue;const i=t.indexOf("=");if(i>0){const n=decodeURIComponent(t.slice(0,i)),v=decodeURIComponent(t.slice(i+1));c[n]=v}}}this._cookies=c}return this._cookies}getCookie(n){return this._ensureCookies()[n]??null}get query(){return this.url.searchParams}setCookie(n,v,o={}){let c=`${encodeURIComponent(n)}=${encodeURIComponent(v)}`;if(o.path)c+=`; Path=${o.path}`;if(o.domain)c+=`; Domain=${o.domain}`;if(o.maxAge!==undefined)c+=`; Max-Age=${o.maxAge}`;if(o.expires)c+=`; Expires=${o.expires.toUTCString()}`;if(o.secure)c+=`; Secure`;if(o.httpOnly)c+=`; HttpOnly`;if(o.sameSite)c+=`; SameSite=${o.sameSite}`;this.headers.append("Set-Cookie",c)}deleteCookie(n,o={}){this.setCookie(n,"",{...o,maxAge:0,expires:new Date(0)})}text(d,s=this.status,h={}){const r=this._buildHeaders(h);r.set("Content-Type","text/plain");return new Response(d,{status:s,headers:r})}json(d,s=this.status,h={}){const r=this._buildHeaders(h);r.set("Content-Type","application/json");return new Response(JSON.stringify(d),{status:s,headers:r})}html(d,s=this.status,h={}){const r=this._buildHeaders(h);r.set("Content-Type","text/html");return new Response(d,{status:s,headers:r})}_buildHeaders(h){if(Object.keys(h).length===0)return this.headers;const r=new Headers(this.headers);for(const k in h)if(Object.prototype.hasOwnProperty.call(h,k))r.set(k,h[k]);return r}}
-const Fragment=Symbol("Fragment");
-function jsx(t,p,...c){const n=p||{},f=c.flat(1/0);return{type:t,props:n,children:f,__isJSX:!0}}
-function renderToString(n){if(n==null||typeof n=="boolean")return"";if(typeof n=="string"||typeof n=="number")return escapeHtml(String(n));if(Array.isArray(n)){const a=[];for(let i=0;i<n.length;i++)a.push(renderToString(n[i]));return a.join("")}if(!n.__isJSX)return escapeHtml(String(n));const{type:t,props:p,children:c}=n;if(t===Fragment){const a=[];for(let i=0;i<c.length;i++)a.push(renderToString(c[i]));return a.join("")}if(typeof t=="symbol")return"";if(typeof t=="function")return renderToString(t({...p,children:c}));const ap=[];for(const k in p){if(k==="children")continue;const v=p[k];if(v==null||v===!1)continue;if(k==="className")ap.push(` class="${escapeHtml(v)}"`);else if(k==="htmlFor")ap.push(` for="${escapeHtml(v)}"`);else if(k.startsWith("on")&&typeof v=="function")continue;else if(k==="style"&&typeof v=="object"){const s=Object.entries(v).map(([a,b])=>`${camelToKebab(a)}:${b}`).join(";");ap.push(` style="${escapeHtml(s)}"`)}else if(v===!0)ap.push(` ${k}`);else ap.push(` ${k}="${escapeHtml(String(v))}"`)}const at=ap.join(""),cp=[];for(let i=0;i<c.length;i++)cp.push(renderToString(c[i]));return `<${t}${at}>${cp.join("")}</${t}>`}
-const HTML_ESCAPE_MAP={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};
-function escapeHtml(s){return s.replace(/[&<>"']/g,c=>HTML_ESCAPE_MAP[c])}
-function camelToKebab(s){return s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}
-class TrieNode{constructor(){this.children=new Map;this.paramChild=null;this.paramName=null;this.handler=null}}
-class RouteTrie{constructor(){this.root=new TrieNode}add(p,h,o){const s=p.split("/").filter(Boolean);let n=this.root;for(const seg of s){if(seg.startsWith(":")){if(!n.paramChild){n.paramChild=new TrieNode;n.paramName=seg.slice(1)}n=n.paramChild}else{if(!n.children.has(seg))n.children.set(seg,new TrieNode);n=n.children.get(seg)}}n.handler={handler:h,options:o}}match(p){const s=p.split("/").filter(Boolean);let n=this.root;const pr={};for(const seg of s){if(n.children.has(seg))n=n.children.get(seg);else if(n.paramChild){pr[n.paramName]=seg;n=n.paramChild}else return null}return n.handler?{handler:n.handler.handler,options:n.handler.options,params:pr}:null}}
-const HTTP_METHODS=["GET","POST","PUT","DELETE","PATCH","OPTIONS","HEAD"];
-class Edge{constructor(){this.staticRoutes=new Map;for(const m of HTTP_METHODS)this.staticRoutes.set(m,new Map);this.dynamicTries={};for(const m of HTTP_METHODS)this.dynamicTries[m]=new RouteTrie;this.authKvBinding="AUTH_KV";this.rateLimitKvBinding="RATE_LIMIT_KV";this.defaults={cors:{origin:"*",methods:"GET, POST, PUT, DELETE, PATCH, OPTIONS, HEAD"}};this.scheduledHandler=null}_addRoute(m,p,o,h){if(typeof o=="boolean")o={auth:o};if(typeof o=="function"){h=o;o={}}if(typeof h!="function")throw new Error(`Handler for ${m} ${p} must be a function`);const mo={...this.defaults,...(o||{})};if(!p.includes(":"))this.staticRoutes.get(m).set(p,{handler:h,options:mo});else this.dynamicTries[m].add(p,h,mo)}get(p,o,h){this._addRoute("GET",p,o,h)}post(p,o,h){this._addRoute("POST",p,o,h)}put(p,o,h){this._addRoute("PUT",p,o,h)}delete(p,o,h){this._addRoute("DELETE",p,o,h)}patch(p,o,h){this._addRoute("PATCH",p,o,h)}options(p,o,h){this._addRoute("OPTIONS",p,o,h)}head(p,o,h){this._addRoute("HEAD",p,o,h)}scheduled(h){this.scheduledHandler=h}async _processAuth(c,f){if(!f)return!0;const t=c.getCookie("auth_token")||c.req.headers.get("Authorization")?.replace(/^Bearer\s+/i,"");if(!t)return!1;const kv=c.env[this.authKvBinding];if(!kv)return!1;const d=await kv.get(t);if(!d)return!1;if(typeof f=="object"){try{const pl=JSON.parse(d);if(f.role&&pl.role!==f.role)return!1;if(f.scopes){const us=pl.scopes||[];if(!f.scopes.every(s=>us.includes(s)))return!1}}catch{}}return!0}async _processRateLimit(c,f){if(!f)return!0;const o=f===!0?{}:f,{max=100,window=60}=o;const key=`rl:${c.req.headers.get("CF-Connecting-IP")||"unknown"}`;const kv=c.env[this.rateLimitKvBinding];if(!kv)return!0;let cnt=await kv.get(key,"json")||0;if(cnt>=max)return!1;cnt++;await kv.put(key,JSON.stringify(cnt),{expirationTtl:window});return!0}_processCors(c,f){if(!f)return;const o=typeof f=="object"?f:this.defaults.cors;c.headers.set("Access-Control-Allow-Origin",o.origin||"*");c.headers.set("Access-Control-Allow-Methods",o.methods||"GET, POST, PUT, DELETE, PATCH, OPTIONS, HEAD");c.headers.set("Access-Control-Allow-Headers",o.headers||"Content-Type, Authorization");c.headers.set("Access-Control-Max-Age","86400")}_processLog(c,f){if(f)console.log(`${c.req.method} ${c.req.url} - ${c.status}`)}_processCompress(req,res){const ae=req.headers.get("Accept-Encoding")||"";let enc=null;if(ae.includes("gzip"))enc="gzip";else if(ae.includes("deflate"))enc="deflate";else if(ae.includes("br"))enc="br";if(!enc||!res.body)return res;const st=res.body.pipeThrough(new CompressionStream(enc));const nh=new Headers(res.headers);nh.set("Content-Encoding",enc);nh.set("Vary","Accept-Encoding");return new Response(st,{status:res.status,statusText:res.statusText,headers:nh})}async _validate(c,f){if(!f)return!0;if(typeof f=="function"){try{return!!(await f(c))}catch{return!1}}return!0}async _cacheGet(req){const cache=caches.default;return await cache.match(req)||null}async _cachePut(req,res,f){if(!f)return;const o=f===!0?{}:f,{ttl=3600,staleWhileRevalidate=0}=o;const cache=caches.default;const clone=res.clone();clone.headers.set("Cache-Control",`max-age=${ttl}${staleWhileRevalidate>0?`, stale-while-revalidate=${staleWhileRevalidate}`:""}`);clone.headers.delete("Set-Cookie");await cache.put(req,clone)}async fetch(req,env,ctx){const url=new URL(req.url),path=url.pathname,method=req.method;const mm=this.staticRoutes.get(method);if(mm){const sr=mm.get(path);if(sr)return this._handleRoute(sr.handler,sr.options,req,env,ctx,{},url)}const trie=this.dynamicTries[method];if(trie){const m=trie.match(path);if(m)return this._handleRoute(m.handler,m.options,req,env,ctx,m.params,url)}return new Response("Not Found",{status:404})}async _handleRoute(h,o,req,env,ctx,p,url){const c=new Context(req,env,ctx,p,url);if(!(await this._validate(c,o.validate)))return c.text("Validation failed",400);if(!(await this._processAuth(c,o.auth)))return c.text("Unauthorized",401);if(!(await this._processRateLimit(c,o.rateLimit)))return c.text("Too Many Requests",429);let cached=null;if(o.cache&&req.method==="GET"){cached=await this._cacheGet(req);if(cached){this._processCors(c,o.cors);this._processLog(c,o.log);return cached}}this._processCors(c,o.cors);let res;try{const r=await h(c);if(r&&r.__isJSX)res=c.html(renderToString(r));else res=r instanceof Response?r:c.text("OK");c.status=res.status}catch(e){console.error(e);res=c.text("Internal Server Error",500);c.status=500}if(o.cache&&req.method==="GET"&&res.status===200)c.executionCtx.waitUntil(this._cachePut(req,res.clone(),o.cache));if(o.compress)res=this._processCompress(req,res);this._processLog(c,o.log);return res}}
-export{Fragment,jsx,renderToString,Edge};

package/server.min.d.ts

@@ -1,83 +0,0 @@
-export const Fragment: unique symbol;
-
-export interface JSXNode {
-  type: any;
-  props: Record<string, any>;
-  children: any[];
-  __isJSX: true;
-}
-
-export function jsx(
-  type: any,
-  props?: Record<string, any> | null,
-  ...children: any[]
-): JSXNode;
-
-export function renderToString(node: any): string;
-
-export interface RouteOptions {
-  auth?: boolean | { role?: string; scopes?: string[] };
-  rateLimit?: boolean | { max?: number; window?: number };
-  cors?: boolean | { origin?: string; methods?: string; headers?: string };
-  validate?: (ctx: Context) => boolean | Promise<boolean>;
-  log?: boolean;
-  cache?: boolean | { ttl?: number; staleWhileRevalidate?: number };
-  compress?: boolean;
-}
-
-export class Context {
-  req: Request;
-  env: any;
-  executionCtx: ExecutionContext;
-  params: Record<string, string>;
-  status: number;
-  headers: Headers;
-
-  constructor(
-    request: Request,
-    env: any,
-    executionCtx: ExecutionContext,
-    params?: Record<string, string>,
-    parsedUrl?: URL
-  );
-
-  getCookie(name: string): string | null;
-  get query(): URLSearchParams;
-  setCookie(name: string, value: string, options?: Record<string, any>): void;
-  deleteCookie(name: string, options?: Record<string, any>): void;
-  text(data: string, status?: number, headers?: Record<string, string>): Response;
-  json(data: any, status?: number, headers?: Record<string, string>): Response;
-  html(data: string, status?: number, headers?: Record<string, string>): Response;
-}
-
-export class Edge {
-  constructor();
-  authKvBinding: string;
-  rateLimitKvBinding: string;
-  defaults: {
-    cors: { origin: string; methods: string };
-  };
-  scheduledHandler: ((...args: any[]) => void) | null;
-
-  get(path: string, handler: (ctx: Context) => any): void;
-  get(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  post(path: string, handler: (ctx: Context) => any): void;
-  post(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  put(path: string, handler: (ctx: Context) => any): void;
-  put(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  delete(path: string, handler: (ctx: Context) => any): void;
-  delete(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  patch(path: string, handler: (ctx: Context) => any): void;
-  patch(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  options(path: string, handler: (ctx: Context) => any): void;
-  options(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  head(path: string, handler: (ctx: Context) => any): void;
-  head(path: string, options: RouteOptions, handler: (ctx: Context) => any): void;
-  scheduled(handler: (...args: any[]) => void): void;
-
-  fetch(
-    request: Request,
-    env: any,
-    executionCtx: ExecutionContext
-  ): Promise<Response>;
-}