var __CODE__ = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/__injected-globals.js var fetch; var init_injected_globals = __esm({ "virtual:/__injected-globals.js"() { fetch = /* @__PURE__ */ (function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "0df74eb7-a3e7-4e93-bdb7-9a3e06b4f375"); finalHeaders.set("x-createxyz-project-group-id", "a8b6785b-ad1e-49d5-9312-2d6cdea32bcf"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "0df74eb7-a3e7-4e93-bdb7-9a3e06b4f375"); input.headers.set("x-createxyz-project-group-id", "a8b6785b-ad1e-49d5-9312-2d6cdea32bcf"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; })(globalThis.fetch); } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { init_injected_globals(); module.exports = React; } }); // ../../../node_modules/react/cjs/react-jsx-runtime.production.min.js var require_react_jsx_runtime_production_min = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.production.min.js"(exports) { "use strict"; init_injected_globals(); var f = require_react(); var k = Symbol.for("react.element"); var l = Symbol.for("react.fragment"); var m = Object.prototype.hasOwnProperty; var n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner; var p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } exports.Fragment = l; exports.jsx = q; exports.jsxs = q; } }); // ../../../node_modules/react/jsx-runtime.js var require_jsx_runtime = __commonJS({ "../../../node_modules/react/jsx-runtime.js"(exports, module) { "use strict"; init_injected_globals(); if (true) { module.exports = require_react_jsx_runtime_production_min(); } else { module.exports = null; } } }); // global-externals:@auth/create/react var require_react2 = __commonJS({ "global-externals:@auth/create/react"(exports, module) { init_injected_globals(); module.exports = NextAuthReact; } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react6 = __toESM(require_react()); // virtual:/apps/web/src/app/games/strokes/page.jsx init_injected_globals(); var import_react5 = __toESM(require_react()); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function shallowEqualObjects(a, b) { if (!b || Object.keys(a).length !== Object.keys(b).length) { return false; } for (const key in a) { if (a[key] !== b[key]) { return false; } } return true; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js init_injected_globals(); var QueryObserver = class extends Subscribable { constructor(client, options) { super(); this.options = options; this.#client = client; this.#selectError = null; this.#currentThenable = pendingThenable(); if (!this.options.experimental_prefetchInRender) { this.#currentThenable.reject( new Error("experimental_prefetchInRender feature flag is not enabled") ); } this.bindMethods(); this.setOptions(options); } #client; #currentQuery = void 0; #currentQueryInitialState = void 0; #currentResult = void 0; #currentResultState; #currentResultOptions; #currentThenable; #selectError; #selectFn; #selectResult; // This property keeps track of the last query with defined data. // It will be used to pass the previous data and query to the placeholder function between renders. #lastQueryWithDefinedData; #staleTimeoutId; #refetchIntervalId; #currentRefetchInterval; #trackedProps = /* @__PURE__ */ new Set(); bindMethods() { this.refetch = this.refetch.bind(this); } onSubscribe() { if (this.listeners.size === 1) { this.#currentQuery.addObserver(this); if (shouldFetchOnMount(this.#currentQuery, this.options)) { this.#executeFetch(); } else { this.updateResult(); } this.#updateTimers(); } } onUnsubscribe() { if (!this.hasListeners()) { this.destroy(); } } shouldFetchOnReconnect() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnReconnect ); } shouldFetchOnWindowFocus() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnWindowFocus ); } destroy() { this.listeners = /* @__PURE__ */ new Set(); this.#clearStaleTimeout(); this.#clearRefetchInterval(); this.#currentQuery.removeObserver(this); } setOptions(options) { const prevOptions = this.options; const prevQuery = this.#currentQuery; this.options = this.#client.defaultQueryOptions(options); if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") { throw new Error( "Expected enabled to be a boolean or a callback that returns a boolean" ); } this.#updateQuery(); this.#currentQuery.setOptions(this.options); if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) { this.#client.getQueryCache().notify({ type: "observerOptionsUpdated", query: this.#currentQuery, observer: this }); } const mounted = this.hasListeners(); if (mounted && shouldFetchOptionally( this.#currentQuery, prevQuery, this.options, prevOptions )) { this.#executeFetch(); } this.updateResult(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) { this.#updateStaleTimeout(); } const nextRefetchInterval = this.#computeRefetchInterval(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) { this.#updateRefetchInterval(nextRefetchInterval); } } getOptimisticResult(options) { const query = this.#client.getQueryCache().build(this.#client, options); const result = this.createResult(query, options); if (shouldAssignObserverCurrentProperties(this, result)) { this.#currentResult = result; this.#currentResultOptions = this.options; this.#currentResultState = this.#currentQuery.state; } return result; } getCurrentResult() { return this.#currentResult; } trackResult(result, onPropTracked) { const trackedResult = {}; Object.keys(result).forEach((key) => { Object.defineProperty(trackedResult, key, { configurable: false, enumerable: true, get: () => { this.trackProp(key); onPropTracked?.(key); return result[key]; } }); }); return trackedResult; } trackProp(key) { this.#trackedProps.add(key); } getCurrentQuery() { return this.#currentQuery; } refetch({ ...options } = {}) { return this.fetch({ ...options }); } fetchOptimistic(options) { const defaultedOptions = this.#client.defaultQueryOptions(options); const query = this.#client.getQueryCache().build(this.#client, defaultedOptions); return query.fetch().then(() => this.createResult(query, defaultedOptions)); } fetch(fetchOptions) { return this.#executeFetch({ ...fetchOptions, cancelRefetch: fetchOptions.cancelRefetch ?? true }).then(() => { this.updateResult(); return this.#currentResult; }); } #executeFetch(fetchOptions) { this.#updateQuery(); let promise = this.#currentQuery.fetch( this.options, fetchOptions ); if (!fetchOptions?.throwOnError) { promise = promise.catch(noop); } return promise; } #updateStaleTimeout() { this.#clearStaleTimeout(); const staleTime = resolveStaleTime( this.options.staleTime, this.#currentQuery ); if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) { return; } const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime); const timeout = time + 1; this.#staleTimeoutId = setTimeout(() => { if (!this.#currentResult.isStale) { this.updateResult(); } }, timeout); } #computeRefetchInterval() { return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false; } #updateRefetchInterval(nextInterval) { this.#clearRefetchInterval(); this.#currentRefetchInterval = nextInterval; if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) { return; } this.#refetchIntervalId = setInterval(() => { if (this.options.refetchIntervalInBackground || focusManager.isFocused()) { this.#executeFetch(); } }, this.#currentRefetchInterval); } #updateTimers() { this.#updateStaleTimeout(); this.#updateRefetchInterval(this.#computeRefetchInterval()); } #clearStaleTimeout() { if (this.#staleTimeoutId) { clearTimeout(this.#staleTimeoutId); this.#staleTimeoutId = void 0; } } #clearRefetchInterval() { if (this.#refetchIntervalId) { clearInterval(this.#refetchIntervalId); this.#refetchIntervalId = void 0; } } createResult(query, options) { const prevQuery = this.#currentQuery; const prevOptions = this.options; const prevResult = this.#currentResult; const prevResultState = this.#currentResultState; const prevResultOptions = this.#currentResultOptions; const queryChange = query !== prevQuery; const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState; const { state } = query; let newState = { ...state }; let isPlaceholderData = false; let data; if (options._optimisticResults) { const mounted = this.hasListeners(); const fetchOnMount = !mounted && shouldFetchOnMount(query, options); const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions); if (fetchOnMount || fetchOptionally) { newState = { ...newState, ...fetchState(state.data, query.options) }; } if (options._optimisticResults === "isRestoring") { newState.fetchStatus = "idle"; } } let { error, errorUpdatedAt, status } = newState; data = newState.data; let skipSelect = false; if (options.placeholderData !== void 0 && data === void 0 && status === "pending") { let placeholderData; if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) { placeholderData = prevResult.data; skipSelect = true; } else { placeholderData = typeof options.placeholderData === "function" ? options.placeholderData( this.#lastQueryWithDefinedData?.state.data, this.#lastQueryWithDefinedData ) : options.placeholderData; } if (placeholderData !== void 0) { status = "success"; data = replaceData( prevResult?.data, placeholderData, options ); isPlaceholderData = true; } } if (options.select && data !== void 0 && !skipSelect) { if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) { data = this.#selectResult; } else { try { this.#selectFn = options.select; data = options.select(data); data = replaceData(prevResult?.data, data, options); this.#selectResult = data; this.#selectError = null; } catch (selectError) { this.#selectError = selectError; } } } if (this.#selectError) { error = this.#selectError; data = this.#selectResult; errorUpdatedAt = Date.now(); status = "error"; } const isFetching = newState.fetchStatus === "fetching"; const isPending = status === "pending"; const isError = status === "error"; const isLoading = isPending && isFetching; const hasData = data !== void 0; const result = { status, fetchStatus: newState.fetchStatus, isPending, isSuccess: status === "success", isError, isInitialLoading: isLoading, isLoading, data, dataUpdatedAt: newState.dataUpdatedAt, error, errorUpdatedAt, failureCount: newState.fetchFailureCount, failureReason: newState.fetchFailureReason, errorUpdateCount: newState.errorUpdateCount, isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0, isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount, isFetching, isRefetching: isFetching && !isPending, isLoadingError: isError && !hasData, isPaused: newState.fetchStatus === "paused", isPlaceholderData, isRefetchError: isError && hasData, isStale: isStale(query, options), refetch: this.refetch, promise: this.#currentThenable }; const nextResult = result; if (this.options.experimental_prefetchInRender) { const finalizeThenableIfPossible = (thenable) => { if (nextResult.status === "error") { thenable.reject(nextResult.error); } else if (nextResult.data !== void 0) { thenable.resolve(nextResult.data); } }; const recreateThenable = () => { const pending = this.#currentThenable = nextResult.promise = pendingThenable(); finalizeThenableIfPossible(pending); }; const prevThenable = this.#currentThenable; switch (prevThenable.status) { case "pending": if (query.queryHash === prevQuery.queryHash) { finalizeThenableIfPossible(prevThenable); } break; case "fulfilled": if (nextResult.status === "error" || nextResult.data !== prevThenable.value) { recreateThenable(); } break; case "rejected": if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) { recreateThenable(); } break; } } return nextResult; } updateResult() { const prevResult = this.#currentResult; const nextResult = this.createResult(this.#currentQuery, this.options); this.#currentResultState = this.#currentQuery.state; this.#currentResultOptions = this.options; if (this.#currentResultState.data !== void 0) { this.#lastQueryWithDefinedData = this.#currentQuery; } if (shallowEqualObjects(nextResult, prevResult)) { return; } this.#currentResult = nextResult; const shouldNotifyListeners = () => { if (!prevResult) { return true; } const { notifyOnChangeProps } = this.options; const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps; if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) { return true; } const includedProps = new Set( notifyOnChangePropsValue ?? this.#trackedProps ); if (this.options.throwOnError) { includedProps.add("error"); } return Object.keys(this.#currentResult).some((key) => { const typedKey = key; const changed = this.#currentResult[typedKey] !== prevResult[typedKey]; return changed && includedProps.has(typedKey); }); }; this.#notify({ listeners: shouldNotifyListeners() }); } #updateQuery() { const query = this.#client.getQueryCache().build(this.#client, this.options); if (query === this.#currentQuery) { return; } const prevQuery = this.#currentQuery; this.#currentQuery = query; this.#currentQueryInitialState = query.state; if (this.hasListeners()) { prevQuery?.removeObserver(this); query.addObserver(this); } } onQueryUpdate() { this.updateResult(); if (this.hasListeners()) { this.#updateTimers(); } } #notify(notifyOptions) { notifyManager.batch(() => { if (notifyOptions.listeners) { this.listeners.forEach((listener) => { listener(this.#currentResult); }); } this.#client.getQueryCache().notify({ query: this.#currentQuery, type: "observerResultsUpdated" }); }); } }; function shouldLoadOnMount(query, options) { return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false); } function shouldFetchOnMount(query, options) { return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount); } function shouldFetchOn(query, options, field) { if (resolveEnabled(options.enabled, query) !== false) { const value = typeof field === "function" ? field(query) : field; return value === "always" || value !== false && isStale(query, options); } return false; } function shouldFetchOptionally(query, prevQuery, options, prevOptions) { return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options); } function isStale(query, options) { return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query)); } function shouldAssignObserverCurrentProperties(observer, optimisticResult) { if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) { return true; } return false; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js init_injected_globals(); var MutationObserver = class extends Subscribable { #client; #currentResult = void 0; #currentMutation; #mutateOptions; constructor(client, options) { super(); this.#client = client; this.setOptions(options); this.bindMethods(); this.#updateResult(); } bindMethods() { this.mutate = this.mutate.bind(this); this.reset = this.reset.bind(this); } setOptions(options) { const prevOptions = this.options; this.options = this.#client.defaultMutationOptions(options); if (!shallowEqualObjects(this.options, prevOptions)) { this.#client.getMutationCache().notify({ type: "observerOptionsUpdated", mutation: this.#currentMutation, observer: this }); } if (prevOptions?.mutationKey && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) { this.reset(); } else if (this.#currentMutation?.state.status === "pending") { this.#currentMutation.setOptions(this.options); } } onUnsubscribe() { if (!this.hasListeners()) { this.#currentMutation?.removeObserver(this); } } onMutationUpdate(action) { this.#updateResult(); this.#notify(action); } getCurrentResult() { return this.#currentResult; } reset() { this.#currentMutation?.removeObserver(this); this.#currentMutation = void 0; this.#updateResult(); this.#notify(); } mutate(variables, options) { this.#mutateOptions = options; this.#currentMutation?.removeObserver(this); this.#currentMutation = this.#client.getMutationCache().build(this.#client, this.options); this.#currentMutation.addObserver(this); return this.#currentMutation.execute(variables); } #updateResult() { const state = this.#currentMutation?.state ?? getDefaultState2(); this.#currentResult = { ...state, isPending: state.status === "pending", isSuccess: state.status === "success", isError: state.status === "error", isIdle: state.status === "idle", mutate: this.mutate, reset: this.reset }; } #notify(action) { notifyManager.batch(() => { if (this.#mutateOptions && this.hasListeners()) { const variables = this.#currentResult.variables; const context = this.#currentResult.context; if (action?.type === "success") { this.#mutateOptions.onSuccess?.(action.data, variables, context); this.#mutateOptions.onSettled?.(action.data, null, variables, context); } else if (action?.type === "error") { this.#mutateOptions.onError?.(action.error, variables, context); this.#mutateOptions.onSettled?.( void 0, action.error, variables, context ); } } this.listeners.forEach((listener) => { listener(this.#currentResult); }); }); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React2 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React2.createContext( void 0 ); var useQueryClient = (queryClient2) => { const client = React2.useContext(QueryClientContext); if (queryClient2) { return queryClient2; } if (!client) { throw new Error("No QueryClient set, use QueryClientProvider to set one"); } return client; }; var QueryClientProvider = ({ client, children }) => { React2.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // ../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js init_injected_globals(); var React3 = __toESM(require_react(), 1); var IsRestoringContext = React3.createContext(false); var useIsRestoring = () => React3.useContext(IsRestoringContext); var IsRestoringProvider = IsRestoringContext.Provider; // ../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js init_injected_globals(); var React4 = __toESM(require_react(), 1); var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); function createValue() { let isReset = false; return { clearReset: () => { isReset = false; }, reset: () => { isReset = true; }, isReset: () => { return isReset; } }; } var QueryErrorResetBoundaryContext = React4.createContext(createValue()); var useQueryErrorResetBoundary = () => React4.useContext(QueryErrorResetBoundaryContext); // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js init_injected_globals(); var React5 = __toESM(require_react(), 1); // ../../../node_modules/@tanstack/react-query/build/modern/utils.js init_injected_globals(); function shouldThrowError(throwError, params) { if (typeof throwError === "function") { return throwError(...params); } return !!throwError; } function noop2() { } // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => { if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) { if (!errorResetBoundary.isReset()) { options.retryOnMount = false; } } }; var useClearResetErrorBoundary = (errorResetBoundary) => { React5.useEffect(() => { errorResetBoundary.clearReset(); }, [errorResetBoundary]); }; var getHasError = ({ result, errorResetBoundary, throwOnError, query, suspense }) => { return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query])); }; // ../../../node_modules/@tanstack/react-query/build/modern/suspense.js init_injected_globals(); var ensureSuspenseTimers = (defaultedOptions) => { const originalStaleTime = defaultedOptions.staleTime; if (defaultedOptions.suspense) { defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => Math.max(originalStaleTime(...args), 1e3) : Math.max(originalStaleTime ?? 1e3, 1e3); if (typeof defaultedOptions.gcTime === "number") { defaultedOptions.gcTime = Math.max(defaultedOptions.gcTime, 1e3); } } }; var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring; var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending; var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => { errorResetBoundary.clearReset(); }); // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js init_injected_globals(); var React6 = __toESM(require_react(), 1); function useBaseQuery(options, Observer, queryClient2) { if (false) { if (typeof options !== "object" || Array.isArray(options)) { throw new Error( 'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object' ); } } const client = useQueryClient(queryClient2); const isRestoring = useIsRestoring(); const errorResetBoundary = useQueryErrorResetBoundary(); const defaultedOptions = client.defaultQueryOptions(options); client.getDefaultOptions().queries?._experimental_beforeQuery?.( defaultedOptions ); if (false) { if (!defaultedOptions.queryFn) { console.error( `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function` ); } } defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic"; ensureSuspenseTimers(defaultedOptions); ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary); useClearResetErrorBoundary(errorResetBoundary); const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash); const [observer] = React6.useState( () => new Observer( client, defaultedOptions ) ); const result = observer.getOptimisticResult(defaultedOptions); const shouldSubscribe = !isRestoring && options.subscribed !== false; React6.useSyncExternalStore( React6.useCallback( (onStoreChange) => { const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2; observer.updateResult(); return unsubscribe; }, [observer, shouldSubscribe] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); React6.useEffect(() => { observer.setOptions(defaultedOptions); }, [defaultedOptions, observer]); if (shouldSuspend(defaultedOptions, result)) { throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary); } if (getHasError({ result, errorResetBoundary, throwOnError: defaultedOptions.throwOnError, query: client.getQueryCache().get(defaultedOptions.queryHash), suspense: defaultedOptions.suspense })) { throw result.error; } ; client.getDefaultOptions().queries?._experimental_afterQuery?.( defaultedOptions, result ); if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) { const promise = isNewCacheEntry ? ( // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted fetchOptimistic(defaultedOptions, observer, errorResetBoundary) ) : ( // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in client.getQueryCache().get(defaultedOptions.queryHash)?.promise ); promise?.catch(noop2).finally(() => { observer.updateResult(); }); } return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result; } // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js function useQuery(options, queryClient2) { return useBaseQuery(options, QueryObserver, queryClient2); } // ../../../node_modules/@tanstack/react-query/build/modern/useMutation.js init_injected_globals(); var React7 = __toESM(require_react(), 1); function useMutation(options, queryClient2) { const client = useQueryClient(queryClient2); const [observer] = React7.useState( () => new MutationObserver( client, options ) ); React7.useEffect(() => { observer.setOptions(options); }, [observer, options]); const result = React7.useSyncExternalStore( React7.useCallback( (onStoreChange) => observer.subscribe(notifyManager.batchCalls(onStoreChange)), [observer] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); const mutate = React7.useCallback( (variables, mutateOptions) => { observer.mutate(variables, mutateOptions).catch(noop2); }, [observer] ); if (result.error && shouldThrowError(observer.options.throwOnError, [result.error])) { throw result.error; } return { ...result, mutate, mutateAsync: result.mutate }; } // virtual:/apps/web/src/utils/useUser.js init_injected_globals(); var React8 = __toESM(require_react()); var import_react = __toESM(require_react2()); var useUser = () => { const { data: session, status } = (0, import_react.useSession)(); const id = session?.user?.id; const [user, setUser] = React8.useState(session?.user ?? null); const fetchUser = React8.useCallback(async (session2) => { return session2?.user; }, []); const refetchUser = React8.useCallback(() => { if (true) { if (id) { fetchUser(session).then(setUser); } else { setUser(null); } } }, [fetchUser, id]); React8.useEffect(refetchUser, [refetchUser]); if (false) { return { user, data: session?.user || null, loading: status === "loading", refetch: refetchUser }; } return { user, data: user, loading: status === "loading" || status === "authenticated" && !user, refetch: refetchUser }; }; var useUser_default = useUser; // virtual:/apps/web/src/utils/guestId.js init_injected_globals(); async function getOrCreateGuestUserId() { if (typeof window === "undefined") { return null; } const key = "cc_guest_user_id"; try { const existing = window.localStorage.getItem(key); if (existing) { return existing; } const random = Math.random().toString(16).slice(2); const created = `guest_${Date.now()}_${random}`; window.localStorage.setItem(key, created); return created; } catch (e) { console.error("Could not access localStorage for guest id", e); const random = Math.random().toString(16).slice(2); return `guest_${Date.now()}_${random}`; } } // virtual:/apps/web/src/utils/useDailyGameLimit.js init_injected_globals(); var import_react2 = __toESM(require_react()); var import_react3 = __toESM(require_react()); var DEFAULT_LIMIT = 25; function useDailyGameLimit({ userId }) { const queryClient2 = useQueryClient(); const [blockInfo, setBlockInfo] = (0, import_react2.useState)(null); const usageQuery = useQuery({ queryKey: ["daily-usage", userId], enabled: !!userId, queryFn: async () => { const response = await fetch( `/api/daily-usage?userId=${encodeURIComponent(userId)}` ); if (!response.ok) { throw new Error( `When fetching /api/daily-usage, the response was [${response.status}] ${response.statusText}` ); } return response.json(); }, staleTime: 1e3 * 30, refetchOnWindowFocus: false }); const isPro = (0, import_react2.useMemo)(() => { return !!usageQuery.data?.isPro; }, [usageQuery.data?.isPro]); (0, import_react3.useEffect)(() => { setBlockInfo(null); }, [userId, isPro]); const usage = (0, import_react2.useMemo)(() => { if (isPro) { return { limit: DEFAULT_LIMIT, gamesPlayed: 0, remaining: null }; } const limit = Number(usageQuery.data?.limit) || DEFAULT_LIMIT; const gamesPlayed = Number(usageQuery.data?.gamesPlayed) || 0; const remaining = Math.max(0, limit - gamesPlayed); return { limit, gamesPlayed, remaining }; }, [isPro, usageQuery.data?.gamesPlayed, usageQuery.data?.limit]); const limitReached = (0, import_react2.useMemo)(() => { if (isPro) { return false; } return usage.gamesPlayed >= usage.limit; }, [isPro, usage.gamesPlayed, usage.limit]); const clearBlockInfo = (0, import_react2.useCallback)(() => { setBlockInfo(null); }, []); const consumeOneGame = (0, import_react2.useCallback)(async () => { if (!userId) { return { allowed: false, reason: "missing_user" }; } if (isPro) { return { allowed: true, isPro: true }; } try { const response = await fetch("/api/daily-usage", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId }) }); if (response.status === 429) { const data2 = await response.json().catch(() => null); const limit = Number(data2?.limit) || usage.limit || DEFAULT_LIMIT; const gamesPlayed = Number(data2?.gamesPlayed) || usage.gamesPlayed || 0; setBlockInfo({ limit, gamesPlayed, remaining: Math.max(0, limit - gamesPlayed) }); queryClient2.invalidateQueries({ queryKey: ["daily-usage", userId] }); return { allowed: false, ...data2 || {} }; } if (!response.ok) { throw new Error( `When posting /api/daily-usage, the response was [${response.status}] ${response.statusText}` ); } const data = await response.json(); queryClient2.invalidateQueries({ queryKey: ["daily-usage", userId] }); clearBlockInfo(); return { allowed: true, ...data || {} }; } catch (e) { console.error("Could not consume daily game", e); return { allowed: true, reason: "limiter_error" }; } }, [ clearBlockInfo, isPro, queryClient2, usage.gamesPlayed, usage.limit, userId ]); return { usageQuery, usage, isPro, limitReached, consumeOneGame, blockInfo, clearBlockInfo }; } // virtual:/apps/web/src/utils/strokeGeometry.js init_injected_globals(); function pointsToPath(points) { if (!points || points.length === 0) { return ""; } const safePoints = points.filter( (p) => Number.isFinite(p?.x) && Number.isFinite(p?.y) ); if (safePoints.length === 0) { return ""; } const first = safePoints[0]; let d = `M ${first.x} ${first.y}`; for (let i = 1; i < safePoints.length; i += 1) { const p = safePoints[i]; d += ` L ${p.x} ${p.y}`; } return d; } function clamp01(n) { return Math.max(0, Math.min(1, n)); } function getBBox(points) { if (!points || points.length === 0) { return { minX: 0, minY: 0, maxX: 1, maxY: 1, cx: 0.5, cy: 0.5, w: 1, h: 1 }; } let minX = Number.POSITIVE_INFINITY; let minY = Number.POSITIVE_INFINITY; let maxX = Number.NEGATIVE_INFINITY; let maxY = Number.NEGATIVE_INFINITY; for (const p of points) { minX = Math.min(minX, p.x); minY = Math.min(minY, p.y); maxX = Math.max(maxX, p.x); maxY = Math.max(maxY, p.y); } const w = Math.max(1e-6, maxX - minX); const h = Math.max(1e-6, maxY - minY); return { minX, minY, maxX, maxY, cx: (minX + maxX) / 2, cy: (minY + maxY) / 2, w, h }; } function resamplePolyline(points, n) { if (!points || points.length === 0) { return []; } if (points.length === 1) { return Array.from({ length: n }).map(() => points[0]); } const distances = [0]; let total = 0; for (let i = 1; i < points.length; i += 1) { const a = points[i - 1]; const b = points[i]; const dx = b.x - a.x; const dy = b.y - a.y; const d = Math.sqrt(dx * dx + dy * dy); total += d; distances.push(total); } if (total <= 1e-6) { return Array.from({ length: n }).map(() => points[0]); } const targetStep = total / (n - 1); const out = [points[0]]; let currTarget = targetStep; let seg = 1; while (out.length < n - 1) { while (seg < distances.length && distances[seg] < currTarget) { seg += 1; } const prevDist = distances[Math.max(0, seg - 1)]; const nextDist = distances[Math.min(distances.length - 1, seg)]; const a = points[Math.max(0, seg - 1)]; const b = points[Math.min(points.length - 1, seg)]; const denom = Math.max(1e-6, nextDist - prevDist); const t = (currTarget - prevDist) / denom; out.push({ x: a.x + (b.x - a.x) * t, y: a.y + (b.y - a.y) * t }); currTarget += targetStep; } out.push(points[points.length - 1]); return out; } function avgPointDistance(aPoints, bPoints) { const n = Math.min(aPoints.length, bPoints.length); if (n === 0) { return 1; } let sum = 0; for (let i = 0; i < n; i += 1) { const a = aPoints[i]; const b = bPoints[i]; const dx = a.x - b.x; const dy = a.y - b.y; sum += Math.sqrt(dx * dx + dy * dy); } return sum / n; } function directionDot(aPoints, bPoints) { if (aPoints.length < 2 || bPoints.length < 2) { return 1; } const a0 = aPoints[0]; const a1 = aPoints[aPoints.length - 1]; const b0 = bPoints[0]; const b1 = bPoints[bPoints.length - 1]; const avx = a1.x - a0.x; const avy = a1.y - a0.y; const bvx = b1.x - b0.x; const bvy = b1.y - b0.y; const aLen = Math.sqrt(avx * avx + avy * avy); const bLen = Math.sqrt(bvx * bvx + bvy * bvy); if (aLen <= 1e-6 || bLen <= 1e-6) { return 1; } return (avx * bvx + avy * bvy) / (aLen * bLen); } function mulberry32(seed) { let t = seed >>> 0; return function next() { t += 1831565813; let x = Math.imul(t ^ t >>> 15, 1 | t); x ^= x + Math.imul(x ^ x >>> 7, 61 | x); return ((x ^ x >>> 14) >>> 0) / 4294967296; }; } function shuffleInPlace(arr, rng) { if (!Array.isArray(arr) || arr.length <= 1) { return; } const rand = typeof rng === "function" ? rng : Math.random; for (let i = arr.length - 1; i > 0; i -= 1) { const j = Math.floor(rand() * (i + 1)); const tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp; } } // virtual:/apps/web/src/utils/strokeValidation.js init_injected_globals(); function validateStrokes({ strokes, strokeMedians, canvasSize, current }) { const expectedCountFromData = strokeMedians ? strokeMedians.length : 0; const expectedCountFromDb = Number(current?.stroke_count) || 0; const expected = expectedCountFromData > 0 ? expectedCountFromData : expectedCountFromDb; const drawn = strokes.length; let isMatch = expected > 0 && drawn === expected; let shapeScore = null; let directionOkCount = null; if (isMatch && strokeMedians && canvasSize.width > 0 && canvasSize.height > 0) { const refPointsAll = []; for (const median of strokeMedians) { const normalizedMedian = (median || []).map((pt) => { const x = clamp01((pt?.[0] || 0) / 1024); const y = clamp01(1 - (pt?.[1] || 0) / 1024); return { x, y }; }); refPointsAll.push(...normalizedMedian); } const userPointsAll = []; for (const s of strokes) { const pts = (s.points || []).map((pt) => { const x = clamp01(pt.x / canvasSize.width); const y = clamp01(pt.y / canvasSize.height); return { x, y }; }); userPointsAll.push(...pts); } const refBBox = getBBox(refPointsAll); const userBBox = getBBox(userPointsAll); const scaleX = refBBox.w / userBBox.w; const scaleY = refBBox.h / userBBox.h; const scale = Math.max(1e-6, Math.min(scaleX, scaleY)); const alignUser = (pt) => { const x = (pt.x - userBBox.cx) * scale + refBBox.cx; const y = (pt.y - userBBox.cy) * scale + refBBox.cy; return { x: clamp01(x), y: clamp01(y) }; }; const samplesPerStroke = 20; const maxAvgDist = 0.18; const minDirectionDot = 0.5; let directionOk = 0; const strokeScores = []; for (let i = 0; i < strokes.length; i += 1) { const userStrokeRaw = strokes[i]; const userPts = (userStrokeRaw.points || []).map((pt) => ({ x: clamp01(pt.x / canvasSize.width), y: clamp01(pt.y / canvasSize.height) })).map(alignUser); const refPts = (strokeMedians[i] || []).map((pt) => ({ x: clamp01((pt?.[0] || 0) / 1024), y: clamp01(1 - (pt?.[1] || 0) / 1024) })); const userSampled = resamplePolyline(userPts, samplesPerStroke); const refSampled = resamplePolyline(refPts, samplesPerStroke); const avgDist = avgPointDistance(userSampled, refSampled); const distScore01 = clamp01(1 - avgDist / maxAvgDist); strokeScores.push(distScore01); const dot = directionDot(userSampled, refSampled); if (dot >= minDirectionDot) { directionOk += 1; } } const sorted = [...strokeScores].sort((a, b) => a - b); const dropN = Math.floor(sorted.length * 0.2); const kept = sorted.slice(dropN); const keptSum = kept.reduce((acc, s) => acc + s, 0); const avgScore01 = kept.length > 0 ? keptSum / kept.length : 0; shapeScore = Math.round(avgScore01 * 100); directionOkCount = directionOk; const shapeOk = shapeScore >= 55; const directionOkAll = directionOkCount === strokes.length; isMatch = shapeOk && directionOkAll; } const points = isMatch ? 10 : 0; const directionLine = directionOkCount == null ? "" : ` Direction: ${directionOkCount}/${strokes.length} strokes correct.`; const scoreLine = shapeScore == null ? "" : ` Shape: ${shapeScore}/100.`; const detailLine = `${scoreLine}${directionLine}`.trim(); const details = detailLine ? ` ${detailLine}` : ""; const resultText = isMatch ? `Nice \u2014 stroke order, direction, and shape look good.${details}` : `Not quite \u2014 tweak your strokes and tap Check again (or Reveal to give up).${details}`; return { isMatch, points, resultText, shapeScore, directionOkCount }; } // virtual:/apps/web/src/components/WebNavLinks.jsx init_injected_globals(); var import_react4 = __toESM(require_react()); function NavButton({ href, children, isActive }) { const baseClass = "rounded-xl border border-white/10 bg-[#262626] px-4 py-2 text-sm font-semibold text-white/90 hover:bg-white/10"; const activeClass = isActive ? " bg-white/10" : ""; const className = `${baseClass}${activeClass}`; return /* @__PURE__ */ React.createElement( "a", { href, className, "aria-current": isActive ? "page" : void 0 }, children ); } function PrimaryButton({ href, children, isActive }) { const baseClass = "rounded-xl bg-white px-4 py-2 text-sm font-semibold text-black hover:bg-white/90"; const activeClass = isActive ? " ring-2 ring-white/30 ring-offset-2 ring-offset-[#121212]" : ""; const className = `${baseClass}${activeClass}`; return /* @__PURE__ */ React.createElement( "a", { href, className, "aria-current": isActive ? "page" : void 0 }, children ); } function WebNavLinks({ callbackUrl = "/" }) { const { data: user, loading } = useUser_default(); const isAuthed = !!user; const currentPath = (0, import_react4.useMemo)(() => { if (typeof window === "undefined") { return ""; } return window.location.pathname || ""; }, []); const isActive = (0, import_react4.useMemo)(() => { const match = (href) => { if (!href) { return false; } if (href === "/") { return currentPath === "/"; } return currentPath === href || currentPath.startsWith(`${href}/`); }; return { home: match("/"), games: match("/games"), leaderboard: match("/leaderboard"), dashboard: match("/dashboard"), signin: match("/account/signin"), signup: match("/account/signup") }; }, [currentPath]); const encodedCallbackUrl = encodeURIComponent(callbackUrl || "/"); const signInHref = `/account/signin?callbackUrl=${encodedCallbackUrl}`; const signUpHref = `/account/signup?callbackUrl=${encodedCallbackUrl}`; const signOutHref = `/account/logout?callbackUrl=${encodedCallbackUrl}`; const authArea = loading ? /* @__PURE__ */ React.createElement("span", { className: "rounded-xl border border-white/10 bg-[#262626] px-4 py-2 text-sm font-semibold text-white/60" }, "Account\u2026") : isAuthed ? /* @__PURE__ */ React.createElement(NavButton, { href: signOutHref }, "Sign out") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NavButton, { href: signInHref, isActive: isActive.signin }, "Sign in"), /* @__PURE__ */ React.createElement(PrimaryButton, { href: signUpHref, isActive: isActive.signup }, "Create account")); return /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React.createElement(NavButton, { href: "/", isActive: isActive.home }, "Home"), /* @__PURE__ */ React.createElement(NavButton, { href: "/games", isActive: isActive.games }, "Games"), /* @__PURE__ */ React.createElement(NavButton, { href: "/leaderboard", isActive: isActive.leaderboard }, "Leaderboard"), /* @__PURE__ */ React.createElement(NavButton, { href: "/dashboard", isActive: isActive.dashboard }, "My stats"), authArea); } // virtual:/apps/web/src/app/games/strokes/page.jsx function clamp(n, min, max) { return Math.max(min, Math.min(max, n)); } function WebStrokesGamePage() { const queryClient2 = useQueryClient(); const { data: user, loading: userLoading } = useUser_default(); const [guestId, setGuestId] = (0, import_react5.useState)(null); const [shuffleSeed, setShuffleSeed] = (0, import_react5.useState)(() => Date.now()); const [cardIndex, setCardIndex] = (0, import_react5.useState)(0); const [showAnswer, setShowAnswer] = (0, import_react5.useState)(false); const [resultText, setResultText] = (0, import_react5.useState)(null); const [attemptState, setAttemptState] = (0, import_react5.useState)("idle"); const [localError, setLocalError] = (0, import_react5.useState)(null); const isLocked = attemptState === "passed" || attemptState === "revealed"; const canvasRef = (0, import_react5.useRef)(null); const [canvasSize, setCanvasSize] = (0, import_react5.useState)({ width: 0, height: 0 }); const [strokes, setStrokes] = (0, import_react5.useState)([]); const [currentPath, setCurrentPath] = (0, import_react5.useState)(""); const drawingRef = (0, import_react5.useRef)(false); const pointerIdRef = (0, import_react5.useRef)(null); const currentPointsRef = (0, import_react5.useRef)([]); const rafRef = (0, import_react5.useRef)(null); const pendingPathRef = (0, import_react5.useRef)(""); const flushPath = (0, import_react5.useCallback)((path) => { pendingPathRef.current = path; if (typeof requestAnimationFrame !== "function") { setCurrentPath(pendingPathRef.current); return; } if (rafRef.current != null) { return; } rafRef.current = requestAnimationFrame(() => { rafRef.current = null; setCurrentPath(pendingPathRef.current); }); }, []); const resetCanvas = (0, import_react5.useCallback)(() => { setStrokes([]); currentPointsRef.current = []; pendingPathRef.current = ""; setCurrentPath(""); }, []); const undoStroke = (0, import_react5.useCallback)(() => { setStrokes((prev) => prev.slice(0, -1)); currentPointsRef.current = []; pendingPathRef.current = ""; setCurrentPath(""); }, []); (0, import_react5.useEffect)(() => { let mounted = true; getOrCreateGuestUserId().then((id) => { if (mounted) { setGuestId(id); } }).catch((e) => { console.error("Could not create guest user id", e); if (mounted) { setLocalError("Could not create guest id. Please refresh."); } }); return () => { mounted = false; }; }, []); const userId = (0, import_react5.useMemo)(() => { const authUserId = user?.id; if (authUserId) { return String(authUserId); } return guestId; }, [guestId, user?.id]); const { consumeOneGame, blockInfo } = useDailyGameLimit({ userId }); const charactersQuery = useQuery({ queryKey: ["characters", 150], queryFn: async () => { const response = await fetch("/api/characters?limit=150"); if (!response.ok) { throw new Error( `When fetching /api/characters, the response was [${response.status}] ${response.statusText}` ); } return response.json(); }, staleTime: 1e3 * 60 * 60, refetchOnWindowFocus: false, refetchOnReconnect: false }); const characters = charactersQuery.data?.characters || []; const shuffledCharacters = (0, import_react5.useMemo)(() => { if (!characters || characters.length === 0) { return []; } const next = [...characters]; const rng = mulberry32(shuffleSeed); shuffleInPlace(next, rng); return next; }, [characters, shuffleSeed]); const current = shuffledCharacters[cardIndex] || null; const currentChar = current ? current.character : ""; const strokeDataQuery = useQuery({ queryKey: ["stroke-data", currentChar], enabled: !!currentChar, queryFn: async () => { const encoded = encodeURIComponent(currentChar); const response = await fetch(`/api/strokes/${encoded}`); if (!response.ok) { throw new Error( `When fetching /api/strokes/${encoded}, the response was [${response.status}] ${response.statusText}` ); } return response.json(); } }); const refStrokeCount = Array.isArray(strokeDataQuery.data?.medians) ? strokeDataQuery.data.medians.length : 0; const dbStrokeCount = current ? Number(current.stroke_count) || 0 : 0; const expectedStrokes = refStrokeCount > 0 ? refStrokeCount : dbStrokeCount; const strokeLabel = `${strokes.length} / ${expectedStrokes} strokes`; (0, import_react5.useEffect)(() => { if (!canvasRef.current) { return; } const el = canvasRef.current; const read = () => { const rect = el.getBoundingClientRect(); const w = Math.round(rect.width); const h = Math.round(rect.height); if (w > 0 && h > 0) { setCanvasSize({ width: w, height: h }); } }; read(); const ro = new ResizeObserver(() => read()); ro.observe(el); return () => ro.disconnect(); }, []); const readPoint = (0, import_react5.useCallback)((evt) => { if (!canvasRef.current) { return null; } const rect = canvasRef.current.getBoundingClientRect(); const x = evt.clientX - rect.left; const y = evt.clientY - rect.top; if (!Number.isFinite(x) || !Number.isFinite(y)) { return null; } const clampedX = clamp(x, 0, rect.width); const clampedY = clamp(y, 0, rect.height); return { x: clampedX, y: clampedY }; }, []); const finishStroke = (0, import_react5.useCallback)(() => { if (isLocked) { drawingRef.current = false; pointerIdRef.current = null; currentPointsRef.current = []; pendingPathRef.current = ""; setCurrentPath(""); return; } const finishedPoints = [...currentPointsRef.current].filter( (p) => Number.isFinite(p?.x) && Number.isFinite(p?.y) ); const finished = pointsToPath(finishedPoints); if (finished) { setStrokes((prev) => [...prev, { d: finished, points: finishedPoints }]); } drawingRef.current = false; pointerIdRef.current = null; currentPointsRef.current = []; pendingPathRef.current = ""; setCurrentPath(""); }, [isLocked]); const onPointerDown = (0, import_react5.useCallback)( (evt) => { if (isLocked) { return; } const p = readPoint(evt); if (!p) { return; } drawingRef.current = true; pointerIdRef.current = evt.pointerId; try { evt.currentTarget.setPointerCapture(evt.pointerId); } catch { } currentPointsRef.current = [p]; flushPath(pointsToPath(currentPointsRef.current)); }, [flushPath, isLocked, readPoint] ); const onPointerMove = (0, import_react5.useCallback)( (evt) => { if (!drawingRef.current) { return; } if (pointerIdRef.current !== evt.pointerId) { return; } if (isLocked) { return; } const p = readPoint(evt); if (!p) { return; } currentPointsRef.current = [...currentPointsRef.current, p]; flushPath(pointsToPath(currentPointsRef.current)); }, [flushPath, isLocked, readPoint] ); const onPointerUp = (0, import_react5.useCallback)( (evt) => { if (pointerIdRef.current !== evt.pointerId) { return; } finishStroke(); }, [finishStroke] ); const onPointerCancel = (0, import_react5.useCallback)( (evt) => { if (pointerIdRef.current !== evt.pointerId) { return; } finishStroke(); }, [finishStroke] ); const progressMutation = useMutation({ mutationFn: async ({ characterId, wasCorrect }) => { if (!userId) { throw new Error("Missing userId"); } const response = await fetch("/api/progress", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId, characterId, wasCorrect }) }); if (!response.ok) { throw new Error( `When posting /api/progress, the response was [${response.status}] ${response.statusText}` ); } return response.json(); }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["progress", userId] }); } }); const statsMutation = useMutation({ mutationFn: async ({ points, characterMastered }) => { if (!userId) { throw new Error("Missing userId"); } const response = await fetch("/api/user/stats", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId, points, characterMastered }) }); if (!response.ok) { throw new Error( `When posting /api/user/stats, the response was [${response.status}] ${response.statusText}` ); } return response.json(); }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["stats", userId] }); queryClient2.invalidateQueries({ queryKey: ["leaderboard"] }); } }); const resetForNext = (0, import_react5.useCallback)(() => { setShowAnswer(false); setResultText(null); setAttemptState("idle"); resetCanvas(); }, [resetCanvas]); (0, import_react5.useEffect)(() => { if (!shuffledCharacters || shuffledCharacters.length === 0) { setCardIndex(0); return; } setCardIndex(0); resetForNext(); }, [resetForNext, shuffledCharacters.length, shuffleSeed]); const goNext = (0, import_react5.useCallback)(() => { if (!shuffledCharacters.length) { return; } if (!isLocked) { return; } const isLast = cardIndex + 1 >= shuffledCharacters.length; if (isLast) { setShuffleSeed(Date.now()); return; } setCardIndex(cardIndex + 1); resetForNext(); }, [cardIndex, isLocked, resetForNext, shuffledCharacters.length]); const onSkip = (0, import_react5.useCallback)(async () => { if (!current || !userId) { return; } const consume = await consumeOneGame(); if (!consume?.allowed) { return; } setShowAnswer(true); resetCanvas(); setResultText(null); try { await progressMutation.mutateAsync({ characterId: current.id, wasCorrect: false }); await statsMutation.mutateAsync({ points: 0, characterMastered: false }); } catch (e) { console.error("Could not save skip result", e); } finally { setAttemptState("revealed"); } }, [ consumeOneGame, current, progressMutation, resetCanvas, statsMutation, userId ]); const onSubmit = (0, import_react5.useCallback)(async () => { if (!current || !userId) { return; } const consume = await consumeOneGame(); if (!consume?.allowed) { return; } const strokeMedians = Array.isArray(strokeDataQuery.data?.medians) ? strokeDataQuery.data.medians : null; const validation = validateStrokes({ strokes, strokeMedians, canvasSize, current }); const { isMatch, points, resultText: validationText } = validation; if (isMatch) { setShowAnswer(true); resetCanvas(); } else { setShowAnswer(false); } setResultText(validationText); try { await progressMutation.mutateAsync({ characterId: current.id, wasCorrect: isMatch }); await statsMutation.mutateAsync({ points, characterMastered: false }); } catch (e) { console.error("Could not save practice result", e); } finally { setAttemptState(isMatch ? "passed" : "failed"); } }, [ canvasSize, consumeOneGame, current, progressMutation, resetCanvas, statsMutation, strokeDataQuery.data?.medians, strokes, userId ]); const readyForId = !!userId && (!userLoading || !!user?.id); const screenLoading = !readyForId || charactersQuery.isLoading || strokeDataQuery.isLoading; const hasError = !!localError || !!charactersQuery.error || !!strokeDataQuery.error; const showEmpty = !hasError && shuffledCharacters.length === 0; const pinyin = current ? current.pinyin : ""; const meaning = current ? current.meaning : ""; const progressLabel = `${cardIndex + 1} / ${shuffledCharacters.length}`; const primaryLabel = attemptState === "passed" ? "Next" : "Check"; const primaryOnPress = attemptState === "passed" ? goNext : onSubmit; const secondaryLabel = attemptState === "revealed" ? "Next" : "Reveal"; const secondaryOnPress = attemptState === "revealed" ? goNext : onSkip; const isBusy = progressMutation.isPending || statsMutation.isPending; const primaryDisabled = isBusy || attemptState === "revealed"; const secondaryDisabled = isBusy || attemptState === "passed"; const advanceHint = attemptState === "passed" || attemptState === "revealed" ? "Tap Next to continue." : attemptState === "failed" ? "Keep trying until you pass \u2014 or Reveal to move on (reveal counts as incorrect)." : "Tap Check when you're ready. Reveal counts as incorrect."; const watermarkOpacity = "opacity-[0.12]"; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#121212]" }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto w-full max-w-3xl px-4 py-10" }, /* @__PURE__ */ React.createElement("header", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "a", { href: "/games", className: "text-sm font-semibold text-white/80 hover:text-white" }, "\u2190 Games" ), /* @__PURE__ */ React.createElement("h1", { className: "mt-1 font-urbanist text-2xl font-semibold text-white sm:text-3xl" }, "Strokes"), /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-white/60" }, "Draw the character. We'll check stroke count, direction, and shape.")), /* @__PURE__ */ React.createElement(WebNavLinks, { callbackUrl: "/games/strokes" })), blockInfo ? /* @__PURE__ */ React.createElement("div", { className: "mt-6 rounded-2xl border border-amber-500/30 bg-amber-500/10 p-4 text-sm text-amber-100" }, "Daily limit reached: ", blockInfo.gamesPlayed, "/", blockInfo.limit, ". Come back tomorrow.") : null, hasError ? /* @__PURE__ */ React.createElement("div", { className: "mt-6 rounded-2xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-200" }, "Could not load practice. Please refresh.") : null, /* @__PURE__ */ React.createElement("main", { className: "mt-6" }, screenLoading ? /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-white/10 bg-[#262626] p-6 text-sm text-white/60" }, "Loading\u2026") : showEmpty ? /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-white/10 bg-[#262626] p-6 text-sm text-white/60" }, "No characters yet.") : current ? /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-white/10 bg-[#262626] p-6 shadow-xl" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-white/60" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold text-white/80" }, progressLabel)), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-semibold text-white/70" }, strokeLabel)), /* @__PURE__ */ React.createElement("div", { className: "mt-6 text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-semibold text-white" }, pinyin), /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-base text-white/60" }, meaning)), /* @__PURE__ */ React.createElement( "div", { ref: canvasRef, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, className: "relative mt-6 h-[320px] w-full select-none overflow-hidden rounded-2xl border border-white/10 bg-[#1A1A1A] touch-none sm:h-[380px]" }, /* @__PURE__ */ React.createElement( "svg", { width: "100%", height: "100%", viewBox: `0 0 ${canvasSize.width || 1} ${canvasSize.height || 1}`, className: "absolute inset-0" }, /* @__PURE__ */ React.createElement( "line", { x1: (canvasSize.width || 1) / 2, y1: 0, x2: (canvasSize.width || 1) / 2, y2: canvasSize.height || 1, stroke: "rgba(255,255,255,0.10)", strokeWidth: 1 } ), /* @__PURE__ */ React.createElement( "line", { x1: 0, y1: (canvasSize.height || 1) / 2, x2: canvasSize.width || 1, y2: (canvasSize.height || 1) / 2, stroke: "rgba(255,255,255,0.10)", strokeWidth: 1 } ), strokes.map((s, idx) => /* @__PURE__ */ React.createElement( "path", { key: `stroke-${idx}`, d: s.d, stroke: "#FFFFFF", strokeWidth: 6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", opacity: 0.85 } )), currentPath ? /* @__PURE__ */ React.createElement( "path", { d: currentPath, stroke: "#FFFFFF", strokeWidth: 6, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", opacity: 0.5 } ) : null ), showAnswer ? /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement( "div", { className: `text-[140px] font-semibold text-white ${watermarkOpacity} sm:text-[180px]` }, currentChar )) : null ), resultText ? /* @__PURE__ */ React.createElement("div", { className: "mt-4 whitespace-pre-line text-sm text-white/70" }, resultText) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-5 flex flex-col gap-2 sm:flex-row" }, /* @__PURE__ */ React.createElement( "button", { onClick: undoStroke, disabled: isLocked || isBusy || strokes.length === 0, className: "w-full rounded-2xl border border-white/10 bg-[#1A1A1A] px-4 py-3 text-sm font-semibold text-white/90 disabled:opacity-60" }, "Undo" ), /* @__PURE__ */ React.createElement( "button", { onClick: resetCanvas, disabled: isLocked || isBusy || strokes.length === 0 && !currentPath, className: "w-full rounded-2xl border border-white/10 bg-[#1A1A1A] px-4 py-3 text-sm font-semibold text-white/90 disabled:opacity-60" }, "Clear" )), /* @__PURE__ */ React.createElement("div", { className: "mt-3 flex flex-col gap-2 sm:flex-row" }, /* @__PURE__ */ React.createElement( "button", { onClick: primaryOnPress, disabled: primaryDisabled, className: "w-full rounded-2xl bg-white px-4 py-3 text-sm font-semibold text-black disabled:opacity-70" }, primaryLabel ), /* @__PURE__ */ React.createElement( "button", { onClick: secondaryOnPress, disabled: secondaryDisabled, className: "w-full rounded-2xl border border-white/10 bg-[#1A1A1A] px-4 py-3 text-sm font-semibold text-white/90 disabled:opacity-60" }, secondaryLabel )), /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-center text-xs text-white/40" }, advanceHint)) : null))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement("div", { className: "font-montserrat" }, children)); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react6.default.createElement(WebStrokesGamePage, { ...props }); content = /* @__PURE__ */ import_react6.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */