@hypertools/sdk 0.1.0

package/dist/recording/index.js.map

@@ -0,0 +1,12 @@
+{
+  "version": 3,
+  "sources": ["../../src/recording/VideoRecorder.ts", "../../src/recording/ImageCapture.ts", "../../src/recording/Timeline.ts"],
+  "sourcesContent": [
+    "/**\n * Video recording using MediaRecorder API\n */\n\nexport interface RecordingOptions {\n  /** Output format (default: 'webm') */\n  format?: 'webm' | 'mp4';\n\n  /** Video quality (0-1, default: 0.9) */\n  quality?: number;\n\n  /** Frame rate (default: 60) */\n  frameRate?: number;\n\n  /** Maximum recording duration in seconds */\n  maxDuration?: number;\n\n  /** Video bitrate in bits per second */\n  videoBitsPerSecond?: number;\n\n  /** Audio bitrate (if audio track present) */\n  audioBitsPerSecond?: number;\n}\n\nexport interface RecorderHandle {\n  /** Whether currently recording */\n  readonly isRecording: boolean;\n\n  /** Current recording duration in seconds */\n  readonly duration: number;\n\n  /** Progress (0-1) if maxDuration set */\n  readonly progress: number;\n\n  /** Stop recording and get the blob */\n  stop(): Promise<Blob>;\n\n  /** Pause recording */\n  pause(): void;\n\n  /** Resume recording */\n  resume(): void;\n\n  /** Cancel recording without getting result */\n  cancel(): void;\n}\n\nexport class VideoRecorder {\n  private _canvas: HTMLCanvasElement | null = null;\n  private _recorder: MediaRecorder | null = null;\n  private _chunks: Blob[] = [];\n  private _startTime = 0;\n  private _isRecording = false;\n  private _isPaused = false;\n  private _maxDurationTimer?: ReturnType<typeof setTimeout>;\n\n  constructor(canvas: HTMLCanvasElement) {\n    this._canvas = canvas;\n  }\n\n  /**\n   * Check if MediaRecorder is supported\n   */\n  static isSupported(): boolean {\n    return typeof MediaRecorder !== 'undefined' &&\n      typeof HTMLCanvasElement.prototype.captureStream === 'function';\n  }\n\n  /**\n   * Get supported MIME types\n   */\n  static getSupportedMimeTypes(): string[] {\n    const types = [\n      'video/webm;codecs=vp9',\n      'video/webm;codecs=vp8',\n      'video/webm',\n      'video/mp4;codecs=h264',\n      'video/mp4',\n    ];\n    return types.filter((type) => MediaRecorder.isTypeSupported(type));\n  }\n\n  /**\n   * Start recording\n   */\n  start(options: RecordingOptions = {}): RecorderHandle {\n    if (!this._canvas) {\n      throw new Error('No canvas provided');\n    }\n\n    if (this._isRecording) {\n      throw new Error('Already recording');\n    }\n\n    const frameRate = options.frameRate ?? 60;\n    const stream = this._canvas.captureStream(frameRate);\n\n    // Determine MIME type\n    let mimeType: string;\n    if (options.format === 'mp4') {\n      mimeType = MediaRecorder.isTypeSupported('video/mp4;codecs=h264')\n        ? 'video/mp4;codecs=h264'\n        : 'video/mp4';\n    } else {\n      mimeType = MediaRecorder.isTypeSupported('video/webm;codecs=vp9')\n        ? 'video/webm;codecs=vp9'\n        : 'video/webm';\n    }\n\n    // Create recorder\n    this._recorder = new MediaRecorder(stream, {\n      mimeType,\n      videoBitsPerSecond: options.videoBitsPerSecond ?? 5_000_000,\n      audioBitsPerSecond: options.audioBitsPerSecond,\n    });\n\n    this._chunks = [];\n    this._startTime = Date.now();\n    this._isRecording = true;\n    this._isPaused = false;\n\n    // Collect data\n    this._recorder.ondataavailable = (event) => {\n      if (event.data.size > 0) {\n        this._chunks.push(event.data);\n      }\n    };\n\n    // Start recording (collect data every 100ms for smoother progress)\n    this._recorder.start(100);\n\n    // Auto-stop at max duration\n    if (options.maxDuration) {\n      this._maxDurationTimer = setTimeout(() => {\n        if (this._isRecording) {\n          this._recorder?.stop();\n        }\n      }, options.maxDuration * 1000);\n    }\n\n    // Return handle\n    const self = this;\n    return {\n      get isRecording() {\n        return self._isRecording;\n      },\n      get duration() {\n        if (!self._isRecording) return 0;\n        return (Date.now() - self._startTime) / 1000;\n      },\n      get progress() {\n        if (!options.maxDuration) return 0;\n        return Math.min(1, this.duration / options.maxDuration);\n      },\n      stop: () => self._stop(),\n      pause: () => self._pause(),\n      resume: () => self._resume(),\n      cancel: () => self._cancel(),\n    };\n  }\n\n  private _stop(): Promise<Blob> {\n    return new Promise((resolve, reject) => {\n      if (!this._recorder) {\n        reject(new Error('No active recording'));\n        return;\n      }\n\n      if (this._maxDurationTimer) {\n        clearTimeout(this._maxDurationTimer);\n      }\n\n      this._recorder.onstop = () => {\n        this._isRecording = false;\n        this._isPaused = false;\n\n        const mimeType = this._recorder?.mimeType ?? 'video/webm';\n        const blob = new Blob(this._chunks, { type: mimeType });\n\n        this._recorder = null;\n        this._chunks = [];\n\n        resolve(blob);\n      };\n\n      this._recorder.onerror = (event) => {\n        this._isRecording = false;\n        reject(new Error('Recording failed'));\n      };\n\n      this._recorder.stop();\n    });\n  }\n\n  private _pause(): void {\n    if (this._recorder && this._isRecording && !this._isPaused) {\n      this._recorder.pause();\n      this._isPaused = true;\n    }\n  }\n\n  private _resume(): void {\n    if (this._recorder && this._isRecording && this._isPaused) {\n      this._recorder.resume();\n      this._isPaused = false;\n    }\n  }\n\n  private _cancel(): void {\n    if (this._maxDurationTimer) {\n      clearTimeout(this._maxDurationTimer);\n    }\n\n    if (this._recorder && this._isRecording) {\n      this._recorder.onstop = null;\n      this._recorder.stop();\n    }\n\n    this._isRecording = false;\n    this._isPaused = false;\n    this._recorder = null;\n    this._chunks = [];\n  }\n\n  /**\n   * Dispose the recorder\n   */\n  dispose(): void {\n    this._cancel();\n    this._canvas = null;\n  }\n}\n",
+    "/**\n * Image capture utilities for canvas\n */\n\nexport interface CaptureOptions {\n  /** Image format (default: 'png') */\n  format?: 'png' | 'jpeg' | 'webp';\n\n  /** Quality for jpeg/webp (0-1, default: 0.92) */\n  quality?: number;\n\n  /** Optional filename for download */\n  filename?: string;\n\n  /** Scale factor (default: 1) */\n  scale?: number;\n}\n\nexport interface CaptureResult {\n  blob: Blob;\n  url: string;\n  width: number;\n  height: number;\n  format: string;\n}\n\nexport class ImageCapture {\n  private _canvas: HTMLCanvasElement | null = null;\n\n  constructor(canvas: HTMLCanvasElement) {\n    this._canvas = canvas;\n  }\n\n  /**\n   * Capture current canvas state as blob\n   */\n  async capture(options: CaptureOptions = {}): Promise<CaptureResult | null> {\n    if (!this._canvas) {\n      console.warn('[ImageCapture] No canvas provided');\n      return null;\n    }\n\n    const format = options.format ?? 'png';\n    const quality = options.quality ?? 0.92;\n    const scale = options.scale ?? 1;\n\n    let canvas = this._canvas;\n\n    // Handle scaling\n    if (scale !== 1) {\n      canvas = this._createScaledCanvas(scale);\n    }\n\n    const mimeType = `image/${format}`;\n\n    return new Promise((resolve) => {\n      canvas.toBlob(\n        (blob) => {\n          if (!blob) {\n            resolve(null);\n            return;\n          }\n\n          const url = URL.createObjectURL(blob);\n          resolve({\n            blob,\n            url,\n            width: canvas.width,\n            height: canvas.height,\n            format,\n          });\n        },\n        mimeType,\n        format === 'png' ? undefined : quality\n      );\n    });\n  }\n\n  /**\n   * Capture and download immediately\n   */\n  async download(options: CaptureOptions = {}): Promise<void> {\n    const result = await this.capture(options);\n    if (!result) {\n      console.warn('[ImageCapture] Capture failed');\n      return;\n    }\n\n    const filename = options.filename ?? `capture-${Date.now()}.${options.format ?? 'png'}`;\n\n    const link = document.createElement('a');\n    link.href = result.url;\n    link.download = filename;\n    link.click();\n\n    // Cleanup URL after download starts\n    setTimeout(() => URL.revokeObjectURL(result.url), 1000);\n  }\n\n  /**\n   * Capture as data URL\n   */\n  toDataURL(options: CaptureOptions = {}): string {\n    if (!this._canvas) {\n      throw new Error('No canvas provided');\n    }\n\n    const format = options.format ?? 'png';\n    const quality = options.quality ?? 0.92;\n    const mimeType = `image/${format}`;\n\n    return this._canvas.toDataURL(mimeType, format === 'png' ? undefined : quality);\n  }\n\n  /**\n   * Copy to clipboard (if supported)\n   */\n  async copyToClipboard(options: CaptureOptions = {}): Promise<boolean> {\n    if (!navigator.clipboard?.write) {\n      console.warn('[ImageCapture] Clipboard API not supported');\n      return false;\n    }\n\n    const result = await this.capture({ ...options, format: 'png' });\n    if (!result) {\n      return false;\n    }\n\n    try {\n      await navigator.clipboard.write([\n        new ClipboardItem({ 'image/png': result.blob }),\n      ]);\n      URL.revokeObjectURL(result.url);\n      return true;\n    } catch (error) {\n      console.error('[ImageCapture] Clipboard write failed:', error);\n      URL.revokeObjectURL(result.url);\n      return false;\n    }\n  }\n\n  private _createScaledCanvas(scale: number): HTMLCanvasElement {\n    if (!this._canvas) {\n      throw new Error('No canvas provided');\n    }\n\n    const scaled = document.createElement('canvas');\n    scaled.width = Math.floor(this._canvas.width * scale);\n    scaled.height = Math.floor(this._canvas.height * scale);\n\n    const ctx = scaled.getContext('2d');\n    if (ctx) {\n      ctx.scale(scale, scale);\n      ctx.drawImage(this._canvas, 0, 0);\n    }\n\n    return scaled;\n  }\n\n  /**\n   * Dispose the capture instance\n   */\n  dispose(): void {\n    this._canvas = null;\n  }\n}\n",
+    "/**\n * Keyframe-based timeline animation system\n */\n\nexport type EasingFunction =\n  | 'linear'\n  | 'ease-in'\n  | 'ease-out'\n  | 'ease-in-out'\n  | 'ease-in-quad'\n  | 'ease-out-quad'\n  | 'ease-in-cubic'\n  | 'ease-out-cubic'\n  | ((t: number) => number);\n\nexport interface TimelineKeyframe {\n  time: number;\n  params: Record<string, unknown>;\n  easing?: EasingFunction;\n}\n\nexport interface TimelineOptions {\n  /** Loop the timeline (default: false) */\n  loop?: boolean;\n\n  /** Auto-start (default: false) */\n  autoplay?: boolean;\n\n  /** Playback speed multiplier (default: 1) */\n  speed?: number;\n}\n\nexport interface TimelineState {\n  currentTime: number;\n  duration: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  progress: number;\n}\n\ntype ParamSetter = (params: Record<string, unknown>) => void;\n\n// Built-in easing functions\nconst EASING_FUNCTIONS: Record<string, (t: number) => number> = {\n  linear: (t) => t,\n  'ease-in': (t) => t * t,\n  'ease-out': (t) => t * (2 - t),\n  'ease-in-out': (t) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n  'ease-in-quad': (t) => t * t,\n  'ease-out-quad': (t) => t * (2 - t),\n  'ease-in-cubic': (t) => t * t * t,\n  'ease-out-cubic': (t) => --t * t * t + 1,\n};\n\nexport class Timeline {\n  private _keyframes: TimelineKeyframe[] = [];\n  private _duration = 0;\n  private _currentTime = 0;\n  private _isPlaying = false;\n  private _isPaused = false;\n  private _options: Required<TimelineOptions>;\n  private _animationFrame?: number;\n  private _lastTickTime = 0;\n  private _paramSetter: ParamSetter;\n  private _onComplete?: () => void;\n  private _onUpdate?: (state: TimelineState) => void;\n\n  constructor(paramSetter: ParamSetter, options: TimelineOptions = {}) {\n    this._paramSetter = paramSetter;\n    this._options = {\n      loop: options.loop ?? false,\n      autoplay: options.autoplay ?? false,\n      speed: options.speed ?? 1,\n    };\n\n    if (this._options.autoplay) {\n      this.play();\n    }\n  }\n\n  // ===== Keyframe Management =====\n\n  /**\n   * Add a keyframe at specified time\n   */\n  addKeyframe(\n    time: number,\n    params: Record<string, unknown>,\n    easing?: EasingFunction\n  ): this {\n    this._keyframes.push({ time, params, easing });\n    this._keyframes.sort((a, b) => a.time - b.time);\n    this._recalculateDuration();\n    return this;\n  }\n\n  /**\n   * Remove keyframe at specified time\n   */\n  removeKeyframe(time: number): this {\n    this._keyframes = this._keyframes.filter((kf) => kf.time !== time);\n    this._recalculateDuration();\n    return this;\n  }\n\n  /**\n   * Remove all keyframes\n   */\n  clearKeyframes(): this {\n    this._keyframes = [];\n    this._duration = 0;\n    return this;\n  }\n\n  /**\n   * Get all keyframes\n   */\n  getKeyframes(): TimelineKeyframe[] {\n    return [...this._keyframes];\n  }\n\n  // ===== Playback Control =====\n\n  /**\n   * Start playing timeline\n   */\n  play(): this {\n    if (this._isPlaying && !this._isPaused) return this;\n\n    this._isPlaying = true;\n    this._isPaused = false;\n    this._lastTickTime = performance.now();\n    this._tick();\n    return this;\n  }\n\n  /**\n   * Pause timeline\n   */\n  pause(): this {\n    this._isPaused = true;\n    if (this._animationFrame) {\n      cancelAnimationFrame(this._animationFrame);\n      this._animationFrame = undefined;\n    }\n    return this;\n  }\n\n  /**\n   * Stop and reset to start\n   */\n  stop(): this {\n    this._isPlaying = false;\n    this._isPaused = false;\n    this._currentTime = 0;\n    if (this._animationFrame) {\n      cancelAnimationFrame(this._animationFrame);\n      this._animationFrame = undefined;\n    }\n    this._applyParamsAtTime(0);\n    return this;\n  }\n\n  /**\n   * Seek to specific time\n   */\n  seek(time: number): this {\n    this._currentTime = Math.max(0, Math.min(time, this._duration));\n    this._applyParamsAtTime(this._currentTime);\n    return this;\n  }\n\n  /**\n   * Seek to progress (0-1)\n   */\n  seekProgress(progress: number): this {\n    return this.seek(progress * this._duration);\n  }\n\n  /**\n   * Set playback speed\n   */\n  setSpeed(speed: number): this {\n    this._options.speed = speed;\n    return this;\n  }\n\n  // ===== State =====\n\n  get duration(): number {\n    return this._duration;\n  }\n\n  get currentTime(): number {\n    return this._currentTime;\n  }\n\n  get isPlaying(): boolean {\n    return this._isPlaying && !this._isPaused;\n  }\n\n  get isPaused(): boolean {\n    return this._isPaused;\n  }\n\n  get progress(): number {\n    return this._duration > 0 ? this._currentTime / this._duration : 0;\n  }\n\n  getState(): TimelineState {\n    return {\n      currentTime: this._currentTime,\n      duration: this._duration,\n      isPlaying: this._isPlaying && !this._isPaused,\n      isPaused: this._isPaused,\n      progress: this.progress,\n    };\n  }\n\n  // ===== Events =====\n\n  /**\n   * Called when timeline completes (or loops)\n   */\n  onComplete(callback: () => void): this {\n    this._onComplete = callback;\n    return this;\n  }\n\n  /**\n   * Called on each update\n   */\n  onUpdate(callback: (state: TimelineState) => void): this {\n    this._onUpdate = callback;\n    return this;\n  }\n\n  // ===== Internal =====\n\n  private _tick(): void {\n    if (!this._isPlaying || this._isPaused) return;\n\n    const now = performance.now();\n    const delta = (now - this._lastTickTime) * this._options.speed;\n    this._lastTickTime = now;\n\n    this._currentTime += delta / 1000; // Convert to seconds\n\n    // Check for completion\n    if (this._currentTime >= this._duration) {\n      if (this._options.loop) {\n        this._currentTime = this._currentTime % this._duration;\n      } else {\n        this._currentTime = this._duration;\n        this._isPlaying = false;\n        this._applyParamsAtTime(this._currentTime);\n        this._onComplete?.();\n        this._onUpdate?.(this.getState());\n        return;\n      }\n    }\n\n    this._applyParamsAtTime(this._currentTime);\n    this._onUpdate?.(this.getState());\n\n    this._animationFrame = requestAnimationFrame(() => this._tick());\n  }\n\n  private _applyParamsAtTime(time: number): void {\n    if (this._keyframes.length === 0) return;\n\n    // Find surrounding keyframes\n    let prevKf: TimelineKeyframe | null = null;\n    let nextKf: TimelineKeyframe | null = null;\n\n    for (let i = 0; i < this._keyframes.length; i++) {\n      if (this._keyframes[i].time <= time) {\n        prevKf = this._keyframes[i];\n      }\n      if (this._keyframes[i].time >= time && !nextKf) {\n        nextKf = this._keyframes[i];\n      }\n    }\n\n    // If before first keyframe, use first\n    if (!prevKf && nextKf) {\n      this._paramSetter(nextKf.params);\n      return;\n    }\n\n    // If after last keyframe, use last\n    if (prevKf && !nextKf) {\n      this._paramSetter(prevKf.params);\n      return;\n    }\n\n    // If same keyframe, just apply\n    if (prevKf && nextKf && prevKf.time === nextKf.time) {\n      this._paramSetter(prevKf.params);\n      return;\n    }\n\n    // Interpolate between keyframes\n    if (prevKf && nextKf) {\n      const duration = nextKf.time - prevKf.time;\n      const elapsed = time - prevKf.time;\n      const rawProgress = duration > 0 ? elapsed / duration : 1;\n\n      // Apply easing\n      const easing = nextKf.easing ?? 'linear';\n      const easingFn =\n        typeof easing === 'function'\n          ? easing\n          : EASING_FUNCTIONS[easing] ?? EASING_FUNCTIONS.linear;\n      const progress = easingFn(rawProgress);\n\n      // Interpolate params\n      const interpolated: Record<string, unknown> = {};\n\n      // Get all param keys from both keyframes\n      const allKeys = new Set([\n        ...Object.keys(prevKf.params),\n        ...Object.keys(nextKf.params),\n      ]);\n\n      for (const key of allKeys) {\n        const prevVal = prevKf.params[key];\n        const nextVal = nextKf.params[key];\n\n        if (prevVal === undefined) {\n          interpolated[key] = nextVal;\n        } else if (nextVal === undefined) {\n          interpolated[key] = prevVal;\n        } else {\n          interpolated[key] = this._interpolateValue(prevVal, nextVal, progress);\n        }\n      }\n\n      this._paramSetter(interpolated);\n    }\n  }\n\n  private _interpolateValue(from: unknown, to: unknown, t: number): unknown {\n    // Number interpolation\n    if (typeof from === 'number' && typeof to === 'number') {\n      return from + (to - from) * t;\n    }\n\n    // Color interpolation (hex)\n    if (\n      typeof from === 'string' &&\n      typeof to === 'string' &&\n      from.startsWith('#') &&\n      to.startsWith('#')\n    ) {\n      return this._interpolateColor(from, to, t);\n    }\n\n    // Boolean - snap at 0.5\n    if (typeof from === 'boolean' && typeof to === 'boolean') {\n      return t < 0.5 ? from : to;\n    }\n\n    // String - snap at 0.5\n    if (typeof from === 'string' && typeof to === 'string') {\n      return t < 0.5 ? from : to;\n    }\n\n    // Default: snap at 0.5\n    return t < 0.5 ? from : to;\n  }\n\n  private _interpolateColor(from: string, to: string, t: number): string {\n    const fromRgb = this._hexToRgb(from);\n    const toRgb = this._hexToRgb(to);\n\n    if (!fromRgb || !toRgb) return from;\n\n    const r = Math.round(fromRgb.r + (toRgb.r - fromRgb.r) * t);\n    const g = Math.round(fromRgb.g + (toRgb.g - fromRgb.g) * t);\n    const b = Math.round(fromRgb.b + (toRgb.b - fromRgb.b) * t);\n\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n  }\n\n  private _hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null;\n  }\n\n  private _recalculateDuration(): void {\n    this._duration =\n      this._keyframes.length > 0\n        ? Math.max(...this._keyframes.map((kf) => kf.time))\n        : 0;\n  }\n\n  /**\n   * Dispose the timeline\n   */\n  dispose(): void {\n    this.stop();\n    this._keyframes = [];\n    this._onComplete = undefined;\n    this._onUpdate = undefined;\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "937A1AEA73EE788364756E2164756E21",
+  "names": []
+}

package/package.json

@@ -0,0 +1,141 @@
+{
+  "name": "@hypertools/sdk",
+  "version": "0.1.0",
+  "description": "Vanilla-first SDK for embedding interactive creative coding experiences. Supports p5.js, Three.js, WebGL, and more.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "license": "MIT",
+  "author": "HyperTool Team",
+  "homepage": "https://github.com/hypertool/sdk#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hypertool/sdk.git",
+    "directory": "packages/sdk"
+  },
+  "bugs": {
+    "url": "https://github.com/hypertool/sdk/issues"
+  },
+  "keywords": [
+    "hypertool",
+    "creative-coding",
+    "p5js",
+    "threejs",
+    "webgl",
+    "canvas",
+    "generative-art",
+    "interactive",
+    "visualization",
+    "sandbox",
+    "embed",
+    "recording",
+    "video-capture",
+    "image-capture"
+  ],
+  "files": [
+    "dist/index.js",
+    "dist/index.d.ts",
+    "dist/index.js.map",
+    "dist/index.d.ts.map",
+    "dist/core",
+    "dist/controls",
+    "dist/recording",
+    "dist/react",
+    "dist/capture",
+    "dist/export",
+    "dist/codegen",
+    "dist/frame",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./controls": {
+      "types": "./dist/controls/index.d.ts",
+      "import": "./dist/controls/index.js"
+    },
+    "./recording": {
+      "types": "./dist/recording/index.d.ts",
+      "import": "./dist/recording/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./capture": {
+      "types": "./dist/capture/index.d.ts",
+      "import": "./dist/capture/index.js"
+    },
+    "./export": {
+      "types": "./dist/export/index.d.ts",
+      "import": "./dist/export/index.js"
+    },
+    "./codegen": {
+      "types": "./dist/codegen/index.d.ts",
+      "import": "./dist/codegen/index.js"
+    },
+    "./frame": {
+      "types": "./dist/frame/index.d.ts",
+      "import": "./dist/frame/index.js"
+    }
+  },
+  "scripts": {
+    "build": "bun run build:bundles && bun run build:types",
+    "build:bundles": "bun run build.config.ts",
+    "build:types": "tsc --project tsconfig.json --emitDeclarationOnly",
+    "dev": "bun run build-dev.config.ts",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "bun run clean && bun run build",
+    "release": "bun run build && npm publish --access public",
+    "release:dry": "bun run build && npm publish --access public --dry-run",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0",
+    "p5": "^1.9.0",
+    "three": "^0.160.0",
+    "tweakpane": "^4.0.5"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "p5": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "tweakpane": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/p5": "^1.6.3",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@types/three": "^0.160.0",
+    "@types/bun": "^1.3.0",
+    "esbuild": "^0.27.2",
+    "p5": "^1.9.0",
+    "three": "^0.160.0",
+    "tweakpane": "^4.0.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.2"
+  }
+}