[{"_1":2,"_184":-5,"_185":-5},"loaderData",{"_3":4,"_56":57,"_183":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_39":-5,"_40":-5,"_41":-5,"_42":43,"_52":53,"_54":55},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","authUser","user","snapshotData",{"_23":-5,"_24":-5,"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","plan","balances","rewards","origins",{"_44":45,"_46":47,"_48":49,"_50":51},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile",false,"theme","auto","slug",{"_58":59,"_60":61,"_120":121,"_141":142,"_178":179,"_180":-5,"_181":182},"version","1","project",{"_62":60,"_63":64,"_65":66,"_67":68,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":-5,"_89":90,"_91":92,"_93":-5,"_94":95,"_96":97,"_56":107,"_108":95,"_109":95,"_110":53,"_111":-5,"_112":113,"_114":-5,"_115":116,"_117":-5,"_118":-5,"_119":53},"_type","id","gywzqz5q3ay5jrdfekod","created_at","2025-12-06T02:51:29.945Z","created_by",{"_62":20,"_63":69,"_70":71,"_65":72,"_73":74,"_75":-5,"_76":-5,"_77":53},"981a492b-0bdb-4292-bc18-afc8f42bac6f","username","BuddyLove13","2025-02-16T13:57:26.105Z","avatar_url","https://lh3.googleusercontent.com/a/ACg8ocJ4DT0GYG_Cq5kVniCvLiKyiNVuX1Oy5_ZKS12d59Nag9ix8w=s96-c","discord_username","discord_id","is_admin","updated_at","2026-04-30T23:18:46.223Z","title","AI Rig Animator","comments_mode","open","visibility","public","current_version",47,"last_posted_version","parent_id","py8_66s_8wnr23b6lk3e","parent_version",10,"deleted_at","posted",true,"stats",{"_98":99,"_100":64,"_101":102,"_103":104,"_105":106},"~type","project_stats","project_id","views",38,"likes",0,"comments",3,"ai-rig-animator","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","AI Rig Animator — prompt-driven web app for creating AI-generated 2D rig animations. Animate stickmen, facial expressions, shapes, text, speech bubbles and emojis. Realtime preview, timeline controls, checkbox toggles for text/shapes/faces, export video.","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_62":120,"_63":122,"_58":87,"_65":123,"_124":-5,"_89":-5,"_125":126,"_127":64,"_67":128,"_129":130,"_100":64,"_78":131,"_93":-5,"_96":132,"_134":53,"_135":136,"_137":-5,"_138":-5,"_139":140},"019de0ae-a8d6-7b33-80a1-2d3865a91c43","2026-04-30T23:17:16.118Z","visited_at","parent_revision_version",46,"parent_revision_project_id",{"_62":20,"_63":69,"_70":71,"_65":72,"_73":74,"_75":-5,"_76":-5,"_77":53},"meta",{"_58":59},"2026-04-30T23:18:51.899Z",{"_133":104},"multiplayer_count","draft","site_id","SgVooxIG794gARR8w","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/019de0b0-05d5-7e14-b959-fcbe581fc246","site",{"_62":141,"_63":136,"_89":143,"_65":144,"_145":146,"_147":148,"_149":150,"_80":81,"_163":164,"_165":166,"_171":-5,"_172":173,"_174":175,"_93":-5,"_176":177},"bmAzAiflBbfGf8RKj","2026-04-30T23:17:17.140Z","state","done","model","gpt-5-mini","lore",{"_58":151,"_152":153,"_154":53,"_155":95,"_156":95,"_157":53,"_158":95,"_159":53,"_160":53,"_161":53,"_162":53},1,"attachments",[],"enableMultiplayer_v2","enableMobilePrompt","enableLLM2","enableComments","enableVideo","enableApi","enableTweaks","enableDB","enableDB_v2_1","owner",{"_62":20,"_63":69,"_70":71,"_65":72,"_73":74,"_75":-5,"_76":-5,"_77":53},"prompt",{"_167":168,"_169":170},"type","fix","text","error: Uncaught SyntaxError: Unexpected token '<<'\nSyntaxError: Unexpected token '<<'\n","url","link_url","/p/gywzqz5q3ay5jrdfekod","versioned_link_url","/p/gywzqz5q3ay5jrdfekod/47","yapping","**Resolving syntax errors**\n\nI need to fix the syntax error related to '<<' caused by leftover SEARCH/REPLACE markers in the ai.js and js files. The current repository still shows these markers. I'm looking at the js file within the project assets that might contain these segments. It seems like modifications should mainly focus on ai.js and the specific js file with SEARCH tokens. I need to ensure replacements are made accurately without any markers.\n**Preparing code edits**\n\nI see there are multiple SEARCH blocks in the js file, and I need to ensure the replacements match correctly. The first SEARCH block relates to the function loop(ts), which is already in main.js, but the relevant file is 'js' located at /js. I need to craft three SEARCH/REPLACE blocks for that file and one for ai.js. It’s important to match the exact SEARCH text and use the replacements from the corrected versions in main.js. Each block will include both original SEARCH content and replacement content, as well as a brief summary of changes.\n\nI will remove leftover merge/search markers and replace the broken code regions in the js and ai.js files with the corrected code so the page no longer throws \"Unexpected token '<<'\".\n\njs\n```\n<<<<<<< SEARCH\nfunction loop(ts) {\n if (lastTs == null) lastTs = ts;\n const dt = (ts - lastTs) / 1000;\n lastTs = ts;\n=======\nfunction loop(ts) {\n if (lastTs == null) lastTs = ts;\n const dt = (ts - lastTs) / 1000;\n lastTs = ts;\n // store dt so renderCurrentFrame can use it for physics-like motion\n lastFrameDt = dt > 0 && dt < 0.25 ? dt : 1 / 60;\n>>>>>>> REPLACE\n```\n\njs\n```\n<<<<<<< SEARCH\n // Boss throws objects at the cursor\n const throwInterval = 0.45; // frequent throws to keep it hard\n if (nowSeconds - lastBossThrowTime > throwInterval) {\n lastBossThrowTime = nowSeconds;\n\n // Decide type: normal or grab-able (yellow)\n const isGrab =\n Math.random() < 0.4; // 40% of throws are grabbable\n\n const dx = pointerX - playerX;\n const dy = pointerY - playerY;\n const len = Math.hypot(dx, dy) || 1;\n const speed = isGrab ? 160 : 230;\n\n bossProjectiles.push({\n x: playerX,\n y: playerY,\n vx: (dx / len) * speed,\n vy: (dy / len) * speed,\n born: nowSeconds,\n type: isGrab ? \"grab\" : \"normal\",\n grabbed: false,\n fromPlayer: false,\n });\n }\n\n // Update and draw boss projectiles\n ctx.save();\n const projRadius = 6;\n const projLifetime = 4.0;\n for (let i = bossProjectiles.length - 1; i >= 0; i--) {\n const p = bossProjectiles[i];\n\n // If currently grabbed, follow pointer and skip movement\n if (p.grabbed) {\n p.x = pointerX;\n p.y = pointerY;\n } else {\n const age = nowSeconds - p.born;\n if (age > projLifetime) {\n bossProjectiles.splice(i, 1);\n continue;\n }\n p.x += p.vx * (1 / 60);\n p.y += p.vy * (1 / 60);\n }\n\n // Draw projectile (two types: normal & grabbable)\n if (p.type === \"grab\") {\n // Grabbable (yellow)\n ctx.fillStyle = \"#ffd93b\";\n ctx.strokeStyle = \"#ffb300\";\n } else {\n // Normal (blue-ish)\n ctx.fillStyle = \"#7fd5ff\";\n ctx.strokeStyle = \"#3b9fd6\";\n }\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(p.x, p.y, projRadius, 0, Math.PI * 2);\n ctx.fill();\n ctx.stroke();\n\n // Only yellow grabable projectiles thrown by the player can hurt the stickman\n if (p.type === \"grab\" && p.fromPlayer) {\n const dxHit = p.x - playerX;\n const dyHit = p.y - playerY;\n const hitDistSq = dxHit * dxHit + dyHit * dyHit;\n const hitRadius = rig.size * 0.6;\n if (hitDistSq < hitRadius * hitRadius) {\n bossHealth = Math.max(0, bossHealth - 12);\n bossProjectiles.splice(i, 1);\n continue;\n }\n }\n }\n ctx.restore();\n=======\n // Boss throws objects at the cursor\n const throwInterval = 0.45; // frequent throws to keep it hard\n if (nowSeconds - lastBossThrowTime > throwInterval) {\n lastBossThrowTime = nowSeconds;\n\n // Decide type: normal or grab-able (yellow)\n const isGrab =\n Math.random() < 0.4; // 40% of throws are grabbable\n\n const dx = pointerX - playerX;\n const dy = pointerY - playerY;\n const len = Math.hypot(dx, dy) || 1;\n const speed = isGrab ? 160 : 230;\n\n bossProjectiles.push({\n x: playerX,\n y: playerY,\n vx: (dx / len) * speed,\n vy: (dy / len) * speed,\n born: nowSeconds,\n type: isGrab ? \"grab\" : \"normal\",\n grabbed: false,\n fromPlayer: false,\n });\n }\n\n // Update and draw boss projectiles\n ctx.save();\n const projRadius = 6;\n const projLifetime = 4.0;\n for (let i = bossProjectiles.length - 1; i >= 0; i--) {\n const p = bossProjectiles[i];\n\n // If currently grabbed, follow pointer and skip movement\n if (p.grabbed) {\n p.x = pointerX;\n p.y = pointerY;\n } else {\n const age = nowSeconds - p.born;\n if (age > projLifetime) {\n bossProjectiles.splice(i, 1);\n continue;\n }\n // Move using real time step so they keep flying smoothly\n p.x += p.vx * lastFrameDt;\n p.y += p.vy * lastFrameDt;\n }\n\n // Draw projectile (two types: normal & grabbable)\n if (p.type === \"grab\") {\n // Grabbable (yellow)\n ctx.fillStyle = \"#ffd93b\";\n ctx.strokeStyle = \"#ffb300\";\n } else {\n // Normal (blue-ish)\n ctx.fillStyle = \"#7fd5ff\";\n ctx.strokeStyle = \"#3b9fd6\";\n }\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(p.x, p.y, projRadius, 0, Math.PI * 2);\n ctx.fill();\n ctx.stroke();\n\n // Normal & grabable projectiles from the boss can hit the mouse cursor\n if (!p.fromPlayer) {\n const dxMouse = p.x - pointerX;\n const dyMouse = p.y - pointerY;\n const mouseHitRadius = 12;\n if (dxMouse * dxMouse + dyMouse * dyMouse < mouseHitRadius * mouseHitRadius) {\n // remove a segment of health each hit\n mouseHealthRatio = Math.max(\n 0,\n mouseHealthRatio - 1 / mouseMaxHits\n );\n bossProjectiles.splice(i, 1);\n continue;\n }\n }\n\n // Only yellow grabable projectiles thrown by the player can hurt the stickman\n if (p.type === \"grab\" && p.fromPlayer) {\n const dxHit = p.x - playerX;\n const dyHit = p.y - playerY;\n const hitDistSq = dxHit * dxHit + dyHit * dyHit;\n const hitRadius = rig.size * 0.6;\n if (hitDistSq < hitRadius * hitRadius) {\n bossHealth = Math.max(0, bossHealth - 12);\n bossProjectiles.splice(i, 1);\n continue;\n }\n }\n }\n ctx.restore();\n\n // Draw mouse health bar and numeric display above the cursor\n ctx.save();\n const barW = 50;\n const barH = 6;\n const barX = pointerX - barW / 2;\n const barY = pointerY - 24;\n\n // Background\n ctx.fillStyle = \"rgba(0,0,0,0.7)\";\n ctx.fillRect(barX, barY, barW, barH);\n\n // Foreground\n const hpRatio = Math.max(0, Math.min(1, mouseHealthRatio));\n const hpGrad = ctx.createLinearGradient(barX, barY, barX + barW, barY);\n hpGrad.addColorStop(0, \"#4cd964\");\n hpGrad.addColorStop(1, \"#ffcc00\");\n ctx.fillStyle = hpGrad;\n ctx.fillRect(barX, barY, barW * hpRatio, barH);\n\n // Outline\n ctx.strokeStyle = \"rgba(255,255,255,0.7)\";\n ctx.lineWidth = 1;\n ctx.strokeRect(barX, barY, barW, barH);\n\n // Number above bar: remaining hits / max hits\n ctx.font = \"bold 11px system-ui, -apple-system, BlinkMacSystemFont, sans-serif\";\n ctx.fillStyle = \"#ffffff\";\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"bottom\";\n const remainingHits = Math.round(mouseHealthRatio * mouseMaxHits);\n ctx.fillText(`${remainingHits}/${mouseMaxHits}`, pointerX, barY - 2);\n ctx.restore();\n>>>>>>> REPLACE\n```\n\njs\n```\n<<<<<<< SEARCH\ncanvas.addEventListener(\"pointerdown\", (e) => {\n pointerDown = true;\n\n // Compute pointer position relative to the canvas\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n pointerX = px;\n pointerY = py;\n=======\ncanvas.addEventListener(\"pointerdown\", (e) => {\n pointerDown = true;\n\n // Compute pointer position relative to the canvas\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n // Initialize previous pointer position so release has a direction\n prevPointerX = pointerX;\n prevPointerY = pointerY;\n pointerX = px;\n pointerY = py;\n>>>>>>> REPLACE\n```\n\njs\n```\n<<<<<<< SEARCH\ncanvas.addEventListener(\"pointermove\", (e) => {\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n pointerX = px;\n pointerY = py;\n=======\ncanvas.addEventListener(\"pointermove\", (e) => {\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n // keep track of previous pointer position for throw direction\n prevPointerX = pointerX;\n prevPointerY = pointerY;\n pointerX = px;\n pointerY = py;\n>>>>>>> REPLACE\n```\n\njs\n```\n<<<<<<< SEARCH\ncanvas.addEventListener(\"pointerup\", (e) => {\n pointerDown = false;\n\n if (grabbedProjectile && chaosMode && bossMode) {\n // Throw the grabbed projectile in the direction of the pointer release movement\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n const dx = px - grabbedProjectile.x;\n const dy = py - grabbedProjectile.y;\n const len = Math.hypot(dx, dy) || 1;\n const speed = 260;\n\n grabbedProjectile.vx = (dx / len) * speed;\n grabbedProjectile.vy = (dy / len) * speed;\n grabbedProjectile.grabbed = false;\n grabbedProjectile.fromPlayer = true;\n grabbedProjectile.born = nowSeconds; // reset lifetime from throw\n grabbedProjectile = null;\n }\n});\n=======\ncanvas.addEventListener(\"pointerup\", (e) => {\n pointerDown = false;\n\n if (grabbedProjectile && chaosMode && bossMode) {\n // Throw the grabbed projectile using the last pointer movement direction\n let px;\n let py;\n\n if (typeof e.offsetX === \"number\" && typeof e.offsetY === \"number\") {\n px = e.offsetX;\n py = e.offsetY;\n } else {\n const rect = canvas.getBoundingClientRect();\n px = e.clientX - rect.left;\n py = e.clientY - rect.top;\n }\n\n // Update current pointer, keep previous for direction\n prevPointerX = pointerX;\n prevPointerY = pointerY;\n pointerX = px;\n pointerY = py;\n\n let dx = pointerX - prevPointerX;\n let dy = pointerY - prevPointerY;\n\n // If the mouse didn't move much, throw toward the center of the canvas\n const moveLen = Math.hypot(dx, dy);\n if (moveLen < 4) {\n dx = canvas.width / 2 - pointerX;\n dy = canvas.height / 2 - pointerY;\n }\n\n const len = Math.hypot(dx, dy) || 1;\n const speed = 260;\n\n grabbedProjectile.vx = (dx / len) * speed;\n grabbedProjectile.vy = (dy / len) * speed;\n grabbedProjectile.grabbed = false;\n grabbedProjectile.fromPlayer = true;\n grabbedProjectile.born = nowSeconds; // reset lifetime from throw\n grabbedProjectile = null;\n }\n});\n>>>>>>> REPLACE\n```\n\nai.js\n```ai.js\n```\n\nSummary: I removed stray SEARCH/REPLACE merge markers by replacing each marked region with the corrected code (real-time dt handling, projectile movement by lastFrameDt, pointer previous-position tracking, and the ai.js fallback/sanitization block), fixing the \"Unexpected token '<<'\" syntax error.","cursor","eyJpZCI6Imd5d3pxejVxM2F5NWpyZGZla29kIn0","token","included",[],"routes/browser/layout","actionData","errors"]