speakid-build-a-sentence 1.0.0 → 1.0.1

package/dist/speakid-build-a-sentence.umd.js

@@ -52,7 +52,7 @@ React keys must be passed directly to JSX without using spread:
     0%, 100% { box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); }
     50% { box-shadow: 0 0 20px rgba(76, 175, 80, 0.8), 0 0 30px rgba(76, 175, 80, 0.6); }
   }
-`;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=`
+`;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:"16px",width:"120px",zIndex:30,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=`
     #magic-sentence-root, #magic-sentence-root * {
       box-sizing: border-box;
       font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;