@three-flatland/devtools 0.1.0-alpha.3

package/dist/dashboard/protocol-store.ts

@@ -0,0 +1,312 @@
+/**
+ * Session-scoped protocol log store, scoped per producer.
+ *
+ * One IndexedDB object store holds every inbound/outbound bus message.
+ * Entries carry the `providerId` they were captured against (whichever
+ * producer was selected at the time). Per-provider totals + caches mean
+ * swapping producers in the UI preserves each stream's history — no
+ * cross-contamination, no data loss on switch.
+ *
+ * IDB layout: one object store keyed by `id` (monotonic across the
+ * whole session so we never reuse numbers), with a non-unique
+ * `providerId` index for range queries scoped to a provider. Wiped on
+ * construction — the dashboard is a throwaway inspector.
+ *
+ * Writes batch through `WRITE_FLUSH_MS` into a single transaction so
+ * even a flood of `buffer:chunk` messages doesn't cost per-entry round
+ * trips.
+ */
+
+/** One log record. */
+export interface LogEntry {
+  id: number
+  providerId: string
+  at: number
+  direction: 'in' | 'out'
+  type: string
+  tag?: string
+  frame?: number
+  bytes: number
+  msg: unknown
+}
+
+const DB_NAME = 'tf-devtools-protocol'
+const STORE = 'messages'
+const INDEX = 'by-provider'
+const WRITE_FLUSH_MS = 80
+const TAIL_CACHE = 400
+const LRU_MAX = 4000
+
+type Listener = () => void
+
+interface ProviderState {
+  total: number
+  maxId: number
+  /** Ids belonging to this provider, kept as a dense array. Used so
+   *  visual-index → id mapping doesn't have to round-trip IDB. */
+  ids: number[]
+}
+
+export class ProtocolStore {
+  /** Running global byte counters — independent of provider scope. */
+  bytesIn = 0
+  bytesOut = 0
+  /** Union of every `type` we've seen since construction — used by the
+   *  protocol filter UI to populate its type-multiselect. */
+  knownTypes = new Set<string>()
+
+  private _db: IDBDatabase | null = null
+  private _dbReady: Promise<IDBDatabase>
+  private _nextId = 1
+  private _providers = new Map<string, ProviderState>()
+  /** Cache: `${providerId}:${id}` → entry. Always contains each
+   *  provider's most recent TAIL_CACHE entries to keep tail sync. */
+  private _cache = new Map<string, LogEntry>()
+  private _writeBuffer: LogEntry[] = []
+  private _flushTimer: number | null = null
+  private _listeners = new Set<Listener>()
+  private _pendingRanges = new Map<string, Promise<void>>()
+
+  constructor() {
+    this._dbReady = this._openAndWipe()
+  }
+
+  private async _openAndWipe(): Promise<IDBDatabase> {
+    // Try open at v1. If the store/index layout doesn't match (older
+    // session stored a different schema), delete the DB and reopen.
+    const db = await this._open()
+    this._db = db
+    // Wipe on mount — dashboard is single-session.
+    await new Promise<void>((resolve, reject) => {
+      const tx = db.transaction(STORE, 'readwrite')
+      tx.objectStore(STORE).clear()
+      tx.oncomplete = () => resolve()
+      tx.onerror = () => reject(tx.error ?? new Error('IndexedDB transaction failed'))
+    })
+    return db
+  }
+
+  private _open(): Promise<IDBDatabase> {
+    return new Promise<IDBDatabase>((resolve, reject) => {
+      const req = indexedDB.open(DB_NAME, 2)
+      req.onupgradeneeded = () => {
+        const d = req.result
+        if (d.objectStoreNames.contains(STORE)) d.deleteObjectStore(STORE)
+        const store = d.createObjectStore(STORE, { keyPath: 'id' })
+        store.createIndex(INDEX, 'providerId', { unique: false })
+      }
+      req.onsuccess = () => resolve(req.result)
+      req.onerror = () => reject(req.error ?? new Error('IndexedDB request failed'))
+    })
+  }
+
+  addListener(cb: Listener): () => void {
+    this._listeners.add(cb)
+    return () => { this._listeners.delete(cb) }
+  }
+
+  private _fire(): void {
+    for (const cb of this._listeners) {
+      try { cb() } catch { /* ignore */ }
+    }
+  }
+
+  /** Per-provider counters. Returns zeros if the provider isn't known. */
+  statsFor(providerId: string | null): { total: number; maxId: number; ids: number[] } {
+    if (providerId === null) return { total: 0, maxId: 0, ids: [] }
+    const s = this._providers.get(providerId)
+    return s !== undefined ? s : { total: 0, maxId: 0, ids: [] }
+  }
+
+  /** All provider ids currently tracked in the store. */
+  providers(): string[] {
+    return Array.from(this._providers.keys())
+  }
+
+  /**
+   * Append a new entry. Global id is monotonic across providers; per-
+   * provider totals and index arrays grow independently.
+   */
+  push(providerId: string, partial: Omit<LogEntry, 'id' | 'providerId'>): LogEntry {
+    const id = this._nextId++
+    const entry: LogEntry = { ...partial, id, providerId }
+    const key = cacheKey(providerId, id)
+    this._cache.set(key, entry)
+    let ps = this._providers.get(providerId)
+    if (ps === undefined) {
+      ps = { total: 0, maxId: 0, ids: [] }
+      this._providers.set(providerId, ps)
+    }
+    ps.total++
+    ps.maxId = id
+    ps.ids.push(id)
+
+    if (partial.direction === 'in') this.bytesIn += partial.bytes
+    else this.bytesOut += partial.bytes
+    this.knownTypes.add(partial.type)
+
+    this._writeBuffer.push(entry)
+    if (this._flushTimer === null) {
+      this._flushTimer = (globalThis.setTimeout as unknown as (cb: () => void, ms: number) => number)(
+        () => this._flush(),
+        WRITE_FLUSH_MS,
+      )
+    }
+    this._evictIfNeeded(providerId)
+    this._fire()
+    return entry
+  }
+
+  /** Wipe everything (memory + IDB + counters). */
+  clear(): void {
+    this._cache.clear()
+    this._providers.clear()
+    this._writeBuffer.length = 0
+    this._nextId = 1
+    this.bytesIn = 0
+    this.bytesOut = 0
+    this.knownTypes.clear()
+    if (this._db !== null) {
+      try {
+        const tx = this._db.transaction(STORE, 'readwrite')
+        tx.objectStore(STORE).clear()
+      } catch { /* db closing */ }
+    }
+    this._fire()
+  }
+
+  /** Sync cache lookup. */
+  peek(providerId: string, id: number): LogEntry | null {
+    return this._cache.get(cacheKey(providerId, id)) ?? null
+  }
+
+  /** Ensure the given contiguous-in-ids-array range is in the cache. */
+  async prefetchRange(providerId: string, startId: number, endId: number): Promise<void> {
+    if (startId > endId) return
+    const key = `${providerId}:${startId}:${endId}`
+    const existing = this._pendingRanges.get(key)
+    if (existing !== undefined) return existing
+    // Quick hit check.
+    let allHit = true
+    for (let id = startId; id <= endId; id++) {
+      if (!this._cache.has(cacheKey(providerId, id))) { allHit = false; break }
+    }
+    if (allHit) return
+    const promise = this._readRange(providerId, startId, endId)
+    this._pendingRanges.set(key, promise)
+    try {
+      await promise
+    } finally {
+      this._pendingRanges.delete(key)
+    }
+  }
+
+  /**
+   * Walk every entry in the store belonging to `providerId` and return
+   * the ids of those that satisfy `predicate`. Matching entries are
+   * also hydrated into the cache as a side-effect so rendering them
+   * afterwards is synchronous.
+   *
+   * `signal` lets the caller bail the cursor early when the filter
+   * changes under their feet — cursor walks on large sessions can take
+   * tens of ms and we don't want stale results racing fresh ones.
+   */
+  async queryFiltered(
+    providerId: string,
+    predicate: (entry: LogEntry) => boolean,
+    signal?: { aborted: boolean },
+  ): Promise<number[]> {
+    const db = await this._dbReady
+    const out: number[] = []
+    await new Promise<void>((resolve, reject) => {
+      const tx = db.transaction(STORE, 'readonly')
+      const store = tx.objectStore(STORE)
+      const index = store.index(INDEX)
+      const req = index.openCursor(IDBKeyRange.only(providerId))
+      req.onsuccess = () => {
+        if (signal?.aborted === true) { resolve(); return }
+        const cursor = req.result
+        if (cursor === null) { resolve(); return }
+        const entry = cursor.value as LogEntry
+        if (predicate(entry)) {
+          out.push(entry.id)
+          const key = cacheKey(providerId, entry.id)
+          if (!this._cache.has(key)) this._cache.set(key, entry)
+        }
+        cursor.continue()
+      }
+      req.onerror = () => reject(req.error ?? new Error('IndexedDB request failed'))
+    })
+    // Cursor yields in key order (ascending id) which matches our
+    // expected rendering direction (newest-first = reverse).
+    return out
+  }
+
+  private async _readRange(providerId: string, startId: number, endId: number): Promise<void> {
+    const db = await this._dbReady
+    await new Promise<void>((resolve, reject) => {
+      const tx = db.transaction(STORE, 'readonly')
+      const store = tx.objectStore(STORE)
+      const range = IDBKeyRange.bound(startId, endId, false, false)
+      const req = store.getAll(range)
+      req.onsuccess = () => {
+        for (const entry of req.result as LogEntry[]) {
+          if (entry.providerId !== providerId) continue
+          const key = cacheKey(entry.providerId, entry.id)
+          if (!this._cache.has(key)) this._cache.set(key, entry)
+        }
+        resolve()
+      }
+      req.onerror = () => reject(req.error ?? new Error('IndexedDB request failed'))
+    })
+    this._fire()
+  }
+
+  private _flush(): void {
+    this._flushTimer = null
+    if (this._writeBuffer.length === 0) return
+    const batch = this._writeBuffer
+    this._writeBuffer = []
+    void this._writeBatch(batch)
+  }
+
+  private async _writeBatch(batch: LogEntry[]): Promise<void> {
+    const db = await this._dbReady
+    try {
+      const tx = db.transaction(STORE, 'readwrite')
+      const store = tx.objectStore(STORE)
+      for (const entry of batch) store.put(entry)
+      tx.onerror = () => {
+        console.warn('[devtools-dashboard] IDB write failed:', tx.error)
+      }
+    } catch (err) {
+      console.warn('[devtools-dashboard] IDB transaction failed:', err)
+    }
+  }
+
+  /** LRU eviction, keyed per-provider. Tail always pinned. */
+  private _evictIfNeeded(providerId: string): void {
+    if (this._cache.size <= LRU_MAX) return
+    const ps = this._providers.get(providerId)
+    if (ps === undefined) return
+    const keepFrom = ps.maxId - TAIL_CACHE + 1
+    const toDrop: string[] = []
+    for (const k of this._cache.keys()) {
+      if (!k.startsWith(`${providerId}:`)) continue
+      const id = parseInt(k.slice(providerId.length + 1), 10)
+      if (id < keepFrom) toDrop.push(k)
+      if (this._cache.size - toDrop.length <= LRU_MAX) break
+    }
+    for (const k of toDrop) this._cache.delete(k)
+  }
+}
+
+function cacheKey(providerId: string, id: number): string {
+  return `${providerId}:${id}`
+}
+
+let _instance: ProtocolStore | null = null
+export function getProtocolStore(): ProtocolStore {
+  if (_instance === null) _instance = new ProtocolStore()
+  return _instance
+}

