speakid-build-a-sentence 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +67 -0
  2. package/dist/Game.d.ts +7 -0
  3. package/dist/Game.d.ts.map +1 -0
  4. package/dist/Game.styles.d.ts +3 -0
  5. package/dist/Game.styles.d.ts.map +1 -0
  6. package/dist/components/ErrorBoundary.d.ts +19 -0
  7. package/dist/components/ErrorBoundary.d.ts.map +1 -0
  8. package/dist/hooks/useValidation.d.ts +15 -0
  9. package/dist/hooks/useValidation.d.ts.map +1 -0
  10. package/dist/index.d.ts +9 -0
  11. package/dist/index.d.ts.map +1 -0
  12. package/dist/logo.png +0 -0
  13. package/dist/speakid-build-a-sentence.es.js +1232 -0
  14. package/dist/speakid-build-a-sentence.es.js.map +1 -0
  15. package/dist/speakid-build-a-sentence.umd.js +82 -0
  16. package/dist/speakid-build-a-sentence.umd.js.map +1 -0
  17. package/dist/utils/accessibility.d.ts +7 -0
  18. package/dist/utils/accessibility.d.ts.map +1 -0
  19. package/package.json +40 -0
package/dist/speakid-build-a-sentence.es.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"speakid-build-a-sentence.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/Game.styles.ts","../src/hooks/useValidation.ts","../src/utils/accessibility.ts","../src/Game.tsx","../src/components/ErrorBoundary.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%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://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n '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} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { CSSProperties } from \"react\";\n\n// ===== Добавляем анимации в <head> с уникальным ID =====\nconst keyframes = `\n @keyframes magic-sentence-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes magic-sentence-pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes magic-sentence-shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n \n @keyframes magic-sentence-slideIn {\n from { transform: translateY(-20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes magic-sentence-bounce {\n 0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); }\n 40%, 43% { transform: translate3d(0, -8px, 0); }\n 70% { transform: translate3d(0, -4px, 0); }\n 90% { transform: translate3d(0, -2px, 0); }\n }\n \n @keyframes magic-sentence-glow {\n 0%, 100% { box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); }\n 50% { box-shadow: 0 0 20px rgba(76, 175, 80, 0.8), 0 0 30px rgba(76, 175, 80, 0.6); }\n }\n`;\n\nif (typeof document !== \"undefined\" && !document.getElementById(\"magic-sentence-keyframes\")) {\n const styleTag = document.createElement(\"style\");\n styleTag.id = \"magic-sentence-keyframes\";\n styleTag.innerHTML = keyframes;\n document.head.appendChild(styleTag);\n}\n\n// ===== Анимации =====\nconst animations = {\n spin: {\n animation: \"magic-sentence-spin 1.4s linear infinite\",\n },\n pulse: {\n animation: \"magic-sentence-pulse 0.6s ease-in-out\",\n },\n shake: {\n animation: \"magic-sentence-shake 0.4s ease-in-out\",\n },\n slideIn: {\n animation: \"magic-sentence-slideIn 0.3s ease-out\",\n },\n bounce: {\n animation: \"magic-sentence-bounce 0.6s ease-in-out\",\n },\n glow: {\n animation: \"magic-sentence-glow 1s ease-in-out infinite\",\n },\n};\n\n// ===== Основные стили =====\nexport const styles: Record<string, CSSProperties> = {\n gmCenterScreen: {\n position: \"relative\",\n zIndex: 1,\n // use percent so the component fits inside the centered square container\n // (100vh caused overflow on tablets because it measured the viewport, not the container)\n minHeight: \"100%\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n textAlign: \"center\",\n color: \"#1f2937\",\n padding: \"24px 16px\",\n boxSizing: \"border-box\",\n transform: \"translateY(20px)\", // чуть вниз, чтобы компенсировать логотип\n },\n\n gmHeadline1: {\n fontWeight: 700,\n fontSize: \"clamp(28px, 4vw, 40px)\",\n lineHeight: \"110%\",\n },\n\n gmHeadline2: {\n fontWeight: 600,\n fontSize: \"24px\",\n lineHeight: \"120%\",\n },\n\n gmHeadline3: {\n fontWeight: 600,\n fontSize: \"18px\",\n lineHeight: \"130%\",\n },\n\n gmBodyL: {\n fontWeight: 400,\n fontSize: \"18px\",\n lineHeight: \"140%\",\n },\n\n gmBodyM: {\n fontWeight: 400,\n fontSize: \"16px\",\n lineHeight: \"140%\",\n },\n\n gmBodyS: {\n fontWeight: 400,\n fontSize: \"14px\",\n lineHeight: \"140%\",\n color: \"#6b7280\",\n },\n\n gmButton: {\n fontFamily:\n '\"Geist\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\"',\n fontWeight: 600,\n fontSize: \"16px\",\n padding: \"10px 16px\",\n borderRadius: \"12px\",\n border: \"1px solid #e5e7eb\",\n background: \"#ec4c44\",\n color: \"#ffffff\",\n cursor: \"pointer\",\n boxShadow: \"0 6px 18px rgba(236, 76, 68, .18)\",\n transition:\n \"transform .06s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease\",\n },\n\n gmButtonActive: {\n background: \"#333\",\n color: \"#fff\",\n },\n\n gmGameLayout: {\n position: \"relative\",\n width: \"100%\",\n // allow the layout to expand within the square container for tablets/laptops\n maxWidth: \"none\",\n // should fill the parent square, not the full viewport\n minHeight: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n color: \"#1f2937\",\n padding: \"16px 8px\",\n margin: \"0 auto\",\n },\n\n gmGrid: {\n width: \"100%\",\n // let the grid use all available space; sizing is controlled in Game.tsx\n maxWidth: \"none\",\n margin: \"0 auto\",\n display: \"grid\",\n // defaults; overridden responsively in Game.tsx\n gridTemplateColumns: \"repeat(3, 210px)\",\n gridAutoRows: \"210px\",\n gap: \"20px\",\n justifyContent: \"center\",\n },\n\n gmCard: {\n border: \"1px solid #e5e7eb\",\n borderRadius: \"16px\",\n background: \"#f9f9f9\",\n aspectRatio: \"1 / 1\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n transition:\n \"transform .2s ease, box-shadow .2s ease, border-color .2s ease\",\n },\n\n gmCorrect: {\n border: \"2px solid #10b981\",\n boxShadow: \"0 0 18px rgba(16,185,129,.45)\",\n background: \"#ecfdf5\",\n },\n\n gmWrong: {\n border: \"2px solid #ec4c44\",\n boxShadow: \"0 0 18px rgba(236,76,68,.35)\",\n background: \"#fef2f2\",\n },\n\n gmInput: {\n padding: \"6px 10px\",\n borderRadius: \"6px\",\n border: \"1px solid #ccc\",\n fontSize: \"16px\",\n fontFamily: '\"Geist\", system-ui',\n width: \"160px\",\n },\n\n gmTable: {\n marginTop: \"20px\",\n marginBottom: \"32px\",\n borderCollapse: \"collapse\",\n width: \"100%\",\n maxWidth: \"520px\",\n tableLayout: \"fixed\",\n textAlign: \"center\",\n },\n\n gmTableCell: {\n padding: \"8px 12px\",\n borderBottom: \"1px solid #e5e7eb\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n },\n\n // ✅ Обновлено только для качества логотипа\n gmLogoFixed: {\n position: \"absolute\",\n top: \"16px\",\n left: \"24px\",\n width: \"120px\",\n zIndex: 10,\n pointerEvents: \"none\",\n background: \"transparent\",\n transform: \"none\",\n willChange: \"auto\",\n },\n\n gmLogoImg: {\n height: \"clamp(28px, 5vw, 40px)\",\n width: \"auto\",\n background: \"transparent\",\n backgroundImage: \"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTAwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGV4dCB4PSI1MCIgeT0iMjUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiNlYzRjNDQiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNQRUFLSUQ8L3RleHQ+Cjwvc3ZnPgo=')\",\n backgroundSize: \"contain\",\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"center\",\n transform: \"translateZ(0)\",\n backfaceVisibility: \"hidden\",\n WebkitFontSmoothing: \"antialiased\",\n objectFit: \"contain\",\n imageRendering: \"auto\",\n },\n\n gmReadyWrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n // use percent so the wrapper scales with the container square\n height: \"60%\",\n gap: \"16px\",\n },\n\n gmHourglass: {\n fontSize: \"42px\",\n ...animations.spin,\n },\n\n // ===== Анимационные стили =====\n ...animations,\n};","import { useState, useCallback } from 'react';\n\nexport interface ValidationError {\n type: 'length' | 'characters' | 'empty' | 'duplicate';\n message: string;\n}\n\nexport interface ValidationResult {\n isValid: boolean;\n errors: ValidationError[];\n}\n\nexport const useValidation = () => {\n const [errors, setErrors] = useState<ValidationError[]>([]);\n\n const validateSentence = useCallback((sentence: string, index: number, allSentences: string[]): ValidationResult => {\n const newErrors: ValidationError[] = [];\n\n // Проверка на пустоту\n if (!sentence.trim()) {\n newErrors.push({\n type: 'empty',\n message: 'Sentence cannot be empty'\n });\n }\n\n // Проверка длины\n if (sentence.length > 41) {\n newErrors.push({\n type: 'length',\n message: `Sentence is too long (${sentence.length}/41 characters)`\n });\n }\n\n // Проверка символов (только латиница)\n const latinRegex = /^[a-zA-Z0-9\\s.,!?;:'\"-]*$/;\n if (sentence && !latinRegex.test(sentence)) {\n newErrors.push({\n type: 'characters',\n message: 'Only Latin characters, numbers, spaces and punctuation are allowed'\n });\n }\n\n // Проверка на дубликаты\n const duplicateIndex = allSentences.findIndex((s, i) => i !== index && s.toLowerCase().trim() === sentence.toLowerCase().trim());\n if (duplicateIndex !== -1) {\n newErrors.push({\n type: 'duplicate',\n message: `Duplicate sentence (same as sentence ${duplicateIndex + 1})`\n });\n }\n\n setErrors(newErrors);\n return {\n isValid: newErrors.length === 0,\n errors: newErrors\n };\n }, []);\n\n const validateAllSentences = useCallback((sentences: string[]): ValidationResult => {\n const allErrors: ValidationError[] = [];\n \n sentences.forEach((sentence, index) => {\n const result = validateSentence(sentence, index, sentences);\n allErrors.push(...result.errors.map(error => ({\n ...error,\n message: `Sentence ${index + 1}: ${error.message}`\n })));\n });\n\n return {\n isValid: allErrors.length === 0,\n errors: allErrors\n };\n }, [validateSentence]);\n\n const clearErrors = useCallback(() => {\n setErrors([]);\n }, []);\n\n return {\n errors,\n validateSentence,\n validateAllSentences,\n clearErrors,\n };\n};\n\n","// Утилиты для улучшения доступности\n\nexport const createAriaLabel = (action: string, word?: string, context?: string): string => {\n if (word && context) {\n return `${action} word \"${word}\" ${context}`;\n }\n if (word) {\n return `${action} word \"${word}\"`;\n }\n return action;\n};\n\nexport const getRoleForElement = (type: 'button' | 'draggable' | 'droppable' | 'input'): string => {\n const roles = {\n button: 'button',\n draggable: 'button',\n droppable: 'region',\n input: 'textbox'\n };\n return roles[type];\n};\n\nexport const handleKeyDown = (\n event: React.KeyboardEvent,\n action: () => void,\n allowedKeys: string[] = ['Enter', ' ']\n) => {\n if (allowedKeys.includes(event.key)) {\n event.preventDefault();\n action();\n }\n};\n\nexport const announceToScreenReader = (message: string) => {\n // Создаем временный элемент для объявления\n const announcement = document.createElement('div');\n announcement.setAttribute('aria-live', 'polite');\n announcement.setAttribute('aria-atomic', 'true');\n announcement.style.position = 'absolute';\n announcement.style.left = '-10000px';\n announcement.style.width = '1px';\n announcement.style.height = '1px';\n announcement.style.overflow = 'hidden';\n \n document.body.appendChild(announcement);\n announcement.textContent = message;\n \n // Удаляем элемент после объявления\n setTimeout(() => {\n document.body.removeChild(announcement);\n }, 1000);\n};\n\nexport const getFocusableElements = (container: HTMLElement): HTMLElement[] => {\n const focusableSelectors = [\n 'button:not([disabled])',\n 'input:not([disabled])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n '[tabindex]:not([tabindex=\"-1\"])',\n '[role=\"button\"]:not([disabled])'\n ].join(', ');\n \n return Array.from(container.querySelectorAll(focusableSelectors));\n};\n\nexport const trapFocus = (container: HTMLElement) => {\n const focusableElements = getFocusableElements(container);\n \n if (focusableElements.length === 0) return;\n \n const firstElement = focusableElements[0];\n const lastElement = focusableElements[focusableElements.length - 1];\n \n const handleTabKey = (e: KeyboardEvent) => {\n if (e.key === 'Tab') {\n if (e.shiftKey) {\n if (document.activeElement === firstElement) {\n lastElement.focus();\n e.preventDefault();\n }\n } else {\n if (document.activeElement === lastElement) {\n firstElement.focus();\n e.preventDefault();\n }\n }\n }\n };\n \n container.addEventListener('keydown', handleTabKey);\n \n // Фокусируем первый элемент\n firstElement.focus();\n \n // Возвращаем функцию для очистки\n return () => {\n container.removeEventListener('keydown', handleTabKey);\n };\n};\n\n","// ======================\n// MAGIC SENTENCE GAME (SPEAKID)\n// React 18 + TypeScript + Vite\n// Адаптивная верстка для всех устройств\n// ======================\n\nimport React, { useState, useEffect, useMemo, useRef } from \"react\";\nimport { styles } from \"./Game.styles\";\nimport { ErrorBoundary } from \"./components/ErrorBoundary\";\nimport { useValidation } from \"./hooks/useValidation\";\nimport { createAriaLabel, handleKeyDown, announceToScreenReader } from \"./utils/accessibility\";\n\ntype Stage = \"select\" | \"time\" | \"type\" | \"getready\" | \"play\" | \"results\";\ntype Token = { id: string; text: string };\n\n// ✅ базовый reset\nconst globalReset = () => {\n const style = document.createElement(\"style\");\n style.textContent = `\n #magic-sentence-root, #magic-sentence-root * {\n box-sizing: border-box;\n font-family: \"Geist\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n }\n #magic-sentence-root img {\n max-width: 100%;\n height: auto;\n display: block;\n user-select: none;\n }\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n zoom: 1 !important;\n }\n #root {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n }\n `;\n document.head.appendChild(style);\n};\n\nconst shuffle = (arr: string[]) => [...arr].sort(() => Math.random() - 0.5);\n\nexport interface GameProps {\n logoUrl?: string;\n showLogo?: boolean;\n baseURL?: string;\n}\n\nexport default function Game({ logoUrl, showLogo = true, baseURL }: GameProps = {}) {\n const containerRef = useRef<HTMLDivElement>(null);\n \n // Новые хуки\n const { validateAllSentences, errors: validationErrors } = useValidation();\n\n // Функция для определения нужно ли переносить слова\n const shouldWrapWords = () => {\n // Переносим слова на всех мобильных устройствах\n return isMobile || window.innerWidth < 768;\n };\n\n // Универсальная функция для определения мобильных устройств\n const isMobileDevice = () => {\n return isMobile || \n window.innerWidth < 768 || \n (window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932);\n };\n\n // Вспомогательная функция для мобильных размеров кнопок\n const getMobileButtonStyles = (type: 'small' | 'medium' | 'large' = 'medium') => {\n if (!isMobileDevice()) {\n return {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n minWidth: \"auto\"\n };\n }\n\n switch (type) {\n case 'small':\n return {\n padding: \"4px 6px\",\n fontSize: \"9px\",\n minWidth: \"40px\"\n };\n case 'medium':\n return {\n padding: \"5px 8px\",\n fontSize: \"10px\",\n minWidth: \"50px\"\n };\n case 'large':\n return {\n padding: \"6px 10px\",\n fontSize: \"11px\",\n minWidth: \"60px\"\n };\n }\n };\n\n useEffect(() => {\n globalReset();\n return () => {\n document.body.style.overflow = \"\";\n };\n }, []);\n\n const [stage, setStage] = useState<Stage>(\"select\");\n const [rounds, setRounds] = useState<number | null>(null);\n const [timePerRound, setTimePerRound] = useState<number | null>(null);\n const [sentences, setSentences] = useState<string[]>([]);\n const [currentRound, setCurrentRound] = useState(0);\n const [words, setWords] = useState<Token[]>([]);\n const [selected, setSelected] = useState<Token[]>([]);\n const [timeLeft, setTimeLeft] = useState(20);\n const [score, setScore] = useState(0);\n const [countdown, setCountdown] = useState<number | null>(null);\n const [resultType, setResultType] = useState<\"correct\" | \"almost\" | \"wrong\" | null>(null);\n const [timeExpired, setTimeExpired] = useState(false);\n const [bestScore, setBestScore] = useState<number>(\n Number(localStorage.getItem(\"magicSentenceBest\")) || 0\n );\n const timerRef = useRef<number | null>(null);\n const [hover, setHover] = useState<{ list: ListName | null; index: number | null; side: \"left\" | \"right\" | null }>({ list: null, index: null, side: null });\n\n // Адаптивность\n const [isMobile, setIsMobile] = useState(false);\n const [scale, setScale] = useState(1);\n const [containerSize, setContainerSize] = useState<number | null>(null);\n const [isDesktopLayout, setIsDesktopLayout] = useState(false);\n const [isIPadMiniPortrait, setIsIPadMiniPortrait] = useState(false);\n const [isIPadMiniLandscape, setIsIPadMiniLandscape] = useState(false);\n const [isIPadAirPortrait, setIsIPadAirPortrait] = useState(false);\n const [isIPadAirLandscape, setIsIPadAirLandscape] = useState(false);\n const [isSurfaceDuoPortrait, setIsSurfaceDuoPortrait] = useState(false);\n const [isSurfaceDuoLandscape, setIsSurfaceDuoLandscape] = useState(false);\n const [isIPadProPortrait, setIsIPadProPortrait] = useState(false);\n const [isIPadProLandscape, setIsIPadProLandscape] = useState(false);\n\n // ✅ адаптив под мобилки, планшеты и десктоп\n useEffect(() => {\n const resize = () => {\n const width = window.innerWidth;\n const height = window.innerHeight;\n const mobile = width < 768 || (width === 926 && height === 428) || (width === 932 && height === 430);\n const isLandscape = (width > height && mobile) || (width === 926 && height === 428) || (width === 932 && height === 430);\n const isSmallHeight = height < 700;\n \n // iPad размеры\n const isIPadMiniPortrait = width === 768 && height === 1024;\n const isIPadMiniLandscape = width === 1024 && height === 768;\n const isIPadAirPortrait = width === 820 && height === 1180;\n const isIPadAirLandscape = width === 1180 && height === 820;\n \n // Surface DUO размеры\n const isSurfaceDuoPortrait = width === 540 && height === 720;\n const isSurfaceDuoLandscape = width === 720 && height === 540;\n \n // iPad Pro размеры\n const isIPadProPortrait = width === 1024 && height === 1366;\n const isIPadProLandscape = width === 1366 && height === 1024;\n \n // Десктопные разрешения\n const desktopLayout = width >= 1200 && height >= 600 && !mobile;\n setIsDesktopLayout(desktopLayout);\n \n // Установка состояний для iPad и Surface DUO\n setIsIPadMiniPortrait(isIPadMiniPortrait);\n setIsIPadMiniLandscape(isIPadMiniLandscape);\n setIsIPadAirPortrait(isIPadAirPortrait);\n setIsIPadAirLandscape(isIPadAirLandscape);\n setIsSurfaceDuoPortrait(isSurfaceDuoPortrait);\n setIsSurfaceDuoLandscape(isSurfaceDuoLandscape);\n setIsIPadProPortrait(isIPadProPortrait);\n setIsIPadProLandscape(isIPadProLandscape);\n \n setIsMobile(mobile);\n\n // ✅ Адаптивные размеры контейнера\n if (mobile) {\n setContainerSize(null);\n setScale(1);\n } else if (isSmallHeight) {\n setContainerSize(null);\n setScale(1);\n } else {\n const minSize = 400;\n const maxSize = 1200;\n const finalSize = Math.min(1000, Math.min(width, height) * 0.9);\n setContainerSize(finalSize);\n setScale(1);\n }\n };\n resize();\n window.addEventListener(\"resize\", resize);\n return () => window.removeEventListener(\"resize\", resize);\n }, []);\n\n // =========================\n // DND HELPERS\n // =========================\n type ListName = \"bank\" | \"selected\";\n type DragPayload = { from: ListName; id: string };\n\n const moveToken = (\n from: ListName,\n to: ListName,\n id: string,\n insertIndex: number | null\n ) => {\n // Блокируем перемещение если время истекло\n if (timeExpired) return;\n\n let nextWords = [...words];\n let nextSelected = [...selected];\n\n const takeFrom = from === \"bank\" ? nextWords : nextSelected;\n const putTo = to === \"bank\" ? nextWords : nextSelected;\n\n const idx = takeFrom.findIndex((t) => t.id === id);\n if (idx === -1) return;\n const [token] = takeFrom.splice(idx, 1);\n\n let targetIndex = insertIndex;\n if (\n from === to &&\n targetIndex !== null &&\n targetIndex !== undefined\n ) {\n if (targetIndex > idx) targetIndex = targetIndex - 1;\n }\n\n if (\n targetIndex === null ||\n targetIndex === undefined ||\n targetIndex < 0 ||\n targetIndex > putTo.length\n ) {\n putTo.push(token);\n } else {\n putTo.splice(targetIndex, 0, token);\n }\n\n if (from === \"bank\") nextWords = takeFrom; else nextSelected = takeFrom;\n if (to === \"bank\") nextWords = putTo; else nextSelected = putTo;\n\n setWords(nextWords);\n setSelected(nextSelected);\n };\n\n const handleDropTo = (\n e: React.DragEvent,\n to: ListName,\n insertIndex: number | null\n ) => {\n e.preventDefault();\n \n // Блокируем drop если время истекло\n if (timeExpired) {\n setHover({ list: null, index: null, side: null });\n return;\n }\n\n const raw = e.dataTransfer.getData(\"application/x-token\") ||\n (() => {\n const fallbackId = e.dataTransfer.getData(\"text/plain\");\n if (!fallbackId) return \"\";\n const inBank = words.some((t) => t.id === fallbackId);\n const inSelected = selected.some((t) => t.id === fallbackId);\n const from: ListName | null = inBank ? \"bank\" : inSelected ? \"selected\" : null;\n return from ? JSON.stringify({ from, id: fallbackId }) : \"\";\n })();\n if (!raw) return;\n try {\n const payload = JSON.parse(raw) as DragPayload;\n if (!payload || !payload.id || !payload.from) return;\n moveToken(payload.from, to, payload.id, insertIndex);\n } catch {\n // ignore bad payload\n }\n setHover({ list: null, index: null, side: null });\n };\n\n // =========================\n // START / SETUP\n // =========================\n const handleSelect = (num: number) => {\n setRounds(num);\n setSentences(Array(num).fill(\"\"));\n setStage(\"time\");\n };\n\n const handleTimeSelect = (time: number) => {\n setTimePerRound(time);\n setStage(\"type\");\n };\n\n const handleChange = (index: number, value: string) => {\n // Ограничение на 41 символ (включая пробелы и точку)\n if (value.length > 41) {\n return;\n }\n \n // Проверка на латинские символы (a-z, A-Z, пробелы, цифры, знаки препинания)\n const latinRegex = /^[a-zA-Z0-9\\s.,!?;:'\"-]*$/;\n if (value && !latinRegex.test(value)) {\n return; // Не сохраняем, если есть нелатинские символы\n }\n \n const updated = [...sentences];\n updated[index] = value;\n setSentences(updated);\n \n // Валидация при вводе\n const validation = validateAllSentences(updated);\n if (!validation.isValid) {\n console.warn('Validation errors:', validation.errors);\n }\n };\n\n const normalizeSentence = (s: string) => s.trim().replace(/\\s+/g, \" \");\n\n // Адаптивный размер шрифта в зависимости от количества слов\n const getAdaptiveFontSize = (wordCount: number) => {\n if (wordCount <= 3) return 20;\n if (wordCount <= 5) return 18;\n if (wordCount <= 7) return 16;\n if (wordCount <= 9) return 14;\n return 12;\n };\n\n const startGame = () => {\n const hasEmpty = sentences.some((s) => s.trim().length === 0);\n if (hasEmpty) {\n return;\n }\n setSentences((prev) => prev.map((s) => normalizeSentence(s)));\n setScore(0);\n setCurrentRound(0);\n setCountdown(null); // Убираем цифровой отсчет\n setStage(\"getready\");\n };\n\n // GET READY с 3-секундной задержкой\n useEffect(() => {\n if (stage === \"getready\") {\n const t = setTimeout(() => startRound(0), 3000); // 3 секунды задержки\n return () => clearTimeout(t);\n }\n }, [stage]);\n\n const startRound = (index: number) => {\n const target = sentences[index];\n if (!target) return;\n const shuffled = shuffle(target\n .trim()\n .split(/\\s+/)\n .filter(Boolean)\n );\n const tokens: Token[] = shuffled.map((w, i) => ({\n id: `${Date.now()}-${index}-${i}-${Math.random().toString(36).slice(2)}`,\n text: w,\n }));\n setWords(tokens);\n setSelected([]);\n setCurrentRound(index);\n setTimeLeft(timePerRound || 20); // Используем выбранное время\n setResultType(null); // Сбрасываем результат\n setTimeExpired(false); // Сбрасываем состояние истечения времени\n setStage(\"play\");\n };\n\n // TIMER\n useEffect(() => {\n if (stage === \"play\" && !timeExpired) {\n if (timerRef.current !== null) window.clearTimeout(timerRef.current);\n if (timeLeft > 0) {\n timerRef.current = window.setTimeout(() => setTimeLeft((t) => t - 1), 1000);\n } else {\n // Время истекло - показываем результат и кнопку NEXT\n setTimeExpired(true);\n // Вызываем handleNext с manual=false для подсчета результата\n const correct = sentences[currentRound];\n const correctWords = correct.trim().split(/\\s+/);\n const selectedTexts = selected.map((t) => t.text);\n \n // Считаем ошибки: недостающие слова + лишние слова + неправильный порядок\n const missingWords = correctWords.filter(word => !selectedTexts.includes(word)).length;\n const extraWords = selectedTexts.filter(word => !correctWords.includes(word)).length;\n const wrongOrder = correctWords.filter((w, i) => w !== selectedTexts[i]).length;\n \n // Общее количество ошибок = недостающие + лишние + неправильный порядок\n const errors = missingWords + extraWords + wrongOrder;\n\n // Показываем результат\n if (errors === 0) {\n setResultType(\"correct\");\n playSound(\"correct\");\n announceToScreenReader(\"Correct! Well done!\");\n } else if (errors === 1) {\n setResultType(\"almost\");\n playSound(\"half\");\n announceToScreenReader(\"Almost correct! Just one mistake.\");\n } else {\n setResultType(\"wrong\");\n playSound(\"wrong\");\n announceToScreenReader(\"Not quite right. Keep trying!\");\n }\n }\n }\n return () => {\n if (timerRef.current !== null) window.clearTimeout(timerRef.current);\n };\n }, [stage, timeLeft, timeExpired, sentences, currentRound, selected]);\n\n // =========================\n // SCORING / NEXT ROUND\n // =========================\n const handleNext = (manual = true) => {\n // Если время истекло и это ручное нажатие NEXT, переходим к следующему раунду\n if (timeExpired && manual) {\n if (currentRound + 1 < (rounds || 0)) {\n startRound(currentRound + 1);\n } else {\n setStage(\"results\");\n setTimeout(() => triggerConfetti(), 600);\n }\n return;\n }\n\n // Если время не истекло, обрабатываем ручное нажатие\n if (manual && !timeExpired) {\n const correct = sentences[currentRound];\n const correctWords = correct.trim().split(/\\s+/);\n const selectedTexts = selected.map((t) => t.text);\n \n // Считаем ошибки: недостающие слова + лишние слова + неправильный порядок\n const missingWords = correctWords.filter(word => !selectedTexts.includes(word)).length;\n const extraWords = selectedTexts.filter(word => !correctWords.includes(word)).length;\n const wrongOrder = correctWords.filter((w, i) => w !== selectedTexts[i]).length;\n \n // Общее количество ошибок = недостающие + лишние + неправильный порядок\n const errors = missingWords + extraWords + wrongOrder;\n\n if (errors === 0 && timeLeft > 0) {\n setScore((s) => s + 1);\n setResultType(\"correct\");\n playSound(\"correct\");\n announceToScreenReader(\"Correct! Well done!\");\n } else if (errors === 1) {\n setScore((s) => s + 0.5);\n setResultType(\"almost\");\n playSound(\"half\");\n announceToScreenReader(\"Almost correct! Just one mistake.\");\n } else {\n setResultType(\"wrong\");\n playSound(\"wrong\");\n announceToScreenReader(\"Not quite right. Keep trying!\");\n }\n\n // Переходим к следующему раунду\n if (currentRound + 1 < (rounds || 0)) {\n setTimeout(() => startRound(currentRound + 1), 800);\n } else {\n setStage(\"results\");\n setTimeout(() => triggerConfetti(), 600);\n }\n }\n };\n\n // =========================\n // SAVE BEST SCORE\n // =========================\n useEffect(() => {\n if (stage === \"results\" && score > bestScore) {\n setBestScore(score);\n localStorage.setItem(\"magicSentenceBest\", String(score));\n }\n }, [stage, score, bestScore]);\n\n // =========================\n // SOUND EFFECTS\n // =========================\n const playSound = (type: \"start\" | \"click\" | \"correct\" | \"half\" | \"wrong\") => {\n const ctx = new (window.AudioContext || (window as any).webkitAudioContext)();\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.connect(gain);\n gain.connect(ctx.destination);\n\n switch (type) {\n case \"start\": osc.frequency.value = 500; break;\n case \"click\": osc.frequency.value = 800; break;\n case \"correct\": osc.frequency.value = 1000; break;\n case \"half\": osc.frequency.value = 700; break;\n case \"wrong\": osc.frequency.value = 200; break;\n }\n gain.gain.setValueAtTime(0.1, ctx.currentTime);\n osc.start();\n osc.stop(ctx.currentTime + 0.2);\n };\n\n // =========================\n // CONFETTI EFFECT\n // =========================\n const triggerConfetti = () => {\n const duration = 2500;\n const end = Date.now() + duration;\n const colors = [\"#ec4c44\", \"#f7c948\", \"#6fcf97\", \"#56ccf2\", \"#bb6bd9\"];\n\n const canvas = document.createElement(\"canvas\");\n const ctx = canvas.getContext(\"2d\")!;\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n canvas.style.position = \"fixed\";\n canvas.style.top = \"0\";\n canvas.style.left = \"0\";\n canvas.style.pointerEvents = \"none\";\n document.body.appendChild(canvas);\n\n const pieces = Array.from({ length: 100 }).map(() => ({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height - canvas.height,\n size: 6 + Math.random() * 6,\n color: colors[Math.floor(Math.random() * colors.length)],\n speed: 2 + Math.random() * 4,\n tilt: Math.random() * 2 * Math.PI,\n }));\n\n const draw = () => {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n pieces.forEach((p) => {\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.ellipse(p.x, p.y, p.size, p.size / 2, p.tilt, 0, 2 * Math.PI);\n ctx.fill();\n p.y += p.speed;\n p.x += Math.sin(p.tilt);\n });\n if (Date.now() < end) requestAnimationFrame(draw);\n else document.body.removeChild(canvas);\n };\n draw();\n };\n\n // =========================\n // RENDER SCREENS\n // =========================\n const renderSelect = () => (\n <div style={styles.gmCenterScreen}>\n <h1 style={styles.gmHeadline1}>MAGIC SENTENCE</h1>\n <p style={styles.gmBodyM}>Select number of rounds</p>\n <div style={{ \n display: \"flex\", \n gap: isMobileDevice() ? \"8px\" : \"16px\",\n justifyContent: \"center\" \n }}>\n {[3, 4, 5].map((num) => (\n <button \n key={num} \n onClick={() => handleSelect(num)} \n style={{\n ...styles.gmButton,\n ...getMobileButtonStyles('medium')\n }}\n >\n {num} ROUNDS\n </button>\n ))}\n </div>\n </div>\n );\n\n const renderTime = () => (\n <div style={styles.gmCenterScreen}>\n <h1 style={styles.gmHeadline1}>MAGIC SENTENCE</h1>\n <p style={styles.gmBodyM}>Select time per round</p>\n <div style={{ \n display: \"flex\", \n gap: isMobileDevice() ? \"8px\" : \"16px\",\n justifyContent: \"center\" \n }}>\n {[15, 20, 30].map((time) => (\n <button \n key={time} \n onClick={() => handleTimeSelect(time)} \n style={{\n ...styles.gmButton,\n ...getMobileButtonStyles('medium')\n }}\n >\n {time}s\n </button>\n ))}\n </div>\n </div>\n );\n\n const renderType = () => (\n <div style={styles.gmCenterScreen}>\n <h2 style={{...styles.gmBodyM, marginBottom: \"0px\"}}>\n Type down {rounds} sentence{rounds && rounds > 1 ? \"s\" : \"\"} for your student\n </h2>\n <p style={{...styles.gmBodyS, marginBottom: \"16px\", marginTop: \"0px\", color: \"#6b7280\"}}>\n Maximum 41 characters per sentence\n </p>\n <div style={{ \n display: \"flex\", \n flexDirection: \"column\", \n gap: 12, \n width: \"auto\", // Автоматическая ширина по содержимому\n minWidth: \"fit-content\", // Минимальная ширина по содержимому\n maxWidth: \"600px\" // Ограничиваем максимальную ширину\n }}>\n {sentences.map((text, i) => (\n <input\n key={i}\n value={text}\n placeholder={`Sentence ${i + 1}`}\n onChange={(e) => handleChange(i, e.target.value)}\n style={{\n ...styles.gmInput,\n padding: isMobileDevice() ? \"8px 12px\" : \"12px 16px\",\n fontSize: isMobileDevice() ? \"14px\" : \"16px\",\n width: \"100%\", // Поля теперь будут шире благодаря увеличенной ширине контейнера\n textAlign: \"center\" // Центрируем placeholder текст\n }}\n />\n ))}\n </div>\n <button\n onClick={startGame}\n disabled={sentences.some((s) => s.trim().length === 0)}\n style={{\n ...styles.gmButton,\n marginTop: 30,\n background: sentences.some((s) => s.trim().length === 0) ? \"#ccc\" : \"#ec4c44\",\n cursor: sentences.some((s) => s.trim().length === 0) ? \"not-allowed\" : \"pointer\",\n ...getMobileButtonStyles('large')\n }}\n >\n PLAY\n </button>\n </div>\n );\n\n const renderGetReady = () => (\n <div style={styles.gmReadyWrapper}>\n <h1 style={{ \n ...styles.gmHeadline1,\n fontSize: isMobileDevice() ? \"36px\" : \"72px\", \n color: \"#ec4c44\", \n marginBottom: \"20px\",\n animation: \"pulse 1s ease-in-out infinite\"\n }}>\n GET READY\n </h1>\n <div style={styles.gmHourglass}>⏳</div>\n </div>\n );\n\n const renderPlay = () => (\n <div style={styles.gmGameLayout}>\n <h2 style={{ \n marginBottom: isMobileDevice() ? \"5px\" : \"10px\",\n fontSize: isMobileDevice() ? \"16px\" : \"20px\"\n }}>\n Round {currentRound + 1}/{rounds} — {timeExpired ? \"TIME'S UP!\" : `Time: ${timeLeft}s`}\n </h2>\n\n {/* Progress bar */}\n <div\n style={{\n width: \"60%\",\n height: isMobileDevice() ? \"8px\" : \"14px\",\n borderRadius: 8,\n background: \"#eee\",\n overflow: \"hidden\",\n marginBottom: isMobileDevice() ? \"10px\" : \"20px\",\n }}\n >\n <div\n style={{\n height: \"100%\",\n width: `${(timeLeft / (timePerRound || 20)) * 100}%`,\n background: timeLeft <= 5 ? \"#ec4c44\" : \"#4caf50\",\n transition: \"width 1s linear\",\n }}\n ></div>\n </div>\n\n {/* Word bank */}\n <div\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => handleDropTo(e, \"bank\", null)}\n style={{\n display: \"flex\",\n flexWrap: shouldWrapWords() ? \"wrap\" : \"nowrap\",\n gap: isMobile || window.innerWidth < 768 ? \"6px\" : \"10px\",\n justifyContent: \"center\",\n marginBottom: isMobile || window.innerWidth < 768 ? \"15px\" : \"30px\",\n padding: isMobile || window.innerWidth < 768 ? \"5px\" : \"10px\",\n width: \"100%\",\n boxSizing: \"border-box\"\n }}\n >\n {words.map((t, idx) => (\n <div\n key={t.id}\n draggable={!timeExpired}\n role=\"button\"\n tabIndex={timeExpired ? -1 : 0}\n aria-label={timeExpired ? `Word: ${t.text} (time expired)` : createAriaLabel(\"Drag word\", t.text, \"to build sentence\")}\n onDragStart={(e) => {\n if (timeExpired) {\n e.preventDefault();\n return;\n }\n e.dataTransfer.setData(\n \"application/x-token\",\n JSON.stringify({ from: \"bank\", id: t.id })\n );\n e.dataTransfer.setData(\"text/plain\", t.id);\n announceToScreenReader(`Dragging word: ${t.text}`);\n }}\n onKeyDown={(e) => {\n if (timeExpired) return;\n handleKeyDown(e, () => moveToken(\"bank\", \"selected\", t.id, null));\n }}\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => {\n const rect = (e.currentTarget as HTMLDivElement).getBoundingClientRect();\n const mid = rect.left + rect.width / 2;\n const insertIndex = e.clientX > mid ? idx + 1 : idx;\n setHover({ list: null, index: null, side: null });\n e.stopPropagation();\n handleDropTo(e, \"bank\", insertIndex);\n }}\n onDragEnter={(e) => {\n if (timeExpired) return;\n const rect = (e.currentTarget as HTMLDivElement).getBoundingClientRect();\n const mid = rect.left + rect.width / 2;\n setHover({ list: \"bank\", index: idx, side: e.clientX > mid ? \"right\" : \"left\" });\n }}\n onDragLeave={() => setHover({ list: null, index: null, side: null })}\n onClick={() => {\n if (timeExpired) return;\n moveToken(\"bank\", \"selected\", t.id, null);\n }}\n style={{\n padding: isMobile || window.innerWidth < 768 ? \"6px 10px\" : \"10px 16px\",\n borderRadius: isMobile || window.innerWidth < 768 ? \"6px\" : \"10px\",\n border: \"1px solid #ccc\",\n background: timeExpired ? \"#f0f0f0\" : \"#f9f9f9\",\n cursor: timeExpired ? \"not-allowed\" : \"pointer\",\n fontSize: isMobile || window.innerWidth < 768 ? \"12px\" : \"18px\",\n borderLeft: hover.list === \"bank\" && hover.index === idx && hover.side === \"left\" ? \"3px solid #3b82f6\" : \"1px solid #ccc\",\n borderRight: hover.list === \"bank\" && hover.index === idx && hover.side === \"right\" ? \"3px solid #3b82f6\" : \"1px solid #ccc\",\n flexShrink: 0,\n flexBasis: \"auto\",\n opacity: timeExpired ? 0.6 : 1,\n transition: \"opacity 0.3s ease\",\n }}\n >\n {t.text}\n </div>\n ))}\n </div>\n\n {/* Selected sentence */}\n <div\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => handleDropTo(e, \"selected\", null)}\n style={{\n minHeight: isMobile || window.innerWidth < 768 ? \"50px\" : \"70px\",\n width: \"auto\", // Автоматическая ширина в зависимости от содержимого\n maxWidth: \"none\", // Убираем ограничение максимальной ширины\n minWidth: \"245px\", // Минимальная ширина для растягивания\n border: resultType === \"correct\" ? \"2px dashed #4caf50\" : \n resultType === \"almost\" ? \"2px dashed #ff9800\" : \n resultType === \"wrong\" ? \"2px dashed #f44336\" : \"2px dashed #ccc\",\n borderRadius: isMobile || window.innerWidth < 768 ? \"8px\" : \"12px\",\n padding: isMobile || window.innerWidth < 768 ? \"8px\" : \"12px\",\n display: \"flex\",\n flexWrap: shouldWrapWords() ? \"wrap\" : \"nowrap\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: `${getAdaptiveFontSize(selected.length)}px`,\n background: resultType === \"correct\" ? \"#e8f5e8\" : \n resultType === \"almost\" ? \"#fff3e0\" : \n resultType === \"wrong\" ? \"#ffebee\" : \"#fafafa\",\n overflowX: shouldWrapWords() ? \"hidden\" : \"auto\",\n whiteSpace: shouldWrapWords() ? \"normal\" : \"nowrap\",\n }}\n >\n {selected.map((t, idx) => (\n <span\n key={t.id}\n draggable={!timeExpired}\n onDragStart={(e) => {\n if (timeExpired) {\n e.preventDefault();\n return;\n }\n e.dataTransfer.setData(\n \"application/x-token\",\n JSON.stringify({ from: \"selected\", id: t.id })\n );\n e.dataTransfer.setData(\"text/plain\", t.id);\n }}\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => {\n const rect = (e.currentTarget as HTMLSpanElement).getBoundingClientRect();\n const mid = rect.left + rect.width / 2;\n const insertIndex = e.clientX > mid ? idx + 1 : idx;\n setHover({ list: null, index: null, side: null });\n e.stopPropagation();\n handleDropTo(e, \"selected\", insertIndex);\n }}\n onDragEnter={(e) => {\n if (timeExpired) return;\n const rect = (e.currentTarget as HTMLSpanElement).getBoundingClientRect();\n const mid = rect.left + rect.width / 2;\n setHover({ list: \"selected\", index: idx, side: e.clientX > mid ? \"right\" : \"left\" });\n }}\n onDragLeave={() => setHover({ list: null, index: null, side: null })}\n onClick={() => {\n if (timeExpired) return;\n moveToken(\"selected\", \"bank\", t.id, null);\n }}\n title={timeExpired ? \"Time expired\" : \"Click to remove back to bank\"}\n style={{\n padding: isMobileDevice() ? \"4px 6px\" : \"6px 10px\",\n margin: isMobileDevice() ? \"2px\" : \"4px\",\n borderRadius: isMobileDevice() ? \"4px\" : \"8px\",\n background: timeExpired ? \"#f0f0f0\" : \"#ffe9e7\",\n border: timeExpired ? \"1px solid #ccc\" : \"1px solid #ec4c44\",\n borderLeft: hover.list === \"selected\" && hover.index === idx && hover.side === \"left\" ? \"3px solid #3b82f6\" : undefined,\n borderRight: hover.list === \"selected\" && hover.index === idx && hover.side === \"right\" ? \"3px solid #3b82f6\" : undefined,\n cursor: timeExpired ? \"not-allowed\" : \"pointer\",\n userSelect: \"none\",\n fontSize: `${getAdaptiveFontSize(selected.length)}px`, // Адаптивный размер шрифта для слов\n fontFamily: '\"Roboto\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif', // Более плотный шрифт\n whiteSpace: \"nowrap\", // Запрещаем перенос слов\n opacity: timeExpired ? 0.6 : 1,\n transition: \"opacity 0.3s ease\",\n }}\n >\n {t.text}\n </span>\n ))}\n </div>\n\n <button\n onClick={() => handleNext(true)}\n disabled={!timeExpired && selected.length === 0}\n style={{\n marginTop: isMobileDevice() ? \"15px\" : \"30px\",\n fontSize: isMobileDevice() ? \"14px\" : \"20px\",\n padding: isMobileDevice() ? \"6px 12px\" : \"10px 24px\",\n borderRadius: isMobileDevice() ? \"8px\" : \"12px\",\n background: (timeExpired || selected.length > 0) ? \"#ec4c44\" : \"#ccc\",\n color: \"white\",\n border: \"none\",\n cursor: (timeExpired || selected.length > 0) ? \"pointer\" : \"not-allowed\",\n }}\n >\n {timeExpired ? \"NEXT\" : \"NEXT\"}\n </button>\n </div>\n );\n\n const renderResults = () => (\n <div style={styles.gmCenterScreen}>\n <h1 style={{\n ...styles.gmHeadline1,\n marginTop: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"0px\" : \"0px\",\n marginBottom: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"2px\" : \"10px\",\n fontSize: (isMobile && window.innerWidth <= 375 && window.innerHeight <= 667) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) ? \"32px\" : \"clamp(28px, 4vw, 40px)\"\n }}>\n Game Over 🎯\n </h1>\n <h2 style={{\n ...styles.gmHeadline2,\n marginTop: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"0px\" : \"0px\",\n marginBottom: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"2px\" : \"16px\",\n fontSize: (isMobile && window.innerWidth <= 375 && window.innerHeight <= 667) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) ? \"18px\" : \"24px\"\n }}>\n Your score: {score} out of {rounds}\n </h2>\n <p style={{ \n ...styles.gmBodyM, \n color: \"#10b981\", \n marginTop: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"0px\" : \"12px\",\n marginBottom: (isMobile && window.innerWidth > window.innerHeight) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) || isIPadMiniPortrait || isIPadMiniLandscape || isIPadAirPortrait || isIPadAirLandscape || isSurfaceDuoPortrait || isSurfaceDuoLandscape || isIPadProPortrait || isIPadProLandscape ? \"2px\" : \"16px\",\n fontSize: (isMobile && window.innerWidth <= 375 && window.innerHeight <= 667) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) ? \"14px\" : \"16px\"\n }}>\n Best score: {bestScore}\n </p>\n\n <div style={{ \n display: \"flex\", \n gap: (isMobile && window.innerWidth > window.innerHeight) || (isMobile && window.innerWidth <= 375 && window.innerHeight <= 667) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) ? \"6px\" : \"12px\", \n marginTop: (isMobile && window.innerWidth > window.innerHeight) || (isMobile && window.innerWidth <= 375 && window.innerHeight <= 667) || (window.innerWidth === 896 && window.innerHeight === 414) || (window.innerWidth === 844 && window.innerHeight === 390) || (window.innerWidth === 926 && window.innerHeight === 428) || (window.innerWidth === 932 && window.innerHeight === 430) ? \"2px\" : (window.innerWidth === 1366 && window.innerHeight === 766) || (window.innerWidth === 1366 && window.innerHeight === 768) || (window.innerWidth === 1280 && window.innerHeight === 720) || (window.innerWidth === 1440 && window.innerHeight === 900) || isDesktopLayout ? \"12px\" : \"24px\"\n }}>\n <button\n onClick={() => {\n triggerConfetti();\n playSound(\"start\");\n setTimeout(() => {\n setStage(\"getready\");\n setCountdown(null);\n setTimeExpired(false);\n }, 800);\n }}\n style={{\n ...styles.gmButton,\n ...getMobileButtonStyles('medium')\n }}\n >\n 🔁 Play again\n </button>\n\n <button\n onClick={() => {\n playSound(\"click\");\n setStage(\"select\");\n setRounds(null);\n setTimePerRound(null);\n setSentences([]);\n setScore(0);\n setSelected([]);\n setTimeExpired(false);\n }}\n style={{\n ...styles.gmButton,\n ...getMobileButtonStyles('medium')\n }}\n >\n ⬅️ Exit\n </button>\n </div>\n </div>\n );\n\n const MemoizedLogo = useMemo(\n () => {\n // Определяем URL логотипа\n let logoSrc = logoUrl;\n if (!logoSrc && baseURL) {\n // Убираем trailing slash если есть и добавляем правильный путь\n const cleanBaseURL = baseURL.endsWith('/') ? baseURL.slice(0, -1) : baseURL;\n logoSrc = `${cleanBaseURL}/logo.svg`;\n }\n \n return (\n <div style={{\n ...styles.gmLogoFixed,\n display: (!showLogo || (isMobile && window.innerWidth > window.innerHeight) || window.innerHeight < 700) ? 'none' : 'block'\n }}>\n {logoSrc ? (\n <img\n src={logoSrc}\n alt=\"SPEAKID Logo\"\n style={styles.gmLogoImg}\n loading=\"lazy\"\n />\n ) : (\n <div style={styles.gmLogoImg}>\n SPEAKID\n </div>\n )}\n </div>\n );\n },\n [isMobile, showLogo, logoUrl, baseURL]\n );\n\n return (\n <div\n ref={containerRef}\n style={{\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n background: \"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)\",\n transition: \"background 0.3s ease\",\n overflow: \"hidden\",\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0\n }}\n >\n <div\n style={{\n width: isMobile ? \"100%\" : (containerSize || 1000),\n height: isMobile ? \"100%\" : (containerSize || 1000),\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n overflow: \"hidden\",\n borderRadius: isMobile ? 0 : \"20px\",\n background: \"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)\",\n boxShadow: isMobile ? \"none\" : \"0 0 40px rgba(0,0,0,0.1)\",\n margin: isMobile ? \"0 auto\" : \"unset\",\n position: \"relative\",\n }}\n >\n <div\n style={{\n transform: \"none\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n <div id=\"magic-sentence-root\">\n {!isMobile && MemoizedLogo}\n {stage === \"select\" && renderSelect()}\n {stage === \"time\" && renderTime()}\n {stage === \"type\" && renderType()}\n {stage === \"getready\" && renderGetReady()}\n {stage === \"play\" && renderPlay()}\n {stage === \"results\" && renderResults()}\n </div>\n </div>\n </div>\n </div>\n );\n}","import React, { Component, ErrorInfo, ReactNode } from 'react';\n\ninterface Props {\n children: ReactNode;\n fallback?: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n error?: Error;\n errorInfo?: ErrorInfo;\n}\n\nexport class ErrorBoundary extends Component<Props, State> {\n constructor(props: Props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error: Error): State {\n return {\n hasError: true,\n error,\n };\n }\n\n componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n console.error('Game Error:', error, errorInfo);\n \n // В реальном приложении здесь можно отправить ошибку в аналитику\n // analytics.track('game_error', { error: error.message, stack: error.stack });\n \n this.setState({\n error,\n errorInfo,\n });\n }\n\n handleReset = () => {\n this.setState({ hasError: false, error: undefined, errorInfo: undefined });\n };\n\n render() {\n if (this.state.hasError) {\n if (this.props.fallback) {\n return this.props.fallback;\n }\n\n return (\n <div style={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: '100vh',\n padding: '20px',\n textAlign: 'center',\n backgroundColor: '#fef2f2',\n color: '#dc2626',\n fontFamily: 'system-ui, sans-serif'\n }}>\n <h1 style={{ fontSize: '24px', marginBottom: '16px' }}>\n 🚨 Oops! Something went wrong\n </h1>\n <p style={{ fontSize: '16px', marginBottom: '24px', maxWidth: '500px' }}>\n The game encountered an unexpected error. Don't worry, your progress is saved!\n </p>\n \n <button\n onClick={this.handleReset}\n style={{\n padding: '12px 24px',\n fontSize: '16px',\n backgroundColor: '#dc2626',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n cursor: 'pointer',\n transition: 'background-color 0.2s'\n }}\n onMouseOver={(e) => e.currentTarget.style.backgroundColor = '#b91c1c'}\n onMouseOut={(e) => e.currentTarget.style.backgroundColor = '#dc2626'}\n >\n 🔄 Restart Game\n </button>\n \n {typeof process !== 'undefined' && process.env.NODE_ENV === 'development' && this.state.error && (\n <details style={{ marginTop: '20px', textAlign: 'left', maxWidth: '600px' }}>\n <summary style={{ cursor: 'pointer', fontSize: '14px' }}>\n Technical Details (Development Only)\n </summary>\n <pre style={{\n backgroundColor: '#f3f4f6',\n padding: '12px',\n borderRadius: '4px',\n fontSize: '12px',\n overflow: 'auto',\n marginTop: '8px'\n }}>\n {this.state.error.toString()}\n {this.state.errorInfo?.componentStack}\n </pre>\n </details>\n )}\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","keyframes","styleTag","animations","styles","useValidation","errors","setErrors","useState","validateSentence","useCallback","sentence","index","allSentences","newErrors","duplicateIndex","s","i","validateAllSentences","sentences","allErrors","result","error","clearErrors","createAriaLabel","action","word","context","handleKeyDown","event","allowedKeys","announceToScreenReader","message","announcement","globalReset","style","shuffle","arr","Game","logoUrl","showLogo","baseURL","containerRef","useRef","validationErrors","shouldWrapWords","isMobile","isMobileDevice","getMobileButtonStyles","useEffect","stage","setStage","rounds","setRounds","timePerRound","setTimePerRound","setSentences","currentRound","setCurrentRound","words","setWords","selected","setSelected","timeLeft","setTimeLeft","score","setScore","countdown","setCountdown","resultType","setResultType","timeExpired","setTimeExpired","bestScore","setBestScore","timerRef","hover","setHover","setIsMobile","scale","setScale","containerSize","setContainerSize","isDesktopLayout","setIsDesktopLayout","isIPadMiniPortrait","setIsIPadMiniPortrait","isIPadMiniLandscape","setIsIPadMiniLandscape","isIPadAirPortrait","setIsIPadAirPortrait","isIPadAirLandscape","setIsIPadAirLandscape","isSurfaceDuoPortrait","setIsSurfaceDuoPortrait","isSurfaceDuoLandscape","setIsSurfaceDuoLandscape","isIPadProPortrait","setIsIPadProPortrait","isIPadProLandscape","setIsIPadProLandscape","resize","width","height","mobile","isSmallHeight","desktopLayout","finalSize","moveToken","from","to","id","insertIndex","nextWords","nextSelected","takeFrom","putTo","idx","t","token","targetIndex","handleDropTo","e","raw","fallbackId","inBank","inSelected","payload","handleSelect","num","handleTimeSelect","time","handleChange","updated","validation","normalizeSentence","getAdaptiveFontSize","wordCount","startGame","prev","startRound","target","tokens","w","correctWords","selectedTexts","missingWords","extraWords","wrongOrder","playSound","handleNext","manual","triggerConfetti","ctx","osc","gain","end","colors","canvas","pieces","draw","p","renderSelect","jsxs","jsx","renderTime","renderType","text","renderGetReady","renderPlay","rect","mid","renderResults","MemoizedLogo","useMemo","logoSrc","ErrorBoundary","Component","errorInfo"],"mappings":"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","x_google_ignoreList":[0,1,2]}
package/dist/speakid-build-a-sentence.umd.js ADDED
@@ -0,0 +1,82 @@
1
+ (function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I.SpeakidBuildASentence={},I.React))})(this,(function(I,a){"use strict";var he={exports:{}},de={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.js
4
+ *
5
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var We;function De(){if(We)return de;We=1;var p=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function m(_,R,y){var E=null;if(y!==void 0&&(E=""+y),R.key!==void 0&&(E=""+R.key),"key"in R){y={};for(var f in R)f!=="key"&&(y[f]=R[f])}else y=R;return R=y.ref,{$$typeof:p,type:_,key:E,ref:R!==void 0?R:null,props:y}}return de.Fragment=l,de.jsx=m,de.jsxs=m,de}var le={};/**
10
+ * @license React
11
+ * react-jsx-runtime.development.js
12
+ *
13
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */var Ee;function _e(){return Ee||(Ee=1,process.env.NODE_ENV!=="production"&&(function(){function p(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case ge:return"Profiler";case D:return"StrictMode";case pe:return"Suspense";case L:return"SuspenseList";case Q:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return"Portal";case me:return e.displayName||"Context";case ue:return(e._context.displayName||"Context")+".Consumer";case P:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case we:return i=e.displayName||null,i!==null?i:p(e.type)||"Memo";case O:i=e._payload,e=e._init;try{return p(e(i))}catch{}}return null}function l(e){return""+e}function m(e){try{l(e);var i=!1}catch{i=!0}if(i){i=console;var g=i.error,S=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return g.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",S),l(e)}}function _(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var i=p(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function R(){var e=K.A;return e===null?null:e.getOwner()}function y(){return Error("react-stack-top-frame")}function E(e){if(z.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function f(e,i){function g(){Z||(Z=!0,console.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://react.dev/link/special-props)",i))}g.isReactWarning=!0,Object.defineProperty(e,"key",{get:g,configurable:!0})}function v(){var e=p(this.type);return q[e]||(q[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function k(e,i,g,S,G,$){var w=g.ref;return e={$$typeof:ce,type:e,key:i,props:g,_owner:S},(w!==void 0?w:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function W(e,i,g,S,G,$){var w=i.children;if(w!==void 0)if(S)if(M(w)){for(S=0;S<w.length;S++)H(w[S]);Object.freeze&&Object.freeze(w)}else console.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 H(w);if(z.call(i,"key")){w=p(e);var Y=Object.keys(i).filter(function(J){return J!=="key"});S=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",j[w+S]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
+ let props = %s;
19
+ <%s {...props} />
20
+ React keys must be passed directly to JSX without using spread:
21
+ let props = %s;
22
+ <%s key={someKey} {...props} />`,S,w,Y,w),j[w+S]=!0)}if(w=null,g!==void 0&&(m(g),w=""+g),E(i)&&(m(i.key),w=""+i.key),"key"in i){g={};for(var fe in i)fe!=="key"&&(g[fe]=i[fe])}else g=i;return w&&f(g,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,w,g,R(),G,$)}function H(e){X(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?X(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function X(e){return typeof e=="object"&&e!==null&&e.$$typeof===ce}var U=a,ce=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),ge=Symbol.for("react.profiler"),ue=Symbol.for("react.consumer"),me=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),pe=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),we=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),Ce=Symbol.for("react.client.reference"),K=U.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,M=Array.isArray,c=console.createTask?console.createTask:function(){return null};U={react_stack_bottom_frame:function(e){return e()}};var Z,q={},xe=U.react_stack_bottom_frame.bind(U,y)(),F=c(_(y)),j={};le.Fragment=N,le.jsx=function(e,i,g){var S=1e4>K.recentlyCreatedOwnerStacks++;return W(e,i,g,!1,S?Error("react-stack-top-frame"):xe,S?c(_(e)):F)},le.jsxs=function(e,i,g){var S=1e4>K.recentlyCreatedOwnerStacks++;return W(e,i,g,!0,S?Error("react-stack-top-frame"):xe,S?c(_(e)):F)}})()),le}var Te;function Oe(){return Te||(Te=1,process.env.NODE_ENV==="production"?he.exports=De():he.exports=_e()),he.exports}var s=Oe();const ze=`
23
+ @keyframes magic-sentence-spin {
24
+ from { transform: rotate(0deg); }
25
+ to { transform: rotate(360deg); }
26
+ }
27
+
28
+ @keyframes magic-sentence-pulse {
29
+ 0%, 100% { transform: scale(1); }
30
+ 50% { transform: scale(1.05); }
31
+ }
32
+
33
+ @keyframes magic-sentence-shake {
34
+ 0%, 100% { transform: translateX(0); }
35
+ 25% { transform: translateX(-5px); }
36
+ 75% { transform: translateX(5px); }
37
+ }
38
+
39
+ @keyframes magic-sentence-slideIn {
40
+ from { transform: translateY(-20px); opacity: 0; }
41
+ to { transform: translateY(0); opacity: 1; }
42
+ }
43
+
44
+ @keyframes magic-sentence-bounce {
45
+ 0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); }
46
+ 40%, 43% { transform: translate3d(0, -8px, 0); }
47
+ 70% { transform: translate3d(0, -4px, 0); }
48
+ 90% { transform: translate3d(0, -2px, 0); }
49
+ }
50
+
51
+ @keyframes magic-sentence-glow {
52
+ 0%, 100% { box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); }
53
+ 50% { box-shadow: 0 0 20px rgba(76, 175, 80, 0.8), 0 0 30px rgba(76, 175, 80, 0.6); }
54
+ }
55
+ `;if(typeof document<"u"&&!document.getElementById("magic-sentence-keyframes")){const p=document.createElement("style");p.id="magic-sentence-keyframes",p.innerHTML=ze,document.head.appendChild(p)}const Re={spin:{animation:"magic-sentence-spin 1.4s linear infinite"},pulse:{animation:"magic-sentence-pulse 0.6s ease-in-out"},shake:{animation:"magic-sentence-shake 0.4s ease-in-out"},slideIn:{animation:"magic-sentence-slideIn 0.3s ease-out"},bounce:{animation:"magic-sentence-bounce 0.6s ease-in-out"},glow:{animation:"magic-sentence-glow 1s ease-in-out infinite"}},h={gmCenterScreen:{position:"relative",zIndex:1,minHeight:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",color:"#1f2937",padding:"24px 16px",boxSizing:"border-box",transform:"translateY(20px)"},gmHeadline1:{fontWeight:700,fontSize:"clamp(28px, 4vw, 40px)",lineHeight:"110%"},gmHeadline2:{fontWeight:600,fontSize:"24px",lineHeight:"120%"},gmBodyM:{fontWeight:400,fontSize:"16px",lineHeight:"140%"},gmBodyS:{fontWeight:400,fontSize:"14px",lineHeight:"140%",color:"#6b7280"},gmButton:{fontFamily:'"Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans"',fontWeight:600,fontSize:"16px",padding:"10px 16px",borderRadius:"12px",border:"1px solid #e5e7eb",background:"#ec4c44",color:"#ffffff",cursor:"pointer",boxShadow:"0 6px 18px rgba(236, 76, 68, .18)",transition:"transform .06s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease"},gmGameLayout:{position:"relative",width:"100%",maxWidth:"none",minHeight:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",color:"#1f2937",padding:"16px 8px",margin:"0 auto"},gmInput:{padding:"6px 10px",borderRadius:"6px",border:"1px solid #ccc",fontSize:"16px",fontFamily:'"Geist", system-ui',width:"160px"},gmLogoFixed:{position:"absolute",top:"16px",left:"24px",width:"120px",zIndex:10,pointerEvents:"none",background:"transparent",transform:"none",willChange:"auto"},gmLogoImg:{height:"clamp(28px, 5vw, 40px)",width:"auto",background:"transparent",backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTAwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGV4dCB4PSI1MCIgeT0iMjUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiNlYzRjNDQiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNQRUFLSUQ8L3RleHQ+Cjwvc3ZnPgo=')",backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",objectFit:"contain",imageRendering:"auto"},gmReadyWrapper:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"60%",gap:"16px"},gmHourglass:{fontSize:"42px",...Re.spin},...Re},je=()=>{const[p,l]=a.useState([]),m=a.useCallback((y,E,f)=>{const v=[];y.trim()||v.push({type:"empty",message:"Sentence cannot be empty"}),y.length>41&&v.push({type:"length",message:`Sentence is too long (${y.length}/41 characters)`}),y&&!/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(y)&&v.push({type:"characters",message:"Only Latin characters, numbers, spaces and punctuation are allowed"});const W=f.findIndex((H,X)=>X!==E&&H.toLowerCase().trim()===y.toLowerCase().trim());return W!==-1&&v.push({type:"duplicate",message:`Duplicate sentence (same as sentence ${W+1})`}),l(v),{isValid:v.length===0,errors:v}},[]),_=a.useCallback(y=>{const E=[];return y.forEach((f,v)=>{const k=m(f,v,y);E.push(...k.errors.map(W=>({...W,message:`Sentence ${v+1}: ${W.message}`})))}),{isValid:E.length===0,errors:E}},[m]),R=a.useCallback(()=>{l([])},[]);return{errors:p,validateSentence:m,validateAllSentences:_,clearErrors:R}},Ie=(p,l,m)=>l&&m?`${p} word "${l}" ${m}`:l?`${p} word "${l}"`:p,Pe=(p,l,m=["Enter"," "])=>{m.includes(p.key)&&(p.preventDefault(),l())},B=p=>{const l=document.createElement("div");l.setAttribute("aria-live","polite"),l.setAttribute("aria-atomic","true"),l.style.position="absolute",l.style.left="-10000px",l.style.width="1px",l.style.height="1px",l.style.overflow="hidden",document.body.appendChild(l),l.textContent=p,setTimeout(()=>{document.body.removeChild(l)},1e3)},Me=()=>{const p=document.createElement("style");p.textContent=`
56
+ #magic-sentence-root, #magic-sentence-root * {
57
+ box-sizing: border-box;
58
+ font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
59
+ }
60
+ #magic-sentence-root img {
61
+ max-width: 100%;
62
+ height: auto;
63
+ display: block;
64
+ user-select: none;
65
+ }
66
+ html, body {
67
+ margin: 0 !important;
68
+ padding: 0 !important;
69
+ width: 100% !important;
70
+ height: 100% !important;
71
+ overflow: hidden !important;
72
+ zoom: 1 !important;
73
+ }
74
+ #root {
75
+ margin: 0 !important;
76
+ padding: 0 !important;
77
+ width: 100% !important;
78
+ height: 100% !important;
79
+ overflow: hidden !important;
80
+ }
81
+ `,document.head.appendChild(p)},Be=p=>[...p].sort(()=>Math.random()-.5);function He({logoUrl:p,showLogo:l=!0,baseURL:m}={}){const _=a.useRef(null),{validateAllSentences:R,errors:y}=je(),E=()=>i||window.innerWidth<768,f=()=>i||window.innerWidth<768||window.innerWidth>=320&&window.innerWidth<=932&&window.innerHeight>=390&&window.innerHeight<=932,v=(t="medium")=>{if(!f())return{padding:"12px 24px",fontSize:"16px",minWidth:"auto"};switch(t){case"small":return{padding:"4px 6px",fontSize:"9px",minWidth:"40px"};case"medium":return{padding:"5px 8px",fontSize:"10px",minWidth:"50px"};case"large":return{padding:"6px 10px",fontSize:"11px",minWidth:"60px"}}};a.useEffect(()=>(Me(),()=>{document.body.style.overflow=""}),[]);const[k,W]=a.useState("select"),[H,X]=a.useState(null),[U,ce]=a.useState(null),[C,N]=a.useState([]),[D,ge]=a.useState(0),[ue,me]=a.useState([]),[P,pe]=a.useState([]),[L,we]=a.useState(20),[O,Q]=a.useState(0),[Ce,K]=a.useState(null),[z,M]=a.useState(null),[c,Z]=a.useState(!1),[q,xe]=a.useState(Number(localStorage.getItem("magicSentenceBest"))||0),F=a.useRef(null),[j,e]=a.useState({list:null,index:null,side:null}),[i,g]=a.useState(!1),[S,G]=a.useState(1),[$,w]=a.useState(null),[Y,fe]=a.useState(!1),[J,Le]=a.useState(!1),[ee,Fe]=a.useState(!1),[te,Ge]=a.useState(!1),[ne,Ye]=a.useState(!1),[ie,Je]=a.useState(!1),[re,Ve]=a.useState(!1),[oe,Xe]=a.useState(!1),[se,Ue]=a.useState(!1);a.useEffect(()=>{const t=()=>{const r=window.innerWidth,n=window.innerHeight,o=r<768||r===926&&n===428||r===932&&n===430,d=n<700,b=r===768&&n===1024,T=r===1024&&n===768,u=r===820&&n===1180,x=r===1180&&n===820,ae=r===540&&n===720,A=r===720&&n===540,ke=r===1024&&n===1366,dt=r===1366&&n===1024,lt=r>=1200&&n>=600&&!o;if(fe(lt),Le(b),Fe(T),Ge(u),Ye(x),Je(ae),Ve(A),Xe(ke),Ue(dt),g(o),o)w(null),G(1);else if(d)w(null),G(1);else{const ct=Math.min(1e3,Math.min(r,n)*.9);w(ct),G(1)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const ye=(t,r,n,o)=>{if(c)return;let d=[...ue],b=[...P];const T=t==="bank"?d:b,u=r==="bank"?d:b,x=T.findIndex(ke=>ke.id===n);if(x===-1)return;const[ae]=T.splice(x,1);let A=o;t===r&&A!==null&&A!==void 0&&A>x&&(A=A-1),A==null||A<0||A>u.length?u.push(ae):u.splice(A,0,ae),t==="bank"?d=T:b=T,r==="bank"?d=u:b=u,me(d),pe(b)},be=(t,r,n)=>{if(t.preventDefault(),c){e({list:null,index:null,side:null});return}const o=t.dataTransfer.getData("application/x-token")||(()=>{const d=t.dataTransfer.getData("text/plain");if(!d)return"";const b=ue.some(x=>x.id===d),T=P.some(x=>x.id===d),u=b?"bank":T?"selected":null;return u?JSON.stringify({from:u,id:d}):""})();if(o){try{const d=JSON.parse(o);if(!d||!d.id||!d.from)return;ye(d.from,r,d.id,n)}catch{}e({list:null,index:null,side:null})}},Ze=t=>{X(t),N(Array(t).fill("")),W("time")},Qe=t=>{ce(t),W("type")},Ke=(t,r)=>{if(r.length>41||r&&!/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(r))return;const o=[...C];o[t]=r,N(o);const d=R(o);d.isValid||console.warn("Validation errors:",d.errors)},qe=t=>t.trim().replace(/\s+/g," "),Ae=t=>t<=3?20:t<=5?18:t<=7?16:t<=9?14:12,$e=()=>{C.some(r=>r.trim().length===0)||(N(r=>r.map(n=>qe(n))),Q(0),ge(0),K(null),W("getready"))};a.useEffect(()=>{if(k==="getready"){const t=setTimeout(()=>Se(0),3e3);return()=>clearTimeout(t)}},[k]);const Se=t=>{const r=C[t];if(!r)return;const o=Be(r.trim().split(/\s+/).filter(Boolean)).map((d,b)=>({id:`${Date.now()}-${t}-${b}-${Math.random().toString(36).slice(2)}`,text:d}));me(o),pe([]),ge(t),we(U||20),M(null),Z(!1),W("play")};a.useEffect(()=>{if(k==="play"&&!c)if(F.current!==null&&window.clearTimeout(F.current),L>0)F.current=window.setTimeout(()=>we(t=>t-1),1e3);else{Z(!0);const r=C[D].trim().split(/\s+/),n=P.map(u=>u.text),o=r.filter(u=>!n.includes(u)).length,d=n.filter(u=>!r.includes(u)).length,b=r.filter((u,x)=>u!==n[x]).length,T=o+d+b;T===0?(M("correct"),V("correct"),B("Correct! Well done!")):T===1?(M("almost"),V("half"),B("Almost correct! Just one mistake.")):(M("wrong"),V("wrong"),B("Not quite right. Keep trying!"))}return()=>{F.current!==null&&window.clearTimeout(F.current)}},[k,L,c,C,D,P]);const et=(t=!0)=>{if(c&&t){D+1<(H||0)?Se(D+1):(W("results"),setTimeout(()=>ve(),600));return}if(t&&!c){const n=C[D].trim().split(/\s+/),o=P.map(x=>x.text),d=n.filter(x=>!o.includes(x)).length,b=o.filter(x=>!n.includes(x)).length,T=n.filter((x,ae)=>x!==o[ae]).length,u=d+b+T;u===0&&L>0?(Q(x=>x+1),M("correct"),V("correct"),B("Correct! Well done!")):u===1?(Q(x=>x+.5),M("almost"),V("half"),B("Almost correct! Just one mistake.")):(M("wrong"),V("wrong"),B("Not quite right. Keep trying!")),D+1<(H||0)?setTimeout(()=>Se(D+1),800):(W("results"),setTimeout(()=>ve(),600))}};a.useEffect(()=>{k==="results"&&O>q&&(xe(O),localStorage.setItem("magicSentenceBest",String(O)))},[k,O,q]);const V=t=>{const r=new(window.AudioContext||window.webkitAudioContext),n=r.createOscillator(),o=r.createGain();switch(n.connect(o),o.connect(r.destination),t){case"start":n.frequency.value=500;break;case"click":n.frequency.value=800;break;case"correct":n.frequency.value=1e3;break;case"half":n.frequency.value=700;break;case"wrong":n.frequency.value=200;break}o.gain.setValueAtTime(.1,r.currentTime),n.start(),n.stop(r.currentTime+.2)},ve=()=>{const r=Date.now()+2500,n=["#ec4c44","#f7c948","#6fcf97","#56ccf2","#bb6bd9"],o=document.createElement("canvas"),d=o.getContext("2d");o.width=window.innerWidth,o.height=window.innerHeight,o.style.position="fixed",o.style.top="0",o.style.left="0",o.style.pointerEvents="none",document.body.appendChild(o);const b=Array.from({length:100}).map(()=>({x:Math.random()*o.width,y:Math.random()*o.height-o.height,size:6+Math.random()*6,color:n[Math.floor(Math.random()*n.length)],speed:2+Math.random()*4,tilt:Math.random()*2*Math.PI})),T=()=>{d.clearRect(0,0,o.width,o.height),b.forEach(u=>{d.fillStyle=u.color,d.beginPath(),d.ellipse(u.x,u.y,u.size,u.size/2,u.tilt,0,2*Math.PI),d.fill(),u.y+=u.speed,u.x+=Math.sin(u.tilt)}),Date.now()<r?requestAnimationFrame(T):document.body.removeChild(o)};T()},tt=()=>s.jsxs("div",{style:h.gmCenterScreen,children:[s.jsx("h1",{style:h.gmHeadline1,children:"MAGIC SENTENCE"}),s.jsx("p",{style:h.gmBodyM,children:"Select number of rounds"}),s.jsx("div",{style:{display:"flex",gap:f()?"8px":"16px",justifyContent:"center"},children:[3,4,5].map(t=>s.jsxs("button",{onClick:()=>Ze(t),style:{...h.gmButton,...v("medium")},children:[t," ROUNDS"]},t))})]}),nt=()=>s.jsxs("div",{style:h.gmCenterScreen,children:[s.jsx("h1",{style:h.gmHeadline1,children:"MAGIC SENTENCE"}),s.jsx("p",{style:h.gmBodyM,children:"Select time per round"}),s.jsx("div",{style:{display:"flex",gap:f()?"8px":"16px",justifyContent:"center"},children:[15,20,30].map(t=>s.jsxs("button",{onClick:()=>Qe(t),style:{...h.gmButton,...v("medium")},children:[t,"s"]},t))})]}),it=()=>s.jsxs("div",{style:h.gmCenterScreen,children:[s.jsxs("h2",{style:{...h.gmBodyM,marginBottom:"0px"},children:["Type down ",H," sentence",H&&H>1?"s":""," for your student"]}),s.jsx("p",{style:{...h.gmBodyS,marginBottom:"16px",marginTop:"0px",color:"#6b7280"},children:"Maximum 41 characters per sentence"}),s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12,width:"auto",minWidth:"fit-content",maxWidth:"600px"},children:C.map((t,r)=>s.jsx("input",{value:t,placeholder:`Sentence ${r+1}`,onChange:n=>Ke(r,n.target.value),style:{...h.gmInput,padding:f()?"8px 12px":"12px 16px",fontSize:f()?"14px":"16px",width:"100%",textAlign:"center"}},r))}),s.jsx("button",{onClick:$e,disabled:C.some(t=>t.trim().length===0),style:{...h.gmButton,marginTop:30,background:C.some(t=>t.trim().length===0)?"#ccc":"#ec4c44",cursor:C.some(t=>t.trim().length===0)?"not-allowed":"pointer",...v("large")},children:"PLAY"})]}),rt=()=>s.jsxs("div",{style:h.gmReadyWrapper,children:[s.jsx("h1",{style:{...h.gmHeadline1,fontSize:f()?"36px":"72px",color:"#ec4c44",marginBottom:"20px",animation:"pulse 1s ease-in-out infinite"},children:"GET READY"}),s.jsx("div",{style:h.gmHourglass,children:"⏳"})]}),ot=()=>s.jsxs("div",{style:h.gmGameLayout,children:[s.jsxs("h2",{style:{marginBottom:f()?"5px":"10px",fontSize:f()?"16px":"20px"},children:["Round ",D+1,"/",H," — ",c?"TIME'S UP!":`Time: ${L}s`]}),s.jsx("div",{style:{width:"60%",height:f()?"8px":"14px",borderRadius:8,background:"#eee",overflow:"hidden",marginBottom:f()?"10px":"20px"},children:s.jsx("div",{style:{height:"100%",width:`${L/(U||20)*100}%`,background:L<=5?"#ec4c44":"#4caf50",transition:"width 1s linear"}})}),s.jsx("div",{onDragOver:t=>t.preventDefault(),onDrop:t=>be(t,"bank",null),style:{display:"flex",flexWrap:E()?"wrap":"nowrap",gap:i||window.innerWidth<768?"6px":"10px",justifyContent:"center",marginBottom:i||window.innerWidth<768?"15px":"30px",padding:i||window.innerWidth<768?"5px":"10px",width:"100%",boxSizing:"border-box"},children:ue.map((t,r)=>s.jsx("div",{draggable:!c,role:"button",tabIndex:c?-1:0,"aria-label":c?`Word: ${t.text} (time expired)`:Ie("Drag word",t.text,"to build sentence"),onDragStart:n=>{if(c){n.preventDefault();return}n.dataTransfer.setData("application/x-token",JSON.stringify({from:"bank",id:t.id})),n.dataTransfer.setData("text/plain",t.id),B(`Dragging word: ${t.text}`)},onKeyDown:n=>{c||Pe(n,()=>ye("bank","selected",t.id,null))},onDragOver:n=>n.preventDefault(),onDrop:n=>{const o=n.currentTarget.getBoundingClientRect(),d=o.left+o.width/2,b=n.clientX>d?r+1:r;e({list:null,index:null,side:null}),n.stopPropagation(),be(n,"bank",b)},onDragEnter:n=>{if(c)return;const o=n.currentTarget.getBoundingClientRect(),d=o.left+o.width/2;e({list:"bank",index:r,side:n.clientX>d?"right":"left"})},onDragLeave:()=>e({list:null,index:null,side:null}),onClick:()=>{c||ye("bank","selected",t.id,null)},style:{padding:i||window.innerWidth<768?"6px 10px":"10px 16px",borderRadius:i||window.innerWidth<768?"6px":"10px",border:"1px solid #ccc",background:c?"#f0f0f0":"#f9f9f9",cursor:c?"not-allowed":"pointer",fontSize:i||window.innerWidth<768?"12px":"18px",borderLeft:j.list==="bank"&&j.index===r&&j.side==="left"?"3px solid #3b82f6":"1px solid #ccc",borderRight:j.list==="bank"&&j.index===r&&j.side==="right"?"3px solid #3b82f6":"1px solid #ccc",flexShrink:0,flexBasis:"auto",opacity:c?.6:1,transition:"opacity 0.3s ease"},children:t.text},t.id))}),s.jsx("div",{onDragOver:t=>t.preventDefault(),onDrop:t=>be(t,"selected",null),style:{minHeight:i||window.innerWidth<768?"50px":"70px",width:"auto",maxWidth:"none",minWidth:"245px",border:z==="correct"?"2px dashed #4caf50":z==="almost"?"2px dashed #ff9800":z==="wrong"?"2px dashed #f44336":"2px dashed #ccc",borderRadius:i||window.innerWidth<768?"8px":"12px",padding:i||window.innerWidth<768?"8px":"12px",display:"flex",flexWrap:E()?"wrap":"nowrap",alignItems:"center",justifyContent:"center",fontSize:`${Ae(P.length)}px`,background:z==="correct"?"#e8f5e8":z==="almost"?"#fff3e0":z==="wrong"?"#ffebee":"#fafafa",overflowX:E()?"hidden":"auto",whiteSpace:E()?"normal":"nowrap"},children:P.map((t,r)=>s.jsx("span",{draggable:!c,onDragStart:n=>{if(c){n.preventDefault();return}n.dataTransfer.setData("application/x-token",JSON.stringify({from:"selected",id:t.id})),n.dataTransfer.setData("text/plain",t.id)},onDragOver:n=>n.preventDefault(),onDrop:n=>{const o=n.currentTarget.getBoundingClientRect(),d=o.left+o.width/2,b=n.clientX>d?r+1:r;e({list:null,index:null,side:null}),n.stopPropagation(),be(n,"selected",b)},onDragEnter:n=>{if(c)return;const o=n.currentTarget.getBoundingClientRect(),d=o.left+o.width/2;e({list:"selected",index:r,side:n.clientX>d?"right":"left"})},onDragLeave:()=>e({list:null,index:null,side:null}),onClick:()=>{c||ye("selected","bank",t.id,null)},title:c?"Time expired":"Click to remove back to bank",style:{padding:f()?"4px 6px":"6px 10px",margin:f()?"2px":"4px",borderRadius:f()?"4px":"8px",background:c?"#f0f0f0":"#ffe9e7",border:c?"1px solid #ccc":"1px solid #ec4c44",borderLeft:j.list==="selected"&&j.index===r&&j.side==="left"?"3px solid #3b82f6":void 0,borderRight:j.list==="selected"&&j.index===r&&j.side==="right"?"3px solid #3b82f6":void 0,cursor:c?"not-allowed":"pointer",userSelect:"none",fontSize:`${Ae(P.length)}px`,fontFamily:'"Roboto", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif',whiteSpace:"nowrap",opacity:c?.6:1,transition:"opacity 0.3s ease"},children:t.text},t.id))}),s.jsx("button",{onClick:()=>et(!0),disabled:!c&&P.length===0,style:{marginTop:f()?"15px":"30px",fontSize:f()?"14px":"20px",padding:f()?"6px 12px":"10px 24px",borderRadius:f()?"8px":"12px",background:c||P.length>0?"#ec4c44":"#ccc",color:"white",border:"none",cursor:c||P.length>0?"pointer":"not-allowed"},children:"NEXT"})]}),st=()=>s.jsxs("div",{style:h.gmCenterScreen,children:[s.jsx("h1",{style:{...h.gmHeadline1,marginTop:(i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se,"0px"),marginBottom:i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se?"2px":"10px",fontSize:i&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"32px":"clamp(28px, 4vw, 40px)"},children:"Game Over 🎯"}),s.jsxs("h2",{style:{...h.gmHeadline2,marginTop:(i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se,"0px"),marginBottom:i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se?"2px":"16px",fontSize:i&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"18px":"24px"},children:["Your score: ",O," out of ",H]}),s.jsxs("p",{style:{...h.gmBodyM,color:"#10b981",marginTop:i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se?"0px":"12px",marginBottom:i&&window.innerWidth>window.innerHeight||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430||J||ee||te||ne||ie||re||oe||se?"2px":"16px",fontSize:i&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"14px":"16px"},children:["Best score: ",q]}),s.jsxs("div",{style:{display:"flex",gap:i&&window.innerWidth>window.innerHeight||i&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"6px":"12px",marginTop:i&&window.innerWidth>window.innerHeight||i&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"2px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||Y?"12px":"24px"},children:[s.jsx("button",{onClick:()=>{ve(),V("start"),setTimeout(()=>{W("getready"),K(null),Z(!1)},800)},style:{...h.gmButton,...v("medium")},children:"🔁 Play again"}),s.jsx("button",{onClick:()=>{V("click"),W("select"),X(null),ce(null),N([]),Q(0),pe([]),Z(!1)},style:{...h.gmButton,...v("medium")},children:"⬅️ Exit"})]})]}),at=a.useMemo(()=>{let t=p;return!t&&m&&(t=`${m.endsWith("/")?m.slice(0,-1):m}/logo.svg`),s.jsx("div",{style:{...h.gmLogoFixed,display:!l||i&&window.innerWidth>window.innerHeight||window.innerHeight<700?"none":"block"},children:t?s.jsx("img",{src:t,alt:"SPEAKID Logo",style:h.gmLogoImg,loading:"lazy"}):s.jsx("div",{style:h.gmLogoImg,children:"SPEAKID"})})},[i,l,p,m]);return s.jsx("div",{ref:_,style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",transition:"background 0.3s ease",overflow:"hidden",position:"absolute",top:0,left:0,right:0,bottom:0},children:s.jsx("div",{style:{width:i?"100%":$||1e3,height:i?"100%":$||1e3,display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",borderRadius:i?0:"20px",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",boxShadow:i?"none":"0 0 40px rgba(0,0,0,0.1)",margin:i?"0 auto":"unset",position:"relative"},children:s.jsx("div",{style:{transform:"none",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:s.jsxs("div",{id:"magic-sentence-root",children:[!i&&at,k==="select"&&tt(),k==="time"&&nt(),k==="type"&&it(),k==="getready"&&rt(),k==="play"&&ot(),k==="results"&&st()]})})})})}class Ne extends a.Component{constructor(l){super(l),this.state={hasError:!1}}static getDerivedStateFromError(l){return{hasError:!0,error:l}}componentDidCatch(l,m){console.error("Game Error:",l,m),this.setState({error:l,errorInfo:m})}handleReset=()=>{this.setState({hasError:!1,error:void 0,errorInfo:void 0})};render(){return this.state.hasError?this.props.fallback?this.props.fallback:s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",padding:"20px",textAlign:"center",backgroundColor:"#fef2f2",color:"#dc2626",fontFamily:"system-ui, sans-serif"},children:[s.jsx("h1",{style:{fontSize:"24px",marginBottom:"16px"},children:"🚨 Oops! Something went wrong"}),s.jsx("p",{style:{fontSize:"16px",marginBottom:"24px",maxWidth:"500px"},children:"The game encountered an unexpected error. Don't worry, your progress is saved!"}),s.jsx("button",{onClick:this.handleReset,style:{padding:"12px 24px",fontSize:"16px",backgroundColor:"#dc2626",color:"white",border:"none",borderRadius:"8px",cursor:"pointer",transition:"background-color 0.2s"},onMouseOver:l=>l.currentTarget.style.backgroundColor="#b91c1c",onMouseOut:l=>l.currentTarget.style.backgroundColor="#dc2626",children:"🔄 Restart Game"}),typeof process<"u"&&process.env.NODE_ENV==="development"&&this.state.error&&s.jsxs("details",{style:{marginTop:"20px",textAlign:"left",maxWidth:"600px"},children:[s.jsx("summary",{style:{cursor:"pointer",fontSize:"14px"},children:"Technical Details (Development Only)"}),s.jsxs("pre",{style:{backgroundColor:"#f3f4f6",padding:"12px",borderRadius:"4px",fontSize:"12px",overflow:"auto",marginTop:"8px"},children:[this.state.error.toString(),this.state.errorInfo?.componentStack]})]})]}):this.props.children}}I.ErrorBoundary=Ne,I.Game=He,I.announceToScreenReader=B,I.createAriaLabel=Ie,I.default=He,I.handleKeyDown=Pe,I.useValidation=je,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
82
+ //# sourceMappingURL=speakid-build-a-sentence.umd.js.map