flexium 0.13.1 → 0.14.0

package/dist/canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","use","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.js","sourcesContent":["import { use } from '../core/use'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  use(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  use(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  use(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  use(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  use(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  use(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  use(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}

package/dist/canvas.mjs

@@ -1,2 +0,0 @@
-import {c,b as b$1}from'./chunk-3AKECLKA.mjs';import'./chunk-NRPWBHKP.mjs';import'./chunk-MI76R42D.mjs';import {a}from'./chunk-NY6NOGFU.mjs';var D=[];function l(t){D.push(t);}function C(t){let{width:y,height:w,children:e,style:u,ref:a$1}=t,s,n=null,i=()=>{!s||!n||(n.clearRect(0,0,y,w),D.length=0,Array.isArray(e)?e.forEach(o=>{typeof o=="function"&&o();}):typeof e=="function"&&e(),D.forEach(o=>{g(n,o);}),null);};return c(()=>{s&&i();}),a("canvas",{ref:o=>{s=o,n=o.getContext("2d"),a$1&&a$1(o),i();},width:y,height:w,style:u})}function r(t){return b$1(t)?t.valueOf?.()??t:t}function g(t,y){let{type:w,props:e}=y,u=r(e.opacity);switch(u!==void 0&&(t.globalAlpha=u),w){case "rect":{let a=r(e.x),s=r(e.y),n=r(e.width),i=r(e.height),o=r(e.fill),f=r(e.stroke),c=r(e.strokeWidth);o&&(t.fillStyle=o,t.fillRect(a,s,n,i)),f&&(t.strokeStyle=f,c&&(t.lineWidth=c),t.strokeRect(a,s,n,i));break}case "circle":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.fill),o=r(e.stroke),f=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,0,Math.PI*2),i&&(t.fillStyle=i,t.fill()),o&&(t.strokeStyle=o,f&&(t.lineWidth=f),t.stroke());break}case "arc":{let a=r(e.x),s=r(e.y),n=r(e.radius),i=r(e.startAngle),o=r(e.endAngle),f=r(e.counterclockwise)||false,c=r(e.fill),m=r(e.stroke),h=r(e.strokeWidth);t.beginPath(),t.arc(a,s,n,i,o,f),c&&(t.fillStyle=c,t.fill()),m&&(t.strokeStyle=m,h&&(t.lineWidth=h),t.stroke());break}case "line":{let a=r(e.x1),s=r(e.y1),n=r(e.x2),i=r(e.y2),o=r(e.stroke)||"black",f=r(e.strokeWidth)||1;t.beginPath(),t.moveTo(a,s),t.lineTo(n,i),t.strokeStyle=o,t.lineWidth=f,t.stroke();break}case "text":{let a=r(e.x),s=r(e.y),n=r(e.text),i=r(e.fill)||"black",o=r(e.fontSize)||16,f=r(e.fontFamily)||"sans-serif",c=r(e.fontWeight)||"normal",m=r(e.textAlign)||"left";t.font=`${c} ${o}px ${f}`,t.textAlign=m,t.fillStyle=i,t.fillText(n,a,s);break}case "path":{let a=r(e.d),s=r(e.fill),n=r(e.stroke),i=r(e.strokeWidth),o=new Path2D(a);s&&(t.fillStyle=s,t.fill(o)),n&&(t.strokeStyle=n,i&&(t.lineWidth=i),t.stroke(o));break}}u!==void 0&&(t.globalAlpha=1);}function x(t){return c(()=>{l({type:"rect",props:t});}),null}function v(t){return c(()=>{l({type:"circle",props:t});}),null}function A(t){return c(()=>{l({type:"arc",props:t});}),null}function W(t){return c(()=>{l({type:"line",props:t});}),null}function b(t){return c(()=>{l({type:"text",props:t});}),null}function R(t){return c(()=>{l({type:"path",props:t});}),null}export{C as Canvas,A as DrawArc,v as DrawCircle,W as DrawLine,R as DrawPath,x as DrawRect,b as DrawText};//# sourceMappingURL=canvas.mjs.map
-//# sourceMappingURL=canvas.mjs.map

package/dist/canvas.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/Canvas.tsx","../src/canvas/dom/DrawRect.tsx","../src/canvas/dom/DrawCircle.tsx","../src/canvas/dom/DrawArc.tsx","../src/canvas/dom/DrawLine.tsx","../src/canvas/dom/DrawText.tsx","../src/canvas/dom/DrawPath.tsx"],"names":["drawQueue","queueDraw","node","Canvas","props","width","height","children","style","ref","canvas","ctx","render","child","drawNode","use","jsx","el","getValue","val","isReactive","type","opacity","x","y","w","h","fill","stroke","strokeWidth","radius","startAngle","endAngle","counterclockwise","x1","y1","x2","y2","text","fontSize","fontFamily","fontWeight","textAlign","d","path","DrawRect","DrawCircle","DrawArc","DrawLine","DrawText","DrawPath"],"mappings":"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","file":"canvas.mjs","sourcesContent":["import { use } from '../core/use'\nimport { isReactive } from '../core/reactive'\nimport type { CanvasProps, CanvasDrawNode } from './types'\n\nexport type { CanvasProps }\n\n// Canvas context for children to access\nlet currentCanvasContext: CanvasRenderingContext2D | null = null\nconst drawQueue: CanvasDrawNode[] = []\n\nexport function getCanvasContext() {\n  return currentCanvasContext\n}\n\nexport function queueDraw(node: CanvasDrawNode) {\n  drawQueue.push(node)\n}\n\nexport function Canvas(props: CanvasProps) {\n  const { width, height, children, style, ref } = props\n\n  let canvas: HTMLCanvasElement | undefined\n  let ctx: CanvasRenderingContext2D | null = null\n\n  const render = () => {\n    if (!canvas || !ctx) return\n\n    // Clear canvas\n    ctx.clearRect(0, 0, width, height)\n\n    // Clear draw queue\n    drawQueue.length = 0\n\n    // Set current context for children\n    currentCanvasContext = ctx\n\n    // Render children (they will queue draw commands)\n    if (Array.isArray(children)) {\n      children.forEach(child => {\n        if (typeof child === 'function') {\n          child()\n        }\n      })\n    } else if (typeof children === 'function') {\n      children()\n    }\n\n    // Execute draw queue\n    drawQueue.forEach(node => {\n      drawNode(ctx!, node)\n    })\n\n    // Clear context\n    currentCanvasContext = null\n  }\n\n  use(() => {\n    if (canvas) {\n      render()\n    }\n  })\n\n  return (\n    <canvas\n      ref={(el: HTMLCanvasElement) => {\n        canvas = el\n        ctx = el.getContext('2d')\n        if (ref) ref(el)\n        render()\n      }}\n      width={width}\n      height={height}\n      style={style}\n    />\n  )\n}\n\nfunction getValue(val: any): any {\n  if (isReactive(val)) {\n    return val.valueOf?.() ?? val\n  }\n  return val\n}\n\nfunction drawNode(ctx: CanvasRenderingContext2D, node: CanvasDrawNode) {\n  const { type, props } = node\n\n  // Apply opacity\n  const opacity = getValue(props.opacity)\n  if (opacity !== undefined) {\n    ctx.globalAlpha = opacity\n  }\n\n  switch (type) {\n    case 'rect': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const w = getValue(props.width)\n      const h = getValue(props.height)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fillRect(x, y, w, h)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.strokeRect(x, y, w, h)\n      }\n      break\n    }\n\n    case 'circle': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, 0, Math.PI * 2)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'arc': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const radius = getValue(props.radius)\n      const startAngle = getValue(props.startAngle)\n      const endAngle = getValue(props.endAngle)\n      const counterclockwise = getValue(props.counterclockwise) || false\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      ctx.beginPath()\n      ctx.arc(x, y, radius, startAngle, endAngle, counterclockwise)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill()\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke()\n      }\n      break\n    }\n\n    case 'line': {\n      const x1 = getValue(props.x1)\n      const y1 = getValue(props.y1)\n      const x2 = getValue(props.x2)\n      const y2 = getValue(props.y2)\n      const stroke = getValue(props.stroke) || 'black'\n      const strokeWidth = getValue(props.strokeWidth) || 1\n\n      ctx.beginPath()\n      ctx.moveTo(x1, y1)\n      ctx.lineTo(x2, y2)\n      ctx.strokeStyle = stroke\n      ctx.lineWidth = strokeWidth\n      ctx.stroke()\n      break\n    }\n\n    case 'text': {\n      const x = getValue(props.x)\n      const y = getValue(props.y)\n      const text = getValue(props.text)\n      const fill = getValue(props.fill) || 'black'\n      const fontSize = getValue(props.fontSize) || 16\n      const fontFamily = getValue(props.fontFamily) || 'sans-serif'\n      const fontWeight = getValue(props.fontWeight) || 'normal'\n      const textAlign = getValue(props.textAlign) || 'left'\n\n      ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`\n      ctx.textAlign = textAlign as CanvasTextAlign\n      ctx.fillStyle = fill\n      ctx.fillText(text, x, y)\n      break\n    }\n\n    case 'path': {\n      const d = getValue(props.d)\n      const fill = getValue(props.fill)\n      const stroke = getValue(props.stroke)\n      const strokeWidth = getValue(props.strokeWidth)\n\n      // Parse SVG path data\n      const path = new Path2D(d)\n\n      if (fill) {\n        ctx.fillStyle = fill\n        ctx.fill(path)\n      }\n\n      if (stroke) {\n        ctx.strokeStyle = stroke\n        if (strokeWidth) ctx.lineWidth = strokeWidth\n        ctx.stroke(path)\n      }\n      break\n    }\n  }\n\n  // Reset opacity\n  if (opacity !== undefined) {\n    ctx.globalAlpha = 1\n  }\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawRectProps } from '../types'\n\nexport type { DrawRectProps }\n\nexport function DrawRect(props: DrawRectProps) {\n  use(() => {\n    queueDraw({\n      type: 'rect',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawCircleProps } from '../types'\n\nexport type { DrawCircleProps }\n\nexport function DrawCircle(props: DrawCircleProps) {\n  use(() => {\n    queueDraw({\n      type: 'circle',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawArcProps } from '../types'\n\nexport type { DrawArcProps }\n\nexport function DrawArc(props: DrawArcProps) {\n  use(() => {\n    queueDraw({\n      type: 'arc',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawLineProps } from '../types'\n\nexport type { DrawLineProps }\n\nexport function DrawLine(props: DrawLineProps) {\n  use(() => {\n    queueDraw({\n      type: 'line',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawTextProps } from '../types'\n\nexport type { DrawTextProps }\n\nexport function DrawText(props: DrawTextProps) {\n  use(() => {\n    queueDraw({\n      type: 'text',\n      props\n    })\n  })\n\n  return null\n}\n","import { use } from '../../core/use'\nimport { queueDraw } from '../Canvas'\nimport type { DrawPathProps } from '../types'\n\nexport type { DrawPathProps }\n\nexport function DrawPath(props: DrawPathProps) {\n  use(() => {\n    queueDraw({\n      type: 'path',\n      props\n    })\n  })\n\n  return null\n}\n"]}

package/dist/chunk-DUGPBZZ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/jsx-runtime.ts"],"names":["jsx","type","props","key","children","otherProps","jsxs","Fragment"],"mappings":"aAEO,SAASA,CAAAA,CAAIC,CAAAA,CAAWC,CAAAA,CAAYC,CAAAA,CAAkB,CACzD,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAW,CAAA,CAAIH,CAAAA,EAAS,EAAC,CAC9C,OAAO,CACH,IAAA,CAAAD,CAAAA,CACA,KAAA,CAAOI,CAAAA,CACP,QAAA,CAAU,KAAA,CAAM,OAAA,CAAQD,CAAQ,CAAA,CAAIA,CAAAA,CAAYA,CAAAA,EAAY,KAAO,CAACA,CAAQ,CAAA,CAAI,EAAC,CACjF,GAAA,CAAAD,CACJ,CACJ,CAEO,SAASG,CAAAA,CAAKL,CAAAA,CAAWC,CAAAA,CAAYC,CAAAA,CAAkB,CAC1D,OAAOH,CAAAA,CAAIC,CAAAA,CAAMC,CAAAA,CAAOC,CAAG,CAC/B,CAEO,SAASI,CAAAA,CAASL,CAAAA,CAAwB,CAC7C,OAAOA,CAAAA,CAAM,QACjB","file":"chunk-DUGPBZZ3.js","sourcesContent":["import type { FNode, FNodeChild } from './dom'\n\nexport function jsx(type: any, props: any, key?: any): FNode {\n    const { children, ...otherProps } = props || {}\n    return {\n        type,\n        props: otherProps,\n        children: Array.isArray(children) ? children : (children != null ? [children] : []),\n        key\n    }\n}\n\nexport function jsxs(type: any, props: any, key?: any): FNode {\n    return jsx(type, props, key)\n}\n\nexport function Fragment(props: any): FNodeChild {\n    return props.children\n}\n\nexport namespace JSX {\n    export interface IntrinsicElements {\n        [elemName: string]: any\n    }\n    export type Element = FNode | FNodeChild\n    export interface ElementChildrenAttribute {\n        children: {}\n    }\n}\n"]}

package/dist/chunk-NY6NOGFU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/jsx-runtime.ts"],"names":["jsx","type","props","key","children","otherProps","jsxs","Fragment"],"mappings":"AAEO,SAASA,CAAAA,CAAIC,CAAAA,CAAWC,CAAAA,CAAYC,CAAAA,CAAkB,CACzD,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAW,CAAA,CAAIH,CAAAA,EAAS,EAAC,CAC9C,OAAO,CACH,IAAA,CAAAD,CAAAA,CACA,KAAA,CAAOI,CAAAA,CACP,QAAA,CAAU,KAAA,CAAM,OAAA,CAAQD,CAAQ,CAAA,CAAIA,CAAAA,CAAYA,CAAAA,EAAY,KAAO,CAACA,CAAQ,CAAA,CAAI,EAAC,CACjF,GAAA,CAAAD,CACJ,CACJ,CAEO,SAASG,CAAAA,CAAKL,CAAAA,CAAWC,CAAAA,CAAYC,CAAAA,CAAkB,CAC1D,OAAOH,CAAAA,CAAIC,CAAAA,CAAMC,CAAAA,CAAOC,CAAG,CAC/B,CAEO,SAASI,CAAAA,CAASL,CAAAA,CAAwB,CAC7C,OAAOA,CAAAA,CAAM,QACjB","file":"chunk-NY6NOGFU.mjs","sourcesContent":["import type { FNode, FNodeChild } from './dom'\n\nexport function jsx(type: any, props: any, key?: any): FNode {\n    const { children, ...otherProps } = props || {}\n    return {\n        type,\n        props: otherProps,\n        children: Array.isArray(children) ? children : (children != null ? [children] : []),\n        key\n    }\n}\n\nexport function jsxs(type: any, props: any, key?: any): FNode {\n    return jsx(type, props, key)\n}\n\nexport function Fragment(props: any): FNodeChild {\n    return props.children\n}\n\nexport namespace JSX {\n    export interface IntrinsicElements {\n        [elemName: string]: any\n    }\n    export type Element = FNode | FNodeChild\n    export interface ElementChildrenAttribute {\n        children: {}\n    }\n}\n"]}

package/dist/interactive.d.cts

@@ -1,84 +0,0 @@
-declare enum Keys {
-    ArrowUp = "ArrowUp",
-    ArrowDown = "ArrowDown",
-    ArrowLeft = "ArrowLeft",
-    ArrowRight = "ArrowRight",
-    KeyW = "KeyW",
-    KeyA = "KeyA",
-    KeyS = "KeyS",
-    KeyD = "KeyD",
-    Space = "Space",
-    Enter = "Enter",
-    Escape = "Escape",
-    Tab = "Tab",
-    ShiftLeft = "ShiftLeft",
-    ShiftRight = "ShiftRight",
-    ControlLeft = "ControlLeft",
-    ControlRight = "ControlRight",
-    AltLeft = "AltLeft",
-    AltRight = "AltRight",
-    Digit0 = "Digit0",
-    Digit1 = "Digit1",
-    Digit2 = "Digit2",
-    Digit3 = "Digit3",
-    Digit4 = "Digit4",
-    Digit5 = "Digit5",
-    Digit6 = "Digit6",
-    Digit7 = "Digit7",
-    Digit8 = "Digit8",
-    Digit9 = "Digit9",
-    KeyE = "KeyE",
-    KeyQ = "KeyQ",
-    KeyR = "KeyR",
-    KeyF = "KeyF"
-}
-interface KeyboardState {
-    isPressed: (key: string) => boolean;
-    isJustPressed: (key: string) => boolean;
-    isJustReleased: (key: string) => boolean;
-    getPressedKeys: () => string[];
-    clearFrameState: () => void;
-    dispose: () => void;
-}
-declare enum MouseButton {
-    Left = 0,
-    Middle = 1,
-    Right = 2
-}
-interface MouseOptions {
-    canvas?: HTMLCanvasElement | (() => HTMLCanvasElement | undefined);
-    target?: EventTarget;
-}
-interface MouseState {
-    x: number | null;
-    y: number | null;
-    deltaX: number;
-    deltaY: number;
-    wheelDelta: number;
-    isPressed: (button: MouseButton) => boolean;
-    isLeftPressed: () => boolean;
-    isRightPressed: () => boolean;
-    isMiddlePressed: () => boolean;
-    clearFrameState: () => void;
-    dispose: () => void;
-}
-interface LoopCallbacks {
-    fixedFps?: number;
-    onUpdate?: (delta: number) => void;
-    onFixedUpdate?: (fixedDelta: number) => void;
-    onRender?: (alpha: number) => void;
-}
-interface Loop {
-    start: () => void;
-    stop: () => void;
-    isRunning: () => boolean;
-    getFps: () => number;
-}
-
-declare function useLoop(callbacks: LoopCallbacks): Loop;
-
-declare function useKeyboard(target?: EventTarget): KeyboardState;
-
-declare function useMouse(options?: MouseOptions): MouseState;
-
-export { type KeyboardState, Keys, type Loop, type LoopCallbacks, MouseButton, type MouseOptions, type MouseState, useKeyboard, useLoop, useMouse };

package/dist/interactive.d.ts

@@ -1,84 +0,0 @@
-declare enum Keys {
-    ArrowUp = "ArrowUp",
-    ArrowDown = "ArrowDown",
-    ArrowLeft = "ArrowLeft",
-    ArrowRight = "ArrowRight",
-    KeyW = "KeyW",
-    KeyA = "KeyA",
-    KeyS = "KeyS",
-    KeyD = "KeyD",
-    Space = "Space",
-    Enter = "Enter",
-    Escape = "Escape",
-    Tab = "Tab",
-    ShiftLeft = "ShiftLeft",
-    ShiftRight = "ShiftRight",
-    ControlLeft = "ControlLeft",
-    ControlRight = "ControlRight",
-    AltLeft = "AltLeft",
-    AltRight = "AltRight",
-    Digit0 = "Digit0",
-    Digit1 = "Digit1",
-    Digit2 = "Digit2",
-    Digit3 = "Digit3",
-    Digit4 = "Digit4",
-    Digit5 = "Digit5",
-    Digit6 = "Digit6",
-    Digit7 = "Digit7",
-    Digit8 = "Digit8",
-    Digit9 = "Digit9",
-    KeyE = "KeyE",
-    KeyQ = "KeyQ",
-    KeyR = "KeyR",
-    KeyF = "KeyF"
-}
-interface KeyboardState {
-    isPressed: (key: string) => boolean;
-    isJustPressed: (key: string) => boolean;
-    isJustReleased: (key: string) => boolean;
-    getPressedKeys: () => string[];
-    clearFrameState: () => void;
-    dispose: () => void;
-}
-declare enum MouseButton {
-    Left = 0,
-    Middle = 1,
-    Right = 2
-}
-interface MouseOptions {
-    canvas?: HTMLCanvasElement | (() => HTMLCanvasElement | undefined);
-    target?: EventTarget;
-}
-interface MouseState {
-    x: number | null;
-    y: number | null;
-    deltaX: number;
-    deltaY: number;
-    wheelDelta: number;
-    isPressed: (button: MouseButton) => boolean;
-    isLeftPressed: () => boolean;
-    isRightPressed: () => boolean;
-    isMiddlePressed: () => boolean;
-    clearFrameState: () => void;
-    dispose: () => void;
-}
-interface LoopCallbacks {
-    fixedFps?: number;
-    onUpdate?: (delta: number) => void;
-    onFixedUpdate?: (fixedDelta: number) => void;
-    onRender?: (alpha: number) => void;
-}
-interface Loop {
-    start: () => void;
-    stop: () => void;
-    isRunning: () => boolean;
-    getFps: () => number;
-}
-
-declare function useLoop(callbacks: LoopCallbacks): Loop;
-
-declare function useKeyboard(target?: EventTarget): KeyboardState;
-
-declare function useMouse(options?: MouseOptions): MouseState;
-
-export { type KeyboardState, Keys, type Loop, type LoopCallbacks, MouseButton, type MouseOptions, type MouseState, useKeyboard, useLoop, useMouse };

package/dist/interactive.js

@@ -1,2 +0,0 @@
-'use strict';var chunkACYN2UKT_js=require('./chunk-ACYN2UKT.js');require('./chunk-3CKIHQIE.js'),require('./chunk-E6Z7AI4J.js');function F(a){let{fixedFps:n=60,onUpdate:v,onFixedUpdate:o,onRender:y}=a,p=1/n,S=.25,l=false,m=0,t=0,s=0,i=0,u=0,r=null;function d(w){if(!l)return;let D=Math.min((w-m)/1e3,S);if(m=w,v&&v(D),o)for(t+=D;t>=p;)o(p),t-=p;if(y){let h=t/p;y(h);}i++,w-u>=1e3&&(s=i,i=0,u=w),r=requestAnimationFrame(d);}return {start:()=>{l||(l=true,m=performance.now(),t=0,r=requestAnimationFrame(d));},stop:()=>{l=false,r!==null&&(cancelAnimationFrame(r),r=null);},isRunning:()=>l,getFps:()=>s}}var x=(e=>(e.ArrowUp="ArrowUp",e.ArrowDown="ArrowDown",e.ArrowLeft="ArrowLeft",e.ArrowRight="ArrowRight",e.KeyW="KeyW",e.KeyA="KeyA",e.KeyS="KeyS",e.KeyD="KeyD",e.Space="Space",e.Enter="Enter",e.Escape="Escape",e.Tab="Tab",e.ShiftLeft="ShiftLeft",e.ShiftRight="ShiftRight",e.ControlLeft="ControlLeft",e.ControlRight="ControlRight",e.AltLeft="AltLeft",e.AltRight="AltRight",e.Digit0="Digit0",e.Digit1="Digit1",e.Digit2="Digit2",e.Digit3="Digit3",e.Digit4="Digit4",e.Digit5="Digit5",e.Digit6="Digit6",e.Digit7="Digit7",e.Digit8="Digit8",e.Digit9="Digit9",e.KeyE="KeyE",e.KeyQ="KeyQ",e.KeyR="KeyR",e.KeyF="KeyF",e))(x||{}),P=(o=>(o[o.Left=0]="Left",o[o.Middle=1]="Middle",o[o.Right=2]="Right",o))(P||{});function C(a=window){let[n,v]=chunkACYN2UKT_js.c(new Set,{key:["keyboard","pressed"]}),[o,y]=chunkACYN2UKT_js.c(new Set,{key:["keyboard","justPressed"]}),[p,S]=chunkACYN2UKT_js.c(new Set,{key:["keyboard","justReleased"]}),l=t=>{let s=t.code,i=n;if(!i.has(s)){let u=new Set(i);u.add(s),v(u);let r=o,d=new Set(r);d.add(s),y(d);}},m=t=>{let s=t.code,i=n,u=new Set(i);u.delete(s),v(u);let r=p,d=new Set(r);d.add(s),S(d);};return a.addEventListener("keydown",l),a.addEventListener("keyup",m),{isPressed:t=>n?.has(t)||false,isJustPressed:t=>o?.has(t)||false,isJustReleased:t=>p?.has(t)||false,getPressedKeys:()=>Array.from(n||[]),clearFrameState:()=>{y(new Set),S(new Set);},dispose:()=>{a.removeEventListener("keydown",l),a.removeEventListener("keyup",m);}}}function J(a={}){let n=a.target||window,v=typeof a.canvas=="function"?a.canvas:()=>a.canvas,[o,y]=chunkACYN2UKT_js.c({x:0,y:0},{key:["mouse","position"]}),[p,S]=chunkACYN2UKT_js.c({x:0,y:0},{key:["mouse","delta"]}),[l,m]=chunkACYN2UKT_js.c(0,{key:["mouse","wheel"]}),[t,s]=chunkACYN2UKT_js.c(new Set,{key:["mouse","buttons"]}),i=0,u=0,r=g=>{let f=g,L=v(),c=f.clientX,E=f.clientY;if(L){let k=L.getBoundingClientRect();c=f.clientX-k.left,E=f.clientY-k.top;}y({x:c,y:E}),S({x:c-i,y:E-u}),i=c,u=E;},d=g=>{let f=g.button,L=t,c=new Set(L);c.add(f),s(c);},w=g=>{let f=g.button,L=t,c=new Set(L);c.delete(f),s(c);},D=g=>{m(g.deltaY);};n.addEventListener("mousemove",r),n.addEventListener("mousedown",d),n.addEventListener("mouseup",w),n.addEventListener("wheel",D);let h=t,R=o,M=p,A=l;return {get x(){return R.x},get y(){return R.y},get deltaX(){return M.x},get deltaY(){return M.y},get wheelDelta(){return A},isPressed:g=>h?.has(g)||false,isLeftPressed:()=>h?.has(0)||false,isRightPressed:()=>h?.has(2)||false,isMiddlePressed:()=>h?.has(1)||false,clearFrameState:()=>{S({x:0,y:0}),m(0);},dispose:()=>{n.removeEventListener("mousemove",r),n.removeEventListener("mousedown",d),n.removeEventListener("mouseup",w),n.removeEventListener("wheel",D);}}}exports.Keys=x;exports.MouseButton=P;exports.useKeyboard=C;exports.useLoop=F;exports.useMouse=J;//# sourceMappingURL=interactive.js.map
-//# sourceMappingURL=interactive.js.map

package/dist/interactive.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interactive/loop.ts","../src/interactive/types.ts","../src/interactive/keyboard.ts","../src/interactive/mouse.ts"],"names":["useLoop","callbacks","fixedFps","onUpdate","onFixedUpdate","onRender","fixedDelta","maxDelta","running","lastTime","accumulator","fps","frameCount","fpsTime","rafId","loop","currentTime","delta","alpha","Keys","MouseButton","useKeyboard","target","pressedKeys","setPressedKeys","use","justPressedKeys","setJustPressedKeys","justReleasedKeys","setJustReleasedKeys","handleKeyDown","e","key","currentPressed","newPressed","currentJustPressed","newJustPressed","handleKeyUp","currentJustReleased","newJustReleased","useMouse","options","canvasGetter","position","setPosition","setDelta","wheelDelta","setWheelDelta","buttons","setButtons","lastX","lastY","handleMouseMove","me","canvas","x","y","rect","handleMouseDown","button","currentButtons","newButtons","handleMouseUp","handleWheel","currentPosition","currentDelta","currentWheelDelta"],"mappings":"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","file":"interactive.js","sourcesContent":["import type { LoopCallbacks, Loop } from './types'\n\nexport type { LoopCallbacks, Loop }\n\nexport function useLoop(callbacks: LoopCallbacks): Loop {\n  const { fixedFps = 60, onUpdate, onFixedUpdate, onRender } = callbacks\n\n  const fixedDelta = 1 / fixedFps\n  const maxDelta = 0.25 // Cap delta at 250ms to prevent spiral of death\n\n  let running = false\n  let lastTime = 0\n  let accumulator = 0\n  let fps = 0\n  let frameCount = 0\n  let fpsTime = 0\n  let rafId: number | null = null\n\n  function loop(currentTime: number) {\n    if (!running) return\n\n    // Calculate delta in seconds\n    const delta = Math.min((currentTime - lastTime) / 1000, maxDelta)\n    lastTime = currentTime\n\n    // Variable timestep update\n    if (onUpdate) {\n      onUpdate(delta)\n    }\n\n    // Fixed timestep update\n    if (onFixedUpdate) {\n      accumulator += delta\n\n      while (accumulator >= fixedDelta) {\n        onFixedUpdate(fixedDelta)\n        accumulator -= fixedDelta\n      }\n    }\n\n    // Render with interpolation alpha\n    if (onRender) {\n      const alpha = accumulator / fixedDelta\n      onRender(alpha)\n    }\n\n    // FPS calculation\n    frameCount++\n    if (currentTime - fpsTime >= 1000) {\n      fps = frameCount\n      frameCount = 0\n      fpsTime = currentTime\n    }\n\n    rafId = requestAnimationFrame(loop)\n  }\n\n  return {\n    start: () => {\n      if (running) return\n      running = true\n      lastTime = performance.now()\n      accumulator = 0\n      rafId = requestAnimationFrame(loop)\n    },\n\n    stop: () => {\n      running = false\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId)\n        rafId = null\n      }\n    },\n\n    isRunning: () => running,\n\n    getFps: () => fps\n  }\n}\n","// Keyboard types\nexport enum Keys {\n    ArrowUp = 'ArrowUp',\n    ArrowDown = 'ArrowDown',\n    ArrowLeft = 'ArrowLeft',\n    ArrowRight = 'ArrowRight',\n    KeyW = 'KeyW',\n    KeyA = 'KeyA',\n    KeyS = 'KeyS',\n    KeyD = 'KeyD',\n    Space = 'Space',\n    Enter = 'Enter',\n    Escape = 'Escape',\n    Tab = 'Tab',\n    ShiftLeft = 'ShiftLeft',\n    ShiftRight = 'ShiftRight',\n    ControlLeft = 'ControlLeft',\n    ControlRight = 'ControlRight',\n    AltLeft = 'AltLeft',\n    AltRight = 'AltRight',\n    Digit0 = 'Digit0',\n    Digit1 = 'Digit1',\n    Digit2 = 'Digit2',\n    Digit3 = 'Digit3',\n    Digit4 = 'Digit4',\n    Digit5 = 'Digit5',\n    Digit6 = 'Digit6',\n    Digit7 = 'Digit7',\n    Digit8 = 'Digit8',\n    Digit9 = 'Digit9',\n    KeyE = 'KeyE',\n    KeyQ = 'KeyQ',\n    KeyR = 'KeyR',\n    KeyF = 'KeyF',\n}\n\nexport interface KeyboardState {\n    isPressed: (key: string) => boolean\n    isJustPressed: (key: string) => boolean\n    isJustReleased: (key: string) => boolean\n    getPressedKeys: () => string[]\n    clearFrameState: () => void\n    dispose: () => void\n}\n\n// Mouse types\nexport enum MouseButton {\n    Left = 0,\n    Middle = 1,\n    Right = 2\n}\n\nexport interface MouseOptions {\n    canvas?: HTMLCanvasElement | (() => HTMLCanvasElement | undefined)\n    target?: EventTarget\n}\n\nexport interface MouseState {\n    x: number | null\n    y: number | null\n    deltaX: number\n    deltaY: number\n    wheelDelta: number\n    isPressed: (button: MouseButton) => boolean\n    isLeftPressed: () => boolean\n    isRightPressed: () => boolean\n    isMiddlePressed: () => boolean\n    clearFrameState: () => void\n    dispose: () => void\n}\n\n// Loop types\nexport interface LoopCallbacks {\n    fixedFps?: number\n    onUpdate?: (delta: number) => void\n    onFixedUpdate?: (fixedDelta: number) => void\n    onRender?: (alpha: number) => void\n}\n\nexport interface Loop {\n    start: () => void\n    stop: () => void\n    isRunning: () => boolean\n    getFps: () => number\n}\n","import { use } from '../core/use'\nimport { Keys, type KeyboardState } from './types'\n\nexport { Keys, type KeyboardState }\n\nexport function useKeyboard(target: EventTarget = window): KeyboardState {\n  const [pressedKeys, setPressedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'pressed'] })\n  const [justPressedKeys, setJustPressedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'justPressed'] })\n  const [justReleasedKeys, setJustReleasedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'justReleased'] })\n\n  const handleKeyDown = (e: Event) => {\n    const key = (e as KeyboardEvent).code\n    const currentPressed = pressedKeys as Set<string>\n\n    if (!currentPressed.has(key)) {\n      const newPressed = new Set(currentPressed)\n      newPressed.add(key)\n      setPressedKeys(newPressed)\n\n      const currentJustPressed = justPressedKeys as Set<string>\n      const newJustPressed = new Set(currentJustPressed)\n      newJustPressed.add(key)\n      setJustPressedKeys(newJustPressed)\n    }\n  }\n\n  const handleKeyUp = (e: Event) => {\n    const key = (e as KeyboardEvent).code\n    const currentPressed = pressedKeys as Set<string>\n\n    const newPressed = new Set(currentPressed)\n    newPressed.delete(key)\n    setPressedKeys(newPressed)\n\n    const currentJustReleased = justReleasedKeys as Set<string>\n    const newJustReleased = new Set(currentJustReleased)\n    newJustReleased.add(key)\n    setJustReleasedKeys(newJustReleased)\n  }\n\n  target.addEventListener('keydown', handleKeyDown)\n  target.addEventListener('keyup', handleKeyUp)\n\n  return {\n    isPressed: (key: string) => {\n      const current = pressedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    isJustPressed: (key: string) => {\n      const current = justPressedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    isJustReleased: (key: string) => {\n      const current = justReleasedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    getPressedKeys: () => {\n      const current = pressedKeys as Set<string>\n      return Array.from(current || [])\n    },\n\n    clearFrameState: () => {\n      setJustPressedKeys(new Set<string>())\n      setJustReleasedKeys(new Set<string>())\n    },\n\n    dispose: () => {\n      target.removeEventListener('keydown', handleKeyDown)\n      target.removeEventListener('keyup', handleKeyUp)\n    }\n  }\n}\n","import { use } from '../core/use'\nimport { MouseButton, type MouseOptions, type MouseState } from './types'\n\nexport { MouseButton, type MouseOptions, type MouseState }\n\nexport function useMouse(options: MouseOptions = {}): MouseState {\n  const target = options.target || window\n  const canvasGetter = typeof options.canvas === 'function' ? options.canvas : () => options.canvas as HTMLCanvasElement | undefined\n\n  const [position, setPosition] = use({ x: 0, y: 0 }, { key: ['mouse', 'position'] })\n  const [delta, setDelta] = use({ x: 0, y: 0 }, { key: ['mouse', 'delta'] })\n  const [wheelDelta, setWheelDelta] = use(0, { key: ['mouse', 'wheel'] })\n  const [buttons, setButtons] = use<Set<number>>(new Set<number>(), { key: ['mouse', 'buttons'] })\n\n  let lastX = 0\n  let lastY = 0\n\n  const handleMouseMove = (e: Event) => {\n    const me = e as MouseEvent\n    const canvas = canvasGetter()\n\n    let x = me.clientX\n    let y = me.clientY\n\n    // If canvas is provided, calculate position relative to canvas\n    if (canvas) {\n      const rect = canvas.getBoundingClientRect()\n      x = me.clientX - rect.left\n      y = me.clientY - rect.top\n    }\n\n    setPosition({ x, y })\n    setDelta({ x: x - lastX, y: y - lastY })\n    lastX = x\n    lastY = y\n  }\n\n  const handleMouseDown = (e: Event) => {\n    const button = (e as MouseEvent).button\n    const currentButtons = buttons as Set<number>\n    const newButtons = new Set(currentButtons)\n    newButtons.add(button)\n    setButtons(newButtons)\n  }\n\n  const handleMouseUp = (e: Event) => {\n    const button = (e as MouseEvent).button\n    const currentButtons = buttons as Set<number>\n    const newButtons = new Set(currentButtons)\n    newButtons.delete(button)\n    setButtons(newButtons)\n  }\n\n  const handleWheel = (e: Event) => {\n    const we = e as WheelEvent\n    setWheelDelta(we.deltaY)\n  }\n\n  target.addEventListener('mousemove', handleMouseMove)\n  target.addEventListener('mousedown', handleMouseDown)\n  target.addEventListener('mouseup', handleMouseUp)\n  target.addEventListener('wheel', handleWheel)\n\n  const currentButtons = buttons as Set<number>\n  const currentPosition = position as { x: number; y: number }\n  const currentDelta = delta as { x: number; y: number }\n  const currentWheelDelta = wheelDelta as number\n\n  return {\n    get x() { return currentPosition.x },\n    get y() { return currentPosition.y },\n    get deltaX() { return currentDelta.x },\n    get deltaY() { return currentDelta.y },\n    get wheelDelta() { return currentWheelDelta },\n\n    isPressed: (button: MouseButton) => currentButtons?.has(button) || false,\n\n    isLeftPressed: () => currentButtons?.has(MouseButton.Left) || false,\n\n    isRightPressed: () => currentButtons?.has(MouseButton.Right) || false,\n\n    isMiddlePressed: () => currentButtons?.has(MouseButton.Middle) || false,\n\n    clearFrameState: () => {\n      setDelta({ x: 0, y: 0 })\n      setWheelDelta(0)\n    },\n\n    dispose: () => {\n      target.removeEventListener('mousemove', handleMouseMove)\n      target.removeEventListener('mousedown', handleMouseDown)\n      target.removeEventListener('mouseup', handleMouseUp)\n      target.removeEventListener('wheel', handleWheel)\n    }\n  }\n}\n"]}

package/dist/interactive.mjs

@@ -1,2 +0,0 @@
-import {c}from'./chunk-3AKECLKA.mjs';import'./chunk-NRPWBHKP.mjs';import'./chunk-MI76R42D.mjs';function F(a){let{fixedFps:n=60,onUpdate:v,onFixedUpdate:o,onRender:y}=a,p=1/n,S=.25,l=false,m=0,t=0,s=0,i=0,u=0,r=null;function d(w){if(!l)return;let D=Math.min((w-m)/1e3,S);if(m=w,v&&v(D),o)for(t+=D;t>=p;)o(p),t-=p;if(y){let h=t/p;y(h);}i++,w-u>=1e3&&(s=i,i=0,u=w),r=requestAnimationFrame(d);}return {start:()=>{l||(l=true,m=performance.now(),t=0,r=requestAnimationFrame(d));},stop:()=>{l=false,r!==null&&(cancelAnimationFrame(r),r=null);},isRunning:()=>l,getFps:()=>s}}var x=(e=>(e.ArrowUp="ArrowUp",e.ArrowDown="ArrowDown",e.ArrowLeft="ArrowLeft",e.ArrowRight="ArrowRight",e.KeyW="KeyW",e.KeyA="KeyA",e.KeyS="KeyS",e.KeyD="KeyD",e.Space="Space",e.Enter="Enter",e.Escape="Escape",e.Tab="Tab",e.ShiftLeft="ShiftLeft",e.ShiftRight="ShiftRight",e.ControlLeft="ControlLeft",e.ControlRight="ControlRight",e.AltLeft="AltLeft",e.AltRight="AltRight",e.Digit0="Digit0",e.Digit1="Digit1",e.Digit2="Digit2",e.Digit3="Digit3",e.Digit4="Digit4",e.Digit5="Digit5",e.Digit6="Digit6",e.Digit7="Digit7",e.Digit8="Digit8",e.Digit9="Digit9",e.KeyE="KeyE",e.KeyQ="KeyQ",e.KeyR="KeyR",e.KeyF="KeyF",e))(x||{}),P=(o=>(o[o.Left=0]="Left",o[o.Middle=1]="Middle",o[o.Right=2]="Right",o))(P||{});function C(a=window){let[n,v]=c(new Set,{key:["keyboard","pressed"]}),[o,y]=c(new Set,{key:["keyboard","justPressed"]}),[p,S]=c(new Set,{key:["keyboard","justReleased"]}),l=t=>{let s=t.code,i=n;if(!i.has(s)){let u=new Set(i);u.add(s),v(u);let r=o,d=new Set(r);d.add(s),y(d);}},m=t=>{let s=t.code,i=n,u=new Set(i);u.delete(s),v(u);let r=p,d=new Set(r);d.add(s),S(d);};return a.addEventListener("keydown",l),a.addEventListener("keyup",m),{isPressed:t=>n?.has(t)||false,isJustPressed:t=>o?.has(t)||false,isJustReleased:t=>p?.has(t)||false,getPressedKeys:()=>Array.from(n||[]),clearFrameState:()=>{y(new Set),S(new Set);},dispose:()=>{a.removeEventListener("keydown",l),a.removeEventListener("keyup",m);}}}function J(a={}){let n=a.target||window,v=typeof a.canvas=="function"?a.canvas:()=>a.canvas,[o,y]=c({x:0,y:0},{key:["mouse","position"]}),[p,S]=c({x:0,y:0},{key:["mouse","delta"]}),[l,m]=c(0,{key:["mouse","wheel"]}),[t,s]=c(new Set,{key:["mouse","buttons"]}),i=0,u=0,r=g=>{let f=g,L=v(),c=f.clientX,E=f.clientY;if(L){let k=L.getBoundingClientRect();c=f.clientX-k.left,E=f.clientY-k.top;}y({x:c,y:E}),S({x:c-i,y:E-u}),i=c,u=E;},d=g=>{let f=g.button,L=t,c=new Set(L);c.add(f),s(c);},w=g=>{let f=g.button,L=t,c=new Set(L);c.delete(f),s(c);},D=g=>{m(g.deltaY);};n.addEventListener("mousemove",r),n.addEventListener("mousedown",d),n.addEventListener("mouseup",w),n.addEventListener("wheel",D);let h=t,R=o,M=p,A=l;return {get x(){return R.x},get y(){return R.y},get deltaX(){return M.x},get deltaY(){return M.y},get wheelDelta(){return A},isPressed:g=>h?.has(g)||false,isLeftPressed:()=>h?.has(0)||false,isRightPressed:()=>h?.has(2)||false,isMiddlePressed:()=>h?.has(1)||false,clearFrameState:()=>{S({x:0,y:0}),m(0);},dispose:()=>{n.removeEventListener("mousemove",r),n.removeEventListener("mousedown",d),n.removeEventListener("mouseup",w),n.removeEventListener("wheel",D);}}}export{x as Keys,P as MouseButton,C as useKeyboard,F as useLoop,J as useMouse};//# sourceMappingURL=interactive.mjs.map
-//# sourceMappingURL=interactive.mjs.map

package/dist/interactive.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interactive/loop.ts","../src/interactive/types.ts","../src/interactive/keyboard.ts","../src/interactive/mouse.ts"],"names":["useLoop","callbacks","fixedFps","onUpdate","onFixedUpdate","onRender","fixedDelta","maxDelta","running","lastTime","accumulator","fps","frameCount","fpsTime","rafId","loop","currentTime","delta","alpha","Keys","MouseButton","useKeyboard","target","pressedKeys","setPressedKeys","use","justPressedKeys","setJustPressedKeys","justReleasedKeys","setJustReleasedKeys","handleKeyDown","e","key","currentPressed","newPressed","currentJustPressed","newJustPressed","handleKeyUp","currentJustReleased","newJustReleased","useMouse","options","canvasGetter","position","setPosition","setDelta","wheelDelta","setWheelDelta","buttons","setButtons","lastX","lastY","handleMouseMove","me","canvas","x","y","rect","handleMouseDown","button","currentButtons","newButtons","handleMouseUp","handleWheel","currentPosition","currentDelta","currentWheelDelta"],"mappings":"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","file":"interactive.mjs","sourcesContent":["import type { LoopCallbacks, Loop } from './types'\n\nexport type { LoopCallbacks, Loop }\n\nexport function useLoop(callbacks: LoopCallbacks): Loop {\n  const { fixedFps = 60, onUpdate, onFixedUpdate, onRender } = callbacks\n\n  const fixedDelta = 1 / fixedFps\n  const maxDelta = 0.25 // Cap delta at 250ms to prevent spiral of death\n\n  let running = false\n  let lastTime = 0\n  let accumulator = 0\n  let fps = 0\n  let frameCount = 0\n  let fpsTime = 0\n  let rafId: number | null = null\n\n  function loop(currentTime: number) {\n    if (!running) return\n\n    // Calculate delta in seconds\n    const delta = Math.min((currentTime - lastTime) / 1000, maxDelta)\n    lastTime = currentTime\n\n    // Variable timestep update\n    if (onUpdate) {\n      onUpdate(delta)\n    }\n\n    // Fixed timestep update\n    if (onFixedUpdate) {\n      accumulator += delta\n\n      while (accumulator >= fixedDelta) {\n        onFixedUpdate(fixedDelta)\n        accumulator -= fixedDelta\n      }\n    }\n\n    // Render with interpolation alpha\n    if (onRender) {\n      const alpha = accumulator / fixedDelta\n      onRender(alpha)\n    }\n\n    // FPS calculation\n    frameCount++\n    if (currentTime - fpsTime >= 1000) {\n      fps = frameCount\n      frameCount = 0\n      fpsTime = currentTime\n    }\n\n    rafId = requestAnimationFrame(loop)\n  }\n\n  return {\n    start: () => {\n      if (running) return\n      running = true\n      lastTime = performance.now()\n      accumulator = 0\n      rafId = requestAnimationFrame(loop)\n    },\n\n    stop: () => {\n      running = false\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId)\n        rafId = null\n      }\n    },\n\n    isRunning: () => running,\n\n    getFps: () => fps\n  }\n}\n","// Keyboard types\nexport enum Keys {\n    ArrowUp = 'ArrowUp',\n    ArrowDown = 'ArrowDown',\n    ArrowLeft = 'ArrowLeft',\n    ArrowRight = 'ArrowRight',\n    KeyW = 'KeyW',\n    KeyA = 'KeyA',\n    KeyS = 'KeyS',\n    KeyD = 'KeyD',\n    Space = 'Space',\n    Enter = 'Enter',\n    Escape = 'Escape',\n    Tab = 'Tab',\n    ShiftLeft = 'ShiftLeft',\n    ShiftRight = 'ShiftRight',\n    ControlLeft = 'ControlLeft',\n    ControlRight = 'ControlRight',\n    AltLeft = 'AltLeft',\n    AltRight = 'AltRight',\n    Digit0 = 'Digit0',\n    Digit1 = 'Digit1',\n    Digit2 = 'Digit2',\n    Digit3 = 'Digit3',\n    Digit4 = 'Digit4',\n    Digit5 = 'Digit5',\n    Digit6 = 'Digit6',\n    Digit7 = 'Digit7',\n    Digit8 = 'Digit8',\n    Digit9 = 'Digit9',\n    KeyE = 'KeyE',\n    KeyQ = 'KeyQ',\n    KeyR = 'KeyR',\n    KeyF = 'KeyF',\n}\n\nexport interface KeyboardState {\n    isPressed: (key: string) => boolean\n    isJustPressed: (key: string) => boolean\n    isJustReleased: (key: string) => boolean\n    getPressedKeys: () => string[]\n    clearFrameState: () => void\n    dispose: () => void\n}\n\n// Mouse types\nexport enum MouseButton {\n    Left = 0,\n    Middle = 1,\n    Right = 2\n}\n\nexport interface MouseOptions {\n    canvas?: HTMLCanvasElement | (() => HTMLCanvasElement | undefined)\n    target?: EventTarget\n}\n\nexport interface MouseState {\n    x: number | null\n    y: number | null\n    deltaX: number\n    deltaY: number\n    wheelDelta: number\n    isPressed: (button: MouseButton) => boolean\n    isLeftPressed: () => boolean\n    isRightPressed: () => boolean\n    isMiddlePressed: () => boolean\n    clearFrameState: () => void\n    dispose: () => void\n}\n\n// Loop types\nexport interface LoopCallbacks {\n    fixedFps?: number\n    onUpdate?: (delta: number) => void\n    onFixedUpdate?: (fixedDelta: number) => void\n    onRender?: (alpha: number) => void\n}\n\nexport interface Loop {\n    start: () => void\n    stop: () => void\n    isRunning: () => boolean\n    getFps: () => number\n}\n","import { use } from '../core/use'\nimport { Keys, type KeyboardState } from './types'\n\nexport { Keys, type KeyboardState }\n\nexport function useKeyboard(target: EventTarget = window): KeyboardState {\n  const [pressedKeys, setPressedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'pressed'] })\n  const [justPressedKeys, setJustPressedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'justPressed'] })\n  const [justReleasedKeys, setJustReleasedKeys] = use<Set<string>>(new Set<string>(), { key: ['keyboard', 'justReleased'] })\n\n  const handleKeyDown = (e: Event) => {\n    const key = (e as KeyboardEvent).code\n    const currentPressed = pressedKeys as Set<string>\n\n    if (!currentPressed.has(key)) {\n      const newPressed = new Set(currentPressed)\n      newPressed.add(key)\n      setPressedKeys(newPressed)\n\n      const currentJustPressed = justPressedKeys as Set<string>\n      const newJustPressed = new Set(currentJustPressed)\n      newJustPressed.add(key)\n      setJustPressedKeys(newJustPressed)\n    }\n  }\n\n  const handleKeyUp = (e: Event) => {\n    const key = (e as KeyboardEvent).code\n    const currentPressed = pressedKeys as Set<string>\n\n    const newPressed = new Set(currentPressed)\n    newPressed.delete(key)\n    setPressedKeys(newPressed)\n\n    const currentJustReleased = justReleasedKeys as Set<string>\n    const newJustReleased = new Set(currentJustReleased)\n    newJustReleased.add(key)\n    setJustReleasedKeys(newJustReleased)\n  }\n\n  target.addEventListener('keydown', handleKeyDown)\n  target.addEventListener('keyup', handleKeyUp)\n\n  return {\n    isPressed: (key: string) => {\n      const current = pressedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    isJustPressed: (key: string) => {\n      const current = justPressedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    isJustReleased: (key: string) => {\n      const current = justReleasedKeys as Set<string>\n      return current?.has(key) || false\n    },\n\n    getPressedKeys: () => {\n      const current = pressedKeys as Set<string>\n      return Array.from(current || [])\n    },\n\n    clearFrameState: () => {\n      setJustPressedKeys(new Set<string>())\n      setJustReleasedKeys(new Set<string>())\n    },\n\n    dispose: () => {\n      target.removeEventListener('keydown', handleKeyDown)\n      target.removeEventListener('keyup', handleKeyUp)\n    }\n  }\n}\n","import { use } from '../core/use'\nimport { MouseButton, type MouseOptions, type MouseState } from './types'\n\nexport { MouseButton, type MouseOptions, type MouseState }\n\nexport function useMouse(options: MouseOptions = {}): MouseState {\n  const target = options.target || window\n  const canvasGetter = typeof options.canvas === 'function' ? options.canvas : () => options.canvas as HTMLCanvasElement | undefined\n\n  const [position, setPosition] = use({ x: 0, y: 0 }, { key: ['mouse', 'position'] })\n  const [delta, setDelta] = use({ x: 0, y: 0 }, { key: ['mouse', 'delta'] })\n  const [wheelDelta, setWheelDelta] = use(0, { key: ['mouse', 'wheel'] })\n  const [buttons, setButtons] = use<Set<number>>(new Set<number>(), { key: ['mouse', 'buttons'] })\n\n  let lastX = 0\n  let lastY = 0\n\n  const handleMouseMove = (e: Event) => {\n    const me = e as MouseEvent\n    const canvas = canvasGetter()\n\n    let x = me.clientX\n    let y = me.clientY\n\n    // If canvas is provided, calculate position relative to canvas\n    if (canvas) {\n      const rect = canvas.getBoundingClientRect()\n      x = me.clientX - rect.left\n      y = me.clientY - rect.top\n    }\n\n    setPosition({ x, y })\n    setDelta({ x: x - lastX, y: y - lastY })\n    lastX = x\n    lastY = y\n  }\n\n  const handleMouseDown = (e: Event) => {\n    const button = (e as MouseEvent).button\n    const currentButtons = buttons as Set<number>\n    const newButtons = new Set(currentButtons)\n    newButtons.add(button)\n    setButtons(newButtons)\n  }\n\n  const handleMouseUp = (e: Event) => {\n    const button = (e as MouseEvent).button\n    const currentButtons = buttons as Set<number>\n    const newButtons = new Set(currentButtons)\n    newButtons.delete(button)\n    setButtons(newButtons)\n  }\n\n  const handleWheel = (e: Event) => {\n    const we = e as WheelEvent\n    setWheelDelta(we.deltaY)\n  }\n\n  target.addEventListener('mousemove', handleMouseMove)\n  target.addEventListener('mousedown', handleMouseDown)\n  target.addEventListener('mouseup', handleMouseUp)\n  target.addEventListener('wheel', handleWheel)\n\n  const currentButtons = buttons as Set<number>\n  const currentPosition = position as { x: number; y: number }\n  const currentDelta = delta as { x: number; y: number }\n  const currentWheelDelta = wheelDelta as number\n\n  return {\n    get x() { return currentPosition.x },\n    get y() { return currentPosition.y },\n    get deltaX() { return currentDelta.x },\n    get deltaY() { return currentDelta.y },\n    get wheelDelta() { return currentWheelDelta },\n\n    isPressed: (button: MouseButton) => currentButtons?.has(button) || false,\n\n    isLeftPressed: () => currentButtons?.has(MouseButton.Left) || false,\n\n    isRightPressed: () => currentButtons?.has(MouseButton.Right) || false,\n\n    isMiddlePressed: () => currentButtons?.has(MouseButton.Middle) || false,\n\n    clearFrameState: () => {\n      setDelta({ x: 0, y: 0 })\n      setWheelDelta(0)\n    },\n\n    dispose: () => {\n      target.removeEventListener('mousemove', handleMouseMove)\n      target.removeEventListener('mousedown', handleMouseDown)\n      target.removeEventListener('mouseup', handleMouseUp)\n      target.removeEventListener('wheel', handleWheel)\n    }\n  }\n}\n"]}