package/dist/dashboard/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "declaration": false,
+    "declarationMap": false,
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "allowJs": true,
+    "checkJs": false,
+    "paths": {
+      "preact": ["./vendor/preact.module"],
+      "preact/jsx-runtime": ["./vendor/jsx-runtime"],
+      "preact/hooks": ["./vendor/hooks.module"]
+    }
+  },
+  "include": ["**/*"],
+  "exclude": ["node_modules", "**/*.test.ts", "**/*.test.tsx"]
+}

package/dist/dashboard/vendor/hooks.module.js

@@ -0,0 +1 @@
+import{options as n}from"preact";var t,r,u,i,o=0,f=[],c=[],e=n,a=e.__b,v=e.__r,l=e.diffed,m=e.__c,s=e.unmount,d=e.__;function h(n,t){e.__h&&e.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({__V:c}),u.__[n]}function p(n){return o=1,y(D,n)}function y(n,u,i){var o=h(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function _(n,u){var i=h(t++,3);!e.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__H.__h.push(i))}function A(n,u){var i=h(t++,4);!e.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__h.push(i))}function F(n){return o=5,q(function(){return{current:n}},[])}function T(n,t,r){o=6,A(function(){return"function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function q(n,r){var u=h(t++,7);return C(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function x(n,t){return o=8,q(function(){return n},t)}function P(n){var u=r.context[n.__c],i=h(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function V(n,t){e.useDebugValue&&e.useDebugValue(t?t(n):n)}function b(n){var u=h(t++,10),i=p();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=h(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],e.__e(t,n.__v)}}e.__b=function(n){r=null,a&&a(n)},e.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),d&&d(n,t)},e.__r=function(n){v&&v(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},e.diffed=function(n){l&&l(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===e.requestAnimationFrame||((i=e.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c})),u=r=null},e.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],e.__e(r,n.__v)}}),m&&m(n,t)},e.unmount=function(n){s&&s(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&e.__e(t,r.__v))};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return"function"==typeof t?t(n):t}export{x as useCallback,P as useContext,V as useDebugValue,_ as useEffect,b as useErrorBoundary,g as useId,T as useImperativeHandle,A as useLayoutEffect,q as useMemo,y as useReducer,F as useRef,p as useState};

package/dist/dashboard/vendor/jsx-runtime.js

@@ -0,0 +1,22 @@
+/**
+ * Minimal Preact JSX-runtime shim.
+ *
+ * TypeScript's `jsxImportSource: "preact"` compiles JSX to `jsx(type, props)` /
+ * `jsxs(type, props)` calls from `preact/jsx-runtime`. This shim re-exports
+ * Preact's `h` under those names. Children arrive in `props.children` instead
+ * of as variadic arguments — Preact's `h` accepts both forms.
+ *
+ * Preact itself is vendored next door at `./preact.module.js`. This file is
+ * intentionally minimal so updating Preact is a single-file swap.
+ */
+export { Fragment } from './preact.module.js'
+import { h } from './preact.module.js'
+
+export function jsx(type, props, key) {
+  const { children, ...rest } = props ?? {}
+  if (key !== undefined) rest.key = key
+  return h(type, rest, children)
+}
+
+export const jsxs = jsx
+export const jsxDEV = jsx

package/dist/dashboard/vendor/preact.module.js

@@ -0,0 +1,12 @@
+/*
+ * Preact v10.22.0 — vendored copy.
+ * https://github.com/preactjs/preact
+ *
+ * Copyright (c) 2015-present Jason Miller <jasonmiller@aol.com>
+ * Licensed under the MIT License (https://opensource.org/licenses/MIT).
+ *
+ * Kept verbatim so the devtools dashboard ships without a runtime dep on
+ * Preact. Update by re-fetching `preact@X.Y.Z/dist/preact.mjs` and replacing
+ * this file.
+ */
+var n,l,u,t,i,o,r,f,e,c,s,a,h={},p=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){var l=n.parentNode;l&&l.removeChild(n)}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function k(n){return n.children}function b(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!P.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(P)}function P(){var n,u,t,o,r,e,c,s;for(i.sort(f);n=i.shift();)n.__d&&(u=i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),i.length>u&&i.sort(f));P.__r=0}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?(e&&!e.isConnected&&(e=x(v)),e=I(y,e,n)):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(k,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r?f==r-1&&(a=f-r):a=0,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e,n.addEventListener(l,o?s:c,o)):n.removeEventListener(l,o?s:c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof L)try{if(m=u.props,x=(a=L.contextType)&&i[a.__c],C=a?x?x.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:("prototype"in L&&L.prototype.render?u.__c=h=new L(m,C):(u.__c=h=new b(m,C),h.constructor=L,h.render=q),x&&x.sub(h),h.props=m,h.state||(h.state={}),h.context=C,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=L.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,L.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)null==L.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==L.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,C),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,C)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u)}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,C),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_)})}if(h.context=C,h.props=m,h.__P=n,h.__e=!1,P=l.__r,$=0,"prototype"in L&&L.prototype.render){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),I=0;I<h._sb.length;I++)h.__h.push(h._sb[I]);h._sb=[]}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),p||null==h.getSnapshotBeforeUpdate||(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(H=null!=a&&a.type===k&&null==a.key?a.props.children:a)?H:[H],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1}if(null===b)m===k||e&&l.data===k||(l.data=k);else{if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A(l,s,null,d,o)}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A(l,s,g,m[s],o))}return l}function N(n,u,t){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(k,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,M(n)})},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=p.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},b.prototype.render=k,i=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,e=0,c=F(!1),s=F(!0),a=0;export{b as Component,k as Fragment,E as cloneElement,G as createContext,_ as createElement,m as createRef,_ as h,D as hydrate,t as isValidElement,l as options,B as render,H as toChildArray};