[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","0f1790570f24c75ae1c9fc99892327093b413003","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_167":168,"_169":170},"handle","dcm31","name","m5stackinterface","path","frontend/index.html","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","527ba270-457e-11f0-bd74-76b3cceeab13","createdAt",["D",1749506930049],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","screenshotVersion","likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3SGtIMlhlMGwwT0JoSXZJckVVTXJuajN1YyJ9","org",{"_93":94,"_131":128},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",23,"527bf1c6-457e-11f0-bd74-76b3cceeab13","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":135,"_156":157,"_103":158,"_134":159,"_160":146,"_161":162,"_163":20,"_164":-5,"_97":165},"bccfe5d6-459d-11f0-8498-76b3cceeab13","index.html","fileId","dc0e6bd0-457e-11f0-a5ec-76b3cceeab13","parentId","69c30637-2f05-44f7-a6f5-3354f29071c4","branchId","branchVersion","latest",true,["D",1749520422829],2,"fileType","content","\n\n\n \n \n Screen Composer Webhook\n \n \n \n\n\n

\n \n

🎮 Screen Composer Webhook

Multi-app webhook endpoint for M5StickCPLUS2 devices with scrolling text support

\n \n \n

\n Current App:\n

\n \n

\n \n \n

\n Webhook URL:\n

\n \n \n

\n\n \n

Current Device State

\n \n \n

\n 📜\n

\n Scrolling Text: -\n

\n\n

Button A

Button B

Button C

\n \n \n \n

Update Labels Manually (Test1 App)

\n \n \n \n

\n \n

\n\n \n

Coin Flip Instructions

Step 1: Press Button B (Heads) or Button C (Tails) to make your prediction

Step 2: Press Button A to flip the coin and see if you were right!

Results: Correct predictions show with an exclamation mark!

\n\n \n

Quiz Master Instructions

📜 Question: Scrolls across the top of the screen

Step 1: Read the question, then press Button B (True) or Button C (False)

Step 2: Press Button A to see the answer and your score

Step 3: Press any button to go to the next question

🏆 Scoring: Track your correct answers out of total answered

\n\n \n

\n \n \n Auto-refresh (5s)\n \n \n

\n \n

\n\n \n

📋 Example Device Requests

\n \n \n

Test1 App - Rotating Labels

Device Initialization (GET)

GET /?device=M5StickCPLUS2&event=init

\n \n

Button Press (POST)

POST /\nContent-Type: application/json\n\n{\n  \"device\": \"M5StickCPLUS2\",\n  \"event\": \"press\",\n  \"button\": \"A\",\n  \"value\": \"Red\",\n  \"ts_ms\": 1234567\n}

\n \n

Expected Response

{\n  \"labels\": {\n    \"A\": \"Green\",\n    \"B\": \"Blue\", \n    \"C\": \"Red\"\n  }\n}

\n\n \n

Coin Flip App - Prediction Game

Make Prediction (POST)

POST /\nContent-Type: application/json\n\n{\n  \"device\": \"M5StickCPLUS2\",\n  \"event\": \"press\",\n  \"button\": \"B\",\n  \"value\": \"Heads\"\n}

\n \n

Flip Coin (POST)

POST /\nContent-Type: application/json\n\n{\n  \"device\": \"M5StickCPLUS2\",\n  \"event\": \"press\",\n  \"button\": \"A\"\n}

\n \n

Response with Scroll Text

{\n  \"labels\": {\n    \"A\": \"Heads!\",\n    \"B\": \"Heads\", \n    \"C\": \"Tails\"\n  },\n  \"scrollText\": \"Correct! It was Heads! 🎉\"\n}

\n\n \n

Quiz Master App - Interactive Questions

Answer Question (POST)

POST /\nContent-Type: application/json\n\n{\n  \"device\": \"M5StickCPLUS2\",\n  \"event\": \"press\",\n  \"button\": \"B\",\n  \"value\": \"True\"\n}

\n \n

Next Question (POST)

POST /\nContent-Type: application/json\n\n{\n  \"device\": \"M5StickCPLUS2\",\n  \"event\": \"press\",\n  \"button\": \"A\"\n}

\n \n

Question Response

{\n  \"labels\": {\n    \"A\": \"Next\",\n    \"B\": \"True\", \n    \"C\": \"False\"\n  },\n  \"scrollText\": \"Is the Earth round?\"\n}

\n\n

Answer Response

{\n  \"labels\": {\n    \"A\": \"Next\",\n    \"B\": \"✓\", \n    \"C\": \"True\"\n  },\n  \"scrollText\": \"Correct! Answer: True. Score: 1/1\"\n}

\n\n \n

Test with curl

curl -X POST [URL] \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"device\":\"M5StickCPLUS2\",\"event\":\"press\",\"button\":\"A\"}'

\n \n

\n\n \n

🔧 Programmatic App Switching

You can also switch apps programmatically via API:

curl -X POST [URL]/switch-app \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"appName\": \"quiz\"}'

Valid app names: \"test1\", \"coinflip\", \"quiz\"

\n\n \n

📊 Device Request Logs

\n \n

\n No device requests yet. Send a request to see it logged here.\n

\n\n \n\n","deleted","label",[166,149],"frontend","permalink","https://www.val.town/x/dcm31/m5stackinterface/code/frontend/index.html","extension","html","actionData","errors"]