[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","yawnxyz","name","dmv","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":44,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","61fd0bc0-2793-11f0-9d52-569c3dd06744","main.tsx","fileId","61c0ad1a-2793-11f0-9d52-569c3dd06744","parentId","branchId","61bee7fa-2793-11f0-9d52-569c3dd06744","branchVersion",7,"latest",true,"createdAt",["D",1743453560564],6,"fileType","http","content","import { Hono } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\nimport \"jsr:@std/dotenv/load\"; // needed for deno run; not req for smallweb or valtown\n\nconst app = new Hono();\n\nexport const getTailwindConfig = () => ({\n theme: {\n extend: {\n colors: {\n 'background': '#F5F4F4',\n 'page-bg': '#F5F4F4',\n 'app-bg': '#FDFBF7',\n 'app-bg-alt': '#FFFFFF',\n 'app-accent': '#E2DFDF',\n 'primary': '#0E141B',\n 'accent': '#FDFAF4',\n 'secondary': '#D9D5D4',\n 'text': '#100C04',\n 'button': '#39516A',\n 'button-hover': '#0063CC',\n }\n }\n }\n});\n\nexport const getStyles = () => `\n @tailwind base;\n @tailwind components;\n @tailwind utilities;\n\n html {\n @apply bg-background;\n }\n .AppBody {\n @apply bg-page-bg text-text py-4;\n }\n .AppContainer {\n @apply container mx-auto;\n }\n .App {\n @apply max-w-2xl mx-2 md:mx-auto p-4 bg-app-bg border border-app-accent rounded-md shadow-sm;\n }\n .AppFooter {\n @apply mt-4 text-center text-sm;\n }\n .AppFooter a {\n @apply text-primary hover:text-button-hover underline;\n }\n h1 {\n @apply text-3xl font-semibold mb-4 text-primary;\n }\n textarea {\n @apply w-full mb-2 py-2 px-4 bg-app-bg-alt border border-app-accent rounded-md focus:outline-none focus:ring-1 focus:ring-secondary;\n }\n summary {\n @apply cursor-pointer hover:text-button-hover;\n }\n button {\n @apply bg-button text-white px-4 py-2 rounded hover:bg-button-hover transition-colors;\n }\n button.accordion {\n @apply bg-app-bg text-primary px-0 py-2 rounded-md transition-colors hover:text-button-hover;\n }\n .JsonOutput {\n @apply mt-4 relative;\n }\n .JsonOutput pre {\n @apply p-4 bg-app-bg-alt border border-app-accent rounded-md text-sm overflow-x-auto whitespace-pre-wrap;\n }\n .JsonOutput button {\n @apply absolute top-2 right-2 text-xs bg-button text-white px-2 py-1 rounded-md hover:bg-button-hover transition duration-300;\n }\n .TextOutput {\n @apply mt-4;\n }\n .TextOutput-content {\n @apply p-4 bg-app-bg-alt border border-primary rounded-md;\n }\n .TextOutput-header {\n @apply mb-2 text-xs text-gray-600 flex justify-between items-center;\n }\n .TextOutput button {\n @apply text-xs bg-button text-white px-2 py-1 rounded-md hover:bg-button-hover transition duration-300;\n }\n .history-item {\n @apply flex flex-row justify-between items-center p-2 bg-accent hover:bg-app-bg-alt border border-app-accent rounded-md cursor-pointer hover:bg-app-bg-alt transition-colors;\n }\n .delete-button {\n @apply self-end bg-button text-white px-2 py-1 rounded text-sm hover:bg-button-hover transition-colors;\n }\n`;\n\n// import questions from \"./questions.json\" with { type: \"json\" };\nconst questions = [\n {\n \"id\": 1,\n \"question\": \"Under California law, when can you legally turn left from a one-way street onto another one-way street against a red light?\",\n \"options\": [\n \"Never; left turns against red lights are always illegal.\",\n \"When the red light has a green arrow showing the turn is protected.\",\n \"When you have a clear view of the intersection and no sign prohibits the turn, yielding to pedestrians, bicyclists and vehicles with the green light.\",\n \"Only after stopping and waiting for a green light or green arrow to turn.\"\n ],\n \"correctAnswer\": \"When you have a clear view of the intersection and no sign prohibits the turn, yielding to pedestrians, bicyclists and vehicles with the green light.\",\n \"explanation\": \"California allows left turns from one-way streets onto one-way streets against a red light, provided there are no signs prohibiting it, and you yield to pedestrians, bicyclists and other traffic.\",\n \"difficulty\": 6\n },\n {\n \"id\": 2,\n \"question\": \"What is the maximum BAC (Blood Alcohol Concentration) level at which it is illegal for a driver to operate a vehicle in California if the driver is on DUI probation?\",\n \"options\": [\n \"0.05%\",\n \"0.08%\",\n \"0.01%\",\n \"0.04%\"\n ],\n \"correctAnswer\": \"0.01%\",\n \"explanation\": \"Drivers on DUI probation in California have a much stricter BAC limit of 0.01%.\",\n \"difficulty\": 8\n },\n {\n \"id\": 3,\n \"question\": \"According to California law, what is the minimum distance you must signal before changing lanes on a freeway?\",\n \"options\": [\n \"50 feet\",\n \"100 feet\",\n \"100 yards\",\n \"5 seconds\"\n ],\n \"correctAnswer\": \"5 seconds\",\n \"explanation\": \"You must signal at least 5 seconds before changing lanes on a freeway.\",\n \"difficulty\": 7\n },\n {\n \"id\": 4,\n \"question\": \"In California, if you are under 18 and have a provisional driver's license, under what circumstances can you drive between 11 p.m. and 5 a.m. during the first 12 months?\",\n \"options\": [\n \"Only when driving to and from school events.\",\n \"Only when driving with a licensed adult who is at least 25 years old.\",\n \"Only when driving to and from work or for work-related tasks.\",\n \"Only for medical necessity or due to employment, as documented.\"\n ],\n \"correctAnswer\": \"Only for medical necessity or due to employment, as documented.\",\n \"explanation\": \"Underage drivers have restrictions, and the primary exceptions are for documented medical needs, or employment.\",\n \"difficulty\": 8\n },\n {\n \"id\": 5,\n \"question\": \"What is the basic speed law in California?\",\n \"options\": [\n \"You must never drive faster than 65 mph on any highway.\",\n \"You must never drive faster than is safe for current conditions.\",\n \"You must always drive at the posted speed limit, no matter the conditions.\",\n \"You must always drive at least 25 mph on city streets.\"\n ],\n \"correctAnswer\": \"You must never drive faster than is safe for current conditions.\",\n \"explanation\": \"The basic speed law states that you can't drive faster than is safe for the prevailing conditions, regardless of the posted speed limit.\",\n \"difficulty\": 5\n },\n {\n \"id\": 6,\n \"question\": \"When approaching a school bus with flashing red lights, what are you legally required to do in California?\",\n \"options\": [\n \"Stop only if the school bus is on your side of the road.\",\n \"Slow down and prepare to stop.\",\n \"Stop until the lights stop flashing and the bus driver signals you to proceed.\",\n \"Only stop if there are children present.\"\n ],\n \"correctAnswer\": \"Stop until the lights stop flashing and the bus driver signals you to proceed.\",\n \"explanation\": \"You must stop until the red lights stop flashing and you may proceed when the bus driver signals.\",\n \"difficulty\": 6\n },\n {\n \"id\": 7,\n \"question\": \"What is the hand signal for a left turn?\",\n \"options\": [\n \"Arm straight out, horizontally.\",\n \"Arm bent upward, at a 90-degree angle.\",\n \"Arm bent downward, at a 90-degree angle.\",\n \"Hand pointed towards the sky.\"\n ],\n \"correctAnswer\": \"Arm straight out, horizontally.\",\n \"explanation\": \"The hand signal for a left turn is the arm extended straight out horizontally.\",\n \"difficulty\": 4\n },\n {\n \"id\": 8,\n \"question\": \"In California, what does a solid yellow line on your side of the road indicate?\",\n \"options\": [\n \"You may pass if it is safe.\",\n \"You must not pass.\",\n \"A lane reserved for high-occupancy vehicles (HOV).\",\n \"The edge of the roadway.\"\n ],\n \"correctAnswer\": \"You must not pass.\",\n \"explanation\": \"A solid yellow line on your side means you are not allowed to pass.\",\n \"difficulty\": 5\n },\n {\n \"id\": 9,\n \"question\": \"When can you legally drive in a bicycle lane?\",\n \"options\": [\n \"Anytime, as long as there are no cyclists present.\",\n \"To pass a vehicle.\",\n \"When entering or leaving the roadway, or to turn within 200 feet of an intersection.\",\n \"Only during daylight hours.\"\n ],\n \"correctAnswer\": \"When entering or leaving the roadway, or to turn within 200 feet of an intersection.\",\n \"explanation\": \"Driving in a bicycle lane is generally prohibited, except for specific situations such as entering/exiting the road or turning near an intersection.\",\n \"difficulty\": 6\n },\n {\n \"id\": 10,\n \"question\": \"If you are involved in a collision in California, how soon must you report it to the DMV if there are injuries or damages exceeding $1,000?\",\n \"options\": [\n \"Within 24 hours.\",\n \"Within 72 hours.\",\n \"Within 10 days.\",\n \"Within 30 days.\"\n ],\n \"correctAnswer\": \"Within 10 days.\",\n \"explanation\": \"You must report a collision to the DMV within 10 days if there was injury or if property damage exceeded $1,000.\",\n \"difficulty\": 7\n },\n {\n \"id\": 11,\n \"question\": \"What is the speed limit in a business district in California, unless otherwise posted?\",\n \"options\": [\n \"25 mph\",\n \"35 mph\",\n \"45 mph\",\n \"55 mph\"\n ],\n \"correctAnswer\": \"25 mph\",\n \"explanation\": \"The standard speed limit in a business district is 25 mph, unless otherwise posted.\",\n \"difficulty\": 4\n },\n {\n \"id\": 12,\n \"question\": \"If you have a collision in California and do not have proof of insurance, what is a likely consequence?\",\n \"options\": [\n \"Immediate license suspension.\",\n \"A warning and a fine.\",\n \"Mandatory community service.\",\n \"An increase in your insurance premium.\"\n ],\n \"correctAnswer\": \"Immediate license suspension.\",\n \"explanation\": \"Driving without insurance leads to license suspension, in addition to other penalties.\",\n \"difficulty\": 6\n },\n {\n \"id\": 13,\n \"question\": \"What should you do if a law enforcement officer tells you to pull over?\",\n \"options\": [\n \"Immediately apply your brakes and stop in the middle of the road.\",\n \"Continue driving until you find a safe location to stop.\",\n \"Activate your turn signal, move to the right shoulder when safe, and stop.\",\n \"Refuse to stop, as you do not trust the officer.\"\n ],\n \"correctAnswer\": \"Activate your turn signal, move to the right shoulder when safe, and stop.\",\n \"explanation\": \"The correct and safe procedure to follow when a law enforcement officer directs you to pull over is to activate your turn signal and safely move to the side of the road.\",\n \"difficulty\": 4\n },\n {\n \"id\": 14,\n \"question\": \"What is the first thing you should do if your vehicle's tires lose traction and you begin to skid?\",\n \"options\": [\n \"Brake hard and steer in the opposite direction of the skid.\",\n \"Quickly turn the steering wheel in the direction you want to go.\",\n \"Take your foot off the accelerator and avoid using the brakes.\",\n \"Accelerate gently to regain control.\"\n ],\n \"correctAnswer\": \"Take your foot off the accelerator and avoid using the brakes.\",\n \"explanation\": \"Removing your foot from the accelerator and avoiding the brakes is crucial to regain control of your vehicle in a skid.\",\n \"difficulty\": 7\n },\n {\n \"id\": 15,\n \"question\": \"Under California law, at what distance from a railroad crossing must you stop if you cannot see the tracks for 400 feet in either direction?\",\n \"options\": [\n \"15 feet\",\n \"25 feet\",\n \"50 feet\",\n \"100 feet\"\n ],\n \"correctAnswer\": \"100 feet\",\n \"explanation\": \"You must stop within 100 feet of a railroad crossing when visibility is limited.\",\n \"difficulty\": 7\n },\n {\n \"id\": 16,\n \"question\": \"In California, are you allowed to pass another vehicle on the right side?\",\n \"options\": [\n \"Yes, but only on a one-way street.\",\n \"Yes, but only if the vehicle ahead is turning left.\",\n \"No, passing on the right is always illegal.\",\n \"Yes, if it is safe and there is sufficient room.\"\n ],\n \"correctAnswer\": \"Yes, if it is safe and there is sufficient room.\",\n \"explanation\": \"Passing on the right is legal in California in certain situations, like on a multi-lane road with sufficient space. Passing on the right is illegal if the car in front of you is turning left and you are passing it on the left.\",\n \"difficulty\": 5\n },\n {\n \"id\": 17,\n \"question\": \"If you are under 21, can you legally transport alcohol in a vehicle in California?\",\n \"options\": [\n \"Yes, if the container is open.\",\n \"Yes, if you have a friend who is 21 or older.\",\n \"Yes, if the container is sealed and unopened, but you must be accompanied by someone 21 or older.\",\n \"No, never.\"\n ],\n \"correctAnswer\": \"Yes, if the container is sealed and unopened, but you must be accompanied by someone 21 or older.\",\n \"explanation\": \"The legal limitations for under 21s are: only if the container is sealed and unopened, and if a person 21 or older is with you.\",\n \"difficulty\": 7\n },\n {\n \"id\": 18,\n \"question\": \"What is the penalty for refusing to submit to a blood or urine test when suspected of driving under the influence in California?\",\n \"options\": [\n \"A fine.\",\n \"License suspension for one year.\",\n \"Mandatory jail time.\",\n \"Vehicle impoundment.\"\n ],\n \"correctAnswer\": \"License suspension for one year.\",\n \"explanation\": \"Refusing a DUI test results in a license suspension for one year.\",\n \"difficulty\": 6\n },\n {\n \"id\": 19,\n \"question\": \"What is the rule for entering a highway from an on-ramp in California?\",\n \"options\": [\n \"Stop at the end of the on-ramp and wait for an opening.\",\n \"Speed up to match the flow of traffic and merge when safe.\",\n \"Yield to all other vehicles and merge when safe.\",\n \"Use your blinker and only merge if no cars are in the lane.\"\n ],\n \"correctAnswer\": \"Speed up to match the flow of traffic and merge when safe.\",\n \"explanation\": \"The goal is to match the speed of traffic on the highway and merge safely.\",\n \"difficulty\": 4\n },\n {\n \"id\": 20,\n \"question\": \"If you are driving and your windshield wipers are on due to rain or other inclement weather, what is the requirement for your headlights in California?\",\n \"options\": [\n \"You do not need to use your headlights.\",\n \"You must use your high-beam headlights.\",\n \"You must use your low-beam headlights.\",\n \"You can use your parking lights.\"\n ],\n \"correctAnswer\": \"You must use your low-beam headlights.\",\n \"explanation\": \"When wipers are used due to rain, fog, or snow, low-beam headlights are legally required.\",\n \"difficulty\": 6\n },\n {\n \"id\": 21,\n \"question\": \"What type of license is typically required to operate a noncommercial vehicle in California?\",\n \"options\": [\n \"Class A\",\n \"Class B\",\n \"Class C\",\n \"Class M\"\n ],\n \"correctAnswer\": \"Class C\",\n \"explanation\": \"Most drivers of noncommercial vehicles need a Class C license.\",\n \"difficulty\": 3\n },\n {\n \"id\": 22,\n \"question\": \"When are you allowed to make a U-turn in a residential district?\",\n \"options\": [\n \"Anytime, provided it is safe.\",\n \"At any intersection with a green light.\",\n \"When there are no vehicles approaching you within 200 feet.\",\n \"When the street is clear of all other vehicles.\"\n ],\n \"correctAnswer\": \"When there are no vehicles approaching you within 200 feet.\",\n \"explanation\": \"U-turns are permitted in residential districts when there's sufficient visibility and no oncoming traffic within 200 feet.\",\n \"difficulty\": 6\n },\n {\n \"id\": 23,\n \"question\": \"In California, when are you allowed to use your high-beam headlights?\",\n \"options\": [\n \"At any time, for increased visibility.\",\n \"When driving on city streets.\",\n \"When driving in fog or heavy rain.\",\n \"On open country roads or dark city streets, when no other vehicles are nearby.\"\n ],\n \"correctAnswer\": \"On open country roads or dark city streets, when no other vehicles are nearby.\",\n \"explanation\": \"High-beam headlights are for open, unlit roads, but must be dimmed when other vehicles are near.\",\n \"difficulty\": 5\n },\n {\n \"id\": 24,\n \"question\": \"If a vehicle is disabled on railroad tracks and a train is approaching, what is the first and most important action to take?\",\n \"options\": [\n \"Try to remove the vehicle from the tracks.\",\n \"Call 911.\",\n \"Immediately exit the vehicle and run away from the tracks in the direction the train is coming from.\",\n \"Turn on your hazard lights.\"\n ],\n \"correctAnswer\": \"Immediately exit the vehicle and run away from the tracks in the direction the train is coming from.\",\n \"explanation\": \"Safety is paramount; leaving the vehicle quickly is the priority.\",\n \"difficulty\": 8\n },\n {\n \"id\": 25,\n \"question\": \"What is the minimum following distance recommended for driving behind a motorcycle?\",\n \"options\": [\n \"1 second\",\n \"2 seconds\",\n \"3 seconds\",\n \"4 seconds\"\n ],\n \"correctAnswer\": \"3 seconds\",\n \"explanation\": \"Motorcycles require more following distance due to their potential for sudden stops.\",\n \"difficulty\": 4\n },\n {\n \"id\": 26,\n \"question\": \"What action can a parent or legal guardian take to cancel their teen's (under 18) driver's license in California?\",\n \"options\": [\n \"They cannot cancel the teen's license.\",\n \"Completing a Request for Cancellation or Surrender of a Driver License or ID Card form.\",\n \"Contacting the DMV by phone.\",\n \"Sending a letter to the DMV explaining the reason.\"\n ],\n \"correctAnswer\": \"Completing a Request for Cancellation or Surrender of a Driver License or ID Card form.\",\n \"explanation\": \"A parent can formally request that their teen's license be canceled.\",\n \"difficulty\": 6\n },\n {\n \"id\": 27,\n \"question\": \"When must you yield to pedestrians in California?\",\n \"options\": [\n \"Only at marked crosswalks.\",\n \"At all crosswalks, marked and unmarked.\",\n \"Only at intersections with a pedestrian signal.\",\n \"Never, pedestrians must yield to vehicles.\"\n ],\n \"correctAnswer\": \"At all crosswalks, marked and unmarked.\",\n \"explanation\": \"Pedestrians have the right-of-way in all crosswalks, even unmarked ones.\",\n \"difficulty\": 4\n },\n {\n \"id\": 28,\n \"question\": \"In what lane(s) must you drive when towing a trailer in California, if there are no lane restrictions posted?\",\n \"options\": [\n \"The far-left lane.\",\n \"Any lane you choose.\",\n \"The two lanes closest to the right edge of the road.\",\n \"The center lane.\"\n ],\n \"correctAnswer\": \"The two lanes closest to the right edge of the road.\",\n \"explanation\": \"Towing requires use of the right-most lanes, when no restrictions are posted.\",\n \"difficulty\": 6\n },\n {\n \"id\": 29,\n \"question\": \"If you are stopped by a law enforcement officer and you have a passenger, which of the following actions are you required to take?\",\n \"options\": [\n \"Roll down your windows after stopping your vehicle and before the officer makes contact with you.\",\n \"The driver and all passengers should place their hands in clear view before the officer makes contact with them.\",\n \"Remain inside your vehicle unless directed to get out by the officer.\",\n \"All of the above\"\n ],\n \"correctAnswer\": \"All of the above\",\n \"explanation\": \"These are the required steps of interacting with law enforcement.\",\n \"difficulty\": 7\n },\n {\n \"id\": 30,\n \"question\": \"When is it legal to pass a vehicle on the right in California?\",\n \"options\": [\n \"When the vehicle is turning left and there is sufficient space.\",\n \"When driving on a multilane highway where there are two or more lanes of traffic moving in the same direction.\",\n \"When driving on a one-way street where there are two or more lanes.\",\n \"All of the above\"\n ],\n \"correctAnswer\": \"All of the above\",\n \"explanation\": \"Passing on the right is permitted in a variety of situations.\",\n \"difficulty\": 7\n },\n {\n \"id\": 31,\n \"question\": \"Under California law, what must you do when you are driving in a lane next to a parked car?\",\n \"options\": [\n \"Drive in the left lane.\",\n \"Drive faster to get past the car quicker.\",\n \"Check for opening doors and pedestrians.\",\n \"None of the above\"\n ],\n \"correctAnswer\": \"Check for opening doors and pedestrians.\",\n \"explanation\": \"Being aware of potential hazards, like doors opening, is important when driving next to parked cars.\",\n \"difficulty\": 5\n },\n {\n \"id\": 32,\n \"question\": \"If you encounter a \\\"Yield\\\" sign, what is the first thing you should do?\",\n \"options\": [\n \"Accelerate to merge with the existing traffic.\",\n \"Increase your speed to get into the intersection.\",\n \"Give the right-of-way to other vehicles and pedestrians.\",\n \"Stop at the sign.\"\n ],\n \"correctAnswer\": \"Give the right-of-way to other vehicles and pedestrians.\",\n \"explanation\": \"A yield sign requires you to give the right-of-way before proceeding.\",\n \"difficulty\": 4\n },\n {\n \"id\": 33,\n \"question\": \"When approaching a crosswalk where a pedestrian is waiting to cross, what action must you take?\",\n \"options\": [\n \"Honk your horn to alert the pedestrian of your presence.\",\n \"Stop at the crosswalk line or before entering the crosswalk.\",\n \"Maintain your speed and drive carefully through the crosswalk.\",\n \"Slow down and prepare to yield if it is necessary.\"\n ],\n \"correctAnswer\": \"Stop at the crosswalk line or before entering the crosswalk.\",\n \"explanation\": \"You must stop before the crosswalk line to let a pedestrian cross.\",\n \"difficulty\": 4\n },\n {\n \"id\": 34,\n \"question\": \"When can you drive in a center left turn lane?\",\n \"options\": [\n \"To pass vehicles.\",\n \"To merge onto the freeway.\",\n \"For no more than 200 feet to prepare for a left turn or make a U-turn.\",\n \"Never\"\n ],\n \"correctAnswer\": \"For no more than 200 feet to prepare for a left turn or make a U-turn.\",\n \"explanation\": \"The center left turn lane is for turning, not for passing or general travel.\",\n \"difficulty\": 6\n },\n {\n \"id\": 35,\n \"question\": \"What is the speed limit when driving within 500-feet of a school when children are present or the lights are flashing?\",\n \"options\": [\n \"15 mph\",\n \"25 mph\",\n \"35 mph\",\n \"45 mph\"\n ],\n \"correctAnswer\": \"25 mph\",\n \"explanation\": \"The speed limit is 25 mph in a school zone when children are present or the lights are flashing.\",\n \"difficulty\": 4\n },\n {\n \"id\": 36,\n \"question\": \"What must you do if you are driving on a divided highway and see an emergency vehicle stopped with its lights flashing?\",\n \"options\": [\n \"Come to a complete stop.\",\n \"Slow down, move over to the right if safe, and proceed with caution.\",\n \"Merge into the lane to the left.\",\n \"Speed up to pass the emergency vehicle.\"\n ],\n \"correctAnswer\": \"Slow down, move over to the right if safe, and proceed with caution.\",\n \"explanation\": \"You must slow down and move over if it is safe to do so when passing an emergency vehicle on a divided highway.\",\n \"difficulty\": 4\n },\n {\n \"id\": 37,\n \"question\": \"When should you use your headlights?\",\n \"options\": [\n \"Only at night.\",\n \"30 minutes after sunset to 30 minutes before sunrise, and when visibility is limited.\",\n \"Only when driving in adverse weather conditions.\",\n \"Whenever other drivers are using them.\"\n ],\n \"correctAnswer\": \"30 minutes after sunset to 30 minutes before sunrise, and when visibility is limited.\",\n \"explanation\": \"Headlights are required during these times and when visibility is reduced.\",\n \"difficulty\": 4\n },\n {\n \"id\": 38,\n \"question\": \"What must you do if you want to make a right turn at a red light in California?\",\n \"options\": [\n \"Stop and then proceed when safe, unless a sign prohibits it.\",\n \"Stop and wait for the light to turn green.\",\n \"Slow down, check for cross-traffic and proceed with caution.\",\n \"Only after honking the horn.\"\n ],\n \"correctAnswer\": \"Stop and then proceed when safe, unless a sign prohibits it.\",\n \"explanation\": \"Right turns on red are permitted after stopping, provided there's no sign prohibiting them.\",\n \"difficulty\": 5\n },\n {\n \"id\": 39,\n \"question\": \"If a vehicle is disabled on a freeway, is it required that the driver and passenger remain inside the car? \",\n \"options\": [\n \"No, it is not required\",\n \"Yes, unless there is a clear and present danger.\",\n \"No, the driver must always get out to put out flares.\",\n \"Yes, always\"\n ],\n \"correctAnswer\": \"Yes, unless there is a clear and present danger.\",\n \"explanation\": \"Drivers and passengers should stay in the vehicle unless an emergency makes it unsafe to do so.\",\n \"difficulty\": 6\n },\n {\n \"id\": 40,\n \"question\": \"What is the appropriate action when entering traffic from a stop (e.g., from a driveway or parking space)?\",\n \"options\": [\n \"Immediately accelerate to the speed limit.\",\n \"Signal, and wait for a large gap in traffic and accelerate to the speed of traffic.\",\n \"Enter traffic at any speed.\",\n \"Do not signal and enter traffic.\"\n ],\n \"correctAnswer\": \"Signal, and wait for a large gap in traffic and accelerate to the speed of traffic.\",\n \"explanation\": \"You must signal and accelerate to the speed of traffic safely when entering traffic from a full stop.\",\n \"difficulty\": 4\n },\n {\n \"id\": 41,\n \"question\": \"What is the recommended distance for parking from a fire hydrant?\",\n \"options\": [\n \"5 feet\",\n \"10 feet\",\n \"15 feet\",\n \"20 feet\"\n ],\n \"correctAnswer\": \"15 feet\",\n \"explanation\": \"You can’t park within 15 feet of a fire hydrant.\",\n \"difficulty\": 5\n },\n {\n \"id\": 42,\n \"question\": \"What is the definition of a 'blind intersection' in California?\",\n \"options\": [\n \"An intersection with a stop sign.\",\n \"An intersection where there are no traffic lights or signs.\",\n \"An intersection where your view is blocked.\",\n \"An intersection with no stop signs at any corner.\"\n ],\n \"correctAnswer\": \"An intersection with no stop signs at any corner.\",\n \"explanation\": \"A blind intersection has no stop signs at any corner.\",\n \"difficulty\": 6\n },\n {\n \"id\": 43,\n \"question\": \"What must you do if you see a “No U-Turn” sign?\",\n \"options\": [\n \"Make a U-turn when it is safe to do so.\",\n \"Never make a U-turn.\",\n \"Make a U-turn when there are no other vehicles.\",\n \"Make a U-turn only if the road is clear.\"\n ],\n \"correctAnswer\": \"Never make a U-turn.\",\n \"explanation\": \"A “No U-Turn” sign explicitly forbids U-turns at that location.\",\n \"difficulty\": 5\n },\n {\n \"id\": 44,\n \"question\": \"If you are in an accident, who is responsible for making a report to the law enforcement within 24 hours?\",\n \"options\": [\n \"Only the police.\",\n \"Only the at-fault driver.\",\n \"You must make a report to law enforcement.\",\n \"Both the at-fault driver and the non-at-fault driver\"\n ],\n \"correctAnswer\": \"You must make a report to law enforcement.\",\n \"explanation\": \"Any driver involved in a collision with injuries or death must report it to law enforcement within 24 hours.\",\n \"difficulty\": 6\n },\n {\n \"id\": 45,\n \"question\": \"In California, what is the definition of a “vulnerable road user (VRU)?”\",\n \"options\": [\n \"A driver who is considered to be an unsafe driver.\",\n \"A driver who has had a collision.\",\n \"Non-motorized road users, such as cyclists, pedestrians, and persons with disabilities.\",\n \"An experienced driver.\"\n ],\n \"correctAnswer\": \"Non-motorized road users, such as cyclists, pedestrians, and persons with disabilities.\",\n \"explanation\": \"This is the definition provided in the California Driver's Handbook.\",\n \"difficulty\": 5\n },\n {\n \"id\": 46,\n \"question\": \"If your brakes fail, what should be your first action?\",\n \"options\": [\n \"Pump the brakes repeatedly.\",\n \"Shift to a lower gear.\",\n \"Use the parking brake.\",\n \"All of the above\"\n ],\n \"correctAnswer\": \"All of the above\",\n \"explanation\": \"This is the recommended action, to slow the car in an emergency situation.\",\n \"difficulty\": 5\n },\n {\n \"id\": 47,\n \"question\": \"Under what conditions is it legal to drive with only your parking lights illuminated?\",\n \"options\": [\n \"During daylight hours.\",\n \"When it is raining.\",\n \"When it is snowing.\",\n \"Never.\"\n ],\n \"correctAnswer\": \"Never.\",\n \"explanation\": \"It is illegal to use parking lights instead of headlights while driving.\",\n \"difficulty\": 5\n },\n {\n \"id\": 48,\n \"question\": \"If your vehicle starts to hydroplane, what is the MOST important action to take?\",\n \"options\": [\n \"Apply the brakes immediately and firmly.\",\n \"Accelerate to regain control.\",\n \"Slow down gradually and avoid using the brakes.\",\n \"Turn the steering wheel sharply in the direction you want to go.\"\n ],\n \"correctAnswer\": \"Slow down gradually and avoid using the brakes.\",\n \"explanation\": \"Sudden braking makes hydroplaning worse. Gently reducing speed is the safest action.\",\n \"difficulty\": 7\n },\n {\n \"id\": 49,\n \"question\": \"If you are approaching a railroad crossing with flashing red lights and warning devices, what should you do?\",\n \"options\": [\n \"Stop and wait, and proceed when safe.\",\n \"Stop, but only if a train is approaching.\",\n \"Slow down and proceed with caution.\",\n \"Continue to cross if no train is visible.\"\n ],\n \"correctAnswer\": \"Stop and wait, and proceed when safe.\",\n \"explanation\": \"The flashing lights require a full stop and to wait for the lights to stop before proceeding.\",\n \"difficulty\": 5\n },\n {\n \"id\": 50,\n \"question\": \"What is the maximum number of points on your driving record that will result in a license suspension?\",\n \"options\": [\n \"4 points in 12 months.\",\n \"6 points in 24 months.\",\n \"8 points in 36 months.\",\n \"Any of the above can result in license suspension\"\n ],\n \"correctAnswer\": \"Any of the above can result in license suspension\",\n \"explanation\": \"Depending on the number of collisions, the number of points that you collect on your driving record can result in license suspension.\",\n \"difficulty\": 7\n },\n {\n \"id\": 51,\n \"question\": \"In California, what is the legal limit for BAC (Blood Alcohol Content) if you are under 21 and driving?\",\n \"options\": [\n \"0.08%\",\n \"0.05%\",\n \"0.02%\",\n \"0.01%\"\n ],\n \"correctAnswer\": \"0.01%\",\n \"explanation\": \"Under 21, any detectable amount is illegal.\",\n \"difficulty\": 6\n },\n {\n \"id\": 52,\n \"question\": \"When driving, in what situations is it especially important to increase your following distance?\",\n \"options\": [\n \"When driving in a school zone.\",\n \"When it is raining.\",\n \"When following motorcyclists, and when being tailgated.\",\n \"All of the above\"\n ],\n \"correctAnswer\": \"All of the above\",\n \"explanation\": \"The following distance should always be increased to allow time to react.\",\n \"difficulty\": 7\n },\n {\n \"id\": 53,\n \"question\": \"What is the proper way to signal for a lane change?\",\n \"options\": [\n \"Signal, check your mirrors, and immediately change lanes.\",\n \"Signal, check your mirrors and blind spot, and change lanes when safe.\",\n \"Signal only, as mirrors are not necessary.\",\n \"Immediately change lanes, then signal.\"\n ],\n \"correctAnswer\": \"Signal, check your mirrors and blind spot, and change lanes when safe.\",\n \"explanation\": \"Signaling and checking your blind spot are equally important for a lane change.\",\n \"difficulty\": 4\n },\n {\n \"id\": 54,\n \"question\": \"Under California law, what is the requirement for a driver when approaching a stationary emergency vehicle (like a fire truck or ambulance) with flashing lights?\",\n \"options\": [\n \"You must stop, no matter what.\",\n \"Slow down, move over to the adjacent lane if safe and possible, and proceed with caution.\",\n \"Speed up to get past the vehicle quickly.\",\n \"Drive at the posted speed limit.\"\n ],\n \"correctAnswer\": \"Slow down, move over to the adjacent lane if safe and possible, and proceed with caution.\",\n \"explanation\": \"It's the 'Move Over Law' in action.\",\n \"difficulty\": 5\n },\n {\n \"id\": 55,\n \"question\": \"In California, you are approaching an intersection and the traffic light changes from green to yellow. What are you legally required to do?\",\n \"options\": [\n \"Speed up to make it through the intersection before the light turns red.\",\n \"Stop before entering the intersection if you can do so safely.\",\n \"Continue through the intersection, regardless of whether you can stop.\",\n \"Slow down and try to make it through the intersection before the light changes to red.\"\n ],\n \"correctAnswer\": \"Stop before entering the intersection if you can do so safely.\",\n \"explanation\": \"The primary rule is to stop safely if you can.\",\n \"difficulty\": 5\n },\n {\n \"id\": 56,\n \"question\": \"What should you do before opening your car door on the traffic side?\",\n \"options\": [\n \"Look in your rearview mirror only.\",\n \"Open the door quickly and get out.\",\n \"Check for bicyclists and other traffic, and open the door only when it is safe.\",\n \"Turn on your hazard lights and then open the door.\"\n ],\n \"correctAnswer\": \"Check for bicyclists and other traffic, and open the door only when it is safe.\",\n \"explanation\": \"Checking for other traffic before opening the door is critical to avoid collisions.\",\n \"difficulty\": 4\n },\n {\n \"id\": 57,\n \"question\": \"If you are under 18 and are caught with alcohol in your vehicle, what can happen?\",\n \"options\": [\n \"Your driver's license can be suspended for a year.\",\n \"You will receive a fine.\",\n \"Your vehicle can be impounded for up to 30 days.\",\n \"All of the above.\"\n ],\n \"correctAnswer\": \"All of the above.\",\n \"explanation\": \"There are serious legal repercussions for underage alcohol possession in a vehicle.\",\n \"difficulty\": 8\n },\n {\n \"id\": 58,\n \"question\": \"When must you use low-beam headlights in California?\",\n \"options\": [\n \"At night, when driving.\",\n \"When driving in fog, rain, or snow.\",\n \"When driving on open country roads.\",\n \"All of the above.\"\n ],\n \"correctAnswer\": \"All of the above.\",\n \"explanation\": \"Low-beam headlights are recommended in a wide variety of situations.\",\n \"difficulty\": 4\n },\n {\n \"id\": 59,\n \"question\": \"If you are about to make a left turn, which direction should your wheels be pointed?\",\n \"options\": [\n \"Straight ahead\",\n \"To the left\",\n \"To the right\",\n \"Depends on the situation\"\n ],\n \"correctAnswer\": \"Straight ahead\",\n \"explanation\": \"If your vehicle gets hit from behind, you may get pushed into oncoming traffic, so it's important to point the wheels straight.\",\n \"difficulty\": 5\n },\n {\n \"id\": 60,\n \"question\": \"In California, what type of vehicle is allowed to use the HOV (High Occupancy Vehicle) lanes?\",\n \"options\": [\n \"Only cars with at least two occupants.\",\n \"Buses, carpools with the minimum number of occupants, motorcycles, and low-emission vehicles.\",\n \"Any vehicle during off-peak hours.\",\n \"Emergency vehicles only\"\n ],\n \"correctAnswer\": \"Buses, carpools with the minimum number of occupants, motorcycles, and low-emission vehicles.\",\n \"explanation\": \"HOV lanes are restricted to specific vehicles.\",\n \"difficulty\": 5\n },\n {\n \"id\": 61,\n \"question\": \"What does the term 'implied consent' mean in the context of California driving laws?\",\n \"options\": [\n \"You consent to a blood or urine test if you are arrested for DUI.\",\n \"You consent to drive on public roads.\",\n \"You consent to following all traffic laws.\",\n \"You consent to a vehicle search if stopped by law enforcement.\"\n ],\n \"correctAnswer\": \"You consent to a blood or urine test if you are arrested for DUI.\",\n \"explanation\": \"Implied consent means that by driving, you automatically agree to take a chemical test (blood or urine) if a law enforcement officer suspects you're driving under the influence.\",\n \"difficulty\": 7\n },\n {\n \"id\": 62,\n \"question\": \"What is the penalty for a first-time DUI conviction in California?\",\n \"options\": [\n \"License suspension and a fine.\",\n \"Mandatory jail time and license suspension.\",\n \"Community service and a warning.\",\n \"Probation and a traffic school requirement.\"\n ],\n \"correctAnswer\": \"License suspension and a fine.\",\n \"explanation\": \"A first DUI often involves license suspension and a fine, but the details can vary.\",\n \"difficulty\": 6\n },\n {\n \"id\": 63,\n \"question\": \"What is the three-second rule used for?\",\n \"options\": [\n \"Estimating your speed.\",\n \"Determining if you have enough time to cross an intersection.\",\n \"Maintaining a safe following distance.\",\n \"Calculating fuel efficiency.\"\n ],\n \"correctAnswer\": \"Maintaining a safe following distance.\",\n \"explanation\": \"The three-second rule helps drivers determine a safe following distance from the vehicle in front.\",\n \"difficulty\": 4\n },\n {\n \"id\": 64,\n \"question\": \"In California, if you are involved in a collision, when are you *required* to file a written report with the DMV?\",\n \"options\": [\n \"When there is any damage to a vehicle.\",\n \"When any person is injured or killed or if property damage is over $1,000.\",\n \"If the police ask you to.\",\n \"Always\"\n ],\n \"correctAnswer\": \"When any person is injured or killed or if property damage is over $1,000.\",\n \"explanation\": \"The threshold for reporting a collision is injury, death, or damage over $1,000.\",\n \"difficulty\": 7\n },\n {\n \"id\": 65,\n \"question\": \"When is it legal to use a handheld cellular phone while driving?\",\n \"options\": [\n \"When talking on the phone.\",\n \"When using a GPS navigation app.\",\n \"When using a hands-free device or if for emergency purposes.\",\n \"Anytime.\"\n ],\n \"correctAnswer\": \"When using a hands-free device or if for emergency purposes.\",\n \"explanation\": \"Hands-free devices are permitted, as are calls for emergency purposes. Using a handheld phone for any other reason is against the law.\",\n \"difficulty\": 5\n },\n {\n \"id\": 66,\n \"question\": \"What should you do if you see a flashing yellow traffic light?\",\n \"options\": [\n \"Stop immediately.\",\n \"Proceed with caution.\",\n \"Speed up to get through the intersection.\",\n \"Wait for the light to turn green.\"\n ],\n \"correctAnswer\": \"Proceed with caution.\",\n \"explanation\": \"Flashing yellow means caution; proceed, but be prepared for hazards.\",\n \"difficulty\": 3\n },\n {\n \"id\": 67,\n \"question\": \"What must you do when entering a freeway from an on-ramp?\",\n \"options\": [\n \"Stop at the end of the on-ramp and wait for a gap in traffic.\",\n \"Yield to traffic already on the freeway.\",\n \"Speed up to match the flow of traffic and merge when it is safe.\",\n \"Stop when you reach the end of the on-ramp.\"\n ],\n \"correctAnswer\": \"Speed up to match the flow of traffic and merge when it is safe.\",\n \"explanation\": \"You want to merge at the speed of the existing traffic.\",\n \"difficulty\": 4\n\n },\n {\n \"id\": 68,\n \"question\": \"In California, what is the legal BAC (Blood Alcohol Concentration) level for someone who is 21 years or older, but is found to be driving with a BAC exceeding this value?\",\n \"options\": [\n \"0.05%\",\n \"0.08%\",\n \"0.01%\",\n \"0.04%\"\n ],\n \"correctAnswer\": \"0.08%\",\n \"explanation\": \"The legal limit for drivers 21 or older is 0.08% BAC.\",\n \"difficulty\": 9\n },\n {\n \"id\": 69,\n \"question\": \"What should you do if you have a tire blowout while driving?\",\n \"options\": [\n \"Brake hard and immediately pull over.\",\n \"Quickly remove your foot from the accelerator and avoid using the brakes.\",\n \"Steer in the opposite direction of the skid.\",\n \"Accelerate to maintain control.\"\n ],\n \"correctAnswer\": \"Quickly remove your foot from the accelerator and avoid using the brakes.\",\n \"explanation\": \"This is a frequent mistake - braking hard can cause a loss of control.\",\n \"difficulty\": 9\n },\n {\n \"id\": 70,\n \"question\": \"In California, what type of sign is a diamond-shaped sign typically?\",\n \"options\": [\n \"A warning sign.\",\n \"A regulatory sign.\",\n \"A guide sign.\",\n \"A construction sign.\"\n ],\n \"correctAnswer\": \"A warning sign.\",\n \"explanation\": \"Diamond signs are used to give advanced warning of potential hazards or conditions on the road.\",\n \"difficulty\": 9\n },\n {\n \"id\": 71,\n \"question\": \"What is the penalty for failing to stop for a school bus with flashing red lights in California?\",\n \"options\": [\n \"A fine and possible jail time.\",\n \"A warning from law enforcement.\",\n \"Mandatory community service.\",\n \"License suspension.\"\n ],\n \"correctAnswer\": \"A fine and possible jail time.\",\n \"explanation\": \"This violation carries significant penalties to protect children.\",\n \"difficulty\": 8\n },\n {\n \"id\": 72,\n \"question\": \"What is the purpose of a “Yield” sign?\",\n \"options\": [\n \"To tell you to stop at the sign and wait for the green light.\",\n \"To inform you of the speed limit.\",\n \"To indicate a safe speed to travel.\",\n \"To give the right-of-way to traffic or pedestrians.\"\n ],\n \"correctAnswer\": \"To give the right-of-way to traffic or pedestrians.\",\n \"explanation\": \"Yield signs mean you may need to slow down or stop to let others go first.\",\n \"difficulty\": 3\n },\n {\n \"id\": 73,\n \"question\": \"What does a white rectangular sign usually indicate?\",\n \"options\": [\n \"Warning about an upcoming hazard.\",\n \"The speed limit.\",\n \"Important rules or regulations.\",\n \"Directions to a nearby attraction.\"\n ],\n \"correctAnswer\": \"Important rules or regulations.\",\n \"explanation\": \"White rectangular signs typically convey rules or regulations.\",\n \"difficulty\": 4\n },\n {\n \"id\": 74,\n \"question\": \"What is the maximum fine for dumping or abandoning an animal on a California highway?\",\n \"options\": [\n \"$500\",\n \"$1,000\",\n \"$2,000\",\n \"There is no fine.\"\n ],\n \"correctAnswer\": \"$1,000\",\n \"explanation\": \"This action is illegal and punishable by a fine.\",\n \"difficulty\": 7\n },\n {\n \"id\": 75,\n \"question\": \"In a construction zone, what is the penalty for a traffic violation (e.g., speeding) if the violation occurs in a designated 'Double Fine Zone' in California?\",\n \"options\": [\n \"The fine is doubled.\",\n \"You receive a warning and a fine.\",\n \"The court decides the fine.\",\n \"The fine is reduced.\"\n ],\n \"correctAnswer\": \"The fine is doubled.\",\n \"explanation\": \"Double Fine Zones increase penalties to encourage safety.\",\n \"difficulty\": 5\n },\n {\n \"id\": 76,\n \"question\": \"What is the speed limit for a blind intersection in California?\",\n \"options\": [\n \"15 mph\",\n \"25 mph\",\n \"35 mph\",\n \"The posted speed limit\"\n ],\n \"correctAnswer\": \"15 mph\",\n \"explanation\": \"Limited visibility requires slower speeds at blind intersections.\",\n \"difficulty\": 4\n },\n {\n \"id\": 77,\n \"question\": \"When can you legally drive to the left of the double yellow lines?\",\n \"options\": [\n \"When passing another vehicle.\",\n \"When you need to turn left.\",\n \"When the double yellow lines are broken.\",\n \"Never.\"\n ],\n \"correctAnswer\": \"When you need to turn left.\",\n \"explanation\": \"In limited circumstances, you can drive to the left of double yellow lines to make a left turn.\",\n \"difficulty\": 6\n },\n {\n \"id\": 78,\n \"question\": \"What is the best course of action if your vehicle stalls on the railroad tracks?\",\n \"options\": [\n \"Immediately call 911 and try to restart your vehicle.\",\n \"Immediately exit the vehicle and move away from the tracks in the direction the train is coming from.\",\n \"Try to push your vehicle off the tracks.\",\n \"Activate your hazard lights and wait for help.\"\n ],\n \"correctAnswer\": \"Immediately exit the vehicle and move away from the tracks in the direction the train is coming from.\",\n \"explanation\": \"Safety is of the utmost importance.\",\n \"difficulty\": 9\n },\n {\n \"id\": 79,\n \"question\": \"What must you do if you are driving a vehicle with a hazardous materials placard and approach a railroad crossing?\",\n \"options\": [\n \"Slow down and proceed.\",\n \"Stop before the tracks and do not proceed until safe.\",\n \"Increase your speed to cross the tracks quickly.\",\n \"Proceed with caution.\"\n ],\n \"correctAnswer\": \"Stop before the tracks and do not proceed until safe.\",\n \"explanation\": \"This is for safety of those nearby.\",\n \"difficulty\": 5\n },\n {\n \"id\": 80,\n \"question\": \"In California, what is the definition of the 'Basic Speed Law'?\",\n \"options\": [\n \"Always drive at the speed limit.\",\n \"Never drive faster than 65 mph.\",\n \"Never drive faster than is safe for current conditions.\",\n \"Always drive at the average speed of traffic.\"\n ],\n \"correctAnswer\": \"Never drive faster than is safe for current conditions.\",\n \"explanation\": \"It covers all conditions.\",\n \"difficulty\": 4\n }\n]\n\nconst sampleQuestions = questions;\n\n// Alpine data and methods\nconst getAlpineModule = () => `\n document.addEventListener('alpine:init', () => {\n Alpine.data('quizApp', () => ({\n loading: true,\n quizStarted: false,\n quizCompleted: false,\n currentQuestions: [],\n allQuestions: [],\n currentQuestionIndex: 0,\n selectedAnswer: null,\n answerSubmitted: false,\n score: 0,\n shuffledOptions: [],\n userAnswers: [],\n showAllQuestions: false,\n\n init() {\n console.log('Initializing Quiz App...');\n this.loadData(); // Changed from loading from DB to loading static data\n },\n\n loadData() {\n try {\n console.log('Loading static questions...');\n // Directly assign sample questions\n this.allQuestions = ${JSON.stringify(sampleQuestions)};\n console.log('Loaded questions:', this.allQuestions.length);\n\n // Make sure we have at least one question\n if (this.allQuestions.length === 0) {\n console.error('No questions available!');\n // Maybe add a default question or show an error message\n }\n\n } catch (error) {\n console.error('Error loading data:', error);\n } finally {\n this.loading = false;\n console.log('Data loading complete.');\n }\n },\n\n startQuiz() {\n this.quizStarted = true;\n this.quizCompleted = false;\n this.currentQuestionIndex = 0;\n this.score = 0;\n this.selectedAnswer = null;\n this.answerSubmitted = false;\n this.shuffledOptions = [];\n this.userAnswers = [];\n\n // Weighted random sampling: Select 7 questions with preference for higher difficulty\n this.currentQuestions = this.selectWeightedQuestions(this.allQuestions, 7);\n\n // Shuffle the selected questions for presentation order\n this.shuffleArray(this.currentQuestions);\n\n if (this.currentQuestions.length > 0) {\n this.shuffleOptions();\n // Initialize userAnswers array with nulls\n this.userAnswers = Array(this.currentQuestions.length).fill(null);\n } else {\n console.error('No questions were selected or loaded');\n // Handle case with no questions, maybe show an error message\n }\n },\n\n selectWeightedQuestions(questions, count) {\n const selected = [];\n let availableQuestions = [...questions]; // Create a mutable copy\n let totalWeight = availableQuestions.reduce((sum, q) => sum + (q.difficulty || 1), 0); // Ensure difficulty > 0\n\n // Ensure we don't try to select more questions than available\n const numToSelect = Math.min(count, availableQuestions.length);\n\n for (let i = 0; i < numToSelect; i++) {\n if (totalWeight <= 0 || availableQuestions.length === 0) break; // Stop if no weight or questions left\n\n let randomWeight = Math.random() * totalWeight;\n let selectedIndex = -1;\n\n for (let j = 0; j < availableQuestions.length; j++) {\n randomWeight -= (availableQuestions[j].difficulty || 1);\n if (randomWeight <= 0) {\n selectedIndex = j;\n break;\n }\n }\n\n // Fallback if floating point issues prevent selection (select last element)\n if (selectedIndex === -1) {\n selectedIndex = availableQuestions.length - 1;\n }\n\n const selectedQuestion = availableQuestions[selectedIndex];\n selected.push(selectedQuestion);\n totalWeight -= (selectedQuestion.difficulty || 1);\n availableQuestions.splice(selectedIndex, 1); // Remove selected question from available pool\n }\n return selected;\n },\n\n shuffleOptions() {\n // Make sure currentQuestions is loaded and has elements\n if (!this.currentQuestions || this.currentQuestions.length === 0) {\n console.error('No questions available to display');\n this.shuffledOptions = [];\n return;\n }\n\n // Make sure currentQuestionIndex is valid\n if (this.currentQuestionIndex >= this.currentQuestions.length) {\n console.error('Current question index out of bounds');\n this.shuffledOptions = [];\n return;\n }\n\n const question = this.currentQuestions[this.currentQuestionIndex];\n if (!question) {\n console.error('Current question is null');\n this.shuffledOptions = [];\n return;\n }\n\n if (!question.options || !Array.isArray(question.options)) {\n console.error('No options found for question:', question);\n this.shuffledOptions = [];\n return;\n }\n\n const options = [...question.options];\n this.shuffleArray(options);\n this.shuffledOptions = options;\n },\n\n shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n },\n\n selectAnswer(answer) {\n if (!this.answerSubmitted) {\n this.selectedAnswer = answer;\n }\n },\n\n submitAnswer() {\n if (this.selectedAnswer === null) return;\n\n this.answerSubmitted = true;\n const isCorrect = this.selectedAnswer === this.currentQuestion.correctAnswer;\n\n if (isCorrect) {\n this.score++;\n }\n\n // Store the user's answer for the current question\n if(this.currentQuestionIndex < this.userAnswers.length) {\n this.userAnswers[this.currentQuestionIndex] = this.selectedAnswer;\n } else {\n console.error(\"Error: Tried to save answer for index out of bounds:\", this.currentQuestionIndex);\n }\n\n // Removed difficulty/progress tracking and database updates\n },\n\n nextQuestion() {\n // Make sure the answer is recorded even if the user clicks Next quickly\n // Though submitAnswer should ideally handle this. Redundant check for safety.\n if (this.answerSubmitted && this.userAnswers[this.currentQuestionIndex] === null) {\n if(this.currentQuestionIndex < this.userAnswers.length) {\n this.userAnswers[this.currentQuestionIndex] = this.selectedAnswer;\n }\n }\n\n this.currentQuestionIndex++;\n\n if (this.currentQuestionIndex >= this.currentQuestions.length) {\n this.completeQuiz();\n return;\n }\n\n this.selectedAnswer = null;\n this.answerSubmitted = false;\n this.shuffleOptions();\n },\n\n completeQuiz() {\n this.quizCompleted = true;\n // Removed saving results to DB\n // Removed calculating statistics\n console.log('Quiz completed. Score:', this.score, '/', this.currentQuestions.length);\n },\n\n getDifficultyClass(difficulty) {\n // Keep this for potential visual styling\n if (difficulty <= 3) return 'bg-green-100 text-green-800';\n if (difficulty <= 6) return 'bg-yellow-100 text-yellow-800';\n return 'bg-red-100 text-red-800';\n },\n\n getDifficultyLabel(difficulty) {\n // Keep this for potential visual styling\n if (difficulty <= 3) return 'Easy';\n if (difficulty <= 6) return 'Medium';\n return 'Hard';\n },\n\n get currentQuestion() {\n // Add default ID\n return this.currentQuestions[this.currentQuestionIndex] || {\n id: 0,\n question: \"\",\n options: [],\n correctAnswer: \"\",\n explanation: \"\",\n difficulty: 5\n };\n },\n\n get totalQuestions() {\n return this.currentQuestions ? this.currentQuestions.length : 0;\n }\n }));\n });\n`;\n\nconst getHtml = (moduleScript) => `\n\n\n\n \n \n \n California DMV Practice Quiz\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n

California DMV Practice Quiz

Test your DMV knowledge!

\n \n

\n\n \n

Ready to start the quiz?

Answer 7 questions selected from our pool.

\n \n

\n\n \n

\n \n

0 ? (currentQuestionIndex + 1) / totalQuestions * 100 : 0}%\\`\">

\n\n \n

\n Question of \n \n \n

\n\n \n

\n \n

\n\n \n

\n \n Submit Answer\n \n\n \n \n \n

\n\n \n

Correct!

Incorrect

The correct answer is .

\n\n \n

Quiz Completed!

0 ? Math.round(score/totalQuestions*100) : 0}%\\` + ' correct'\">

\n\n \n

Review Your Answers

\n \n

\n \n\n \n

\n \n \n \n

\n\n \n\n

\n\n \n \n

All Questions Reference

\n \n

\n No questions loaded.\n

\n \n

\n \n\n

Quiz App - Test your knowledge

\n \n\n \n\n\n`;\n\napp.get(\"/\", (c) => c.html(getHtml(getAlpineModule())));\n\n\n// Export app.fetch for Val Town, otherwise export app\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1743453560564],"children",[],[35],"61beaac4-2793-11f0-9d52-569c3dd06744",["D",1746217440202],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":44,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":136,"_137":77,"_138":136,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls",0,"branches","forks",{"_142":136,"_144":136},"connections",{"_142":136,"_143":136},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1746217440202],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":136,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code