@lengkapp/edge 0.0.3 → 0.0.5

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.3",
+  "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/readme.md

@@ -1,118 +0,0 @@
-sample usage of edge.js
-```js
-import { Edge } from './edge.js';
-import { HomePage, AboutPage } from './Page.jsx'; // bundler resolves .jsx
-
-const app = new Edge();
-
-// Basic text
-app.get('/', (ctx) => {
-  return ctx.text('Hello from Edge!');
-});
-
-app.get('/home', (ctx) => {
-  // The component returns a JSX element; Edge automatically renders it to HTML
-  return ctx.html(renderToString(HomePage()));
-});
-
-app.get('/about', (ctx) => {
-  return ctx.html(renderToString(AboutPage()));
-});
-
-// JSON with route params
-app.get('/users/:id', (ctx) => {
-  return ctx.json({ userId: ctx.params.id });
-});
-
-// POST JSON
-app.post('/users', async (ctx) => {
-  const body = await ctx.req.json();
-  return ctx.json({ created: true, user: body }, 201);
-});
-
-// Auth (requires AUTH_KV binding)
-app.get('/protected', { auth: true }, (ctx) => {
-  return ctx.text('Authenticated area');
-});
-
-// Role‑based auth
-app.get('/admin', { auth: { role: 'admin' } }, (ctx) => {
-  return ctx.text('Admin only');
-});
-
-// Rate limiting
-app.get('/limited', { rateLimit: { max: 5, window: 60 } }, (ctx) => {
-  return ctx.text('Rate limited endpoint');
-});
-
-// Caching (GET only, 60s TTL)
-app.get('/cached', { cache: { ttl: 60 } }, (ctx) => {
-  return ctx.text('Cached response');
-});
-
-// CORS
-app.get('/cors', { cors: true }, (ctx) => {
-  return ctx.json({ message: 'CORS enabled' });
-});
-
-// Logging
-app.get('/log', { log: true }, (ctx) => {
-  return ctx.text('This request is logged');
-});
-
-// Compression
-app.get('/compress', { compress: true }, (ctx) => {
-  return ctx.text('x'.repeat(10000));
-});
-
-// Cookies
-app.get('/set-cookie', (ctx) => {
-  ctx.setCookie('session', 'abc123', { httpOnly: true, path: '/' });
-  return ctx.text('Cookie set');
-});
-
-app.get('/get-cookie', (ctx) => {
-  const session = ctx.getCookie('session');
-  return ctx.text(`Cookie: ${session}`);
-});
-
-// Custom validation
-app.post('/submit', {
-  validate: (ctx) => ctx.req.headers.get('Authorization') === 'Bearer secret-token'
-}, (ctx) => ctx.text('Validated'));
-
-// Scheduled handler (cron)
-app.scheduled(async (event, env, ctx) => {
-  console.log('Cron job:', event.cron);
-  // Do periodic work here
-});
-
-
-
-export default {
-  fetch: (request, env, ctx) => app.fetch(request, env, ctx),
-  scheduled: (event, env, ctx) => {
-    if (app.scheduledHandler) return app.scheduledHandler(event, env, ctx);
-  }
-};
-```
-
-
-```rust
-name = "my-edge-app"
-main = "worker.js"
-compatibility_date = "2024-09-01"
-
-# KV namespaces (if using auth/rate limit)
-[[kv_namespaces]]
-binding = "AUTH_KV"
-id = "your-auth-kv-id"
-
-[[kv_namespaces]]
-binding = "RATE_LIMIT_KV"
-id = "your-ratelimit-kv-id"
-
-# Cron triggers
-[triggers]
-crons = ["*/5 * * * *"]
-```