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", "c42c52e1-53ea-4933-90ee-defab9da17f3"); finalHeaders.set("x-createxyz-project-group-id", "49b42675-0e94-4201-a216-ac004903e267"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "c42c52e1-53ea-4933-90ee-defab9da17f3"); input.headers.set("x-createxyz-project-group-id", "49b42675-0e94-4201-a216-ac004903e267"); } 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.development.js var require_react_jsx_runtime_development = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.development.js"(exports) { "use strict"; init_injected_globals(); if (true) { (function() { "use strict"; var React4 = require_react(); var REACT_ELEMENT_TYPE = Symbol.for("react.element"); var REACT_PORTAL_TYPE = Symbol.for("react.portal"); var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"); var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"); var REACT_PROFILER_TYPE = Symbol.for("react.profiler"); var REACT_PROVIDER_TYPE = Symbol.for("react.provider"); var REACT_CONTEXT_TYPE = Symbol.for("react.context"); var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"); var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"); var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"); var REACT_MEMO_TYPE = Symbol.for("react.memo"); var REACT_LAZY_TYPE = Symbol.for("react.lazy"); var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"); var MAYBE_ITERATOR_SYMBOL = Symbol.iterator; var FAUX_ITERATOR_SYMBOL = "@@iterator"; function getIteratorFn(maybeIterable) { if (maybeIterable === null || typeof maybeIterable !== "object") { return null; } var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]; if (typeof maybeIterator === "function") { return maybeIterator; } return null; } var ReactSharedInternals = React4.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; function error(format) { { { for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { args[_key2 - 1] = arguments[_key2]; } printWarning("error", format, args); } } } function printWarning(level, format, args) { { var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame; var stack = ReactDebugCurrentFrame2.getStackAddendum(); if (stack !== "") { format += "%s"; args = args.concat([stack]); } var argsWithFormat = args.map(function(item) { return String(item); }); argsWithFormat.unshift("Warning: " + format); Function.prototype.apply.call(console[level], console, argsWithFormat); } } var enableScopeAPI = false; var enableCacheElement = false; var enableTransitionTracing = false; var enableLegacyHidden = false; var enableDebugTracing = false; var REACT_MODULE_REFERENCE; { REACT_MODULE_REFERENCE = Symbol.for("react.module.reference"); } function isValidElementType(type) { if (typeof type === "string" || typeof type === "function") { return true; } if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) { return true; } if (typeof type === "object" && type !== null) { if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object // types supported by any Flight configuration anywhere since // we don't know which Flight build this will end up being used // with. type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0) { return true; } } return false; } function getWrappedName(outerType, innerType, wrapperName) { var displayName = outerType.displayName; if (displayName) { return displayName; } var functionName = innerType.displayName || innerType.name || ""; return functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName; } function getContextName(type) { return type.displayName || "Context"; } function getComponentNameFromType(type) { if (type == null) { return null; } { if (typeof type.tag === "number") { error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."); } } if (typeof type === "function") { return type.displayName || type.name || null; } if (typeof type === "string") { return type; } switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; case REACT_PORTAL_TYPE: return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: return "StrictMode"; case REACT_SUSPENSE_TYPE: return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; } if (typeof type === "object") { switch (type.$$typeof) { case REACT_CONTEXT_TYPE: var context = type; return getContextName(context) + ".Consumer"; case REACT_PROVIDER_TYPE: var provider = type; return getContextName(provider._context) + ".Provider"; case REACT_FORWARD_REF_TYPE: return getWrappedName(type, type.render, "ForwardRef"); case REACT_MEMO_TYPE: var outerName = type.displayName || null; if (outerName !== null) { return outerName; } return getComponentNameFromType(type.type) || "Memo"; case REACT_LAZY_TYPE: { var lazyComponent = type; var payload = lazyComponent._payload; var init = lazyComponent._init; try { return getComponentNameFromType(init(payload)); } catch (x) { return null; } } } } return null; } var assign = Object.assign; var disabledDepth = 0; var prevLog; var prevInfo; var prevWarn; var prevError; var prevGroup; var prevGroupCollapsed; var prevGroupEnd; function disabledLog() { } disabledLog.__reactDisabledLog = true; function disableLogs() { { if (disabledDepth === 0) { prevLog = console.log; prevInfo = console.info; prevWarn = console.warn; prevError = console.error; prevGroup = console.group; prevGroupCollapsed = console.groupCollapsed; prevGroupEnd = console.groupEnd; var props = { configurable: true, enumerable: true, value: disabledLog, writable: true }; Object.defineProperties(console, { info: props, log: props, warn: props, error: props, group: props, groupCollapsed: props, groupEnd: props }); } disabledDepth++; } } function reenableLogs() { { disabledDepth--; if (disabledDepth === 0) { var props = { configurable: true, enumerable: true, writable: true }; Object.defineProperties(console, { log: assign({}, props, { value: prevLog }), info: assign({}, props, { value: prevInfo }), warn: assign({}, props, { value: prevWarn }), error: assign({}, props, { value: prevError }), group: assign({}, props, { value: prevGroup }), groupCollapsed: assign({}, props, { value: prevGroupCollapsed }), groupEnd: assign({}, props, { value: prevGroupEnd }) }); } if (disabledDepth < 0) { error("disabledDepth fell below zero. This is a bug in React. Please file an issue."); } } } var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher; var prefix; function describeBuiltInComponentFrame(name, source, ownerFn) { { if (prefix === void 0) { try { throw Error(); } catch (x) { var match = x.stack.trim().match(/\n( *(at )?)/); prefix = match && match[1] || ""; } } return "\n" + prefix + name; } } var reentry = false; var componentFrameCache; { var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map; componentFrameCache = new PossiblyWeakMap(); } function describeNativeComponentFrame(fn, construct) { if (!fn || reentry) { return ""; } { var frame = componentFrameCache.get(fn); if (frame !== void 0) { return frame; } } var control; reentry = true; var previousPrepareStackTrace = Error.prepareStackTrace; Error.prepareStackTrace = void 0; var previousDispatcher; { previousDispatcher = ReactCurrentDispatcher.current; ReactCurrentDispatcher.current = null; disableLogs(); } try { if (construct) { var Fake = function() { throw Error(); }; Object.defineProperty(Fake.prototype, "props", { set: function() { throw Error(); } }); if (typeof Reflect === "object" && Reflect.construct) { try { Reflect.construct(Fake, []); } catch (x) { control = x; } Reflect.construct(fn, [], Fake); } else { try { Fake.call(); } catch (x) { control = x; } fn.call(Fake.prototype); } } else { try { throw Error(); } catch (x) { control = x; } fn(); } } catch (sample) { if (sample && control && typeof sample.stack === "string") { var sampleLines = sample.stack.split("\n"); var controlLines = control.stack.split("\n"); var s = sampleLines.length - 1; var c = controlLines.length - 1; while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) { c--; } for (; s >= 1 && c >= 0; s--, c--) { if (sampleLines[s] !== controlLines[c]) { if (s !== 1 || c !== 1) { do { s--; c--; if (c < 0 || sampleLines[s] !== controlLines[c]) { var _frame = "\n" + sampleLines[s].replace(" at new ", " at "); if (fn.displayName && _frame.includes("")) { _frame = _frame.replace("", fn.displayName); } { if (typeof fn === "function") { componentFrameCache.set(fn, _frame); } } return _frame; } } while (s >= 1 && c >= 0); } break; } } } } finally { reentry = false; { ReactCurrentDispatcher.current = previousDispatcher; reenableLogs(); } Error.prepareStackTrace = previousPrepareStackTrace; } var name = fn ? fn.displayName || fn.name : ""; var syntheticFrame = name ? describeBuiltInComponentFrame(name) : ""; { if (typeof fn === "function") { componentFrameCache.set(fn, syntheticFrame); } } return syntheticFrame; } function describeFunctionComponentFrame(fn, source, ownerFn) { { return describeNativeComponentFrame(fn, false); } } function shouldConstruct(Component) { var prototype = Component.prototype; return !!(prototype && prototype.isReactComponent); } function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) { if (type == null) { return ""; } if (typeof type === "function") { { return describeNativeComponentFrame(type, shouldConstruct(type)); } } if (typeof type === "string") { return describeBuiltInComponentFrame(type); } switch (type) { case REACT_SUSPENSE_TYPE: return describeBuiltInComponentFrame("Suspense"); case REACT_SUSPENSE_LIST_TYPE: return describeBuiltInComponentFrame("SuspenseList"); } if (typeof type === "object") { switch (type.$$typeof) { case REACT_FORWARD_REF_TYPE: return describeFunctionComponentFrame(type.render); case REACT_MEMO_TYPE: return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn); case REACT_LAZY_TYPE: { var lazyComponent = type; var payload = lazyComponent._payload; var init = lazyComponent._init; try { return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn); } catch (x) { } } } } return ""; } var hasOwnProperty = Object.prototype.hasOwnProperty; var loggedTypeFailures = {}; var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; function setCurrentlyValidatingElement(element) { { if (element) { var owner = element._owner; var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null); ReactDebugCurrentFrame.setExtraStackFrame(stack); } else { ReactDebugCurrentFrame.setExtraStackFrame(null); } } } function checkPropTypes(typeSpecs, values, location, componentName, element) { { var has = Function.call.bind(hasOwnProperty); for (var typeSpecName in typeSpecs) { if (has(typeSpecs, typeSpecName)) { var error$1 = void 0; try { if (typeof typeSpecs[typeSpecName] !== "function") { var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); err.name = "Invariant Violation"; throw err; } error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); } catch (ex) { error$1 = ex; } if (error$1 && !(error$1 instanceof Error)) { setCurrentlyValidatingElement(element); error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1); setCurrentlyValidatingElement(null); } if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) { loggedTypeFailures[error$1.message] = true; setCurrentlyValidatingElement(element); error("Failed %s type: %s", location, error$1.message); setCurrentlyValidatingElement(null); } } } } } var isArrayImpl = Array.isArray; function isArray(a) { return isArrayImpl(a); } function typeName(value) { { var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag; var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object"; return type; } } function willCoercionThrow(value) { { try { testStringCoercion(value); return false; } catch (e) { return true; } } } function testStringCoercion(value) { return "" + value; } function checkKeyStringCoercion(value) { { if (willCoercionThrow(value)) { error("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", typeName(value)); return testStringCoercion(value); } } } var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner; var RESERVED_PROPS = { key: true, ref: true, __self: true, __source: true }; var specialPropKeyWarningShown; var specialPropRefWarningShown; var didWarnAboutStringRefs; { didWarnAboutStringRefs = {}; } function hasValidRef(config) { { if (hasOwnProperty.call(config, "ref")) { var getter = Object.getOwnPropertyDescriptor(config, "ref").get; if (getter && getter.isReactWarning) { return false; } } } return config.ref !== void 0; } function hasValidKey(config) { { if (hasOwnProperty.call(config, "key")) { var getter = Object.getOwnPropertyDescriptor(config, "key").get; if (getter && getter.isReactWarning) { return false; } } } return config.key !== void 0; } function warnIfStringRefCannotBeAutoConverted(config, self) { { if (typeof config.ref === "string" && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) { var componentName = getComponentNameFromType(ReactCurrentOwner.current.type); if (!didWarnAboutStringRefs[componentName]) { error('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref); didWarnAboutStringRefs[componentName] = true; } } } } function defineKeyPropWarningGetter(props, displayName) { { var warnAboutAccessingKey = function() { if (!specialPropKeyWarningShown) { specialPropKeyWarningShown = true; error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName); } }; warnAboutAccessingKey.isReactWarning = true; Object.defineProperty(props, "key", { get: warnAboutAccessingKey, configurable: true }); } } function defineRefPropWarningGetter(props, displayName) { { var warnAboutAccessingRef = function() { if (!specialPropRefWarningShown) { specialPropRefWarningShown = true; error("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName); } }; warnAboutAccessingRef.isReactWarning = true; Object.defineProperty(props, "ref", { get: warnAboutAccessingRef, configurable: true }); } } var ReactElement = function(type, key, ref, self, source, owner, props) { var element = { // This tag allows us to uniquely identify this as a React Element $$typeof: REACT_ELEMENT_TYPE, // Built-in properties that belong on the element type, key, ref, props, // Record the component responsible for creating this element. _owner: owner }; { element._store = {}; Object.defineProperty(element._store, "validated", { configurable: false, enumerable: false, writable: true, value: false }); Object.defineProperty(element, "_self", { configurable: false, enumerable: false, writable: false, value: self }); Object.defineProperty(element, "_source", { configurable: false, enumerable: false, writable: false, value: source }); if (Object.freeze) { Object.freeze(element.props); Object.freeze(element); } } return element; }; function jsxDEV(type, config, maybeKey, source, self) { { var propName; var props = {}; var key = null; var ref = null; if (maybeKey !== void 0) { { checkKeyStringCoercion(maybeKey); } key = "" + maybeKey; } if (hasValidKey(config)) { { checkKeyStringCoercion(config.key); } key = "" + config.key; } if (hasValidRef(config)) { ref = config.ref; warnIfStringRefCannotBeAutoConverted(config, self); } for (propName in config) { if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) { props[propName] = config[propName]; } } if (type && type.defaultProps) { var defaultProps = type.defaultProps; for (propName in defaultProps) { if (props[propName] === void 0) { props[propName] = defaultProps[propName]; } } } if (key || ref) { var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type; if (key) { defineKeyPropWarningGetter(props, displayName); } if (ref) { defineRefPropWarningGetter(props, displayName); } } return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props); } } var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame; function setCurrentlyValidatingElement$1(element) { { if (element) { var owner = element._owner; var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null); ReactDebugCurrentFrame$1.setExtraStackFrame(stack); } else { ReactDebugCurrentFrame$1.setExtraStackFrame(null); } } } var propTypesMisspellWarningShown; { propTypesMisspellWarningShown = false; } function isValidElement(object) { { return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; } } function getDeclarationErrorAddendum() { { if (ReactCurrentOwner$1.current) { var name = getComponentNameFromType(ReactCurrentOwner$1.current.type); if (name) { return "\n\nCheck the render method of `" + name + "`."; } } return ""; } } function getSourceInfoErrorAddendum(source) { { if (source !== void 0) { var fileName = source.fileName.replace(/^.*[\\\/]/, ""); var lineNumber = source.lineNumber; return "\n\nCheck your code at " + fileName + ":" + lineNumber + "."; } return ""; } } var ownerHasKeyUseWarning = {}; function getCurrentComponentErrorInfo(parentType) { { var info = getDeclarationErrorAddendum(); if (!info) { var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name; if (parentName) { info = "\n\nCheck the top-level render call using <" + parentName + ">."; } } return info; } } function validateExplicitKey(element, parentType) { { if (!element._store || element._store.validated || element.key != null) { return; } element._store.validated = true; var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType); if (ownerHasKeyUseWarning[currentComponentErrorInfo]) { return; } ownerHasKeyUseWarning[currentComponentErrorInfo] = true; var childOwner = ""; if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) { childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + "."; } setCurrentlyValidatingElement$1(element); error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner); setCurrentlyValidatingElement$1(null); } } function validateChildKeys(node, parentType) { { if (typeof node !== "object") { return; } if (isArray(node)) { for (var i = 0; i < node.length; i++) { var child = node[i]; if (isValidElement(child)) { validateExplicitKey(child, parentType); } } } else if (isValidElement(node)) { if (node._store) { node._store.validated = true; } } else if (node) { var iteratorFn = getIteratorFn(node); if (typeof iteratorFn === "function") { if (iteratorFn !== node.entries) { var iterator = iteratorFn.call(node); var step; while (!(step = iterator.next()).done) { if (isValidElement(step.value)) { validateExplicitKey(step.value, parentType); } } } } } } } function validatePropTypes(element) { { var type = element.type; if (type === null || type === void 0 || typeof type === "string") { return; } var propTypes; if (typeof type === "function") { propTypes = type.propTypes; } else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here. // Inner props are checked in the reconciler. type.$$typeof === REACT_MEMO_TYPE)) { propTypes = type.propTypes; } else { return; } if (propTypes) { var name = getComponentNameFromType(type); checkPropTypes(propTypes, element.props, "prop", name, element); } else if (type.PropTypes !== void 0 && !propTypesMisspellWarningShown) { propTypesMisspellWarningShown = true; var _name = getComponentNameFromType(type); error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown"); } if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) { error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); } } } function validateFragmentProps(fragment) { { var keys = Object.keys(fragment.props); for (var i = 0; i < keys.length; i++) { var key = keys[i]; if (key !== "children" && key !== "key") { setCurrentlyValidatingElement$1(fragment); error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key); setCurrentlyValidatingElement$1(null); break; } } if (fragment.ref !== null) { setCurrentlyValidatingElement$1(fragment); error("Invalid attribute `ref` supplied to `React.Fragment`."); setCurrentlyValidatingElement$1(null); } } } var didWarnAboutKeySpread = {}; function jsxWithValidation(type, props, key, isStaticChildren, source, self) { { var validType = isValidElementType(type); if (!validType) { var info = ""; if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) { info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."; } var sourceInfo = getSourceInfoErrorAddendum(source); if (sourceInfo) { info += sourceInfo; } else { info += getDeclarationErrorAddendum(); } var typeString; if (type === null) { typeString = "null"; } else if (isArray(type)) { typeString = "array"; } else if (type !== void 0 && type.$$typeof === REACT_ELEMENT_TYPE) { typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"; info = " Did you accidentally export a JSX literal instead of a component?"; } else { typeString = typeof type; } error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info); } var element = jsxDEV(type, props, key, source, self); if (element == null) { return element; } if (validType) { var children = props.children; if (children !== void 0) { if (isStaticChildren) { if (isArray(children)) { for (var i = 0; i < children.length; i++) { validateChildKeys(children[i], type); } if (Object.freeze) { Object.freeze(children); } } else { error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."); } } else { validateChildKeys(children, type); } } } { if (hasOwnProperty.call(props, "key")) { var componentName = getComponentNameFromType(type); var keys = Object.keys(props).filter(function(k) { return k !== "key"; }); var beforeExample = keys.length > 0 ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}"; if (!didWarnAboutKeySpread[componentName + beforeExample]) { var afterExample = keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}"; error('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName); didWarnAboutKeySpread[componentName + beforeExample] = true; } } } if (type === REACT_FRAGMENT_TYPE) { validateFragmentProps(element); } else { validatePropTypes(element); } return element; } } function jsxWithValidationStatic(type, props, key) { { return jsxWithValidation(type, props, key, true); } } function jsxWithValidationDynamic(type, props, key) { { return jsxWithValidation(type, props, key, false); } } var jsx2 = jsxWithValidationDynamic; var jsxs = jsxWithValidationStatic; exports.Fragment = REACT_FRAGMENT_TYPE; exports.jsx = jsx2; exports.jsxs = jsxs; })(); } } }); // ../../../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 (false) { module.exports = null; } else { module.exports = require_react_jsx_runtime_development(); } } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react2 = __toESM(require_react()); // virtual:/apps/web/src/app/page.jsx init_injected_globals(); // virtual:/apps/web/src/hooks/useTetrisGame.js init_injected_globals(); var import_react = __toESM(require_react()); // virtual:/apps/web/src/utils/tetris.js init_injected_globals(); var BOARD_WIDTH = 10; var BOARD_HEIGHT = 20; var COLORS = [ "#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#FF00FF", "#00FFFF", "#FFA500" ]; var getRandomColor = () => COLORS[Math.floor(Math.random() * COLORS.length)]; var createEmptyBoard = () => { return Array(BOARD_HEIGHT).fill().map(() => Array(BOARD_WIDTH).fill({ filled: false, color: null })); }; var isConnected = (shape) => { const blocks = []; for (let y = 0; y < shape.length; y++) { for (let x = 0; x < shape[y].length; x++) { if (shape[y][x]) { blocks.push({ x, y }); } } } if (blocks.length === 0) return false; if (blocks.length === 1) return true; const visited = /* @__PURE__ */ new Set(); const stack = [blocks[0]]; visited.add(`${blocks[0].x},${blocks[0].y}`); while (stack.length > 0) { const current = stack.pop(); for (let dy = -1; dy <= 1; dy++) { for (let dx = -1; dx <= 1; dx++) { if (dx === 0 && dy === 0) continue; const nx = current.x + dx; const ny = current.y + dy; const key = `${nx},${ny}`; if (!visited.has(key) && blocks.some((b) => b.x === nx && b.y === ny)) { visited.add(key); stack.push({ x: nx, y: ny }); } } } } return visited.size === blocks.length; }; var trimShape = (shape) => { let minY = shape.length, maxY = -1; let minX = shape[0].length, maxX = -1; for (let y = 0; y < shape.length; y++) { for (let x = 0; x < shape[y].length; x++) { if (shape[y][x]) { minY = Math.min(minY, y); maxY = Math.max(maxY, y); minX = Math.min(minX, x); maxX = Math.max(maxX, x); } } } if (minY > maxY || minX > maxX) return [[1]]; const trimmed = []; for (let y = minY; y <= maxY; y++) { const row = []; for (let x = minX; x <= maxX; x++) { row.push(shape[y][x]); } trimmed.push(row); } return trimmed; }; var createRandomTetromino = () => { let shape; let attempts = 0; const maxAttempts = 1e3; do { const size = 4; shape = Array(size).fill().map(() => Array(size).fill(0)); const numBlocks = 4; const positions = /* @__PURE__ */ new Set(); for (let i = 0; i < numBlocks; i++) { let x, y; do { x = Math.floor(Math.random() * size); y = Math.floor(Math.random() * size); } while (positions.has(`${x},${y}`)); positions.add(`${x},${y}`); shape[y][x] = 1; } attempts++; } while (!isConnected(shape) && attempts < maxAttempts); if (attempts >= maxAttempts) { shape = [ [1, 0, 0, 0], [1, 1, 1, 0], [0, 0, 0, 0], [0, 0, 0, 0] ]; } const trimmedShape = trimShape(shape); const coloredShape = trimmedShape.map( (row) => row.map((cell) => cell ? getRandomColor() : null) ); return { shape: coloredShape, x: Math.floor(BOARD_WIDTH / 2) - Math.floor(trimmedShape[0].length / 2), y: 0 }; }; var checkCollision = (board, tetromino, dx = 0, dy = 0) => { for (let y = 0; y < tetromino.shape.length; y++) { for (let x = 0; x < tetromino.shape[y].length; x++) { if (tetromino.shape[y][x]) { const newX = tetromino.x + x + dx; const newY = tetromino.y + y + dy; if (newX < 0 || newX >= BOARD_WIDTH || newY >= BOARD_HEIGHT) { return true; } if (newY >= 0 && board[newY][newX].filled) { return true; } } } } return false; }; var rotateTetromino = (tetromino) => { const rotated = tetromino.shape[0].map( (_, index) => tetromino.shape.map((row) => row[index]).reverse() ); return { ...tetromino, shape: rotated }; }; var clearLines = (board) => { const newBoard = board.filter((row) => !row.every((cell) => cell.filled)); const linesCleared = BOARD_HEIGHT - newBoard.length; while (newBoard.length < BOARD_HEIGHT) { newBoard.unshift(Array(BOARD_WIDTH).fill({ filled: false, color: null })); } return { board: newBoard, linesCleared }; }; // virtual:/apps/web/src/hooks/useTetrisGame.js var useTetrisGame = () => { const [board, setBoard] = (0, import_react.useState)(createEmptyBoard); const [currentTetromino, setCurrentTetromino] = (0, import_react.useState)( createRandomTetromino ); const [nextTetrominos, setNextTetrominos] = (0, import_react.useState)(() => [ createRandomTetromino(), createRandomTetromino(), createRandomTetromino() ]); const boardRef = (0, import_react.useRef)(board); const currentTetrominoRef = (0, import_react.useRef)(currentTetromino); const nextTetrominosRef = (0, import_react.useRef)(nextTetrominos); (0, import_react.useEffect)(() => { boardRef.current = board; }, [board]); (0, import_react.useEffect)(() => { currentTetrominoRef.current = currentTetromino; }, [currentTetromino]); (0, import_react.useEffect)(() => { nextTetrominosRef.current = nextTetrominos; }, [nextTetrominos]); const [score, setScore] = (0, import_react.useState)(0); const [gameOver, setGameOver] = (0, import_react.useState)(false); const [isPaused, setIsPaused] = (0, import_react.useState)(false); const [rerollCount, setRerollCount] = (0, import_react.useState)(0); const [deleteBlockCount, setDeleteBlockCount] = (0, import_react.useState)(3); const [deletePlacedBlockCount, setDeletePlacedBlockCount] = (0, import_react.useState)(3); const [isSelectingBlock, setIsSelectingBlock] = (0, import_react.useState)(false); const [selectedBlockIndex, setSelectedBlockIndex] = (0, import_react.useState)(0); const [blockSelectionTimer, setBlockSelectionTimer] = (0, import_react.useState)(null); const [blinkState, setBlinkState] = (0, import_react.useState)(false); const [isSelectingBoardBlock, setIsSelectingBoardBlock] = (0, import_react.useState)(false); const [selectedBoardPosition, setSelectedBoardPosition] = (0, import_react.useState)({ x: 0, y: BOARD_HEIGHT - 1 }); const [boardSelectionTimer, setBoardSelectionTimer] = (0, import_react.useState)(null); const [remainingTime, setRemainingTime] = (0, import_react.useState)(0); const [countdownTimer, setCountdownTimer] = (0, import_react.useState)(null); const [gameState, setGameState] = (0, import_react.useState)("settings"); const [settings, setSettings] = (0, import_react.useState)({ initialRerollCount: 0, initialDeleteBlockCount: 3, initialDeletePlacedBlockCount: 3 }); const endBlockSelection = (0, import_react.useCallback)(() => { setIsSelectingBlock(false); setBlinkState(false); setRemainingTime(0); if (blockSelectionTimer) clearTimeout(blockSelectionTimer); if (countdownTimer) clearInterval(countdownTimer); setBlockSelectionTimer(null); setCountdownTimer(null); }, [blockSelectionTimer, countdownTimer]); const endBoardBlockSelection = (0, import_react.useCallback)(() => { setIsSelectingBoardBlock(false); setBlinkState(false); setRemainingTime(0); if (boardSelectionTimer) clearTimeout(boardSelectionTimer); if (countdownTimer) clearInterval(countdownTimer); setBoardSelectionTimer(null); setCountdownTimer(null); }, [boardSelectionTimer, countdownTimer]); const rerollTetrominos = (0, import_react.useCallback)(() => { if (rerollCount > 0 && !gameOver && !isPaused && !isSelectingBlock && !isSelectingBoardBlock) { setCurrentTetromino(createRandomTetromino()); setNextTetrominos([ createRandomTetromino(), createRandomTetromino(), createRandomTetromino() ]); setRerollCount((prev) => prev - 1); } }, [ rerollCount, gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock ]); const deleteSelectedBlock = (0, import_react.useCallback)(() => { if (isSelectingBlock && deleteBlockCount > 0) { const blocks = []; for (let y = 0; y < currentTetromino.shape.length; y++) { for (let x = 0; x < currentTetromino.shape[y].length; x++) { if (currentTetromino.shape[y][x]) { blocks.push({ x, y }); } } } if (blocks.length > 1 && selectedBlockIndex < blocks.length) { const blockToDelete = blocks[selectedBlockIndex]; const newShape = currentTetromino.shape.map((row) => [...row]); newShape[blockToDelete.y][blockToDelete.x] = null; setCurrentTetromino((prev) => ({ ...prev, shape: newShape })); setDeleteBlockCount((prev) => prev - 1); endBlockSelection(); } } }, [ isSelectingBlock, deleteBlockCount, currentTetromino, selectedBlockIndex, endBlockSelection ]); const deleteSelectedPlacedBlock = (0, import_react.useCallback)(() => { if (isSelectingBoardBlock && deletePlacedBlockCount > 0) { const { x, y } = selectedBoardPosition; if (board[y][x].filled) { setBoard((prevBoard) => { const newBoard = prevBoard.map((row) => [...row]); newBoard[y][x] = { filled: false, color: null }; return newBoard; }); setDeletePlacedBlockCount((prev) => prev - 1); endBoardBlockSelection(); } } }, [ isSelectingBoardBlock, deletePlacedBlockCount, selectedBoardPosition, board, endBoardBlockSelection ]); const startBlockSelection = (0, import_react.useCallback)(() => { if (deleteBlockCount > 0 && !gameOver && !isPaused && !isSelectingBlock && !isSelectingBoardBlock) { if (blockSelectionTimer) clearTimeout(blockSelectionTimer); if (countdownTimer) clearInterval(countdownTimer); setIsSelectingBlock(true); setSelectedBlockIndex(0); setRemainingTime(5); const timer = setTimeout(() => { setIsSelectingBlock(false); setBlinkState(false); setRemainingTime(0); setDeleteBlockCount((prev) => prev - 1); setBlockSelectionTimer(null); setCountdownTimer(null); }, 5e3); setBlockSelectionTimer(timer); const countdown = setInterval( () => setRemainingTime((prev) => Math.max(0, prev - 1)), 1e3 ); setCountdownTimer(countdown); } }, [ deleteBlockCount, gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock, blockSelectionTimer, countdownTimer ]); const startBoardBlockSelection = (0, import_react.useCallback)(() => { if (deletePlacedBlockCount > 0 && !gameOver && !isPaused && !isSelectingBlock && !isSelectingBoardBlock) { if (boardSelectionTimer) clearTimeout(boardSelectionTimer); if (countdownTimer) clearInterval(countdownTimer); setIsSelectingBoardBlock(true); setSelectedBoardPosition({ x: 0, y: BOARD_HEIGHT - 1 }); setRemainingTime(10); const timer = setTimeout(() => { setIsSelectingBoardBlock(false); setBlinkState(false); setRemainingTime(0); setDeletePlacedBlockCount((prev) => prev - 1); setBoardSelectionTimer(null); setCountdownTimer(null); }, 1e4); setBoardSelectionTimer(timer); const countdown = setInterval( () => setRemainingTime((prev) => Math.max(0, prev - 1)), 1e3 ); setCountdownTimer(countdown); } }, [ deletePlacedBlockCount, gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock, boardSelectionTimer, countdownTimer ]); const manualMoveDown = (0, import_react.useCallback)(() => { if (gameOver || isPaused || isSelectingBlock || isSelectingBoardBlock) return; if (!checkCollision(board, currentTetromino, 0, 1)) { setCurrentTetromino((prev) => ({ ...prev, y: prev.y + 1 })); } else { const newBoardWithPiece = board.map((row) => [...row]); for (let y = 0; y < currentTetromino.shape.length; y++) { for (let x = 0; x < currentTetromino.shape[y].length; x++) { if (currentTetromino.shape[y][x]) { const boardY = currentTetromino.y + y; const boardX = currentTetromino.x + x; if (boardY >= 0) { newBoardWithPiece[boardY][boardX] = { filled: true, color: currentTetromino.shape[y][x] }; } } } } const { board: clearedBoard, linesCleared } = clearLines(newBoardWithPiece); if (linesCleared > 0) { setScore((prev) => prev + linesCleared * 100); setRerollCount((prev) => prev + linesCleared); setDeleteBlockCount((prev) => prev + linesCleared); setDeletePlacedBlockCount((prev) => prev + linesCleared); } const [nextTetromino, ...remainingNext] = nextTetrominos; const newQueuedTetromino = createRandomTetromino(); if (checkCollision(clearedBoard, nextTetromino)) { setGameOver(true); } else { setCurrentTetromino(nextTetromino); } setBoard(clearedBoard); setNextTetrominos([...remainingNext, newQueuedTetromino]); } }, [ gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock, board, currentTetromino, nextTetrominos ]); const handleKeyPress = (0, import_react.useCallback)( (e) => { if (gameOver || isPaused || gameState !== "playing") return; if (isSelectingBoardBlock) { e.preventDefault(); switch (e.key) { case "ArrowLeft": setSelectedBoardPosition((prev) => ({ ...prev, x: Math.max(0, prev.x - 1) })); break; case "ArrowRight": setSelectedBoardPosition((prev) => ({ ...prev, x: Math.min(BOARD_WIDTH - 1, prev.x + 1) })); break; case "ArrowUp": setSelectedBoardPosition((prev) => ({ ...prev, y: Math.max(0, prev.y - 1) })); break; case "ArrowDown": setSelectedBoardPosition((prev) => ({ ...prev, y: Math.min(BOARD_HEIGHT - 1, prev.y + 1) })); break; case "Enter": case " ": deleteSelectedPlacedBlock(); break; case "Escape": endBoardBlockSelection(); break; } return; } if (isSelectingBlock) { e.preventDefault(); const blocks = []; for (let y = 0; y < currentTetromino.shape.length; y++) { for (let x = 0; x < currentTetromino.shape[y].length; x++) { if (currentTetromino.shape[y][x]) blocks.push({ x, y }); } } switch (e.key) { case "ArrowLeft": setSelectedBlockIndex((prev) => Math.max(0, prev - 1)); break; case "ArrowRight": setSelectedBlockIndex( (prev) => Math.min(blocks.length - 1, prev + 1) ); break; case "Enter": case " ": deleteSelectedBlock(); break; case "Escape": endBlockSelection(); break; } return; } switch (e.key) { case "ArrowLeft": if (!checkCollision(board, currentTetromino, -1, 0)) setCurrentTetromino((prev) => ({ ...prev, x: prev.x - 1 })); break; case "ArrowRight": if (!checkCollision(board, currentTetromino, 1, 0)) setCurrentTetromino((prev) => ({ ...prev, x: prev.x + 1 })); break; case "ArrowDown": manualMoveDown(); break; case "ArrowUp": const rotated = rotateTetromino(currentTetromino); if (!checkCollision(board, rotated)) setCurrentTetromino(rotated); break; case " ": setIsPaused((prev) => !prev); break; case "Control": if (e.location === 2) rerollTetrominos(); break; case "\xA5": case "\\": startBlockSelection(); break; case "/": startBoardBlockSelection(); break; } }, [ gameOver, isPaused, gameState, isSelectingBoardBlock, isSelectingBlock, currentTetromino, board, deleteSelectedPlacedBlock, endBoardBlockSelection, deleteSelectedBlock, endBlockSelection, manualMoveDown, rerollTetrominos, startBlockSelection, startBoardBlockSelection ] ); (0, import_react.useEffect)(() => { let blinkInterval; if (isSelectingBlock || isSelectingBoardBlock) { blinkInterval = setInterval(() => setBlinkState((prev) => !prev), 200); } return () => { if (blinkInterval) clearInterval(blinkInterval); }; }, [isSelectingBlock, isSelectingBoardBlock]); (0, import_react.useEffect)(() => { if (gameState !== "playing" || isPaused || gameOver) return; const dropInterval = setInterval(() => { const currentBoard = boardRef.current; const currentTetro = currentTetrominoRef.current; const currentNext = nextTetrominosRef.current; setIsSelectingBlock((isSelecting) => { setIsSelectingBoardBlock((isBoardSelecting) => { if (isSelecting || isBoardSelecting) { return isBoardSelecting; } if (!checkCollision(currentBoard, currentTetro, 0, 1)) { setCurrentTetromino((prev) => ({ ...prev, y: prev.y + 1 })); } else { const newBoardWithPiece = currentBoard.map((row) => [...row]); for (let y = 0; y < currentTetro.shape.length; y++) { for (let x = 0; x < currentTetro.shape[y].length; x++) { if (currentTetro.shape[y][x]) { const boardY = currentTetro.y + y; const boardX = currentTetro.x + x; if (boardY >= 0) { newBoardWithPiece[boardY][boardX] = { filled: true, color: currentTetro.shape[y][x] }; } } } } const { board: clearedBoard, linesCleared } = clearLines(newBoardWithPiece); if (linesCleared > 0) { setScore((prev) => prev + linesCleared * 100); setRerollCount((prev) => prev + linesCleared); setDeleteBlockCount((prev) => prev + linesCleared); setDeletePlacedBlockCount((prev) => prev + linesCleared); } const [nextTetromino, ...remainingNext] = currentNext; const newQueuedTetromino = createRandomTetromino(); if (checkCollision(clearedBoard, nextTetromino)) { setGameOver(true); } else { setCurrentTetromino(nextTetromino); } setBoard(clearedBoard); setNextTetrominos([...remainingNext, newQueuedTetromino]); } return isBoardSelecting; }); return isSelecting; }); }, 1e3); return () => clearInterval(dropInterval); }, [gameState, isPaused, gameOver]); (0, import_react.useEffect)(() => { window.addEventListener("keydown", handleKeyPress); return () => window.removeEventListener("keydown", handleKeyPress); }, [handleKeyPress]); const startGameWithSettings = () => { setBoard(createEmptyBoard()); setCurrentTetromino(createRandomTetromino()); setNextTetrominos([ createRandomTetromino(), createRandomTetromino(), createRandomTetromino() ]); setScore(0); setGameOver(false); setIsPaused(false); setRerollCount(settings.initialRerollCount); setDeleteBlockCount(settings.initialDeleteBlockCount); setDeletePlacedBlockCount(settings.initialDeletePlacedBlockCount); endBlockSelection(); endBoardBlockSelection(); setGameState("playing"); }; const resetGame = () => { setGameState("settings"); endBlockSelection(); endBoardBlockSelection(); }; const getDisplayBoard = (0, import_react.useCallback)(() => { const newDisplayBoard = board.map((row) => [...row]); const blocks = []; for (let y = 0; y < currentTetromino.shape.length; y++) { for (let x = 0; x < currentTetromino.shape[y].length; x++) { if (currentTetromino.shape[y][x]) { const boardY = currentTetromino.y + y; const boardX = currentTetromino.x + x; if (boardY >= 0 && boardY < BOARD_HEIGHT && boardX >= 0 && boardX < BOARD_WIDTH) { blocks.push({ boardX, boardY, x, y, color: currentTetromino.shape[y][x] }); } } } } blocks.forEach((block, index) => { let color = block.color; if (isSelectingBlock && index === selectedBlockIndex) { color = blinkState ? "#FFFF00" : "#FFFFFF"; } newDisplayBoard[block.boardY][block.boardX] = { filled: true, color }; }); if (isSelectingBoardBlock) { const { x, y } = selectedBoardPosition; if (y >= 0 && y < BOARD_HEIGHT && x >= 0 && x < BOARD_WIDTH) { newDisplayBoard[y][x] = { filled: true, color: blinkState ? "#FFFF00" : "#FFFFFF", isSelection: true }; } } return newDisplayBoard; }, [ board, currentTetromino, isSelectingBlock, selectedBlockIndex, isSelectingBoardBlock, selectedBoardPosition, blinkState ]); return { gameState, displayBoard: getDisplayBoard(), score, gameOver, isPaused, rerollCount, deleteBlockCount, deletePlacedBlockCount, isSelectingBlock, isSelectingBoardBlock, remainingTime, nextTetrominos, settings, setSettings, startGameWithSettings, resetGame }; }; // virtual:/apps/web/src/components/Tetris/Settings.jsx init_injected_globals(); function Settings({ settings, onSettingsChange, onStartGame }) { return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white p-4" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold mb-8" }, "\u30B2\u30FC\u30E0\u8A2D\u5B9A"), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-800 p-8 rounded-lg max-w-md w-full" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-lg font-bold mb-2" }, "\u521D\u671F\u518D\u62BD\u9078\u30A2\u30A4\u30C6\u30E0\u6570"), /* @__PURE__ */ React.createElement( "input", { type: "number", min: "0", max: "99", value: settings.initialRerollCount, onChange: (e) => onSettingsChange({ ...settings, initialRerollCount: parseInt(e.target.value) || 0 }), className: "w-full p-2 bg-gray-700 text-white rounded border border-gray-600 focus:border-purple-500 focus:outline-none" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-lg font-bold mb-2" }, "\u521D\u671F\u30D6\u30ED\u30C3\u30AF\u524A\u9664\u30A2\u30A4\u30C6\u30E0\u6570"), /* @__PURE__ */ React.createElement( "input", { type: "number", min: "0", max: "99", value: settings.initialDeleteBlockCount, onChange: (e) => onSettingsChange({ ...settings, initialDeleteBlockCount: parseInt(e.target.value) || 0 }), className: "w-full p-2 bg-gray-700 text-white rounded border border-gray-600 focus:border-red-500 focus:outline-none" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-lg font-bold mb-2" }, "\u521D\u671F\u8A2D\u7F6E\u6E08\u307F\u30D6\u30ED\u30C3\u30AF\u524A\u9664\u30A2\u30A4\u30C6\u30E0\u6570"), /* @__PURE__ */ React.createElement( "input", { type: "number", min: "0", max: "99", value: settings.initialDeletePlacedBlockCount, onChange: (e) => onSettingsChange({ ...settings, initialDeletePlacedBlockCount: parseInt(e.target.value) || 0 }), className: "w-full p-2 bg-gray-700 text-white rounded border border-gray-600 focus:border-blue-500 focus:outline-none" } ))), /* @__PURE__ */ React.createElement( "button", { onClick: onStartGame, className: "w-full mt-8 bg-green-600 hover:bg-green-700 px-6 py-3 rounded-lg text-lg font-bold" }, "\u30B2\u30FC\u30E0\u958B\u59CB" ))); } // virtual:/apps/web/src/components/Tetris/GameBoard.jsx init_injected_globals(); function GameBoard({ board }) { return /* @__PURE__ */ React.createElement("div", { className: "border-2 border-gray-600 bg-black" }, board.map((row, y) => /* @__PURE__ */ React.createElement("div", { key: y, className: "flex" }, row.map((cell, x) => /* @__PURE__ */ React.createElement( "div", { key: x, className: "w-6 h-6 border border-gray-800", style: { backgroundColor: cell.filled ? cell.color : "transparent" } } ))))); } // virtual:/apps/web/src/components/Tetris/SidePanel.jsx init_injected_globals(); var NextTetromino = ({ tetromino, index }) => { const maxSize = 6; const grid = Array(maxSize).fill().map(() => Array(maxSize).fill({ filled: false, color: null })); if (!tetromino || !tetromino.shape) return null; const offsetY = Math.floor((maxSize - tetromino.shape.length) / 2); const offsetX = Math.floor((maxSize - tetromino.shape[0].length) / 2); for (let y = 0; y < tetromino.shape.length; y++) { for (let x = 0; x < tetromino.shape[y].length; x++) { if (tetromino.shape[y][x]) { grid[y + offsetY][x + offsetX] = { filled: true, color: tetromino.shape[y][x] }; } } } return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-700 p-2 rounded" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-bold mb-1 text-center" }, "Next ", index + 1), /* @__PURE__ */ React.createElement("div", { className: "border border-gray-600" }, grid.map((row, y) => /* @__PURE__ */ React.createElement("div", { key: y, className: "flex" }, row.map((cell, x) => /* @__PURE__ */ React.createElement( "div", { key: x, className: "w-3 h-3 border border-gray-800", style: { backgroundColor: cell.filled ? cell.color : "transparent" } } )))))); }; function SidePanel({ score, rerollCount, deleteBlockCount, deletePlacedBlockCount, gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock, remainingTime, nextTetrominos, onResetGame }) { return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gray-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u30B9\u30B3\u30A2"), /* @__PURE__ */ React.createElement("p", { className: "text-2xl" }, score)), /* @__PURE__ */ React.createElement("div", { className: "bg-purple-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u518D\u62BD\u9078"), /* @__PURE__ */ React.createElement("p", { className: "text-2xl" }, rerollCount), /* @__PURE__ */ React.createElement("p", { className: "text-xs mt-1" }, "\u53F3Ctrl")), /* @__PURE__ */ React.createElement("div", { className: "bg-red-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u30D6\u30ED\u30C3\u30AF\u524A\u9664"), /* @__PURE__ */ React.createElement("p", { className: "text-2xl" }, deleteBlockCount), /* @__PURE__ */ React.createElement("p", { className: "text-xs mt-1" }, "\uFFE5\u30AD\u30FC")), /* @__PURE__ */ React.createElement("div", { className: "bg-blue-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u8A2D\u7F6E\u524A\u9664"), /* @__PURE__ */ React.createElement("p", { className: "text-2xl" }, deletePlacedBlockCount), /* @__PURE__ */ React.createElement("p", { className: "text-xs mt-1" }, "/\u30AD\u30FC")), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u64CD\u4F5C\u65B9\u6CD5"), /* @__PURE__ */ React.createElement("div", { className: "text-sm space-y-1" }, /* @__PURE__ */ React.createElement("p", null, "\u2190 \u2192 : \u79FB\u52D5"), /* @__PURE__ */ React.createElement("p", null, "\u2193 : \u9AD8\u901F\u843D\u4E0B"), /* @__PURE__ */ React.createElement("p", null, "\u2191 : \u56DE\u8EE2"), /* @__PURE__ */ React.createElement("p", null, "\u30B9\u30DA\u30FC\u30B9 : \u4E00\u6642\u505C\u6B62"), /* @__PURE__ */ React.createElement("p", null, "\u53F3Ctrl : \u518D\u62BD\u9078"), /* @__PURE__ */ React.createElement("p", null, "\uFFE5 : \u30D6\u30ED\u30C3\u30AF\u524A\u9664"), /* @__PURE__ */ React.createElement("p", null, "/ : \u8A2D\u7F6E\u524A\u9664"))), gameOver && /* @__PURE__ */ React.createElement("div", { className: "bg-red-800 p-4 rounded text-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u30B2\u30FC\u30E0\u30AA\u30FC\u30D0\u30FC"), /* @__PURE__ */ React.createElement( "button", { onClick: onResetGame, className: "bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded" }, "\u30EA\u30B9\u30BF\u30FC\u30C8" )), isPaused && !gameOver && /* @__PURE__ */ React.createElement("div", { className: "bg-yellow-800 p-4 rounded text-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold" }, "\u4E00\u6642\u505C\u6B62\u4E2D")), isSelectingBlock && /* @__PURE__ */ React.createElement("div", { className: "bg-orange-800 p-4 rounded text-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u30D6\u30ED\u30C3\u30AF\u9078\u629E\u4E2D"), /* @__PURE__ */ React.createElement("p", { className: "text-lg font-bold mb-2 text-yellow-400" }, "\u6B8B\u308A\u6642\u9593: ", remainingTime, "\u79D2"), /* @__PURE__ */ React.createElement("div", { className: "text-sm space-y-1" }, /* @__PURE__ */ React.createElement("p", null, "\u2190 \u2192 : \u30D6\u30ED\u30C3\u30AF\u9078\u629E"), /* @__PURE__ */ React.createElement("p", null, "Enter/\u30B9\u30DA\u30FC\u30B9 : \u524A\u9664"), /* @__PURE__ */ React.createElement("p", null, "Esc : \u30AD\u30E3\u30F3\u30BB\u30EB"))), isSelectingBoardBlock && /* @__PURE__ */ React.createElement("div", { className: "bg-cyan-800 p-4 rounded text-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "\u8A2D\u7F6E\u524A\u9664\u9078\u629E\u4E2D"), /* @__PURE__ */ React.createElement("p", { className: "text-lg font-bold mb-2 text-yellow-400" }, "\u6B8B\u308A\u6642\u9593: ", remainingTime, "\u79D2"), /* @__PURE__ */ React.createElement("div", { className: "text-sm space-y-1" }, /* @__PURE__ */ React.createElement("p", null, "\u2190 \u2192 \u2191 \u2193 : \u30AB\u30FC\u30BD\u30EB\u79FB\u52D5"), /* @__PURE__ */ React.createElement("p", null, "Enter/\u30B9\u30DA\u30FC\u30B9 : \u524A\u9664"), /* @__PURE__ */ React.createElement("p", null, "Esc : \u30AD\u30E3\u30F3\u30BB\u30EB")))), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-800 p-4 rounded" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold mb-2" }, "Next"), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, nextTetrominos.map((tetromino, index) => /* @__PURE__ */ React.createElement(NextTetromino, { key: index, tetromino, index })))), /* @__PURE__ */ React.createElement( "button", { onClick: onResetGame, className: "bg-green-600 hover:bg-green-700 px-4 py-2 rounded" }, "\u65B0\u3057\u3044\u30B2\u30FC\u30E0" )); } // virtual:/apps/web/src/app/page.jsx function TetrisPage() { const { gameState, displayBoard, score, gameOver, isPaused, rerollCount, deleteBlockCount, deletePlacedBlockCount, isSelectingBlock, isSelectingBoardBlock, remainingTime, nextTetrominos, settings, setSettings, startGameWithSettings, resetGame } = useTetrisGame(); if (gameState === "settings") { return /* @__PURE__ */ React.createElement( Settings, { settings, onSettingsChange: setSettings, onStartGame: startGameWithSettings } ); } return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white p-4" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold mb-4" }, "\u30E9\u30F3\u30C0\u30E0\u30B7\u30A7\u30A4\u30D7\u30C6\u30C8\u30EA\u30B9"), /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-8" }, /* @__PURE__ */ React.createElement(GameBoard, { board: displayBoard }), /* @__PURE__ */ React.createElement( SidePanel, { score, rerollCount, deleteBlockCount, deletePlacedBlockCount, gameOver, isPaused, isSelectingBlock, isSelectingBoardBlock, remainingTime, nextTetrominos, onResetGame: resetGame } ))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../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 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 (true) { 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 (true) { 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 (true) { 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 (true) { 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/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 QueryClientProvider = ({ client, children }) => { React2.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx 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 }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react2.default.createElement(TetrisPage, { ...props }); content = /* @__PURE__ */ import_react2.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.development.js: (** * @license React * react-jsx-runtime.development.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. *) */

ゲーム設定