import { Funscript } from '@eroscripts/funlib'
import { toSvgBlobUrl } from '@eroscripts/funlib/rendering/svg'

// Create a simple script
const script = new Funscript({
  actions: [
    { at: 0, pos: 0 },
    { at: 500, pos: 100 },
    { at: 1000, pos: 0 },
  ],
  metadata: {
    title: 'My Script',
    duration: 1,
  },
})

// Serialize to prettified JSON
console.log(script.toJsonText())

// Generate SVG visualization
img.src = toSvgBlobUrl(script)

import { Funscript } from '@eroscripts/funlib'

// Parse from JSON
const script = new Funscript(JSON.parse(jsonString))

// Access properties
console.log(script.actions) // FunAction[]
console.log(script.metadata) // FunMetadata
console.log(script.duration) // Duration in seconds
console.log(script.channels) // Multi-axis channels

// Normalize (clamp values, sort, remove duplicates)
script.normalize()

// Clone
const copy = script.clone()

// Export to different versions
script.toJsonText({ version: '1.0' }) // Single-axis format
script.toJsonText({ version: '1.1' }) // Multi-axis with axes array
script.toJsonText({ version: '2.0' }) // Multi-axis with channels object

import { FunAction } from '@eroscripts/funlib'

const action = new FunAction({ at: 1000, pos: 75 })
console.log(action.at) // 1000 (milliseconds)
console.log(action.pos) // 75 (0-100 position)

import { Funscript } from '@eroscripts/funlib'

const stroke = new Funscript({ actions: [...a] }, { file: 'video.funscript' })
const roll = new Funscript({ actions: [...a] }, { file: 'video.roll.funscript' })
const pitch = new Funscript({ actions: [...a] }, { file: 'video.pitch.funscript' })

const [merged] = Funscript.mergeMultiAxis([stroke, roll, pitch])

// Access individual channels
merged.channels.roll.actions
merged.channels.pitch.actions

// Access all channels
merged.listChannels // FunChannel[] - array of all channel objects
merged.allChannels // Funscript[] - array including main script and all channels

import { Funscript } from '@eroscripts/funlib'
import { toSvgBlobUrl, toSvgElement } from '@eroscripts/funlib/rendering/svg'

const script = new Funscript({ actions: [...a] })

// Generate SVG string
const svg = toSvgElement(script, {
  width: 690,
  height: 52,
  title: 'My Script',
  lineWidth: 0.5,
})

// Or get a blob URL for download/display
const blobUrl = toSvgBlobUrl(script, {})

import { TCodeSerialPort } from '@eroscripts/funlib/integrations/serialport'

// Request and open port
const port = await TCodeSerialPort.open()

// Device info (auto-detected on open)
console.log(port.device) // Device name
console.log(port.tcodeVersion) // TCode version
console.log(port.limits) // Axis limits

// Send commands
await port.write('L05000') // Raw TCode string
await port.write(['L0', 50]) // [axis, position]
await port.write(['L0', 100, 'I', 500]) // [axis, position, 'I', interval_ms]

// Move helper
await port.move('L0', 75)

// Set axis limits
await port.setLimits('L0', 10, 90)

// Close
await port.close()

import { Funscript } from '@eroscripts/funlib'
import { TCodePlayer } from '@eroscripts/funlib/integrations/video'

const video = document.querySelector('video')
const script = new Funscript({ actions: [...a] })

const player = new TCodePlayer(video, script)

// Connect to device
await player.requestPort()

// Start playback sync
player.run()
video.play()

// Stop
player.stop()

import {
  binaryFindLeftBorder,
  clerpAt,
} from '@eroscripts/funlib/utils/manipulations'

// Get interpolated position at any timestamp
const position = clerpAt(actions, 5000) // Returns 0-100 position at 5000ms

// Find index of action at or before a timestamp (binary search)
const index = binaryFindLeftBorder(actions, 5000)

import {
  handySmooth,
  limitPeakSpeed,
  simplifyLinearCurve,
  smoothCurve,
} from '@eroscripts/funlib/utils/manipulations'

// Optimize for Handy device constraints (max speed: 550, min interval: 60ms)
const optimized = handySmooth(actions)

// Limit maximum speed
const limited = limitPeakSpeed(actions, 550)

// Smooth with moving average
const smoothed = smoothCurve(actions, 50, 3)

// Remove redundant points
const simplified = simplifyLinearCurve(actions, 3)

import {
  actionsAverageSpeed,
  actionsRequiredMaxSpeed,
  isPeak,
  toStats,
} from '@eroscripts/funlib/utils/manipulations'

const avgSpeed = actionsAverageSpeed(actions)
const maxSpeed = actionsRequiredMaxSpeed(actions)
const stats = toStats(actions, { durationSeconds: 60 })
// { Duration: '1:00', Actions: 120, MaxSpeed: 350, AvgSpeed: 200 }

import {
  getTCodeAt,
  getTCodeFrom,
  tcodeTupleToString,
} from '@eroscripts/funlib/utils/tcode'

// Get immediate position commands
const commands = getTCodeAt(script, 5000) // [[axis, pos], ...]

// Get movement commands (with intervals)
const movements = getTCodeFrom(script, 5000, 4900)

// Convert tuple to string
tcodeTupleToString(['L0', 75, 'I', 500]) // "L07500I500"

import {
  axisToChannelName,
  channelNameToAxis,
  msToTimeSpan,
  secondsToDuration,
  speedToHex,
  speedToOklch,
  speedToOklchText,
  timeSpanToMs,
} from '@eroscripts/funlib/utils/converter'

timeSpanToMs('00:01:30.500') // 90500
msToTimeSpan(90500) // "00:01:30.500"
secondsToDuration(90.5) // "1:30"

speedToHex(250) // "#e8bd00" (heatmap color)
speedToOklch(250) // [l, c, h, a] array for oklch color
speedToOklchText(250) // "oklch(80% 0.4 106.3)"

channelNameToAxis('roll') // "R1"
axisToChannelName('R1') // "roll"