[{"_1":2,"_187":-5,"_188":-5},"loaderData",{"_3":4,"_58":59,"_186":-5},"root",{"_5":6,"_21":-5,"_22":-5,"_23":24,"_41":-5,"_42":-5,"_43":-5,"_44":45,"_54":55,"_56":57},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20},"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","ACTIVITY_DIRECT_PAGEVIEW","on","authUser","user","snapshotData",{"_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,"_39":-5,"_40":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","plan","balances","rewards","origins",{"_46":47,"_48":49,"_50":51,"_52":53},"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",{"_60":61,"_62":63,"_120":121,"_141":142,"_178":179,"_180":-5,"_181":182,"_183":184},"version","1","project",{"_64":62,"_65":66,"_67":68,"_69":70,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":99,"_58":108,"_109":97,"_110":97,"_111":55,"_112":-5,"_113":-5,"_114":-5,"_115":116,"_117":-5,"_118":-5,"_119":55},"_type","id","_wa85nfdldhrterd_ofj","created_at","2026-06-04T15:11:12.769Z","created_by",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"22c7f979-b5e2-455f-84a9-22f330ff2de1","username","Killerdosen","2024-11-27T09:54:26.666Z","avatar_url","https://cdn.discordapp.com/avatars/948172744552497173/ffa9318d7b71e440a982b3f5a14cfaf5.png","discord_username","ggs_raya","discord_id","948172744552497173","is_admin","updated_at","2026-06-06T18:47:29.692Z","title","Alight Motion XML Generator","comments_mode","open","visibility","public","current_version",1,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_100":101,"_102":66,"_103":104,"_105":106,"_107":106},"~type","project_stats","project_id","views",20,"likes",2,"comments","customfps","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_64":120,"_65":122,"_60":91,"_67":123,"_124":-5,"_93":-5,"_125":-5,"_126":-5,"_69":127,"_128":129,"_102":66,"_82":130,"_95":-5,"_98":131,"_134":55,"_135":136,"_137":-5,"_138":-5,"_139":140},"019e9330-4033-7740-9258-2efb45b5f16b","2026-06-04T15:11:13.459Z","visited_at","parent_revision_version","parent_revision_project_id",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"meta",{"_60":61},"2026-06-06T18:47:29.814Z",{"_132":133},"multiplayer_count",0,"draft","site_id","ewqyt5dI7ERMEcpmE","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/019e9331-9b2a-70d9-b3e5-9634cee4dd02","site",{"_64":141,"_65":136,"_93":-5,"_67":143,"_144":145,"_146":147,"_148":149,"_84":85,"_161":162,"_163":164,"_169":-5,"_170":171,"_172":173,"_95":-5,"_174":175,"_176":177},"2026-06-04T15:11:18.511Z","state","done","model","gpt-5-mini","lore",{"_60":91,"_150":151,"_152":55,"_153":97,"_154":55,"_155":55,"_156":55,"_157":55,"_158":55,"_159":55,"_160":55},"attachments",[],"enableMultiplayer_v2","enableMobilePrompt","enableLLM2","enableComments","enableVideo","enableApi","enableTweaks","enableDB","enableDB_v2_1","owner",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"prompt",{"_165":166,"_167":168},"type","plaintext","text","Create a complete modern website using only HTML, CSS, and JavaScript.\n\nProject Name: Alight Motion XML Project Generator\n\nGoal:\nBuild a website that allows users to generate and download placeholder Alight Motion project XML files.\n\nRequirements:\n\n- No backend.\n- Everything must work offline.\n- Generate valid XML files based on user settings.\n- Clean, professional UI.\n- Responsive design for desktop and mobile.\n- Modern dark theme.\n- Smooth animations and transitions.\n\n---\n\nUSER INTERFACE\n\nTitle:\n\"Alight Motion XML Generator\"\n\nMain Settings Section:\n\nCanvas Resolution:\n\n- Canvas Width (number input)\n- Canvas Height (number input)\n\nResolution Linking System:\n\nAdd a modern animated toggle switch:\n\n\"Use same resolution for Canvas and Export\"\n\nDefault:\nEnabled\n\nWhen Enabled:\n\n- Export Width automatically equals Canvas Width.\n- Export Height automatically equals Canvas Height.\n- Export resolution inputs are hidden or disabled.\n- Any change to Canvas Width or Height instantly updates Export Width and Export Height.\n- Generated XML uses identical values for:\n - width\n - height\n - exportWidth\n - exportHeight\n\nStatus Label:\n\"Linked\"\n\nWhen Disabled:\n\n- Export Width becomes editable.\n- Export Height becomes editable.\n- Export resolution becomes completely independent.\n- Generated XML uses separate values.\n\nStatus Label:\n\"Custom Export Resolution\"\n\nWhen Disabled:\nShow:\n\nExport Resolution:\n\n- Export Width\n- Export Height\n\nAlso show:\n\n\"Copy Canvas Resolution to Export\"\n\nbutton\n\nClicking it copies:\nCanvas Width → Export Width\nCanvas Height → Export Height\n\nFPS Section:\n\n- FPS input\n\nButtons:\n\n- Generate XML\n- Download XML\n- Copy XML\n- Reset\n\n---\n\nDEFAULT VALUES\n\nCanvas Width:\n1920\n\nCanvas Height:\n1080\n\nExport Width:\n1920\n\nExport Height:\n1080\n\nFPS:\n60\n\n---\n\nVALIDATION\n\nNo hard limits.\n\nUsers may enter any values.\n\nShow warning badges only:\n\nResolution Warning:\nIf width or height exceeds 10000\n\nFPS Warning:\nIf FPS exceeds 240\n\nDo NOT block generation.\n\nWarnings are informational only.\n\n---\n\nLIVE PREVIEW\n\nLive XML preview updates instantly whenever:\n\n- Width changes\n- Height changes\n- Export Width changes\n- Export Height changes\n- FPS changes\n- Toggle changes\n\nDisplay XML inside a syntax-highlighted code editor style container.\n\n---\n\nXML GENERATION\n\nUse this exact XML structure:\n\n\n\n\n\n\n\n\nPlaceholder\n\n\n\n---\n\nDYNAMIC VALUES\n\n{WIDTH}\nCanvas Width\n\n{HEIGHT}\nCanvas Height\n\n{EXPORT_WIDTH}\nExport Width\n\n{EXPORT_HEIGHT}\nExport Height\n\n{FPS}\nFPS Input\n\n{CURRENT_TIMESTAMP}\nDate.now()\n\nCURRENT DATE AND TIME\nUser's local date/time\n\n---\n\nDOWNLOAD SYSTEM\n\nDownload button exports:\n\nproject.xml\n\nor\n\nproject_[WIDTH]x[HEIGHT]_[FPS]fps.xml\n\nExamples:\n\nproject_1920x1080_60fps.xml\n\nproject_3840x2160_120fps.xml\n\n---\n\nCOPY XML\n\nCopy XML button:\n\n- Copies generated XML to clipboard.\n- Show success animation or toast notification.\n\n---\n\nRESET BUTTON\n\nResets everything to defaults:\n\nCanvas Width:\n1920\n\nCanvas Height:\n1080\n\nExport Width:\n1920\n\nExport Height:\n1920\n\nFPS:\n60\n\nToggle:\nEnabled\n\n---\n\nEXTRA INFORMATION PANEL\n\nShow live stats:\n\nCanvas Pixels:\nWidth × Height\n\nExport Pixels:\nExport Width × Export Height\n\nTotal Megapixels\n\nFPS\n\nShow warning badges if values are extremely high.\n\n---\n\nDESIGN\n\nStyle:\n\n- Modern dark UI\n- Glassmorphism cards\n- Rounded corners\n- Smooth animations\n- Accent color:\n Pink/Purple\n\nUse:\n\n- CSS variables\n- Clean layout\n- Mobile support\n- Keyboard-friendly inputs\n\n---\n\nTECHNICAL REQUIREMENTS\n\nGenerate code split into:\n\nindex.html\nstyle.css\nscript.js\n\nDo NOT use:\n\n- React\n- Vue\n- Angular\n- TypeScript\n- Backend\n\nUse:\n\n- Vanilla HTML\n- Vanilla CSS\n- Vanilla JavaScript\n\nEverything must function offline after opening index.html.\n\nDo NOT create any additional documentation files, reports, audit logs, changelogs, summaries, debug files, markdown files, or informational files unless explicitly requested.\n\nReturn the complete source code for:\n\n1. index.html\n2. style.css\n3. script.js","url","link_url","/p/_wa85nfdldhrterd_ofj","versioned_link_url","/p/_wa85nfdldhrterd_ofj/1","yapping","**Establishing default settings**\n\nI’m planning to stick to the initial default values and toggle default settings to be enabled. I want to implement clipboard copying and create a download blob for that. Plus, I’ll show a toast to notify users. It’s crucial to ensure the layout is responsive and that the preview updates instantly. I’d also like to incorporate some animations. So overall, let’s craft some succinct code that pulls all these elements together!\n\nindex.html\n```index.html\n```\n\nstyle.css\n```style.css\n```\n\nscript.js\n```script.js\n```","page_description","The page is for an \"Alight Motion XML Generator\", allowing users to configure and create XML files for use in the Alight Motion app. It features input…","cursor","eyJpZCI6Il93YTg1bmZkbGRocnRlcmRfb2ZqIn0","token","included",[],"about",{"_185":-5},"parent","routes/browser/layout","actionData","errors"]