lecodes-cli 2.0.6 → 2.0.8

package/src/dev/projectBackend.ts

@@ -1,18 +1,20 @@
 import { rmSync } from "node:fs"
 import { join, relative } from "node:path"
-import { createChannelHub } from "lecodes-sdk/server"
+import { createChannelHub, fileResponse, isMultipart, receiveUploads, UploadError, type Upload } from "lecodes-sdk/server"
 import { compileServer, hasServerFiles, type CompileEntry } from "../compile/projectCompile"
 import { loadPeer } from "../hosts/peerInstall"
 import { LECODES_DIR } from "../project/manifest"
 import { readAppConfigAt } from "../commands/app/shared"
-import { startLocalBackend, type LocalBackend } from "./localBackend"
+import { filesDirOf, startLocalBackend, type LocalBackend } from "./localBackend"
 import { serve, type Served, type Socket, type SocketHandlers } from "./serve"
 
 /*
  * The project's backend ON THE WIRE, on this machine: its server bundle run by localBackend.ts, put
  * behind the routes the SDK's client transport speaks (sdk/src/runtime/rpc.ts) —
  *
- *   POST <base>/api/<id>   an endpoint call, the envelope always HTTP 200 (the client reads `ok`)
+ *   POST <base>/api/<id>   an endpoint call, the envelope always HTTP 200 (the client reads `ok`);
+ *                          multipart when it carries files
+ *   GET  <base>/files/<id>/<name>   a stored file (`t.file()`): `.lecodes/files`, beside the database
  *   WS   <base>/ws         the channel socket: the SDK's hub, the one the runner serves on le.codes
  *
  * Two users: the dev server mounts the routes under its token path (`lecodes dev`, `web dev`, the
@@ -59,6 +61,7 @@ const BODY_LIMIT = 8 * 1024 * 1024
 export const createProjectBackend = (options: ProjectBackendOptions): ProjectBackend => {
   const { root, log } = options
   const dbDir = options.dbDir ?? join(root, LECODES_DIR, "db")
+  const filesDir = filesDirOf(dbDir)
   let backend: LocalBackend | null = null
   let running: string | null = null
 
@@ -91,6 +94,8 @@ export const createProjectBackend = (options: ProjectBackendOptions): ProjectBac
       // the embedded database is a peer, installed the first time a project defines models
       if (Object.keys(bundle.manifest.modules).length && /\bdefineDb\s*\(/.test(bundle.code)) {
         await loadPeer("marcidb-embedded", undefined, { for: `${options.command} (the project's database)` })
+        // …and so is the codec of its pictures, the first time a model has a t.image() field
+        if (/\bimage\s*\(/.test(bundle.code)) await loadPeer("sharp", undefined, { for: `${options.command} (the project's t.image() fields)` })
       }
       backend ??= start()
       const deployed = await backend.deploy(bundle.code)
@@ -104,16 +109,32 @@ export const createProjectBackend = (options: ProjectBackendOptions): ProjectBac
     },
     handle: async (req, route, ip) => {
       if (req.method === "OPTIONS") return new Response(null, { status: 204, headers: CORS })
+      if (route.startsWith("/files/") && (req.method === "GET" || req.method === "HEAD")) {
+        return fileResponse(filesDir, route.slice("/files/".length), req, { "access-control-allow-origin": "*" })
+      }
       const id = route.startsWith("/api/") ? decodeURIComponent(route.slice("/api/".length)) : ""
       if (!id || req.method !== "POST") return envelope({ ok: false, status: 404, message: "not an endpoint call" })
       if (!backend) return envelope({ ok: false, status: 404, message: "The project has no server files" })
       let args: unknown
-      try {
-        const body = await req.text()
-        args = body.length > BODY_LIMIT ? null : JSON.parse(body)?.args
-      } catch { args = null }
+      let uploads: Upload[] = []
+      if (isMultipart(req)) {
+        try {
+          ({ args, uploads } = await receiveUploads(req, filesDir))
+        } catch (e) {
+          if (e instanceof UploadError) return envelope({ ok: false, status: e.status, message: e.message })
+          throw e
+        }
+      } else {
+        try {
+          const body = await req.text()
+          args = body.length > BODY_LIMIT ? null : JSON.parse(body)?.args
+        } catch { args = null }
+      }
       if (!Array.isArray(args)) return envelope({ ok: false, status: 400, message: "body must be {\"args\":[…]}" })
-      return envelope(await backend.invoke(id, args, { headers: Object.fromEntries(req.headers), ip, sessionToken: bearerOf(req) ?? undefined }))
+      // a stored file's url starts where this very request found the backend (a phone's address of this machine, a tunnel)
+      const url = new URL(req.url)
+      const filesBase = url.origin + url.pathname.slice(0, url.pathname.length - route.length)
+      return envelope(await backend.invoke(id, args, { headers: Object.fromEntries(req.headers), ip, sessionToken: bearerOf(req) ?? undefined, uploads, filesBase }))
     },
     socket: (req, ip) => (conn) => {
       const c = hub.connect(conn, { ip, session: bearerOf(req) })
@@ -127,6 +148,7 @@ export const createProjectBackend = (options: ProjectBackendOptions): ProjectBac
       if (!backend || running === null) return
       await backend.close()
       rmSync(dbDir, { recursive: true, force: true })
+      rmSync(filesDir, { recursive: true, force: true })
       backend = start()
       await backend.deploy(running)
     },
@@ -165,7 +187,7 @@ const stablePort = (root: string): number => {
 export const runBackend = (options: { root: string, command: string, log: (msg: string) => void, test?: boolean }): RunBackend => {
   const { root } = options
   const dbDir = join(root, LECODES_DIR, options.test ? "test-db" : "db")
-  if (options.test) rmSync(dbDir, { recursive: true, force: true })
+  if (options.test) { rmSync(dbDir, { recursive: true, force: true }); rmSync(filesDirOf(dbDir), { recursive: true, force: true }) }
   const backend = createProjectBackend({ root, dbDir, log: options.log, command: options.command })
   let server: Served | null = null
 

package/src/hosts/desktopScript.ts

@@ -26,6 +26,7 @@ const isPoint = (v: unknown): v is Point =>
   typeof v === "object" && v !== null && typeof (v as Point).x === "number" && typeof (v as Point).y === "number"
 
 const FRAME_MS = 16
+const SETTLE_FRAMES = 640
 
 export type DesktopPlanStep = {
   index: number
@@ -136,6 +137,14 @@ export const translateScenario = (rawSteps: unknown, opts: { outDir: string, hea
       } else throw new CliError(`${at}: "camera" wants { "at": [x,y,z], "lookAt": [x,y,z], "fov"? } or "off".`)
       budgetMs += 2 * FRAME_MS
     }
+    if (s.pick !== undefined) {
+      // the files of the step's file dialog: armed first, the action that opens it follows
+      const files = typeof s.pick === "string" ? [s.pick] : s.pick
+      if (!Array.isArray(files) || files.length === 0 || !files.every((f) => typeof f === "string")) throw new CliError(`${at}: "pick" must be a file path or a list of them.`)
+      if (opts.sim) throw new CliError(`${at}: "pick" isn't available with --sim (the windowless host has no file dialog) — run this scenario with --desktop or headless.`)
+      plan.lines.push(emit(`pick ${(files as string[]).map(wire).join(" ")}`)); budgetMs += FRAME_MS
+      parts.push(`pick ${(files as string[]).map((f) => f.split(/[\\/]/).pop()).join(" + ")}`)
+    }
     if (s.fov !== undefined && action !== "view") throw new CliError(`${at}: "fov" only goes with "view" (inside "camera" use camera.fov).`)
     if (action === "tap") {
       const p = target(at, "tap", s.tap)
@@ -316,7 +325,8 @@ export const translateScenario = (rawSteps: unknown, opts: { outDir: string, hea
     steps.push(plan)
   })
 
-  const frameCap = Math.max(0, opts.headroomFrames) + Math.ceil(budgetMs / FRAME_MS) + 600
+  // + what the host may wait for the requests a command left in flight (script.cpp: 5 s of 8 ms frames)
+  const frameCap = Math.max(0, opts.headroomFrames) + Math.ceil(budgetMs / FRAME_MS) + 600 + lines.length * SETTLE_FRAMES
   return { text: lines.join("\n") + "\n", steps, frameCap }
 }
 

package/src/hosts/flowPick.ts

@@ -0,0 +1,111 @@
+import { existsSync, mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs"
+import { tmpdir } from "node:os"
+import { join, resolve } from "node:path"
+import { deflateSync } from "node:zlib"
+import { CliError } from "../cli"
+
+/*
+ * `pick` of a flow step: the files the step's file dialog is answered with (`openFilePicker`).
+ *
+ *   { "tap": "attach", "pick": "cat.png" }                              a file beside the flow file
+ *   { "tap": "attach", "pick": ["cat.png", "notes.txt"] }               several (a `multiple` picker)
+ *   { "tap": "avatar", "pick": { "name": "me.png", "width": 400, "height": 300 } }   a picture made for the run
+ *   { "tap": "attach", "pick": { "name": "notes.txt", "text": "hello" } }             a text file made for the run
+ *
+ * A flow names its files the way it is convenient to write; every host is handed the same thing —
+ * absolute paths of files that exist. This module is that step: a path is resolved against the flow
+ * file's folder, a described file is written to a folder of this run (removed when the CLI exits).
+ */
+
+const MAX_SIDE = 4096
+
+const crcTable = (() => {
+  const table = new Uint32Array(256)
+  for (let n = 0; n < 256; n++) {
+    let c = n
+    for (let k = 0; k < 8; k++) c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1
+    table[n] = c >>> 0
+  }
+  return table
+})()
+const crc32 = (bytes: Uint8Array): number => {
+  let c = 0xffffffff
+  for (const b of bytes) c = crcTable[(c ^ b) & 0xff]! ^ (c >>> 8)
+  return (c ^ 0xffffffff) >>> 0
+}
+
+/** A PNG of one colour: what a test of an upload needs of a picture is its type and its size. */
+const png = (width: number, height: number): Uint8Array => {
+  const chunk = (type: string, data: Uint8Array): Uint8Array => {
+    const out = new Uint8Array(12 + data.length)
+    const view = new DataView(out.buffer)
+    view.setUint32(0, data.length)
+    out.set([...type].map((ch) => ch.charCodeAt(0)), 4)
+    out.set(data, 8)
+    view.setUint32(8 + data.length, crc32(out.subarray(4, 8 + data.length)))
+    return out
+  }
+  const header = new Uint8Array(13)
+  const view = new DataView(header.buffer)
+  view.setUint32(0, width)
+  view.setUint32(4, height)
+  header.set([8, 2, 0, 0, 0], 8)                       // 8 bits, RGB
+  const row = new Uint8Array(1 + width * 3)
+  for (let x = 0; x < width; x++) row.set([0xd4, 0x53, 0x2b], 1 + x * 3)
+  const pixels = new Uint8Array(row.length * height)
+  for (let y = 0; y < height; y++) pixels.set(row, y * row.length)
+  const parts = [Uint8Array.of(0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a), chunk("IHDR", header), chunk("IDAT", deflateSync(pixels)), chunk("IEND", new Uint8Array(0))]
+  const out = new Uint8Array(parts.reduce((n, p) => n + p.length, 0))
+  let at = 0
+  for (const p of parts) { out.set(p, at); at += p.length }
+  return out
+}
+
+let madeDir: string | null = null
+let made = 0
+/** A described file, written for this run: a folder of its own, so two of one name do not meet. */
+const write = (name: string, bytes: Uint8Array): string => {
+  if (!madeDir) {
+    madeDir = mkdtempSync(join(tmpdir(), "lecodes-pick-"))
+    const dir = madeDir
+    process.on("exit", () => { try { rmSync(dir, { recursive: true, force: true }) } catch { /* the OS clears its temp */ } })
+  }
+  const dir = join(madeDir, String(made++))
+  mkdirSync(dir)
+  const path = join(dir, name)
+  writeFileSync(path, bytes)
+  return path
+}
+
+const fileOf = (at: string, value: unknown, baseDir: string): string => {
+  if (typeof value === "string") {
+    const path = resolve(baseDir, value)
+    if (!existsSync(path)) throw new CliError(`${at}: "pick": no file "${value}" (looked for ${path}).`)
+    return path
+  }
+  if (typeof value !== "object" || value === null || Array.isArray(value)) throw new CliError(`${at}: "pick" wants a file path, { "name", "text" } or { "name", "width", "height" } — or a list of them.`)
+  const { name, text, width, height, ...rest } = value as { name?: unknown, text?: unknown, width?: unknown, height?: unknown }
+  const unknown = Object.keys(rest)
+  if (unknown.length > 0) throw new CliError(`${at}: "pick": unknown key "${unknown[0]}" (a described file is { "name", "text" } or { "name", "width", "height" }).`)
+  if (typeof name !== "string" || name === "" || /[\\/]/.test(name)) throw new CliError(`${at}: "pick": a described file needs a "name" (a file name, no folders).`)
+  if (text !== undefined) {
+    if (typeof text !== "string" || width !== undefined || height !== undefined) throw new CliError(`${at}: "pick": "${name}" is { "name", "text" } or { "name", "width", "height" }.`)
+    return write(name, new TextEncoder().encode(text))
+  }
+  const side = (n: unknown) => typeof n === "number" && Number.isInteger(n) && n >= 1 && n <= MAX_SIDE
+  if (!side(width) || !side(height)) throw new CliError(`${at}: "pick": "${name}" needs a "text", or a "width" and a "height" (1…${MAX_SIDE}).`)
+  if (!/\.png$/i.test(name)) throw new CliError(`${at}: "pick": a picture made for the run is a PNG — name it "….png" (got "${name}").`)
+  return write(name, png(width as number, height as number))
+}
+
+/** The steps with every `pick` as a list of absolute paths. `baseDir`: the flow file's folder. */
+export const resolvePicks = (steps: unknown, baseDir: string): unknown => {
+  if (!Array.isArray(steps)) return steps
+  return steps.map((step, i) => {
+    if (typeof step !== "object" || step === null || Array.isArray(step) || (step as { pick?: unknown }).pick === undefined) return step
+    const pick = (step as { pick: unknown }).pick
+    const list = Array.isArray(pick) ? pick : [pick]
+    if (list.length === 0) throw new CliError(`steps[${i}]: "pick" is empty — leave it out for a dialog that is cancelled.`)
+    return { ...step, pick: list.map((value) => fileOf(`steps[${i}]`, value, baseDir)) }
+  })
+}

