Add TapApp Studio single-file web app with AI layout generation, README and helper scripts#4
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: cd32f0ae19
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` }, | ||
| body: JSON.stringify({ | ||
| inputs: `JSONのみ返答。形式:{"elements":[{"type":"heading|text|button|input|card","text":"...","x":20,"y":20,"w":220,"h":48,"style":{"bg":"#ffffff","color":"#111827","radius":10,"padding":10,"fontSize":16}}]} 要件:${prompt}`, | ||
| parameters: { max_new_tokens: 900, temperature: 0.3, return_full_text: False } |
There was a problem hiding this comment.
In callHF, the request payload uses return_full_text: False, but False is not a valid JavaScript boolean, so selecting the Hugging Face provider throws a ReferenceError before fetch is executed. This makes HF generation fail on every attempt and always falls back to the template instead of returning model output.
Useful? React with 👍 / 👎.
|
|
||
| page.click('[data-add="heading"]') | ||
| page.click('[data-add="button"]') | ||
| page.click("#alignCenterBtn") |
There was a problem hiding this comment.
The Playwright demo flow clicks IDs like #alignCenterBtn, but the current app markup in index.html does not define these elements (controls are exposed via chip data-tool attributes and #closePreview), so run_demo times out on the first missing selector and aborts video generation. This breaks the documented demo-recording workflow.
Useful? React with 👍 / 👎.
| }; | ||
| } | ||
|
|
||
| let state = JSON.parse(localStorage.getItem("tapapp-state") || "null") || { |
There was a problem hiding this comment.
The app initializes state from localStorage key tapapp-state, but there is no corresponding localStorage.setItem("tapapp-state", ...) in mutation/render paths, so all layout edits are lost on reload and the restore path never receives updated data. Only provider/API settings are persisted later in the file.
Useful? React with 👍 / 👎.
1 participant
Motivation
index.html.OpenAI,Hugging Face,Lovable AI) with retry and JSON-repair logic to reduce failure rates.Description
index.htmlimplementing TapApp Studio with drag/resize, inline editing, style panel, undo/redo, grid/snap/zoom, multi-device preview,localStoragepersistence, and AI layout generation (generateLayoutWithRetry,callOpenAICompat,callHF,tryParseJson,normalizeAIResponse).README.mddocumenting the app, feature list, AI provider setup, privacy/security recommendations, deployment notes, and example commands such aspython -m http.server 4173.scripts/record_demo_playwright.pyto automate demo video recording for web/iOS/Android viewports using Playwright andscripts/verify_mcp_domain.shto check MCP server DNS, TLS, and HTTP reachability.localStorageand include UI controls for model selection and Lovable compatibility.Testing
scripts/record_demo_playwright.pyas an automated demo-recording helper which can be run locally with Playwright but was not executed in CI.Codex Task