@lengkapp/edge 0.0.4 → 0.0.6

package/edge-client.js

@@ -1,279 +1,306 @@
-(() => {
-      'use strict';
+(function () {
+  if (window.__edge) return;
+  window.__edge = true;
 
-      const d = document,
-            body = d.body,
-            head = d.head;
+  var d = document, head = d.head, root = d.documentElement;
 
-      // ---------- 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'
-      ]);
+  var METHODS = ['get', 'post', 'put', 'patch', 'delete'];
+  var METHOD_ATTRS = METHODS.map(function (m) { return '_' + m; });
+  var HAS_BODY = { post: 1, put: 1, patch: 1 };
+  var SEL = METHOD_ATTRS.map(function (a) { return '[' + a + ']'; }).join(',');
 
-      // 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
+  var DELEGATABLE = new Set([
+    'click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout',
+    'mousemove', 'contextmenu', 'focusin', 'focusout', 'keydown', 'keyup',
+    'keypress', 'change', 'input', 'submit', 'reset', 'wheel',
+    'touchstart', 'touchend', 'touchmove'
+  ]);
 
-      // ---------- 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();
+  var bound = new WeakSet();
+  var running = new WeakSet();
+  var targetCache = new WeakMap();
+  var wasVisible = new WeakMap();
+  var ioObservers = new Map();
+  var injected = new Set();
+  var executedSrc = new Set();
 
-      // ---------- 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>`;
+  var style = d.createElement('style');
+  style.textContent =
+    '.aj-skel-wrap{box-sizing:border-box;width:100%;height:100%;min-width:80px;min-height:48px;' +
+    'max-width:100%;max-height:600px;display:flex;align-items:center;justify-content:center}' +
+    '.aj-skel-wrap svg{width:1.75em;height:1.75em;color:#c7c7c7;' +
+    'animation:aj-pulse 1.4s ease-in-out infinite}' +
+    '@keyframes aj-pulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}' +
+    '.aj-retry-wrap{box-sizing:border-box;width:100%;height:100%;min-width:80px;min-height:48px;' +
+    'max-height:600px;display:flex;align-items:center;justify-content:center}' +
+    '.aj-retry{width:2.5em;height:2.5em;padding:0;cursor:pointer;background:#007bff;color:#fff;' +
+    'border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;' +
+    'transition:background .15s ease}' +
+    '.aj-retry:hover{background:#0056b3}' +
+    '.aj-retry:hover svg{transform:rotate(-90deg)}' +
+    '.aj-retry svg{width:1.25em;height:1.25em;transition:transform .3s ease}';
+  head.appendChild(style);
 
-      // ---------- Resource helpers ----------
-      const parseHeaderList = (str) => {
-        if (!str) return [];
-        return str.replace(/^\[|\]$/g, '').split(',')
-                  .map(s => s.trim().replace(/^['"]|['"]$/g, ''))
-                  .filter(Boolean);
-      };
+  function cfg(el) {
+    var attr = null;
+    for (var i = 0; i < METHOD_ATTRS.length; i++) {
+      if (el.hasAttribute(METHOD_ATTRS[i])) { attr = METHOD_ATTRS[i]; break; }
+    }
+    if (!attr) return null;
+    var method = attr.slice(1);
+    return {
+      url: el.getAttribute(attr),
+      method: method.toUpperCase(),
+      hasBody: !!HAS_BODY[method],
+      target: el.getAttribute('_target'),
+      trigger: el.getAttribute('_trigger'),
+      form: el.getAttribute('_form'),
+      json: el.getAttribute('_json'),
+      skeleton: el.getAttribute('_skeleton') !== 'false',
+      retry: el.getAttribute('_retry') !== 'false'
+    };
+  }
 
-      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;
-      };
+  function resolveTarget(el, c) {
+    if (!c.target || c.target === 'this') return el;
+    var cached = targetCache.get(el);
+    if (cached && cached.isConnected) return cached;
+    var found = d.querySelector(c.target);
+    if (found) targetCache.set(el, found);
+    return found;
+  }
 
-      // 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;
-      };
+  function triggersFor(c) {
+    return (c.trigger || (c.target === 'this' ? 'load' : 'click'))
+      .split(',').map(function (s) { return s.trim().toLowerCase(); });
+  }
 
-      // ---------- Core run function ----------
-      const run = async (el) => {
-        if (el.dataset.running === 'true') return;
-        el.dataset.running = 'true';
+  function isActuallyVisible(el) {
+    var s = getComputedStyle(el);
+    if (s.display === 'none' || s.visibility === 'hidden' || s.opacity === '0') return false;
+    var r = el.getBoundingClientRect();
+    return r.width > 0 && r.height > 0;
+  }
 
-        const post = el.hasAttribute('_post');
-        const url = el.getAttribute('_post') || el.getAttribute('_get');
-        let bodyData, headers = {};
+  var SKELETON_ICON =
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" ' +
+    'fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" ' +
+    'stroke-linejoin="round" aria-hidden="true">' +
+    '<path d="m12 14 4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/>' +
+    '</svg>';
 
-        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';
-          }
-        }
+  function showSkeleton(el) {
+    el.innerHTML = '<div class="aj-skel-wrap">' + SKELETON_ICON + '</div>';
+  }
 
-        // 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;
-        }
+  var RETRY_ICON =
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" ' +
+    'fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" ' +
+    'stroke-linejoin="round" aria-hidden="true">' +
+    '<path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/>' +
+    '</svg>';
 
-        // Show skeleton (clone template)
-        container.replaceChildren(skeletonTemplate.content.cloneNode(true));
+  function showRetry(el, fn) {
+    el.innerHTML = '';
+    var wrap = d.createElement('div');
+    wrap.className = 'aj-retry-wrap';
+    var b = d.createElement('button');
+    b.type = 'button';
+    b.className = 'aj-retry';
+    b.setAttribute('aria-label', 'Retry');
+    b.innerHTML = RETRY_ICON;
+    b.addEventListener('click', fn, { once: true });
+    wrap.appendChild(b);
+    el.appendChild(wrap);
+  }
 
-        try {
-          const res = await fetch(url, { method: post ? 'POST' : 'GET', body: bodyData, headers });
+  function parseList(raw) {
+    if (!raw) return [];
+    return raw.replace(/^\[|\]$/g, '').split(',')
+      .map(function (s) { return s.trim().replace(/^['"]|['"]$/g, ''); })
+      .filter(Boolean);
+  }
 
-          // 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';
-        }
-      };
+  function injectResources(headers) {
+    parseList(headers.get('x-css-required')).forEach(function (url) {
+      if (injected.has(url)) return;
+      injected.add(url);
+      var link = d.createElement('link');
+      link.rel = 'stylesheet'; link.href = url;
+      head.appendChild(link);
+    });
+    parseList(headers.get('x-js-required')).forEach(function (url) {
+      if (injected.has(url)) return;
+      injected.add(url);
+      var s = d.createElement('script');
+      s.src = url;
+      head.appendChild(s);
+    });
+  }
 
-      // ---------- 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;
-      };
+  function execScripts(container) {
+    var scripts = Array.prototype.slice.call(container.querySelectorAll('script'));
+    var i = 0;
+    function next() {
+      if (i >= scripts.length) return;
+      var old = scripts[i];
+      var s = d.createElement('script');
+      for (var a = 0; a < old.attributes.length; a++) {
+        s.setAttribute(old.attributes[a].name, old.attributes[a].value);
+      }
+      if (old.nonce) s.nonce = old.nonce;
+      if (old.src) {
+        if (executedSrc.has(old.src)) { old.remove(); i++; next(); return; }
+        executedSrc.add(old.src);
+        s.onload = s.onerror = function () { i++; next(); };
+        old.replaceWith(s);
+      } else {
+        s.textContent = '{\n' + old.textContent + '\n}';
+        old.replaceWith(s);
+        i++; next();
+      }
+    }
+    next();
+  }
 
-      // ---------- Element initialisation (no per‑element listeners) ----------
-      const initElement = (el) => {
-        if (el.dataset.initialized === 'true') return;
-        el.dataset.initialized = 'true';
+  function setContent(el, html) {
+    el.innerHTML = html;
+    execScripts(el);
+    bind(el);
+  }
 
-        const events = getTriggerEvents(el);
+  function doFetch(el, c) {
+    if (running.has(el)) return;
+    running.add(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
-      };
+    var target = resolveTarget(el, c);
+    if (!target) { running.delete(el); return; }
+    if (c.skeleton) showSkeleton(target);
 
-      // ---------- 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'
-      ]);
+    var opts = { method: c.method };
+    if (c.hasBody) {
+      if (c.json) {
+        var obj = {};
+        c.json.split(',').forEach(function (name) {
+          name = name.trim();
+          var input = d.querySelector('[name="' + name + '"]');
+          obj[name] = input ? input.value : undefined;
+        });
+        opts.headers = { 'Content-Type': 'application/json' };
+        opts.body = JSON.stringify(obj);
+      } else if (c.form) {
+        var form = d.getElementById(c.form);
+        opts.headers = { 'Content-Type': 'application/x-www-form-urlencoded' };
+        opts.body = form ? new URLSearchParams(new FormData(form)).toString() : '';
+      }
+    }
 
-      // 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);
-      });
+    fetch(c.url, opts)
+      .then(function (res) {
+        if (!res.ok) throw new Error('HTTP ' + res.status);
+        injectResources(res.headers);
+        return res.text();
+      })
+      .then(function (html) { setContent(target, html); })
+      .catch(function (err) {
+        console.error(err);
+        if (c.retry) showRetry(target, function () { doFetch(el, c); });
+      })
+      .finally(function () { running.delete(el); });
+  }
 