package/src/hosts/liteBrowser.mjs

@@ -59,6 +59,11 @@ const ops = {
     else if (action === "up") await page.keyboard.up(text)
     return null
   },
+  /** The page's next file dialog is answered with these files (a picker of one file takes the first). */
+  async pick({ files }) {
+    page.once("filechooser", (chooser) => { chooser.setFiles(chooser.isMultiple() ? files : files.slice(0, 1)).catch(() => {}) })
+    return null
+  },
   async screenshot({ path, clip }) { await page.screenshot({ path, ...(clip ? { clip } : {}) }); return null },
   async close() {
     await context?.close().catch(() => {})

package/src/hosts/liteRunner.ts

@@ -5,6 +5,7 @@ import { dirname, join } from "node:path"
 import { createInterface } from "node:readline"
 import { CliError } from "../cli"
 import { startDevServer, type DevServer } from "../dev/devServer"
+import { filesDirOf } from "../dev/localBackend"
 import type { WebRunner } from "../dev/webRunner"
 import { LECODES_DIR, type Manifest } from "../project/manifest"
 import { distRoot } from "./distRoot"
@@ -41,6 +42,8 @@ type Driver = {
   mouse(action: "move" | "down" | "up" | "wheel", x?: number, y?: number): Promise<void>
   keyboard(action: "type" | "down" | "up", text: string): Promise<void>
   screenshot(path: string, clip: Clip | null): Promise<void>
+  /** The files the page's next file dialog is answered with. */
+  pick(files: string[]): Promise<void>
   close(): Promise<void>
 }
 
@@ -110,6 +113,7 @@ const startDriver = async (): Promise<Driver> => {
     mouse: (action, x, y) => call("mouse", { action, x, y }),
     keyboard: (action, text) => call("keyboard", { action, text }),
     screenshot: (path, clip) => call("screenshot", { path, clip }),
+    pick: (files) => call("pick", { files }),
     async close() {
       await call("close").catch(() => {})
       child.kill()
@@ -141,6 +145,7 @@ export const startLiteSession = async (options: { root: string, manifest: Manife
   // The project's backend, when it has one: a database of the tests' own, emptied before every case.
   const dbDir = join(options.root, LECODES_DIR, "test-db")
   rmSync(dbDir, { recursive: true, force: true })
+  rmSync(filesDirOf(dbDir), { recursive: true, force: true })
   let ran = 0
   const server: DevServer = await startDevServer({
     root: options.root, manifest: options.manifest, name: options.name, lite: options.lite, web: options.web,
@@ -212,6 +217,17 @@ const ON_SHOW = ".lc-root > .lc:not(.lc-covered)"
 
 const FRAME = "new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r(null))))"
 
+// The page's requests in flight, counted from here on: a command that left one waits for its answer
+// (what the headless session and the native host's script do — one flow file, no `wait` for the backend).
+const COUNT_REQUESTS = `(() => {
+  if (window.__lecodesPending !== undefined) return
+  window.__lecodesPending = 0
+  const send = window.fetch
+  window.fetch = (...args) => { window.__lecodesPending++; return send(...args).finally(() => { window.__lecodesPending-- }) }
+})()`
+const SETTLE_MAX_MS = 5000
+const SETTLE_QUIET_FRAMES = 2
+
 const FILL_VALUE = `(f) => f.type === "email" ? "test@example.com" : f.type === "tel" ? "5550100" : f.inputMode === "numeric" || f.inputMode === "decimal" ? "1" : f.type === "date" ? "2026-01-01" : f.type === "time" ? "12:00" : "test"`
 
 const runPlan = async (driver: Driver, url: string, plan: DesktopPlan, options: LiteRunOptions, page: "lite" | "web"): Promise<string> => {
@@ -256,11 +272,23 @@ const runPlan = async (driver: Driver, url: string, plan: DesktopPlan, options:
     }
   }
 
+  /** After a command: while a request it left is in flight, and two frames past its answer. */
+  const settle = async () => {
+    const pending = () => driver.evaluate<number>("window.__lecodesPending || 0")
+    if (await pending() === 0) return
+    const until = Date.now() + SETTLE_MAX_MS
+    for (let quiet = 0; quiet <= SETTLE_QUIET_FRAMES && Date.now() < until;) {
+      await frame()
+      quiet = await pending() > 0 ? 0 : quiet + 1
+    }
+  }
+
   let clip: Clip | null = null
 
   const play = async (op: string, rest: string, line: number): Promise<void> => {
     const args = parseArgs(rest)
     switch (op) {
+      case "pick": await driver.pick(args.map(String)); return
       case "frames": await waitFor(Math.max(0, Number(args[0])) * FRAME_MS, line); return
       case "wait": await waitFor(Math.max(0, Number(args[0])), line); return
       case "tap": {
@@ -405,6 +433,7 @@ const runPlan = async (driver: Driver, url: string, plan: DesktopPlan, options:
   try {
     await driver.goto(url)
     await driver.waitFor("window.lecodesTest && window.lecodesTest.ready === true", 20000)
+    await driver.evaluate<null>(COUNT_REQUESTS)
     say("[script] loaded")
     const lines = plan.text.split("\n")
     for (let i = 0; i < lines.length; i++) {
@@ -415,6 +444,7 @@ const runPlan = async (driver: Driver, url: string, plan: DesktopPlan, options:
       const rest = space < 0 ? "" : text.slice(space + 1)
       try {
         await play(op, rest, i + 1)
+        await settle()
         say(`[script] #${i + 1} done ${op}`)
       } catch (e) {
         say(`[script] #${i + 1} error ${op}: ${e instanceof Error ? e.message.split("\n")[0] : String(e)}`)

package/src/hosts/peerInstall.ts

@@ -48,7 +48,11 @@ export const peerSpec = async (name: string): Promise<string> => {
 }
 
 /** Peers that only make sense together: the renderer's PNG output needs canvas next to it. */
-const companions = (name: string): string[] => name === "lecodes-headless" ? ["lecodes-headless", "@napi-rs/canvas"] : [name]
+const companions = (name: string): string[] =>
+  name === "lecodes-headless" ? ["lecodes-headless", "@napi-rs/canvas"]
+  // the codec of t.image() fields, and the reader of the one format it does not read (an iPhone's HEIC)
+  : name === "sharp" ? ["sharp", "heic-decode"]
+  : [name]
 
 const manualCommand = (dir: string, specs: string[]) => commandLine(ownManager(), installIntoArgv(ownManager(), dir, specs))
 

package/src/hosts/peers.ts

@@ -24,6 +24,8 @@ export const OPTIONAL_PEERS: [name: string, probe: string][] = [
   ["lecodes-assets", "lecodes-assets/cli"],
   ["@napi-rs/canvas", "@napi-rs/canvas"],
   ["marcidb-embedded", "marcidb-embedded"],
+  ["sharp", "sharp"],
+  ["heic-decode", "heic-decode"],
   ["typescript", "typescript"],
 ]
 

package/runtime/web-lite/assets/vlist-DrV2Q7P5.js

@@ -1 +0,0 @@
-import{u as D,w as W}from"../lite.js";const $=(m,c)=>{let f=[],l=[];const r=new Map,a=new Map,d=new Set;let e=[0],o=0,n=0,i=0,y=0,w=!0,O=!1,v=!1,p=!1,M=!1,S=!0;const L=t=>a.get(f[t])??l[t],b=t=>{o=Math.min(o,t)},x=()=>{const t=f.length;e.length=t+1,o>t&&(o=t),o===0&&(e[0]=0);for(let s=o;s<t;s++)e[s+1]=e[s]+L(s);o=t},H=()=>(x(),e[f.length]??0),_=t=>{for(let s=t;s<f.length;s++)r.set(f[s],s)},V=()=>m.inverted?Math.max(0,y-H()):0,N=()=>Math.max(0,H()-y),B=()=>{x();const t=f.length;if(t===0||y<=0)return[-1,-2];const s=m.overscan<0?y:m.overscan,u=n-s,h=n+y+s;let T=0,g=t;for(;T<g;){const K=T+g>>1;e[K+1]>u?g=K:T=K+1}const z=Math.min(T,t-1);for(T=0,g=t;T<g;){const K=T+g>>1;e[K]<h?T=K+1:g=K}return[Math.max(z,0),Math.min(T-1,t-1)]},k=()=>{m.endThreshold>0&&(H()-(n+y)<=m.endThreshold?O||(O=!0,c.edge(!0)):O=!1),m.startThreshold>0&&(n<=m.startThreshold?v||(v=!0,c.edge(!1)):v=!1)},I=()=>{if(p){M=!0;return}p=!0;try{for(let t=0;t<4;t++){M=!1;const[s,u]=B(),h=[],T=[];for(const g of d){const z=r.get(g);(z===void 0||z<s||z>u)&&h.push(g)}for(let g=s;g<=u;g++)d.has(f[g])||T.push(f[g]);if(h.length===0&&T.length===0||(c.sync(h,T),!M))break}}finally{p=!1}},E=t=>{n=Math.max(0,Math.min(t,N())),c.adjust(n)},C=(t,s,u)=>{const h=L(s);if(a.set(t,u),Math.abs(u-h)<=.5)return;x();const T=e[s];b(s),T<n?E(n+(u-h)):m.inverted&&w&&E(N()),M=!0};return{setKeys(t,s){f=t.slice(),l=f.map((u,h)=>s[h]??0),r.clear(),_(0),b(0),E(n),I(),k()},insertKeys(t,s,u){if(s.length===0)return;const h=f.length;(t<0||t>h)&&(t=h);const T=h>0,g=t===h;let z=0;s.forEach((R,A)=>{z+=a.get(R)??u[A]??0}),f.splice(t,0,...s),l.splice(t,0,...s.map((R,A)=>u[A]??0)),_(t),b(t);const K=w;x(),T&&!g&&e[t]<=n+.5&&E(n+z),m.inverted&&K&&g&&(E(N()),w=!0),I(),k()},removeKeys(t){let s=0;x();for(const u of t){const h=r.get(u);h!==void 0&&(e[h+1]<=n&&(s+=L(h)),f.splice(h,1),l.splice(h,1),r.delete(u),a.delete(u),_(h),b(h),x())}E(s>0?n-s:n),I(),k()},invalidate(t){if(!(!d.has(t)||p)){p=!0;try{c.sync([t],[t])}finally{p=!1}M&&(M=!1,I())}},mounted(t,s){const u=r.get(t);u!==void 0&&(d.add(t),C(t,u,s))},unmounted(t){d.delete(t)},isMounted:t=>d.has(t),resized(t,s){const u=r.get(t);u===void 0||!d.has(t)||(C(t,u,s),M&&!p&&(M=!1,I()))},scrolled(t){n=Math.max(0,t),w=n+y>=H()-2,I(),k()},viewport(t,s,u){if(!(t>0)||!(s>0))return;const h=Math.abs(t-i)>.5,T=Math.abs(s-y)>.5;if(i=t,y=s,H()<=y&&(w=!0),h){b(0);for(const g of d)a.set(g,u(g))}S?(S=!1,m.inverted&&(E(N()),w=!0)):m.inverted&&w&&T?E(N()):h&&E(n),I()},offsetOf(t){const s=r.get(t);return s===void 0?NaN:(x(),V()+e[s])},mountedTop(){let t=-1;for(const s of d){const u=r.get(s);u!==void 0&&(t<0||u<t)&&(t=u)}return x(),V()+(t<0?0:e[t])},indexOf:t=>r.get(t)??-1,contentHeight:()=>m.inverted?Math.max(H(),y):H(),maxScroll:N,scrollY:()=>n,mountedKeys:()=>[...d]}},j=m=>{const c=new Map,f=new Map,l=e=>{e.content.style.minHeight=`${e.window.contentHeight()}px`,e.content.style.paddingTop=`${e.window.mountedTop()}px`},r=(e,o)=>{const n=e.items.get(o);e.window.unmounted(o),n&&(e.items.delete(o),e.keyOf.delete(n),f.delete(n),e.sizes.unobserve(n.el),n.el.remove(),m.rootOwned(n,!1))},a=(e,o,n)=>{if(Number.isNaN(o))return;l(e);const i=Math.max(0,Math.min(o,e.window.maxScroll()));e.node.el.scrollTo({top:i,behavior:n?"smooth":"instant"})},d=e=>{for(const o of[...e.items.keys()])r(e,o);e.sizes.disconnect(),e.node.el.removeEventListener("scroll",e.onScroll),e.content.remove(),c.delete(e.node)};return{init(e,o,n,i,y){if(c.has(e))return;const w=e.el,O=w.ownerDocument.createElement("div");O.className="lc-vlist-content",w.appendChild(O);const v={node:e,content:O,items:new Map,keyOf:new Map,onScroll:()=>{v.window.scrolled(w.scrollTop),l(v)}};v.window=$({overscan:o,inverted:n,startThreshold:i,endThreshold:y},{sync(p,M){for(const S of p)r(v,S);m.emit(e.id,W,p,M),l(v)},adjust(p){l(v),Math.abs(w.scrollTop-p)>=.5&&(w.scrollTop=p)},edge:p=>{m.emitLater(e.id,D,p)}}),v.sizes=new ResizeObserver(p=>{for(const M of p){const S=M.target;if(S===w){v.window.viewport(w.clientWidth,w.clientHeight,L=>{var b;return((b=v.items.get(L))==null?void 0:b.el.offsetHeight)??0});continue}for(const[L,b]of v.keyOf)if(L.el===S){v.window.resized(b,S.offsetHeight);break}}l(v)}),v.sizes.observe(w),w.addEventListener("scroll",v.onScroll,{passive:!0}),c.set(e,v)},setKeys(e,o,n){const i=c.get(e);i&&(i.window.setKeys(o,Array.from(n)),l(i))},insertKeys(e,o,n,i){const y=c.get(e);y&&(y.window.insertKeys(o,n,Array.from(i)),l(y))},removeKeys(e,o){const n=c.get(e);n&&(n.window.removeKeys(o),l(n))},invalidate(e,o){const n=c.get(e);n&&(n.window.invalidate(o),l(n))},mount(e,o,n){const i=c.get(e);if(!i||!n)return;if(n.parent!==null||n.rooted){m.warn(`vlist: the item for key '${o}' is attached elsewhere`);return}const y=i.window.indexOf(o);if(y<0)return;i.items.has(o)&&r(i,o);let w=null,O=1/0;for(const[v,p]of i.items){const M=i.window.indexOf(v);M>y&&M<O&&(w=p,O=M)}i.items.set(o,n),i.keyOf.set(n,o),f.set(n,i),m.rootOwned(n,!0),i.content.insertBefore(n.el,(w==null?void 0:w.el)??null),m.flush(),i.sizes.observe(n.el),i.window.mounted(o,n.el.offsetHeight)},scrollTo(e,o,n){const i=c.get(e);i&&a(i,o,n)},scrollToKey(e,o,n){const i=c.get(e);i&&a(i,i.window.offsetOf(o),n)},scrollToEnd(e,o){const n=c.get(e);n&&a(n,n.window.maxScroll(),o)},ownerOf:e=>{var o;return((o=f.get(e))==null?void 0:o.node)??null},forget(e){const o=c.get(e);o&&d(o);const n=f.get(e),i=n==null?void 0:n.keyOf.get(e);n&&i!==void 0&&(n.window.unmounted(i),n.items.delete(i),n.keyOf.delete(e),n.sizes.unobserve(e.el),f.delete(e))},destroy(){for(const e of c.values())e.sizes.disconnect(),e.content.remove();c.clear(),f.clear()}}},Y={name:"vlist",install(m){const c=j({emit:m.emit,emitLater:m.emitLater,warn:m.warn,rootOwned:m.rootOwned,flush:m.flush}),f=l=>{const r=m.node(l);return(r==null?void 0:r.type)==="vlist"?r:void 0};return{bridge:{vlistInit(l,r,a,d,e){const o=f(l);o&&c.init(o,r,a,d,e)},vlistSetKeys(l,r,a){const d=f(l);d&&c.setKeys(d,r,a)},vlistInsertKeys(l,r,a,d){const e=f(l);e&&c.insertKeys(e,r,a,d)},vlistRemoveKeys(l,r){const a=f(l);a&&c.removeKeys(a,r)},vlistInvalidate(l,r){const a=f(l);a&&c.invalidate(a,r)},vlistMount(l,r,a){const d=f(l);d&&c.mount(d,r,m.node(a))},vlistScrollTo(l,r,a){const d=f(l);d&&c.scrollTo(d,r,a)},vlistScrollToKey(l,r,a){const d=f(l);d&&c.scrollToKey(d,r,a)},vlistScrollToEnd(l,r){const a=f(l);a&&c.scrollToEnd(a,r)}},forget:c.forget,destroy:c.destroy}}};export{j as createVLists,Y as vlist};