-      // ---------- MutationObserver (batch processing) ----------
-      let mutationQueue = [];
-      let mutationScheduled = false;
+  var delegationInit = false;
+  function initDelegation() {
+    if (delegationInit) return;
+    delegationInit = true;
+    DELEGATABLE.forEach(function (evt) {
+      var isClickOrSubmit = evt === 'click' || evt === 'submit';
+      d.addEventListener(evt, function (e) {
+        var t = e.target;
+        if (!(t instanceof Element)) return;
+        var el = t.closest(SEL);
+        if (!el) return;
+        var c = cfg(el);
+        if (!c || triggersFor(c).indexOf(evt) === -1) return;
+        if (isClickOrSubmit) e.preventDefault();
+        doFetch(el, c);
+      }, isClickOrSubmit ? false : { passive: true });
+    });
+  }
 
-      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);
-        });
-      };
+  function bindOne(el) {
+    if (bound.has(el)) return;
+    bound.add(el);
+    var c = cfg(el);
+    if (!c) return;
 
-      const mo = new MutationObserver((mutations) => {
-        mutations.forEach(m => {
-          m.addedNodes.forEach(node => {
-            if (node.nodeType === 1) mutationQueue.push(node);
+    triggersFor(c).forEach(function (trig) {
+      if (trig === 'load' || trig === 'domcontentloaded' || trig === 'ready') {
+        queueMicrotask(function () { doFetch(el, c); });
+      } else if (trig === 'visible' || trig === 'intersect') {
+        wasVisible.set(el, false);
+        var obs = new IntersectionObserver(function (entries) {
+          entries.forEach(function (entry) {
+            if (!entry.target.isConnected) { obs.disconnect(); ioObservers.delete(el); return; }
+            var vis = entry.isIntersecting && isActuallyVisible(el);
+            if (vis && !wasVisible.get(el)) doFetch(el, c);
+            wasVisible.set(el, vis);
           });
         });
-        if (!mutationScheduled) {
-          mutationScheduled = true;
-          Promise.resolve().then(processMutations);
-        }
-      });
-      mo.observe(body, { childList: true, subtree: true });
+        obs.observe(el);
+        ioObservers.set(el, obs);
+      } else if (!DELEGATABLE.has(trig)) {
+        el.addEventListener(trig, function () { doFetch(el, c); });
+      }
+    });
+  }
 
-      // ---------- Initialisation on DOM ready ----------
-      const initAll = () => {
-        d.querySelectorAll('[_get], [_post]').forEach(initElement);
-      };
+  function bind(subtreeRoot) {
+    if (subtreeRoot.nodeType !== 1) return;
+    if (subtreeRoot.matches && subtreeRoot.matches(SEL)) bindOne(subtreeRoot);
+    if (subtreeRoot.querySelectorAll) subtreeRoot.querySelectorAll(SEL).forEach(bindOne);
+  }
 
-      if (d.readyState === 'loading') {
-        d.addEventListener('DOMContentLoaded', initAll, { once: true });
-      } else {
-        initAll();
+  function cleanup(removedRoot) {
+    if (!ioObservers.size) return;
+    ioObservers.forEach(function (obs, el) {
+      if (removedRoot === el || removedRoot.contains(el)) {
+        obs.disconnect();
+        ioObservers.delete(el);
+        bound.delete(el);
       }
-    })();
+    });
+  }
+
+  var addQueue = new Set(), removeQueue = new Set(), flushScheduled = false;
+  function flush() {
+    flushScheduled = false;
+    var adds = Array.from(addQueue); addQueue.clear();
+    var rems = Array.from(removeQueue); removeQueue.clear();
+    adds.forEach(bind);
+    rems.forEach(cleanup);
+  }
+  function scheduleFlush() {
+    if (flushScheduled) return;
+    flushScheduled = true;
+    queueMicrotask(flush);
+  }
+
+  new MutationObserver(function (mutations) {
+    mutations.forEach(function (m) {
+      m.addedNodes.forEach(function (n) { if (n.nodeType === 1) addQueue.add(n); });
+      m.removedNodes.forEach(function (n) { if (n.nodeType === 1) removeQueue.add(n); });
+    });
+    scheduleFlush();
+  }).observe(root, { childList: true, subtree: true });
+
+  function initAll() {
+    initDelegation();
+    bind(root);
+  }
+  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.6",
   "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>;
-}