mirror of
https://github.com/jjbrunton/Sauci.git
synced 2026-11-02 10:19:43 +00:00
Compare commits
14
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e380c0a31c | ||
|
|
14b0199625 | ||
|
|
620369a7ce | ||
|
|
ce419fee8b | ||
|
|
368399f463 | ||
|
|
1370576dd5 | ||
|
|
6957502985 | ||
|
|
5a9defb1ee | ||
|
|
70449659cf | ||
|
|
f302cb6c63 | ||
|
|
a01079a7c3 | ||
|
|
8d4d9d8750 | ||
|
|
209dc652d2 | ||
|
|
06dfc5b245 |
No files matched your search
@@ -0,0 +1,126 @@
|
||||
# Build
|
||||
|
||||
You are an autonomous coding agent. Your task is to complete the work for exactly one story and record the outcome.
|
||||
|
||||
## Paths
|
||||
- PRD: {{PRD_PATH}}
|
||||
- AGENTS (optional): {{AGENTS_PATH}}
|
||||
- Progress Log: {{PROGRESS_PATH}}
|
||||
- Guardrails: {{GUARDRAILS_PATH}}
|
||||
- Guardrails Reference: {{GUARDRAILS_REF}}
|
||||
- Context Reference: {{CONTEXT_REF}}
|
||||
- Errors Log: {{ERRORS_LOG_PATH}}
|
||||
- Activity Log: {{ACTIVITY_LOG_PATH}}
|
||||
- Activity Logger: {{ACTIVITY_CMD}}
|
||||
- No-commit: {{NO_COMMIT}}
|
||||
- Repo Root: {{REPO_ROOT}}
|
||||
- Run ID: {{RUN_ID}}
|
||||
- Iteration: {{ITERATION}}
|
||||
- Run Log: {{RUN_LOG_PATH}}
|
||||
- Run Summary: {{RUN_META_PATH}}
|
||||
|
||||
## Global Quality Gates (apply to every story)
|
||||
{{QUALITY_GATES}}
|
||||
|
||||
## Selected Story (Do not change scope)
|
||||
ID: {{STORY_ID}}
|
||||
Title: {{STORY_TITLE}}
|
||||
|
||||
Story details:
|
||||
{{STORY_BLOCK}}
|
||||
|
||||
If the story details are empty or missing, STOP and report that the PRD story format could not be parsed.
|
||||
|
||||
## Rules (Non-Negotiable)
|
||||
- Implement **only** the work required to complete the selected story.
|
||||
- Complete all tasks associated with this story (and only this story).
|
||||
- Do NOT ask the user questions.
|
||||
- Do NOT change unrelated code.
|
||||
- Do NOT assume something is unimplemented — confirm by reading code.
|
||||
- Implement completely; no placeholders or stubs.
|
||||
- If No-commit is true, do NOT commit or push changes.
|
||||
- Do NOT edit the PRD JSON (status is handled by the loop).
|
||||
- All changes made during the run must be committed (including updates to progress/logs).
|
||||
- Before committing, perform a final **security**, **performance**, and **regression** review of your changes.
|
||||
|
||||
## Your Task (Do this in order)
|
||||
1. Read {{GUARDRAILS_PATH}} before any code changes.
|
||||
2. Read {{ERRORS_LOG_PATH}} for repeated failures to avoid.
|
||||
3. Read {{PRD_PATH}} for global context (do not edit).
|
||||
4. Fully audit and read all necessary files to understand the task end-to-end before implementing. Do not assume missing functionality.
|
||||
5. If {{AGENTS_PATH}} exists, follow its build/test instructions.
|
||||
6. Implement only the tasks that belong to {{STORY_ID}}.
|
||||
7. Run verification commands listed in the story, the global quality gates, and in {{AGENTS_PATH}} (if required).
|
||||
8. If the project has a build or dev workflow, run what applies:
|
||||
- Build step (e.g., `npm run build`) if defined.
|
||||
- Dev server (e.g., `npm run dev`, `wrangler dev`) if it is the normal validation path.
|
||||
- Confirm no runtime/build errors in the console.
|
||||
9. Perform a brief audit before committing:
|
||||
- **Security:** check for obvious vulnerabilities or unsafe handling introduced by your changes.
|
||||
- **Performance:** check for avoidable regressions (extra queries, heavy loops, unnecessary re-renders).
|
||||
- **Regression:** verify existing behavior that could be impacted still works.
|
||||
10. If No-commit is false, commit changes using the `$commit` skill.
|
||||
- Stage everything: `git add -A`
|
||||
- Confirm a clean working tree after commit: `git status --porcelain` should be empty.
|
||||
- After committing, capture the commit hash and subject using:
|
||||
`git show -s --format="%h %s" HEAD`.
|
||||
11. Append a progress entry to {{PROGRESS_PATH}} with run/commit/test details (format below).
|
||||
If No-commit is true, skip committing and note it in the progress entry.
|
||||
|
||||
## Progress Entry Format (Append Only)
|
||||
```
|
||||
## [Date/Time] - {{STORY_ID}}: {{STORY_TITLE}}
|
||||
Thread: [codex exec session id if available, otherwise leave blank]
|
||||
Run: {{RUN_ID}} (iteration {{ITERATION}})
|
||||
Run log: {{RUN_LOG_PATH}}
|
||||
Run summary: {{RUN_META_PATH}}
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: {{NO_COMMIT}}
|
||||
- Commit: <hash> <subject> (or `none` + reason)
|
||||
- Post-commit status: `clean` or list remaining files
|
||||
- Verification:
|
||||
- Command: <exact command> -> PASS/FAIL
|
||||
- Command: <exact command> -> PASS/FAIL
|
||||
- Files changed:
|
||||
- <file path>
|
||||
- <file path>
|
||||
- What was implemented
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Gotchas encountered
|
||||
- Useful context
|
||||
---
|
||||
```
|
||||
|
||||
## Completion Signal
|
||||
Only output the completion signal when the **selected story** is fully complete and verified.
|
||||
When the selected story is complete, output:
|
||||
<promise>COMPLETE</promise>
|
||||
|
||||
Otherwise, end normally without the signal.
|
||||
|
||||
## Additional Guardrails
|
||||
- When authoring documentation, capture the why (tests + implementation intent).
|
||||
- If you learn how to run/build/test the project, update {{AGENTS_PATH}} briefly (operational only).
|
||||
- Keep AGENTS operational only; progress notes belong in {{PROGRESS_PATH}}.
|
||||
- If you hit repeated errors, log them in {{ERRORS_LOG_PATH}} and add a Sign to {{GUARDRAILS_PATH}} using {{GUARDRAILS_REF}} as the template.
|
||||
|
||||
## Activity Logging (Required)
|
||||
Log major actions to {{ACTIVITY_LOG_PATH}} using the helper:
|
||||
```
|
||||
{{ACTIVITY_CMD}} "message"
|
||||
```
|
||||
Log at least:
|
||||
- Start of work on the story
|
||||
- After major code changes
|
||||
- After tests/verification
|
||||
- After updating progress log
|
||||
|
||||
## Browser Testing (Required for Frontend Stories)
|
||||
If the selected story changes UI, you MUST verify it in the browser:
|
||||
1. Load the `dev-browser` skill.
|
||||
2. Navigate to the relevant page.
|
||||
3. Verify the UI changes work as expected.
|
||||
4. Take a screenshot if helpful for the progress log.
|
||||
|
||||
A frontend story is NOT complete until browser verification passes.
|
||||
@@ -0,0 +1,190 @@
|
||||
# Ralph
|
||||
|
||||

|
||||
|
||||
Ralph is a minimal, file‑based agent loop for autonomous coding. Each iteration starts fresh, reads the same on‑disk state, and commits work for one story at a time.
|
||||
|
||||
## How it works
|
||||
|
||||
Ralph treats **files and git** as memory, not the model context:
|
||||
|
||||
- **PRD (JSON)** defines stories, gates, and status
|
||||
- **Loop** executes one story per iteration
|
||||
- **State** persists in `.ralph/`
|
||||
|
||||

|
||||
|
||||
## Global CLI (recommended)
|
||||
|
||||
Install and run Ralph from anywhere:
|
||||
|
||||
```bash
|
||||
npm i -g @iannuttall/ralph
|
||||
ralph prd # launches an interactive prompt
|
||||
ralph build 1 # one Ralph run
|
||||
```
|
||||
|
||||
### Template hierarchy
|
||||
|
||||
Ralph will look for templates in this order:
|
||||
|
||||
1. `.agents/ralph/` in the current project (if present)
|
||||
2. Bundled defaults shipped with this repo
|
||||
|
||||
State and logs always go to `.ralph/` in the project.
|
||||
|
||||
### Install templates into a project (optional overrides)
|
||||
|
||||
```bash
|
||||
ralph install
|
||||
```
|
||||
|
||||
This creates `.agents/ralph/` in the current repo so you can customize prompts and loop behavior. During install, you’ll be asked if you want to add the required skills.
|
||||
|
||||
### Install required skills (optional)
|
||||
|
||||
```bash
|
||||
ralph install --skills
|
||||
```
|
||||
|
||||
You’ll be prompted for agent (codex/claude/droid/opencode) and local vs global install. Skills installed: **commit**, **dev-browser**, **prd**.
|
||||
If you skipped skills during `ralph install`, you can run `ralph install --skills` anytime.
|
||||
|
||||
## Quick start (project)
|
||||
|
||||
1) Create your PRD (JSON) or generate one:
|
||||
```
|
||||
ralph prd
|
||||
```
|
||||
Requires the **prd** skill (install via `ralph install --skills`).
|
||||
|
||||
Example prompt text:
|
||||
```
|
||||
A lightweight uptime monitor (Hono app), deployed on Cloudflare, with email alerts via AWS SES
|
||||
```
|
||||
|
||||
Default output (agent chooses a short filename in `.agents/tasks/`):
|
||||
```
|
||||
.agents/tasks/prd-<short>.json
|
||||
```
|
||||
|
||||
2) Run one build iteration:
|
||||
```
|
||||
ralph build 1 # one Ralph run
|
||||
```
|
||||
|
||||
No‑commit dry run:
|
||||
```
|
||||
ralph build 1 --no-commit # one Ralph run
|
||||
```
|
||||
|
||||
Override PRD output for `ralph prd`:
|
||||
```
|
||||
ralph prd --out .agents/tasks/prd-api.json
|
||||
```
|
||||
Optional human overview (generated from JSON):
|
||||
```
|
||||
ralph overview
|
||||
```
|
||||
This writes a tiny overview alongside the PRD: `prd-<slug>.overview.md`.
|
||||
|
||||
PRD story status fields are updated automatically by the loop:
|
||||
- `open` → selectable
|
||||
- `in_progress` → locked by a running loop (with `startedAt`)
|
||||
- `done` → completed (with `completedAt`)
|
||||
|
||||
If a loop crashes and a story stays `in_progress`, you can set `STALE_SECONDS` in `.agents/ralph/config.sh` to allow Ralph to automatically reopen stalled stories.
|
||||
|
||||
## Override PRD paths
|
||||
|
||||
You can point Ralph at a different PRD JSON file via CLI flags:
|
||||
|
||||
```bash
|
||||
ralph build 1 --prd .agents/tasks/prd-api.json # one Ralph run
|
||||
```
|
||||
|
||||
Optional progress override:
|
||||
|
||||
```bash
|
||||
ralph build 1 --progress .ralph/progress-api.md # one Ralph run
|
||||
```
|
||||
|
||||
If multiple PRD JSON files exist in `.agents/tasks/` and you omit `--prd`, Ralph will prompt you to choose.
|
||||
|
||||
Optional config file (if you installed templates):
|
||||
|
||||
```
|
||||
.agents/ralph/config.sh
|
||||
```
|
||||
|
||||
## Choose the agent runner
|
||||
|
||||
Set `AGENT_CMD` in `.agents/ralph/config.sh` to switch agents:
|
||||
|
||||
```
|
||||
AGENT_CMD="codex exec --yolo -"
|
||||
AGENT_CMD="claude -p --dangerously-skip-permissions \"\$(cat {prompt})\""
|
||||
AGENT_CMD="droid exec --skip-permissions-unsafe -f {prompt}"
|
||||
AGENT_CMD="opencode run \"$(cat {prompt})\""
|
||||
```
|
||||
|
||||
Or override per run:
|
||||
|
||||
```
|
||||
ralph prd --agent=codex
|
||||
ralph build 1 --agent=codex # one Ralph run
|
||||
ralph build 1 --agent=claude # one Ralph run
|
||||
ralph build 1 --agent=droid # one Ralph run
|
||||
ralph build 1 --agent=opencode # one Ralph run
|
||||
```
|
||||
|
||||
If the CLI isn’t installed, Ralph prints install hints:
|
||||
|
||||
```
|
||||
codex -> npm i -g @openai/codex
|
||||
claude -> curl -fsSL https://claude.ai/install.sh | bash
|
||||
droid -> curl -fsSL https://app.factory.ai/cli | sh
|
||||
opencode -> curl -fsSL https://opencode.ai/install.sh | bash
|
||||
```
|
||||
|
||||
## State files (.ralph/)
|
||||
|
||||
- `progress.md` — append‑only progress log
|
||||
- `guardrails.md` — “Signs” (lessons learned)
|
||||
- `activity.log` — activity + timing log
|
||||
- `errors.log` — repeated failures and notes
|
||||
- `runs/` — raw run logs + summaries
|
||||
|
||||
## Notes
|
||||
|
||||
- `.agents/ralph` is portable and can be copied between repos.
|
||||
- `.ralph` is per‑project state.
|
||||
- Use `{prompt}` in `AGENT_CMD` when agent needs a file path instead of stdin.
|
||||
- Examples: see `examples/commands.md`.
|
||||
- **OpenCode server mode**: For faster performance with OpenCode, run `opencode serve` in a separate terminal and uncomment the `AGENT_OPENCODE_CMD` lines in `.agents/ralph/agents.sh` to use `--attach http://localhost:4096`. This avoids cold boot on every run.
|
||||
|
||||
## Tests
|
||||
|
||||
Dry-run smoke tests (no agent required):
|
||||
|
||||
```bash
|
||||
npm test
|
||||
```
|
||||
|
||||
Fast agent health check (real agent call, minimal output):
|
||||
|
||||
```bash
|
||||
npm run test:ping
|
||||
```
|
||||
|
||||
Optional integration test (requires agents installed):
|
||||
|
||||
```bash
|
||||
RALPH_INTEGRATION=1 npm test
|
||||
```
|
||||
|
||||
Full real-agent loop test:
|
||||
|
||||
```bash
|
||||
npm run test:real
|
||||
```
|
||||
@@ -0,0 +1,15 @@
|
||||
#!/usr/bin/env bash
|
||||
# Default agent command templates (used by loop.sh and CLI).
|
||||
|
||||
AGENT_CODEX_CMD="codex exec --yolo --skip-git-repo-check -"
|
||||
AGENT_CODEX_INTERACTIVE_CMD="codex --yolo {prompt}"
|
||||
AGENT_CLAUDE_CMD="claude -p --dangerously-skip-permissions \"\$(cat {prompt})\""
|
||||
AGENT_CLAUDE_INTERACTIVE_CMD="claude --dangerously-skip-permissions {prompt}"
|
||||
AGENT_DROID_CMD="droid exec --skip-permissions-unsafe -f {prompt}"
|
||||
AGENT_DROID_INTERACTIVE_CMD="droid --skip-permissions-unsafe {prompt}"
|
||||
AGENT_OPENCODE_CMD="opencode run \"\$(cat {prompt})\""
|
||||
AGENT_OPENCODE_INTERACTIVE_CMD="opencode --prompt {prompt}"
|
||||
# Uncomment to use server mode (faster, avoids cold boot):
|
||||
# AGENT_OPENCODE_CMD="opencode run --attach http://localhost:4096 \"\$(cat {prompt})\""
|
||||
# AGENT_OPENCODE_INTERACTIVE_CMD="opencode --prompt {prompt} --attach http://localhost:4096"
|
||||
DEFAULT_AGENT="codex"
|
||||
@@ -0,0 +1,25 @@
|
||||
# Optional Ralph config overrides.
|
||||
# All paths are relative to repo root unless absolute.
|
||||
# Uncomment and edit as needed.
|
||||
|
||||
# PRD_PATH=".agents/tasks/prd.json"
|
||||
# PROGRESS_PATH=".ralph/progress.md"
|
||||
# GUARDRAILS_PATH=".ralph/guardrails.md"
|
||||
# ERRORS_LOG_PATH=".ralph/errors.log"
|
||||
# ACTIVITY_LOG_PATH=".ralph/activity.log"
|
||||
# TMP_DIR=".ralph/.tmp"
|
||||
# RUNS_DIR=".ralph/runs"
|
||||
# GUARDRAILS_REF=".agents/ralph/references/GUARDRAILS.md"
|
||||
# CONTEXT_REF=".agents/ralph/references/CONTEXT_ENGINEERING.md"
|
||||
# ACTIVITY_CMD=".agents/ralph/log-activity.sh"
|
||||
# AGENT_CMD defaults are defined in agents.sh. Override here if needed.
|
||||
# AGENT_CMD="codex exec --yolo --skip-git-repo-check -"
|
||||
# PRD_AGENT_CMD defaults are defined in agents.sh (interactive).
|
||||
# PRD_AGENT_CMD="codex --yolo --skip-git-repo-check {prompt}"
|
||||
# AGENT_CMD="claude -p --dangerously-skip-permissions \"\$(cat {prompt})\""
|
||||
# AGENT_CMD="droid exec --skip-permissions-unsafe -f {prompt}"
|
||||
# AGENTS_PATH="AGENTS.md"
|
||||
# PROMPT_BUILD=".agents/ralph/PROMPT_build.md"
|
||||
# NO_COMMIT=false
|
||||
# MAX_ITERATIONS=25
|
||||
# STALE_SECONDS=0
|
||||
@@ -0,0 +1,55 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 520" role="img" aria-label="Ralph architecture diagram">
|
||||
<style>
|
||||
.bg { fill: #0f1218; }
|
||||
.box { fill: #141a23; stroke: #e6e6e6; stroke-width: 1.5; }
|
||||
.line { stroke: #e6e6e6; stroke-width: 1.5; }
|
||||
.text { fill: #f3f3f3; font-family: Menlo, Consolas, Monaco, monospace; font-size: 16px; }
|
||||
.small { font-size: 13px; opacity: 0.9; }
|
||||
.muted { opacity: 0.7; }
|
||||
</style>
|
||||
|
||||
<rect class="bg" x="0" y="0" width="1000" height="520" rx="0" />
|
||||
|
||||
<!-- Top boxes -->
|
||||
<rect class="box" x="390" y="30" width="220" height="44" rx="0" />
|
||||
<text class="text" x="500" y="58" text-anchor="middle">ralph CLI</text>
|
||||
|
||||
<rect class="box" x="240" y="114" width="520" height="48" rx="0" />
|
||||
<text class="text small muted" x="500" y="144" text-anchor="middle">agent CLI: codex | claude | droid</text>
|
||||
|
||||
<!-- Arrow from top to agent (gap matches lower arrows) -->
|
||||
<line class="line" x1="500" y1="74" x2="500" y2="96" />
|
||||
<polygon points="496,96 500,104 504,96" fill="#e6e6e6" />
|
||||
|
||||
<!-- Branch lines (gap for heads) -->
|
||||
<line class="line" x1="500" y1="162" x2="500" y2="200" />
|
||||
<line class="line" x1="500" y1="200" x2="280" y2="200" />
|
||||
<line class="line" x1="500" y1="200" x2="720" y2="200" />
|
||||
<line class="line" x1="280" y1="200" x2="280" y2="214" />
|
||||
<line class="line" x1="720" y1="200" x2="720" y2="214" />
|
||||
<polygon points="276,214 280,222 284,214" fill="#e6e6e6" />
|
||||
<polygon points="716,214 720,222 724,214" fill="#e6e6e6" />
|
||||
|
||||
<!-- Bottom boxes -->
|
||||
<rect class="box" x="90" y="226" width="380" height="230" rx="0" />
|
||||
<text class="text" x="110" y="256">.agents/ralph/</text>
|
||||
<text class="text small muted" x="110" y="278">local overrides (optional)</text>
|
||||
<text class="text small" x="110" y="306">loop.sh</text>
|
||||
<text class="text small" x="110" y="328">PROMPT_build.md</text>
|
||||
<text class="text small" x="110" y="350">references/</text>
|
||||
<text class="text small" x="110" y="372">log-activity.sh</text>
|
||||
<text class="text small" x="110" y="394">config.sh (optional)</text>
|
||||
|
||||
<rect class="box" x="530" y="226" width="380" height="230" rx="0" />
|
||||
<text class="text" x="550" y="256">.ralph/</text>
|
||||
<text class="text small muted" x="550" y="278">state + logs</text>
|
||||
<text class="text small" x="550" y="306">errors.log</text>
|
||||
<text class="text small" x="550" y="328">progress.md</text>
|
||||
<text class="text small" x="550" y="350">guardrails.md</text>
|
||||
<text class="text small" x="550" y="372">activity.log</text>
|
||||
<text class="text small" x="550" y="394">runs/</text>
|
||||
|
||||
<text class="text small muted" x="500" y="500" text-anchor="middle">
|
||||
Local templates override bundled defaults. State persists between runs.
|
||||
</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
Executable
+15
@@ -0,0 +1,15 @@
|
||||
#!/bin/bash
|
||||
set -euo pipefail
|
||||
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
ROOT_DIR="$(cd "${SCRIPT_DIR}/../.." && pwd)"
|
||||
ACTIVITY_LOG="$ROOT_DIR/.ralph/activity.log"
|
||||
|
||||
if [ $# -lt 1 ]; then
|
||||
echo "Usage: $0 \"message\""
|
||||
exit 1
|
||||
fi
|
||||
|
||||
mkdir -p "$(dirname "$ACTIVITY_LOG")"
|
||||
TS=$(date '+%Y-%m-%d %H:%M:%S')
|
||||
echo "[$TS] $*" >> "$ACTIVITY_LOG"
|
||||
Executable
+955
@@ -0,0 +1,955 @@
|
||||
#!/bin/bash
|
||||
# Ralph loop — simple, portable, single-agent
|
||||
# Usage:
|
||||
# ./.agents/ralph/loop.sh # build mode, default iterations
|
||||
# ./.agents/ralph/loop.sh build # build mode
|
||||
# ./.agents/ralph/loop.sh prd "request" # generate PRD via agent
|
||||
# ./.agents/ralph/loop.sh 10 # build mode, 10 iterations
|
||||
# ./.agents/ralph/loop.sh build 1 --no-commit
|
||||
|
||||
set -euo pipefail
|
||||
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
ROOT_DIR="$(cd "${RALPH_ROOT:-${SCRIPT_DIR}/../..}" && pwd)"
|
||||
CONFIG_FILE="${SCRIPT_DIR}/config.sh"
|
||||
|
||||
DEFAULT_PRD_PATH=".agents/tasks/prd.json"
|
||||
DEFAULT_PROGRESS_PATH=".ralph/progress.md"
|
||||
DEFAULT_AGENTS_PATH="AGENTS.md"
|
||||
DEFAULT_PROMPT_BUILD=".agents/ralph/PROMPT_build.md"
|
||||
DEFAULT_GUARDRAILS_PATH=".ralph/guardrails.md"
|
||||
DEFAULT_ERRORS_LOG_PATH=".ralph/errors.log"
|
||||
DEFAULT_ACTIVITY_LOG_PATH=".ralph/activity.log"
|
||||
DEFAULT_TMP_DIR=".ralph/.tmp"
|
||||
DEFAULT_RUNS_DIR=".ralph/runs"
|
||||
DEFAULT_GUARDRAILS_REF=".agents/ralph/references/GUARDRAILS.md"
|
||||
DEFAULT_CONTEXT_REF=".agents/ralph/references/CONTEXT_ENGINEERING.md"
|
||||
DEFAULT_ACTIVITY_CMD=".agents/ralph/log-activity.sh"
|
||||
if [[ -n "${RALPH_ROOT:-}" ]]; then
|
||||
agents_path="$RALPH_ROOT/.agents/ralph/agents.sh"
|
||||
else
|
||||
agents_path="$SCRIPT_DIR/agents.sh"
|
||||
fi
|
||||
if [[ -f "$agents_path" ]]; then
|
||||
# shellcheck source=/dev/null
|
||||
source "$agents_path"
|
||||
fi
|
||||
|
||||
DEFAULT_MAX_ITERATIONS=25
|
||||
DEFAULT_NO_COMMIT=false
|
||||
DEFAULT_STALE_SECONDS=0
|
||||
PRD_REQUEST_PATH=""
|
||||
PRD_INLINE=""
|
||||
|
||||
# Optional config overrides (simple shell vars)
|
||||
if [ -f "$CONFIG_FILE" ]; then
|
||||
# shellcheck source=/dev/null
|
||||
. "$CONFIG_FILE"
|
||||
fi
|
||||
|
||||
DEFAULT_AGENT_NAME="${DEFAULT_AGENT:-codex}"
|
||||
resolve_agent_cmd() {
|
||||
local name="$1"
|
||||
case "$name" in
|
||||
claude)
|
||||
echo "${AGENT_CLAUDE_CMD:-claude -p --dangerously-skip-permissions \"\$(cat {prompt})\"}"
|
||||
;;
|
||||
droid)
|
||||
echo "${AGENT_DROID_CMD:-droid exec --skip-permissions-unsafe -f {prompt}}"
|
||||
;;
|
||||
codex|"")
|
||||
echo "${AGENT_CODEX_CMD:-codex exec --yolo --skip-git-repo-check -}"
|
||||
;;
|
||||
*)
|
||||
echo "${AGENT_CODEX_CMD:-codex exec --yolo --skip-git-repo-check -}"
|
||||
;;
|
||||
esac
|
||||
}
|
||||
DEFAULT_AGENT_CMD="$(resolve_agent_cmd "$DEFAULT_AGENT_NAME")"
|
||||
|
||||
PRD_PATH="${PRD_PATH:-$DEFAULT_PRD_PATH}"
|
||||
PROGRESS_PATH="${PROGRESS_PATH:-$DEFAULT_PROGRESS_PATH}"
|
||||
AGENTS_PATH="${AGENTS_PATH:-$DEFAULT_AGENTS_PATH}"
|
||||
PROMPT_BUILD="${PROMPT_BUILD:-$DEFAULT_PROMPT_BUILD}"
|
||||
GUARDRAILS_PATH="${GUARDRAILS_PATH:-$DEFAULT_GUARDRAILS_PATH}"
|
||||
ERRORS_LOG_PATH="${ERRORS_LOG_PATH:-$DEFAULT_ERRORS_LOG_PATH}"
|
||||
ACTIVITY_LOG_PATH="${ACTIVITY_LOG_PATH:-$DEFAULT_ACTIVITY_LOG_PATH}"
|
||||
TMP_DIR="${TMP_DIR:-$DEFAULT_TMP_DIR}"
|
||||
RUNS_DIR="${RUNS_DIR:-$DEFAULT_RUNS_DIR}"
|
||||
GUARDRAILS_REF="${GUARDRAILS_REF:-$DEFAULT_GUARDRAILS_REF}"
|
||||
CONTEXT_REF="${CONTEXT_REF:-$DEFAULT_CONTEXT_REF}"
|
||||
ACTIVITY_CMD="${ACTIVITY_CMD:-$DEFAULT_ACTIVITY_CMD}"
|
||||
AGENT_CMD="${AGENT_CMD:-$DEFAULT_AGENT_CMD}"
|
||||
MAX_ITERATIONS="${MAX_ITERATIONS:-$DEFAULT_MAX_ITERATIONS}"
|
||||
NO_COMMIT="${NO_COMMIT:-$DEFAULT_NO_COMMIT}"
|
||||
STALE_SECONDS="${STALE_SECONDS:-$DEFAULT_STALE_SECONDS}"
|
||||
|
||||
abs_path() {
|
||||
local p="$1"
|
||||
if [[ "$p" = /* ]]; then
|
||||
echo "$p"
|
||||
else
|
||||
echo "$ROOT_DIR/$p"
|
||||
fi
|
||||
}
|
||||
|
||||
PRD_PATH="$(abs_path "$PRD_PATH")"
|
||||
PROGRESS_PATH="$(abs_path "$PROGRESS_PATH")"
|
||||
AGENTS_PATH="$(abs_path "$AGENTS_PATH")"
|
||||
PROMPT_BUILD="$(abs_path "$PROMPT_BUILD")"
|
||||
GUARDRAILS_PATH="$(abs_path "$GUARDRAILS_PATH")"
|
||||
ERRORS_LOG_PATH="$(abs_path "$ERRORS_LOG_PATH")"
|
||||
ACTIVITY_LOG_PATH="$(abs_path "$ACTIVITY_LOG_PATH")"
|
||||
TMP_DIR="$(abs_path "$TMP_DIR")"
|
||||
RUNS_DIR="$(abs_path "$RUNS_DIR")"
|
||||
GUARDRAILS_REF="$(abs_path "$GUARDRAILS_REF")"
|
||||
CONTEXT_REF="$(abs_path "$CONTEXT_REF")"
|
||||
ACTIVITY_CMD="$(abs_path "$ACTIVITY_CMD")"
|
||||
|
||||
require_agent() {
|
||||
local agent_cmd="${1:-$AGENT_CMD}"
|
||||
local agent_bin
|
||||
agent_bin="${agent_cmd%% *}"
|
||||
if [ -z "$agent_bin" ]; then
|
||||
echo "AGENT_CMD is empty. Set it in config.sh."
|
||||
exit 1
|
||||
fi
|
||||
if ! command -v "$agent_bin" >/dev/null 2>&1; then
|
||||
echo "Agent command not found: $agent_bin"
|
||||
case "$agent_bin" in
|
||||
codex)
|
||||
echo "Install: npm i -g @openai/codex"
|
||||
;;
|
||||
claude)
|
||||
echo "Install: curl -fsSL https://claude.ai/install.sh | bash"
|
||||
;;
|
||||
droid)
|
||||
echo "Install: curl -fsSL https://app.factory.ai/cli | sh"
|
||||
;;
|
||||
opencode)
|
||||
echo "Install: curl -fsSL https://opencode.ai/install.sh | bash"
|
||||
;;
|
||||
esac
|
||||
echo "Then authenticate per the CLI's instructions."
|
||||
exit 1
|
||||
fi
|
||||
}
|
||||
|
||||
run_agent() {
|
||||
local prompt_file="$1"
|
||||
if [[ "$AGENT_CMD" == *"{prompt}"* ]]; then
|
||||
local escaped
|
||||
escaped=$(printf '%q' "$prompt_file")
|
||||
local cmd="${AGENT_CMD//\{prompt\}/$escaped}"
|
||||
eval "$cmd"
|
||||
else
|
||||
cat "$prompt_file" | eval "$AGENT_CMD"
|
||||
fi
|
||||
}
|
||||
|
||||
run_agent_inline() {
|
||||
local prompt_file="$1"
|
||||
local prompt_content
|
||||
prompt_content="$(cat "$prompt_file")"
|
||||
local escaped
|
||||
escaped=$(printf "%s" "$prompt_content" | sed "s/'/'\\\\''/g")
|
||||
local cmd="${PRD_AGENT_CMD:-$AGENT_CMD}"
|
||||
if [[ "$cmd" == *"{prompt}"* ]]; then
|
||||
cmd="${cmd//\{prompt\}/'$escaped'}"
|
||||
else
|
||||
cmd="$cmd '$escaped'"
|
||||
fi
|
||||
eval "$cmd"
|
||||
}
|
||||
|
||||
MODE="build"
|
||||
while [ $# -gt 0 ]; do
|
||||
case "$1" in
|
||||
build|prd)
|
||||
MODE="$1"
|
||||
shift
|
||||
;;
|
||||
--prompt)
|
||||
PRD_REQUEST_PATH="$2"
|
||||
shift 2
|
||||
;;
|
||||
--no-commit)
|
||||
NO_COMMIT=true
|
||||
shift
|
||||
;;
|
||||
*)
|
||||
if [ "$MODE" = "prd" ]; then
|
||||
PRD_INLINE="${PRD_INLINE:+$PRD_INLINE }$1"
|
||||
shift
|
||||
elif [[ "$1" =~ ^[0-9]+$ ]]; then
|
||||
MAX_ITERATIONS="$1"
|
||||
shift
|
||||
else
|
||||
echo "Unknown arg: $1"
|
||||
exit 1
|
||||
fi
|
||||
;;
|
||||
esac
|
||||
done
|
||||
|
||||
PROMPT_FILE="$PROMPT_BUILD"
|
||||
|
||||
if [ "$MODE" = "prd" ]; then
|
||||
PRD_USE_INLINE=1
|
||||
if [ -z "${PRD_AGENT_CMD:-}" ]; then
|
||||
PRD_AGENT_CMD="$AGENT_CMD"
|
||||
PRD_USE_INLINE=0
|
||||
fi
|
||||
if [ "${RALPH_DRY_RUN:-}" != "1" ]; then
|
||||
require_agent "${PRD_AGENT_CMD:-$AGENT_CMD}"
|
||||
fi
|
||||
|
||||
if [[ "$PRD_PATH" == *.json ]]; then
|
||||
mkdir -p "$(dirname "$PRD_PATH")" "$TMP_DIR"
|
||||
else
|
||||
mkdir -p "$PRD_PATH" "$TMP_DIR"
|
||||
fi
|
||||
|
||||
if [ -z "$PRD_REQUEST_PATH" ] && [ -n "$PRD_INLINE" ]; then
|
||||
PRD_REQUEST_PATH="$TMP_DIR/prd-request-$(date +%Y%m%d-%H%M%S)-$$.txt"
|
||||
printf '%s\n' "$PRD_INLINE" > "$PRD_REQUEST_PATH"
|
||||
fi
|
||||
|
||||
if [ -z "$PRD_REQUEST_PATH" ] || [ ! -f "$PRD_REQUEST_PATH" ]; then
|
||||
echo "PRD request missing. Provide a prompt string or --prompt <file>."
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [ "${RALPH_DRY_RUN:-}" = "1" ]; then
|
||||
if [[ "$PRD_PATH" == *.json ]]; then
|
||||
if [ ! -f "$PRD_PATH" ]; then
|
||||
{
|
||||
echo '{'
|
||||
echo ' "version": 1,'
|
||||
echo ' "project": "ralph",'
|
||||
echo ' "qualityGates": [],'
|
||||
echo ' "stories": []'
|
||||
echo '}'
|
||||
} > "$PRD_PATH"
|
||||
fi
|
||||
fi
|
||||
exit 0
|
||||
fi
|
||||
|
||||
PRD_PROMPT_FILE="$TMP_DIR/prd-prompt-$(date +%Y%m%d-%H%M%S)-$$.md"
|
||||
{
|
||||
echo "You are an autonomous coding agent."
|
||||
echo "Use the \$prd skill to create a Product Requirements Document in JSON."
|
||||
if [[ "$PRD_PATH" == *.json ]]; then
|
||||
echo "Save the PRD to: $PRD_PATH"
|
||||
else
|
||||
echo "Save the PRD as JSON in directory: $PRD_PATH"
|
||||
echo "Filename rules: prd-<short-slug>.json using 1-3 meaningful words."
|
||||
echo "Examples: prd-workout-tracker.json, prd-usage-billing.json"
|
||||
fi
|
||||
echo "Do NOT implement anything."
|
||||
echo "After creating the PRD, end with:"
|
||||
echo "PRD JSON saved to <path>. Close this chat and run \`ralph build\`."
|
||||
echo ""
|
||||
echo "User request:"
|
||||
cat "$PRD_REQUEST_PATH"
|
||||
} > "$PRD_PROMPT_FILE"
|
||||
|
||||
if [ "$PRD_USE_INLINE" -eq 1 ]; then
|
||||
run_agent_inline "$PRD_PROMPT_FILE"
|
||||
else
|
||||
run_agent "$PRD_PROMPT_FILE"
|
||||
fi
|
||||
exit 0
|
||||
fi
|
||||
|
||||
if [ "${RALPH_DRY_RUN:-}" != "1" ]; then
|
||||
require_agent
|
||||
fi
|
||||
|
||||
if [ ! -f "$PROMPT_FILE" ]; then
|
||||
echo "Prompt not found: $PROMPT_FILE"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [ "$MODE" != "prd" ] && [ ! -f "$PRD_PATH" ]; then
|
||||
echo "PRD not found: $PRD_PATH"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
mkdir -p "$(dirname "$PROGRESS_PATH")" "$TMP_DIR" "$RUNS_DIR"
|
||||
|
||||
if [ ! -f "$PROGRESS_PATH" ]; then
|
||||
{
|
||||
echo "# Progress Log"
|
||||
echo "Started: $(date)"
|
||||
echo ""
|
||||
echo "## Codebase Patterns"
|
||||
echo "- (add reusable patterns here)"
|
||||
echo ""
|
||||
echo "---"
|
||||
} > "$PROGRESS_PATH"
|
||||
fi
|
||||
|
||||
if [ ! -f "$GUARDRAILS_PATH" ]; then
|
||||
{
|
||||
echo "# Guardrails (Signs)"
|
||||
echo ""
|
||||
echo "> Lessons learned from failures. Read before acting."
|
||||
echo ""
|
||||
echo "## Core Signs"
|
||||
echo ""
|
||||
echo "### Sign: Read Before Writing"
|
||||
echo "- **Trigger**: Before modifying any file"
|
||||
echo "- **Instruction**: Read the file first"
|
||||
echo "- **Added after**: Core principle"
|
||||
echo ""
|
||||
echo "### Sign: Test Before Commit"
|
||||
echo "- **Trigger**: Before committing changes"
|
||||
echo "- **Instruction**: Run required tests and verify outputs"
|
||||
echo "- **Added after**: Core principle"
|
||||
echo ""
|
||||
echo "---"
|
||||
echo ""
|
||||
echo "## Learned Signs"
|
||||
echo ""
|
||||
} > "$GUARDRAILS_PATH"
|
||||
fi
|
||||
|
||||
if [ ! -f "$ERRORS_LOG_PATH" ]; then
|
||||
{
|
||||
echo "# Error Log"
|
||||
echo ""
|
||||
echo "> Failures and repeated issues. Use this to add guardrails."
|
||||
echo ""
|
||||
} > "$ERRORS_LOG_PATH"
|
||||
fi
|
||||
|
||||
if [ ! -f "$ACTIVITY_LOG_PATH" ]; then
|
||||
{
|
||||
echo "# Activity Log"
|
||||
echo ""
|
||||
echo "## Run Summary"
|
||||
echo ""
|
||||
echo "## Events"
|
||||
echo ""
|
||||
} > "$ACTIVITY_LOG_PATH"
|
||||
fi
|
||||
|
||||
RUN_TAG="$(date +%Y%m%d-%H%M%S)-$$"
|
||||
|
||||
render_prompt() {
|
||||
local src="$1"
|
||||
local dst="$2"
|
||||
local story_meta="$3"
|
||||
local story_block="$4"
|
||||
local run_id="$5"
|
||||
local iter="$6"
|
||||
local run_log="$7"
|
||||
local run_meta="$8"
|
||||
python3 - "$src" "$dst" "$PRD_PATH" "$AGENTS_PATH" "$PROGRESS_PATH" "$ROOT_DIR" "$GUARDRAILS_PATH" "$ERRORS_LOG_PATH" "$ACTIVITY_LOG_PATH" "$GUARDRAILS_REF" "$CONTEXT_REF" "$ACTIVITY_CMD" "$NO_COMMIT" "$story_meta" "$story_block" "$run_id" "$iter" "$run_log" "$run_meta" <<'PY'
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
src = Path(sys.argv[1]).read_text()
|
||||
prd, agents, progress, root = sys.argv[3:7]
|
||||
guardrails = sys.argv[7]
|
||||
errors_log = sys.argv[8]
|
||||
activity_log = sys.argv[9]
|
||||
guardrails_ref = sys.argv[10]
|
||||
context_ref = sys.argv[11]
|
||||
activity_cmd = sys.argv[12]
|
||||
no_commit = sys.argv[13]
|
||||
meta_path = sys.argv[14] if len(sys.argv) > 14 else ""
|
||||
block_path = sys.argv[15] if len(sys.argv) > 15 else ""
|
||||
run_id = sys.argv[16] if len(sys.argv) > 16 else ""
|
||||
iteration = sys.argv[17] if len(sys.argv) > 17 else ""
|
||||
run_log = sys.argv[18] if len(sys.argv) > 18 else ""
|
||||
run_meta = sys.argv[19] if len(sys.argv) > 19 else ""
|
||||
repl = {
|
||||
"PRD_PATH": prd,
|
||||
"AGENTS_PATH": agents,
|
||||
"PROGRESS_PATH": progress,
|
||||
"REPO_ROOT": root,
|
||||
"GUARDRAILS_PATH": guardrails,
|
||||
"ERRORS_LOG_PATH": errors_log,
|
||||
"ACTIVITY_LOG_PATH": activity_log,
|
||||
"GUARDRAILS_REF": guardrails_ref,
|
||||
"CONTEXT_REF": context_ref,
|
||||
"ACTIVITY_CMD": activity_cmd,
|
||||
"NO_COMMIT": no_commit,
|
||||
"RUN_ID": run_id,
|
||||
"ITERATION": iteration,
|
||||
"RUN_LOG_PATH": run_log,
|
||||
"RUN_META_PATH": run_meta,
|
||||
}
|
||||
story = {"id": "", "title": "", "block": ""}
|
||||
quality_gates = []
|
||||
if meta_path:
|
||||
try:
|
||||
import json
|
||||
meta = json.loads(Path(meta_path).read_text())
|
||||
story["id"] = meta.get("id", "") or ""
|
||||
story["title"] = meta.get("title", "") or ""
|
||||
quality_gates = meta.get("quality_gates", []) or []
|
||||
except Exception:
|
||||
pass
|
||||
if block_path and Path(block_path).exists():
|
||||
story["block"] = Path(block_path).read_text()
|
||||
repl["STORY_ID"] = story["id"]
|
||||
repl["STORY_TITLE"] = story["title"]
|
||||
repl["STORY_BLOCK"] = story["block"]
|
||||
if quality_gates:
|
||||
repl["QUALITY_GATES"] = "\n".join([f"- {g}" for g in quality_gates])
|
||||
else:
|
||||
repl["QUALITY_GATES"] = "- (none)"
|
||||
for k, v in repl.items():
|
||||
src = src.replace("{{" + k + "}}", v)
|
||||
Path(sys.argv[2]).write_text(src)
|
||||
PY
|
||||
}
|
||||
|
||||
select_story() {
|
||||
local meta_out="$1"
|
||||
local block_out="$2"
|
||||
python3 - "$PRD_PATH" "$meta_out" "$block_out" "$STALE_SECONDS" <<'PY'
|
||||
import json
|
||||
import os
|
||||
import sys
|
||||
from pathlib import Path
|
||||
from datetime import datetime, timezone
|
||||
try:
|
||||
import fcntl
|
||||
except Exception:
|
||||
fcntl = None
|
||||
|
||||
prd_path = Path(sys.argv[1])
|
||||
meta_out = Path(sys.argv[2])
|
||||
block_out = Path(sys.argv[3])
|
||||
stale_seconds = 0
|
||||
if len(sys.argv) > 4:
|
||||
try:
|
||||
stale_seconds = int(sys.argv[4])
|
||||
except Exception:
|
||||
stale_seconds = 0
|
||||
|
||||
if not prd_path.exists():
|
||||
meta_out.write_text(json.dumps({"ok": False, "error": "PRD not found"}, indent=2) + "\n")
|
||||
block_out.write_text("")
|
||||
sys.exit(0)
|
||||
|
||||
def normalize_status(value):
|
||||
if value is None:
|
||||
return "open"
|
||||
return str(value).strip().lower()
|
||||
|
||||
def parse_ts(value):
|
||||
if not value:
|
||||
return None
|
||||
text = str(value).strip()
|
||||
if text.endswith("Z"):
|
||||
text = text[:-1] + "+00:00"
|
||||
try:
|
||||
return datetime.fromisoformat(text)
|
||||
except Exception:
|
||||
return None
|
||||
|
||||
def now_iso():
|
||||
return datetime.now(timezone.utc).isoformat()
|
||||
|
||||
with prd_path.open("r+", encoding="utf-8") as fh:
|
||||
if fcntl is not None:
|
||||
fcntl.flock(fh.fileno(), fcntl.LOCK_EX)
|
||||
try:
|
||||
try:
|
||||
data = json.load(fh)
|
||||
except Exception as exc:
|
||||
meta_out.write_text(json.dumps({"ok": False, "error": f"Invalid PRD JSON: {exc}"}, indent=2) + "\n")
|
||||
block_out.write_text("")
|
||||
sys.exit(0)
|
||||
|
||||
stories = data.get("stories") if isinstance(data, dict) else None
|
||||
if not isinstance(stories, list) or not stories:
|
||||
meta_out.write_text(json.dumps({"ok": False, "error": "No stories found in PRD"}, indent=2) + "\n")
|
||||
block_out.write_text("")
|
||||
sys.exit(0)
|
||||
|
||||
story_index = {s.get("id"): s for s in stories if isinstance(s, dict)}
|
||||
|
||||
def is_done(story_id: str) -> bool:
|
||||
target = story_index.get(story_id)
|
||||
if not isinstance(target, dict):
|
||||
return False
|
||||
return normalize_status(target.get("status")) == "done"
|
||||
|
||||
if stale_seconds > 0:
|
||||
now = datetime.now(timezone.utc)
|
||||
for story in stories:
|
||||
if not isinstance(story, dict):
|
||||
continue
|
||||
if normalize_status(story.get("status")) != "in_progress":
|
||||
continue
|
||||
started = parse_ts(story.get("startedAt"))
|
||||
if started is None or (now - started).total_seconds() > stale_seconds:
|
||||
story["status"] = "open"
|
||||
story["startedAt"] = None
|
||||
story["completedAt"] = None
|
||||
story["updatedAt"] = now_iso()
|
||||
|
||||
candidate = None
|
||||
for story in stories:
|
||||
if not isinstance(story, dict):
|
||||
continue
|
||||
if normalize_status(story.get("status")) != "open":
|
||||
continue
|
||||
deps = story.get("dependsOn") or []
|
||||
if not isinstance(deps, list):
|
||||
deps = []
|
||||
if all(is_done(dep) for dep in deps):
|
||||
candidate = story
|
||||
break
|
||||
|
||||
remaining = sum(
|
||||
1 for story in stories
|
||||
if isinstance(story, dict) and normalize_status(story.get("status")) != "done"
|
||||
)
|
||||
|
||||
meta = {
|
||||
"ok": True,
|
||||
"total": len(stories),
|
||||
"remaining": remaining,
|
||||
"quality_gates": data.get("qualityGates", []) or [],
|
||||
}
|
||||
|
||||
if candidate:
|
||||
candidate["status"] = "in_progress"
|
||||
if not candidate.get("startedAt"):
|
||||
candidate["startedAt"] = now_iso()
|
||||
candidate["completedAt"] = None
|
||||
candidate["updatedAt"] = now_iso()
|
||||
meta.update({
|
||||
"id": candidate.get("id", ""),
|
||||
"title": candidate.get("title", ""),
|
||||
})
|
||||
|
||||
depends = candidate.get("dependsOn") or []
|
||||
if not isinstance(depends, list):
|
||||
depends = []
|
||||
acceptance = candidate.get("acceptanceCriteria") or []
|
||||
if not isinstance(acceptance, list):
|
||||
acceptance = []
|
||||
|
||||
description = candidate.get("description") or ""
|
||||
block_lines = []
|
||||
block_lines.append(f"### {candidate.get('id', '')}: {candidate.get('title', '')}")
|
||||
block_lines.append(f"Status: {candidate.get('status', 'open')}")
|
||||
block_lines.append(
|
||||
f"Depends on: {', '.join(depends) if depends else 'None'}"
|
||||
)
|
||||
block_lines.append("")
|
||||
block_lines.append("Description:")
|
||||
block_lines.append(description if description else "(none)")
|
||||
block_lines.append("")
|
||||
block_lines.append("Acceptance Criteria:")
|
||||
if acceptance:
|
||||
block_lines.extend([f"- [ ] {item}" for item in acceptance])
|
||||
else:
|
||||
block_lines.append("- (none)")
|
||||
block_out.write_text("\n".join(block_lines).rstrip() + "\n")
|
||||
else:
|
||||
block_out.write_text("")
|
||||
|
||||
fh.seek(0)
|
||||
fh.truncate()
|
||||
json.dump(data, fh, indent=2)
|
||||
fh.write("\n")
|
||||
fh.flush()
|
||||
os.fsync(fh.fileno())
|
||||
finally:
|
||||
if fcntl is not None:
|
||||
fcntl.flock(fh.fileno(), fcntl.LOCK_UN)
|
||||
|
||||
meta_out.write_text(json.dumps(meta, indent=2) + "\n")
|
||||
PY
|
||||
}
|
||||
|
||||
remaining_stories() {
|
||||
local meta_file="$1"
|
||||
python3 - "$meta_file" <<'PY'
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
data = json.loads(Path(sys.argv[1]).read_text())
|
||||
print(data.get("remaining", "unknown"))
|
||||
PY
|
||||
}
|
||||
|
||||
remaining_from_prd() {
|
||||
python3 - "$PRD_PATH" <<'PY'
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
prd_path = Path(sys.argv[1])
|
||||
if not prd_path.exists():
|
||||
print("unknown")
|
||||
sys.exit(0)
|
||||
|
||||
try:
|
||||
data = json.loads(prd_path.read_text())
|
||||
except Exception:
|
||||
print("unknown")
|
||||
sys.exit(0)
|
||||
|
||||
stories = data.get("stories") if isinstance(data, dict) else None
|
||||
if not isinstance(stories, list):
|
||||
print("unknown")
|
||||
sys.exit(0)
|
||||
|
||||
def normalize_status(value):
|
||||
if value is None:
|
||||
return "open"
|
||||
return str(value).strip().lower()
|
||||
|
||||
remaining = sum(
|
||||
1 for story in stories
|
||||
if isinstance(story, dict) and normalize_status(story.get("status")) != "done"
|
||||
)
|
||||
print(remaining)
|
||||
PY
|
||||
}
|
||||
|
||||
story_field() {
|
||||
local meta_file="$1"
|
||||
local field="$2"
|
||||
python3 - "$meta_file" "$field" <<'PY'
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
data = json.loads(Path(sys.argv[1]).read_text())
|
||||
field = sys.argv[2]
|
||||
print(data.get(field, ""))
|
||||
PY
|
||||
}
|
||||
|
||||
update_story_status() {
|
||||
local story_id="$1"
|
||||
local new_status="$2"
|
||||
python3 - "$PRD_PATH" "$story_id" "$new_status" <<'PY'
|
||||
import json
|
||||
import os
|
||||
import sys
|
||||
from pathlib import Path
|
||||
from datetime import datetime, timezone
|
||||
try:
|
||||
import fcntl
|
||||
except Exception:
|
||||
fcntl = None
|
||||
|
||||
prd_path = Path(sys.argv[1])
|
||||
story_id = sys.argv[2]
|
||||
new_status = sys.argv[3]
|
||||
|
||||
if not story_id:
|
||||
sys.exit(0)
|
||||
|
||||
if not prd_path.exists():
|
||||
sys.exit(0)
|
||||
|
||||
def now_iso():
|
||||
return datetime.now(timezone.utc).isoformat()
|
||||
|
||||
with prd_path.open("r+", encoding="utf-8") as fh:
|
||||
if fcntl is not None:
|
||||
fcntl.flock(fh.fileno(), fcntl.LOCK_EX)
|
||||
try:
|
||||
data = json.load(fh)
|
||||
stories = data.get("stories") if isinstance(data, dict) else None
|
||||
if not isinstance(stories, list):
|
||||
sys.exit(0)
|
||||
for story in stories:
|
||||
if isinstance(story, dict) and story.get("id") == story_id:
|
||||
story["status"] = new_status
|
||||
story["updatedAt"] = now_iso()
|
||||
if new_status == "in_progress":
|
||||
if not story.get("startedAt"):
|
||||
story["startedAt"] = now_iso()
|
||||
story["completedAt"] = None
|
||||
elif new_status == "done":
|
||||
story["completedAt"] = now_iso()
|
||||
if not story.get("startedAt"):
|
||||
story["startedAt"] = now_iso()
|
||||
elif new_status == "open":
|
||||
story["startedAt"] = None
|
||||
story["completedAt"] = None
|
||||
break
|
||||
fh.seek(0)
|
||||
fh.truncate()
|
||||
json.dump(data, fh, indent=2)
|
||||
fh.write("\n")
|
||||
fh.flush()
|
||||
os.fsync(fh.fileno())
|
||||
finally:
|
||||
if fcntl is not None:
|
||||
fcntl.flock(fh.fileno(), fcntl.LOCK_UN)
|
||||
PY
|
||||
}
|
||||
|
||||
log_activity() {
|
||||
local message="$1"
|
||||
local timestamp
|
||||
timestamp=$(date '+%Y-%m-%d %H:%M:%S')
|
||||
echo "[$timestamp] $message" >> "$ACTIVITY_LOG_PATH"
|
||||
}
|
||||
|
||||
log_error() {
|
||||
local message="$1"
|
||||
local timestamp
|
||||
timestamp=$(date '+%Y-%m-%d %H:%M:%S')
|
||||
echo "[$timestamp] $message" >> "$ERRORS_LOG_PATH"
|
||||
}
|
||||
|
||||
append_run_summary() {
|
||||
local line="$1"
|
||||
python3 - "$ACTIVITY_LOG_PATH" "$line" <<'PY'
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
path = Path(sys.argv[1])
|
||||
line = sys.argv[2]
|
||||
text = path.read_text().splitlines()
|
||||
out = []
|
||||
inserted = False
|
||||
for l in text:
|
||||
out.append(l)
|
||||
if not inserted and l.strip() == "## Run Summary":
|
||||
out.append(f"- {line}")
|
||||
inserted = True
|
||||
if not inserted:
|
||||
out = [
|
||||
"# Activity Log",
|
||||
"",
|
||||
"## Run Summary",
|
||||
f"- {line}",
|
||||
"",
|
||||
"## Events",
|
||||
"",
|
||||
] + text
|
||||
Path(path).write_text("\n".join(out).rstrip() + "\n")
|
||||
PY
|
||||
}
|
||||
|
||||
write_run_meta() {
|
||||
local path="$1"
|
||||
local mode="$2"
|
||||
local iter="$3"
|
||||
local run_id="$4"
|
||||
local story_id="$5"
|
||||
local story_title="$6"
|
||||
local started="$7"
|
||||
local ended="$8"
|
||||
local duration="$9"
|
||||
local status="${10}"
|
||||
local log_file="${11}"
|
||||
local head_before="${12}"
|
||||
local head_after="${13}"
|
||||
local commit_list="${14}"
|
||||
local changed_files="${15}"
|
||||
local dirty_files="${16}"
|
||||
{
|
||||
echo "# Ralph Run Summary"
|
||||
echo ""
|
||||
echo "- Run ID: $run_id"
|
||||
echo "- Iteration: $iter"
|
||||
echo "- Mode: $mode"
|
||||
if [ -n "$story_id" ]; then
|
||||
echo "- Story: $story_id: $story_title"
|
||||
fi
|
||||
echo "- Started: $started"
|
||||
echo "- Ended: $ended"
|
||||
echo "- Duration: ${duration}s"
|
||||
echo "- Status: $status"
|
||||
echo "- Log: $log_file"
|
||||
echo ""
|
||||
echo "## Git"
|
||||
echo "- Head (before): ${head_before:-unknown}"
|
||||
echo "- Head (after): ${head_after:-unknown}"
|
||||
echo ""
|
||||
echo "### Commits"
|
||||
if [ -n "$commit_list" ]; then
|
||||
echo "$commit_list"
|
||||
else
|
||||
echo "- (none)"
|
||||
fi
|
||||
echo ""
|
||||
echo "### Changed Files (commits)"
|
||||
if [ -n "$changed_files" ]; then
|
||||
echo "$changed_files"
|
||||
else
|
||||
echo "- (none)"
|
||||
fi
|
||||
echo ""
|
||||
echo "### Uncommitted Changes"
|
||||
if [ -n "$dirty_files" ]; then
|
||||
echo "$dirty_files"
|
||||
else
|
||||
echo "- (clean)"
|
||||
fi
|
||||
echo ""
|
||||
} > "$path"
|
||||
}
|
||||
|
||||
git_head() {
|
||||
if git -C "$ROOT_DIR" rev-parse --is-inside-work-tree >/dev/null 2>&1; then
|
||||
git -C "$ROOT_DIR" rev-parse HEAD 2>/dev/null || true
|
||||
else
|
||||
echo ""
|
||||
fi
|
||||
}
|
||||
|
||||
git_commit_list() {
|
||||
local before="$1"
|
||||
local after="$2"
|
||||
if [ -n "$before" ] && [ -n "$after" ] && [ "$before" != "$after" ]; then
|
||||
git -C "$ROOT_DIR" log --oneline "$before..$after" | sed 's/^/- /'
|
||||
else
|
||||
echo ""
|
||||
fi
|
||||
}
|
||||
|
||||
git_changed_files() {
|
||||
local before="$1"
|
||||
local after="$2"
|
||||
if [ -n "$before" ] && [ -n "$after" ] && [ "$before" != "$after" ]; then
|
||||
git -C "$ROOT_DIR" diff --name-only "$before" "$after" | sed 's/^/- /'
|
||||
else
|
||||
echo ""
|
||||
fi
|
||||
}
|
||||
|
||||
git_dirty_files() {
|
||||
if git -C "$ROOT_DIR" rev-parse --is-inside-work-tree >/dev/null 2>&1; then
|
||||
git -C "$ROOT_DIR" status --porcelain | awk '{print "- " $2}'
|
||||
else
|
||||
echo ""
|
||||
fi
|
||||
}
|
||||
|
||||
echo "Ralph mode: $MODE"
|
||||
echo "Max iterations: $MAX_ITERATIONS"
|
||||
echo "PRD: $PRD_PATH"
|
||||
HAS_ERROR="false"
|
||||
|
||||
for i in $(seq 1 "$MAX_ITERATIONS"); do
|
||||
echo ""
|
||||
echo "═══════════════════════════════════════════════════════"
|
||||
echo " Ralph Iteration $i of $MAX_ITERATIONS"
|
||||
echo "═══════════════════════════════════════════════════════"
|
||||
|
||||
STORY_META=""
|
||||
STORY_BLOCK=""
|
||||
ITER_START=$(date +%s)
|
||||
ITER_START_FMT=$(date '+%Y-%m-%d %H:%M:%S')
|
||||
if [ "$MODE" = "build" ]; then
|
||||
STORY_META="$TMP_DIR/story-$RUN_TAG-$i.json"
|
||||
STORY_BLOCK="$TMP_DIR/story-$RUN_TAG-$i.md"
|
||||
select_story "$STORY_META" "$STORY_BLOCK"
|
||||
REMAINING="$(remaining_stories "$STORY_META")"
|
||||
if [ "$REMAINING" = "unknown" ]; then
|
||||
echo "Could not parse stories from PRD: $PRD_PATH"
|
||||
exit 1
|
||||
fi
|
||||
if [ "$REMAINING" = "0" ]; then
|
||||
echo "No remaining stories."
|
||||
exit 0
|
||||
fi
|
||||
STORY_ID="$(story_field "$STORY_META" "id")"
|
||||
STORY_TITLE="$(story_field "$STORY_META" "title")"
|
||||
if [ -z "$STORY_ID" ]; then
|
||||
echo "No actionable open stories (all blocked or in progress). Remaining: $REMAINING"
|
||||
exit 0
|
||||
fi
|
||||
fi
|
||||
|
||||
HEAD_BEFORE="$(git_head)"
|
||||
PROMPT_RENDERED="$TMP_DIR/prompt-$RUN_TAG-$i.md"
|
||||
LOG_FILE="$RUNS_DIR/run-$RUN_TAG-iter-$i.log"
|
||||
RUN_META="$RUNS_DIR/run-$RUN_TAG-iter-$i.md"
|
||||
render_prompt "$PROMPT_FILE" "$PROMPT_RENDERED" "$STORY_META" "$STORY_BLOCK" "$RUN_TAG" "$i" "$LOG_FILE" "$RUN_META"
|
||||
|
||||
if [ "$MODE" = "build" ] && [ -n "${STORY_ID:-}" ]; then
|
||||
log_activity "ITERATION $i start (mode=$MODE story=$STORY_ID)"
|
||||
else
|
||||
log_activity "ITERATION $i start (mode=$MODE)"
|
||||
fi
|
||||
set +e
|
||||
if [ "${RALPH_DRY_RUN:-}" = "1" ]; then
|
||||
echo "[RALPH_DRY_RUN] Skipping agent execution." | tee "$LOG_FILE"
|
||||
CMD_STATUS=0
|
||||
else
|
||||
run_agent "$PROMPT_RENDERED" 2>&1 | tee "$LOG_FILE"
|
||||
CMD_STATUS=$?
|
||||
fi
|
||||
set -e
|
||||
if [ "$CMD_STATUS" -eq 130 ] || [ "$CMD_STATUS" -eq 143 ]; then
|
||||
echo "Interrupted."
|
||||
exit "$CMD_STATUS"
|
||||
fi
|
||||
ITER_END=$(date +%s)
|
||||
ITER_END_FMT=$(date '+%Y-%m-%d %H:%M:%S')
|
||||
ITER_DURATION=$((ITER_END - ITER_START))
|
||||
HEAD_AFTER="$(git_head)"
|
||||
log_activity "ITERATION $i end (duration=${ITER_DURATION}s)"
|
||||
if [ "$CMD_STATUS" -ne 0 ]; then
|
||||
log_error "ITERATION $i command failed (status=$CMD_STATUS)"
|
||||
HAS_ERROR="true"
|
||||
fi
|
||||
COMMIT_LIST="$(git_commit_list "$HEAD_BEFORE" "$HEAD_AFTER")"
|
||||
CHANGED_FILES="$(git_changed_files "$HEAD_BEFORE" "$HEAD_AFTER")"
|
||||
DIRTY_FILES="$(git_dirty_files)"
|
||||
STATUS_LABEL="success"
|
||||
if [ "$CMD_STATUS" -ne 0 ]; then
|
||||
STATUS_LABEL="error"
|
||||
fi
|
||||
if [ "$MODE" = "build" ] && [ "$NO_COMMIT" = "false" ] && [ -n "$DIRTY_FILES" ]; then
|
||||
log_error "ITERATION $i left uncommitted changes; review run summary at $RUN_META"
|
||||
fi
|
||||
write_run_meta "$RUN_META" "$MODE" "$i" "$RUN_TAG" "${STORY_ID:-}" "${STORY_TITLE:-}" "$ITER_START_FMT" "$ITER_END_FMT" "$ITER_DURATION" "$STATUS_LABEL" "$LOG_FILE" "$HEAD_BEFORE" "$HEAD_AFTER" "$COMMIT_LIST" "$CHANGED_FILES" "$DIRTY_FILES"
|
||||
if [ "$MODE" = "build" ] && [ -n "${STORY_ID:-}" ]; then
|
||||
append_run_summary "$(date '+%Y-%m-%d %H:%M:%S') | run=$RUN_TAG | iter=$i | mode=$MODE | story=$STORY_ID | duration=${ITER_DURATION}s | status=$STATUS_LABEL"
|
||||
else
|
||||
append_run_summary "$(date '+%Y-%m-%d %H:%M:%S') | run=$RUN_TAG | iter=$i | mode=$MODE | duration=${ITER_DURATION}s | status=$STATUS_LABEL"
|
||||
fi
|
||||
|
||||
if [ "$MODE" = "build" ]; then
|
||||
if [ "$CMD_STATUS" -ne 0 ]; then
|
||||
log_error "ITERATION $i exited non-zero; review $LOG_FILE"
|
||||
update_story_status "$STORY_ID" "open"
|
||||
echo "Iteration failed; story reset to open."
|
||||
elif grep -q "<promise>COMPLETE</promise>" "$LOG_FILE"; then
|
||||
update_story_status "$STORY_ID" "done"
|
||||
echo "Completion signal received; story marked done."
|
||||
else
|
||||
update_story_status "$STORY_ID" "open"
|
||||
echo "No completion signal; story reset to open."
|
||||
fi
|
||||
REMAINING="$(remaining_from_prd)"
|
||||
echo "Iteration $i complete. Remaining stories: $REMAINING"
|
||||
if [ "$REMAINING" = "0" ]; then
|
||||
echo "No remaining stories."
|
||||
exit 0
|
||||
fi
|
||||
else
|
||||
echo "Iteration $i complete."
|
||||
fi
|
||||
sleep 2
|
||||
|
||||
done
|
||||
|
||||
echo "Reached max iterations ($MAX_ITERATIONS)."
|
||||
if [ "$HAS_ERROR" = "true" ]; then
|
||||
exit 1
|
||||
fi
|
||||
exit 0
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
@@ -0,0 +1,126 @@
|
||||
# Context Engineering Reference
|
||||
|
||||
This document explains the malloc/free metaphor for LLM context management that underlies the Ralph technique.
|
||||
|
||||
## The malloc() Metaphor
|
||||
|
||||
In traditional programming:
|
||||
- `malloc()` allocates memory
|
||||
- `free()` releases memory
|
||||
- Memory leaks occur when you allocate without freeing
|
||||
|
||||
In LLM context:
|
||||
- Reading files, receiving responses, tool outputs = `malloc()`
|
||||
- **There is no `free()`** - context cannot be released
|
||||
- The only way to "free" is to start a new conversation
|
||||
|
||||
## Why This Matters
|
||||
|
||||
### Context Pollution
|
||||
|
||||
When you work on multiple unrelated tasks in the same context:
|
||||
|
||||
```
|
||||
Task 1: Build authentication → context contains auth code, JWT docs, security patterns
|
||||
Task 2: Build UI components → context now ALSO contains auth stuff
|
||||
|
||||
Result: LLM might suggest auth-related patterns when building UI
|
||||
or mix concerns inappropriately
|
||||
```
|
||||
|
||||
### Autoregressive Failure
|
||||
|
||||
LLMs predict the next token based on ALL context. When context contains:
|
||||
- Unrelated information
|
||||
- Failed attempts
|
||||
- Mixed concerns
|
||||
|
||||
The model can "spiral" into wrong territory, generating increasingly off-base responses.
|
||||
|
||||
### The Gutter Metaphor
|
||||
|
||||
> "If the bowling ball is in the gutter, there's no saving it."
|
||||
|
||||
Once context is polluted with failed attempts or mixed concerns, the model will keep referencing that pollution. Starting fresh is often faster than trying to correct course.
|
||||
|
||||
## Context Health Indicators
|
||||
|
||||
### 🟢 Healthy Context
|
||||
- Single focused task
|
||||
- Relevant files only
|
||||
- Clear progress
|
||||
- Under 60% capacity
|
||||
|
||||
### 🟡 Warning Signs
|
||||
- Multiple unrelated topics discussed
|
||||
- Several failed attempts in history
|
||||
- Approaching 80% capacity
|
||||
- Repeated similar errors
|
||||
|
||||
### 🔴 Critical / Gutter
|
||||
- Mixed concerns throughout
|
||||
- Circular failure patterns
|
||||
- Over 90% capacity
|
||||
- Model suggesting irrelevant solutions
|
||||
|
||||
## Best Practices
|
||||
|
||||
### 1. One Task Per Context
|
||||
|
||||
Don't ask "fix the auth bug AND add the new feature". Do them in separate conversations.
|
||||
|
||||
### 2. Fresh Start on Topic Change
|
||||
|
||||
Finished auth? Start a new conversation for the next feature.
|
||||
|
||||
### 3. Don't Redline
|
||||
|
||||
Stay under 80% of context capacity. Quality degrades as you approach limits.
|
||||
|
||||
### 4. Recognize the Gutter
|
||||
|
||||
If you're seeing:
|
||||
- Same error 3+ times
|
||||
- Solutions that don't match the problem
|
||||
- Circular suggestions
|
||||
|
||||
Start fresh. Your progress is in the files.
|
||||
|
||||
### 5. State in Files, Not Context
|
||||
|
||||
Write progress to files. The next conversation can read them. Context is ephemeral; files are permanent.
|
||||
|
||||
## Ralph's Approach
|
||||
|
||||
The original Ralph technique (`while :; do cat PROMPT.md | agent ; done`) naturally implements these principles:
|
||||
|
||||
1. **Each iteration is a fresh process** - Context is freed
|
||||
2. **State persists in files** - Progress survives context resets
|
||||
3. **Same prompt each time** - Focused, single-task context
|
||||
4. **Failures inform guardrails** - Learning without context pollution
|
||||
|
||||
This Cursor implementation aims to bring these benefits while working within Cursor's session model.
|
||||
|
||||
## Measuring Context
|
||||
|
||||
Rough estimates:
|
||||
- 1 token ≈ 4 characters
|
||||
- Average code file: 500-2000 tokens
|
||||
- Large file: 5000+ tokens
|
||||
- Conversation history: 100-500 tokens per exchange
|
||||
|
||||
Track allocations in `.ralph/context-log.md` to stay aware.
|
||||
|
||||
## When to Start Fresh
|
||||
|
||||
**Definitely start fresh when:**
|
||||
- Switching to unrelated task
|
||||
- Context over 90% full
|
||||
- Same error 3+ times
|
||||
- Model suggestions are off-topic
|
||||
|
||||
**Consider starting fresh when:**
|
||||
- Context over 70% full
|
||||
- Significant topic shift within task
|
||||
- Feeling "stuck"
|
||||
- Multiple failed approaches in history
|
||||
@@ -0,0 +1,174 @@
|
||||
# Guardrails Reference ("Signs")
|
||||
|
||||
This document explains how to create and use guardrails in Ralph.
|
||||
|
||||
## The Signs Metaphor
|
||||
|
||||
From Geoffrey Huntley:
|
||||
|
||||
> "Ralph is very good at making playgrounds, but he comes home bruised because he fell off the slide, so one then tunes Ralph by adding a sign next to the slide saying 'SLIDE DOWN, DON'T JUMP, LOOK AROUND,' and Ralph is more likely to look and see the sign."
|
||||
|
||||
Signs are explicit instructions added to prevent known failure modes.
|
||||
|
||||
## Anatomy of a Sign
|
||||
|
||||
```markdown
|
||||
### Sign: [Descriptive Name]
|
||||
- **Trigger**: When this situation occurs
|
||||
- **Instruction**: What to do instead
|
||||
- **Added after**: When/why this was added
|
||||
- **Example**: Concrete example if helpful
|
||||
```
|
||||
|
||||
## Types of Signs
|
||||
|
||||
### 1. Preventive Signs
|
||||
|
||||
Stop problems before they happen:
|
||||
|
||||
```markdown
|
||||
### Sign: Validate Before Trust
|
||||
- **Trigger**: When receiving external input
|
||||
- **Instruction**: Always validate and sanitize input before using it
|
||||
- **Added after**: Iteration 3 - SQL injection vulnerability
|
||||
```
|
||||
|
||||
### 2. Corrective Signs
|
||||
|
||||
Fix recurring mistakes:
|
||||
|
||||
```markdown
|
||||
### Sign: Check Return Values
|
||||
- **Trigger**: When calling functions that can fail
|
||||
- **Instruction**: Always check return values and handle errors
|
||||
- **Added after**: Iteration 7 - Null pointer exception
|
||||
```
|
||||
|
||||
### 3. Process Signs
|
||||
|
||||
Enforce good practices:
|
||||
|
||||
```markdown
|
||||
### Sign: Test Before Commit
|
||||
- **Trigger**: Before committing changes
|
||||
- **Instruction**: Run the test suite and ensure all tests pass
|
||||
- **Added after**: Iteration 2 - Broken tests committed
|
||||
```
|
||||
|
||||
### 4. Architecture Signs
|
||||
|
||||
Guide design decisions:
|
||||
|
||||
```markdown
|
||||
### Sign: Single Responsibility
|
||||
- **Trigger**: When a function grows beyond 50 lines
|
||||
- **Instruction**: Consider splitting into smaller, focused functions
|
||||
- **Added after**: Iteration 12 - Unmaintainable god function
|
||||
```
|
||||
|
||||
## When to Add Signs
|
||||
|
||||
Add a sign when:
|
||||
|
||||
1. **The same mistake happens twice** - Once is learning, twice is a pattern
|
||||
2. **A subtle bug is found** - Prevent future occurrences
|
||||
3. **A best practice is violated** - Reinforce good habits
|
||||
4. **Context-specific knowledge is needed** - Project-specific conventions
|
||||
|
||||
## Sign Lifecycle
|
||||
|
||||
### Creation
|
||||
|
||||
```markdown
|
||||
### Sign: [New Sign]
|
||||
- **Trigger**: [When it applies]
|
||||
- **Instruction**: [What to do]
|
||||
- **Added after**: Iteration N - [What happened]
|
||||
```
|
||||
|
||||
### Refinement
|
||||
|
||||
If a sign isn't working:
|
||||
- Make the trigger more specific
|
||||
- Make the instruction clearer
|
||||
- Add examples
|
||||
|
||||
### Retirement
|
||||
|
||||
Signs can be removed when:
|
||||
- The underlying issue is fixed at a deeper level
|
||||
- The sign is no longer relevant
|
||||
- The sign is causing more problems than it solves
|
||||
|
||||
## Example Signs Library
|
||||
|
||||
### Security
|
||||
|
||||
```markdown
|
||||
### Sign: Sanitize All Input
|
||||
- **Trigger**: Any user-provided data
|
||||
- **Instruction**: Use parameterized queries, escape HTML, validate types
|
||||
- **Example**: `db.query("SELECT * FROM users WHERE id = ?", [userId])`
|
||||
```
|
||||
|
||||
### Error Handling
|
||||
|
||||
```markdown
|
||||
### Sign: Graceful Degradation
|
||||
- **Trigger**: External service calls
|
||||
- **Instruction**: Always have a fallback for when services are unavailable
|
||||
- **Example**: Cache results, provide default values, show friendly errors
|
||||
```
|
||||
|
||||
### Testing
|
||||
|
||||
```markdown
|
||||
### Sign: Test the Unhappy Path
|
||||
- **Trigger**: Writing tests for new functionality
|
||||
- **Instruction**: Include tests for error cases, edge cases, and invalid input
|
||||
```
|
||||
|
||||
### Code Quality
|
||||
|
||||
```markdown
|
||||
### Sign: Explain Why, Not What
|
||||
- **Trigger**: Writing comments
|
||||
- **Instruction**: Comments should explain reasoning, not describe obvious code
|
||||
- **Example**: `// Using retry because API is flaky under load` not `// Call the API`
|
||||
```
|
||||
|
||||
## Automatic Sign Detection
|
||||
|
||||
The Ralph hooks can automatically detect some patterns and suggest signs:
|
||||
|
||||
- **Thrashing**: Same file edited many times → "Step back and reconsider"
|
||||
- **Repeated errors**: Same test failing → "Check the test assumptions"
|
||||
- **Large changes**: Big diffs → "Consider smaller increments"
|
||||
|
||||
These are logged in `.ralph/failures.md` and can be promoted to guardrails.
|
||||
|
||||
## Using Signs Effectively
|
||||
|
||||
### Do
|
||||
|
||||
- Keep signs concise and actionable
|
||||
- Include concrete examples
|
||||
- Update signs when they're not working
|
||||
- Remove outdated signs
|
||||
|
||||
### Don't
|
||||
|
||||
- Add signs for every minor issue
|
||||
- Make signs too vague ("be careful")
|
||||
- Ignore signs that keep triggering
|
||||
- Let the guardrails file become overwhelming
|
||||
|
||||
## Integration with Ralph
|
||||
|
||||
Signs are:
|
||||
1. Stored in `.ralph/guardrails.md`
|
||||
2. Injected into context at the start of each iteration
|
||||
3. Referenced when relevant situations arise
|
||||
4. Updated based on observed failures
|
||||
|
||||
The goal is a self-improving system where each failure makes future iterations smarter.
|
||||
@@ -0,0 +1,151 @@
|
||||
{
|
||||
"version": 1,
|
||||
"project": "Mobile App File Size Refactor",
|
||||
"overview": "Refactor the existing React Native (Expo) mobile app to keep most files within ~300-400 lines by splitting into smaller modules without changing functionality.",
|
||||
"goals": [
|
||||
"Reduce oversized files to a target range of ~300-400 lines where practical",
|
||||
"Improve maintainability by splitting files into clearer layers (ui/components, hooks, services, utils)",
|
||||
"Preserve existing behavior and UI"
|
||||
],
|
||||
"nonGoals": [
|
||||
"No functional changes",
|
||||
"No UI changes",
|
||||
"No new product features"
|
||||
],
|
||||
"successMetrics": [
|
||||
"All files are within target size or documented as justified exceptions",
|
||||
"Refactor passes existing tests, lint, and typecheck"
|
||||
],
|
||||
"openQuestions": [
|
||||
"Which specific files currently exceed 400 lines and need priority refactors?",
|
||||
"Are there any existing architectural constraints that limit splitting (e.g., circular deps)?"
|
||||
],
|
||||
"stack": {
|
||||
"framework": "React Native (Expo)",
|
||||
"hosting": "App stores via Expo/EAS",
|
||||
"database": "Existing app data layer (no changes)",
|
||||
"auth": "Existing app auth (no changes)"
|
||||
},
|
||||
"routes": [
|
||||
{
|
||||
"path": "(existing)",
|
||||
"name": "App Routes",
|
||||
"purpose": "No route changes; refactor only"
|
||||
}
|
||||
],
|
||||
"uiNotes": [
|
||||
"No UI changes; keep visual output identical",
|
||||
"Split view logic into smaller components without altering layout"
|
||||
],
|
||||
"dataModel": [
|
||||
{
|
||||
"entity": "N/A",
|
||||
"fields": []
|
||||
}
|
||||
],
|
||||
"importFormat": {
|
||||
"description": "Not applicable",
|
||||
"example": {}
|
||||
},
|
||||
"rules": [
|
||||
"Target file size is ~300-400 lines; exceptions must include justification",
|
||||
"Refactor should follow layer-based split: ui/components, hooks, services, utils",
|
||||
"No behavior changes; identical inputs must yield identical outputs"
|
||||
],
|
||||
"qualityGates": [
|
||||
"npm test",
|
||||
"npm run lint",
|
||||
"npm run typecheck"
|
||||
],
|
||||
"stories": [
|
||||
{
|
||||
"id": "US-001",
|
||||
"title": "Inventory oversized files and refactor plan",
|
||||
"status": "done",
|
||||
"dependsOn": [],
|
||||
"description": "As a developer, I want an inventory of oversized files and a planned split strategy so refactors are systematic and safe.",
|
||||
"acceptanceCriteria": [
|
||||
"Produce a list of files > 400 lines with line counts",
|
||||
"For each file, define target split into layers (ui/components, hooks, services, utils)",
|
||||
"Example: a 900-line screen file -> screen container + UI subcomponents + hooks + service module",
|
||||
"Negative case: a file under 300 lines is not split unless a clear modularization need is documented"
|
||||
],
|
||||
"startedAt": "2026-01-25T20:40:12.238126+00:00",
|
||||
"completedAt": "2026-01-25T20:47:05.362525+00:00",
|
||||
"updatedAt": "2026-01-25T20:47:05.362425+00:00"
|
||||
},
|
||||
{
|
||||
"id": "US-002",
|
||||
"title": "Refactor screen-level files into layer-based modules",
|
||||
"status": "done",
|
||||
"dependsOn": [
|
||||
"US-001"
|
||||
],
|
||||
"description": "As a developer, I want oversized screen files split into smaller modules so each file stays around 300-400 lines.",
|
||||
"acceptanceCriteria": [
|
||||
"Split screen files into container + UI components + hooks + services as needed",
|
||||
"Example: screen logic moves into `hooks/use<Screen>.ts` and data calls into `services/<screen>.ts`",
|
||||
"Negative case: moving a function that creates circular dependencies is rejected and alternative split is used",
|
||||
"All screens render identically before and after refactor"
|
||||
],
|
||||
"startedAt": "2026-01-25T20:47:07.436262+00:00",
|
||||
"completedAt": "2026-01-25T21:07:57.526689+00:00",
|
||||
"updatedAt": "2026-01-25T21:07:57.526580+00:00"
|
||||
},
|
||||
{
|
||||
"id": "US-003",
|
||||
"title": "Refactor oversized shared components",
|
||||
"status": "done",
|
||||
"dependsOn": [
|
||||
"US-001"
|
||||
],
|
||||
"description": "As a developer, I want oversized shared components split into smaller pieces to improve clarity and reusability.",
|
||||
"acceptanceCriteria": [
|
||||
"Split shared UI components into smaller subcomponents and helper modules",
|
||||
"Example: extract nested UI blocks into `components/<Component>/SubComponent.tsx`",
|
||||
"Negative case: do not extract one-off UI fragments that would reduce cohesion",
|
||||
"No change to public component API unless required for split"
|
||||
],
|
||||
"startedAt": "2026-01-26T14:09:11.801117+00:00",
|
||||
"completedAt": "2026-01-26T14:22:30.296005+00:00",
|
||||
"updatedAt": "2026-01-26T14:22:30.295815+00:00"
|
||||
},
|
||||
{
|
||||
"id": "US-004",
|
||||
"title": "Refactor oversized hooks/services/utils",
|
||||
"status": "done",
|
||||
"dependsOn": [
|
||||
"US-001"
|
||||
],
|
||||
"description": "As a developer, I want oversized logic files split into smaller, focused modules for readability.",
|
||||
"acceptanceCriteria": [
|
||||
"Split large hooks into smaller hooks or helper functions in utils",
|
||||
"Example: a 500-line hook becomes a main hook + `utils/<hook>-helpers.ts`",
|
||||
"Negative case: do not split logic in a way that increases public API surface without justification",
|
||||
"All previous exports remain available or are re-exported from the original entry point"
|
||||
],
|
||||
"startedAt": "2026-01-26T14:22:32.363863+00:00",
|
||||
"completedAt": "2026-01-26T14:28:08.569075+00:00",
|
||||
"updatedAt": "2026-01-26T14:28:08.568972+00:00"
|
||||
},
|
||||
{
|
||||
"id": "US-005",
|
||||
"title": "Validate refactor quality gates",
|
||||
"status": "done",
|
||||
"dependsOn": [
|
||||
"US-002",
|
||||
"US-003",
|
||||
"US-004"
|
||||
],
|
||||
"description": "As a developer, I want automated checks to pass to ensure the refactor preserved behavior.",
|
||||
"acceptanceCriteria": [
|
||||
"Run `npm test`, `npm run lint`, and `npm run typecheck` successfully",
|
||||
"Example: all tests pass without modifications to test expectations",
|
||||
"Negative case: if a check fails, refactor is incomplete and must be fixed before completion"
|
||||
],
|
||||
"startedAt": "2026-01-26T14:28:10.644821+00:00",
|
||||
"completedAt": "2026-01-26T14:33:54.447192+00:00",
|
||||
"updatedAt": "2026-01-26T14:33:54.446892+00:00"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,219 @@
|
||||
---
|
||||
name: commit
|
||||
description: Write conventional commit messages with type, scope, and subject when the user wants to commit changes or save work.
|
||||
---
|
||||
|
||||
# Git Commit
|
||||
|
||||
Creates git commits following Conventional Commits format with proper type, scope, and subject.
|
||||
|
||||
## Quick Start
|
||||
|
||||
```bash
|
||||
# 1. Stage changes
|
||||
git add <files> # or: git add -A
|
||||
|
||||
# 2. Create commit (branch commit format)
|
||||
git commit -m "type(scope): subject
|
||||
|
||||
Body explaining HOW and WHY.
|
||||
Reference: Task X.Y, Req N"
|
||||
```
|
||||
|
||||
## Commit Types
|
||||
|
||||
### Regular Branch Commits (During Development)
|
||||
|
||||
**Format**: `type(scope): subject`
|
||||
|
||||
| Type | Purpose |
|
||||
|------|---------|
|
||||
| `feat` | New feature or functionality |
|
||||
| `fix` | Bug fix or issue resolution |
|
||||
| `refactor` | Code refactoring without behavior change |
|
||||
| `perf` | Performance improvements |
|
||||
| `test` | Test additions or modifications |
|
||||
| `ci` | CI/CD configuration changes |
|
||||
| `docs` | Documentation updates |
|
||||
| `chore` | Maintenance, dependencies, tooling |
|
||||
| `style` | Code formatting, linting (non-functional) |
|
||||
| `security` | Security vulnerability fixes or hardening |
|
||||
|
||||
### Scope (Required, kebab-case)
|
||||
|
||||
Examples: `validation`, `auth`, `cookie-service`, `template`, `config`, `tests`, `api`
|
||||
|
||||
### Subject Line Rules
|
||||
|
||||
- Max 50 characters after colon
|
||||
- Present tense imperative: add, implement, fix, improve, enhance, refactor, remove, prevent
|
||||
- NO period at the end
|
||||
- Specific and descriptive - state WHAT, not WHY
|
||||
|
||||
## Core Workflow
|
||||
|
||||
### 1. Review Changes
|
||||
|
||||
```bash
|
||||
git status
|
||||
git diff --staged # if already staged
|
||||
git diff # if not staged
|
||||
```
|
||||
|
||||
### 2. Stage Files
|
||||
|
||||
```bash
|
||||
git add <specific-files> # preferred
|
||||
# or
|
||||
git add -A # all changes
|
||||
```
|
||||
|
||||
**NEVER commit**:
|
||||
- `.env`, `credentials.json`, secrets
|
||||
- `node_modules/`, `__pycache__/`, `.venv/`
|
||||
- Large binary files without explicit approval
|
||||
|
||||
### 3. Create Commit
|
||||
|
||||
**Simple change**:
|
||||
```bash
|
||||
git commit -m "fix(auth): use hmac.compare_digest for secure comparison"
|
||||
```
|
||||
|
||||
**Complex change (with body)**:
|
||||
```bash
|
||||
git commit -m "$(cat <<'EOF'
|
||||
feat(validation): add URLValidator with domain whitelist
|
||||
|
||||
Implement URLValidator class supporting:
|
||||
- Domain whitelist enforcement (youtube.com, youtu.be)
|
||||
- Dangerous scheme blocking (javascript, data, file)
|
||||
- URL parsing with embedded credentials handling
|
||||
|
||||
Addresses Requirement 31: Input validation
|
||||
Part of Task 5.1: Input Validation Utilities
|
||||
EOF
|
||||
)"
|
||||
```
|
||||
|
||||
### 4. Verify Commit
|
||||
|
||||
```bash
|
||||
git log -1 --format="%h %s"
|
||||
git show --stat HEAD
|
||||
```
|
||||
|
||||
## Body Format (Recommended for Complex Changes)
|
||||
|
||||
```
|
||||
<blank line>
|
||||
Explain HOW and WHY the change was made.
|
||||
- Use bullet points for multiple items
|
||||
- Wrap at 72 characters
|
||||
|
||||
Reference: Task X.Y
|
||||
Addresses: Req N
|
||||
```
|
||||
|
||||
## Git Trailers
|
||||
|
||||
| Trailer | Purpose |
|
||||
|---------|---------|
|
||||
| `Fixes #N` | Links and closes issue on merge |
|
||||
| `Closes #N` | Same as Fixes |
|
||||
| `Co-authored-by: Name <email>` | Credit co-contributors |
|
||||
|
||||
Place trailers at end of body after blank line. See `references/commit_examples.md` for examples.
|
||||
|
||||
## Breaking Changes
|
||||
|
||||
For incompatible API/behavior changes, use `!` after scope OR `BREAKING CHANGE:` footer:
|
||||
|
||||
```
|
||||
feat(api)!: change response format to JSON:API
|
||||
|
||||
BREAKING CHANGE: Response envelope changed from `{ data }` to `{ data: { type, id, attributes } }`.
|
||||
```
|
||||
|
||||
Triggers major version bump in semantic-release.
|
||||
|
||||
## Merge Commits (PR Closure)
|
||||
|
||||
For PRs, use extended description with sections:
|
||||
|
||||
```bash
|
||||
gh pr create --title "feat(security): implement input validation (Task 5)" --body "$(cat <<'EOF'
|
||||
## Summary
|
||||
- Input validation utilities (URLValidator, FormatValidator)
|
||||
- Secure template processor with path traversal prevention
|
||||
- API key authentication middleware
|
||||
|
||||
## Task Breakdown
|
||||
Task 5.1: Input Validation - URLValidator, FormatValidator
|
||||
Task 5.2: Template Processing - Path traversal prevention
|
||||
Task 5.3: API Key Auth - Multi-key support, excluded paths
|
||||
Task 5.4: Security Tests - 102 path traversal tests
|
||||
|
||||
## Requirements Covered
|
||||
Req 7, Req 9, Req 31, Req 33
|
||||
|
||||
## Test Coverage
|
||||
- All 473 tests passing
|
||||
- Coverage: 93%
|
||||
- Pre-commit checks: passing
|
||||
EOF
|
||||
)"
|
||||
```
|
||||
|
||||
## Integration with Other Skills
|
||||
|
||||
### From github-pr-review
|
||||
|
||||
When fixing review comments, use this format:
|
||||
|
||||
```bash
|
||||
git commit -m "fix(scope): address review comment #ID
|
||||
|
||||
Brief explanation of what was wrong and how it's fixed.
|
||||
Addresses review comment #123456789."
|
||||
```
|
||||
|
||||
### From github-pr-creation
|
||||
|
||||
Before creating PR, ensure all commits follow this format. The PR skill will:
|
||||
1. Analyze commits for proper format
|
||||
2. Extract types for PR labels
|
||||
3. Build PR description from commit bodies
|
||||
|
||||
## Important Rules
|
||||
|
||||
- **ALWAYS** include scope in parentheses
|
||||
- **ALWAYS** use present tense imperative verb
|
||||
- **NEVER** end subject with period
|
||||
- **NEVER** commit secrets or credentials
|
||||
- **NEVER** use generic messages ("update code", "fix bug", "changes")
|
||||
- **NEVER** exceed 50 chars in subject line
|
||||
- Group related changes -> single focused commit
|
||||
|
||||
## Examples
|
||||
|
||||
**Good**:
|
||||
```
|
||||
feat(validation): add URLValidator with domain whitelist
|
||||
fix(auth): use hmac.compare_digest for secure key comparison
|
||||
refactor(template): consolidate filename sanitization logic
|
||||
test(security): add 102 path traversal prevention tests
|
||||
```
|
||||
|
||||
**Bad**:
|
||||
```
|
||||
update validation code # no type, no scope, vague
|
||||
feat: add stuff # missing scope, too vague
|
||||
fix(auth): fix bug # circular, not specific
|
||||
chore: make changes # missing scope, vague
|
||||
feat(security): improve things. # has period, vague
|
||||
```
|
||||
|
||||
## References
|
||||
|
||||
- `references/commit_examples.md` - Extended examples by type
|
||||
@@ -0,0 +1,292 @@
|
||||
# Commit Examples by Type
|
||||
|
||||
Extended examples for each commit type with body content.
|
||||
|
||||
## feat - New Features
|
||||
|
||||
```
|
||||
feat(validation): add URLValidator with domain whitelist
|
||||
|
||||
Implement URLValidator class supporting:
|
||||
- Domain whitelist enforcement (youtube.com, youtu.be, m.youtube.com)
|
||||
- Dangerous scheme blocking (javascript, data, file)
|
||||
- URL parsing with embedded credentials handling
|
||||
- Port number validation (1-65535)
|
||||
|
||||
Addresses Requirement 31: Input validation
|
||||
Part of Task 5.1: Input Validation Utilities
|
||||
```
|
||||
|
||||
```
|
||||
feat(api): add video metadata endpoint
|
||||
|
||||
New GET /api/v1/videos/{id}/metadata endpoint:
|
||||
- Returns title, duration, formats, thumbnails
|
||||
- Supports format filtering via query params
|
||||
- Implements caching with 5-minute TTL
|
||||
|
||||
Part of Task 6.2: API Endpoints
|
||||
```
|
||||
|
||||
## fix - Bug Fixes
|
||||
|
||||
```
|
||||
fix(auth): use hmac.compare_digest for secure key comparison
|
||||
|
||||
Replace direct string equality with hmac.compare_digest to prevent
|
||||
timing attacks on API key validation. Ensures constant-time comparison
|
||||
regardless of key length or content.
|
||||
|
||||
Addresses security best practice for sensitive data comparison
|
||||
```
|
||||
|
||||
```
|
||||
fix(download): handle network timeout during video fetch
|
||||
|
||||
Add retry logic with exponential backoff for network failures:
|
||||
- Max 3 attempts with delays [2, 4, 8] seconds
|
||||
- Classify retriable errors (5xx, timeout, connection)
|
||||
- Log each retry attempt with remaining count
|
||||
|
||||
Fixes issue where downloads would fail silently on flaky connections
|
||||
```
|
||||
|
||||
## refactor - Code Improvements
|
||||
|
||||
```
|
||||
refactor(template): consolidate filename sanitization logic
|
||||
|
||||
Extract common sanitization patterns into helper methods:
|
||||
- Path traversal prevention (.., /, absolute paths)
|
||||
- Special character removal (control chars, null bytes)
|
||||
- Windows reserved name handling (CON, PRN, LPT1-9, etc)
|
||||
|
||||
Improves code maintainability and reduces duplication
|
||||
```
|
||||
|
||||
```
|
||||
refactor(providers): extract common yt-dlp options builder
|
||||
|
||||
Move duplicated option building from get_info/download to
|
||||
_build_base_options helper. Reduces code duplication and ensures
|
||||
consistent option handling across all provider methods.
|
||||
|
||||
No behavior change, pure refactoring
|
||||
```
|
||||
|
||||
## test - Test Changes
|
||||
|
||||
```
|
||||
test(security): add 102 path traversal prevention tests
|
||||
|
||||
Comprehensive test coverage for TemplateProcessor including:
|
||||
- Basic path traversal attempts (.., /)
|
||||
- URL-encoded variants (%2e%2e, %2f)
|
||||
- Unicode/UTF-8 bypass attempts
|
||||
- Windows edge cases (backslashes, drive letters)
|
||||
|
||||
Part of Task 5.4: Security Test Suite
|
||||
```
|
||||
|
||||
```
|
||||
test(validation): add parametrized URL validation tests
|
||||
|
||||
Add 25 test cases covering:
|
||||
- Valid YouTube URL formats (watch, shorts, embed, youtu.be)
|
||||
- Invalid domains (vimeo, dailymotion)
|
||||
- Malformed URLs (no scheme, wrong port)
|
||||
- Edge cases (trailing slashes, query params)
|
||||
|
||||
Coverage for URLValidator: 98%
|
||||
```
|
||||
|
||||
## perf - Performance
|
||||
|
||||
```
|
||||
perf(cache): implement LRU eviction for metadata cache
|
||||
|
||||
Replace dict-based cache with LRU implementation:
|
||||
- Max 1000 entries with automatic eviction
|
||||
- 40% memory reduction under high load
|
||||
- Sub-millisecond lookup times maintained
|
||||
|
||||
Addresses memory growth issue in long-running instances
|
||||
```
|
||||
|
||||
## security - Security Fixes
|
||||
|
||||
```
|
||||
security(cookie): validate cookie file integrity before use
|
||||
|
||||
Add SHA256 checksum verification for cookie files:
|
||||
- Compute hash on first load, store in memory
|
||||
- Verify hash before each use
|
||||
- Reject modified files with clear error message
|
||||
|
||||
Prevents use of tampered cookie files
|
||||
Addresses Requirement 33: Security validation
|
||||
```
|
||||
|
||||
## ci - CI/CD Changes
|
||||
|
||||
```
|
||||
ci(github): add security scanning to PR workflow
|
||||
|
||||
Enable Bandit security scanner in GitHub Actions:
|
||||
- Run on all Python files
|
||||
- Fail on HIGH/CRITICAL findings
|
||||
- Cache virtualenv for faster runs
|
||||
|
||||
Part of Task 15.3: Basic security validation
|
||||
```
|
||||
|
||||
## docs - Documentation
|
||||
|
||||
```
|
||||
docs(api): add OpenAPI description for download endpoint
|
||||
|
||||
Document /api/v1/download endpoint:
|
||||
- Request body schema with format options
|
||||
- Response codes (200, 400, 401, 404, 500)
|
||||
- Example requests and responses
|
||||
|
||||
Improves API documentation for consumers
|
||||
```
|
||||
|
||||
## chore - Maintenance
|
||||
|
||||
```
|
||||
chore(deps): update yt-dlp to 2024.12.06
|
||||
|
||||
Update yt-dlp from 2024.11.15 to 2024.12.06:
|
||||
- Fixes YouTube throttling detection
|
||||
- Adds support for new Instagram format
|
||||
- Improves error messages for geo-blocked content
|
||||
|
||||
No breaking changes expected
|
||||
```
|
||||
|
||||
## style - Formatting
|
||||
|
||||
```
|
||||
style(providers): apply black formatting to youtube.py
|
||||
|
||||
Apply black formatter with 88 char line length.
|
||||
No functional changes, formatting only.
|
||||
```
|
||||
|
||||
## Merge Commit Examples
|
||||
|
||||
### Feature Branch to Develop
|
||||
|
||||
```
|
||||
Merge pull request #5 from fvadicamo/feature/input-validation-security
|
||||
|
||||
feat(security): implement input validation and security (Task 5)
|
||||
|
||||
Merges comprehensive security implementation (Task 5) into develop:
|
||||
- Input validation utilities (URLValidator, FormatValidator, ParameterValidator)
|
||||
- Secure template processor with path traversal prevention
|
||||
- API key authentication middleware with multi-key support
|
||||
- 473 tests with 93% coverage
|
||||
|
||||
Task 5.1: Input Validation Utilities
|
||||
- URLValidator: Domain whitelist (youtube.com, youtu.be), dangerous scheme blocking
|
||||
- FormatValidator: yt-dlp format ID validation with regex and selectors
|
||||
- ParameterValidator: Audio quality/format and language code validation
|
||||
|
||||
Task 5.2: Template Processor
|
||||
- Path traversal prevention (.., /, absolute paths, URL encoding)
|
||||
- Filename sanitization (illegal chars, control chars, null bytes)
|
||||
- Windows reserved names handling (CON, PRN, AUX, NUL, COM1-9, LPT1-9)
|
||||
- Collision handling with numeric suffix, max length 200 chars
|
||||
|
||||
Task 5.3: API Key Authentication
|
||||
- APIKeyAuth class with multi-key support
|
||||
- Excluded paths for health/doc endpoints
|
||||
- Secure hashing for logging (SHA256 first 8 chars)
|
||||
- FastAPI dependency injection integration
|
||||
|
||||
Task 5.4: Security Tests
|
||||
- 102 path traversal prevention tests with edge cases
|
||||
- URL validation tests with malicious inputs
|
||||
- API key authentication and credential tests
|
||||
- Sensitive data redaction verification
|
||||
|
||||
Requirements Covered:
|
||||
- Req 7: Output template processing with security
|
||||
- Req 9: API key authentication
|
||||
- Req 31: Input validation
|
||||
- Req 33: Security (secure comparison, log redaction)
|
||||
|
||||
Test Coverage:
|
||||
- All 473 tests passing
|
||||
- Coverage: 93% (exceeds 80% minimum)
|
||||
- Pre-commit checks: all passing
|
||||
```
|
||||
|
||||
### Develop to Main (Release)
|
||||
|
||||
```
|
||||
Merge pull request #10 from fvadicamo/develop
|
||||
|
||||
release: v0.1.0 - MVP with YouTube provider
|
||||
|
||||
First stable release with core functionality:
|
||||
- YouTube video info, formats, download, audio extraction
|
||||
- Cookie-based authentication for age-restricted content
|
||||
- API key authentication
|
||||
- Input validation and security hardening
|
||||
- 500+ tests with 92% coverage
|
||||
|
||||
Breaking Changes: None (initial release)
|
||||
|
||||
Features:
|
||||
- GET /api/v1/info - Video metadata
|
||||
- GET /api/v1/formats - Available formats
|
||||
- POST /api/v1/download - Video/audio download
|
||||
- Cookie file support for authenticated requests
|
||||
|
||||
Documentation:
|
||||
- API documentation at /docs (Swagger UI)
|
||||
- OpenAPI spec at /openapi.json
|
||||
```
|
||||
|
||||
## Commits with Trailers
|
||||
|
||||
### Single Issue
|
||||
```
|
||||
fix(validation): prevent XSS in user input
|
||||
|
||||
Escape HTML entities before rendering.
|
||||
|
||||
Fixes #78
|
||||
```
|
||||
|
||||
### Multiple Issues + Co-author
|
||||
```
|
||||
fix(auth): resolve session and token issues
|
||||
|
||||
- Fix session expiry not triggering logout
|
||||
- Fix token refresh race condition
|
||||
|
||||
Fixes #101
|
||||
Fixes #103
|
||||
Co-authored-by: Bob <bob@example.com>
|
||||
```
|
||||
|
||||
## Breaking Changes
|
||||
|
||||
### With ! Notation
|
||||
```
|
||||
feat(api)!: migrate to v2 endpoints
|
||||
|
||||
BREAKING CHANGE: /api/v1/* endpoints removed. Update base URL to /api/v2/.
|
||||
```
|
||||
|
||||
### Config Breaking Change
|
||||
```
|
||||
chore(config)!: rename environment variables
|
||||
|
||||
BREAKING CHANGE: DATABASE_URL -> APP_DATABASE_URL, API_KEY -> APP_API_KEY
|
||||
```
|
||||
@@ -0,0 +1,211 @@
|
||||
---
|
||||
name: dev-browser
|
||||
description: Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.
|
||||
---
|
||||
|
||||
# Dev Browser Skill
|
||||
|
||||
Browser automation that maintains page state across script executions. Write small, focused scripts to accomplish tasks incrementally. Once you've proven out part of a workflow and there is repeated work to be done, you can write a script to do the repeated work in a single execution.
|
||||
|
||||
## Choosing Your Approach
|
||||
|
||||
- **Local/source-available sites**: Read the source code first to write selectors directly
|
||||
- **Unknown page layouts**: Use `getAISnapshot()` to discover elements and `selectSnapshotRef()` to interact with them
|
||||
- **Visual feedback**: Take screenshots to see what the user sees
|
||||
|
||||
## Setup
|
||||
|
||||
Two modes available. Ask the user if unclear which to use.
|
||||
|
||||
### Standalone Mode (Default)
|
||||
|
||||
Launches a new Chromium browser for fresh automation sessions.
|
||||
|
||||
```bash
|
||||
./skills/dev-browser/server.sh &
|
||||
```
|
||||
|
||||
Add `--headless` flag if user requests it. **Wait for the `Ready` message before running scripts.**
|
||||
|
||||
### Extension Mode
|
||||
|
||||
Connects to user's existing Chrome browser. Use this when:
|
||||
|
||||
- The user is already logged into sites and wants you to do things behind an authed experience that isn't local dev.
|
||||
- The user asks you to use the extension
|
||||
|
||||
**Important**: The core flow is still the same. You create named pages inside of their browser.
|
||||
|
||||
**Start the relay server:**
|
||||
|
||||
```bash
|
||||
cd skills/dev-browser && npm i && npm run start-extension &
|
||||
```
|
||||
|
||||
Wait for `Waiting for extension to connect...` followed by `Extension connected` in the console. To know that a client has connected and the browser is ready to be controlled.
|
||||
**Workflow:**
|
||||
|
||||
1. Scripts call `client.page("name")` just like the normal mode to create new pages / connect to existing ones.
|
||||
2. Automation runs on the user's actual browser session
|
||||
|
||||
If the extension hasn't connected yet, tell the user to launch and activate it. Download link: https://github.com/SawyerHood/dev-browser/releases
|
||||
|
||||
## Writing Scripts
|
||||
|
||||
> **Run all scripts from `skills/dev-browser/` directory.** The `@/` import alias requires this directory's config.
|
||||
|
||||
Execute scripts inline using heredocs:
|
||||
|
||||
```bash
|
||||
cd skills/dev-browser && npx tsx <<'EOF'
|
||||
import { connect, waitForPageLoad } from "@/client.js";
|
||||
|
||||
const client = await connect();
|
||||
// Create page with custom viewport size (optional)
|
||||
const page = await client.page("example", { viewport: { width: 1920, height: 1080 } });
|
||||
|
||||
await page.goto("https://example.com");
|
||||
await waitForPageLoad(page);
|
||||
|
||||
console.log({ title: await page.title(), url: page.url() });
|
||||
await client.disconnect();
|
||||
EOF
|
||||
```
|
||||
|
||||
**Write to `tmp/` files only when** the script needs reuse, is complex, or user explicitly requests it.
|
||||
|
||||
### Key Principles
|
||||
|
||||
1. **Small scripts**: Each script does ONE thing (navigate, click, fill, check)
|
||||
2. **Evaluate state**: Log/return state at the end to decide next steps
|
||||
3. **Descriptive page names**: Use `"checkout"`, `"login"`, not `"main"`
|
||||
4. **Disconnect to exit**: `await client.disconnect()` - pages persist on server
|
||||
5. **Plain JS in evaluate**: `page.evaluate()` runs in browser - no TypeScript syntax
|
||||
|
||||
## Workflow Loop
|
||||
|
||||
Follow this pattern for complex tasks:
|
||||
|
||||
1. **Write a script** to perform one action
|
||||
2. **Run it** and observe the output
|
||||
3. **Evaluate** - did it work? What's the current state?
|
||||
4. **Decide** - is the task complete or do we need another script?
|
||||
5. **Repeat** until task is done
|
||||
|
||||
### No TypeScript in Browser Context
|
||||
|
||||
Code passed to `page.evaluate()` runs in the browser, which doesn't understand TypeScript:
|
||||
|
||||
```typescript
|
||||
// ✅ Correct: plain JavaScript
|
||||
const text = await page.evaluate(() => {
|
||||
return document.body.innerText;
|
||||
});
|
||||
|
||||
// ❌ Wrong: TypeScript syntax will fail at runtime
|
||||
const text = await page.evaluate(() => {
|
||||
const el: HTMLElement = document.body; // Type annotation breaks in browser!
|
||||
return el.innerText;
|
||||
});
|
||||
```
|
||||
|
||||
## Scraping Data
|
||||
|
||||
For scraping large datasets, intercept and replay network requests rather than scrolling the DOM. See [references/scraping.md](references/scraping.md) for the complete guide covering request capture, schema discovery, and paginated API replay.
|
||||
|
||||
## Client API
|
||||
|
||||
```typescript
|
||||
const client = await connect();
|
||||
|
||||
// Get or create named page (viewport only applies to new pages)
|
||||
const page = await client.page("name");
|
||||
const pageWithSize = await client.page("name", { viewport: { width: 1920, height: 1080 } });
|
||||
|
||||
const pages = await client.list(); // List all page names
|
||||
await client.close("name"); // Close a page
|
||||
await client.disconnect(); // Disconnect (pages persist)
|
||||
|
||||
// ARIA Snapshot methods
|
||||
const snapshot = await client.getAISnapshot("name"); // Get accessibility tree
|
||||
const element = await client.selectSnapshotRef("name", "e5"); // Get element by ref
|
||||
```
|
||||
|
||||
The `page` object is a standard Playwright Page.
|
||||
|
||||
## Waiting
|
||||
|
||||
```typescript
|
||||
import { waitForPageLoad } from "@/client.js";
|
||||
|
||||
await waitForPageLoad(page); // After navigation
|
||||
await page.waitForSelector(".results"); // For specific elements
|
||||
await page.waitForURL("**/success"); // For specific URL
|
||||
```
|
||||
|
||||
## Inspecting Page State
|
||||
|
||||
### Screenshots
|
||||
|
||||
```typescript
|
||||
await page.screenshot({ path: "tmp/screenshot.png" });
|
||||
await page.screenshot({ path: "tmp/full.png", fullPage: true });
|
||||
```
|
||||
|
||||
### ARIA Snapshot (Element Discovery)
|
||||
|
||||
Use `getAISnapshot()` to discover page elements. Returns YAML-formatted accessibility tree:
|
||||
|
||||
```yaml
|
||||
- banner:
|
||||
- link "Hacker News" [ref=e1]
|
||||
- navigation:
|
||||
- link "new" [ref=e2]
|
||||
- main:
|
||||
- list:
|
||||
- listitem:
|
||||
- link "Article Title" [ref=e8]
|
||||
- link "328 comments" [ref=e9]
|
||||
- contentinfo:
|
||||
- textbox [ref=e10]
|
||||
- /placeholder: "Search"
|
||||
```
|
||||
|
||||
**Interpreting refs:**
|
||||
|
||||
- `[ref=eN]` - Element reference for interaction (visible, clickable elements only)
|
||||
- `[checked]`, `[disabled]`, `[expanded]` - Element states
|
||||
- `[level=N]` - Heading level
|
||||
- `/url:`, `/placeholder:` - Element properties
|
||||
|
||||
**Interacting with refs:**
|
||||
|
||||
```typescript
|
||||
const snapshot = await client.getAISnapshot("hackernews");
|
||||
console.log(snapshot); // Find the ref you need
|
||||
|
||||
const element = await client.selectSnapshotRef("hackernews", "e2");
|
||||
await element.click();
|
||||
```
|
||||
|
||||
## Error Recovery
|
||||
|
||||
Page state persists after failures. Debug with:
|
||||
|
||||
```bash
|
||||
cd skills/dev-browser && npx tsx <<'EOF'
|
||||
import { connect } from "@/client.js";
|
||||
|
||||
const client = await connect();
|
||||
const page = await client.page("hackernews");
|
||||
|
||||
await page.screenshot({ path: "tmp/debug.png" });
|
||||
console.log({
|
||||
url: page.url(),
|
||||
title: await page.title(),
|
||||
bodyText: await page.textContent("body").then((t) => t?.slice(0, 200)),
|
||||
});
|
||||
|
||||
await client.disconnect();
|
||||
EOF
|
||||
```
|
||||
@@ -0,0 +1,443 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "dev-browser",
|
||||
"dependencies": {
|
||||
"express": "^4.21.0",
|
||||
"playwright": "^1.49.0",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/express": "^5.0.0",
|
||||
"tsx": "^4.21.0",
|
||||
"vitest": "^2.1.0",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.27.1", "", { "os": "aix", "cpu": "ppc64" }, "sha512-HHB50pdsBX6k47S4u5g/CaLjqS3qwaOVE5ILsq64jyzgMhLuCuZ8rGzM9yhsAjfjkbgUPMzZEPa7DAp7yz6vuA=="],
|
||||
|
||||
"@esbuild/android-arm": ["@esbuild/android-arm@0.27.1", "", { "os": "android", "cpu": "arm" }, "sha512-kFqa6/UcaTbGm/NncN9kzVOODjhZW8e+FRdSeypWe6j33gzclHtwlANs26JrupOntlcWmB0u8+8HZo8s7thHvg=="],
|
||||
|
||||
"@esbuild/android-arm64": ["@esbuild/android-arm64@0.27.1", "", { "os": "android", "cpu": "arm64" }, "sha512-45fuKmAJpxnQWixOGCrS+ro4Uvb4Re9+UTieUY2f8AEc+t7d4AaZ6eUJ3Hva7dtrxAAWHtlEFsXFMAgNnGU9uQ=="],
|
||||
|
||||
"@esbuild/android-x64": ["@esbuild/android-x64@0.27.1", "", { "os": "android", "cpu": "x64" }, "sha512-LBEpOz0BsgMEeHgenf5aqmn/lLNTFXVfoWMUox8CtWWYK9X4jmQzWjoGoNb8lmAYml/tQ/Ysvm8q7szu7BoxRQ=="],
|
||||
|
||||
"@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.27.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-veg7fL8eMSCVKL7IW4pxb54QERtedFDfY/ASrumK/SbFsXnRazxY4YykN/THYqFnFwJ0aVjiUrVG2PwcdAEqQQ=="],
|
||||
|
||||
"@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.27.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-+3ELd+nTzhfWb07Vol7EZ+5PTbJ/u74nC6iv4/lwIU99Ip5uuY6QoIf0Hn4m2HoV0qcnRivN3KSqc+FyCHjoVQ=="],
|
||||
|
||||
"@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.27.1", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-/8Rfgns4XD9XOSXlzUDepG8PX+AVWHliYlUkFI3K3GB6tqbdjYqdhcb4BKRd7C0BhZSoaCxhv8kTcBrcZWP+xg=="],
|
||||
|
||||
"@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.27.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-GITpD8dK9C+r+5yRT/UKVT36h/DQLOHdwGVwwoHidlnA168oD3uxA878XloXebK4Ul3gDBBIvEdL7go9gCUFzQ=="],
|
||||
|
||||
"@esbuild/linux-arm": ["@esbuild/linux-arm@0.27.1", "", { "os": "linux", "cpu": "arm" }, "sha512-ieMID0JRZY/ZeCrsFQ3Y3NlHNCqIhTprJfDgSB3/lv5jJZ8FX3hqPyXWhe+gvS5ARMBJ242PM+VNz/ctNj//eA=="],
|
||||
|
||||
"@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.27.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-W9//kCrh/6in9rWIBdKaMtuTTzNj6jSeG/haWBADqLLa9P8O5YSRDzgD5y9QBok4AYlzS6ARHifAb75V6G670Q=="],
|
||||
|
||||
"@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.27.1", "", { "os": "linux", "cpu": "ia32" }, "sha512-VIUV4z8GD8rtSVMfAj1aXFahsi/+tcoXXNYmXgzISL+KB381vbSTNdeZHHHIYqFyXcoEhu9n5cT+05tRv13rlw=="],
|
||||
|
||||
"@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.27.1", "", { "os": "linux", "cpu": "none" }, "sha512-l4rfiiJRN7sTNI//ff65zJ9z8U+k6zcCg0LALU5iEWzY+a1mVZ8iWC1k5EsNKThZ7XCQ6YWtsZ8EWYm7r1UEsg=="],
|
||||
|
||||
"@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.27.1", "", { "os": "linux", "cpu": "none" }, "sha512-U0bEuAOLvO/DWFdygTHWY8C067FXz+UbzKgxYhXC0fDieFa0kDIra1FAhsAARRJbvEyso8aAqvPdNxzWuStBnA=="],
|
||||
|
||||
"@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.27.1", "", { "os": "linux", "cpu": "ppc64" }, "sha512-NzdQ/Xwu6vPSf/GkdmRNsOfIeSGnh7muundsWItmBsVpMoNPVpM61qNzAVY3pZ1glzzAxLR40UyYM23eaDDbYQ=="],
|
||||
|
||||
"@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.27.1", "", { "os": "linux", "cpu": "none" }, "sha512-7zlw8p3IApcsN7mFw0O1Z1PyEk6PlKMu18roImfl3iQHTnr/yAfYv6s4hXPidbDoI2Q0pW+5xeoM4eTCC0UdrQ=="],
|
||||
|
||||
"@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.27.1", "", { "os": "linux", "cpu": "s390x" }, "sha512-cGj5wli+G+nkVQdZo3+7FDKC25Uh4ZVwOAK6A06Hsvgr8WqBBuOy/1s+PUEd/6Je+vjfm6stX0kmib5b/O2Ykw=="],
|
||||
|
||||
"@esbuild/linux-x64": ["@esbuild/linux-x64@0.27.1", "", { "os": "linux", "cpu": "x64" }, "sha512-z3H/HYI9MM0HTv3hQZ81f+AKb+yEoCRlUby1F80vbQ5XdzEMyY/9iNlAmhqiBKw4MJXwfgsh7ERGEOhrM1niMA=="],
|
||||
|
||||
"@esbuild/netbsd-arm64": ["@esbuild/netbsd-arm64@0.27.1", "", { "os": "none", "cpu": "arm64" }, "sha512-wzC24DxAvk8Em01YmVXyjl96Mr+ecTPyOuADAvjGg+fyBpGmxmcr2E5ttf7Im8D0sXZihpxzO1isus8MdjMCXQ=="],
|
||||
|
||||
"@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.27.1", "", { "os": "none", "cpu": "x64" }, "sha512-1YQ8ybGi2yIXswu6eNzJsrYIGFpnlzEWRl6iR5gMgmsrR0FcNoV1m9k9sc3PuP5rUBLshOZylc9nqSgymI+TYg=="],
|
||||
|
||||
"@esbuild/openbsd-arm64": ["@esbuild/openbsd-arm64@0.27.1", "", { "os": "openbsd", "cpu": "arm64" }, "sha512-5Z+DzLCrq5wmU7RDaMDe2DVXMRm2tTDvX2KU14JJVBN2CT/qov7XVix85QoJqHltpvAOZUAc3ndU56HSMWrv8g=="],
|
||||
|
||||
"@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.27.1", "", { "os": "openbsd", "cpu": "x64" }, "sha512-Q73ENzIdPF5jap4wqLtsfh8YbYSZ8Q0wnxplOlZUOyZy7B4ZKW8DXGWgTCZmF8VWD7Tciwv5F4NsRf6vYlZtqg=="],
|
||||
|
||||
"@esbuild/openharmony-arm64": ["@esbuild/openharmony-arm64@0.27.1", "", { "os": "none", "cpu": "arm64" }, "sha512-ajbHrGM/XiK+sXM0JzEbJAen+0E+JMQZ2l4RR4VFwvV9JEERx+oxtgkpoKv1SevhjavK2z2ReHk32pjzktWbGg=="],
|
||||
|
||||
"@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.27.1", "", { "os": "sunos", "cpu": "x64" }, "sha512-IPUW+y4VIjuDVn+OMzHc5FV4GubIwPnsz6ubkvN8cuhEqH81NovB53IUlrlBkPMEPxvNnf79MGBoz8rZ2iW8HA=="],
|
||||
|
||||
"@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.27.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-RIVRWiljWA6CdVu8zkWcRmGP7iRRIIwvhDKem8UMBjPql2TXM5PkDVvvrzMtj1V+WFPB4K7zkIGM7VzRtFkjdg=="],
|
||||
|
||||
"@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.27.1", "", { "os": "win32", "cpu": "ia32" }, "sha512-2BR5M8CPbptC1AK5JbJT1fWrHLvejwZidKx3UMSF0ecHMa+smhi16drIrCEggkgviBwLYd5nwrFLSl5Kho96RQ=="],
|
||||
|
||||
"@esbuild/win32-x64": ["@esbuild/win32-x64@0.27.1", "", { "os": "win32", "cpu": "x64" }, "sha512-d5X6RMYv6taIymSk8JBP+nxv8DQAMY6A51GPgusqLdK9wBz5wWIXy1KjTck6HnjE9hqJzJRdk+1p/t5soSbCtw=="],
|
||||
|
||||
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
|
||||
|
||||
"@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.53.3", "", { "os": "android", "cpu": "arm" }, "sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w=="],
|
||||
|
||||
"@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.53.3", "", { "os": "android", "cpu": "arm64" }, "sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w=="],
|
||||
|
||||
"@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.53.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA=="],
|
||||
|
||||
"@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.53.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ=="],
|
||||
|
||||
"@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.53.3", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w=="],
|
||||
|
||||
"@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.53.3", "", { "os": "freebsd", "cpu": "x64" }, "sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.53.3", "", { "os": "linux", "cpu": "arm" }, "sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.53.3", "", { "os": "linux", "cpu": "arm" }, "sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.53.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.53.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A=="],
|
||||
|
||||
"@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.53.3", "", { "os": "linux", "cpu": "none" }, "sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g=="],
|
||||
|
||||
"@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.53.3", "", { "os": "linux", "cpu": "ppc64" }, "sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.53.3", "", { "os": "linux", "cpu": "none" }, "sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.53.3", "", { "os": "linux", "cpu": "none" }, "sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A=="],
|
||||
|
||||
"@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.53.3", "", { "os": "linux", "cpu": "s390x" }, "sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.53.3", "", { "os": "linux", "cpu": "x64" }, "sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.53.3", "", { "os": "linux", "cpu": "x64" }, "sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q=="],
|
||||
|
||||
"@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.53.3", "", { "os": "none", "cpu": "arm64" }, "sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw=="],
|
||||
|
||||
"@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.53.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw=="],
|
||||
|
||||
"@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.53.3", "", { "os": "win32", "cpu": "ia32" }, "sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.53.3", "", { "os": "win32", "cpu": "x64" }, "sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.53.3", "", { "os": "win32", "cpu": "x64" }, "sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ=="],
|
||||
|
||||
"@types/body-parser": ["@types/body-parser@1.19.6", "", { "dependencies": { "@types/connect": "*", "@types/node": "*" } }, "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g=="],
|
||||
|
||||
"@types/connect": ["@types/connect@3.4.38", "", { "dependencies": { "@types/node": "*" } }, "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug=="],
|
||||
|
||||
"@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
|
||||
|
||||
"@types/express": ["@types/express@5.0.6", "", { "dependencies": { "@types/body-parser": "*", "@types/express-serve-static-core": "^5.0.0", "@types/serve-static": "^2" } }, "sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA=="],
|
||||
|
||||
"@types/express-serve-static-core": ["@types/express-serve-static-core@5.1.0", "", { "dependencies": { "@types/node": "*", "@types/qs": "*", "@types/range-parser": "*", "@types/send": "*" } }, "sha512-jnHMsrd0Mwa9Cf4IdOzbz543y4XJepXrbia2T4b6+spXC2We3t1y6K44D3mR8XMFSXMCf3/l7rCgddfx7UNVBA=="],
|
||||
|
||||
"@types/http-errors": ["@types/http-errors@2.0.5", "", {}, "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg=="],
|
||||
|
||||
"@types/node": ["@types/node@24.10.1", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ=="],
|
||||
|
||||
"@types/qs": ["@types/qs@6.14.0", "", {}, "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ=="],
|
||||
|
||||
"@types/range-parser": ["@types/range-parser@1.2.7", "", {}, "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ=="],
|
||||
|
||||
"@types/send": ["@types/send@1.2.1", "", { "dependencies": { "@types/node": "*" } }, "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ=="],
|
||||
|
||||
"@types/serve-static": ["@types/serve-static@2.2.0", "", { "dependencies": { "@types/http-errors": "*", "@types/node": "*" } }, "sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ=="],
|
||||
|
||||
"@vitest/expect": ["@vitest/expect@2.1.9", "", { "dependencies": { "@vitest/spy": "2.1.9", "@vitest/utils": "2.1.9", "chai": "^5.1.2", "tinyrainbow": "^1.2.0" } }, "sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw=="],
|
||||
|
||||
"@vitest/mocker": ["@vitest/mocker@2.1.9", "", { "dependencies": { "@vitest/spy": "2.1.9", "estree-walker": "^3.0.3", "magic-string": "^0.30.12" }, "peerDependencies": { "msw": "^2.4.9", "vite": "^5.0.0" }, "optionalPeers": ["msw", "vite"] }, "sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg=="],
|
||||
|
||||
"@vitest/pretty-format": ["@vitest/pretty-format@2.1.9", "", { "dependencies": { "tinyrainbow": "^1.2.0" } }, "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ=="],
|
||||
|
||||
"@vitest/runner": ["@vitest/runner@2.1.9", "", { "dependencies": { "@vitest/utils": "2.1.9", "pathe": "^1.1.2" } }, "sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g=="],
|
||||
|
||||
"@vitest/snapshot": ["@vitest/snapshot@2.1.9", "", { "dependencies": { "@vitest/pretty-format": "2.1.9", "magic-string": "^0.30.12", "pathe": "^1.1.2" } }, "sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ=="],
|
||||
|
||||
"@vitest/spy": ["@vitest/spy@2.1.9", "", { "dependencies": { "tinyspy": "^3.0.2" } }, "sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ=="],
|
||||
|
||||
"@vitest/utils": ["@vitest/utils@2.1.9", "", { "dependencies": { "@vitest/pretty-format": "2.1.9", "loupe": "^3.1.2", "tinyrainbow": "^1.2.0" } }, "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ=="],
|
||||
|
||||
"accepts": ["accepts@1.3.8", "", { "dependencies": { "mime-types": "~2.1.34", "negotiator": "0.6.3" } }, "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw=="],
|
||||
|
||||
"array-flatten": ["array-flatten@1.1.1", "", {}, "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="],
|
||||
|
||||
"assertion-error": ["assertion-error@2.0.1", "", {}, "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA=="],
|
||||
|
||||
"body-parser": ["body-parser@1.20.4", "", { "dependencies": { "bytes": "~3.1.2", "content-type": "~1.0.5", "debug": "2.6.9", "depd": "2.0.0", "destroy": "~1.2.0", "http-errors": "~2.0.1", "iconv-lite": "~0.4.24", "on-finished": "~2.4.1", "qs": "~6.14.0", "raw-body": "~2.5.3", "type-is": "~1.6.18", "unpipe": "~1.0.0" } }, "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA=="],
|
||||
|
||||
"bytes": ["bytes@3.1.2", "", {}, "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg=="],
|
||||
|
||||
"cac": ["cac@6.7.14", "", {}, "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ=="],
|
||||
|
||||
"call-bind-apply-helpers": ["call-bind-apply-helpers@1.0.2", "", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" } }, "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ=="],
|
||||
|
||||
"call-bound": ["call-bound@1.0.4", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "get-intrinsic": "^1.3.0" } }, "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg=="],
|
||||
|
||||
"chai": ["chai@5.3.3", "", { "dependencies": { "assertion-error": "^2.0.1", "check-error": "^2.1.1", "deep-eql": "^5.0.1", "loupe": "^3.1.0", "pathval": "^2.0.0" } }, "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw=="],
|
||||
|
||||
"check-error": ["check-error@2.1.1", "", {}, "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw=="],
|
||||
|
||||
"content-disposition": ["content-disposition@0.5.4", "", { "dependencies": { "safe-buffer": "5.2.1" } }, "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ=="],
|
||||
|
||||
"content-type": ["content-type@1.0.5", "", {}, "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA=="],
|
||||
|
||||
"cookie": ["cookie@0.7.2", "", {}, "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w=="],
|
||||
|
||||
"cookie-signature": ["cookie-signature@1.0.7", "", {}, "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"deep-eql": ["deep-eql@5.0.2", "", {}, "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q=="],
|
||||
|
||||
"depd": ["depd@2.0.0", "", {}, "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="],
|
||||
|
||||
"destroy": ["destroy@1.2.0", "", {}, "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="],
|
||||
|
||||
"dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
|
||||
|
||||
"ee-first": ["ee-first@1.1.1", "", {}, "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="],
|
||||
|
||||
"encodeurl": ["encodeurl@2.0.0", "", {}, "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg=="],
|
||||
|
||||
"es-define-property": ["es-define-property@1.0.1", "", {}, "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="],
|
||||
|
||||
"es-errors": ["es-errors@1.3.0", "", {}, "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="],
|
||||
|
||||
"es-module-lexer": ["es-module-lexer@1.7.0", "", {}, "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA=="],
|
||||
|
||||
"es-object-atoms": ["es-object-atoms@1.1.1", "", { "dependencies": { "es-errors": "^1.3.0" } }, "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA=="],
|
||||
|
||||
"esbuild": ["esbuild@0.27.1", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.27.1", "@esbuild/android-arm": "0.27.1", "@esbuild/android-arm64": "0.27.1", "@esbuild/android-x64": "0.27.1", "@esbuild/darwin-arm64": "0.27.1", "@esbuild/darwin-x64": "0.27.1", "@esbuild/freebsd-arm64": "0.27.1", "@esbuild/freebsd-x64": "0.27.1", "@esbuild/linux-arm": "0.27.1", "@esbuild/linux-arm64": "0.27.1", "@esbuild/linux-ia32": "0.27.1", "@esbuild/linux-loong64": "0.27.1", "@esbuild/linux-mips64el": "0.27.1", "@esbuild/linux-ppc64": "0.27.1", "@esbuild/linux-riscv64": "0.27.1", "@esbuild/linux-s390x": "0.27.1", "@esbuild/linux-x64": "0.27.1", "@esbuild/netbsd-arm64": "0.27.1", "@esbuild/netbsd-x64": "0.27.1", "@esbuild/openbsd-arm64": "0.27.1", "@esbuild/openbsd-x64": "0.27.1", "@esbuild/openharmony-arm64": "0.27.1", "@esbuild/sunos-x64": "0.27.1", "@esbuild/win32-arm64": "0.27.1", "@esbuild/win32-ia32": "0.27.1", "@esbuild/win32-x64": "0.27.1" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-yY35KZckJJuVVPXpvjgxiCuVEJT67F6zDeVTv4rizyPrfGBUpZQsvmxnN+C371c2esD/hNMjj4tpBhuueLN7aA=="],
|
||||
|
||||
"escape-html": ["escape-html@1.0.3", "", {}, "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="],
|
||||
|
||||
"estree-walker": ["estree-walker@3.0.3", "", { "dependencies": { "@types/estree": "^1.0.0" } }, "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g=="],
|
||||
|
||||
"etag": ["etag@1.8.1", "", {}, "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="],
|
||||
|
||||
"expect-type": ["expect-type@1.2.2", "", {}, "sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA=="],
|
||||
|
||||
"express": ["express@4.22.1", "", { "dependencies": { "accepts": "~1.3.8", "array-flatten": "1.1.1", "body-parser": "~1.20.3", "content-disposition": "~0.5.4", "content-type": "~1.0.4", "cookie": "~0.7.1", "cookie-signature": "~1.0.6", "debug": "2.6.9", "depd": "2.0.0", "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "etag": "~1.8.1", "finalhandler": "~1.3.1", "fresh": "~0.5.2", "http-errors": "~2.0.0", "merge-descriptors": "1.0.3", "methods": "~1.1.2", "on-finished": "~2.4.1", "parseurl": "~1.3.3", "path-to-regexp": "~0.1.12", "proxy-addr": "~2.0.7", "qs": "~6.14.0", "range-parser": "~1.2.1", "safe-buffer": "5.2.1", "send": "~0.19.0", "serve-static": "~1.16.2", "setprototypeof": "1.2.0", "statuses": "~2.0.1", "type-is": "~1.6.18", "utils-merge": "1.0.1", "vary": "~1.1.2" } }, "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g=="],
|
||||
|
||||
"finalhandler": ["finalhandler@1.3.2", "", { "dependencies": { "debug": "2.6.9", "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "on-finished": "~2.4.1", "parseurl": "~1.3.3", "statuses": "~2.0.2", "unpipe": "~1.0.0" } }, "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg=="],
|
||||
|
||||
"forwarded": ["forwarded@0.2.0", "", {}, "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow=="],
|
||||
|
||||
"fresh": ["fresh@0.5.2", "", {}, "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q=="],
|
||||
|
||||
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
|
||||
|
||||
"function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
|
||||
|
||||
"get-intrinsic": ["get-intrinsic@1.3.0", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "math-intrinsics": "^1.1.0" } }, "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ=="],
|
||||
|
||||
"get-proto": ["get-proto@1.0.1", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],
|
||||
|
||||
"get-tsconfig": ["get-tsconfig@4.13.0", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ=="],
|
||||
|
||||
"gopd": ["gopd@1.2.0", "", {}, "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="],
|
||||
|
||||
"has-symbols": ["has-symbols@1.1.0", "", {}, "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ=="],
|
||||
|
||||
"hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
|
||||
|
||||
"http-errors": ["http-errors@2.0.1", "", { "dependencies": { "depd": "~2.0.0", "inherits": "~2.0.4", "setprototypeof": "~1.2.0", "statuses": "~2.0.2", "toidentifier": "~1.0.1" } }, "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ=="],
|
||||
|
||||
"iconv-lite": ["iconv-lite@0.4.24", "", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3" } }, "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA=="],
|
||||
|
||||
"inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
|
||||
|
||||
"ipaddr.js": ["ipaddr.js@1.9.1", "", {}, "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="],
|
||||
|
||||
"loupe": ["loupe@3.2.1", "", {}, "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ=="],
|
||||
|
||||
"magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
|
||||
|
||||
"math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
|
||||
|
||||
"media-typer": ["media-typer@0.3.0", "", {}, "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="],
|
||||
|
||||
"merge-descriptors": ["merge-descriptors@1.0.3", "", {}, "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ=="],
|
||||
|
||||
"methods": ["methods@1.1.2", "", {}, "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w=="],
|
||||
|
||||
"mime": ["mime@1.6.0", "", { "bin": { "mime": "cli.js" } }, "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="],
|
||||
|
||||
"mime-db": ["mime-db@1.52.0", "", {}, "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="],
|
||||
|
||||
"mime-types": ["mime-types@2.1.35", "", { "dependencies": { "mime-db": "1.52.0" } }, "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw=="],
|
||||
|
||||
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
||||
|
||||
"nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
|
||||
"negotiator": ["negotiator@0.6.3", "", {}, "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="],
|
||||
|
||||
"object-inspect": ["object-inspect@1.13.4", "", {}, "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew=="],
|
||||
|
||||
"on-finished": ["on-finished@2.4.1", "", { "dependencies": { "ee-first": "1.1.1" } }, "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg=="],
|
||||
|
||||
"parseurl": ["parseurl@1.3.3", "", {}, "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="],
|
||||
|
||||
"path-to-regexp": ["path-to-regexp@0.1.12", "", {}, "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ=="],
|
||||
|
||||
"pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
|
||||
|
||||
"pathval": ["pathval@2.0.1", "", {}, "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ=="],
|
||||
|
||||
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
||||
|
||||
"playwright": ["playwright@1.57.0", "", { "dependencies": { "playwright-core": "1.57.0" }, "optionalDependencies": { "fsevents": "2.3.2" }, "bin": { "playwright": "cli.js" } }, "sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw=="],
|
||||
|
||||
"playwright-core": ["playwright-core@1.57.0", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ=="],
|
||||
|
||||
"postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
|
||||
|
||||
"proxy-addr": ["proxy-addr@2.0.7", "", { "dependencies": { "forwarded": "0.2.0", "ipaddr.js": "1.9.1" } }, "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg=="],
|
||||
|
||||
"qs": ["qs@6.14.0", "", { "dependencies": { "side-channel": "^1.1.0" } }, "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w=="],
|
||||
|
||||
"range-parser": ["range-parser@1.2.1", "", {}, "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="],
|
||||
|
||||
"raw-body": ["raw-body@2.5.3", "", { "dependencies": { "bytes": "~3.1.2", "http-errors": "~2.0.1", "iconv-lite": "~0.4.24", "unpipe": "~1.0.0" } }, "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA=="],
|
||||
|
||||
"resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
|
||||
|
||||
"rollup": ["rollup@4.53.3", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.53.3", "@rollup/rollup-android-arm64": "4.53.3", "@rollup/rollup-darwin-arm64": "4.53.3", "@rollup/rollup-darwin-x64": "4.53.3", "@rollup/rollup-freebsd-arm64": "4.53.3", "@rollup/rollup-freebsd-x64": "4.53.3", "@rollup/rollup-linux-arm-gnueabihf": "4.53.3", "@rollup/rollup-linux-arm-musleabihf": "4.53.3", "@rollup/rollup-linux-arm64-gnu": "4.53.3", "@rollup/rollup-linux-arm64-musl": "4.53.3", "@rollup/rollup-linux-loong64-gnu": "4.53.3", "@rollup/rollup-linux-ppc64-gnu": "4.53.3", "@rollup/rollup-linux-riscv64-gnu": "4.53.3", "@rollup/rollup-linux-riscv64-musl": "4.53.3", "@rollup/rollup-linux-s390x-gnu": "4.53.3", "@rollup/rollup-linux-x64-gnu": "4.53.3", "@rollup/rollup-linux-x64-musl": "4.53.3", "@rollup/rollup-openharmony-arm64": "4.53.3", "@rollup/rollup-win32-arm64-msvc": "4.53.3", "@rollup/rollup-win32-ia32-msvc": "4.53.3", "@rollup/rollup-win32-x64-gnu": "4.53.3", "@rollup/rollup-win32-x64-msvc": "4.53.3", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA=="],
|
||||
|
||||
"safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
|
||||
|
||||
"safer-buffer": ["safer-buffer@2.1.2", "", {}, "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="],
|
||||
|
||||
"send": ["send@0.19.1", "", { "dependencies": { "debug": "2.6.9", "depd": "2.0.0", "destroy": "1.2.0", "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", "http-errors": "2.0.0", "mime": "1.6.0", "ms": "2.1.3", "on-finished": "2.4.1", "range-parser": "~1.2.1", "statuses": "2.0.1" } }, "sha512-p4rRk4f23ynFEfcD9LA0xRYngj+IyGiEYyqqOak8kaN0TvNmuxC2dcVeBn62GpCeR2CpWqyHCNScTP91QbAVFg=="],
|
||||
|
||||
"serve-static": ["serve-static@1.16.2", "", { "dependencies": { "encodeurl": "~2.0.0", "escape-html": "~1.0.3", "parseurl": "~1.3.3", "send": "0.19.0" } }, "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw=="],
|
||||
|
||||
"setprototypeof": ["setprototypeof@1.2.0", "", {}, "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="],
|
||||
|
||||
"side-channel": ["side-channel@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3", "side-channel-list": "^1.0.0", "side-channel-map": "^1.0.1", "side-channel-weakmap": "^1.0.2" } }, "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw=="],
|
||||
|
||||
"side-channel-list": ["side-channel-list@1.0.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3" } }, "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA=="],
|
||||
|
||||
"side-channel-map": ["side-channel-map@1.0.1", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3" } }, "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA=="],
|
||||
|
||||
"side-channel-weakmap": ["side-channel-weakmap@1.0.2", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3", "side-channel-map": "^1.0.1" } }, "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A=="],
|
||||
|
||||
"siginfo": ["siginfo@2.0.0", "", {}, "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g=="],
|
||||
|
||||
"source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
|
||||
|
||||
"stackback": ["stackback@0.0.2", "", {}, "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw=="],
|
||||
|
||||
"statuses": ["statuses@2.0.2", "", {}, "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw=="],
|
||||
|
||||
"std-env": ["std-env@3.10.0", "", {}, "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg=="],
|
||||
|
||||
"tinybench": ["tinybench@2.9.0", "", {}, "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg=="],
|
||||
|
||||
"tinyexec": ["tinyexec@0.3.2", "", {}, "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA=="],
|
||||
|
||||
"tinypool": ["tinypool@1.1.1", "", {}, "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg=="],
|
||||
|
||||
"tinyrainbow": ["tinyrainbow@1.2.0", "", {}, "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ=="],
|
||||
|
||||
"tinyspy": ["tinyspy@3.0.2", "", {}, "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q=="],
|
||||
|
||||
"toidentifier": ["toidentifier@1.0.1", "", {}, "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="],
|
||||
|
||||
"tsx": ["tsx@4.21.0", "", { "dependencies": { "esbuild": "~0.27.0", "get-tsconfig": "^4.7.5" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "bin": { "tsx": "dist/cli.mjs" } }, "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw=="],
|
||||
|
||||
"type-is": ["type-is@1.6.18", "", { "dependencies": { "media-typer": "0.3.0", "mime-types": "~2.1.24" } }, "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g=="],
|
||||
|
||||
"undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
|
||||
|
||||
"unpipe": ["unpipe@1.0.0", "", {}, "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="],
|
||||
|
||||
"utils-merge": ["utils-merge@1.0.1", "", {}, "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA=="],
|
||||
|
||||
"vary": ["vary@1.1.2", "", {}, "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="],
|
||||
|
||||
"vite": ["vite@5.4.21", "", { "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", "rollup": "^4.20.0" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || >=20.0.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.4.0" }, "optionalPeers": ["@types/node", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser"], "bin": { "vite": "bin/vite.js" } }, "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw=="],
|
||||
|
||||
"vite-node": ["vite-node@2.1.9", "", { "dependencies": { "cac": "^6.7.14", "debug": "^4.3.7", "es-module-lexer": "^1.5.4", "pathe": "^1.1.2", "vite": "^5.0.0" }, "bin": { "vite-node": "vite-node.mjs" } }, "sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA=="],
|
||||
|
||||
"vitest": ["vitest@2.1.9", "", { "dependencies": { "@vitest/expect": "2.1.9", "@vitest/mocker": "2.1.9", "@vitest/pretty-format": "^2.1.9", "@vitest/runner": "2.1.9", "@vitest/snapshot": "2.1.9", "@vitest/spy": "2.1.9", "@vitest/utils": "2.1.9", "chai": "^5.1.2", "debug": "^4.3.7", "expect-type": "^1.1.0", "magic-string": "^0.30.12", "pathe": "^1.1.2", "std-env": "^3.8.0", "tinybench": "^2.9.0", "tinyexec": "^0.3.1", "tinypool": "^1.0.1", "tinyrainbow": "^1.2.0", "vite": "^5.0.0", "vite-node": "2.1.9", "why-is-node-running": "^2.3.0" }, "peerDependencies": { "@edge-runtime/vm": "*", "@types/node": "^18.0.0 || >=20.0.0", "@vitest/browser": "2.1.9", "@vitest/ui": "2.1.9", "happy-dom": "*", "jsdom": "*" }, "optionalPeers": ["@edge-runtime/vm", "@types/node", "@vitest/browser", "@vitest/ui", "happy-dom", "jsdom"], "bin": { "vitest": "vitest.mjs" } }, "sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q=="],
|
||||
|
||||
"why-is-node-running": ["why-is-node-running@2.3.0", "", { "dependencies": { "siginfo": "^2.0.0", "stackback": "0.0.2" }, "bin": { "why-is-node-running": "cli.js" } }, "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w=="],
|
||||
|
||||
"body-parser/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
|
||||
|
||||
"express/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
|
||||
|
||||
"finalhandler/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
|
||||
|
||||
"playwright/fsevents": ["fsevents@2.3.2", "", { "os": "darwin" }, "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="],
|
||||
|
||||
"send/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
|
||||
|
||||
"send/http-errors": ["http-errors@2.0.0", "", { "dependencies": { "depd": "2.0.0", "inherits": "2.0.4", "setprototypeof": "1.2.0", "statuses": "2.0.1", "toidentifier": "1.0.1" } }, "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ=="],
|
||||
|
||||
"send/statuses": ["statuses@2.0.1", "", {}, "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="],
|
||||
|
||||
"serve-static/send": ["send@0.19.0", "", { "dependencies": { "debug": "2.6.9", "depd": "2.0.0", "destroy": "1.2.0", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", "http-errors": "2.0.0", "mime": "1.6.0", "ms": "2.1.3", "on-finished": "2.4.1", "range-parser": "~1.2.1", "statuses": "2.0.1" } }, "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw=="],
|
||||
|
||||
"vite/esbuild": ["esbuild@0.21.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.21.5", "@esbuild/android-arm": "0.21.5", "@esbuild/android-arm64": "0.21.5", "@esbuild/android-x64": "0.21.5", "@esbuild/darwin-arm64": "0.21.5", "@esbuild/darwin-x64": "0.21.5", "@esbuild/freebsd-arm64": "0.21.5", "@esbuild/freebsd-x64": "0.21.5", "@esbuild/linux-arm": "0.21.5", "@esbuild/linux-arm64": "0.21.5", "@esbuild/linux-ia32": "0.21.5", "@esbuild/linux-loong64": "0.21.5", "@esbuild/linux-mips64el": "0.21.5", "@esbuild/linux-ppc64": "0.21.5", "@esbuild/linux-riscv64": "0.21.5", "@esbuild/linux-s390x": "0.21.5", "@esbuild/linux-x64": "0.21.5", "@esbuild/netbsd-x64": "0.21.5", "@esbuild/openbsd-x64": "0.21.5", "@esbuild/sunos-x64": "0.21.5", "@esbuild/win32-arm64": "0.21.5", "@esbuild/win32-ia32": "0.21.5", "@esbuild/win32-x64": "0.21.5" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw=="],
|
||||
|
||||
"body-parser/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
|
||||
|
||||
"express/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
|
||||
|
||||
"finalhandler/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
|
||||
|
||||
"send/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
|
||||
|
||||
"serve-static/send/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
|
||||
|
||||
"serve-static/send/encodeurl": ["encodeurl@1.0.2", "", {}, "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w=="],
|
||||
|
||||
"serve-static/send/http-errors": ["http-errors@2.0.0", "", { "dependencies": { "depd": "2.0.0", "inherits": "2.0.4", "setprototypeof": "1.2.0", "statuses": "2.0.1", "toidentifier": "1.0.1" } }, "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ=="],
|
||||
|
||||
"serve-static/send/statuses": ["statuses@2.0.1", "", {}, "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="],
|
||||
|
||||
"vite/esbuild/@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.21.5", "", { "os": "aix", "cpu": "ppc64" }, "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ=="],
|
||||
|
||||
"vite/esbuild/@esbuild/android-arm": ["@esbuild/android-arm@0.21.5", "", { "os": "android", "cpu": "arm" }, "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/android-arm64": ["@esbuild/android-arm64@0.21.5", "", { "os": "android", "cpu": "arm64" }, "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A=="],
|
||||
|
||||
"vite/esbuild/@esbuild/android-x64": ["@esbuild/android-x64@0.21.5", "", { "os": "android", "cpu": "x64" }, "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA=="],
|
||||
|
||||
"vite/esbuild/@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.21.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ=="],
|
||||
|
||||
"vite/esbuild/@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.21.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw=="],
|
||||
|
||||
"vite/esbuild/@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.21.5", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g=="],
|
||||
|
||||
"vite/esbuild/@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.21.5", "", { "os": "freebsd", "cpu": "x64" }, "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-arm": ["@esbuild/linux-arm@0.21.5", "", { "os": "linux", "cpu": "arm" }, "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.21.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.21.5", "", { "os": "linux", "cpu": "ia32" }, "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.21.5", "", { "os": "linux", "cpu": "ppc64" }, "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.21.5", "", { "os": "linux", "cpu": "s390x" }, "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A=="],
|
||||
|
||||
"vite/esbuild/@esbuild/linux-x64": ["@esbuild/linux-x64@0.21.5", "", { "os": "linux", "cpu": "x64" }, "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ=="],
|
||||
|
||||
"vite/esbuild/@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.21.5", "", { "os": "none", "cpu": "x64" }, "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.21.5", "", { "os": "openbsd", "cpu": "x64" }, "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow=="],
|
||||
|
||||
"vite/esbuild/@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.21.5", "", { "os": "sunos", "cpu": "x64" }, "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg=="],
|
||||
|
||||
"vite/esbuild/@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.21.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A=="],
|
||||
|
||||
"vite/esbuild/@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.21.5", "", { "os": "win32", "cpu": "ia32" }, "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA=="],
|
||||
|
||||
"vite/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.21.5", "", { "os": "win32", "cpu": "x64" }, "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw=="],
|
||||
|
||||
"serve-static/send/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
|
||||
}
|
||||
}
|
||||
+2988
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "dev-browser",
|
||||
"version": "0.0.1",
|
||||
"type": "module",
|
||||
"imports": {
|
||||
"@/*": "./src/*"
|
||||
},
|
||||
"scripts": {
|
||||
"start-server": "npx tsx scripts/start-server.ts",
|
||||
"start-extension": "npx tsx scripts/start-relay.ts",
|
||||
"dev": "npx tsx --watch src/index.ts",
|
||||
"test": "vitest run",
|
||||
"test:watch": "vitest"
|
||||
},
|
||||
"dependencies": {
|
||||
"@hono/node-server": "^1.19.7",
|
||||
"@hono/node-ws": "^1.2.0",
|
||||
"express": "^4.21.0",
|
||||
"hono": "^4.11.1",
|
||||
"playwright": "^1.49.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/express": "^5.0.0",
|
||||
"tsx": "^4.21.0",
|
||||
"typescript": "^5.0.0",
|
||||
"vitest": "^2.1.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@rollup/rollup-linux-x64-gnu": "^4.0.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,155 @@
|
||||
# Data Scraping Guide
|
||||
|
||||
For large datasets (followers, posts, search results), **intercept and replay network requests** rather than scrolling and parsing the DOM. This is faster, more reliable, and handles pagination automatically.
|
||||
|
||||
## Why Not Scroll?
|
||||
|
||||
Scrolling is slow, unreliable, and wastes time. APIs return structured data with pagination built in. Always prefer API replay.
|
||||
|
||||
## Start Small, Then Scale
|
||||
|
||||
**Don't try to automate everything at once.** Work incrementally:
|
||||
|
||||
1. **Capture one request** - verify you're intercepting the right endpoint
|
||||
2. **Inspect one response** - understand the schema before writing extraction code
|
||||
3. **Extract a few items** - make sure your parsing logic works
|
||||
4. **Then scale up** - add pagination loop only after the basics work
|
||||
|
||||
This prevents wasting time debugging a complex script when the issue is a simple path like `data.user.timeline` vs `data.user.result.timeline`.
|
||||
|
||||
## Step-by-Step Workflow
|
||||
|
||||
### 1. Capture Request Details
|
||||
|
||||
First, intercept a request to understand URL structure and required headers:
|
||||
|
||||
```typescript
|
||||
import { connect, waitForPageLoad } from "@/client.js";
|
||||
import * as fs from "node:fs";
|
||||
|
||||
const client = await connect();
|
||||
const page = await client.page("site");
|
||||
|
||||
let capturedRequest = null;
|
||||
page.on("request", (request) => {
|
||||
const url = request.url();
|
||||
// Look for API endpoints (adjust pattern for your target site)
|
||||
if (url.includes("/api/") || url.includes("/graphql/")) {
|
||||
capturedRequest = {
|
||||
url: url,
|
||||
headers: request.headers(),
|
||||
method: request.method(),
|
||||
};
|
||||
fs.writeFileSync("tmp/request-details.json", JSON.stringify(capturedRequest, null, 2));
|
||||
console.log("Captured request:", url.substring(0, 80) + "...");
|
||||
}
|
||||
});
|
||||
|
||||
await page.goto("https://example.com/profile");
|
||||
await waitForPageLoad(page);
|
||||
await page.waitForTimeout(3000);
|
||||
|
||||
await client.disconnect();
|
||||
```
|
||||
|
||||
### 2. Capture Response to Understand Schema
|
||||
|
||||
Save a raw response to inspect the data structure:
|
||||
|
||||
```typescript
|
||||
page.on("response", async (response) => {
|
||||
const url = response.url();
|
||||
if (url.includes("UserTweets") || url.includes("/api/data")) {
|
||||
const json = await response.json();
|
||||
fs.writeFileSync("tmp/api-response.json", JSON.stringify(json, null, 2));
|
||||
console.log("Captured response");
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
Then analyze the structure to find:
|
||||
|
||||
- Where the data array lives (e.g., `data.user.result.timeline.instructions[].entries`)
|
||||
- Where pagination cursors are (e.g., `cursor-bottom` entries)
|
||||
- What fields you need to extract
|
||||
|
||||
### 3. Replay API with Pagination
|
||||
|
||||
Once you understand the schema, replay requests directly:
|
||||
|
||||
```typescript
|
||||
import { connect } from "@/client.js";
|
||||
import * as fs from "node:fs";
|
||||
|
||||
const client = await connect();
|
||||
const page = await client.page("site");
|
||||
|
||||
const results = new Map(); // Use Map for deduplication
|
||||
const headers = JSON.parse(fs.readFileSync("tmp/request-details.json", "utf8")).headers;
|
||||
const baseUrl = "https://example.com/api/data";
|
||||
|
||||
let cursor = null;
|
||||
let hasMore = true;
|
||||
|
||||
while (hasMore) {
|
||||
// Build URL with pagination cursor
|
||||
const params = { count: 20 };
|
||||
if (cursor) params.cursor = cursor;
|
||||
const url = `${baseUrl}?params=${encodeURIComponent(JSON.stringify(params))}`;
|
||||
|
||||
// Execute fetch in browser context (has auth cookies/headers)
|
||||
const response = await page.evaluate(
|
||||
async ({ url, headers }) => {
|
||||
const res = await fetch(url, { headers });
|
||||
return res.json();
|
||||
},
|
||||
{ url, headers }
|
||||
);
|
||||
|
||||
// Extract data and cursor (adjust paths for your API)
|
||||
const entries = response?.data?.entries || [];
|
||||
for (const entry of entries) {
|
||||
if (entry.type === "cursor-bottom") {
|
||||
cursor = entry.value;
|
||||
} else if (entry.id && !results.has(entry.id)) {
|
||||
results.set(entry.id, {
|
||||
id: entry.id,
|
||||
text: entry.content,
|
||||
timestamp: entry.created_at,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
console.log(`Fetched page, total: ${results.size}`);
|
||||
|
||||
// Check stop conditions
|
||||
if (!cursor || entries.length === 0) hasMore = false;
|
||||
|
||||
// Rate limiting - be respectful
|
||||
await new Promise((r) => setTimeout(r, 500));
|
||||
}
|
||||
|
||||
// Export results
|
||||
const data = Array.from(results.values());
|
||||
fs.writeFileSync("tmp/results.json", JSON.stringify(data, null, 2));
|
||||
console.log(`Saved ${data.length} items`);
|
||||
|
||||
await client.disconnect();
|
||||
```
|
||||
|
||||
## Key Patterns
|
||||
|
||||
| Pattern | Description |
|
||||
| ----------------------- | ------------------------------------------------------ |
|
||||
| `page.on('request')` | Capture outgoing request URL + headers |
|
||||
| `page.on('response')` | Capture response data to understand schema |
|
||||
| `page.evaluate(fetch)` | Replay requests in browser context (inherits auth) |
|
||||
| `Map` for deduplication | APIs often return overlapping data across pages |
|
||||
| Cursor-based pagination | Look for `cursor`, `next_token`, `offset` in responses |
|
||||
|
||||
## Tips
|
||||
|
||||
- **Extension mode**: `page.context().cookies()` doesn't work - capture auth headers from intercepted requests instead
|
||||
- **Rate limiting**: Add 500ms+ delays between requests to avoid blocks
|
||||
- **Stop conditions**: Check for empty results, missing cursor, or reaching a date/ID threshold
|
||||
- **GraphQL APIs**: URL params often include `variables` and `features` JSON objects - capture and reuse them
|
||||
@@ -0,0 +1,32 @@
|
||||
/**
|
||||
* Start the CDP relay server for Chrome extension mode
|
||||
*
|
||||
* Usage: npm run start-extension
|
||||
*/
|
||||
|
||||
import { serveRelay } from "@/relay.js";
|
||||
|
||||
const PORT = parseInt(process.env.PORT || "9222", 10);
|
||||
const HOST = process.env.HOST || "127.0.0.1";
|
||||
|
||||
async function main() {
|
||||
const server = await serveRelay({
|
||||
port: PORT,
|
||||
host: HOST,
|
||||
});
|
||||
|
||||
// Handle shutdown
|
||||
const shutdown = async () => {
|
||||
console.log("\nShutting down relay server...");
|
||||
await server.stop();
|
||||
process.exit(0);
|
||||
};
|
||||
|
||||
process.on("SIGINT", shutdown);
|
||||
process.on("SIGTERM", shutdown);
|
||||
}
|
||||
|
||||
main().catch((err) => {
|
||||
console.error("Failed to start relay server:", err);
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -0,0 +1,117 @@
|
||||
import { serve } from "@/index.js";
|
||||
import { execSync } from "child_process";
|
||||
import { mkdirSync, existsSync, readdirSync } from "fs";
|
||||
import { join, dirname } from "path";
|
||||
import { fileURLToPath } from "url";
|
||||
|
||||
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||||
const tmpDir = join(__dirname, "..", "tmp");
|
||||
const profileDir = join(__dirname, "..", "profiles");
|
||||
|
||||
// Create tmp and profile directories if they don't exist
|
||||
console.log("Creating tmp directory...");
|
||||
mkdirSync(tmpDir, { recursive: true });
|
||||
console.log("Creating profiles directory...");
|
||||
mkdirSync(profileDir, { recursive: true });
|
||||
|
||||
// Install Playwright browsers if not already installed
|
||||
console.log("Checking Playwright browser installation...");
|
||||
|
||||
function findPackageManager(): { name: string; command: string } | null {
|
||||
const managers = [
|
||||
{ name: "bun", command: "bunx playwright install chromium" },
|
||||
{ name: "pnpm", command: "pnpm exec playwright install chromium" },
|
||||
{ name: "npm", command: "npx playwright install chromium" },
|
||||
];
|
||||
|
||||
for (const manager of managers) {
|
||||
try {
|
||||
execSync(`which ${manager.name}`, { stdio: "ignore" });
|
||||
return manager;
|
||||
} catch {
|
||||
// Package manager not found, try next
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function isChromiumInstalled(): boolean {
|
||||
const homeDir = process.env.HOME || process.env.USERPROFILE || "";
|
||||
const playwrightCacheDir = join(homeDir, ".cache", "ms-playwright");
|
||||
|
||||
if (!existsSync(playwrightCacheDir)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Check for chromium directories (e.g., chromium-1148, chromium_headless_shell-1148)
|
||||
try {
|
||||
const entries = readdirSync(playwrightCacheDir);
|
||||
return entries.some((entry) => entry.startsWith("chromium"));
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
if (!isChromiumInstalled()) {
|
||||
console.log("Playwright Chromium not found. Installing (this may take a minute)...");
|
||||
|
||||
const pm = findPackageManager();
|
||||
if (!pm) {
|
||||
throw new Error("No package manager found (tried bun, pnpm, npm)");
|
||||
}
|
||||
|
||||
console.log(`Using ${pm.name} to install Playwright...`);
|
||||
execSync(pm.command, { stdio: "inherit" });
|
||||
console.log("Chromium installed successfully.");
|
||||
} else {
|
||||
console.log("Playwright Chromium already installed.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Failed to install Playwright browsers:", error);
|
||||
console.log("You may need to run: npx playwright install chromium");
|
||||
}
|
||||
|
||||
// Check if server is already running
|
||||
console.log("Checking for existing servers...");
|
||||
try {
|
||||
const res = await fetch("http://localhost:9222", {
|
||||
signal: AbortSignal.timeout(1000),
|
||||
});
|
||||
if (res.ok) {
|
||||
console.log("Server already running on port 9222");
|
||||
process.exit(0);
|
||||
}
|
||||
} catch {
|
||||
// Server not running, continue to start
|
||||
}
|
||||
|
||||
// Clean up stale CDP port if HTTP server isn't running (crash recovery)
|
||||
// This handles the case where Node crashed but Chrome is still running on 9223
|
||||
try {
|
||||
const pid = execSync("lsof -ti:9223", { encoding: "utf-8" }).trim();
|
||||
if (pid) {
|
||||
console.log(`Cleaning up stale Chrome process on CDP port 9223 (PID: ${pid})`);
|
||||
execSync(`kill -9 ${pid}`);
|
||||
}
|
||||
} catch {
|
||||
// No process on CDP port, which is expected
|
||||
}
|
||||
|
||||
console.log("Starting dev browser server...");
|
||||
const headless = process.env.HEADLESS === "true";
|
||||
const server = await serve({
|
||||
port: 9222,
|
||||
headless,
|
||||
profileDir,
|
||||
});
|
||||
|
||||
console.log(`Dev browser server started`);
|
||||
console.log(` WebSocket: ${server.wsEndpoint}`);
|
||||
console.log(` Tmp directory: ${tmpDir}`);
|
||||
console.log(` Profile directory: ${profileDir}`);
|
||||
console.log(`\nReady`);
|
||||
console.log(`\nPress Ctrl+C to stop`);
|
||||
|
||||
// Keep the process running
|
||||
await new Promise(() => {});
|
||||
Executable
+24
@@ -0,0 +1,24 @@
|
||||
#!/bin/bash
|
||||
|
||||
# Get the directory where this script is located
|
||||
SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
|
||||
|
||||
# Change to the script directory
|
||||
cd "$SCRIPT_DIR"
|
||||
|
||||
# Parse command line arguments
|
||||
HEADLESS=false
|
||||
while [[ "$#" -gt 0 ]]; do
|
||||
case $1 in
|
||||
--headless) HEADLESS=true ;;
|
||||
*) echo "Unknown parameter: $1"; exit 1 ;;
|
||||
esac
|
||||
shift
|
||||
done
|
||||
|
||||
echo "Installing dependencies..."
|
||||
npm install
|
||||
|
||||
echo "Starting dev-browser server..."
|
||||
export HEADLESS=$HEADLESS
|
||||
npx tsx scripts/start-server.ts
|
||||
@@ -0,0 +1,474 @@
|
||||
import { chromium, type Browser, type Page, type ElementHandle } from "playwright";
|
||||
import type {
|
||||
GetPageRequest,
|
||||
GetPageResponse,
|
||||
ListPagesResponse,
|
||||
ServerInfoResponse,
|
||||
ViewportSize,
|
||||
} from "./types";
|
||||
import { getSnapshotScript } from "./snapshot/browser-script";
|
||||
|
||||
/**
|
||||
* Options for waiting for page load
|
||||
*/
|
||||
export interface WaitForPageLoadOptions {
|
||||
/** Maximum time to wait in ms (default: 10000) */
|
||||
timeout?: number;
|
||||
/** How often to check page state in ms (default: 50) */
|
||||
pollInterval?: number;
|
||||
/** Minimum time to wait even if page appears ready in ms (default: 100) */
|
||||
minimumWait?: number;
|
||||
/** Wait for network to be idle (no pending requests) (default: true) */
|
||||
waitForNetworkIdle?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* Result of waiting for page load
|
||||
*/
|
||||
export interface WaitForPageLoadResult {
|
||||
/** Whether the page is considered loaded */
|
||||
success: boolean;
|
||||
/** Document ready state when finished */
|
||||
readyState: string;
|
||||
/** Number of pending network requests when finished */
|
||||
pendingRequests: number;
|
||||
/** Time spent waiting in ms */
|
||||
waitTimeMs: number;
|
||||
/** Whether timeout was reached */
|
||||
timedOut: boolean;
|
||||
}
|
||||
|
||||
interface PageLoadState {
|
||||
documentReadyState: string;
|
||||
documentLoading: boolean;
|
||||
pendingRequests: PendingRequest[];
|
||||
}
|
||||
|
||||
interface PendingRequest {
|
||||
url: string;
|
||||
loadingDurationMs: number;
|
||||
resourceType: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Wait for a page to finish loading using document.readyState and performance API.
|
||||
*
|
||||
* Uses browser-use's approach of:
|
||||
* - Checking document.readyState for 'complete'
|
||||
* - Monitoring pending network requests via Performance API
|
||||
* - Filtering out ads, tracking, and non-critical resources
|
||||
* - Graceful timeout handling (continues even if timeout reached)
|
||||
*/
|
||||
export async function waitForPageLoad(
|
||||
page: Page,
|
||||
options: WaitForPageLoadOptions = {}
|
||||
): Promise<WaitForPageLoadResult> {
|
||||
const {
|
||||
timeout = 10000,
|
||||
pollInterval = 50,
|
||||
minimumWait = 100,
|
||||
waitForNetworkIdle = true,
|
||||
} = options;
|
||||
|
||||
const startTime = Date.now();
|
||||
let lastState: PageLoadState | null = null;
|
||||
|
||||
// Wait minimum time first
|
||||
if (minimumWait > 0) {
|
||||
await new Promise((resolve) => setTimeout(resolve, minimumWait));
|
||||
}
|
||||
|
||||
// Poll until ready or timeout
|
||||
while (Date.now() - startTime < timeout) {
|
||||
try {
|
||||
lastState = await getPageLoadState(page);
|
||||
|
||||
// Check if document is complete
|
||||
const documentReady = lastState.documentReadyState === "complete";
|
||||
|
||||
// Check if network is idle (no pending critical requests)
|
||||
const networkIdle = !waitForNetworkIdle || lastState.pendingRequests.length === 0;
|
||||
|
||||
if (documentReady && networkIdle) {
|
||||
return {
|
||||
success: true,
|
||||
readyState: lastState.documentReadyState,
|
||||
pendingRequests: lastState.pendingRequests.length,
|
||||
waitTimeMs: Date.now() - startTime,
|
||||
timedOut: false,
|
||||
};
|
||||
}
|
||||
} catch {
|
||||
// Page may be navigating, continue polling
|
||||
}
|
||||
|
||||
await new Promise((resolve) => setTimeout(resolve, pollInterval));
|
||||
}
|
||||
|
||||
// Timeout reached - return current state
|
||||
return {
|
||||
success: false,
|
||||
readyState: lastState?.documentReadyState ?? "unknown",
|
||||
pendingRequests: lastState?.pendingRequests.length ?? 0,
|
||||
waitTimeMs: Date.now() - startTime,
|
||||
timedOut: true,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the current page load state including document ready state and pending requests.
|
||||
* Filters out ads, tracking, and non-critical resources that shouldn't block loading.
|
||||
*/
|
||||
async function getPageLoadState(page: Page): Promise<PageLoadState> {
|
||||
const result = await page.evaluate(() => {
|
||||
// Access browser globals via globalThis for TypeScript compatibility
|
||||
/* eslint-disable @typescript-eslint/no-explicit-any */
|
||||
const g = globalThis as { document?: any; performance?: any };
|
||||
/* eslint-enable @typescript-eslint/no-explicit-any */
|
||||
const perf = g.performance!;
|
||||
const doc = g.document!;
|
||||
|
||||
const now = perf.now();
|
||||
const resources = perf.getEntriesByType("resource");
|
||||
const pending: Array<{ url: string; loadingDurationMs: number; resourceType: string }> = [];
|
||||
|
||||
// Common ad/tracking domains and patterns to filter out
|
||||
const adPatterns = [
|
||||
"doubleclick.net",
|
||||
"googlesyndication.com",
|
||||
"googletagmanager.com",
|
||||
"google-analytics.com",
|
||||
"facebook.net",
|
||||
"connect.facebook.net",
|
||||
"analytics",
|
||||
"ads",
|
||||
"tracking",
|
||||
"pixel",
|
||||
"hotjar.com",
|
||||
"clarity.ms",
|
||||
"mixpanel.com",
|
||||
"segment.com",
|
||||
"newrelic.com",
|
||||
"nr-data.net",
|
||||
"/tracker/",
|
||||
"/collector/",
|
||||
"/beacon/",
|
||||
"/telemetry/",
|
||||
"/log/",
|
||||
"/events/",
|
||||
"/track.",
|
||||
"/metrics/",
|
||||
];
|
||||
|
||||
// Non-critical resource types
|
||||
const nonCriticalTypes = ["img", "image", "icon", "font"];
|
||||
|
||||
for (const entry of resources) {
|
||||
// Resources with responseEnd === 0 are still loading
|
||||
if (entry.responseEnd === 0) {
|
||||
const url = entry.name;
|
||||
|
||||
// Filter out ads and tracking
|
||||
const isAd = adPatterns.some((pattern) => url.includes(pattern));
|
||||
if (isAd) continue;
|
||||
|
||||
// Filter out data: URLs and very long URLs
|
||||
if (url.startsWith("data:") || url.length > 500) continue;
|
||||
|
||||
const loadingDuration = now - entry.startTime;
|
||||
|
||||
// Skip requests loading > 10 seconds (likely stuck/polling)
|
||||
if (loadingDuration > 10000) continue;
|
||||
|
||||
const resourceType = entry.initiatorType || "unknown";
|
||||
|
||||
// Filter out non-critical resources loading > 3 seconds
|
||||
if (nonCriticalTypes.includes(resourceType) && loadingDuration > 3000) continue;
|
||||
|
||||
// Filter out image URLs even if type is unknown
|
||||
const isImageUrl = /\.(jpg|jpeg|png|gif|webp|svg|ico)(\?|$)/i.test(url);
|
||||
if (isImageUrl && loadingDuration > 3000) continue;
|
||||
|
||||
pending.push({
|
||||
url,
|
||||
loadingDurationMs: Math.round(loadingDuration),
|
||||
resourceType,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
documentReadyState: doc.readyState,
|
||||
documentLoading: doc.readyState !== "complete",
|
||||
pendingRequests: pending,
|
||||
};
|
||||
});
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/** Server mode information */
|
||||
export interface ServerInfo {
|
||||
wsEndpoint: string;
|
||||
mode: "launch" | "extension";
|
||||
extensionConnected?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* Options for creating or getting a page
|
||||
*/
|
||||
export interface PageOptions {
|
||||
/** Viewport size for new pages */
|
||||
viewport?: ViewportSize;
|
||||
}
|
||||
|
||||
export interface DevBrowserClient {
|
||||
page: (name: string, options?: PageOptions) => Promise<Page>;
|
||||
list: () => Promise<string[]>;
|
||||
close: (name: string) => Promise<void>;
|
||||
disconnect: () => Promise<void>;
|
||||
/**
|
||||
* Get AI-friendly ARIA snapshot for a page.
|
||||
* Returns YAML format with refs like [ref=e1], [ref=e2].
|
||||
* Refs are stored on window.__devBrowserRefs for cross-connection persistence.
|
||||
*/
|
||||
getAISnapshot: (name: string) => Promise<string>;
|
||||
/**
|
||||
* Get an element handle by its ref from the last getAISnapshot call.
|
||||
* Refs persist across Playwright connections.
|
||||
*/
|
||||
selectSnapshotRef: (name: string, ref: string) => Promise<ElementHandle | null>;
|
||||
/**
|
||||
* Get server information including mode and extension connection status.
|
||||
*/
|
||||
getServerInfo: () => Promise<ServerInfo>;
|
||||
}
|
||||
|
||||
export async function connect(serverUrl = "http://localhost:9222"): Promise<DevBrowserClient> {
|
||||
let browser: Browser | null = null;
|
||||
let wsEndpoint: string | null = null;
|
||||
let connectingPromise: Promise<Browser> | null = null;
|
||||
|
||||
async function ensureConnected(): Promise<Browser> {
|
||||
// Return existing connection if still active
|
||||
if (browser && browser.isConnected()) {
|
||||
return browser;
|
||||
}
|
||||
|
||||
// If already connecting, wait for that connection (prevents race condition)
|
||||
if (connectingPromise) {
|
||||
return connectingPromise;
|
||||
}
|
||||
|
||||
// Start new connection with mutex
|
||||
connectingPromise = (async () => {
|
||||
try {
|
||||
// Fetch wsEndpoint from server
|
||||
const res = await fetch(serverUrl);
|
||||
if (!res.ok) {
|
||||
throw new Error(`Server returned ${res.status}: ${await res.text()}`);
|
||||
}
|
||||
const info = (await res.json()) as ServerInfoResponse;
|
||||
wsEndpoint = info.wsEndpoint;
|
||||
|
||||
// Connect to the browser via CDP
|
||||
browser = await chromium.connectOverCDP(wsEndpoint);
|
||||
return browser;
|
||||
} finally {
|
||||
connectingPromise = null;
|
||||
}
|
||||
})();
|
||||
|
||||
return connectingPromise;
|
||||
}
|
||||
|
||||
// Find page by CDP targetId - more reliable than JS globals
|
||||
async function findPageByTargetId(b: Browser, targetId: string): Promise<Page | null> {
|
||||
for (const context of b.contexts()) {
|
||||
for (const page of context.pages()) {
|
||||
let cdpSession;
|
||||
try {
|
||||
cdpSession = await context.newCDPSession(page);
|
||||
const { targetInfo } = await cdpSession.send("Target.getTargetInfo");
|
||||
if (targetInfo.targetId === targetId) {
|
||||
return page;
|
||||
}
|
||||
} catch (err) {
|
||||
// Only ignore "target closed" errors, log unexpected ones
|
||||
const msg = err instanceof Error ? err.message : String(err);
|
||||
if (!msg.includes("Target closed") && !msg.includes("Session closed")) {
|
||||
console.warn(`Unexpected error checking page target: ${msg}`);
|
||||
}
|
||||
} finally {
|
||||
if (cdpSession) {
|
||||
try {
|
||||
await cdpSession.detach();
|
||||
} catch {
|
||||
// Ignore detach errors - session may already be closed
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helper to get a page by name (used by multiple methods)
|
||||
async function getPage(name: string, options?: PageOptions): Promise<Page> {
|
||||
// Request the page from server (creates if doesn't exist)
|
||||
const res = await fetch(`${serverUrl}/pages`, {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ name, viewport: options?.viewport } satisfies GetPageRequest),
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error(`Failed to get page: ${await res.text()}`);
|
||||
}
|
||||
|
||||
const pageInfo = (await res.json()) as GetPageResponse & { url?: string };
|
||||
const { targetId } = pageInfo;
|
||||
|
||||
// Connect to browser
|
||||
const b = await ensureConnected();
|
||||
|
||||
// Check if we're in extension mode
|
||||
const infoRes = await fetch(serverUrl);
|
||||
const info = (await infoRes.json()) as { mode?: string };
|
||||
const isExtensionMode = info.mode === "extension";
|
||||
|
||||
if (isExtensionMode) {
|
||||
// In extension mode, DON'T use findPageByTargetId as it corrupts page state
|
||||
// Instead, find page by URL or use the only available page
|
||||
const allPages = b.contexts().flatMap((ctx) => ctx.pages());
|
||||
|
||||
if (allPages.length === 0) {
|
||||
throw new Error(`No pages available in browser`);
|
||||
}
|
||||
|
||||
if (allPages.length === 1) {
|
||||
return allPages[0]!;
|
||||
}
|
||||
|
||||
// Multiple pages - try to match by URL if available
|
||||
if (pageInfo.url) {
|
||||
const matchingPage = allPages.find((p) => p.url() === pageInfo.url);
|
||||
if (matchingPage) {
|
||||
return matchingPage;
|
||||
}
|
||||
}
|
||||
|
||||
// Fall back to first page
|
||||
if (!allPages[0]) {
|
||||
throw new Error(`No pages available in browser`);
|
||||
}
|
||||
return allPages[0];
|
||||
}
|
||||
|
||||
// In launch mode, use the original targetId-based lookup
|
||||
const page = await findPageByTargetId(b, targetId);
|
||||
if (!page) {
|
||||
throw new Error(`Page "${name}" not found in browser contexts`);
|
||||
}
|
||||
|
||||
return page;
|
||||
}
|
||||
|
||||
return {
|
||||
page: getPage,
|
||||
|
||||
async list(): Promise<string[]> {
|
||||
const res = await fetch(`${serverUrl}/pages`);
|
||||
const data = (await res.json()) as ListPagesResponse;
|
||||
return data.pages;
|
||||
},
|
||||
|
||||
async close(name: string): Promise<void> {
|
||||
const res = await fetch(`${serverUrl}/pages/${encodeURIComponent(name)}`, {
|
||||
method: "DELETE",
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error(`Failed to close page: ${await res.text()}`);
|
||||
}
|
||||
},
|
||||
|
||||
async disconnect(): Promise<void> {
|
||||
// Just disconnect the CDP connection - pages persist on server
|
||||
if (browser) {
|
||||
await browser.close();
|
||||
browser = null;
|
||||
}
|
||||
},
|
||||
|
||||
async getAISnapshot(name: string): Promise<string> {
|
||||
// Get the page
|
||||
const page = await getPage(name);
|
||||
|
||||
// Inject the snapshot script and call getAISnapshot
|
||||
const snapshotScript = getSnapshotScript();
|
||||
const snapshot = await page.evaluate((script: string) => {
|
||||
// Inject script if not already present
|
||||
// Note: page.evaluate runs in browser context where window exists
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const w = globalThis as any;
|
||||
if (!w.__devBrowser_getAISnapshot) {
|
||||
// eslint-disable-next-line no-eval
|
||||
eval(script);
|
||||
}
|
||||
return w.__devBrowser_getAISnapshot();
|
||||
}, snapshotScript);
|
||||
|
||||
return snapshot;
|
||||
},
|
||||
|
||||
async selectSnapshotRef(name: string, ref: string): Promise<ElementHandle | null> {
|
||||
// Get the page
|
||||
const page = await getPage(name);
|
||||
|
||||
// Find the element using the stored refs
|
||||
const elementHandle = await page.evaluateHandle((refId: string) => {
|
||||
// Note: page.evaluateHandle runs in browser context where globalThis is the window
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const w = globalThis as any;
|
||||
const refs = w.__devBrowserRefs;
|
||||
if (!refs) {
|
||||
throw new Error("No snapshot refs found. Call getAISnapshot first.");
|
||||
}
|
||||
const element = refs[refId];
|
||||
if (!element) {
|
||||
throw new Error(
|
||||
`Ref "${refId}" not found. Available refs: ${Object.keys(refs).join(", ")}`
|
||||
);
|
||||
}
|
||||
return element;
|
||||
}, ref);
|
||||
|
||||
// Check if we got an element
|
||||
const element = elementHandle.asElement();
|
||||
if (!element) {
|
||||
await elementHandle.dispose();
|
||||
return null;
|
||||
}
|
||||
|
||||
return element;
|
||||
},
|
||||
|
||||
async getServerInfo(): Promise<ServerInfo> {
|
||||
const res = await fetch(serverUrl);
|
||||
if (!res.ok) {
|
||||
throw new Error(`Server returned ${res.status}: ${await res.text()}`);
|
||||
}
|
||||
const info = (await res.json()) as {
|
||||
wsEndpoint: string;
|
||||
mode?: string;
|
||||
extensionConnected?: boolean;
|
||||
};
|
||||
return {
|
||||
wsEndpoint: info.wsEndpoint,
|
||||
mode: (info.mode as "launch" | "extension") ?? "launch",
|
||||
extensionConnected: info.extensionConnected,
|
||||
};
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,287 @@
|
||||
import express, { type Express, type Request, type Response } from "express";
|
||||
import { chromium, type BrowserContext, type Page } from "playwright";
|
||||
import { mkdirSync } from "fs";
|
||||
import { join } from "path";
|
||||
import type { Socket } from "net";
|
||||
import type {
|
||||
ServeOptions,
|
||||
GetPageRequest,
|
||||
GetPageResponse,
|
||||
ListPagesResponse,
|
||||
ServerInfoResponse,
|
||||
} from "./types";
|
||||
|
||||
export type { ServeOptions, GetPageResponse, ListPagesResponse, ServerInfoResponse };
|
||||
|
||||
export interface DevBrowserServer {
|
||||
wsEndpoint: string;
|
||||
port: number;
|
||||
stop: () => Promise<void>;
|
||||
}
|
||||
|
||||
// Helper to retry fetch with exponential backoff
|
||||
async function fetchWithRetry(
|
||||
url: string,
|
||||
maxRetries = 5,
|
||||
delayMs = 500
|
||||
): Promise<globalThis.Response> {
|
||||
let lastError: Error | null = null;
|
||||
for (let i = 0; i < maxRetries; i++) {
|
||||
try {
|
||||
const res = await fetch(url);
|
||||
if (res.ok) return res;
|
||||
throw new Error(`HTTP ${res.status}: ${res.statusText}`);
|
||||
} catch (err) {
|
||||
lastError = err instanceof Error ? err : new Error(String(err));
|
||||
if (i < maxRetries - 1) {
|
||||
await new Promise((resolve) => setTimeout(resolve, delayMs * (i + 1)));
|
||||
}
|
||||
}
|
||||
}
|
||||
throw new Error(`Failed after ${maxRetries} retries: ${lastError?.message}`);
|
||||
}
|
||||
|
||||
// Helper to add timeout to promises
|
||||
function withTimeout<T>(promise: Promise<T>, ms: number, message: string): Promise<T> {
|
||||
return Promise.race([
|
||||
promise,
|
||||
new Promise<never>((_, reject) =>
|
||||
setTimeout(() => reject(new Error(`Timeout: ${message}`)), ms)
|
||||
),
|
||||
]);
|
||||
}
|
||||
|
||||
export async function serve(options: ServeOptions = {}): Promise<DevBrowserServer> {
|
||||
const port = options.port ?? 9222;
|
||||
const headless = options.headless ?? false;
|
||||
const cdpPort = options.cdpPort ?? 9223;
|
||||
const profileDir = options.profileDir;
|
||||
|
||||
// Validate port numbers
|
||||
if (port < 1 || port > 65535) {
|
||||
throw new Error(`Invalid port: ${port}. Must be between 1 and 65535`);
|
||||
}
|
||||
if (cdpPort < 1 || cdpPort > 65535) {
|
||||
throw new Error(`Invalid cdpPort: ${cdpPort}. Must be between 1 and 65535`);
|
||||
}
|
||||
if (port === cdpPort) {
|
||||
throw new Error("port and cdpPort must be different");
|
||||
}
|
||||
|
||||
// Determine user data directory for persistent context
|
||||
const userDataDir = profileDir
|
||||
? join(profileDir, "browser-data")
|
||||
: join(process.cwd(), ".browser-data");
|
||||
|
||||
// Create directory if it doesn't exist
|
||||
mkdirSync(userDataDir, { recursive: true });
|
||||
console.log(`Using persistent browser profile: ${userDataDir}`);
|
||||
|
||||
console.log("Launching browser with persistent context...");
|
||||
|
||||
// Launch persistent context - this persists cookies, localStorage, cache, etc.
|
||||
const context: BrowserContext = await chromium.launchPersistentContext(userDataDir, {
|
||||
headless,
|
||||
args: [`--remote-debugging-port=${cdpPort}`],
|
||||
});
|
||||
console.log("Browser launched with persistent profile...");
|
||||
|
||||
// Get the CDP WebSocket endpoint from Chrome's JSON API (with retry for slow startup)
|
||||
const cdpResponse = await fetchWithRetry(`http://127.0.0.1:${cdpPort}/json/version`);
|
||||
const cdpInfo = (await cdpResponse.json()) as { webSocketDebuggerUrl: string };
|
||||
const wsEndpoint = cdpInfo.webSocketDebuggerUrl;
|
||||
console.log(`CDP WebSocket endpoint: ${wsEndpoint}`);
|
||||
|
||||
// Registry entry type for page tracking
|
||||
interface PageEntry {
|
||||
page: Page;
|
||||
targetId: string;
|
||||
}
|
||||
|
||||
// Registry: name -> PageEntry
|
||||
const registry = new Map<string, PageEntry>();
|
||||
|
||||
// Helper to get CDP targetId for a page
|
||||
async function getTargetId(page: Page): Promise<string> {
|
||||
const cdpSession = await context.newCDPSession(page);
|
||||
try {
|
||||
const { targetInfo } = await cdpSession.send("Target.getTargetInfo");
|
||||
return targetInfo.targetId;
|
||||
} finally {
|
||||
await cdpSession.detach();
|
||||
}
|
||||
}
|
||||
|
||||
// Express server for page management
|
||||
const app: Express = express();
|
||||
app.use(express.json());
|
||||
|
||||
// GET / - server info
|
||||
app.get("/", (_req: Request, res: Response) => {
|
||||
const response: ServerInfoResponse = { wsEndpoint };
|
||||
res.json(response);
|
||||
});
|
||||
|
||||
// GET /pages - list all pages
|
||||
app.get("/pages", (_req: Request, res: Response) => {
|
||||
const response: ListPagesResponse = {
|
||||
pages: Array.from(registry.keys()),
|
||||
};
|
||||
res.json(response);
|
||||
});
|
||||
|
||||
// POST /pages - get or create page
|
||||
app.post("/pages", async (req: Request, res: Response) => {
|
||||
const body = req.body as GetPageRequest;
|
||||
const { name, viewport } = body;
|
||||
|
||||
if (!name || typeof name !== "string") {
|
||||
res.status(400).json({ error: "name is required and must be a string" });
|
||||
return;
|
||||
}
|
||||
|
||||
if (name.length === 0) {
|
||||
res.status(400).json({ error: "name cannot be empty" });
|
||||
return;
|
||||
}
|
||||
|
||||
if (name.length > 256) {
|
||||
res.status(400).json({ error: "name must be 256 characters or less" });
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if page already exists
|
||||
let entry = registry.get(name);
|
||||
if (!entry) {
|
||||
// Create new page in the persistent context (with timeout to prevent hangs)
|
||||
const page = await withTimeout(context.newPage(), 30000, "Page creation timed out after 30s");
|
||||
|
||||
// Apply viewport if provided
|
||||
if (viewport) {
|
||||
await page.setViewportSize(viewport);
|
||||
}
|
||||
|
||||
const targetId = await getTargetId(page);
|
||||
entry = { page, targetId };
|
||||
registry.set(name, entry);
|
||||
|
||||
// Clean up registry when page is closed (e.g., user clicks X)
|
||||
page.on("close", () => {
|
||||
registry.delete(name);
|
||||
});
|
||||
}
|
||||
|
||||
const response: GetPageResponse = { wsEndpoint, name, targetId: entry.targetId };
|
||||
res.json(response);
|
||||
});
|
||||
|
||||
// DELETE /pages/:name - close a page
|
||||
app.delete("/pages/:name", async (req: Request<{ name: string }>, res: Response) => {
|
||||
const name = decodeURIComponent(req.params.name);
|
||||
const entry = registry.get(name);
|
||||
|
||||
if (entry) {
|
||||
await entry.page.close();
|
||||
registry.delete(name);
|
||||
res.json({ success: true });
|
||||
return;
|
||||
}
|
||||
|
||||
res.status(404).json({ error: "page not found" });
|
||||
});
|
||||
|
||||
// Start the server
|
||||
const server = app.listen(port, () => {
|
||||
console.log(`HTTP API server running on port ${port}`);
|
||||
});
|
||||
|
||||
// Track active connections for clean shutdown
|
||||
const connections = new Set<Socket>();
|
||||
server.on("connection", (socket: Socket) => {
|
||||
connections.add(socket);
|
||||
socket.on("close", () => connections.delete(socket));
|
||||
});
|
||||
|
||||
// Track if cleanup has been called to avoid double cleanup
|
||||
let cleaningUp = false;
|
||||
|
||||
// Cleanup function
|
||||
const cleanup = async () => {
|
||||
if (cleaningUp) return;
|
||||
cleaningUp = true;
|
||||
|
||||
console.log("\nShutting down...");
|
||||
|
||||
// Close all active HTTP connections
|
||||
for (const socket of connections) {
|
||||
socket.destroy();
|
||||
}
|
||||
connections.clear();
|
||||
|
||||
// Close all pages
|
||||
for (const entry of registry.values()) {
|
||||
try {
|
||||
await entry.page.close();
|
||||
} catch {
|
||||
// Page might already be closed
|
||||
}
|
||||
}
|
||||
registry.clear();
|
||||
|
||||
// Close context (this also closes the browser)
|
||||
try {
|
||||
await context.close();
|
||||
} catch {
|
||||
// Context might already be closed
|
||||
}
|
||||
|
||||
server.close();
|
||||
console.log("Server stopped.");
|
||||
};
|
||||
|
||||
// Synchronous cleanup for forced exits
|
||||
const syncCleanup = () => {
|
||||
try {
|
||||
context.close();
|
||||
} catch {
|
||||
// Best effort
|
||||
}
|
||||
};
|
||||
|
||||
// Signal handlers (consolidated to reduce duplication)
|
||||
const signals = ["SIGINT", "SIGTERM", "SIGHUP"] as const;
|
||||
|
||||
const signalHandler = async () => {
|
||||
await cleanup();
|
||||
process.exit(0);
|
||||
};
|
||||
|
||||
const errorHandler = async (err: unknown) => {
|
||||
console.error("Unhandled error:", err);
|
||||
await cleanup();
|
||||
process.exit(1);
|
||||
};
|
||||
|
||||
// Register handlers
|
||||
signals.forEach((sig) => process.on(sig, signalHandler));
|
||||
process.on("uncaughtException", errorHandler);
|
||||
process.on("unhandledRejection", errorHandler);
|
||||
process.on("exit", syncCleanup);
|
||||
|
||||
// Helper to remove all handlers
|
||||
const removeHandlers = () => {
|
||||
signals.forEach((sig) => process.off(sig, signalHandler));
|
||||
process.off("uncaughtException", errorHandler);
|
||||
process.off("unhandledRejection", errorHandler);
|
||||
process.off("exit", syncCleanup);
|
||||
};
|
||||
|
||||
return {
|
||||
wsEndpoint,
|
||||
port,
|
||||
async stop() {
|
||||
removeHandlers();
|
||||
await cleanup();
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,731 @@
|
||||
/**
|
||||
* CDP Relay Server for Chrome Extension mode
|
||||
*
|
||||
* This server acts as a bridge between Playwright clients and a Chrome extension.
|
||||
* Instead of launching a browser, it waits for the extension to connect and
|
||||
* forwards CDP commands/events between them.
|
||||
*/
|
||||
|
||||
import { Hono } from "hono";
|
||||
import { serve } from "@hono/node-server";
|
||||
import { createNodeWebSocket } from "@hono/node-ws";
|
||||
import type { WSContext } from "hono/ws";
|
||||
|
||||
// ============================================================================
|
||||
// Types
|
||||
// ============================================================================
|
||||
|
||||
export interface RelayOptions {
|
||||
port?: number;
|
||||
host?: string;
|
||||
}
|
||||
|
||||
export interface RelayServer {
|
||||
wsEndpoint: string;
|
||||
port: number;
|
||||
stop(): Promise<void>;
|
||||
}
|
||||
|
||||
interface TargetInfo {
|
||||
targetId: string;
|
||||
type: string;
|
||||
title: string;
|
||||
url: string;
|
||||
attached: boolean;
|
||||
}
|
||||
|
||||
interface ConnectedTarget {
|
||||
sessionId: string;
|
||||
targetId: string;
|
||||
targetInfo: TargetInfo;
|
||||
}
|
||||
|
||||
interface PlaywrightClient {
|
||||
id: string;
|
||||
ws: WSContext;
|
||||
knownTargets: Set<string>; // targetIds this client has received attachedToTarget for
|
||||
}
|
||||
|
||||
// Message types for extension communication
|
||||
interface ExtensionCommandMessage {
|
||||
id: number;
|
||||
method: "forwardCDPCommand";
|
||||
params: {
|
||||
method: string;
|
||||
params?: Record<string, unknown>;
|
||||
sessionId?: string;
|
||||
};
|
||||
}
|
||||
|
||||
interface ExtensionResponseMessage {
|
||||
id: number;
|
||||
result?: unknown;
|
||||
error?: string;
|
||||
}
|
||||
|
||||
interface ExtensionEventMessage {
|
||||
method: "forwardCDPEvent";
|
||||
params: {
|
||||
method: string;
|
||||
params?: Record<string, unknown>;
|
||||
sessionId?: string;
|
||||
};
|
||||
}
|
||||
|
||||
type ExtensionMessage =
|
||||
| ExtensionResponseMessage
|
||||
| ExtensionEventMessage
|
||||
| { method: "log"; params: { level: string; args: string[] } };
|
||||
|
||||
// CDP message types
|
||||
interface CDPCommand {
|
||||
id: number;
|
||||
method: string;
|
||||
params?: Record<string, unknown>;
|
||||
sessionId?: string;
|
||||
}
|
||||
|
||||
interface CDPResponse {
|
||||
id: number;
|
||||
sessionId?: string;
|
||||
result?: unknown;
|
||||
error?: { message: string };
|
||||
}
|
||||
|
||||
interface CDPEvent {
|
||||
method: string;
|
||||
sessionId?: string;
|
||||
params?: Record<string, unknown>;
|
||||
}
|
||||
|
||||
// ============================================================================
|
||||
// Relay Server Implementation
|
||||
// ============================================================================
|
||||
|
||||
export async function serveRelay(options: RelayOptions = {}): Promise<RelayServer> {
|
||||
const port = options.port ?? 9222;
|
||||
const host = options.host ?? "127.0.0.1";
|
||||
|
||||
// State
|
||||
const connectedTargets = new Map<string, ConnectedTarget>();
|
||||
const namedPages = new Map<string, string>(); // name -> sessionId
|
||||
const playwrightClients = new Map<string, PlaywrightClient>();
|
||||
let extensionWs: WSContext | null = null;
|
||||
|
||||
// Pending requests to extension
|
||||
const extensionPendingRequests = new Map<
|
||||
number,
|
||||
{
|
||||
resolve: (result: unknown) => void;
|
||||
reject: (error: Error) => void;
|
||||
}
|
||||
>();
|
||||
let extensionMessageId = 0;
|
||||
|
||||
// ============================================================================
|
||||
// Helper Functions
|
||||
// ============================================================================
|
||||
|
||||
function log(...args: unknown[]) {
|
||||
console.log("[relay]", ...args);
|
||||
}
|
||||
|
||||
function sendToPlaywright(message: CDPResponse | CDPEvent, clientId?: string) {
|
||||
const messageStr = JSON.stringify(message);
|
||||
|
||||
if (clientId) {
|
||||
const client = playwrightClients.get(clientId);
|
||||
if (client) {
|
||||
client.ws.send(messageStr);
|
||||
}
|
||||
} else {
|
||||
// Broadcast to all clients
|
||||
for (const client of playwrightClients.values()) {
|
||||
client.ws.send(messageStr);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Send Target.attachedToTarget event with deduplication.
|
||||
* Tracks which targets each client has seen to prevent "Duplicate target" errors.
|
||||
*/
|
||||
function sendAttachedToTarget(
|
||||
target: ConnectedTarget,
|
||||
clientId?: string,
|
||||
waitingForDebugger = false
|
||||
) {
|
||||
const event: CDPEvent = {
|
||||
method: "Target.attachedToTarget",
|
||||
params: {
|
||||
sessionId: target.sessionId,
|
||||
targetInfo: { ...target.targetInfo, attached: true },
|
||||
waitingForDebugger,
|
||||
},
|
||||
};
|
||||
|
||||
if (clientId) {
|
||||
const client = playwrightClients.get(clientId);
|
||||
if (client && !client.knownTargets.has(target.targetId)) {
|
||||
client.knownTargets.add(target.targetId);
|
||||
client.ws.send(JSON.stringify(event));
|
||||
}
|
||||
} else {
|
||||
// Broadcast to all clients that don't know about this target yet
|
||||
for (const client of playwrightClients.values()) {
|
||||
if (!client.knownTargets.has(target.targetId)) {
|
||||
client.knownTargets.add(target.targetId);
|
||||
client.ws.send(JSON.stringify(event));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function sendToExtension({
|
||||
method,
|
||||
params,
|
||||
timeout = 30000,
|
||||
}: {
|
||||
method: string;
|
||||
params?: Record<string, unknown>;
|
||||
timeout?: number;
|
||||
}): Promise<unknown> {
|
||||
if (!extensionWs) {
|
||||
throw new Error("Extension not connected");
|
||||
}
|
||||
|
||||
const id = ++extensionMessageId;
|
||||
const message = { id, method, params };
|
||||
|
||||
extensionWs.send(JSON.stringify(message));
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
const timeoutId = setTimeout(() => {
|
||||
extensionPendingRequests.delete(id);
|
||||
reject(new Error(`Extension request timeout after ${timeout}ms: ${method}`));
|
||||
}, timeout);
|
||||
|
||||
extensionPendingRequests.set(id, {
|
||||
resolve: (result) => {
|
||||
clearTimeout(timeoutId);
|
||||
resolve(result);
|
||||
},
|
||||
reject: (error) => {
|
||||
clearTimeout(timeoutId);
|
||||
reject(error);
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
async function routeCdpCommand({
|
||||
method,
|
||||
params,
|
||||
sessionId,
|
||||
}: {
|
||||
method: string;
|
||||
params?: Record<string, unknown>;
|
||||
sessionId?: string;
|
||||
}): Promise<unknown> {
|
||||
// Handle some CDP commands locally
|
||||
switch (method) {
|
||||
case "Browser.getVersion":
|
||||
return {
|
||||
protocolVersion: "1.3",
|
||||
product: "Chrome/Extension-Bridge",
|
||||
revision: "1.0.0",
|
||||
userAgent: "dev-browser-relay/1.0.0",
|
||||
jsVersion: "V8",
|
||||
};
|
||||
|
||||
case "Browser.setDownloadBehavior":
|
||||
return {};
|
||||
|
||||
case "Target.setAutoAttach":
|
||||
if (sessionId) {
|
||||
break; // Forward to extension for child frames
|
||||
}
|
||||
return {};
|
||||
|
||||
case "Target.setDiscoverTargets":
|
||||
return {};
|
||||
|
||||
case "Target.attachToBrowserTarget":
|
||||
// Browser-level session - return a fake session since we only proxy tabs
|
||||
return { sessionId: "browser" };
|
||||
|
||||
case "Target.detachFromTarget":
|
||||
// If detaching from our fake "browser" session, just return success
|
||||
if (sessionId === "browser" || params?.sessionId === "browser") {
|
||||
return {};
|
||||
}
|
||||
// Otherwise forward to extension
|
||||
break;
|
||||
|
||||
case "Target.attachToTarget": {
|
||||
const targetId = params?.targetId as string;
|
||||
if (!targetId) {
|
||||
throw new Error("targetId is required for Target.attachToTarget");
|
||||
}
|
||||
|
||||
for (const target of connectedTargets.values()) {
|
||||
if (target.targetId === targetId) {
|
||||
return { sessionId: target.sessionId };
|
||||
}
|
||||
}
|
||||
|
||||
throw new Error(`Target ${targetId} not found in connected targets`);
|
||||
}
|
||||
|
||||
case "Target.getTargetInfo": {
|
||||
const targetId = params?.targetId as string;
|
||||
|
||||
if (targetId) {
|
||||
for (const target of connectedTargets.values()) {
|
||||
if (target.targetId === targetId) {
|
||||
return { targetInfo: target.targetInfo };
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (sessionId) {
|
||||
const target = connectedTargets.get(sessionId);
|
||||
if (target) {
|
||||
return { targetInfo: target.targetInfo };
|
||||
}
|
||||
}
|
||||
|
||||
// Return first target if no specific one requested
|
||||
const firstTarget = Array.from(connectedTargets.values())[0];
|
||||
return { targetInfo: firstTarget?.targetInfo };
|
||||
}
|
||||
|
||||
case "Target.getTargets":
|
||||
return {
|
||||
targetInfos: Array.from(connectedTargets.values()).map((t) => ({
|
||||
...t.targetInfo,
|
||||
attached: true,
|
||||
})),
|
||||
};
|
||||
|
||||
case "Target.createTarget":
|
||||
case "Target.closeTarget":
|
||||
// Forward to extension
|
||||
return await sendToExtension({
|
||||
method: "forwardCDPCommand",
|
||||
params: { method, params },
|
||||
});
|
||||
}
|
||||
|
||||
// Forward all other commands to extension
|
||||
return await sendToExtension({
|
||||
method: "forwardCDPCommand",
|
||||
params: { sessionId, method, params },
|
||||
});
|
||||
}
|
||||
|
||||
// ============================================================================
|
||||
// HTTP/WebSocket Server
|
||||
// ============================================================================
|
||||
|
||||
const app = new Hono();
|
||||
const { injectWebSocket, upgradeWebSocket } = createNodeWebSocket({ app });
|
||||
|
||||
// Health check / server info
|
||||
app.get("/", (c) => {
|
||||
return c.json({
|
||||
wsEndpoint: `ws://${host}:${port}/cdp`,
|
||||
extensionConnected: extensionWs !== null,
|
||||
mode: "extension",
|
||||
});
|
||||
});
|
||||
|
||||
// List named pages
|
||||
app.get("/pages", (c) => {
|
||||
return c.json({
|
||||
pages: Array.from(namedPages.keys()),
|
||||
});
|
||||
});
|
||||
|
||||
// Get or create a named page
|
||||
app.post("/pages", async (c) => {
|
||||
const body = await c.req.json();
|
||||
const name = body.name as string;
|
||||
|
||||
if (!name) {
|
||||
return c.json({ error: "name is required" }, 400);
|
||||
}
|
||||
|
||||
// Check if page already exists by name
|
||||
const existingSessionId = namedPages.get(name);
|
||||
if (existingSessionId) {
|
||||
const target = connectedTargets.get(existingSessionId);
|
||||
if (target) {
|
||||
// Activate the tab so it becomes the active tab
|
||||
await sendToExtension({
|
||||
method: "forwardCDPCommand",
|
||||
params: {
|
||||
method: "Target.activateTarget",
|
||||
params: { targetId: target.targetId },
|
||||
},
|
||||
});
|
||||
return c.json({
|
||||
wsEndpoint: `ws://${host}:${port}/cdp`,
|
||||
name,
|
||||
targetId: target.targetId,
|
||||
url: target.targetInfo.url,
|
||||
});
|
||||
}
|
||||
// Session no longer valid, remove it
|
||||
namedPages.delete(name);
|
||||
}
|
||||
|
||||
// Create a new tab
|
||||
if (!extensionWs) {
|
||||
return c.json({ error: "Extension not connected" }, 503);
|
||||
}
|
||||
|
||||
try {
|
||||
const result = (await sendToExtension({
|
||||
method: "forwardCDPCommand",
|
||||
params: { method: "Target.createTarget", params: { url: "about:blank" } },
|
||||
})) as { targetId: string };
|
||||
|
||||
// Wait for Target.attachedToTarget event to register the new target
|
||||
await new Promise((resolve) => setTimeout(resolve, 200));
|
||||
|
||||
// Find and name the new target
|
||||
for (const [sessionId, target] of connectedTargets) {
|
||||
if (target.targetId === result.targetId) {
|
||||
namedPages.set(name, sessionId);
|
||||
// Activate the tab so it becomes the active tab
|
||||
await sendToExtension({
|
||||
method: "forwardCDPCommand",
|
||||
params: {
|
||||
method: "Target.activateTarget",
|
||||
params: { targetId: target.targetId },
|
||||
},
|
||||
});
|
||||
return c.json({
|
||||
wsEndpoint: `ws://${host}:${port}/cdp`,
|
||||
name,
|
||||
targetId: target.targetId,
|
||||
url: target.targetInfo.url,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
throw new Error("Target created but not found in registry");
|
||||
} catch (err) {
|
||||
log("Error creating tab:", err);
|
||||
return c.json({ error: (err as Error).message }, 500);
|
||||
}
|
||||
});
|
||||
|
||||
// Delete a named page (removes the name, doesn't close the tab)
|
||||
app.delete("/pages/:name", (c) => {
|
||||
const name = c.req.param("name");
|
||||
const deleted = namedPages.delete(name);
|
||||
return c.json({ success: deleted });
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// Playwright Client WebSocket
|
||||
// ============================================================================
|
||||
|
||||
app.get(
|
||||
"/cdp/:clientId?",
|
||||
upgradeWebSocket((c) => {
|
||||
const clientId =
|
||||
c.req.param("clientId") || `client-${Date.now()}-${Math.random().toString(36).slice(2)}`;
|
||||
|
||||
return {
|
||||
onOpen(_event, ws) {
|
||||
if (playwrightClients.has(clientId)) {
|
||||
log(`Rejecting duplicate client ID: ${clientId}`);
|
||||
ws.close(1000, "Client ID already connected");
|
||||
return;
|
||||
}
|
||||
|
||||
playwrightClients.set(clientId, { id: clientId, ws, knownTargets: new Set() });
|
||||
log(`Playwright client connected: ${clientId}`);
|
||||
},
|
||||
|
||||
async onMessage(event, _ws) {
|
||||
let message: CDPCommand;
|
||||
|
||||
try {
|
||||
message = JSON.parse(event.data.toString());
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
|
||||
const { id, sessionId, method, params } = message;
|
||||
|
||||
if (!extensionWs) {
|
||||
sendToPlaywright(
|
||||
{
|
||||
id,
|
||||
sessionId,
|
||||
error: { message: "Extension not connected" },
|
||||
},
|
||||
clientId
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const result = await routeCdpCommand({ method, params, sessionId });
|
||||
|
||||
// After Target.setAutoAttach, send attachedToTarget for existing targets
|
||||
// Uses deduplication to prevent "Duplicate target" errors
|
||||
if (method === "Target.setAutoAttach" && !sessionId) {
|
||||
for (const target of connectedTargets.values()) {
|
||||
sendAttachedToTarget(target, clientId);
|
||||
}
|
||||
}
|
||||
|
||||
// After Target.setDiscoverTargets, send targetCreated events
|
||||
if (
|
||||
method === "Target.setDiscoverTargets" &&
|
||||
(params as { discover?: boolean })?.discover
|
||||
) {
|
||||
for (const target of connectedTargets.values()) {
|
||||
sendToPlaywright(
|
||||
{
|
||||
method: "Target.targetCreated",
|
||||
params: {
|
||||
targetInfo: { ...target.targetInfo, attached: true },
|
||||
},
|
||||
},
|
||||
clientId
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// After Target.attachToTarget, send attachedToTarget event (with deduplication)
|
||||
if (
|
||||
method === "Target.attachToTarget" &&
|
||||
(result as { sessionId?: string })?.sessionId
|
||||
) {
|
||||
const targetId = params?.targetId as string;
|
||||
const target = Array.from(connectedTargets.values()).find(
|
||||
(t) => t.targetId === targetId
|
||||
);
|
||||
if (target) {
|
||||
sendAttachedToTarget(target, clientId);
|
||||
}
|
||||
}
|
||||
|
||||
sendToPlaywright({ id, sessionId, result }, clientId);
|
||||
} catch (e) {
|
||||
log("Error handling CDP command:", method, e);
|
||||
sendToPlaywright(
|
||||
{
|
||||
id,
|
||||
sessionId,
|
||||
error: { message: (e as Error).message },
|
||||
},
|
||||
clientId
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
onClose() {
|
||||
playwrightClients.delete(clientId);
|
||||
log(`Playwright client disconnected: ${clientId}`);
|
||||
},
|
||||
|
||||
onError(event) {
|
||||
log(`Playwright WebSocket error [${clientId}]:`, event);
|
||||
},
|
||||
};
|
||||
})
|
||||
);
|
||||
|
||||
// ============================================================================
|
||||
// Extension WebSocket
|
||||
// ============================================================================
|
||||
|
||||
app.get(
|
||||
"/extension",
|
||||
upgradeWebSocket(() => {
|
||||
return {
|
||||
onOpen(_event, ws) {
|
||||
if (extensionWs) {
|
||||
log("Closing existing extension connection");
|
||||
extensionWs.close(4001, "Extension Replaced");
|
||||
|
||||
// Clear state
|
||||
connectedTargets.clear();
|
||||
namedPages.clear();
|
||||
for (const pending of extensionPendingRequests.values()) {
|
||||
pending.reject(new Error("Extension connection replaced"));
|
||||
}
|
||||
extensionPendingRequests.clear();
|
||||
}
|
||||
|
||||
extensionWs = ws;
|
||||
log("Extension connected");
|
||||
},
|
||||
|
||||
async onMessage(event, ws) {
|
||||
let message: ExtensionMessage;
|
||||
|
||||
try {
|
||||
message = JSON.parse(event.data.toString());
|
||||
} catch {
|
||||
ws.close(1000, "Invalid JSON");
|
||||
return;
|
||||
}
|
||||
|
||||
// Handle response to our request
|
||||
if ("id" in message && typeof message.id === "number") {
|
||||
const pending = extensionPendingRequests.get(message.id);
|
||||
if (!pending) {
|
||||
log("Unexpected response with id:", message.id);
|
||||
return;
|
||||
}
|
||||
|
||||
extensionPendingRequests.delete(message.id);
|
||||
|
||||
if ((message as ExtensionResponseMessage).error) {
|
||||
pending.reject(new Error((message as ExtensionResponseMessage).error));
|
||||
} else {
|
||||
pending.resolve((message as ExtensionResponseMessage).result);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Handle log messages
|
||||
if ("method" in message && message.method === "log") {
|
||||
const { level, args } = message.params;
|
||||
console.log(`[extension:${level}]`, ...args);
|
||||
return;
|
||||
}
|
||||
|
||||
// Handle CDP events from extension
|
||||
if ("method" in message && message.method === "forwardCDPEvent") {
|
||||
const eventMsg = message as ExtensionEventMessage;
|
||||
const { method, params, sessionId } = eventMsg.params;
|
||||
|
||||
// Handle target lifecycle events
|
||||
if (method === "Target.attachedToTarget") {
|
||||
const targetParams = params as {
|
||||
sessionId: string;
|
||||
targetInfo: TargetInfo;
|
||||
};
|
||||
|
||||
const target: ConnectedTarget = {
|
||||
sessionId: targetParams.sessionId,
|
||||
targetId: targetParams.targetInfo.targetId,
|
||||
targetInfo: targetParams.targetInfo,
|
||||
};
|
||||
connectedTargets.set(targetParams.sessionId, target);
|
||||
|
||||
log(`Target attached: ${targetParams.targetInfo.url} (${targetParams.sessionId})`);
|
||||
|
||||
// Use deduplication helper - only sends to clients that don't know about this target
|
||||
sendAttachedToTarget(target);
|
||||
} else if (method === "Target.detachedFromTarget") {
|
||||
const detachParams = params as { sessionId: string };
|
||||
connectedTargets.delete(detachParams.sessionId);
|
||||
|
||||
// Also remove any name mapping
|
||||
for (const [name, sid] of namedPages) {
|
||||
if (sid === detachParams.sessionId) {
|
||||
namedPages.delete(name);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
log(`Target detached: ${detachParams.sessionId}`);
|
||||
|
||||
sendToPlaywright({
|
||||
method: "Target.detachedFromTarget",
|
||||
params: detachParams,
|
||||
});
|
||||
} else if (method === "Target.targetInfoChanged") {
|
||||
const infoParams = params as { targetInfo: TargetInfo };
|
||||
for (const target of connectedTargets.values()) {
|
||||
if (target.targetId === infoParams.targetInfo.targetId) {
|
||||
target.targetInfo = infoParams.targetInfo;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
sendToPlaywright({
|
||||
method: "Target.targetInfoChanged",
|
||||
params: infoParams,
|
||||
});
|
||||
} else {
|
||||
// Forward other CDP events to Playwright
|
||||
sendToPlaywright({
|
||||
sessionId,
|
||||
method,
|
||||
params,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
onClose(_event, ws) {
|
||||
if (extensionWs && extensionWs !== ws) {
|
||||
log("Old extension connection closed");
|
||||
return;
|
||||
}
|
||||
|
||||
log("Extension disconnected");
|
||||
|
||||
for (const pending of extensionPendingRequests.values()) {
|
||||
pending.reject(new Error("Extension connection closed"));
|
||||
}
|
||||
extensionPendingRequests.clear();
|
||||
|
||||
extensionWs = null;
|
||||
connectedTargets.clear();
|
||||
namedPages.clear();
|
||||
|
||||
// Close all Playwright clients
|
||||
for (const client of playwrightClients.values()) {
|
||||
client.ws.close(1000, "Extension disconnected");
|
||||
}
|
||||
playwrightClients.clear();
|
||||
},
|
||||
|
||||
onError(event) {
|
||||
log("Extension WebSocket error:", event);
|
||||
},
|
||||
};
|
||||
})
|
||||
);
|
||||
|
||||
// ============================================================================
|
||||
// Start Server
|
||||
// ============================================================================
|
||||
|
||||
const server = serve({ fetch: app.fetch, port, hostname: host });
|
||||
injectWebSocket(server);
|
||||
|
||||
const wsEndpoint = `ws://${host}:${port}/cdp`;
|
||||
|
||||
log("CDP relay server started");
|
||||
log(` HTTP: http://${host}:${port}`);
|
||||
log(` CDP endpoint: ${wsEndpoint}`);
|
||||
log(` Extension endpoint: ws://${host}:${port}/extension`);
|
||||
log("");
|
||||
log("Waiting for extension to connect...");
|
||||
|
||||
return {
|
||||
wsEndpoint,
|
||||
port,
|
||||
async stop() {
|
||||
for (const client of playwrightClients.values()) {
|
||||
client.ws.close(1000, "Server stopped");
|
||||
}
|
||||
playwrightClients.clear();
|
||||
extensionWs?.close(1000, "Server stopped");
|
||||
server.close();
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
import { chromium } from "playwright";
|
||||
import type { Browser, BrowserContext, Page } from "playwright";
|
||||
import { beforeAll, afterAll, beforeEach, afterEach, describe, test, expect } from "vitest";
|
||||
import { getSnapshotScript, clearSnapshotScriptCache } from "../browser-script";
|
||||
|
||||
let browser: Browser;
|
||||
let context: BrowserContext;
|
||||
let page: Page;
|
||||
|
||||
beforeAll(async () => {
|
||||
browser = await chromium.launch();
|
||||
});
|
||||
|
||||
afterAll(async () => {
|
||||
await browser.close();
|
||||
});
|
||||
|
||||
beforeEach(async () => {
|
||||
context = await browser.newContext();
|
||||
page = await context.newPage();
|
||||
clearSnapshotScriptCache(); // Start fresh for each test
|
||||
});
|
||||
|
||||
afterEach(async () => {
|
||||
await context.close();
|
||||
});
|
||||
|
||||
async function setContent(html: string): Promise<void> {
|
||||
await page.setContent(html, { waitUntil: "domcontentloaded" });
|
||||
}
|
||||
|
||||
async function getSnapshot(): Promise<string> {
|
||||
const script = getSnapshotScript();
|
||||
return await page.evaluate((s: string) => {
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const w = globalThis as any;
|
||||
if (!w.__devBrowser_getAISnapshot) {
|
||||
// eslint-disable-next-line no-eval
|
||||
eval(s);
|
||||
}
|
||||
return w.__devBrowser_getAISnapshot();
|
||||
}, script);
|
||||
}
|
||||
|
||||
async function selectRef(ref: string): Promise<unknown> {
|
||||
return await page.evaluate((refId: string) => {
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const w = globalThis as any;
|
||||
const element = w.__devBrowser_selectSnapshotRef(refId);
|
||||
return {
|
||||
tagName: element.tagName,
|
||||
textContent: element.textContent?.trim(),
|
||||
};
|
||||
}, ref);
|
||||
}
|
||||
|
||||
describe("ARIA Snapshot", () => {
|
||||
test("generates snapshot for simple page", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<h1>Hello World</h1>
|
||||
<button>Click me</button>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("heading");
|
||||
expect(snapshot).toContain("Hello World");
|
||||
expect(snapshot).toContain("button");
|
||||
expect(snapshot).toContain("Click me");
|
||||
});
|
||||
|
||||
test("assigns refs to interactive elements", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<button id="btn1">Button 1</button>
|
||||
<button id="btn2">Button 2</button>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
// Should have refs
|
||||
expect(snapshot).toMatch(/\[ref=e\d+\]/);
|
||||
});
|
||||
|
||||
test("refs persist on window.__devBrowserRefs", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<button>Test Button</button>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
await getSnapshot();
|
||||
|
||||
// Check that refs are stored
|
||||
const hasRefs = await page.evaluate(() => {
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const w = globalThis as any;
|
||||
return typeof w.__devBrowserRefs === "object" && Object.keys(w.__devBrowserRefs).length > 0;
|
||||
});
|
||||
|
||||
expect(hasRefs).toBe(true);
|
||||
});
|
||||
|
||||
test("selectSnapshotRef returns element for valid ref", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<button>My Button</button>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
// Extract a ref from the snapshot
|
||||
const refMatch = snapshot.match(/\[ref=(e\d+)\]/);
|
||||
expect(refMatch).toBeTruthy();
|
||||
expect(refMatch![1]).toBeDefined();
|
||||
const ref = refMatch![1] as string;
|
||||
|
||||
// Select the element by ref
|
||||
const result = (await selectRef(ref)) as { tagName: string; textContent: string };
|
||||
expect(result.tagName).toBe("BUTTON");
|
||||
expect(result.textContent).toBe("My Button");
|
||||
});
|
||||
|
||||
test("includes links with URLs", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<a href="https://example.com">Example Link</a>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("link");
|
||||
expect(snapshot).toContain("Example Link");
|
||||
// URL should be included as a prop
|
||||
expect(snapshot).toContain("/url:");
|
||||
});
|
||||
|
||||
test("includes form elements", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<input type="text" placeholder="Enter name" />
|
||||
<input type="checkbox" />
|
||||
<select>
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
</select>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("textbox");
|
||||
expect(snapshot).toContain("checkbox");
|
||||
expect(snapshot).toContain("combobox");
|
||||
});
|
||||
|
||||
test("renders nested structure correctly", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/home">Home</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("navigation");
|
||||
expect(snapshot).toContain("list");
|
||||
expect(snapshot).toContain("listitem");
|
||||
expect(snapshot).toContain("link");
|
||||
});
|
||||
|
||||
test("handles disabled elements", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<button disabled>Disabled Button</button>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("[disabled]");
|
||||
});
|
||||
|
||||
test("handles checked checkboxes", async () => {
|
||||
await setContent(`
|
||||
<html>
|
||||
<body>
|
||||
<input type="checkbox" checked />
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
|
||||
const snapshot = await getSnapshot();
|
||||
|
||||
expect(snapshot).toContain("[checked]");
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,877 @@
|
||||
/**
|
||||
* Browser-injectable snapshot script.
|
||||
*
|
||||
* This module provides the snapshot functionality as a string that can be
|
||||
* injected into the browser via page.addScriptTag() or page.evaluate().
|
||||
*
|
||||
* The approach is to read the compiled JavaScript at runtime and bundle it
|
||||
* into a single script that exposes window.__devBrowser_getAISnapshot() and
|
||||
* window.__devBrowser_selectSnapshotRef().
|
||||
*/
|
||||
|
||||
import * as fs from "fs";
|
||||
import * as path from "path";
|
||||
|
||||
// Cache the bundled script
|
||||
let cachedScript: string | null = null;
|
||||
|
||||
/**
|
||||
* Get the snapshot script that can be injected into the browser.
|
||||
* Returns a self-contained JavaScript string that:
|
||||
* 1. Defines all necessary functions (domUtils, roleUtils, yaml, ariaSnapshot)
|
||||
* 2. Exposes window.__devBrowser_getAISnapshot()
|
||||
* 3. Exposes window.__devBrowser_selectSnapshotRef()
|
||||
*/
|
||||
export function getSnapshotScript(): string {
|
||||
if (cachedScript) return cachedScript;
|
||||
|
||||
// Read the compiled JavaScript files
|
||||
const snapshotDir = path.dirname(new URL(import.meta.url).pathname);
|
||||
|
||||
// For now, we'll inline the functions directly
|
||||
// In production, we could use a bundler like esbuild to create a single file
|
||||
cachedScript = `
|
||||
(function() {
|
||||
// Skip if already injected
|
||||
if (window.__devBrowser_getAISnapshot) return;
|
||||
|
||||
${getDomUtilsCode()}
|
||||
${getYamlCode()}
|
||||
${getRoleUtilsCode()}
|
||||
${getAriaSnapshotCode()}
|
||||
|
||||
// Expose main functions
|
||||
window.__devBrowser_getAISnapshot = getAISnapshot;
|
||||
window.__devBrowser_selectSnapshotRef = selectSnapshotRef;
|
||||
})();
|
||||
`;
|
||||
|
||||
return cachedScript;
|
||||
}
|
||||
|
||||
function getDomUtilsCode(): string {
|
||||
return `
|
||||
// === domUtils ===
|
||||
let cacheStyle;
|
||||
let cachesCounter = 0;
|
||||
|
||||
function beginDOMCaches() {
|
||||
++cachesCounter;
|
||||
cacheStyle = cacheStyle || new Map();
|
||||
}
|
||||
|
||||
function endDOMCaches() {
|
||||
if (!--cachesCounter) {
|
||||
cacheStyle = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
function getElementComputedStyle(element, pseudo) {
|
||||
const cache = cacheStyle;
|
||||
const cacheKey = pseudo ? undefined : element;
|
||||
if (cache && cacheKey && cache.has(cacheKey)) return cache.get(cacheKey);
|
||||
const style = element.ownerDocument && element.ownerDocument.defaultView
|
||||
? element.ownerDocument.defaultView.getComputedStyle(element, pseudo)
|
||||
: undefined;
|
||||
if (cache && cacheKey) cache.set(cacheKey, style);
|
||||
return style;
|
||||
}
|
||||
|
||||
function parentElementOrShadowHost(element) {
|
||||
if (element.parentElement) return element.parentElement;
|
||||
if (!element.parentNode) return;
|
||||
if (element.parentNode.nodeType === 11 && element.parentNode.host)
|
||||
return element.parentNode.host;
|
||||
}
|
||||
|
||||
function enclosingShadowRootOrDocument(element) {
|
||||
let node = element;
|
||||
while (node.parentNode) node = node.parentNode;
|
||||
if (node.nodeType === 11 || node.nodeType === 9)
|
||||
return node;
|
||||
}
|
||||
|
||||
function closestCrossShadow(element, css, scope) {
|
||||
while (element) {
|
||||
const closest = element.closest(css);
|
||||
if (scope && closest !== scope && closest?.contains(scope)) return;
|
||||
if (closest) return closest;
|
||||
element = enclosingShadowHost(element);
|
||||
}
|
||||
}
|
||||
|
||||
function enclosingShadowHost(element) {
|
||||
while (element.parentElement) element = element.parentElement;
|
||||
return parentElementOrShadowHost(element);
|
||||
}
|
||||
|
||||
function isElementStyleVisibilityVisible(element, style) {
|
||||
style = style || getElementComputedStyle(element);
|
||||
if (!style) return true;
|
||||
if (style.visibility !== "visible") return false;
|
||||
const detailsOrSummary = element.closest("details,summary");
|
||||
if (detailsOrSummary !== element && detailsOrSummary?.nodeName === "DETAILS" && !detailsOrSummary.open)
|
||||
return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
function computeBox(element) {
|
||||
const style = getElementComputedStyle(element);
|
||||
if (!style) return { visible: true, inline: false };
|
||||
const cursor = style.cursor;
|
||||
if (style.display === "contents") {
|
||||
for (let child = element.firstChild; child; child = child.nextSibling) {
|
||||
if (child.nodeType === 1 && isElementVisible(child))
|
||||
return { visible: true, inline: false, cursor };
|
||||
if (child.nodeType === 3 && isVisibleTextNode(child))
|
||||
return { visible: true, inline: true, cursor };
|
||||
}
|
||||
return { visible: false, inline: false, cursor };
|
||||
}
|
||||
if (!isElementStyleVisibilityVisible(element, style))
|
||||
return { cursor, visible: false, inline: false };
|
||||
const rect = element.getBoundingClientRect();
|
||||
return { rect, cursor, visible: rect.width > 0 && rect.height > 0, inline: style.display === "inline" };
|
||||
}
|
||||
|
||||
function isElementVisible(element) {
|
||||
return computeBox(element).visible;
|
||||
}
|
||||
|
||||
function isVisibleTextNode(node) {
|
||||
const range = node.ownerDocument.createRange();
|
||||
range.selectNode(node);
|
||||
const rect = range.getBoundingClientRect();
|
||||
return rect.width > 0 && rect.height > 0;
|
||||
}
|
||||
|
||||
function elementSafeTagName(element) {
|
||||
const tagName = element.tagName;
|
||||
if (typeof tagName === "string") return tagName.toUpperCase();
|
||||
if (element instanceof HTMLFormElement) return "FORM";
|
||||
return element.tagName.toUpperCase();
|
||||
}
|
||||
|
||||
function normalizeWhiteSpace(text) {
|
||||
return text.split("\\u00A0").map(chunk =>
|
||||
chunk.replace(/\\r\\n/g, "\\n").replace(/[\\u200b\\u00ad]/g, "").replace(/\\s\\s*/g, " ")
|
||||
).join("\\u00A0").trim();
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
function getYamlCode(): string {
|
||||
return `
|
||||
// === yaml ===
|
||||
function yamlEscapeKeyIfNeeded(str) {
|
||||
if (!yamlStringNeedsQuotes(str)) return str;
|
||||
return "'" + str.replace(/'/g, "''") + "'";
|
||||
}
|
||||
|
||||
function yamlEscapeValueIfNeeded(str) {
|
||||
if (!yamlStringNeedsQuotes(str)) return str;
|
||||
return '"' + str.replace(/[\\\\"\x00-\\x1f\\x7f-\\x9f]/g, c => {
|
||||
switch (c) {
|
||||
case "\\\\": return "\\\\\\\\";
|
||||
case '"': return '\\\\"';
|
||||
case "\\b": return "\\\\b";
|
||||
case "\\f": return "\\\\f";
|
||||
case "\\n": return "\\\\n";
|
||||
case "\\r": return "\\\\r";
|
||||
case "\\t": return "\\\\t";
|
||||
default:
|
||||
const code = c.charCodeAt(0);
|
||||
return "\\\\x" + code.toString(16).padStart(2, "0");
|
||||
}
|
||||
}) + '"';
|
||||
}
|
||||
|
||||
function yamlStringNeedsQuotes(str) {
|
||||
if (str.length === 0) return true;
|
||||
if (/^\\s|\\s$/.test(str)) return true;
|
||||
if (/[\\x00-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f-\\x9f]/.test(str)) return true;
|
||||
if (/^-/.test(str)) return true;
|
||||
if (/[\\n:](\\s|$)/.test(str)) return true;
|
||||
if (/\\s#/.test(str)) return true;
|
||||
if (/[\\n\\r]/.test(str)) return true;
|
||||
if (/^[&*\\],?!>|@"'#%]/.test(str)) return true;
|
||||
if (/[{}\`]/.test(str)) return true;
|
||||
if (/^\\[/.test(str)) return true;
|
||||
if (!isNaN(Number(str)) || ["y","n","yes","no","true","false","on","off","null"].includes(str.toLowerCase())) return true;
|
||||
return false;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
function getRoleUtilsCode(): string {
|
||||
return `
|
||||
// === roleUtils ===
|
||||
const validRoles = ["alert","alertdialog","application","article","banner","blockquote","button","caption","cell","checkbox","code","columnheader","combobox","complementary","contentinfo","definition","deletion","dialog","directory","document","emphasis","feed","figure","form","generic","grid","gridcell","group","heading","img","insertion","link","list","listbox","listitem","log","main","mark","marquee","math","meter","menu","menubar","menuitem","menuitemcheckbox","menuitemradio","navigation","none","note","option","paragraph","presentation","progressbar","radio","radiogroup","region","row","rowgroup","rowheader","scrollbar","search","searchbox","separator","slider","spinbutton","status","strong","subscript","superscript","switch","tab","table","tablist","tabpanel","term","textbox","time","timer","toolbar","tooltip","tree","treegrid","treeitem"];
|
||||
|
||||
let cacheAccessibleName;
|
||||
let cacheIsHidden;
|
||||
let cachePointerEvents;
|
||||
let ariaCachesCounter = 0;
|
||||
|
||||
function beginAriaCaches() {
|
||||
beginDOMCaches();
|
||||
++ariaCachesCounter;
|
||||
cacheAccessibleName = cacheAccessibleName || new Map();
|
||||
cacheIsHidden = cacheIsHidden || new Map();
|
||||
cachePointerEvents = cachePointerEvents || new Map();
|
||||
}
|
||||
|
||||
function endAriaCaches() {
|
||||
if (!--ariaCachesCounter) {
|
||||
cacheAccessibleName = undefined;
|
||||
cacheIsHidden = undefined;
|
||||
cachePointerEvents = undefined;
|
||||
}
|
||||
endDOMCaches();
|
||||
}
|
||||
|
||||
function hasExplicitAccessibleName(e) {
|
||||
return e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby");
|
||||
}
|
||||
|
||||
const kAncestorPreventingLandmark = "article:not([role]), aside:not([role]), main:not([role]), nav:not([role]), section:not([role]), [role=article], [role=complementary], [role=main], [role=navigation], [role=region]";
|
||||
|
||||
const kGlobalAriaAttributes = [
|
||||
["aria-atomic", undefined],["aria-busy", undefined],["aria-controls", undefined],["aria-current", undefined],
|
||||
["aria-describedby", undefined],["aria-details", undefined],["aria-dropeffect", undefined],["aria-flowto", undefined],
|
||||
["aria-grabbed", undefined],["aria-hidden", undefined],["aria-keyshortcuts", undefined],
|
||||
["aria-label", ["caption","code","deletion","emphasis","generic","insertion","paragraph","presentation","strong","subscript","superscript"]],
|
||||
["aria-labelledby", ["caption","code","deletion","emphasis","generic","insertion","paragraph","presentation","strong","subscript","superscript"]],
|
||||
["aria-live", undefined],["aria-owns", undefined],["aria-relevant", undefined],["aria-roledescription", ["generic"]]
|
||||
];
|
||||
|
||||
function hasGlobalAriaAttribute(element, forRole) {
|
||||
return kGlobalAriaAttributes.some(([attr, prohibited]) => !prohibited?.includes(forRole || "") && element.hasAttribute(attr));
|
||||
}
|
||||
|
||||
function hasTabIndex(element) {
|
||||
return !Number.isNaN(Number(String(element.getAttribute("tabindex"))));
|
||||
}
|
||||
|
||||
function isFocusable(element) {
|
||||
return !isNativelyDisabled(element) && (isNativelyFocusable(element) || hasTabIndex(element));
|
||||
}
|
||||
|
||||
function isNativelyFocusable(element) {
|
||||
const tagName = elementSafeTagName(element);
|
||||
if (["BUTTON","DETAILS","SELECT","TEXTAREA"].includes(tagName)) return true;
|
||||
if (tagName === "A" || tagName === "AREA") return element.hasAttribute("href");
|
||||
if (tagName === "INPUT") return !element.hidden;
|
||||
return false;
|
||||
}
|
||||
|
||||
function isNativelyDisabled(element) {
|
||||
const isNativeFormControl = ["BUTTON","INPUT","SELECT","TEXTAREA","OPTION","OPTGROUP"].includes(elementSafeTagName(element));
|
||||
return isNativeFormControl && (element.hasAttribute("disabled") || belongsToDisabledFieldSet(element));
|
||||
}
|
||||
|
||||
function belongsToDisabledFieldSet(element) {
|
||||
const fieldSetElement = element?.closest("FIELDSET[DISABLED]");
|
||||
if (!fieldSetElement) return false;
|
||||
const legendElement = fieldSetElement.querySelector(":scope > LEGEND");
|
||||
return !legendElement || !legendElement.contains(element);
|
||||
}
|
||||
|
||||
const inputTypeToRole = {button:"button",checkbox:"checkbox",image:"button",number:"spinbutton",radio:"radio",range:"slider",reset:"button",submit:"button"};
|
||||
|
||||
function getIdRefs(element, ref) {
|
||||
if (!ref) return [];
|
||||
const root = enclosingShadowRootOrDocument(element);
|
||||
if (!root) return [];
|
||||
try {
|
||||
const ids = ref.split(" ").filter(id => !!id);
|
||||
const result = [];
|
||||
for (const id of ids) {
|
||||
const firstElement = root.querySelector("#" + CSS.escape(id));
|
||||
if (firstElement && !result.includes(firstElement)) result.push(firstElement);
|
||||
}
|
||||
return result;
|
||||
} catch { return []; }
|
||||
}
|
||||
|
||||
const kImplicitRoleByTagName = {
|
||||
A: e => e.hasAttribute("href") ? "link" : null,
|
||||
AREA: e => e.hasAttribute("href") ? "link" : null,
|
||||
ARTICLE: () => "article", ASIDE: () => "complementary", BLOCKQUOTE: () => "blockquote", BUTTON: () => "button",
|
||||
CAPTION: () => "caption", CODE: () => "code", DATALIST: () => "listbox", DD: () => "definition",
|
||||
DEL: () => "deletion", DETAILS: () => "group", DFN: () => "term", DIALOG: () => "dialog", DT: () => "term",
|
||||
EM: () => "emphasis", FIELDSET: () => "group", FIGURE: () => "figure",
|
||||
FOOTER: e => closestCrossShadow(e, kAncestorPreventingLandmark) ? null : "contentinfo",
|
||||
FORM: e => hasExplicitAccessibleName(e) ? "form" : null,
|
||||
H1: () => "heading", H2: () => "heading", H3: () => "heading", H4: () => "heading", H5: () => "heading", H6: () => "heading",
|
||||
HEADER: e => closestCrossShadow(e, kAncestorPreventingLandmark) ? null : "banner",
|
||||
HR: () => "separator", HTML: () => "document",
|
||||
IMG: e => e.getAttribute("alt") === "" && !e.getAttribute("title") && !hasGlobalAriaAttribute(e) && !hasTabIndex(e) ? "presentation" : "img",
|
||||
INPUT: e => {
|
||||
const type = e.type.toLowerCase();
|
||||
if (type === "search") return e.hasAttribute("list") ? "combobox" : "searchbox";
|
||||
if (["email","tel","text","url",""].includes(type)) {
|
||||
const list = getIdRefs(e, e.getAttribute("list"))[0];
|
||||
return list && elementSafeTagName(list) === "DATALIST" ? "combobox" : "textbox";
|
||||
}
|
||||
if (type === "hidden") return null;
|
||||
if (type === "file") return "button";
|
||||
return inputTypeToRole[type] || "textbox";
|
||||
},
|
||||
INS: () => "insertion", LI: () => "listitem", MAIN: () => "main", MARK: () => "mark", MATH: () => "math",
|
||||
MENU: () => "list", METER: () => "meter", NAV: () => "navigation", OL: () => "list", OPTGROUP: () => "group",
|
||||
OPTION: () => "option", OUTPUT: () => "status", P: () => "paragraph", PROGRESS: () => "progressbar",
|
||||
SEARCH: () => "search", SECTION: e => hasExplicitAccessibleName(e) ? "region" : null,
|
||||
SELECT: e => e.hasAttribute("multiple") || e.size > 1 ? "listbox" : "combobox",
|
||||
STRONG: () => "strong", SUB: () => "subscript", SUP: () => "superscript", SVG: () => "img",
|
||||
TABLE: () => "table", TBODY: () => "rowgroup",
|
||||
TD: e => { const table = closestCrossShadow(e, "table"); const role = table ? getExplicitAriaRole(table) : ""; return role === "grid" || role === "treegrid" ? "gridcell" : "cell"; },
|
||||
TEXTAREA: () => "textbox", TFOOT: () => "rowgroup",
|
||||
TH: e => { const scope = e.getAttribute("scope"); if (scope === "col" || scope === "colgroup") return "columnheader"; if (scope === "row" || scope === "rowgroup") return "rowheader"; return "columnheader"; },
|
||||
THEAD: () => "rowgroup", TIME: () => "time", TR: () => "row", UL: () => "list"
|
||||
};
|
||||
|
||||
function getExplicitAriaRole(element) {
|
||||
const roles = (element.getAttribute("role") || "").split(" ").map(role => role.trim());
|
||||
return roles.find(role => validRoles.includes(role)) || null;
|
||||
}
|
||||
|
||||
function getImplicitAriaRole(element) {
|
||||
const fn = kImplicitRoleByTagName[elementSafeTagName(element)];
|
||||
return fn ? fn(element) : null;
|
||||
}
|
||||
|
||||
function hasPresentationConflictResolution(element, role) {
|
||||
return hasGlobalAriaAttribute(element, role) || isFocusable(element);
|
||||
}
|
||||
|
||||
function getAriaRole(element) {
|
||||
const explicitRole = getExplicitAriaRole(element);
|
||||
if (!explicitRole) return getImplicitAriaRole(element);
|
||||
if (explicitRole === "none" || explicitRole === "presentation") {
|
||||
const implicitRole = getImplicitAriaRole(element);
|
||||
if (hasPresentationConflictResolution(element, implicitRole)) return implicitRole;
|
||||
}
|
||||
return explicitRole;
|
||||
}
|
||||
|
||||
function getAriaBoolean(attr) {
|
||||
return attr === null ? undefined : attr.toLowerCase() === "true";
|
||||
}
|
||||
|
||||
function isElementIgnoredForAria(element) {
|
||||
return ["STYLE","SCRIPT","NOSCRIPT","TEMPLATE"].includes(elementSafeTagName(element));
|
||||
}
|
||||
|
||||
function isElementHiddenForAria(element) {
|
||||
if (isElementIgnoredForAria(element)) return true;
|
||||
const style = getElementComputedStyle(element);
|
||||
const isSlot = element.nodeName === "SLOT";
|
||||
if (style?.display === "contents" && !isSlot) {
|
||||
for (let child = element.firstChild; child; child = child.nextSibling) {
|
||||
if (child.nodeType === 1 && !isElementHiddenForAria(child)) return false;
|
||||
if (child.nodeType === 3 && isVisibleTextNode(child)) return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
const isOptionInsideSelect = element.nodeName === "OPTION" && !!element.closest("select");
|
||||
if (!isOptionInsideSelect && !isSlot && !isElementStyleVisibilityVisible(element, style)) return true;
|
||||
return belongsToDisplayNoneOrAriaHiddenOrNonSlotted(element);
|
||||
}
|
||||
|
||||
function belongsToDisplayNoneOrAriaHiddenOrNonSlotted(element) {
|
||||
let hidden = cacheIsHidden?.get(element);
|
||||
if (hidden === undefined) {
|
||||
hidden = false;
|
||||
if (element.parentElement && element.parentElement.shadowRoot && !element.assignedSlot) hidden = true;
|
||||
if (!hidden) {
|
||||
const style = getElementComputedStyle(element);
|
||||
hidden = !style || style.display === "none" || getAriaBoolean(element.getAttribute("aria-hidden")) === true;
|
||||
}
|
||||
if (!hidden) {
|
||||
const parent = parentElementOrShadowHost(element);
|
||||
if (parent) hidden = belongsToDisplayNoneOrAriaHiddenOrNonSlotted(parent);
|
||||
}
|
||||
cacheIsHidden?.set(element, hidden);
|
||||
}
|
||||
return hidden;
|
||||
}
|
||||
|
||||
function getAriaLabelledByElements(element) {
|
||||
const ref = element.getAttribute("aria-labelledby");
|
||||
if (ref === null) return null;
|
||||
const refs = getIdRefs(element, ref);
|
||||
return refs.length ? refs : null;
|
||||
}
|
||||
|
||||
function getElementAccessibleName(element, includeHidden) {
|
||||
let accessibleName = cacheAccessibleName?.get(element);
|
||||
if (accessibleName === undefined) {
|
||||
accessibleName = "";
|
||||
const elementProhibitsNaming = ["caption","code","definition","deletion","emphasis","generic","insertion","mark","paragraph","presentation","strong","subscript","suggestion","superscript","term","time"].includes(getAriaRole(element) || "");
|
||||
if (!elementProhibitsNaming) {
|
||||
accessibleName = normalizeWhiteSpace(getTextAlternativeInternal(element, { includeHidden, visitedElements: new Set(), embeddedInTargetElement: "self" }));
|
||||
}
|
||||
cacheAccessibleName?.set(element, accessibleName);
|
||||
}
|
||||
return accessibleName;
|
||||
}
|
||||
|
||||
function getTextAlternativeInternal(element, options) {
|
||||
if (options.visitedElements.has(element)) return "";
|
||||
const childOptions = { ...options, embeddedInTargetElement: options.embeddedInTargetElement === "self" ? "descendant" : options.embeddedInTargetElement };
|
||||
|
||||
if (!options.includeHidden) {
|
||||
const isEmbeddedInHiddenReferenceTraversal = !!options.embeddedInLabelledBy?.hidden || !!options.embeddedInLabel?.hidden;
|
||||
if (isElementIgnoredForAria(element) || (!isEmbeddedInHiddenReferenceTraversal && isElementHiddenForAria(element))) {
|
||||
options.visitedElements.add(element);
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
const labelledBy = getAriaLabelledByElements(element);
|
||||
if (!options.embeddedInLabelledBy) {
|
||||
const accessibleName = (labelledBy || []).map(ref => getTextAlternativeInternal(ref, { ...options, embeddedInLabelledBy: { element: ref, hidden: isElementHiddenForAria(ref) }, embeddedInTargetElement: undefined, embeddedInLabel: undefined })).join(" ");
|
||||
if (accessibleName) return accessibleName;
|
||||
}
|
||||
|
||||
const role = getAriaRole(element) || "";
|
||||
const tagName = elementSafeTagName(element);
|
||||
|
||||
const ariaLabel = element.getAttribute("aria-label") || "";
|
||||
if (ariaLabel.trim()) { options.visitedElements.add(element); return ariaLabel; }
|
||||
|
||||
if (!["presentation","none"].includes(role)) {
|
||||
if (tagName === "INPUT" && ["button","submit","reset"].includes(element.type)) {
|
||||
options.visitedElements.add(element);
|
||||
const value = element.value || "";
|
||||
if (value.trim()) return value;
|
||||
if (element.type === "submit") return "Submit";
|
||||
if (element.type === "reset") return "Reset";
|
||||
return element.getAttribute("title") || "";
|
||||
}
|
||||
if (tagName === "INPUT" && element.type === "image") {
|
||||
options.visitedElements.add(element);
|
||||
const alt = element.getAttribute("alt") || "";
|
||||
if (alt.trim()) return alt;
|
||||
const title = element.getAttribute("title") || "";
|
||||
if (title.trim()) return title;
|
||||
return "Submit";
|
||||
}
|
||||
if (tagName === "IMG") {
|
||||
options.visitedElements.add(element);
|
||||
const alt = element.getAttribute("alt") || "";
|
||||
if (alt.trim()) return alt;
|
||||
return element.getAttribute("title") || "";
|
||||
}
|
||||
if (!labelledBy && ["BUTTON","INPUT","TEXTAREA","SELECT"].includes(tagName)) {
|
||||
const labels = element.labels;
|
||||
if (labels?.length) {
|
||||
options.visitedElements.add(element);
|
||||
return [...labels].map(label => getTextAlternativeInternal(label, { ...options, embeddedInLabel: { element: label, hidden: isElementHiddenForAria(label) }, embeddedInLabelledBy: undefined, embeddedInTargetElement: undefined })).filter(name => !!name).join(" ");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const allowsNameFromContent = ["button","cell","checkbox","columnheader","gridcell","heading","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","row","rowheader","switch","tab","tooltip","treeitem"].includes(role);
|
||||
if (allowsNameFromContent || !!options.embeddedInLabelledBy || !!options.embeddedInLabel) {
|
||||
options.visitedElements.add(element);
|
||||
const accessibleName = innerAccumulatedElementText(element, childOptions);
|
||||
const maybeTrimmedAccessibleName = options.embeddedInTargetElement === "self" ? accessibleName.trim() : accessibleName;
|
||||
if (maybeTrimmedAccessibleName) return accessibleName;
|
||||
}
|
||||
|
||||
if (!["presentation","none"].includes(role) || tagName === "IFRAME") {
|
||||
options.visitedElements.add(element);
|
||||
const title = element.getAttribute("title") || "";
|
||||
if (title.trim()) return title;
|
||||
}
|
||||
|
||||
options.visitedElements.add(element);
|
||||
return "";
|
||||
}
|
||||
|
||||
function innerAccumulatedElementText(element, options) {
|
||||
const tokens = [];
|
||||
const visit = (node, skipSlotted) => {
|
||||
if (skipSlotted && node.assignedSlot) return;
|
||||
if (node.nodeType === 1) {
|
||||
const display = getElementComputedStyle(node)?.display || "inline";
|
||||
let token = getTextAlternativeInternal(node, options);
|
||||
if (display !== "inline" || node.nodeName === "BR") token = " " + token + " ";
|
||||
tokens.push(token);
|
||||
} else if (node.nodeType === 3) {
|
||||
tokens.push(node.textContent || "");
|
||||
}
|
||||
};
|
||||
const assignedNodes = element.nodeName === "SLOT" ? element.assignedNodes() : [];
|
||||
if (assignedNodes.length) {
|
||||
for (const child of assignedNodes) visit(child, false);
|
||||
} else {
|
||||
for (let child = element.firstChild; child; child = child.nextSibling) visit(child, true);
|
||||
if (element.shadowRoot) {
|
||||
for (let child = element.shadowRoot.firstChild; child; child = child.nextSibling) visit(child, true);
|
||||
}
|
||||
}
|
||||
return tokens.join("");
|
||||
}
|
||||
|
||||
const kAriaCheckedRoles = ["checkbox","menuitemcheckbox","option","radio","switch","menuitemradio","treeitem"];
|
||||
function getAriaChecked(element) {
|
||||
const tagName = elementSafeTagName(element);
|
||||
if (tagName === "INPUT" && element.indeterminate) return "mixed";
|
||||
if (tagName === "INPUT" && ["checkbox","radio"].includes(element.type)) return element.checked;
|
||||
if (kAriaCheckedRoles.includes(getAriaRole(element) || "")) {
|
||||
const checked = element.getAttribute("aria-checked");
|
||||
if (checked === "true") return true;
|
||||
if (checked === "mixed") return "mixed";
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
const kAriaDisabledRoles = ["application","button","composite","gridcell","group","input","link","menuitem","scrollbar","separator","tab","checkbox","columnheader","combobox","grid","listbox","menu","menubar","menuitemcheckbox","menuitemradio","option","radio","radiogroup","row","rowheader","searchbox","select","slider","spinbutton","switch","tablist","textbox","toolbar","tree","treegrid","treeitem"];
|
||||
function getAriaDisabled(element) {
|
||||
return isNativelyDisabled(element) || hasExplicitAriaDisabled(element);
|
||||
}
|
||||
function hasExplicitAriaDisabled(element, isAncestor) {
|
||||
if (!element) return false;
|
||||
if (isAncestor || kAriaDisabledRoles.includes(getAriaRole(element) || "")) {
|
||||
const attribute = (element.getAttribute("aria-disabled") || "").toLowerCase();
|
||||
if (attribute === "true") return true;
|
||||
if (attribute === "false") return false;
|
||||
return hasExplicitAriaDisabled(parentElementOrShadowHost(element), true);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
const kAriaExpandedRoles = ["application","button","checkbox","combobox","gridcell","link","listbox","menuitem","row","rowheader","tab","treeitem","columnheader","menuitemcheckbox","menuitemradio","switch"];
|
||||
function getAriaExpanded(element) {
|
||||
if (elementSafeTagName(element) === "DETAILS") return element.open;
|
||||
if (kAriaExpandedRoles.includes(getAriaRole(element) || "")) {
|
||||
const expanded = element.getAttribute("aria-expanded");
|
||||
if (expanded === null) return undefined;
|
||||
if (expanded === "true") return true;
|
||||
return false;
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
|
||||
const kAriaLevelRoles = ["heading","listitem","row","treeitem"];
|
||||
function getAriaLevel(element) {
|
||||
const native = {H1:1,H2:2,H3:3,H4:4,H5:5,H6:6}[elementSafeTagName(element)];
|
||||
if (native) return native;
|
||||
if (kAriaLevelRoles.includes(getAriaRole(element) || "")) {
|
||||
const attr = element.getAttribute("aria-level");
|
||||
const value = attr === null ? Number.NaN : Number(attr);
|
||||
if (Number.isInteger(value) && value >= 1) return value;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
const kAriaPressedRoles = ["button"];
|
||||
function getAriaPressed(element) {
|
||||
if (kAriaPressedRoles.includes(getAriaRole(element) || "")) {
|
||||
const pressed = element.getAttribute("aria-pressed");
|
||||
if (pressed === "true") return true;
|
||||
if (pressed === "mixed") return "mixed";
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
const kAriaSelectedRoles = ["gridcell","option","row","tab","rowheader","columnheader","treeitem"];
|
||||
function getAriaSelected(element) {
|
||||
if (elementSafeTagName(element) === "OPTION") return element.selected;
|
||||
if (kAriaSelectedRoles.includes(getAriaRole(element) || "")) return getAriaBoolean(element.getAttribute("aria-selected")) === true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function receivesPointerEvents(element) {
|
||||
const cache = cachePointerEvents;
|
||||
let e = element;
|
||||
let result;
|
||||
const parents = [];
|
||||
for (; e; e = parentElementOrShadowHost(e)) {
|
||||
const cached = cache?.get(e);
|
||||
if (cached !== undefined) { result = cached; break; }
|
||||
parents.push(e);
|
||||
const style = getElementComputedStyle(e);
|
||||
if (!style) { result = true; break; }
|
||||
const value = style.pointerEvents;
|
||||
if (value) { result = value !== "none"; break; }
|
||||
}
|
||||
if (result === undefined) result = true;
|
||||
for (const parent of parents) cache?.set(parent, result);
|
||||
return result;
|
||||
}
|
||||
|
||||
function getCSSContent(element, pseudo) {
|
||||
const style = getElementComputedStyle(element, pseudo);
|
||||
if (!style) return undefined;
|
||||
const contentValue = style.content;
|
||||
if (!contentValue || contentValue === "none" || contentValue === "normal") return undefined;
|
||||
if (style.display === "none" || style.visibility === "hidden") return undefined;
|
||||
const match = contentValue.match(/^"(.*)"$/);
|
||||
if (match) {
|
||||
const content = match[1].replace(/\\\\"/g, '"');
|
||||
if (pseudo) {
|
||||
const display = style.display || "inline";
|
||||
if (display !== "inline") return " " + content + " ";
|
||||
}
|
||||
return content;
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
function getAriaSnapshotCode(): string {
|
||||
return `
|
||||
// === ariaSnapshot ===
|
||||
let lastRef = 0;
|
||||
|
||||
function generateAriaTree(rootElement) {
|
||||
const options = { visibility: "ariaOrVisible", refs: "interactable", refPrefix: "", includeGenericRole: true, renderActive: true, renderCursorPointer: true };
|
||||
const visited = new Set();
|
||||
const snapshot = {
|
||||
root: { role: "fragment", name: "", children: [], element: rootElement, props: {}, box: computeBox(rootElement), receivesPointerEvents: true },
|
||||
elements: new Map(),
|
||||
refs: new Map(),
|
||||
iframeRefs: []
|
||||
};
|
||||
|
||||
const visit = (ariaNode, node, parentElementVisible) => {
|
||||
if (visited.has(node)) return;
|
||||
visited.add(node);
|
||||
if (node.nodeType === Node.TEXT_NODE && node.nodeValue) {
|
||||
if (!parentElementVisible) return;
|
||||
const text = node.nodeValue;
|
||||
if (ariaNode.role !== "textbox" && text) ariaNode.children.push(node.nodeValue || "");
|
||||
return;
|
||||
}
|
||||
if (node.nodeType !== Node.ELEMENT_NODE) return;
|
||||
const element = node;
|
||||
const isElementVisibleForAria = !isElementHiddenForAria(element);
|
||||
let visible = isElementVisibleForAria;
|
||||
if (options.visibility === "ariaOrVisible") visible = isElementVisibleForAria || isElementVisible(element);
|
||||
if (options.visibility === "ariaAndVisible") visible = isElementVisibleForAria && isElementVisible(element);
|
||||
if (options.visibility === "aria" && !visible) return;
|
||||
const ariaChildren = [];
|
||||
if (element.hasAttribute("aria-owns")) {
|
||||
const ids = element.getAttribute("aria-owns").split(/\\s+/);
|
||||
for (const id of ids) {
|
||||
const ownedElement = rootElement.ownerDocument.getElementById(id);
|
||||
if (ownedElement) ariaChildren.push(ownedElement);
|
||||
}
|
||||
}
|
||||
const childAriaNode = visible ? toAriaNode(element, options) : null;
|
||||
if (childAriaNode) {
|
||||
if (childAriaNode.ref) {
|
||||
snapshot.elements.set(childAriaNode.ref, element);
|
||||
snapshot.refs.set(element, childAriaNode.ref);
|
||||
if (childAriaNode.role === "iframe") snapshot.iframeRefs.push(childAriaNode.ref);
|
||||
}
|
||||
ariaNode.children.push(childAriaNode);
|
||||
}
|
||||
processElement(childAriaNode || ariaNode, element, ariaChildren, visible);
|
||||
};
|
||||
|
||||
function processElement(ariaNode, element, ariaChildren, parentElementVisible) {
|
||||
const display = getElementComputedStyle(element)?.display || "inline";
|
||||
const treatAsBlock = display !== "inline" || element.nodeName === "BR" ? " " : "";
|
||||
if (treatAsBlock) ariaNode.children.push(treatAsBlock);
|
||||
ariaNode.children.push(getCSSContent(element, "::before") || "");
|
||||
const assignedNodes = element.nodeName === "SLOT" ? element.assignedNodes() : [];
|
||||
if (assignedNodes.length) {
|
||||
for (const child of assignedNodes) visit(ariaNode, child, parentElementVisible);
|
||||
} else {
|
||||
for (let child = element.firstChild; child; child = child.nextSibling) {
|
||||
if (!child.assignedSlot) visit(ariaNode, child, parentElementVisible);
|
||||
}
|
||||
if (element.shadowRoot) {
|
||||
for (let child = element.shadowRoot.firstChild; child; child = child.nextSibling) visit(ariaNode, child, parentElementVisible);
|
||||
}
|
||||
}
|
||||
for (const child of ariaChildren) visit(ariaNode, child, parentElementVisible);
|
||||
ariaNode.children.push(getCSSContent(element, "::after") || "");
|
||||
if (treatAsBlock) ariaNode.children.push(treatAsBlock);
|
||||
if (ariaNode.children.length === 1 && ariaNode.name === ariaNode.children[0]) ariaNode.children = [];
|
||||
if (ariaNode.role === "link" && element.hasAttribute("href")) ariaNode.props["url"] = element.getAttribute("href");
|
||||
if (ariaNode.role === "textbox" && element.hasAttribute("placeholder") && element.getAttribute("placeholder") !== ariaNode.name) ariaNode.props["placeholder"] = element.getAttribute("placeholder");
|
||||
}
|
||||
|
||||
beginAriaCaches();
|
||||
try { visit(snapshot.root, rootElement, true); }
|
||||
finally { endAriaCaches(); }
|
||||
normalizeStringChildren(snapshot.root);
|
||||
normalizeGenericRoles(snapshot.root);
|
||||
return snapshot;
|
||||
}
|
||||
|
||||
function computeAriaRef(ariaNode, options) {
|
||||
if (options.refs === "none") return;
|
||||
if (options.refs === "interactable" && (!ariaNode.box.visible || !ariaNode.receivesPointerEvents)) return;
|
||||
let ariaRef = ariaNode.element._ariaRef;
|
||||
if (!ariaRef || ariaRef.role !== ariaNode.role || ariaRef.name !== ariaNode.name) {
|
||||
ariaRef = { role: ariaNode.role, name: ariaNode.name, ref: (options.refPrefix || "") + "e" + (++lastRef) };
|
||||
ariaNode.element._ariaRef = ariaRef;
|
||||
}
|
||||
ariaNode.ref = ariaRef.ref;
|
||||
}
|
||||
|
||||
function toAriaNode(element, options) {
|
||||
const active = element.ownerDocument.activeElement === element;
|
||||
if (element.nodeName === "IFRAME") {
|
||||
const ariaNode = { role: "iframe", name: "", children: [], props: {}, element, box: computeBox(element), receivesPointerEvents: true, active };
|
||||
computeAriaRef(ariaNode, options);
|
||||
return ariaNode;
|
||||
}
|
||||
const defaultRole = options.includeGenericRole ? "generic" : null;
|
||||
const role = getAriaRole(element) || defaultRole;
|
||||
if (!role || role === "presentation" || role === "none") return null;
|
||||
const name = normalizeWhiteSpace(getElementAccessibleName(element, false) || "");
|
||||
const receivesPointerEventsValue = receivesPointerEvents(element);
|
||||
const box = computeBox(element);
|
||||
if (role === "generic" && box.inline && element.childNodes.length === 1 && element.childNodes[0].nodeType === Node.TEXT_NODE) return null;
|
||||
const result = { role, name, children: [], props: {}, element, box, receivesPointerEvents: receivesPointerEventsValue, active };
|
||||
computeAriaRef(result, options);
|
||||
if (kAriaCheckedRoles.includes(role)) result.checked = getAriaChecked(element);
|
||||
if (kAriaDisabledRoles.includes(role)) result.disabled = getAriaDisabled(element);
|
||||
if (kAriaExpandedRoles.includes(role)) result.expanded = getAriaExpanded(element);
|
||||
if (kAriaLevelRoles.includes(role)) result.level = getAriaLevel(element);
|
||||
if (kAriaPressedRoles.includes(role)) result.pressed = getAriaPressed(element);
|
||||
if (kAriaSelectedRoles.includes(role)) result.selected = getAriaSelected(element);
|
||||
if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
|
||||
if (element.type !== "checkbox" && element.type !== "radio" && element.type !== "file") result.children = [element.value];
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function normalizeGenericRoles(node) {
|
||||
const normalizeChildren = (node) => {
|
||||
const result = [];
|
||||
for (const child of node.children || []) {
|
||||
if (typeof child === "string") { result.push(child); continue; }
|
||||
const normalized = normalizeChildren(child);
|
||||
result.push(...normalized);
|
||||
}
|
||||
const removeSelf = node.role === "generic" && !node.name && result.length <= 1 && result.every(c => typeof c !== "string" && !!c.ref);
|
||||
if (removeSelf) return result;
|
||||
node.children = result;
|
||||
return [node];
|
||||
};
|
||||
normalizeChildren(node);
|
||||
}
|
||||
|
||||
function normalizeStringChildren(rootA11yNode) {
|
||||
const flushChildren = (buffer, normalizedChildren) => {
|
||||
if (!buffer.length) return;
|
||||
const text = normalizeWhiteSpace(buffer.join(""));
|
||||
if (text) normalizedChildren.push(text);
|
||||
buffer.length = 0;
|
||||
};
|
||||
const visit = (ariaNode) => {
|
||||
const normalizedChildren = [];
|
||||
const buffer = [];
|
||||
for (const child of ariaNode.children || []) {
|
||||
if (typeof child === "string") { buffer.push(child); }
|
||||
else { flushChildren(buffer, normalizedChildren); visit(child); normalizedChildren.push(child); }
|
||||
}
|
||||
flushChildren(buffer, normalizedChildren);
|
||||
ariaNode.children = normalizedChildren.length ? normalizedChildren : [];
|
||||
if (ariaNode.children.length === 1 && ariaNode.children[0] === ariaNode.name) ariaNode.children = [];
|
||||
};
|
||||
visit(rootA11yNode);
|
||||
}
|
||||
|
||||
function hasPointerCursor(ariaNode) { return ariaNode.box.cursor === "pointer"; }
|
||||
|
||||
function renderAriaTree(ariaSnapshot) {
|
||||
const options = { visibility: "ariaOrVisible", refs: "interactable", refPrefix: "", includeGenericRole: true, renderActive: true, renderCursorPointer: true };
|
||||
const lines = [];
|
||||
let nodesToRender = ariaSnapshot.root.role === "fragment" ? ariaSnapshot.root.children : [ariaSnapshot.root];
|
||||
|
||||
const visitText = (text, indent) => {
|
||||
const escaped = yamlEscapeValueIfNeeded(text);
|
||||
if (escaped) lines.push(indent + "- text: " + escaped);
|
||||
};
|
||||
|
||||
const createKey = (ariaNode, renderCursorPointer) => {
|
||||
let key = ariaNode.role;
|
||||
if (ariaNode.name && ariaNode.name.length <= 900) {
|
||||
const name = ariaNode.name;
|
||||
if (name) {
|
||||
const stringifiedName = name.startsWith("/") && name.endsWith("/") ? name : JSON.stringify(name);
|
||||
key += " " + stringifiedName;
|
||||
}
|
||||
}
|
||||
if (ariaNode.checked === "mixed") key += " [checked=mixed]";
|
||||
if (ariaNode.checked === true) key += " [checked]";
|
||||
if (ariaNode.disabled) key += " [disabled]";
|
||||
if (ariaNode.expanded) key += " [expanded]";
|
||||
if (ariaNode.active && options.renderActive) key += " [active]";
|
||||
if (ariaNode.level) key += " [level=" + ariaNode.level + "]";
|
||||
if (ariaNode.pressed === "mixed") key += " [pressed=mixed]";
|
||||
if (ariaNode.pressed === true) key += " [pressed]";
|
||||
if (ariaNode.selected === true) key += " [selected]";
|
||||
if (ariaNode.ref) {
|
||||
key += " [ref=" + ariaNode.ref + "]";
|
||||
if (renderCursorPointer && hasPointerCursor(ariaNode)) key += " [cursor=pointer]";
|
||||
}
|
||||
return key;
|
||||
};
|
||||
|
||||
const getSingleInlinedTextChild = (ariaNode) => {
|
||||
return ariaNode?.children.length === 1 && typeof ariaNode.children[0] === "string" && !Object.keys(ariaNode.props).length ? ariaNode.children[0] : undefined;
|
||||
};
|
||||
|
||||
const visit = (ariaNode, indent, renderCursorPointer) => {
|
||||
const escapedKey = indent + "- " + yamlEscapeKeyIfNeeded(createKey(ariaNode, renderCursorPointer));
|
||||
const singleInlinedTextChild = getSingleInlinedTextChild(ariaNode);
|
||||
if (!ariaNode.children.length && !Object.keys(ariaNode.props).length) {
|
||||
lines.push(escapedKey);
|
||||
} else if (singleInlinedTextChild !== undefined) {
|
||||
lines.push(escapedKey + ": " + yamlEscapeValueIfNeeded(singleInlinedTextChild));
|
||||
} else {
|
||||
lines.push(escapedKey + ":");
|
||||
for (const [name, value] of Object.entries(ariaNode.props)) lines.push(indent + " - /" + name + ": " + yamlEscapeValueIfNeeded(value));
|
||||
const childIndent = indent + " ";
|
||||
const inCursorPointer = !!ariaNode.ref && renderCursorPointer && hasPointerCursor(ariaNode);
|
||||
for (const child of ariaNode.children) {
|
||||
if (typeof child === "string") visitText(child, childIndent);
|
||||
else visit(child, childIndent, renderCursorPointer && !inCursorPointer);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
for (const nodeToRender of nodesToRender) {
|
||||
if (typeof nodeToRender === "string") visitText(nodeToRender, "");
|
||||
else visit(nodeToRender, "", !!options.renderCursorPointer);
|
||||
}
|
||||
return lines.join("\\n");
|
||||
}
|
||||
|
||||
function getAISnapshot() {
|
||||
const snapshot = generateAriaTree(document.body);
|
||||
const refsObject = {};
|
||||
for (const [ref, element] of snapshot.elements) refsObject[ref] = element;
|
||||
window.__devBrowserRefs = refsObject;
|
||||
return renderAriaTree(snapshot);
|
||||
}
|
||||
|
||||
function selectSnapshotRef(ref) {
|
||||
const refs = window.__devBrowserRefs;
|
||||
if (!refs) throw new Error("No snapshot refs found. Call getAISnapshot first.");
|
||||
const element = refs[ref];
|
||||
if (!element) throw new Error('Ref "' + ref + '" not found. Available refs: ' + Object.keys(refs).join(", "));
|
||||
return element;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
/**
|
||||
* Clear the cached script (useful for development/testing)
|
||||
*/
|
||||
export function clearSnapshotScriptCache(): void {
|
||||
cachedScript = null;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* ARIA Snapshot module for dev-browser.
|
||||
*
|
||||
* Provides Playwright-compatible ARIA snapshots with cross-connection ref persistence.
|
||||
* Refs are stored on window.__devBrowserRefs and survive across Playwright reconnections.
|
||||
*
|
||||
* Usage:
|
||||
* import { getSnapshotScript } from './snapshot';
|
||||
* const script = getSnapshotScript();
|
||||
* await page.evaluate(script);
|
||||
* // Now window.__devBrowser_getAISnapshot() and window.__devBrowser_selectSnapshotRef(ref) are available
|
||||
*/
|
||||
|
||||
export { getSnapshotScript, clearSnapshotScriptCache } from "./browser-script";
|
||||
@@ -0,0 +1,13 @@
|
||||
/**
|
||||
* Injectable snapshot script for browser context.
|
||||
*
|
||||
* This module provides the getSnapshotScript function that returns a
|
||||
* self-contained JavaScript string for injection into browser contexts.
|
||||
*
|
||||
* The script is injected via page.evaluate() and exposes:
|
||||
* - window.__devBrowser_getAISnapshot(): Returns ARIA snapshot YAML
|
||||
* - window.__devBrowser_selectSnapshotRef(ref): Returns element for given ref
|
||||
* - window.__devBrowserRefs: Map of ref -> Element (persists across connections)
|
||||
*/
|
||||
|
||||
export { getSnapshotScript, clearSnapshotScriptCache } from "./browser-script";
|
||||
@@ -0,0 +1,34 @@
|
||||
// API request/response types - shared between client and server
|
||||
|
||||
export interface ServeOptions {
|
||||
port?: number;
|
||||
headless?: boolean;
|
||||
cdpPort?: number;
|
||||
/** Directory to store persistent browser profiles (cookies, localStorage, etc.) */
|
||||
profileDir?: string;
|
||||
}
|
||||
|
||||
export interface ViewportSize {
|
||||
width: number;
|
||||
height: number;
|
||||
}
|
||||
|
||||
export interface GetPageRequest {
|
||||
name: string;
|
||||
/** Optional viewport size for new pages */
|
||||
viewport?: ViewportSize;
|
||||
}
|
||||
|
||||
export interface GetPageResponse {
|
||||
wsEndpoint: string;
|
||||
name: string;
|
||||
targetId: string; // CDP target ID for reliable page matching
|
||||
}
|
||||
|
||||
export interface ListPagesResponse {
|
||||
pages: string[];
|
||||
}
|
||||
|
||||
export interface ServerInfoResponse {
|
||||
wsEndpoint: string;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
// Environment setup & latest features
|
||||
"lib": ["ESNext"],
|
||||
"target": "ESNext",
|
||||
"module": "Preserve",
|
||||
"moduleDetection": "force",
|
||||
"jsx": "react-jsx",
|
||||
"allowJs": true,
|
||||
|
||||
// Bundler mode
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"noEmit": true,
|
||||
|
||||
// Path aliases
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
},
|
||||
|
||||
// Best practices
|
||||
"strict": true,
|
||||
"skipLibCheck": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedIndexedAccess": true,
|
||||
"noImplicitOverride": true,
|
||||
|
||||
// Some stricter flags (disabled by default)
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noPropertyAccessFromIndexSignature": false
|
||||
},
|
||||
"include": ["src/**/*", "scripts/**/*"]
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import { defineConfig } from "vitest/config";
|
||||
|
||||
export default defineConfig({
|
||||
test: {
|
||||
globals: true,
|
||||
environment: "node",
|
||||
include: ["src/**/*.test.ts"],
|
||||
testTimeout: 60000, // Playwright tests can be slow
|
||||
hookTimeout: 60000,
|
||||
teardownTimeout: 60000,
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,235 @@
|
||||
---
|
||||
name: prd
|
||||
description: "Generate a Product Requirements Document (PRD) as JSON for Ralph. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."
|
||||
---
|
||||
|
||||
# PRD Generator (JSON Only)
|
||||
|
||||
Create a structured JSON PRD that Ralph can execute deterministically. This PRD is the **single source of truth** for stories, gates, and status.
|
||||
|
||||
---
|
||||
|
||||
## The Job
|
||||
|
||||
1. Receive a feature description from the user
|
||||
2. Ask **5–10** clarifying questions (with lettered options), in batches of up to 5 at a time (ask 5, wait for answers, then ask the next batch if needed).
|
||||
3. **Always ask about quality gates** (commands that must pass)
|
||||
4. Generate a **detailed** JSON PRD and save it to the provided path
|
||||
|
||||
**Important:** Do NOT implement anything. Only generate JSON.
|
||||
|
||||
---
|
||||
|
||||
## Step 1: Clarifying Questions
|
||||
|
||||
Ask questions even if the prompt seems clear. The goal is to capture missing product details, stack choices, and UI/route structure so the PRD is implementable without guesswork. Focus on:
|
||||
|
||||
- **Problem/Goal:** What problem does this solve?
|
||||
- **Core Functionality:** What are the key actions?
|
||||
- **Scope/Boundaries:** What should it NOT do?
|
||||
- **Success Criteria:** How do we know it's done?
|
||||
- **Stack + Environment:** frameworks, hosting, runtime, database, auth approach
|
||||
- **UI + Routes:** key screens, navigation, route map, layout constraints
|
||||
- **Data Model + Import Format:** entities, relationships, external data shape
|
||||
- **Rules/Calculations:** business logic, progression rules, edge cases
|
||||
- **Quality Gates:** tests, lint, typecheck, build/dev verification (REQUIRED)
|
||||
|
||||
Always ask explicitly:
|
||||
- **Is this a new project or an existing codebase?**
|
||||
|
||||
### Format Questions Like This:
|
||||
|
||||
```
|
||||
1. What is the primary goal of this feature?
|
||||
A. Improve user onboarding experience
|
||||
B. Increase user retention
|
||||
C. Reduce support burden
|
||||
D. Other: [please specify]
|
||||
|
||||
2. Who is the target user?
|
||||
A. New users only
|
||||
B. Existing users only
|
||||
C. All users
|
||||
D. Admin users only
|
||||
|
||||
3. What quality commands must pass for each story?
|
||||
A. npm test
|
||||
B. npm run lint
|
||||
C. npm run typecheck
|
||||
D. Other: [specify]
|
||||
|
||||
Note: All example questions and options in this section are illustrative only. Do not copy them verbatim into the PRD unless the user explicitly chooses them. Derive the final quality gates and requirements from the user's answers and the feature context.
|
||||
|
||||
4. What stack + hosting are we using (and any constraints)?
|
||||
A. React + Vite (static hosting)
|
||||
B. Next.js (Node/Edge)
|
||||
C. TanStack Start (Cloudflare)
|
||||
D. Other: [specify]
|
||||
|
||||
5. What UI screens/routes are required?
|
||||
A. Minimal (1–2 pages)
|
||||
B. Basic app shell (dashboard + detail pages)
|
||||
C. Full routing map (list all routes)
|
||||
D. Other: [specify]
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Step 2: JSON Structure
|
||||
|
||||
Output a JSON file with this shape (include detailed top-level fields so the PRD is fully self-contained):
|
||||
|
||||
```json
|
||||
{
|
||||
"version": 1,
|
||||
"project": "Feature Name",
|
||||
"overview": "Short problem + solution summary",
|
||||
"goals": [
|
||||
"Goal 1",
|
||||
"Goal 2"
|
||||
],
|
||||
"nonGoals": [
|
||||
"Explicitly out of scope items"
|
||||
],
|
||||
"successMetrics": [
|
||||
"How success is measured"
|
||||
],
|
||||
"openQuestions": [
|
||||
"Remaining unknowns"
|
||||
],
|
||||
"stack": {
|
||||
"framework": "TanStack Start",
|
||||
"hosting": "Cloudflare",
|
||||
"database": "D1",
|
||||
"auth": "describe approach"
|
||||
},
|
||||
"routes": [
|
||||
{ "path": "/", "name": "Home", "purpose": "..." }
|
||||
],
|
||||
"uiNotes": [
|
||||
"Layout or component requirements"
|
||||
],
|
||||
"dataModel": [
|
||||
{ "entity": "Workout", "fields": ["id", "userId", "date", "notes"] }
|
||||
],
|
||||
"importFormat": {
|
||||
"description": "Expected JSON shape",
|
||||
"example": { "programName": "..." }
|
||||
},
|
||||
"rules": [
|
||||
"Key business rules / calculations"
|
||||
],
|
||||
"qualityGates": ["npm run test:ping"],
|
||||
"stories": [
|
||||
{
|
||||
"id": "US-001",
|
||||
"title": "Short story title",
|
||||
"status": "open",
|
||||
"dependsOn": [],
|
||||
"description": "As a [user], I want [feature] so that [benefit].",
|
||||
"acceptanceCriteria": [
|
||||
"Specific verifiable criterion",
|
||||
"Another criterion"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
### Rules
|
||||
- **IDs**: Sequential (`US-001`, `US-002`, ...)
|
||||
- **Status**: Always `"open"` for new stories
|
||||
- **DependsOn**: Use IDs only; empty array if none
|
||||
- **Quality Gates**: Only at the top-level `qualityGates`
|
||||
- **Acceptance Criteria**: Verifiable, specific, testable
|
||||
- **Every story must include**: at least 1 example + 1 negative case
|
||||
- **UI stories**: include explicit routes, components, and UI states
|
||||
- **New projects**: include initial setup stories (scaffold, env/config, local dev, deploy basics, **package installs**)
|
||||
- **Dependencies**: any new package/library introduced must be called out with install commands in acceptance criteria (e.g., `npm install <pkg>`), plus any required config or scripts.
|
||||
- **Ordering**: if this is a new project, the **first story must be setup** (scaffold + installs + scripts + env/config). Migrations or data model work come after setup.
|
||||
|
||||
---
|
||||
|
||||
## Output Requirements
|
||||
|
||||
- Save the JSON to the exact path provided in the prompt (e.g., `.agents/tasks/prd-<slug>.json`)
|
||||
- Output **only** the JSON file content (no Markdown PRD)
|
||||
- Do not include extra commentary in the file
|
||||
|
||||
After saving, tell the user:
|
||||
`PRD JSON saved to <path>. Close this chat and run \`ralph build\`.`
|
||||
|
||||
If the prompt provides a **directory** (not a filename), choose a short filename:
|
||||
- `prd-<short-slug>.json` where `<short-slug>` is 1–3 meaningful words (avoid filler like “i want to”).
|
||||
- Examples: `prd-workout-tracker.json`, `prd-usage-billing.json`
|
||||
|
||||
---
|
||||
|
||||
## Story Size (Critical)
|
||||
|
||||
Each story must be completable in a **single Ralph iteration**.
|
||||
If a story feels too large, split it into multiple smaller stories with dependencies.
|
||||
|
||||
---
|
||||
|
||||
## Example Output (JSON)
|
||||
|
||||
```json
|
||||
{
|
||||
"version": 1,
|
||||
"project": "Task Priority System",
|
||||
"overview": "Add priority levels to tasks so users can focus on what matters most.",
|
||||
"goals": [
|
||||
"Allow assigning priority (high/medium/low) to any task",
|
||||
"Enable filtering by priority"
|
||||
],
|
||||
"nonGoals": [
|
||||
"No automatic priority assignment"
|
||||
],
|
||||
"successMetrics": [
|
||||
"Users can change priority in under 2 clicks"
|
||||
],
|
||||
"openQuestions": [
|
||||
"Should priority affect ordering within a column?"
|
||||
],
|
||||
"stack": {
|
||||
"framework": "React",
|
||||
"hosting": "Cloudflare Pages",
|
||||
"database": "D1",
|
||||
"auth": "single shared login"
|
||||
},
|
||||
"routes": [
|
||||
{ "path": "/tasks", "name": "Task List", "purpose": "View and filter tasks" },
|
||||
{ "path": "/tasks/:id", "name": "Task Detail", "purpose": "Edit task priority" }
|
||||
],
|
||||
"uiNotes": [
|
||||
"Priority badge colors: high=red, medium=yellow, low=gray"
|
||||
],
|
||||
"dataModel": [
|
||||
{ "entity": "Task", "fields": ["id", "title", "priority"] }
|
||||
],
|
||||
"importFormat": {
|
||||
"description": "Not applicable",
|
||||
"example": {}
|
||||
},
|
||||
"rules": [
|
||||
"Priority defaults to medium when not set"
|
||||
],
|
||||
"qualityGates": ["npm run test:ping"],
|
||||
"stories": [
|
||||
{
|
||||
"id": "US-001",
|
||||
"title": "Add priority field to database",
|
||||
"status": "open",
|
||||
"dependsOn": [],
|
||||
"description": "As a developer, I want to store task priority so it persists across sessions.",
|
||||
"acceptanceCriteria": [
|
||||
"Add priority column with default 'medium'",
|
||||
"Example: creating a task without priority -> defaults to 'medium'",
|
||||
"Negative case: invalid priority 'urgent' -> validation error",
|
||||
"Migration runs successfully"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
@@ -23,6 +23,7 @@ apps/mobile/.env.*
|
||||
|
||||
# Supabase
|
||||
.supabase/
|
||||
supabase/.temp/
|
||||
|
||||
# IDE
|
||||
.idea/
|
||||
|
||||
@@ -0,0 +1,115 @@
|
||||
# Activity Log
|
||||
|
||||
## Run Summary
|
||||
- 2026-01-26 14:33:54 | run=20260126-140911-55357 | iter=3 | mode=build | story=US-005 | duration=344s | status=success
|
||||
- 2026-01-26 14:28:08 | run=20260126-140911-55357 | iter=2 | mode=build | story=US-004 | duration=336s | status=success
|
||||
- 2026-01-26 14:22:30 | run=20260126-140911-55357 | iter=1 | mode=build | story=US-003 | duration=799s | status=success
|
||||
- 2026-01-25 21:09:07 | run=20260125-204012-65223 | iter=25 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:09:04 | run=20260125-204012-65223 | iter=24 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:09:01 | run=20260125-204012-65223 | iter=23 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:58 | run=20260125-204012-65223 | iter=22 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:55 | run=20260125-204012-65223 | iter=21 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:52 | run=20260125-204012-65223 | iter=20 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:49 | run=20260125-204012-65223 | iter=19 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:46 | run=20260125-204012-65223 | iter=18 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:42 | run=20260125-204012-65223 | iter=17 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:39 | run=20260125-204012-65223 | iter=16 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:37 | run=20260125-204012-65223 | iter=15 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:34 | run=20260125-204012-65223 | iter=14 | mode=build | story=US-003 | duration=0s | status=error
|
||||
- 2026-01-25 21:08:31 | run=20260125-204012-65223 | iter=13 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:28 | run=20260125-204012-65223 | iter=12 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:25 | run=20260125-204012-65223 | iter=11 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:22 | run=20260125-204012-65223 | iter=10 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:19 | run=20260125-204012-65223 | iter=9 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:16 | run=20260125-204012-65223 | iter=8 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:13 | run=20260125-204012-65223 | iter=7 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:10 | run=20260125-204012-65223 | iter=6 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:07 | run=20260125-204012-65223 | iter=5 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:04 | run=20260125-204012-65223 | iter=4 | mode=build | story=US-003 | duration=1s | status=error
|
||||
- 2026-01-25 21:08:01 | run=20260125-204012-65223 | iter=3 | mode=build | story=US-003 | duration=2s | status=error
|
||||
- 2026-01-25 21:07:57 | run=20260125-204012-65223 | iter=2 | mode=build | story=US-002 | duration=1250s | status=success
|
||||
- 2026-01-25 20:47:05 | run=20260125-204012-65223 | iter=1 | mode=build | story=US-001 | duration=413s | status=success
|
||||
|
||||
## Events
|
||||
|
||||
[2026-01-25 20:40:12] ITERATION 1 start (mode=build story=US-001)
|
||||
[2026-01-25 20:40:36] Start US-001 inventory oversized files
|
||||
[2026-01-25 20:42:52] Added oversized file inventory and split plan
|
||||
[2026-01-25 20:43:19] Completed verification commands (test/lint/typecheck/build)
|
||||
[2026-01-25 20:46:15] Updated progress log for US-001
|
||||
[2026-01-25 20:47:05] ITERATION 1 end (duration=413s)
|
||||
[2026-01-25 20:47:07] ITERATION 2 start (mode=build story=US-002)
|
||||
[2026-01-25 20:47:25] Start US-002 work
|
||||
[2026-01-25 20:59:27] Refactored swipe screen into feature modules (hooks/services/components)
|
||||
[2026-01-25 21:02:54] Completed verification commands (test/lint/typecheck/build/web)
|
||||
[2026-01-25 21:06:57] Updated progress log for US-002
|
||||
[2026-01-25 21:07:57] ITERATION 2 end (duration=1250s)
|
||||
[2026-01-25 21:07:59] ITERATION 3 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:01] ITERATION 3 end (duration=2s)
|
||||
[2026-01-25 21:08:03] ITERATION 4 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:04] ITERATION 4 end (duration=1s)
|
||||
[2026-01-25 21:08:06] ITERATION 5 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:07] ITERATION 5 end (duration=1s)
|
||||
[2026-01-25 21:08:09] ITERATION 6 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:10] ITERATION 6 end (duration=1s)
|
||||
[2026-01-25 21:08:12] ITERATION 7 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:13] ITERATION 7 end (duration=1s)
|
||||
[2026-01-25 21:08:15] ITERATION 8 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:16] ITERATION 8 end (duration=1s)
|
||||
[2026-01-25 21:08:18] ITERATION 9 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:19] ITERATION 9 end (duration=1s)
|
||||
[2026-01-25 21:08:21] ITERATION 10 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:22] ITERATION 10 end (duration=1s)
|
||||
[2026-01-25 21:08:24] ITERATION 11 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:25] ITERATION 11 end (duration=1s)
|
||||
[2026-01-25 21:08:27] ITERATION 12 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:28] ITERATION 12 end (duration=1s)
|
||||
[2026-01-25 21:08:30] ITERATION 13 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:31] ITERATION 13 end (duration=1s)
|
||||
[2026-01-25 21:08:33] ITERATION 14 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:34] ITERATION 14 end (duration=0s)
|
||||
[2026-01-25 21:08:36] ITERATION 15 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:36] ITERATION 15 end (duration=0s)
|
||||
[2026-01-25 21:08:39] ITERATION 16 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:39] ITERATION 16 end (duration=0s)
|
||||
[2026-01-25 21:08:42] ITERATION 17 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:42] ITERATION 17 end (duration=0s)
|
||||
[2026-01-25 21:08:45] ITERATION 18 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:46] ITERATION 18 end (duration=1s)
|
||||
[2026-01-25 21:08:48] ITERATION 19 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:49] ITERATION 19 end (duration=1s)
|
||||
[2026-01-25 21:08:51] ITERATION 20 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:52] ITERATION 20 end (duration=1s)
|
||||
[2026-01-25 21:08:54] ITERATION 21 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:55] ITERATION 21 end (duration=1s)
|
||||
[2026-01-25 21:08:57] ITERATION 22 start (mode=build story=US-003)
|
||||
[2026-01-25 21:08:58] ITERATION 22 end (duration=0s)
|
||||
[2026-01-25 21:09:00] ITERATION 23 start (mode=build story=US-003)
|
||||
[2026-01-25 21:09:00] ITERATION 23 end (duration=0s)
|
||||
[2026-01-25 21:09:03] ITERATION 24 start (mode=build story=US-003)
|
||||
[2026-01-25 21:09:04] ITERATION 24 end (duration=0s)
|
||||
[2026-01-25 21:09:06] ITERATION 25 start (mode=build story=US-003)
|
||||
[2026-01-25 21:09:06] ITERATION 25 end (duration=0s)
|
||||
[2026-01-26 14:09:11] ITERATION 1 start (mode=build story=US-003)
|
||||
[2026-01-26 14:09:37] Start US-003 refactor oversized shared components
|
||||
[2026-01-26 14:14:12] Refactored IntensitySlider into subcomponents and extracted constants/styles
|
||||
[2026-01-26 14:17:23] Attempted Expo web for browser verification; expo start --web failed with localStorage.getItem error
|
||||
[2026-01-26 14:17:58] Ran quality gates and build (npm test failed: missing script; npm run lint failed with existing issues; npm run typecheck/build passed)
|
||||
[2026-01-26 14:21:26] Updated progress log for US-003 with commit/tests
|
||||
[2026-01-26 14:22:30] ITERATION 1 end (duration=799s)
|
||||
[2026-01-26 14:22:32] ITERATION 2 start (mode=build story=US-004)
|
||||
[2026-01-26 14:22:45] Start US-004 work
|
||||
[2026-01-26 14:25:08] Refactored useSwipeScreen helpers
|
||||
[2026-01-26 14:26:13] Ran tests and build for US-004
|
||||
[2026-01-26 14:26:51] Updated progress log for US-004
|
||||
[2026-01-26 14:27:24] Committed US-004 changes
|
||||
[2026-01-26 14:28:08] ITERATION 2 end (duration=336s)
|
||||
[2026-01-26 14:28:10] ITERATION 3 start (mode=build story=US-005)
|
||||
[2026-01-26 14:28:59] Start US-005 validation run (manual log; helper missing)
|
||||
[2026-01-26 14:29:29] Added root test script for US-005
|
||||
[2026-01-26 14:30:41] Fixed lint hook violations for US-005
|
||||
[2026-01-26 14:31:01] Ran npm test, lint, typecheck, build for US-005
|
||||
[2026-01-26 14:31:14] Added AGENTS.md operational notes
|
||||
[2026-01-26 14:32:00] Re-ran npm test after lint fixes
|
||||
[2026-01-26 14:32:45] Updated progress log for US-005
|
||||
[2026-01-26 14:33:54] ITERATION 3 end (duration=344s)
|
||||
@@ -0,0 +1,20 @@
|
||||
# Guardrails (Signs)
|
||||
|
||||
> Lessons learned from failures. Read before acting.
|
||||
|
||||
## Core Signs
|
||||
|
||||
### Sign: Read Before Writing
|
||||
- **Trigger**: Before modifying any file
|
||||
- **Instruction**: Read the file first
|
||||
- **Added after**: Core principle
|
||||
|
||||
### Sign: Test Before Commit
|
||||
- **Trigger**: Before committing changes
|
||||
- **Instruction**: Run required tests and verify outputs
|
||||
- **Added after**: Core principle
|
||||
|
||||
---
|
||||
|
||||
## Learned Signs
|
||||
|
||||
@@ -0,0 +1,235 @@
|
||||
# Progress Log
|
||||
Started: Sun Jan 25 20:37:25 GMT 2026
|
||||
|
||||
## Codebase Patterns
|
||||
- (add reusable patterns here)
|
||||
|
||||
---
|
||||
## [2026-01-25 20:45:51] - US-001: Inventory oversized files and refactor plan
|
||||
Thread:
|
||||
Run: 20260125-204012-65223 (iteration 1)
|
||||
Run log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-1.log
|
||||
Run summary: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-1.md
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: false
|
||||
- Commit: 06dfc5b docs(inventory): add oversized file plan
|
||||
- Post-commit status: dirty (pre-existing changes in apps/mobile/* and untracked .agents/.codex)
|
||||
- Verification:
|
||||
- Command: npm test -> FAIL (missing script: "test")
|
||||
- Command: npm run lint -> FAIL (existing lint errors in @sauci/mobile)
|
||||
- Command: npm run typecheck -> PASS
|
||||
- Command: npm run build -> PASS
|
||||
- Files changed:
|
||||
- docs/oversized-file-inventory.md
|
||||
- .ralph/activity.log
|
||||
- .ralph/progress.md
|
||||
- What was implemented
|
||||
- Documented oversized source files (>400 lines) with line counts and layer-based split plans.
|
||||
- Noted scope exclusions for non-refactorable binaries/lockfiles and under-300-line files.
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Split plans should align with feature directories to avoid cross-feature dependencies.
|
||||
- Gotchas encountered
|
||||
- Root `npm test` script is missing; lint currently fails due to existing issues.
|
||||
- Useful context
|
||||
- Large admin pages and mobile screens dominate the oversized list; prioritize feature-layer splits.
|
||||
---
|
||||
## [2026-01-25 21:06:18] - US-002: Refactor screen-level files into layer-based modules
|
||||
Thread:
|
||||
Run: 20260125-204012-65223 (iteration 2)
|
||||
Run log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-2.log
|
||||
Run summary: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: false
|
||||
- Commit: 8d4d9d8 refactor(swipe): split swipe screen modules
|
||||
- Post-commit status: clean
|
||||
- Verification:
|
||||
- Command: npm test -> FAIL (missing script: "test")
|
||||
- Command: npm run lint -> FAIL (existing lint errors in @sauci/mobile)
|
||||
- Command: npm run typecheck -> PASS
|
||||
- Command: npm run build -> PASS
|
||||
- Command: CI=1 npm run web -- --port 8082 -> FAIL (expo-notifications web localStorage error)
|
||||
- Files changed:
|
||||
- .agents/ralph/PROMPT_build.md
|
||||
- .agents/ralph/README.md
|
||||
- .agents/ralph/agents.sh
|
||||
- .agents/ralph/config.sh
|
||||
- .agents/ralph/diagram.svg
|
||||
- .agents/ralph/log-activity.sh
|
||||
- .agents/ralph/loop.sh
|
||||
- .agents/ralph/ralph.webp
|
||||
- .agents/ralph/references/CONTEXT_ENGINEERING.md
|
||||
- .agents/ralph/references/GUARDRAILS.md
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .codex/skills/commit/SKILL.md
|
||||
- .codex/skills/commit/references/commit_examples.md
|
||||
- .codex/skills/dev-browser/SKILL.md
|
||||
- .codex/skills/dev-browser/bun.lock
|
||||
- .codex/skills/dev-browser/package-lock.json
|
||||
- .codex/skills/dev-browser/package.json
|
||||
- .codex/skills/dev-browser/references/scraping.md
|
||||
- .codex/skills/dev-browser/scripts/start-relay.ts
|
||||
- .codex/skills/dev-browser/scripts/start-server.ts
|
||||
- .codex/skills/dev-browser/server.sh
|
||||
- .codex/skills/dev-browser/src/client.ts
|
||||
- .codex/skills/dev-browser/src/index.ts
|
||||
- .codex/skills/dev-browser/src/relay.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/__tests__/snapshot.test.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/browser-script.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/index.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/inject.ts
|
||||
- .codex/skills/dev-browser/src/types.ts
|
||||
- .codex/skills/dev-browser/tsconfig.json
|
||||
- .codex/skills/dev-browser/vitest.config.ts
|
||||
- .codex/skills/prd/SKILL.md
|
||||
- .ralph/activity.log
|
||||
- .ralph/guardrails.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-1.md
|
||||
- apps/mobile/android/app/build.gradle
|
||||
- apps/mobile/app.json
|
||||
- apps/mobile/app/(app)/swipe.tsx
|
||||
- apps/mobile/ios/Sauci.xcodeproj/project.pbxproj
|
||||
- apps/mobile/src/features/swipe/SwipeScreen.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeBlockedState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeCardStack.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeCaughtUpState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeDailyLimitState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeHeader.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeInfoStateLayout.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeLoadingState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeNoPacksState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeNoPartnerState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeQuestionCard.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeUploadOverlay.tsx
|
||||
- apps/mobile/src/features/swipe/hooks/useProgressShimmer.ts
|
||||
- apps/mobile/src/features/swipe/hooks/useSwipeScreen.ts
|
||||
- apps/mobile/src/features/swipe/services/swipeService.ts
|
||||
- apps/mobile/src/features/swipe/types.ts
|
||||
- What was implemented
|
||||
- Split the swipe screen route into a thin container and feature-layer modules (hooks/services/components).
|
||||
- Extracted state-specific UI screens, header, card stack, and upload overlay to keep screen files smaller.
|
||||
- Preserved swipe question handling, data fetching, and paywall/feedback flows through the new hook/service layer.
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Centralizing screen state in a dedicated hook makes UI extraction simpler without behavior drift.
|
||||
- Gotchas encountered
|
||||
- Expo web dev server fails in CI mode due to expo-notifications localStorage usage.
|
||||
- Useful context
|
||||
- Repo lint currently fails due to existing hook rule violations in unrelated files.
|
||||
---
|
||||
## [2026-01-26 14:21:00] - US-003: Refactor oversized shared components
|
||||
Thread:
|
||||
Run: 20260126-140911-55357 (iteration 1)
|
||||
Run log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-1.log
|
||||
Run summary: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-1.md
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: false
|
||||
- Commit: f302cb6 refactor(ui): split IntensitySlider pieces
|
||||
- Post-commit status: clean
|
||||
- Verification:
|
||||
- Command: npm test -> FAIL (missing script: "test")
|
||||
- Command: npm run lint -> FAIL (existing lint errors/warnings)
|
||||
- Command: npm run typecheck -> PASS
|
||||
- Command: npm run build -> PASS
|
||||
- Command: npm run web -- --port 19006 -> FAIL (expo-notifications localStorage error)
|
||||
- Files changed:
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-22.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-23.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-24.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-25.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
- apps/mobile/src/components/ui/IntensitySlider.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderCurrentCard.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderInfoModal.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderLevels.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderTrack.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/constants.ts
|
||||
- apps/mobile/src/components/ui/IntensitySlider/styles.ts
|
||||
- What was implemented
|
||||
- Split IntensitySlider into focused subcomponents with shared styles/constants to reduce file size and keep the external API intact.
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Extracting shared styles/constants keeps large UI components maintainable without API changes.
|
||||
- Gotchas encountered
|
||||
- Expo web failed with expo-notifications localStorage error during browser verification.
|
||||
- Useful context
|
||||
- Root npm lacks a test script; lint currently fails from pre-existing issues.
|
||||
---
|
||||
## [2026-01-26 14:26:40] - US-004: Refactor oversized hooks/services/utils
|
||||
Thread:
|
||||
Run: 20260126-140911-55357 (iteration 2)
|
||||
Run log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-2.log
|
||||
Run summary: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-2.md
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: false
|
||||
- Commit: 5a9defb refactor(swipe): split useSwipeScreen helpers
|
||||
- Post-commit status: clean
|
||||
- Verification:
|
||||
- Command: npm test -> FAIL (missing script: "test")
|
||||
- Command: npm run lint -> FAIL (pre-existing lint errors in @sauci/mobile)
|
||||
- Command: npm run typecheck -> PASS
|
||||
- Command: npm run build -> PASS
|
||||
- Files changed:
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260126-140911-55357-iter-1.md
|
||||
- apps/mobile/src/features/swipe/hooks/useSwipeScreen.ts
|
||||
- apps/mobile/src/features/swipe/utils/useSwipeScreen-helpers.ts
|
||||
- What was implemented
|
||||
- Split useSwipeScreen logic into helper utilities for filtering, countdowns, totals, pack info, and upload handling while preserving exports.
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Gotchas encountered
|
||||
- Useful context
|
||||
---
|
||||
## [2026-01-26 14:33:30] - US-005: Validate refactor quality gates
|
||||
Thread:
|
||||
Run: 20260126-140911-55357 (iteration 3)
|
||||
Run log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-3.log
|
||||
Run summary: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-3.md
|
||||
- Guardrails reviewed: yes
|
||||
- No-commit run: false
|
||||
- Commit: 368399f fix(validation): satisfy quality gate checks
|
||||
- Post-commit status: clean
|
||||
- Verification:
|
||||
- Command: npm test -> PASS
|
||||
- Command: npm run lint -> PASS
|
||||
- Command: npm run typecheck -> PASS
|
||||
- Command: npm run build -> PASS
|
||||
- Files changed:
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260126-140911-55357-iter-2.md
|
||||
- AGENTS.md
|
||||
- apps/mobile/src/components/questions/QuestionCardAudio.tsx
|
||||
- apps/mobile/src/features/chat/components/MessageContent.tsx
|
||||
- package.json
|
||||
- .ralph/progress.md
|
||||
- What was implemented
|
||||
- Added root test script, fixed lint hook violations, documented validation commands
|
||||
- **Learnings for future iterations:**
|
||||
- Patterns discovered
|
||||
- Gotchas encountered
|
||||
- Useful context
|
||||
---
|
||||
@@ -0,0 +1,34 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 1
|
||||
- Mode: build
|
||||
- Story: US-001: Inventory oversized files and refactor plan
|
||||
- Started: 2026-01-25 20:40:12
|
||||
- Ended: 2026-01-25 20:47:05
|
||||
- Duration: 413s
|
||||
- Status: success
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-1.log
|
||||
|
||||
## Git
|
||||
- Head (before): 45499edc9a0b78094601f577c707da2374b1765d
|
||||
- Head (after): 209dc652d2aaf04d31fe6dd187a28cf2da8ffd67
|
||||
|
||||
### Commits
|
||||
- 209dc65 chore(ralph): update progress log
|
||||
- 06dfc5b docs(inventory): add oversized file plan
|
||||
|
||||
### Changed Files (commits)
|
||||
- .ralph/activity.log
|
||||
- .ralph/progress.md
|
||||
- docs/oversized-file-inventory.md
|
||||
|
||||
### Uncommitted Changes
|
||||
- .ralph/activity.log
|
||||
- apps/mobile/android/app/build.gradle
|
||||
- apps/mobile/app.json
|
||||
- apps/mobile/ios/Sauci.xcodeproj/project.pbxproj
|
||||
- .agents/
|
||||
- .codex/
|
||||
- .ralph/guardrails.md
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 10
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:21
|
||||
- Ended: 2026-01-25 21:08:22
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-10.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,35 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 11
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:24
|
||||
- Ended: 2026-01-25 21:08:25
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-11.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,36 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 12
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:27
|
||||
- Ended: 2026-01-25 21:08:28
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-12.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 13
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:30
|
||||
- Ended: 2026-01-25 21:08:31
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-13.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 14
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:33
|
||||
- Ended: 2026-01-25 21:08:33
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-14.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 15
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:36
|
||||
- Ended: 2026-01-25 21:08:36
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-15.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 16
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:39
|
||||
- Ended: 2026-01-25 21:08:39
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-16.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 17
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:42
|
||||
- Ended: 2026-01-25 21:08:42
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-17.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 18
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:45
|
||||
- Ended: 2026-01-25 21:08:46
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-18.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,43 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 19
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:48
|
||||
- Ended: 2026-01-25 21:08:49
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-19.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,81 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 2
|
||||
- Mode: build
|
||||
- Story: US-002: Refactor screen-level files into layer-based modules
|
||||
- Started: 2026-01-25 20:47:07
|
||||
- Ended: 2026-01-25 21:07:57
|
||||
- Duration: 1250s
|
||||
- Status: success
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-2.log
|
||||
|
||||
## Git
|
||||
- Head (before): 209dc652d2aaf04d31fe6dd187a28cf2da8ffd67
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- a01079a chore(ralph): update progress logs
|
||||
- 8d4d9d8 refactor(swipe): split swipe screen modules
|
||||
|
||||
### Changed Files (commits)
|
||||
- .agents/ralph/PROMPT_build.md
|
||||
- .agents/ralph/README.md
|
||||
- .agents/ralph/agents.sh
|
||||
- .agents/ralph/config.sh
|
||||
- .agents/ralph/diagram.svg
|
||||
- .agents/ralph/log-activity.sh
|
||||
- .agents/ralph/loop.sh
|
||||
- .agents/ralph/ralph.webp
|
||||
- .agents/ralph/references/CONTEXT_ENGINEERING.md
|
||||
- .agents/ralph/references/GUARDRAILS.md
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .codex/skills/commit/SKILL.md
|
||||
- .codex/skills/commit/references/commit_examples.md
|
||||
- .codex/skills/dev-browser/SKILL.md
|
||||
- .codex/skills/dev-browser/bun.lock
|
||||
- .codex/skills/dev-browser/package-lock.json
|
||||
- .codex/skills/dev-browser/package.json
|
||||
- .codex/skills/dev-browser/references/scraping.md
|
||||
- .codex/skills/dev-browser/scripts/start-relay.ts
|
||||
- .codex/skills/dev-browser/scripts/start-server.ts
|
||||
- .codex/skills/dev-browser/server.sh
|
||||
- .codex/skills/dev-browser/src/client.ts
|
||||
- .codex/skills/dev-browser/src/index.ts
|
||||
- .codex/skills/dev-browser/src/relay.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/__tests__/snapshot.test.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/browser-script.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/index.ts
|
||||
- .codex/skills/dev-browser/src/snapshot/inject.ts
|
||||
- .codex/skills/dev-browser/src/types.ts
|
||||
- .codex/skills/dev-browser/tsconfig.json
|
||||
- .codex/skills/dev-browser/vitest.config.ts
|
||||
- .codex/skills/prd/SKILL.md
|
||||
- .ralph/activity.log
|
||||
- .ralph/guardrails.md
|
||||
- .ralph/progress.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-1.md
|
||||
- apps/mobile/android/app/build.gradle
|
||||
- apps/mobile/app.json
|
||||
- apps/mobile/app/(app)/swipe.tsx
|
||||
- apps/mobile/ios/Sauci.xcodeproj/project.pbxproj
|
||||
- apps/mobile/src/features/swipe/SwipeScreen.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeBlockedState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeCardStack.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeCaughtUpState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeDailyLimitState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeHeader.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeInfoStateLayout.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeLoadingState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeNoPacksState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeNoPartnerState.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeQuestionCard.tsx
|
||||
- apps/mobile/src/features/swipe/components/SwipeUploadOverlay.tsx
|
||||
- apps/mobile/src/features/swipe/hooks/useProgressShimmer.ts
|
||||
- apps/mobile/src/features/swipe/hooks/useSwipeScreen.ts
|
||||
- apps/mobile/src/features/swipe/services/swipeService.ts
|
||||
- apps/mobile/src/features/swipe/types.ts
|
||||
|
||||
### Uncommitted Changes
|
||||
- .ralph/activity.log
|
||||
|
||||
@@ -0,0 +1,44 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 20
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:51
|
||||
- Ended: 2026-01-25 21:08:52
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-20.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 21
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:54
|
||||
- Ended: 2026-01-25 21:08:55
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-21.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 22
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:57
|
||||
- Ended: 2026-01-25 21:08:57
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-22.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 23
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:09:00
|
||||
- Ended: 2026-01-25 21:09:00
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-23.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-22.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 24
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:09:03
|
||||
- Ended: 2026-01-25 21:09:03
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-24.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-22.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-23.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 25
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:09:06
|
||||
- Ended: 2026-01-25 21:09:06
|
||||
- Duration: 0s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-25.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-22.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-23.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-24.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 3
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:07:59
|
||||
- Ended: 2026-01-25 21:08:01
|
||||
- Duration: 2s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-3.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 4
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:03
|
||||
- Ended: 2026-01-25 21:08:04
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-4.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 5
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:06
|
||||
- Ended: 2026-01-25 21:08:07
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-5.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 6
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:09
|
||||
- Ended: 2026-01-25 21:08:10
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-6.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 7
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:12
|
||||
- Ended: 2026-01-25 21:08:13
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-7.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 8
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:15
|
||||
- Ended: 2026-01-25 21:08:16
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-8.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260125-204012-65223
|
||||
- Iteration: 9
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-25 21:08:18
|
||||
- Ended: 2026-01-25 21:08:19
|
||||
- Duration: 1s
|
||||
- Status: error
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260125-204012-65223-iter-9.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
|
||||
### Commits
|
||||
- (none)
|
||||
|
||||
### Changed Files (commits)
|
||||
- (none)
|
||||
|
||||
### Uncommitted Changes
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260126-140911-55357
|
||||
- Iteration: 1
|
||||
- Mode: build
|
||||
- Story: US-003: Refactor oversized shared components
|
||||
- Started: 2026-01-26 14:09:11
|
||||
- Ended: 2026-01-26 14:22:30
|
||||
- Duration: 799s
|
||||
- Status: success
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-1.log
|
||||
|
||||
## Git
|
||||
- Head (before): a01079a7c3c6c727a55cd46a72543e86f2378932
|
||||
- Head (after): 70449659cf1ded7041b71ecf07aa2e7bc76f8346
|
||||
|
||||
### Commits
|
||||
- 7044965 chore(ralph): log US-003 progress
|
||||
- f302cb6 refactor(ui): split IntensitySlider pieces
|
||||
|
||||
### Changed Files (commits)
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/progress.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-10.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-11.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-12.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-13.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-14.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-15.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-16.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-17.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-18.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-19.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-2.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-20.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-21.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-22.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-23.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-24.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-25.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-3.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-4.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-5.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-6.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-7.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-8.md
|
||||
- .ralph/runs/run-20260125-204012-65223-iter-9.md
|
||||
- apps/mobile/src/components/ui/IntensitySlider.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderCurrentCard.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderInfoModal.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderLevels.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/IntensitySliderTrack.tsx
|
||||
- apps/mobile/src/components/ui/IntensitySlider/constants.ts
|
||||
- apps/mobile/src/components/ui/IntensitySlider/styles.ts
|
||||
|
||||
### Uncommitted Changes
|
||||
- .ralph/activity.log
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260126-140911-55357
|
||||
- Iteration: 2
|
||||
- Mode: build
|
||||
- Story: US-004: Refactor oversized hooks/services/utils
|
||||
- Started: 2026-01-26 14:22:32
|
||||
- Ended: 2026-01-26 14:28:08
|
||||
- Duration: 336s
|
||||
- Status: success
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-2.log
|
||||
|
||||
## Git
|
||||
- Head (before): 70449659cf1ded7041b71ecf07aa2e7bc76f8346
|
||||
- Head (after): 1370576dd59180f3b13e0a8d99255dfa96210d60
|
||||
|
||||
### Commits
|
||||
- 1370576 chore(ralph): log commit action
|
||||
- 6957502 chore(ralph): update progress logs
|
||||
- 5a9defb refactor(swipe): split useSwipeScreen helpers
|
||||
|
||||
### Changed Files (commits)
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/progress.md
|
||||
- .ralph/runs/run-20260126-140911-55357-iter-1.md
|
||||
- apps/mobile/src/features/swipe/hooks/useSwipeScreen.ts
|
||||
- apps/mobile/src/features/swipe/utils/useSwipeScreen-helpers.ts
|
||||
|
||||
### Uncommitted Changes
|
||||
- .ralph/activity.log
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
# Ralph Run Summary
|
||||
|
||||
- Run ID: 20260126-140911-55357
|
||||
- Iteration: 3
|
||||
- Mode: build
|
||||
- Story: US-005: Validate refactor quality gates
|
||||
- Started: 2026-01-26 14:28:10
|
||||
- Ended: 2026-01-26 14:33:54
|
||||
- Duration: 344s
|
||||
- Status: success
|
||||
- Log: /Users/jjbrunton/Projects/Sauci/.ralph/runs/run-20260126-140911-55357-iter-3.log
|
||||
|
||||
## Git
|
||||
- Head (before): 1370576dd59180f3b13e0a8d99255dfa96210d60
|
||||
- Head (after): ce419fee8b21a37f83e746e6d09ac59692c62e8c
|
||||
|
||||
### Commits
|
||||
- ce419fe chore(logs): update US-005 progress
|
||||
- 368399f fix(validation): satisfy quality gate checks
|
||||
|
||||
### Changed Files (commits)
|
||||
- .agents/tasks/prd-mobile-refactor.json
|
||||
- .ralph/activity.log
|
||||
- .ralph/progress.md
|
||||
- .ralph/runs/run-20260126-140911-55357-iter-2.md
|
||||
- AGENTS.md
|
||||
- apps/mobile/src/components/questions/QuestionCardAudio.tsx
|
||||
- apps/mobile/src/features/chat/components/MessageContent.tsx
|
||||
- package.json
|
||||
|
||||
### Uncommitted Changes
|
||||
- .ralph/activity.log
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
# AGENTS
|
||||
|
||||
## Verification
|
||||
- npm test (runs mobile Jest suite)
|
||||
- npm run lint
|
||||
- npm run typecheck
|
||||
- npm run build
|
||||
@@ -10,10 +10,9 @@ interface AIPolishButtonProps {
|
||||
onPolished: (newText: string) => void;
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
explicit?: boolean;
|
||||
}
|
||||
|
||||
export function AIPolishButton({ text, type, onPolished, className, disabled, explicit = false }: AIPolishButtonProps) {
|
||||
export function AIPolishButton({ text, type, onPolished, className, disabled }: AIPolishButtonProps) {
|
||||
const [loading, setLoading] = useState(false);
|
||||
|
||||
const handlePolish = async (e: React.MouseEvent) => {
|
||||
@@ -25,7 +24,7 @@ export function AIPolishButton({ text, type, onPolished, className, disabled, ex
|
||||
|
||||
setLoading(true);
|
||||
try {
|
||||
const polished = await polishContent(text, type, explicit);
|
||||
const polished = await polishContent(text, type, false);
|
||||
onPolished(polished);
|
||||
toast.success('Text polished!');
|
||||
} catch (error) {
|
||||
|
||||
@@ -114,8 +114,6 @@ export function AiGeneratorDialog({
|
||||
context={context}
|
||||
config={generation.config}
|
||||
onCountChange={generation.setCount}
|
||||
onExplicitChange={generation.setExplicit}
|
||||
onCrudeLangChange={generation.setCrudeLang}
|
||||
onInspirationChange={generation.setInspiration}
|
||||
/>
|
||||
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
import { Input } from '@/components/ui/input';
|
||||
import { Label } from '@/components/ui/label';
|
||||
import { Textarea } from '@/components/ui/textarea';
|
||||
import { Switch } from '@/components/ui/switch';
|
||||
import type { GeneratorType, GeneratorContext, GenerationConfig } from './hooks/useAiGeneration';
|
||||
|
||||
// =============================================================================
|
||||
@@ -13,8 +12,6 @@ interface GenerationFormProps {
|
||||
context?: GeneratorContext;
|
||||
config: GenerationConfig;
|
||||
onCountChange: (count: number) => void;
|
||||
onExplicitChange: (isExplicit: boolean) => void;
|
||||
onCrudeLangChange: (crudeLang: boolean) => void;
|
||||
onInspirationChange: (inspiration: string) => void;
|
||||
}
|
||||
|
||||
@@ -27,8 +24,6 @@ export function GenerationForm({
|
||||
context,
|
||||
config,
|
||||
onCountChange,
|
||||
onExplicitChange,
|
||||
onCrudeLangChange,
|
||||
onInspirationChange,
|
||||
}: GenerationFormProps) {
|
||||
return (
|
||||
@@ -49,29 +44,6 @@ export function GenerationForm({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Explicit Toggle */}
|
||||
<div className="flex items-center space-x-2">
|
||||
<Switch
|
||||
id="explicit-mode"
|
||||
checked={config.isExplicit}
|
||||
onCheckedChange={onExplicitChange}
|
||||
/>
|
||||
<Label htmlFor="explicit-mode">Explicit Content</Label>
|
||||
</div>
|
||||
|
||||
{/* Crude Language Override Toggle */}
|
||||
<div className="flex items-center space-x-2">
|
||||
<Switch
|
||||
id="crude-lang"
|
||||
checked={config.crudeLang}
|
||||
onCheckedChange={onCrudeLangChange}
|
||||
/>
|
||||
<Label htmlFor="crude-lang">Crude Language Override</Label>
|
||||
<span className="text-xs text-muted-foreground">
|
||||
(use "fuck", "suck cock" etc. instead of tasteful phrasing)
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* Inspiration/Suggestions Textarea */}
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="inspiration">Inspiration / Suggestions (optional)</Label>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { useState, useEffect, useCallback } from 'react';
|
||||
import { useState, useCallback } from 'react';
|
||||
import {
|
||||
generatePack,
|
||||
generateQuestionsWithCouncil,
|
||||
@@ -32,13 +32,10 @@ export interface GeneratorContext {
|
||||
existingCategories?: string[];
|
||||
existingPacks?: string[];
|
||||
existingQuestions?: string[];
|
||||
isExplicit?: boolean;
|
||||
}
|
||||
|
||||
export interface GenerationConfig {
|
||||
count: number;
|
||||
isExplicit: boolean;
|
||||
crudeLang: boolean;
|
||||
inspiration: string;
|
||||
}
|
||||
|
||||
@@ -76,8 +73,6 @@ export function useAiGeneration(
|
||||
// Config state
|
||||
const [config, setConfig] = useState<GenerationConfig>({
|
||||
count: 10,
|
||||
isExplicit: Boolean(context?.isExplicit),
|
||||
crudeLang: false,
|
||||
inspiration: '',
|
||||
});
|
||||
|
||||
@@ -117,27 +112,11 @@ export function useAiGeneration(
|
||||
// Council config
|
||||
const councilConfig = getCouncilConfig();
|
||||
|
||||
// Update explicit flag when context changes
|
||||
useEffect(() => {
|
||||
setConfig(prev => ({
|
||||
...prev,
|
||||
isExplicit: Boolean(context?.isExplicit),
|
||||
}));
|
||||
}, [context?.isExplicit, type]);
|
||||
|
||||
// Config setters
|
||||
const setCount = useCallback((count: number) => {
|
||||
setConfig(prev => ({ ...prev, count }));
|
||||
}, []);
|
||||
|
||||
const setExplicit = useCallback((isExplicit: boolean) => {
|
||||
setConfig(prev => ({ ...prev, isExplicit }));
|
||||
}, []);
|
||||
|
||||
const setCrudeLang = useCallback((crudeLang: boolean) => {
|
||||
setConfig(prev => ({ ...prev, crudeLang }));
|
||||
}, []);
|
||||
|
||||
const setInspiration = useCallback((inspiration: string) => {
|
||||
setConfig(prev => ({ ...prev, inspiration }));
|
||||
}, []);
|
||||
@@ -182,7 +161,7 @@ export function useAiGeneration(
|
||||
const reset = useCallback(() => {
|
||||
setResults({ pack: null, questions: [], categoryIdeas: [], packIdeas: [] });
|
||||
setSelectedIndices(new Set());
|
||||
setConfig(prev => ({ ...prev, crudeLang: false, inspiration: '' }));
|
||||
setConfig(prev => ({ ...prev, inspiration: '' }));
|
||||
setReviewState({
|
||||
reviews: [],
|
||||
summary: null,
|
||||
@@ -216,7 +195,8 @@ export function useAiGeneration(
|
||||
setFilter('all');
|
||||
setSourceModel(null);
|
||||
|
||||
const isExplicit = config.isExplicit;
|
||||
const isExplicit = false;
|
||||
const crudeLang = false;
|
||||
|
||||
try {
|
||||
if (type === 'pack') {
|
||||
@@ -232,7 +212,7 @@ export function useAiGeneration(
|
||||
const result = await generatePack(
|
||||
context?.categoryName,
|
||||
isExplicit,
|
||||
config.crudeLang,
|
||||
crudeLang,
|
||||
config.inspiration || undefined,
|
||||
avoidNames
|
||||
);
|
||||
@@ -249,11 +229,10 @@ export function useAiGeneration(
|
||||
const result = await generateQuestionsWithCouncil(
|
||||
context.packName,
|
||||
config.count,
|
||||
undefined,
|
||||
isExplicit ? 5 : 2,
|
||||
2,
|
||||
context.packDescription || undefined,
|
||||
context.existingQuestions,
|
||||
config.crudeLang,
|
||||
crudeLang,
|
||||
config.inspiration || undefined,
|
||||
setProgress
|
||||
);
|
||||
@@ -309,7 +288,7 @@ export function useAiGeneration(
|
||||
const result = await suggestCategories(
|
||||
context?.existingCategories || [],
|
||||
isExplicit,
|
||||
config.crudeLang,
|
||||
crudeLang,
|
||||
config.inspiration || undefined,
|
||||
avoidNames
|
||||
);
|
||||
@@ -335,7 +314,7 @@ export function useAiGeneration(
|
||||
context.categoryName,
|
||||
context?.existingPacks || [],
|
||||
isExplicit,
|
||||
config.crudeLang,
|
||||
crudeLang,
|
||||
config.inspiration || undefined,
|
||||
avoidNames
|
||||
);
|
||||
@@ -366,8 +345,6 @@ export function useAiGeneration(
|
||||
// Config
|
||||
config,
|
||||
setCount,
|
||||
setExplicit,
|
||||
setCrudeLang,
|
||||
setInspiration,
|
||||
|
||||
// Results
|
||||
|
||||
@@ -260,10 +260,10 @@ export function PackFormDialog({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Explicit Toggle */}
|
||||
{/* NSFW Toggle */}
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="space-y-0.5">
|
||||
<Label>Explicit Content</Label>
|
||||
<Label>NSFW</Label>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Contains adult or mature content
|
||||
</p>
|
||||
|
||||
@@ -11,7 +11,7 @@ import { Button } from '@/components/ui/button';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Checkbox } from '@/components/ui/checkbox';
|
||||
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
|
||||
import { Loader2, Sparkles, ArrowRight, Check, Wand2, ShieldCheck, Gauge, Trash2, Package } from 'lucide-react';
|
||||
import { Loader2, Sparkles, ArrowRight, Check, Wand2, ShieldCheck, Trash2, Package } from 'lucide-react';
|
||||
import {
|
||||
analyzeQuestionText,
|
||||
analyzeQuestionTargets,
|
||||
@@ -51,7 +51,6 @@ interface ReviewQuestionsDialogProps {
|
||||
open: boolean;
|
||||
onOpenChange: (open: boolean) => void;
|
||||
questions: Question[];
|
||||
isExplicit?: boolean;
|
||||
onUpdated: () => void;
|
||||
}
|
||||
|
||||
@@ -64,14 +63,13 @@ interface CombinedSuggestion {
|
||||
deleteSuggestion?: DeletionAnalysis;
|
||||
}
|
||||
|
||||
export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplicit = false, onUpdated }: ReviewQuestionsDialogProps) {
|
||||
export function ReviewQuestionsDialog({ open, onOpenChange, questions, onUpdated }: ReviewQuestionsDialogProps) {
|
||||
const [analyzing, setAnalyzing] = useState(false);
|
||||
const [suggestions, setSuggestions] = useState<CombinedSuggestion[]>([]);
|
||||
const [existingProps, setExistingProps] = useState<string[]>([]);
|
||||
const [selectedTextIds, setSelectedTextIds] = useState<Set<string>>(new Set());
|
||||
const [selectedTargetIds, setSelectedTargetIds] = useState<Set<string>>(new Set());
|
||||
const [selectedPropsIds, setSelectedPropsIds] = useState<Set<string>>(new Set());
|
||||
const [selectedIntensityIds, setSelectedIntensityIds] = useState<Set<string>>(new Set());
|
||||
const [selectedDeleteIds, setSelectedDeleteIds] = useState<Set<string>>(new Set());
|
||||
const [step, setStep] = useState<'initial' | 'review'>('initial');
|
||||
const [applying, setApplying] = useState(false);
|
||||
@@ -134,10 +132,10 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
const [textResults, targetResults, deleteResults, propsResults] = await Promise.all([
|
||||
analyzeQuestionText(
|
||||
questions.map(q => ({ ...q, intensity: q.intensity })),
|
||||
isExplicit
|
||||
false
|
||||
),
|
||||
analyzeQuestionTargets(questions),
|
||||
analyzeQuestionDeletions(questions, isExplicit),
|
||||
analyzeQuestionDeletions(questions, false),
|
||||
analyzeQuestionProps(
|
||||
questions.map(q => ({
|
||||
id: q.id,
|
||||
@@ -192,10 +190,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
setSelectedTargetIds(new Set(meaningfulTargetResults.map(r => r.id)));
|
||||
setSelectedPropsIds(new Set(meaningfulPropsResults.map(r => r.id)));
|
||||
setSelectedDeleteIds(new Set(deleteResults.map(r => r.id)));
|
||||
// Select intensity suggestions by default
|
||||
setSelectedIntensityIds(new Set(
|
||||
textResults.filter(r => r.suggested_intensity != null).map(r => r.id)
|
||||
));
|
||||
setStep('review');
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
@@ -211,17 +205,15 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
const updates: { id: string; data: Record<string, unknown> }[] = [];
|
||||
const deleteIds = Array.from(selectedDeleteIds);
|
||||
|
||||
// Build update objects combining text, target, and intensity changes
|
||||
// Build update objects combining text, target, and props changes
|
||||
suggestions.forEach(suggestion => {
|
||||
if (selectedDeleteIds.has(suggestion.questionId)) return;
|
||||
|
||||
const textSelected = selectedTextIds.has(suggestion.questionId) && suggestion.textSuggestion;
|
||||
const targetSelected = selectedTargetIds.has(suggestion.questionId) && suggestion.targetSuggestion;
|
||||
const propsSelected = selectedPropsIds.has(suggestion.questionId) && suggestion.propsSuggestion;
|
||||
const intensitySelected = selectedIntensityIds.has(suggestion.questionId) &&
|
||||
suggestion.textSuggestion?.suggested_intensity != null;
|
||||
|
||||
if (textSelected || targetSelected || propsSelected || intensitySelected) {
|
||||
if (textSelected || targetSelected || propsSelected) {
|
||||
const updateData: Record<string, unknown> = {};
|
||||
|
||||
if (textSelected && suggestion.textSuggestion) {
|
||||
@@ -247,10 +239,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
: null;
|
||||
}
|
||||
|
||||
if (intensitySelected && suggestion.textSuggestion?.suggested_intensity != null) {
|
||||
updateData.intensity = suggestion.textSuggestion.suggested_intensity;
|
||||
}
|
||||
|
||||
if (Object.keys(updateData).length > 0) {
|
||||
updates.push({ id: suggestion.questionId, data: updateData });
|
||||
}
|
||||
@@ -301,7 +289,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
setSelectedTextIds(new Set());
|
||||
setSelectedTargetIds(new Set());
|
||||
setSelectedPropsIds(new Set());
|
||||
setSelectedIntensityIds(new Set());
|
||||
setSelectedDeleteIds(new Set());
|
||||
}, 300);
|
||||
};
|
||||
@@ -327,13 +314,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
setSelectedPropsIds(next);
|
||||
};
|
||||
|
||||
const toggleIntensitySelection = (id: string) => {
|
||||
const next = new Set(selectedIntensityIds);
|
||||
if (next.has(id)) next.delete(id);
|
||||
else next.add(id);
|
||||
setSelectedIntensityIds(next);
|
||||
};
|
||||
|
||||
const toggleDeleteSelection = (id: string) => {
|
||||
const next = new Set(selectedDeleteIds);
|
||||
if (next.has(id)) next.delete(id);
|
||||
@@ -387,14 +367,12 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
const textSuggestionCount = suggestions.filter(s => s.textSuggestion).length;
|
||||
const targetSuggestionCount = suggestions.filter(s => s.targetSuggestion).length;
|
||||
const propsSuggestionCount = suggestions.filter(s => s.propsSuggestion).length;
|
||||
const intensitySuggestionCount = suggestions.filter(s => s.textSuggestion?.suggested_intensity != null).length;
|
||||
const deleteSuggestionCount = suggestions.filter(s => s.deleteSuggestion).length;
|
||||
const effectiveTextCount = Array.from(selectedTextIds).filter(id => !selectedDeleteIds.has(id)).length;
|
||||
const effectiveTargetCount = Array.from(selectedTargetIds).filter(id => !selectedDeleteIds.has(id)).length;
|
||||
const effectivePropsCount = Array.from(selectedPropsIds).filter(id => !selectedDeleteIds.has(id)).length;
|
||||
const effectiveIntensityCount = Array.from(selectedIntensityIds).filter(id => !selectedDeleteIds.has(id)).length;
|
||||
const totalSelectedCount = effectiveTextCount + effectiveTargetCount + effectivePropsCount + effectiveIntensityCount + selectedDeleteIds.size;
|
||||
const hasSuggestions = textSuggestionCount > 0 || targetSuggestionCount > 0 || propsSuggestionCount > 0 || intensitySuggestionCount > 0 || deleteSuggestionCount > 0;
|
||||
const totalSelectedCount = effectiveTextCount + effectiveTargetCount + effectivePropsCount + selectedDeleteIds.size;
|
||||
const hasSuggestions = textSuggestionCount > 0 || targetSuggestionCount > 0 || propsSuggestionCount > 0 || deleteSuggestionCount > 0;
|
||||
|
||||
// Select all/none helpers
|
||||
const selectAllText = () => setSelectedTextIds(new Set(suggestions.filter(s => s.textSuggestion).map(s => s.questionId)));
|
||||
@@ -403,24 +381,18 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
const selectNoneTargets = () => setSelectedTargetIds(new Set());
|
||||
const selectAllProps = () => setSelectedPropsIds(new Set(suggestions.filter(s => s.propsSuggestion).map(s => s.questionId)));
|
||||
const selectNoneProps = () => setSelectedPropsIds(new Set());
|
||||
const selectAllIntensity = () => setSelectedIntensityIds(new Set(
|
||||
suggestions.filter(s => s.textSuggestion?.suggested_intensity != null).map(s => s.questionId)
|
||||
));
|
||||
const selectNoneIntensity = () => setSelectedIntensityIds(new Set());
|
||||
const selectAllDeletes = () => setSelectedDeleteIds(new Set(suggestions.filter(s => s.deleteSuggestion).map(s => s.questionId)));
|
||||
const selectNoneDeletes = () => setSelectedDeleteIds(new Set());
|
||||
const selectAll = () => {
|
||||
selectAllText();
|
||||
selectAllTargets();
|
||||
selectAllProps();
|
||||
selectAllIntensity();
|
||||
selectAllDeletes();
|
||||
};
|
||||
const selectNone = () => {
|
||||
selectNoneText();
|
||||
selectNoneTargets();
|
||||
selectNoneProps();
|
||||
selectNoneIntensity();
|
||||
selectNoneDeletes();
|
||||
};
|
||||
|
||||
@@ -462,10 +434,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
<Package className="h-5 w-5 text-cyan-400" />
|
||||
<span className="text-sm font-medium text-cyan-300">Required Props</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 bg-amber-500/20 px-4 py-2 rounded-lg">
|
||||
<Gauge className="h-5 w-5 text-amber-400" />
|
||||
<span className="text-sm font-medium text-amber-300">Intensity Level</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 bg-rose-500/20 px-4 py-2 rounded-lg">
|
||||
<Trash2 className="h-5 w-5 text-rose-400" />
|
||||
<span className="text-sm font-medium text-rose-300">Deletion Suggestions</span>
|
||||
@@ -506,10 +474,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
<Package className="h-4 w-4 text-cyan-500" />
|
||||
{propsSuggestionCount} props fixes
|
||||
</span>
|
||||
<span className="flex items-center gap-1">
|
||||
<Gauge className="h-4 w-4 text-amber-500" />
|
||||
{intensitySuggestionCount} intensity fixes
|
||||
</span>
|
||||
<span className="flex items-center gap-1">
|
||||
<Trash2 className="h-4 w-4 text-rose-500" />
|
||||
{deleteSuggestionCount} delete suggestions
|
||||
@@ -572,22 +536,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
</Button>
|
||||
</div>
|
||||
</TableHead>
|
||||
<TableHead className="w-[10%]">
|
||||
<div className="flex items-center gap-2">
|
||||
<Gauge className="h-4 w-4 text-amber-500" />
|
||||
Intensity
|
||||
{intensitySuggestionCount > 0 && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
className="h-6 px-2 text-xs"
|
||||
onClick={() => selectedIntensityIds.size === intensitySuggestionCount ? selectNoneIntensity() : selectAllIntensity()}
|
||||
>
|
||||
{selectedIntensityIds.size === intensitySuggestionCount ? 'None' : 'All'}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</TableHead>
|
||||
<TableHead className="w-[10%]">
|
||||
<div className="flex items-center gap-2">
|
||||
<Trash2 className="h-4 w-4 text-rose-500" />
|
||||
@@ -757,50 +705,6 @@ export function ReviewQuestionsDialog({ open, onOpenChange, questions, isExplici
|
||||
)}
|
||||
</TableCell>
|
||||
|
||||
{/* Intensity Column */}
|
||||
<TableCell className="align-top py-3">
|
||||
<div className="flex items-center gap-2 mb-1">
|
||||
<Badge variant="outline" className="text-xs">
|
||||
Current: {suggestion.question.intensity}
|
||||
</Badge>
|
||||
</div>
|
||||
{suggestion.textSuggestion?.suggested_intensity != null ? (
|
||||
<div
|
||||
className={`p-2 rounded-lg border cursor-pointer transition-colors ${selectedIntensityIds.has(suggestion.questionId)
|
||||
? 'bg-amber-500/20 border-amber-500/50'
|
||||
: 'bg-muted/30 border-transparent hover:bg-muted/50'
|
||||
}`}
|
||||
onClick={() => toggleIntensitySelection(suggestion.questionId)}
|
||||
>
|
||||
<div className="flex items-start gap-2">
|
||||
<Checkbox
|
||||
checked={selectedIntensityIds.has(suggestion.questionId)}
|
||||
onCheckedChange={() => toggleIntensitySelection(suggestion.questionId)}
|
||||
className="mt-0.5"
|
||||
/>
|
||||
<div className="flex-1 min-w-0">
|
||||
<div className="flex items-center gap-2">
|
||||
<ArrowRight className="h-3 w-3 text-muted-foreground" />
|
||||
<Badge className="text-xs bg-amber-500/30 text-amber-300 hover:bg-amber-500/30">
|
||||
{suggestion.textSuggestion.suggested_intensity}
|
||||
</Badge>
|
||||
</div>
|
||||
{suggestion.textSuggestion.intensity_reason && (
|
||||
<div className="text-xs text-muted-foreground mt-1">
|
||||
{suggestion.textSuggestion.intensity_reason}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-xs text-muted-foreground">
|
||||
<Check className="h-4 w-4 text-green-500 inline mr-1" />
|
||||
Correct
|
||||
</div>
|
||||
)}
|
||||
</TableCell>
|
||||
|
||||
{/* Delete Column */}
|
||||
<TableCell className="align-top py-3">
|
||||
{suggestion.deleteSuggestion ? (
|
||||
|
||||
@@ -146,26 +146,26 @@ export function Breadcrumbs() {
|
||||
if (breadcrumbs.length === 0 && !loading) return null;
|
||||
|
||||
return (
|
||||
<nav className="flex items-center space-x-1 text-sm">
|
||||
<nav className="flex items-center gap-1 text-sm overflow-x-auto whitespace-nowrap max-w-full pr-2">
|
||||
<Link
|
||||
to="/"
|
||||
className="flex items-center text-muted-foreground hover:text-primary transition-colors p-1 rounded-md hover:bg-white/5"
|
||||
className="flex items-center text-muted-foreground hover:text-primary transition-colors p-1 rounded-md hover:bg-white/5 flex-shrink-0"
|
||||
>
|
||||
<Home className="h-4 w-4" />
|
||||
</Link>
|
||||
|
||||
{breadcrumbs.map((item, index) => (
|
||||
<div key={index} className="flex items-center">
|
||||
<div key={index} className="flex items-center flex-shrink-0">
|
||||
<ChevronRight className="h-4 w-4 mx-1 text-muted-foreground/50" />
|
||||
{item.href ? (
|
||||
<Link
|
||||
to={item.href}
|
||||
className="text-muted-foreground hover:text-primary transition-colors px-2 py-1 rounded-md hover:bg-white/5"
|
||||
className="text-muted-foreground hover:text-primary transition-colors px-2 py-1 rounded-md hover:bg-white/5 max-w-[160px] truncate"
|
||||
>
|
||||
{item.label}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="text-foreground font-medium px-2 py-1">
|
||||
<span className="text-foreground font-medium px-2 py-1 max-w-[180px] truncate">
|
||||
{item.label}
|
||||
</span>
|
||||
)}
|
||||
|
||||
@@ -11,7 +11,7 @@ const TabsList = React.forwardRef<
|
||||
<TabsPrimitive.List
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
|
||||
"flex w-full flex-wrap items-center justify-start gap-1 rounded-md bg-muted p-1 text-muted-foreground sm:inline-flex sm:w-auto sm:flex-nowrap sm:justify-center",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -10,7 +10,7 @@ import type { TextAnalysis } from '../types';
|
||||
* Analyze question text and suggest improvements
|
||||
*/
|
||||
export async function analyzeQuestionText(
|
||||
questions: { id: string; text: string; partner_text?: string | null; intensity?: number }[],
|
||||
questions: { id: string; text: string; partner_text?: string | null }[],
|
||||
isExplicit: boolean = false
|
||||
): Promise<TextAnalysis[]> {
|
||||
const openai = getOpenAI();
|
||||
@@ -19,7 +19,6 @@ export async function analyzeQuestionText(
|
||||
id: q.id,
|
||||
text: q.text,
|
||||
partner_text: q.partner_text,
|
||||
intensity: q.intensity,
|
||||
}));
|
||||
|
||||
const toneInstruction = isExplicit
|
||||
@@ -83,17 +82,6 @@ Cards should be "Proposals" for specific actions, NOT interview questions.
|
||||
8. Skip questions that are ALREADY well-phrased
|
||||
</rules>
|
||||
|
||||
<intensity_guide>
|
||||
Check if current intensity matches the activity:
|
||||
1 (Gentle): Emotional bonding, non-sexual (cooking, cuddling, foot massage)
|
||||
2 (Warm): Romantic, affectionate touch (slow dance, sensual massage, kissing)
|
||||
3 (Playful): Light sexual exploration (oral, mutual masturbation, light roleplay)
|
||||
4 (Steamy): Explicit sex, moderate adventure (intercourse, light bondage, anal play)
|
||||
5 (Intense): Advanced/BDSM/extreme (impact play, power dynamics, taboo kinks)
|
||||
|
||||
If intensity seems wrong, include suggested_intensity and intensity_reason.
|
||||
</intensity_guide>
|
||||
|
||||
<questions_to_analyze>
|
||||
${JSON.stringify(simplifiedQuestions)}
|
||||
</questions_to_analyze>
|
||||
@@ -105,14 +93,12 @@ ${JSON.stringify(simplifiedQuestions)}
|
||||
"id": string, // Question ID
|
||||
"suggested_text": string, // Improved text (short, direct)
|
||||
"suggested_partner_text": string|null, // Improved partner_text or null if symmetric
|
||||
"reason": string, // Brief explanation of text improvement
|
||||
"suggested_intensity": number|null, // 1-5 if intensity seems wrong, null if correct
|
||||
"intensity_reason": string|null // Why intensity should change (if applicable)
|
||||
"reason": string // Brief explanation of text improvement
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Only include questions that need text improvement OR intensity adjustment.
|
||||
Only include questions that need text improvement.
|
||||
</output_format>`;
|
||||
|
||||
const systemMessage = isExplicit
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// =============================================================================
|
||||
// AI Configuration Constants
|
||||
// Council config, tone levels, intensity levels, and prompt guides
|
||||
// Council config, tone levels, and prompt guides
|
||||
// =============================================================================
|
||||
|
||||
import { getCachedAiConfig, preloadAiConfig, type AiConfig } from '@/hooks/useAiConfig';
|
||||
@@ -33,7 +33,6 @@ export function getCouncilConfig(): CouncilConfig {
|
||||
reviewerModel: remoteConfig.council_reviewer_model || 'google/gemini-pro-1.5',
|
||||
reviewerTemperature: remoteConfig.council_reviewer_temperature ?? 0.3,
|
||||
selectionMode: remoteConfig.council_selection_mode || 'whole_set',
|
||||
cherryPickEnsureIntensityDistribution: remoteConfig.cherry_pick_ensure_intensity_distribution ?? true,
|
||||
};
|
||||
}
|
||||
|
||||
@@ -44,7 +43,6 @@ export function getCouncilConfig(): CouncilConfig {
|
||||
reviewerModel: import.meta.env.VITE_COUNCIL_REVIEWER_MODEL || 'google/gemini-pro-1.5',
|
||||
reviewerTemperature: 0.3,
|
||||
selectionMode: 'whole_set',
|
||||
cherryPickEnsureIntensityDistribution: true,
|
||||
};
|
||||
}
|
||||
|
||||
@@ -69,67 +67,6 @@ export const TONE_LEVELS = [
|
||||
{ level: 5, label: 'Intense', description: 'Advanced/BDSM/Extreme exploration' },
|
||||
] as const;
|
||||
|
||||
// =============================================================================
|
||||
// INTENSITY LEVELS
|
||||
// For UI display - consistent with AI grading
|
||||
// =============================================================================
|
||||
|
||||
export const INTENSITY_LEVELS = [
|
||||
{ level: 1, label: 'Gentle', description: 'Pure emotional connection & non-sexual bonding', color: 'bg-green-500' },
|
||||
{ level: 2, label: 'Warm', description: 'Romantic atmosphere & affectionate touch', color: 'bg-lime-500' },
|
||||
{ level: 3, label: 'Playful', description: 'Light sexual exploration & sensual discovery', color: 'bg-yellow-500' },
|
||||
{ level: 4, label: 'Steamy', description: 'Explicit sexual activities & moderate adventure', color: 'bg-orange-500' },
|
||||
{ level: 5, label: 'Intense', description: 'Advanced/BDSM/Extreme exploration', color: 'bg-red-500' },
|
||||
] as const;
|
||||
|
||||
// =============================================================================
|
||||
// INTENSITY GRADING GUIDE
|
||||
// Full version for detailed AI prompts
|
||||
// =============================================================================
|
||||
|
||||
export const INTENSITY_GUIDE = `
|
||||
INTENSITY GRADING GUIDE - Use this to assign intensity levels consistently:
|
||||
|
||||
Level 1 - GENTLE (Pure emotional connection & non-sexual bonding):
|
||||
- Focus: Emotional safety, friendship-based activities, quality time
|
||||
- Examples: Cook together, take a walk holding hands, give non-sexual foot massages, watch a movie cuddling
|
||||
- Emotional bonding without sexual undertones
|
||||
|
||||
Level 2 - WARM (Romantic atmosphere & affectionate touch):
|
||||
- Focus: Creating romantic moments, sensual but non-sexual touch, building anticipation
|
||||
- Examples: Slow dance in the living room, candlelit bath together (non-sexual), extended kissing sessions, sensual massage with oils
|
||||
- Romantic intimacy building up to arousal
|
||||
|
||||
Level 3 - PLAYFUL (Light sexual exploration & sensual discovery):
|
||||
- Focus: Sexual touch without penetration, playful experimentation, building arousal
|
||||
- Examples: Mutual masturbation, oral sex, light roleplay (doctor/patient), using basic toys together
|
||||
- Fun and exploratory sexual contact
|
||||
|
||||
Level 4 - STEAMY (Explicit sexual activities & moderate adventure):
|
||||
- Focus: Full sexual intercourse with adventurous elements, moderate BDSM/kink
|
||||
- Examples: Sex in different locations/positions, light bondage, anal play with toys, recording consensual intimate moments
|
||||
- Passionate and adventurous sexual connection
|
||||
|
||||
Level 5 - INTENSE (Advanced/BDSM/Extreme exploration):
|
||||
- Focus: Edge play, power dynamics, intense physical experiences
|
||||
- Examples: Heavy impact play, advanced bondage, consensual non-consent scenes, multi-partner activities
|
||||
- Very intense, taboo kinks, and extreme exploration
|
||||
`;
|
||||
|
||||
// =============================================================================
|
||||
// INTENSITY GUIDE (SHORT)
|
||||
// Condensed version for prompts to save tokens
|
||||
// =============================================================================
|
||||
|
||||
export const INTENSITY_GUIDE_SHORT = `
|
||||
INTENSITY LEVELS:
|
||||
1 (Gentle): Pure emotional connection, non-sexual bonding (cooking, cuddling, foot massages)
|
||||
2 (Warm): Romantic atmosphere, affectionate touch (slow dance, sensual massage, kissing)
|
||||
3 (Playful): Light sexual exploration, sensual discovery (oral, mutual masturbation, light roleplay)
|
||||
4 (Steamy): Explicit sexual activities, moderate adventure (sex positions, light bondage, anal play)
|
||||
5 (Intense): Advanced/BDSM/Extreme exploration (impact play, power dynamics, taboo kinks)
|
||||
`;
|
||||
|
||||
// =============================================================================
|
||||
// REVIEW GUIDELINES
|
||||
// Used by council reviewer for quality assessment
|
||||
@@ -155,32 +92,25 @@ REVIEW CRITERIA - Score each 1-10:
|
||||
- Partner text (if present) clearly describes receiver's experience
|
||||
- No confusing or ambiguous phrasing
|
||||
|
||||
4. INTENSITY ACCURACY:
|
||||
Level 1 (Gentle): Pure emotional connection, non-sexual bonding
|
||||
Level 2 (Warm): Romantic atmosphere, affectionate touch
|
||||
Level 3 (Playful): Light sexual exploration, sensual discovery (oral, toys)
|
||||
Level 4 (Steamy): Explicit sexual activities, moderate adventure (intercourse, light bondage)
|
||||
Level 5 (Intense): Advanced/BDSM/Extreme exploration (impact play, power dynamics)
|
||||
|
||||
5. ANATOMICAL CONSISTENCY:
|
||||
4. ANATOMICAL CONSISTENCY:
|
||||
- No mixed male/female anatomy in alternatives
|
||||
- BAD: "Finger or give your partner a handjob"
|
||||
- GOOD: Pick one activity
|
||||
|
||||
6. PARTNER TEXT QUALITY (if applicable):
|
||||
5. PARTNER TEXT QUALITY (if applicable):
|
||||
- Engaging and enticing, not clinical
|
||||
- BAD: "Receive oral from your partner"
|
||||
- GOOD: "Let your partner pleasure you with their mouth"
|
||||
- When initiator causes a response, frame as allowing: "Let your partner make you moan"
|
||||
|
||||
7. COUPLE TARGETING (flag if incorrect):
|
||||
6. COUPLE TARGETING (flag if incorrect):
|
||||
- Default: ALL couples (null) unless explicit anatomical requirement
|
||||
- Restrict to ['male+male', 'female+male'] ONLY if activity requires penis
|
||||
- Restrict to ['female+male', 'female+female'] ONLY if activity requires vagina
|
||||
- Sex toys are GENDER-NEUTRAL (vibrators, dildos, plugs work for anyone)
|
||||
- Flag if targeting seems too restrictive or missing needed restrictions
|
||||
|
||||
8. INITIATOR TARGETING (for asymmetric questions only):
|
||||
7. INITIATOR TARGETING (for asymmetric questions only):
|
||||
- Default: null (anyone can initiate) unless explicit anatomical requirement
|
||||
- Set initiator based on WHO DOES the action in "text" field
|
||||
- "Swallow your partner's cum" -> initiator: female (in M+F, receiver of cum)
|
||||
|
||||
@@ -14,7 +14,6 @@ import type {
|
||||
PooledQuestion,
|
||||
CherryPickEvaluation,
|
||||
CherryPickResult,
|
||||
CouncilConfig,
|
||||
} from '../types';
|
||||
|
||||
/**
|
||||
@@ -34,7 +33,6 @@ export async function evaluateQuestionPool(
|
||||
index: i,
|
||||
text: q.text,
|
||||
partner_text: q.partner_text || null,
|
||||
intensity: q.intensity,
|
||||
generatorIndex: q.sourceGeneratorIndex,
|
||||
}));
|
||||
|
||||
@@ -69,11 +67,10 @@ ${REVIEW_GUIDELINES}
|
||||
|
||||
<scoring_weights>
|
||||
Your scores will be weighted as follows for final selection:
|
||||
- Guideline Compliance: 25%
|
||||
- Creativity: 20%
|
||||
- Clarity: 20%
|
||||
- Guideline Compliance: 30%
|
||||
- Creativity: 25%
|
||||
- Clarity: 25%
|
||||
- Uniqueness: 20%
|
||||
- Intensity Accuracy: 15%
|
||||
|
||||
Calibrate your scores knowing these weights. A low compliance score has the most impact.
|
||||
</scoring_weights>
|
||||
@@ -86,8 +83,7 @@ Two questions are duplicates if they:
|
||||
|
||||
For duplicates, mark the WORSE version as duplicate and keep the version with:
|
||||
1. Better phrasing/creativity
|
||||
2. More appropriate intensity grading
|
||||
3. Better partner_text (if applicable)
|
||||
2. Better partner_text (if applicable)
|
||||
</duplicate_detection>
|
||||
|
||||
<verdict_rules>
|
||||
@@ -110,7 +106,6 @@ ${JSON.stringify(questionsForEval, null, 2)}
|
||||
"guidelineCompliance": 1-10,
|
||||
"creativity": 1-10,
|
||||
"clarity": 1-10,
|
||||
"intensityAccuracy": 1-10,
|
||||
"uniqueness": 1-10
|
||||
},
|
||||
"isDuplicate": boolean,
|
||||
@@ -151,16 +146,12 @@ Evaluate ALL ${pooledQuestions.length} questions.
|
||||
}
|
||||
|
||||
/**
|
||||
* Select top N questions from evaluations, optionally balancing intensity levels
|
||||
* Select top N questions from evaluations
|
||||
*/
|
||||
export function selectTopQuestions(
|
||||
pooledQuestions: PooledQuestion[],
|
||||
evaluations: CherryPickEvaluation[],
|
||||
requestedCount: number,
|
||||
options: {
|
||||
ensureIntensityDistribution: boolean;
|
||||
requestedIntensity?: number;
|
||||
}
|
||||
requestedCount: number
|
||||
): CherryPickResult {
|
||||
// Step 1: Filter out duplicates (keep only the original, not the duplicate)
|
||||
const duplicateIndices = new Set<number>();
|
||||
@@ -178,74 +169,25 @@ export function selectTopQuestions(
|
||||
question: pooledQuestions[e.questionIndex],
|
||||
// Weighted overall score
|
||||
weightedScore: (
|
||||
(e.scores.guidelineCompliance * 0.25) +
|
||||
(e.scores.creativity * 0.20) +
|
||||
(e.scores.clarity * 0.20) +
|
||||
(e.scores.intensityAccuracy * 0.15) +
|
||||
(e.scores.guidelineCompliance * 0.30) +
|
||||
(e.scores.creativity * 0.25) +
|
||||
(e.scores.clarity * 0.25) +
|
||||
(e.scores.uniqueness * 0.20)
|
||||
) * 10,
|
||||
}))
|
||||
.sort((a, b) => b.weightedScore - a.weightedScore);
|
||||
|
||||
let selected: typeof scoredQuestions = [];
|
||||
|
||||
// Step 3: Select questions
|
||||
if (options.requestedIntensity) {
|
||||
// If specific intensity requested, just take top N of that intensity
|
||||
const matchingIntensity = scoredQuestions.filter(
|
||||
sq => sq.question.intensity === options.requestedIntensity
|
||||
);
|
||||
selected = matchingIntensity.slice(0, requestedCount);
|
||||
} else if (options.ensureIntensityDistribution) {
|
||||
// Balance across intensity levels
|
||||
const perIntensity = Math.ceil(requestedCount / 5);
|
||||
const byIntensity: Record<number, typeof scoredQuestions> = { 1: [], 2: [], 3: [], 4: [], 5: [] };
|
||||
|
||||
for (const sq of scoredQuestions) {
|
||||
const intensity = sq.question.intensity;
|
||||
if (intensity >= 1 && intensity <= 5) {
|
||||
byIntensity[intensity].push(sq);
|
||||
}
|
||||
}
|
||||
|
||||
// Take top N from each intensity level
|
||||
for (let intensity = 1; intensity <= 5; intensity++) {
|
||||
const toTake = byIntensity[intensity].slice(0, perIntensity);
|
||||
selected.push(...toTake);
|
||||
}
|
||||
|
||||
// If we still need more, fill from remaining top-scored questions
|
||||
if (selected.length < requestedCount) {
|
||||
const selectedIndices = new Set(selected.map(s => s.evaluation.questionIndex));
|
||||
const remaining = scoredQuestions.filter(
|
||||
sq => !selectedIndices.has(sq.evaluation.questionIndex)
|
||||
);
|
||||
selected.push(...remaining.slice(0, requestedCount - selected.length));
|
||||
}
|
||||
|
||||
// Sort final selection by score
|
||||
selected.sort((a, b) => b.weightedScore - a.weightedScore);
|
||||
selected = selected.slice(0, requestedCount);
|
||||
} else {
|
||||
// Simple top N by score
|
||||
selected = scoredQuestions.slice(0, requestedCount);
|
||||
}
|
||||
// Step 3: Select top N by score
|
||||
const selected = scoredQuestions.slice(0, requestedCount);
|
||||
|
||||
// Step 4: Build result
|
||||
const selectedQuestions = selected.map(s => s.question);
|
||||
|
||||
// Calculate intensity distribution
|
||||
const intensityDistribution: Record<number, number> = {};
|
||||
for (const q of selectedQuestions) {
|
||||
intensityDistribution[q.intensity] = (intensityDistribution[q.intensity] || 0) + 1;
|
||||
}
|
||||
|
||||
return {
|
||||
selectedQuestions,
|
||||
evaluations,
|
||||
poolSize: pooledQuestions.length,
|
||||
duplicatesRemoved: duplicateIndices.size,
|
||||
intensityDistribution,
|
||||
};
|
||||
}
|
||||
|
||||
@@ -255,8 +197,7 @@ export function selectTopQuestions(
|
||||
export async function performCherryPickSelection(
|
||||
candidates: GenerationCandidate[],
|
||||
packContext: { name: string; description?: string | null; isExplicit: boolean; tone: ToneLevel },
|
||||
requestedCount: number,
|
||||
config: CouncilConfig
|
||||
requestedCount: number
|
||||
): Promise<{
|
||||
questions: GeneratedQuestion[];
|
||||
reviews: QuestionReview[];
|
||||
@@ -280,10 +221,7 @@ export async function performCherryPickSelection(
|
||||
const evaluations = await evaluateQuestionPool(pooledQuestions, packContext, requestedCount);
|
||||
|
||||
// Step 3: Select top questions
|
||||
const cherryPickResult = selectTopQuestions(pooledQuestions, evaluations, requestedCount, {
|
||||
ensureIntensityDistribution: config.cherryPickEnsureIntensityDistribution,
|
||||
requestedIntensity: undefined,
|
||||
});
|
||||
const cherryPickResult = selectTopQuestions(pooledQuestions, evaluations, requestedCount);
|
||||
|
||||
// Step 4: Convert to standard review format for UI compatibility
|
||||
const reviews: QuestionReview[] = cherryPickResult.selectedQuestions.map((q, i) => {
|
||||
@@ -302,7 +240,6 @@ export async function performCherryPickSelection(
|
||||
guidelineCompliance: 7,
|
||||
creativity: 7,
|
||||
clarity: 7,
|
||||
intensityAccuracy: 7,
|
||||
anatomicalConsistency: 10,
|
||||
partnerTextQuality: 10,
|
||||
coupleTargeting: 10,
|
||||
@@ -324,7 +261,6 @@ export async function performCherryPickSelection(
|
||||
guidelineCompliance: evaluation.scores.guidelineCompliance,
|
||||
creativity: evaluation.scores.creativity,
|
||||
clarity: evaluation.scores.clarity,
|
||||
intensityAccuracy: evaluation.scores.intensityAccuracy,
|
||||
// Cherry-pick doesn't evaluate these, default to passing
|
||||
anatomicalConsistency: 10,
|
||||
partnerTextQuality: 10,
|
||||
@@ -346,8 +282,7 @@ export async function performCherryPickSelection(
|
||||
totalScore += review.scores.guidelineCompliance || 0;
|
||||
totalScore += review.scores.creativity || 0;
|
||||
totalScore += review.scores.clarity || 0;
|
||||
totalScore += review.scores.intensityAccuracy || 0;
|
||||
scoreCount += 4;
|
||||
scoreCount += 3;
|
||||
}
|
||||
}
|
||||
const overallQuality = scoreCount > 0 ? Math.round((totalScore / scoreCount) * 10) / 10 : 0;
|
||||
|
||||
@@ -24,7 +24,6 @@ import type {
|
||||
export async function generateQuestionsWithCouncil(
|
||||
packName: string,
|
||||
count: number = 10,
|
||||
intensity?: number,
|
||||
tone: ToneLevel = 3,
|
||||
packDescription?: string,
|
||||
existingQuestions?: string[],
|
||||
@@ -90,7 +89,6 @@ export async function generateQuestionsWithCouncil(
|
||||
const questions = await generateQuestions(
|
||||
packName,
|
||||
count,
|
||||
intensity,
|
||||
tone,
|
||||
packDescription,
|
||||
existingQuestions,
|
||||
@@ -138,7 +136,6 @@ export async function generateQuestionsWithCouncil(
|
||||
gen.model,
|
||||
packName,
|
||||
count,
|
||||
intensity,
|
||||
tone,
|
||||
packDescription,
|
||||
existingQuestions,
|
||||
@@ -191,8 +188,7 @@ export async function generateQuestionsWithCouncil(
|
||||
const cherryPickResult = await performCherryPickSelection(
|
||||
successfulCandidates,
|
||||
packContext,
|
||||
count,
|
||||
config
|
||||
count
|
||||
);
|
||||
const reviewTime = Date.now() - startReview;
|
||||
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
// =============================================================================
|
||||
// Question Generation Functions
|
||||
// Generate questions for packs with various tone/intensity settings
|
||||
// Generate questions for packs with various tone settings
|
||||
// =============================================================================
|
||||
|
||||
import { getOpenAI, getModel, getTemperature } from '../client';
|
||||
import { INTENSITY_GUIDE_SHORT, TONE_INSTRUCTIONS, SYSTEM_MESSAGES, CORE_LANGUAGE_RULES } from '../config';
|
||||
import { TONE_INSTRUCTIONS, SYSTEM_MESSAGES, CORE_LANGUAGE_RULES } from '../config';
|
||||
import type { GeneratedQuestion, ToneLevel } from '../types';
|
||||
|
||||
/**
|
||||
@@ -13,7 +13,6 @@ import type { GeneratedQuestion, ToneLevel } from '../types';
|
||||
function buildQuestionPrompt(
|
||||
packName: string,
|
||||
count: number,
|
||||
intensity: number | undefined,
|
||||
tone: ToneLevel,
|
||||
packDescription?: string,
|
||||
existingQuestions?: string[],
|
||||
@@ -38,12 +37,6 @@ function buildQuestionPrompt(
|
||||
? `\n\n<user_guidance>\n${sanitizedInspiration}\n</user_guidance>\n\nIncorporate the user guidance above into your generation where appropriate. Use it to inform the theme and style of questions.`
|
||||
: '';
|
||||
|
||||
const intensityInstruction = tone === 1
|
||||
? 'All questions should be intensity level 1 (non-sexual bonding).'
|
||||
: intensity
|
||||
? `All questions should be at intensity level ${intensity}.`
|
||||
: 'Vary the intensity levels appropriate for the tone.';
|
||||
|
||||
const toneInstruction = TONE_INSTRUCTIONS[tone];
|
||||
|
||||
// Examples based on tone level
|
||||
@@ -90,12 +83,7 @@ Generate ${count} unique questions for a couples' intimacy question pack called
|
||||
</task>
|
||||
${descriptionContext}${inspirationInstruction}${existingQuestionsContext}
|
||||
|
||||
<intensity_guide>
|
||||
${INTENSITY_GUIDE_SHORT}
|
||||
</intensity_guide>
|
||||
|
||||
<instructions>
|
||||
${intensityInstruction}
|
||||
${toneInstruction}${explicitWarning}${crudeLangInstruction}
|
||||
</instructions>
|
||||
|
||||
@@ -147,7 +135,6 @@ Return a JSON object with this exact structure:
|
||||
{
|
||||
"text": string, // REQUIRED: 5-12 words, doer's perspective using "your partner"
|
||||
"partner_text": string|null, // REQUIRED for asymmetric, null for symmetric
|
||||
"intensity": 1-5, // REQUIRED: must match the intensity level guidelines
|
||||
"requires_props": string[]|null, // Optional: items needed (e.g., ["blindfold", "massage oil"])
|
||||
"inverse_pair_id": string|null, // REQUIRED for asymmetric pairs, null for symmetric
|
||||
"location_type": "home"|"public"|"outdoors"|"travel"|"anywhere", // Optional
|
||||
@@ -164,7 +151,6 @@ Return a JSON object with this exact structure:
|
||||
export async function generateQuestions(
|
||||
packName: string,
|
||||
count: number = 10,
|
||||
intensity?: number,
|
||||
tone: ToneLevel = 3,
|
||||
packDescription?: string,
|
||||
existingQuestions?: string[],
|
||||
@@ -176,7 +162,6 @@ export async function generateQuestions(
|
||||
const prompt = buildQuestionPrompt(
|
||||
packName,
|
||||
count,
|
||||
intensity,
|
||||
tone,
|
||||
packDescription,
|
||||
existingQuestions,
|
||||
@@ -212,7 +197,6 @@ export async function generateQuestionsWithModel(
|
||||
model: string,
|
||||
packName: string,
|
||||
count: number,
|
||||
intensity: number | undefined,
|
||||
tone: ToneLevel,
|
||||
packDescription: string | undefined,
|
||||
existingQuestions: string[] | undefined,
|
||||
@@ -225,7 +209,6 @@ export async function generateQuestionsWithModel(
|
||||
const prompt = buildQuestionPrompt(
|
||||
packName,
|
||||
count,
|
||||
intensity,
|
||||
tone,
|
||||
packDescription,
|
||||
existingQuestions,
|
||||
|
||||
@@ -41,9 +41,6 @@ export {
|
||||
getCouncilConfig,
|
||||
initializeAiConfig,
|
||||
TONE_LEVELS,
|
||||
INTENSITY_LEVELS,
|
||||
INTENSITY_GUIDE,
|
||||
INTENSITY_GUIDE_SHORT,
|
||||
REVIEW_GUIDELINES,
|
||||
TONE_INSTRUCTIONS,
|
||||
SYSTEM_MESSAGES,
|
||||
|
||||
@@ -36,7 +36,6 @@ export async function reviewGeneratedQuestions(
|
||||
index: i,
|
||||
text: q.text,
|
||||
partner_text: q.partner_text || null,
|
||||
intensity: q.intensity,
|
||||
location_type: q.location_type,
|
||||
effort_level: q.effort_level,
|
||||
// Include targeting for review (may not always be present)
|
||||
@@ -64,7 +63,7 @@ ${REVIEW_GUIDELINES}
|
||||
<verdict_rules>
|
||||
- PASS: All scores >= 7, no major issues
|
||||
- FLAG: Any score 5-7, or minor issues worth noting (admin should review but can use)
|
||||
- REJECT: Any score < 5, or major violations (mixed anatomy, wrong intensity, severe guideline violation)
|
||||
- REJECT: Any score < 5, or major violations (mixed anatomy, severe guideline violation)
|
||||
</verdict_rules>
|
||||
|
||||
<questions_to_review>
|
||||
@@ -83,13 +82,11 @@ ${JSON.stringify(questionsForReview, null, 2)}
|
||||
"guidelineCompliance": 1-10, // Criterion 1
|
||||
"creativity": 1-10, // Criterion 2
|
||||
"clarity": 1-10, // Criterion 3
|
||||
"intensityAccuracy": 1-10, // Criterion 4
|
||||
"anatomicalConsistency": 1-10, // Criterion 5
|
||||
"partnerTextQuality": 1-10, // Criterion 6 (10 if no partner_text needed)
|
||||
"coupleTargeting": 1-10, // Criterion 7
|
||||
"initiatorTargeting": 1-10 // Criterion 8 (10 if symmetric)
|
||||
"anatomicalConsistency": 1-10, // Criterion 4
|
||||
"partnerTextQuality": 1-10, // Criterion 5 (10 if no partner_text needed)
|
||||
"coupleTargeting": 1-10, // Criterion 6
|
||||
"initiatorTargeting": 1-10 // Criterion 7 (10 if symmetric)
|
||||
},
|
||||
"intensitySuggestion": number|null, // Suggested intensity (1-5) if current seems wrong, null if correct
|
||||
"targetingSuggestions": { // Only include if targeting needs changes
|
||||
"suggestedCoupleTargets": string[]|null, // ["male+male", "female+male", "female+female"] or subset
|
||||
"suggestedInitiator": string[]|null, // ["male", "female"] or null for any
|
||||
@@ -99,7 +96,7 @@ ${JSON.stringify(questionsForReview, null, 2)}
|
||||
]
|
||||
}
|
||||
|
||||
Review ALL questions against ALL 8 criteria. Be thorough but fair - only flag/reject for genuine issues.
|
||||
Review ALL questions against ALL 7 criteria. Be thorough but fair - only flag/reject for genuine issues.
|
||||
</output_format>`;
|
||||
|
||||
const response = await openai.chat.completions.create({
|
||||
@@ -132,18 +129,17 @@ Review ALL questions against ALL 8 criteria. Be thorough but fair - only flag/re
|
||||
const flagged = reviews.filter(r => r.verdict === 'flag').length;
|
||||
const rejected = reviews.filter(r => r.verdict === 'reject').length;
|
||||
|
||||
// Calculate overall quality as weighted average of all 8 scores
|
||||
// Weights: guidelineCompliance 20%, creativity 15%, clarity 15%, intensityAccuracy 15%,
|
||||
// anatomicalConsistency 15%, partnerTextQuality 10%, coupleTargeting 5%, initiatorTargeting 5%
|
||||
// Calculate overall quality as weighted average of all 7 scores
|
||||
// Weights: guidelineCompliance 25%, creativity 18%, clarity 18%,
|
||||
// anatomicalConsistency 17%, partnerTextQuality 12%, coupleTargeting 5%, initiatorTargeting 5%
|
||||
let totalWeightedScore = 0;
|
||||
let totalWeight = 0;
|
||||
const weights = {
|
||||
guidelineCompliance: 0.20,
|
||||
creativity: 0.15,
|
||||
clarity: 0.15,
|
||||
intensityAccuracy: 0.15,
|
||||
anatomicalConsistency: 0.15,
|
||||
partnerTextQuality: 0.10,
|
||||
guidelineCompliance: 0.25,
|
||||
creativity: 0.18,
|
||||
clarity: 0.18,
|
||||
anatomicalConsistency: 0.17,
|
||||
partnerTextQuality: 0.12,
|
||||
coupleTargeting: 0.05,
|
||||
initiatorTargeting: 0.05,
|
||||
};
|
||||
@@ -200,7 +196,6 @@ export async function selectBestGeneration(
|
||||
index: qi,
|
||||
text: q.text,
|
||||
partner_text: q.partner_text || null,
|
||||
intensity: q.intensity,
|
||||
allowed_couple_genders: (q as { allowed_couple_genders?: string[] | null }).allowed_couple_genders || null,
|
||||
target_user_genders: (q as { target_user_genders?: string[] | null }).target_user_genders || null,
|
||||
})),
|
||||
@@ -235,9 +230,8 @@ Ranked by importance (approximate weights):
|
||||
1. Overall quality and creativity of questions (30%)
|
||||
2. Variety and uniqueness within the set (20%)
|
||||
3. Adherence to pack theme and tone (20%)
|
||||
4. Proper intensity grading (15%)
|
||||
5. Correct use of "your partner" language (10%)
|
||||
6. Quality of partner_text for asymmetric questions (5%)
|
||||
4. Correct use of "your partner" language (15%)
|
||||
5. Quality of partner_text for asymmetric questions (10%)
|
||||
</selection_criteria>
|
||||
|
||||
<output_format>
|
||||
@@ -254,13 +248,11 @@ Ranked by importance (approximate weights):
|
||||
"guidelineCompliance": 1-10,
|
||||
"creativity": 1-10,
|
||||
"clarity": 1-10,
|
||||
"intensityAccuracy": 1-10,
|
||||
"anatomicalConsistency": 1-10,
|
||||
"partnerTextQuality": 1-10,
|
||||
"coupleTargeting": 1-10,
|
||||
"initiatorTargeting": 1-10
|
||||
},
|
||||
"intensitySuggestion": number|null,
|
||||
"targetingSuggestions": {
|
||||
"suggestedCoupleTargets": string[]|null,
|
||||
"suggestedInitiator": string[]|null,
|
||||
@@ -270,7 +262,7 @@ Ranked by importance (approximate weights):
|
||||
]
|
||||
}
|
||||
|
||||
Select the best set and review ALL questions in that set against ALL 8 criteria.
|
||||
Select the best set and review ALL questions in that set against ALL 7 criteria.
|
||||
</output_format>`;
|
||||
|
||||
const response = await openai.chat.completions.create({
|
||||
@@ -300,7 +292,7 @@ Select the best set and review ALL questions in that set against ALL 8 criteria.
|
||||
const reviews: QuestionReview[] = parsed.reviews || [];
|
||||
const reasoning = parsed.reasoning || 'No reasoning provided';
|
||||
|
||||
// Calculate summary with weighted average of all 8 scores
|
||||
// Calculate summary with weighted average of all 7 scores
|
||||
const passed = reviews.filter(r => r.verdict === 'pass').length;
|
||||
const flagged = reviews.filter(r => r.verdict === 'flag').length;
|
||||
const rejected = reviews.filter(r => r.verdict === 'reject').length;
|
||||
@@ -308,12 +300,11 @@ Select the best set and review ALL questions in that set against ALL 8 criteria.
|
||||
let totalWeightedScore = 0;
|
||||
let totalWeight = 0;
|
||||
const weights = {
|
||||
guidelineCompliance: 0.20,
|
||||
creativity: 0.15,
|
||||
clarity: 0.15,
|
||||
intensityAccuracy: 0.15,
|
||||
anatomicalConsistency: 0.15,
|
||||
partnerTextQuality: 0.10,
|
||||
guidelineCompliance: 0.25,
|
||||
creativity: 0.18,
|
||||
clarity: 0.18,
|
||||
anatomicalConsistency: 0.17,
|
||||
partnerTextQuality: 0.12,
|
||||
coupleTargeting: 0.05,
|
||||
initiatorTargeting: 0.05,
|
||||
};
|
||||
|
||||
@@ -23,7 +23,6 @@ export interface CouncilConfig {
|
||||
reviewerModel: string;
|
||||
reviewerTemperature?: number;
|
||||
selectionMode: CouncilSelectionMode;
|
||||
cherryPickEnsureIntensityDistribution: boolean;
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
@@ -71,7 +70,6 @@ export interface QuestionReviewScores {
|
||||
guidelineCompliance: number;
|
||||
creativity: number;
|
||||
clarity: number;
|
||||
intensityAccuracy: number;
|
||||
anatomicalConsistency: number;
|
||||
partnerTextQuality: number;
|
||||
coupleTargeting: number;
|
||||
@@ -85,7 +83,6 @@ export interface QuestionReview {
|
||||
suggestions?: string;
|
||||
scores: QuestionReviewScores;
|
||||
// Additional detailed feedback
|
||||
intensitySuggestion?: number | null; // Suggested intensity if current seems wrong
|
||||
targetingSuggestions?: {
|
||||
suggestedCoupleTargets?: string[] | null;
|
||||
suggestedInitiator?: string[] | null;
|
||||
@@ -173,7 +170,6 @@ export interface CherryPickEvaluation {
|
||||
guidelineCompliance: number;
|
||||
creativity: number;
|
||||
clarity: number;
|
||||
intensityAccuracy: number;
|
||||
uniqueness: number;
|
||||
};
|
||||
isDuplicate: boolean;
|
||||
@@ -187,7 +183,6 @@ export interface CherryPickResult {
|
||||
evaluations: CherryPickEvaluation[];
|
||||
poolSize: number;
|
||||
duplicatesRemoved: number;
|
||||
intensityDistribution: Record<number, number>;
|
||||
}
|
||||
|
||||
// =============================================================================
|
||||
@@ -206,9 +201,6 @@ export interface TextAnalysis {
|
||||
suggested_text: string;
|
||||
suggested_partner_text: string | null;
|
||||
reason: string;
|
||||
// Intensity suggestion (only if AI thinks current is wrong)
|
||||
suggested_intensity?: number | null;
|
||||
intensity_reason?: string | null;
|
||||
}
|
||||
|
||||
export interface DeletionAnalysis {
|
||||
|
||||
@@ -79,7 +79,6 @@ export function AiSettingsPage() {
|
||||
council_reviewer_model: config.council_reviewer_model || '',
|
||||
council_reviewer_temperature: config.council_reviewer_temperature,
|
||||
council_selection_mode: config.council_selection_mode || 'whole_set',
|
||||
cherry_pick_ensure_intensity_distribution: config.cherry_pick_ensure_intensity_distribution ?? true,
|
||||
classifier_enabled: config.classifier_enabled ?? true,
|
||||
classifier_model: config.classifier_model || 'openai/gpt-4o',
|
||||
classifier_temperature: config.classifier_temperature,
|
||||
@@ -183,7 +182,6 @@ export function AiSettingsPage() {
|
||||
council_reviewer_model: config.council_reviewer_model || '',
|
||||
council_reviewer_temperature: config.council_reviewer_temperature,
|
||||
council_selection_mode: config.council_selection_mode || 'whole_set',
|
||||
cherry_pick_ensure_intensity_distribution: config.cherry_pick_ensure_intensity_distribution ?? true,
|
||||
classifier_enabled: config.classifier_enabled ?? true,
|
||||
classifier_model: config.classifier_model || 'openai/gpt-4o',
|
||||
classifier_temperature: config.classifier_temperature,
|
||||
@@ -851,24 +849,6 @@ export function AiSettingsPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Cherry-pick intensity option */}
|
||||
{formData.council_selection_mode === 'cherry_pick' && (
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="space-y-0.5">
|
||||
<Label className="text-sm">Ensure Intensity Variety</Label>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Balance across intensity levels 1-5
|
||||
</p>
|
||||
</div>
|
||||
<Switch
|
||||
checked={formData.cherry_pick_ensure_intensity_distribution ?? true}
|
||||
onCheckedChange={(checked: boolean) =>
|
||||
handleChange('cherry_pick_ensure_intensity_distribution', checked)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Uses {generators.length + 1} API calls ({generators.length} generator{generators.length > 1 ? 's' : ''} + reviewer)
|
||||
</p>
|
||||
|
||||
@@ -4,7 +4,6 @@ import { useAuth, PERMISSION_KEYS } from '@/contexts/AuthContext';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Input } from '@/components/ui/input';
|
||||
import { Label } from '@/components/ui/label';
|
||||
import { Switch } from '@/components/ui/switch';
|
||||
import { Skeleton } from '@/components/ui/skeleton';
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
|
||||
@@ -30,7 +29,6 @@ export function AppSettingsPage() {
|
||||
setFormData({
|
||||
answer_gap_threshold: config.answer_gap_threshold ?? 10,
|
||||
daily_response_limit: config.daily_response_limit ?? 0,
|
||||
couple_intensity_gate_enabled: config.couple_intensity_gate_enabled ?? false,
|
||||
});
|
||||
setHasChanges(false);
|
||||
}
|
||||
@@ -63,7 +61,6 @@ export function AppSettingsPage() {
|
||||
setFormData({
|
||||
answer_gap_threshold: config.answer_gap_threshold ?? 10,
|
||||
daily_response_limit: config.daily_response_limit ?? 0,
|
||||
couple_intensity_gate_enabled: config.couple_intensity_gate_enabled ?? false,
|
||||
});
|
||||
setHasChanges(false);
|
||||
}
|
||||
@@ -160,19 +157,6 @@ export function AppSettingsPage() {
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="space-y-0.5">
|
||||
<Label>Couple Comfort Zone Gate</Label>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
When enabled, both recommended questions and answer-gap blocking use the lower of the two partners' comfort zones.
|
||||
</p>
|
||||
</div>
|
||||
<Switch
|
||||
checked={Boolean(formData.couple_intensity_gate_enabled)}
|
||||
onCheckedChange={(checked) => handleChange('couple_intensity_gate_enabled', checked)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="threshold">Answer Gap Threshold</Label>
|
||||
<Input
|
||||
|
||||
@@ -97,10 +97,10 @@ export function AuditLogsPage() {
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead className="w-40">Time</TableHead>
|
||||
<TableHead className="w-32">Admin</TableHead>
|
||||
<TableHead className="w-24">Action</TableHead>
|
||||
<TableHead>Table</TableHead>
|
||||
<TableHead>Changes</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-32">Admin</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-24">Action</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Table</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Changes</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -111,47 +111,63 @@ export function AuditLogsPage() {
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : (
|
||||
logs.map((log) => (
|
||||
<TableRow key={log.id}>
|
||||
<TableCell className="text-sm text-muted-foreground">
|
||||
{format(new Date(log.created_at), 'MMM d, h:mm a')}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<div className="text-sm font-medium">{log.admin_username || 'Unknown'}</div>
|
||||
<div className="text-xs text-muted-foreground capitalize">{log.admin_role?.replace('_', ' ')}</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
logs.map((log) => {
|
||||
const actionBadge = (
|
||||
<Badge className={`${actionColors[log.action] || 'bg-gray-500'} text-white`}>
|
||||
{log.action}
|
||||
</Badge>
|
||||
</TableCell>
|
||||
<TableCell className="font-mono text-sm">
|
||||
{log.table_name}
|
||||
</TableCell>
|
||||
<TableCell className="max-w-md">
|
||||
{log.action === 'DELETE' && log.old_values && (
|
||||
);
|
||||
|
||||
const changesContent = log.action === 'DELETE' && log.old_values ? (
|
||||
<code className="text-xs bg-red-500/20 text-red-300 px-2 py-1 rounded">
|
||||
Deleted: {JSON.stringify(log.old_values).substring(0, 100)}...
|
||||
</code>
|
||||
)}
|
||||
{log.action === 'INSERT' && log.new_values && (
|
||||
) : log.action === 'INSERT' && log.new_values ? (
|
||||
<code className="text-xs bg-green-500/20 text-green-300 px-2 py-1 rounded">
|
||||
Created: {JSON.stringify(log.new_values).substring(0, 100)}...
|
||||
</code>
|
||||
)}
|
||||
{log.action === 'UPDATE' && log.changed_fields && (
|
||||
) : log.action === 'UPDATE' && log.changed_fields ? (
|
||||
<code className="text-xs bg-blue-500/20 text-blue-300 px-2 py-1 rounded">
|
||||
Changed: {log.changed_fields.join(', ')}
|
||||
</code>
|
||||
)}
|
||||
{log.action === 'UPDATE' && !log.changed_fields && (
|
||||
) : log.action === 'UPDATE' ? (
|
||||
<code className="text-xs bg-blue-500/20 text-blue-300 px-2 py-1 rounded">
|
||||
Updated record
|
||||
</code>
|
||||
)}
|
||||
) : null;
|
||||
|
||||
return (
|
||||
<TableRow key={log.id}>
|
||||
<TableCell className="text-sm text-muted-foreground">
|
||||
{format(new Date(log.created_at), 'MMM d, h:mm a')}
|
||||
<div className="mt-2 space-y-1 text-xs text-muted-foreground md:hidden">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="font-medium text-foreground">{log.admin_username || 'Unknown'}</span>
|
||||
<span className="capitalize">{log.admin_role?.replace('_', ' ')}</span>
|
||||
</div>
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
{actionBadge}
|
||||
<span className="font-mono">{log.table_name}</span>
|
||||
</div>
|
||||
{changesContent && <div>{changesContent}</div>}
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<div className="text-sm font-medium">{log.admin_username || 'Unknown'}</div>
|
||||
<div className="text-xs text-muted-foreground capitalize">{log.admin_role?.replace('_', ' ')}</div>
|
||||
</TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
{actionBadge}
|
||||
</TableCell>
|
||||
<TableCell className="hidden lg:table-cell font-mono text-sm">
|
||||
{log.table_name}
|
||||
</TableCell>
|
||||
<TableCell className="hidden lg:table-cell max-w-md">
|
||||
{changesContent}
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
|
||||
@@ -240,7 +240,7 @@ export function FeedbackPage() {
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<div className="flex items-center gap-3">
|
||||
<h1 className="text-3xl font-bold tracking-tight">User Feedback</h1>
|
||||
@@ -253,8 +253,8 @@ export function FeedbackPage() {
|
||||
</div>
|
||||
|
||||
{/* Filters */}
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="relative flex-1 max-w-sm">
|
||||
<div className="flex flex-col gap-3 md:flex-row md:items-center">
|
||||
<div className="relative w-full md:flex-1 md:max-w-sm">
|
||||
<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
|
||||
<Input
|
||||
placeholder="Search feedback..."
|
||||
@@ -264,7 +264,7 @@ export function FeedbackPage() {
|
||||
/>
|
||||
</div>
|
||||
<Select value={typeFilter} onValueChange={setTypeFilter}>
|
||||
<SelectTrigger className="w-[150px]">
|
||||
<SelectTrigger className="w-full md:w-[150px]">
|
||||
<SelectValue placeholder="Type" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
@@ -276,7 +276,7 @@ export function FeedbackPage() {
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<Select value={statusFilter} onValueChange={setStatusFilter}>
|
||||
<SelectTrigger className="w-[150px]">
|
||||
<SelectTrigger className="w-full md:w-[150px]">
|
||||
<SelectValue placeholder="Status" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
@@ -295,12 +295,12 @@ export function FeedbackPage() {
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>Type</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Type</TableHead>
|
||||
<TableHead>Title</TableHead>
|
||||
<TableHead>User</TableHead>
|
||||
<TableHead>Status</TableHead>
|
||||
<TableHead>Created</TableHead>
|
||||
<TableHead className="w-[100px]">Actions</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">User</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Status</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Created</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-[100px]">Actions</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -321,27 +321,35 @@ export function FeedbackPage() {
|
||||
) : (
|
||||
paginatedFeedback.map((item) => (
|
||||
<TableRow key={item.id} className="cursor-pointer hover:bg-muted/50" onClick={() => handleOpenDetail(item)}>
|
||||
<TableCell>{getTypeBadge(item.type)}</TableCell>
|
||||
<TableCell className="hidden md:table-cell">{getTypeBadge(item.type)}</TableCell>
|
||||
<TableCell>
|
||||
<div className="max-w-[300px]">
|
||||
<div className="md:max-w-[300px]">
|
||||
<div className="font-medium truncate">{item.title}</div>
|
||||
<div className="text-sm text-muted-foreground truncate">
|
||||
{item.description.slice(0, 80)}
|
||||
{item.description.length > 80 && '...'}
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
{getTypeBadge(item.type)}
|
||||
{getStatusBadge(item.status)}
|
||||
<span className="truncate max-w-[220px]">
|
||||
{item.profile?.name || item.profile?.email || 'Unknown user'}
|
||||
</span>
|
||||
<span>{format(new Date(item.created_at), 'MMM d, yyyy')}</span>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden lg:table-cell">
|
||||
<div className="text-sm">
|
||||
<div className="font-medium">{item.profile?.name || 'Unknown'}</div>
|
||||
<div className="text-muted-foreground">{item.profile?.email}</div>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>{getStatusBadge(item.status)}</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
<TableCell className="hidden md:table-cell">{getStatusBadge(item.status)}</TableCell>
|
||||
<TableCell className="hidden lg:table-cell text-muted-foreground text-sm">
|
||||
{format(new Date(item.created_at), 'MMM d, yyyy')}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<Button variant="ghost" size="sm" onClick={(e) => { e.stopPropagation(); handleOpenDetail(item); }}>
|
||||
View
|
||||
</Button>
|
||||
|
||||
@@ -435,7 +435,7 @@ export function FlaggedMessagesPage() {
|
||||
<TableRow>
|
||||
<TableHead>Time</TableHead>
|
||||
<TableHead>Reason</TableHead>
|
||||
<TableHead>Type</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Type</TableHead>
|
||||
<TableHead className="text-right">Actions</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
@@ -460,15 +460,23 @@ export function FlaggedMessagesPage() {
|
||||
<Badge variant="destructive" className="bg-red-500/10 text-red-500 hover:bg-red-500/20 border-0">
|
||||
{message.flag_reason || 'Unknown'}
|
||||
</Badge>
|
||||
<div className="mt-2 flex items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
{message.media_path ? (
|
||||
<Badge variant="outline">{message.media_type || 'Media'}</Badge>
|
||||
) : (
|
||||
<Badge variant="secondary">Text</Badge>
|
||||
)}
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
{message.media_path ? (
|
||||
<Badge variant="outline">{message.media_type || 'Media'}</Badge>
|
||||
) : (
|
||||
<Badge variant="secondary">Text</Badge>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="text-right space-x-2">
|
||||
<TableCell className="text-right">
|
||||
<div className="flex flex-col gap-2 sm:flex-row sm:justify-end">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
@@ -502,6 +510,7 @@ export function FlaggedMessagesPage() {
|
||||
<CheckCircle className="h-4 w-4 mr-2" />
|
||||
Mark Safe
|
||||
</Button>
|
||||
</div>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
{inlineDescriptions[message.id] && (
|
||||
@@ -550,9 +559,9 @@ export function FlaggedMessagesPage() {
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>Time</TableHead>
|
||||
<TableHead>Reporter</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Reporter</TableHead>
|
||||
<TableHead>Reason</TableHead>
|
||||
<TableHead>Type</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Type</TableHead>
|
||||
<TableHead className="text-right">Actions</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
@@ -572,22 +581,33 @@ export function FlaggedMessagesPage() {
|
||||
<TableCell className="font-mono text-sm">
|
||||
{format(new Date(report.created_at), 'MMM d, HH:mm')}
|
||||
</TableCell>
|
||||
<TableCell className="text-sm">
|
||||
<TableCell className="hidden md:table-cell text-sm">
|
||||
{report.reporter_profile?.name || report.reporter_profile?.email || 'Unknown'}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<Badge variant="outline" className="bg-orange-500/10 text-orange-600 border-orange-200">
|
||||
{REASON_LABELS[report.reason] || report.reason}
|
||||
</Badge>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
<span className="truncate max-w-[220px]">
|
||||
{report.reporter_profile?.name || report.reporter_profile?.email || 'Unknown'}
|
||||
</span>
|
||||
{report.message?.media_path ? (
|
||||
<Badge variant="outline">{report.message.media_type || 'Media'}</Badge>
|
||||
) : (
|
||||
<Badge variant="secondary">Text</Badge>
|
||||
)}
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
{report.message?.media_path ? (
|
||||
<Badge variant="outline">{report.message.media_type || 'Media'}</Badge>
|
||||
) : (
|
||||
<Badge variant="secondary">Text</Badge>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="text-right space-x-2">
|
||||
<TableCell className="text-right">
|
||||
<div className="flex flex-col gap-2 sm:flex-row sm:justify-end">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
@@ -616,6 +636,7 @@ export function FlaggedMessagesPage() {
|
||||
<CheckCircle className="h-4 w-4 mr-2" />
|
||||
Mark Reviewed
|
||||
</Button>
|
||||
</div>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))
|
||||
|
||||
@@ -303,15 +303,15 @@ export function RedemptionCodesPage() {
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<h1 className="text-3xl font-bold tracking-tight">Redemption Codes</h1>
|
||||
<p className="text-muted-foreground">
|
||||
Generate and manage codes that grant premium access
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="relative w-64">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:items-center">
|
||||
<div className="relative w-full sm:w-64">
|
||||
<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
|
||||
<Input
|
||||
placeholder="Search codes..."
|
||||
@@ -322,7 +322,7 @@ export function RedemptionCodesPage() {
|
||||
</div>
|
||||
<Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
|
||||
<DialogTrigger asChild>
|
||||
<Button onClick={handleOpenAddDialog}>
|
||||
<Button onClick={handleOpenAddDialog} className="w-full sm:w-auto">
|
||||
<Plus className="h-4 w-4 mr-2" />
|
||||
Generate Code
|
||||
</Button>
|
||||
@@ -337,7 +337,7 @@ export function RedemptionCodesPage() {
|
||||
<div className="grid gap-4 py-4">
|
||||
<div className="grid gap-2">
|
||||
<Label>Code</Label>
|
||||
<div className="flex gap-2">
|
||||
<div className="flex flex-col gap-2 sm:flex-row">
|
||||
<Input
|
||||
value={formData.code}
|
||||
onChange={(e) => setFormData(prev => ({ ...prev, code: e.target.value.toUpperCase() }))}
|
||||
@@ -399,12 +399,12 @@ export function RedemptionCodesPage() {
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>Code</TableHead>
|
||||
<TableHead>Description</TableHead>
|
||||
<TableHead>Usage</TableHead>
|
||||
<TableHead>Expires</TableHead>
|
||||
<TableHead>Status</TableHead>
|
||||
<TableHead>Created</TableHead>
|
||||
<TableHead className="w-[150px]">Actions</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Description</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Usage</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Expires</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Status</TableHead>
|
||||
<TableHead className="hidden xl:table-cell">Created</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-[150px]">Actions</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -421,7 +421,13 @@ export function RedemptionCodesPage() {
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : (
|
||||
filteredCodes.map((code) => (
|
||||
filteredCodes.map((code) => {
|
||||
const statusBadge = getStatusBadge(code);
|
||||
const expiresLabel = code.expires_at
|
||||
? format(new Date(code.expires_at), 'MMM d, yyyy HH:mm')
|
||||
: 'Never';
|
||||
|
||||
return (
|
||||
<TableRow key={code.id}>
|
||||
<TableCell>
|
||||
<div className="flex items-center gap-2">
|
||||
@@ -438,26 +444,61 @@ export function RedemptionCodesPage() {
|
||||
<Copy className="h-3 w-3" />
|
||||
</Button>
|
||||
</div>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
{statusBadge}
|
||||
<span>
|
||||
{code.current_uses} / {code.max_uses} uses
|
||||
</span>
|
||||
<span>Expires {expiresLabel}</span>
|
||||
{code.description && <span className="truncate max-w-[220px]">{code.description}</span>}
|
||||
</div>
|
||||
<div className="mt-3 flex flex-wrap items-center gap-2 md:hidden">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => handleViewRedemptions(code)}
|
||||
>
|
||||
<Users className="h-3 w-3 mr-1" />
|
||||
Redemptions
|
||||
</Button>
|
||||
<div className="flex items-center gap-2 rounded-md border px-2 py-1">
|
||||
<Switch
|
||||
checked={code.is_active}
|
||||
onCheckedChange={() => handleToggleActive(code)}
|
||||
title={code.is_active ? "Deactivate" : "Activate"}
|
||||
/>
|
||||
<span className="text-xs text-muted-foreground">
|
||||
{code.is_active ? 'Active' : 'Inactive'}
|
||||
</span>
|
||||
</div>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="text-destructive hover:text-destructive hover:bg-destructive/10"
|
||||
onClick={() => handleDeleteCode(code)}
|
||||
>
|
||||
<Trash2 className="h-3 w-3 mr-1" />
|
||||
Delete
|
||||
</Button>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground">
|
||||
<TableCell className="hidden lg:table-cell text-muted-foreground">
|
||||
{code.description || '—'}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<span className="font-medium">{code.current_uses}</span>
|
||||
<span className="text-muted-foreground"> / {code.max_uses}</span>
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
{code.expires_at
|
||||
? format(new Date(code.expires_at), 'MMM d, yyyy HH:mm')
|
||||
: 'Never'}
|
||||
<TableCell className="hidden lg:table-cell text-muted-foreground text-sm">
|
||||
{expiresLabel}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
{getStatusBadge(code)}
|
||||
<TableCell className="hidden md:table-cell">
|
||||
{statusBadge}
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
<TableCell className="hidden xl:table-cell text-muted-foreground text-sm">
|
||||
{format(new Date(code.created_at), 'MMM d, yyyy')}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<div className="flex items-center gap-1">
|
||||
<Button
|
||||
variant="ghost"
|
||||
@@ -484,7 +525,8 @@ export function RedemptionCodesPage() {
|
||||
</div>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
|
||||
@@ -440,7 +440,7 @@ export function UserActivityPage() {
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
{/* Header */}
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<div className="flex items-center gap-3">
|
||||
<h1 className="text-3xl font-bold tracking-tight flex items-center gap-2">
|
||||
@@ -457,7 +457,7 @@ export function UserActivityPage() {
|
||||
|
||||
{/* Tabs */}
|
||||
<Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as ActivityTab)}>
|
||||
<TabsList className="grid w-full grid-cols-4 max-w-[600px]">
|
||||
<TabsList className="grid w-full grid-cols-2 sm:grid-cols-4 max-w-[600px]">
|
||||
<TabsTrigger value="responses" className="gap-2">
|
||||
<ThumbsUp className="h-4 w-4" />
|
||||
Responses
|
||||
|
||||
@@ -302,7 +302,7 @@ export function AdminsPage() {
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<div className="flex items-center gap-3">
|
||||
<h1 className="text-3xl font-bold tracking-tight">Admin Management</h1>
|
||||
@@ -312,8 +312,8 @@ export function AdminsPage() {
|
||||
Manage system administrators and their roles
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="relative w-64">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:items-center">
|
||||
<div className="relative w-full sm:w-64">
|
||||
<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
|
||||
<Input
|
||||
placeholder="Search admins..."
|
||||
@@ -509,10 +509,10 @@ export function AdminsPage() {
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>Admin User</TableHead>
|
||||
<TableHead>Email</TableHead>
|
||||
<TableHead>Role / Permissions</TableHead>
|
||||
<TableHead>Added On</TableHead>
|
||||
<TableHead className="w-[120px]">Actions</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Email</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Role / Permissions</TableHead>
|
||||
<TableHead className="hidden xl:table-cell">Added On</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-[120px]">Actions</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -529,28 +529,73 @@ export function AdminsPage() {
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : (
|
||||
paginatedAdmins.map((admin) => (
|
||||
paginatedAdmins.map((admin) => {
|
||||
const isSelf = admin.user_id === currentUser?.id;
|
||||
const mobileRoleBadge = admin.role === 'super_admin' ? (
|
||||
<Badge variant="default">
|
||||
<Shield className="h-3 w-3 mr-1" />
|
||||
Super Admin
|
||||
</Badge>
|
||||
) : (
|
||||
<Badge variant="secondary">
|
||||
{admin.permissions.length > 0
|
||||
? `${admin.permissions.length} permission${admin.permissions.length !== 1 ? 's' : ''}`
|
||||
: 'No permissions'}
|
||||
</Badge>
|
||||
);
|
||||
|
||||
return (
|
||||
<TableRow key={admin.user_id}>
|
||||
<TableCell>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex items-center gap-3 min-w-0">
|
||||
<Avatar className="h-9 w-9">
|
||||
<AvatarImage src={admin.profile?.avatar_url || undefined} />
|
||||
<AvatarFallback>
|
||||
{admin.profile?.name?.charAt(0).toUpperCase() || 'A'}
|
||||
</AvatarFallback>
|
||||
</Avatar>
|
||||
<span className="font-medium">
|
||||
<span className="font-medium truncate">
|
||||
{admin.profile?.name || 'Unknown User'}
|
||||
</span>
|
||||
{admin.user_id === currentUser?.id && (
|
||||
{isSelf && (
|
||||
<Badge variant="outline" className="ml-2">You</Badge>
|
||||
)}
|
||||
</div>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
<span className="truncate max-w-[220px]">
|
||||
{admin.profile?.email || '—'}
|
||||
</span>
|
||||
{mobileRoleBadge}
|
||||
<span className="text-muted-foreground">
|
||||
Added {admin.created_at ? format(new Date(admin.created_at), 'MMM d, yyyy') : '—'}
|
||||
</span>
|
||||
</div>
|
||||
{!isSelf && (
|
||||
<div className="mt-3 flex flex-wrap gap-2 md:hidden">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => handleEditPermissions(admin)}
|
||||
>
|
||||
<Settings className="h-3 w-3 mr-1" />
|
||||
Edit
|
||||
</Button>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="text-destructive hover:text-destructive hover:bg-destructive/10"
|
||||
onClick={() => handleRemoveAdmin(admin)}
|
||||
>
|
||||
<Trash2 className="h-3 w-3 mr-1" />
|
||||
Remove
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground">
|
||||
<TableCell className="hidden md:table-cell text-muted-foreground">
|
||||
{admin.profile?.email || '—'}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden lg:table-cell">
|
||||
{admin.role === 'super_admin' ? (
|
||||
<Badge variant="default">
|
||||
<Shield className="h-3 w-3 mr-1" />
|
||||
@@ -575,12 +620,12 @@ export function AdminsPage() {
|
||||
</div>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
<TableCell className="hidden xl:table-cell text-muted-foreground text-sm">
|
||||
{admin.created_at ? format(new Date(admin.created_at), 'MMM d, yyyy') : '—'}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<div className="flex items-center gap-1">
|
||||
{admin.user_id !== currentUser?.id && (
|
||||
{!isSelf && (
|
||||
<>
|
||||
<Button
|
||||
variant="ghost"
|
||||
@@ -604,7 +649,8 @@ export function AdminsPage() {
|
||||
</div>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
|
||||
@@ -29,7 +29,7 @@ import {
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from '@/components/ui/select';
|
||||
import { Plus, Zap, Pencil, Trash2, Loader2, Crown, Eye, EyeOff, Flame, Heart, ChevronUp, ChevronDown } from 'lucide-react';
|
||||
import { Plus, Zap, Pencil, Trash2, Loader2, Crown, Eye, EyeOff, ChevronUp, ChevronDown } from 'lucide-react';
|
||||
import { toast } from 'sonner';
|
||||
|
||||
// =============================================================================
|
||||
@@ -52,9 +52,6 @@ interface DarePack {
|
||||
is_explicit: boolean;
|
||||
sort_order: number;
|
||||
category_id: string | null;
|
||||
min_intensity: number | null;
|
||||
max_intensity: number | null;
|
||||
avg_intensity: number | null;
|
||||
created_at: string | null;
|
||||
dare_count?: number;
|
||||
}
|
||||
@@ -296,15 +293,6 @@ export function DarePacksPage() {
|
||||
}
|
||||
};
|
||||
|
||||
const getIntensityColor = (avg: number | null) => {
|
||||
if (avg === null) return 'bg-muted';
|
||||
if (avg <= 1.5) return 'bg-green-500';
|
||||
if (avg <= 2.5) return 'bg-lime-500';
|
||||
if (avg <= 3.5) return 'bg-yellow-500';
|
||||
if (avg <= 4.5) return 'bg-orange-500';
|
||||
return 'bg-red-500';
|
||||
};
|
||||
|
||||
// =============================================================================
|
||||
// Render
|
||||
// =============================================================================
|
||||
@@ -446,9 +434,9 @@ export function DarePacksPage() {
|
||||
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="space-y-0.5">
|
||||
<Label>Explicit</Label>
|
||||
<Label>NSFW</Label>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Contains adult/explicit content
|
||||
Contains adult or mature content
|
||||
</p>
|
||||
</div>
|
||||
<Switch
|
||||
@@ -456,6 +444,7 @@ export function DarePacksPage() {
|
||||
onCheckedChange={(checked) => form.setField('is_explicit', checked)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<DialogFooter>
|
||||
@@ -522,6 +511,11 @@ export function DarePacksPage() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
{pack.is_explicit && (
|
||||
<Badge variant="destructive">
|
||||
NSFW
|
||||
</Badge>
|
||||
)}
|
||||
{pack.is_premium && (
|
||||
<Badge variant="default" className="bg-amber-500">
|
||||
<Crown className="h-3 w-3 mr-1" />
|
||||
@@ -539,17 +533,6 @@ export function DarePacksPage() {
|
||||
Draft
|
||||
</Badge>
|
||||
)}
|
||||
{pack.is_explicit ? (
|
||||
<Badge variant="outline" className="border-red-500 text-red-400">
|
||||
<Flame className="h-3 w-3 mr-1" />
|
||||
Explicit
|
||||
</Badge>
|
||||
) : (
|
||||
<Badge variant="outline" className="border-pink-400 text-pink-300">
|
||||
<Heart className="h-3 w-3 mr-1" />
|
||||
Safe
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-start justify-between">
|
||||
@@ -574,17 +557,6 @@ export function DarePacksPage() {
|
||||
<CardDescription className="line-clamp-2">
|
||||
{pack.description || 'No description'}
|
||||
</CardDescription>
|
||||
{/* Intensity indicator */}
|
||||
{pack.avg_intensity !== null && (
|
||||
<div className="flex items-center gap-2 mt-2">
|
||||
<Badge className={`${getIntensityColor(pack.avg_intensity)} text-white`}>
|
||||
Avg: {pack.avg_intensity?.toFixed(1)}
|
||||
</Badge>
|
||||
<span className="text-xs text-muted-foreground">
|
||||
Range: {pack.min_intensity ?? '?'} - {pack.max_intensity ?? '?'}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="flex items-center justify-between">
|
||||
|
||||
@@ -47,7 +47,6 @@ interface DarePack {
|
||||
name: string;
|
||||
description: string | null;
|
||||
icon: string | null;
|
||||
is_explicit: boolean;
|
||||
}
|
||||
|
||||
interface Dare {
|
||||
@@ -70,8 +69,6 @@ const DURATION_OPTIONS = [
|
||||
{ value: '168', label: '1 week' },
|
||||
];
|
||||
|
||||
const getDefaultIntensity = (isExplicit?: boolean) => (isExplicit ? 4 : 2);
|
||||
|
||||
// Format duration for display
|
||||
const formatDuration = (hours: number | null): string => {
|
||||
if (hours === null) return '—';
|
||||
@@ -101,11 +98,9 @@ export function DaresPage() {
|
||||
// Form state
|
||||
const [formData, setFormData] = useState<{
|
||||
text: string;
|
||||
intensity: number;
|
||||
suggested_duration_hours: string;
|
||||
}>({
|
||||
text: '',
|
||||
intensity: getDefaultIntensity(),
|
||||
suggested_duration_hours: '',
|
||||
});
|
||||
|
||||
@@ -117,7 +112,7 @@ export function DaresPage() {
|
||||
// Fetch pack info
|
||||
const { data: packData } = await supabase
|
||||
.from('dare_packs')
|
||||
.select('id, name, description, icon, is_explicit')
|
||||
.select('id, name, description, icon')
|
||||
.eq('id', packId)
|
||||
.single();
|
||||
|
||||
@@ -167,7 +162,7 @@ export function DaresPage() {
|
||||
|
||||
const openCreateDialog = () => {
|
||||
setEditingDare(null);
|
||||
setFormData({ text: '', intensity: getDefaultIntensity(pack?.is_explicit), suggested_duration_hours: '' });
|
||||
setFormData({ text: '', suggested_duration_hours: '' });
|
||||
setDialogOpen(true);
|
||||
};
|
||||
|
||||
@@ -175,7 +170,6 @@ export function DaresPage() {
|
||||
setEditingDare(dare);
|
||||
setFormData({
|
||||
text: dare.text,
|
||||
intensity: dare.intensity,
|
||||
suggested_duration_hours: dare.suggested_duration_hours?.toString() || '',
|
||||
});
|
||||
setDialogOpen(true);
|
||||
@@ -191,7 +185,6 @@ export function DaresPage() {
|
||||
try {
|
||||
const dareData = {
|
||||
text: formData.text,
|
||||
intensity: formData.intensity,
|
||||
suggested_duration_hours: formData.suggested_duration_hours
|
||||
? parseInt(formData.suggested_duration_hours, 10)
|
||||
: null,
|
||||
|
||||
@@ -8,7 +8,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Skeleton } from '@/components/ui/skeleton';
|
||||
import { PaginationControls } from '@/components/ui/pagination';
|
||||
import { Plus, MessageCircle, Pencil, Trash2, Sparkles, Crown, Eye, EyeOff, Flame, Heart, Tags, ChevronUp, ChevronDown, Clock, BellOff } from 'lucide-react';
|
||||
import { Plus, MessageCircle, Pencil, Trash2, Sparkles, Crown, Eye, EyeOff, Tags, ChevronUp, ChevronDown, Clock, BellOff } from 'lucide-react';
|
||||
import { toast } from 'sonner';
|
||||
import { AiGeneratorDialog } from '@/components/ai/AiGeneratorDialog';
|
||||
import { ExtractTopicsDialog } from '@/components/content/ExtractTopicsDialog';
|
||||
@@ -513,6 +513,11 @@ export function PacksPage() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
{pack.is_explicit && (
|
||||
<Badge variant="destructive">
|
||||
NSFW
|
||||
</Badge>
|
||||
)}
|
||||
{pack.is_premium && (
|
||||
<Badge variant="default" className="bg-amber-500">
|
||||
<Crown className="h-3 w-3 mr-1" />
|
||||
@@ -542,17 +547,6 @@ export function PacksPage() {
|
||||
Draft
|
||||
</Badge>
|
||||
)}
|
||||
{pack.is_explicit ? (
|
||||
<Badge variant="outline" className="border-red-500 text-red-400">
|
||||
<Flame className="h-3 w-3 mr-1" />
|
||||
Explicit
|
||||
</Badge>
|
||||
) : (
|
||||
<Badge variant="outline" className="border-pink-400 text-pink-300">
|
||||
<Heart className="h-3 w-3 mr-1" />
|
||||
Safe
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-start justify-between">
|
||||
|
||||
@@ -62,9 +62,6 @@ interface ChartDatum {
|
||||
|
||||
type SegmentKey = 'all' | 'premium' | 'free';
|
||||
|
||||
const intensityPalette = ['#22c55e', '#84cc16', '#facc15', '#f97316', '#ef4444'];
|
||||
const intensityLabels = ['Gentle', 'Warm', 'Playful', 'Steamy', 'Intense'];
|
||||
|
||||
const QUESTION_TYPE_CONFIG: Record<QuestionType, { label: string; color: string }> = {
|
||||
swipe: { label: 'Swipe', color: '#38bdf8' },
|
||||
text_answer: { label: 'Text', color: '#f59e0b' },
|
||||
@@ -101,11 +98,6 @@ export function QuestionAnalyticsPage() {
|
||||
});
|
||||
const [premiumBreakdown, setPremiumBreakdown] = useState<ChartDatum[]>([]);
|
||||
const [questionTypeBreakdown, setQuestionTypeBreakdown] = useState<ChartDatum[]>([]);
|
||||
const [intensityBreakdown, setIntensityBreakdown] = useState<Record<SegmentKey, ChartDatum[]>>({
|
||||
all: [],
|
||||
premium: [],
|
||||
free: [],
|
||||
});
|
||||
const [topicBreakdown, setTopicBreakdown] = useState<Record<SegmentKey, BreakdownItem[]>>({
|
||||
all: [],
|
||||
premium: [],
|
||||
@@ -121,7 +113,6 @@ export function QuestionAnalyticsPage() {
|
||||
premium: [],
|
||||
free: [],
|
||||
});
|
||||
const [intensitySegment, setIntensitySegment] = useState<SegmentKey>('all');
|
||||
const [tagSegment, setTagSegment] = useState<SegmentKey>('all');
|
||||
const [categorySegment, setCategorySegment] = useState<SegmentKey>('all');
|
||||
const [packSegment, setPackSegment] = useState<SegmentKey>('all');
|
||||
@@ -215,12 +206,6 @@ export function QuestionAnalyticsPage() {
|
||||
packTopicsMap.set(relation.pack_id, topicsForPack);
|
||||
});
|
||||
|
||||
const emptyIntensityCounts = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 };
|
||||
const intensityCounts: Record<SegmentKey, Record<number, number>> = {
|
||||
all: { ...emptyIntensityCounts },
|
||||
premium: { ...emptyIntensityCounts },
|
||||
free: { ...emptyIntensityCounts },
|
||||
};
|
||||
const untaggedCounts: Record<SegmentKey, number> = { all: 0, premium: 0, free: 0 };
|
||||
const questionTypeCounts: Record<QuestionType, number> = {
|
||||
swipe: 0,
|
||||
@@ -262,10 +247,6 @@ export function QuestionAnalyticsPage() {
|
||||
freeCount += 1;
|
||||
}
|
||||
|
||||
const intensity = question.intensity ?? 1;
|
||||
intensityCounts.all[intensity] = (intensityCounts.all[intensity] || 0) + 1;
|
||||
intensityCounts[segmentKey][intensity] = (intensityCounts[segmentKey][intensity] || 0) + 1;
|
||||
|
||||
const updatePackCounts = (key: SegmentKey) => {
|
||||
const map = packCountsBySegment[key];
|
||||
const packEntry = map.get(question.pack_id) || {
|
||||
@@ -332,12 +313,6 @@ export function QuestionAnalyticsPage() {
|
||||
color: config.color,
|
||||
}));
|
||||
|
||||
const buildIntensityData = (key: SegmentKey) => intensityLabels.map((label, index) => ({
|
||||
name: label,
|
||||
value: intensityCounts[key][index + 1] || 0,
|
||||
color: intensityPalette[index],
|
||||
}));
|
||||
|
||||
const buildTopicData = (key: SegmentKey) => {
|
||||
const data = Array.from(topicCountsBySegment[key].values());
|
||||
if (untaggedCounts[key] > 0 || data.length === 0) {
|
||||
@@ -348,12 +323,6 @@ export function QuestionAnalyticsPage() {
|
||||
return data;
|
||||
};
|
||||
|
||||
const intensityData = {
|
||||
all: buildIntensityData('all'),
|
||||
premium: buildIntensityData('premium'),
|
||||
free: buildIntensityData('free'),
|
||||
};
|
||||
|
||||
const topicData = {
|
||||
all: buildTopicData('all'),
|
||||
premium: buildTopicData('premium'),
|
||||
@@ -385,7 +354,6 @@ export function QuestionAnalyticsPage() {
|
||||
});
|
||||
setPremiumBreakdown(premiumData);
|
||||
setQuestionTypeBreakdown(questionTypeData);
|
||||
setIntensityBreakdown(intensityData);
|
||||
setTopicBreakdown(topicData);
|
||||
setCategoryBreakdown(categoryData);
|
||||
setPackBreakdown(packData);
|
||||
@@ -427,7 +395,6 @@ export function QuestionAnalyticsPage() {
|
||||
free: stats.totalQuestions ? ((stats.freeQuestions / stats.totalQuestions) * 100).toFixed(0) : '0',
|
||||
};
|
||||
|
||||
const intensityData = intensityBreakdown[intensitySegment];
|
||||
const tagData = topicBreakdown[tagSegment];
|
||||
const categoryData = categoryBreakdown[categorySegment];
|
||||
const packData = packBreakdown[packSegment];
|
||||
@@ -447,7 +414,7 @@ export function QuestionAnalyticsPage() {
|
||||
Question Analytics
|
||||
</h1>
|
||||
<p className="text-muted-foreground">
|
||||
Deep dive into premium coverage, tags, categories, and intensity distribution
|
||||
Deep dive into premium coverage, tags, categories, and question types
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-col gap-2">
|
||||
@@ -601,78 +568,6 @@ export function QuestionAnalyticsPage() {
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
<CardHeader className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<CardTitle>Intensity Distribution</CardTitle>
|
||||
<CardDescription>
|
||||
How questions are spread across intensity levels
|
||||
</CardDescription>
|
||||
</div>
|
||||
<div className="flex flex-col items-start gap-1 sm:items-end">
|
||||
<div className="flex items-center gap-2">
|
||||
{segmentOptions.map((option) => (
|
||||
<Button
|
||||
key={option.key}
|
||||
variant={intensitySegment === option.key ? 'default' : 'outline'}
|
||||
size="sm"
|
||||
onClick={() => setIntensitySegment(option.key)}
|
||||
className="rounded-full"
|
||||
>
|
||||
{option.label}
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
{segmentLabelByKey[intensitySegment]}: {totalBySegment[intensitySegment].toLocaleString()} questions ({segmentShareByKey[intensitySegment]}%)
|
||||
</p>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
{loading ? (
|
||||
<Skeleton className="h-[300px] w-full" />
|
||||
) : totalBySegment[intensitySegment] === 0 ? (
|
||||
<div className="flex items-center justify-center h-[300px] text-muted-foreground">
|
||||
No questions in this segment yet
|
||||
</div>
|
||||
) : (
|
||||
<div className="h-[300px]">
|
||||
<ResponsiveContainer width="100%" height="100%">
|
||||
<BarChart data={intensityData}>
|
||||
<XAxis
|
||||
dataKey="name"
|
||||
stroke="hsl(var(--muted-foreground))"
|
||||
fontSize={11}
|
||||
tickLine={false}
|
||||
axisLine={false}
|
||||
/>
|
||||
<YAxis
|
||||
stroke="hsl(var(--muted-foreground))"
|
||||
fontSize={11}
|
||||
tickLine={false}
|
||||
axisLine={false}
|
||||
tickFormatter={(value) => `${value}`}
|
||||
/>
|
||||
<Tooltip
|
||||
cursor={{ fill: 'rgba(255,255,255,0.03)' }}
|
||||
contentStyle={{
|
||||
borderRadius: '8px',
|
||||
border: '1px solid #e2e8f0',
|
||||
boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)',
|
||||
}}
|
||||
/>
|
||||
<Bar dataKey="value" radius={[6, 6, 0, 0]}>
|
||||
{intensityData.map((entry, index) => (
|
||||
<Cell key={`cell-${index}`} fill={entry.color} />
|
||||
))}
|
||||
</Bar>
|
||||
</BarChart>
|
||||
</ResponsiveContainer>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<Card>
|
||||
|
||||
@@ -49,7 +49,6 @@ interface QuestionPack {
|
||||
name: string;
|
||||
description: string | null;
|
||||
icon: string | null;
|
||||
is_explicit: boolean;
|
||||
}
|
||||
|
||||
type QuestionType = 'swipe' | 'text_answer' | 'audio' | 'photo' | 'who_likely';
|
||||
@@ -74,7 +73,6 @@ interface Question {
|
||||
}
|
||||
|
||||
const DEFAULT_AUDIO_DURATION = 60;
|
||||
const getDefaultIntensity = (isExplicit?: boolean) => (isExplicit ? 4 : 2);
|
||||
|
||||
const QUESTION_TYPE_OPTIONS: Array<{ value: QuestionType; label: string }> = [
|
||||
{ value: 'swipe', label: 'Swipe' },
|
||||
@@ -124,7 +122,6 @@ export function QuestionsPage() {
|
||||
const [formData, setFormData] = useState<{
|
||||
text: string;
|
||||
partner_text: string;
|
||||
intensity: number;
|
||||
allowed_couple_genders: string[];
|
||||
target_user_genders: string[];
|
||||
required_props: string;
|
||||
@@ -134,7 +131,6 @@ export function QuestionsPage() {
|
||||
}>({
|
||||
text: '',
|
||||
partner_text: '',
|
||||
intensity: getDefaultIntensity(),
|
||||
allowed_couple_genders: [],
|
||||
target_user_genders: [],
|
||||
required_props: '',
|
||||
@@ -156,7 +152,7 @@ export function QuestionsPage() {
|
||||
|
||||
const packPromise = supabase
|
||||
.from('question_packs')
|
||||
.select('id, name, description, icon, is_explicit')
|
||||
.select('id, name, description, icon')
|
||||
.eq('id', packId)
|
||||
.single();
|
||||
let questionsQuery = supabase
|
||||
@@ -272,7 +268,6 @@ export function QuestionsPage() {
|
||||
setFormData({
|
||||
text: '',
|
||||
partner_text: '',
|
||||
intensity: getDefaultIntensity(pack?.is_explicit),
|
||||
allowed_couple_genders: [],
|
||||
target_user_genders: [],
|
||||
required_props: '',
|
||||
@@ -289,7 +284,6 @@ export function QuestionsPage() {
|
||||
setFormData({
|
||||
text: question.text,
|
||||
partner_text: question.partner_text || '',
|
||||
intensity: question.intensity,
|
||||
allowed_couple_genders: question.allowed_couple_genders || [],
|
||||
target_user_genders: question.target_user_genders || [],
|
||||
required_props: question.required_props?.join(', ') ?? '',
|
||||
@@ -326,7 +320,6 @@ export function QuestionsPage() {
|
||||
const { error } = await auditedSupabase.update('questions', editingQuestion.id, {
|
||||
text: formData.text,
|
||||
partner_text: formData.partner_text || null,
|
||||
intensity: formData.intensity,
|
||||
allowed_couple_genders: formData.allowed_couple_genders.length > 0 ? formData.allowed_couple_genders : null,
|
||||
target_user_genders: formData.target_user_genders.length > 0 ? formData.target_user_genders : null,
|
||||
required_props: requiredPropsValue,
|
||||
@@ -342,7 +335,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: formData.text,
|
||||
partner_text: formData.partner_text || null,
|
||||
intensity: formData.intensity,
|
||||
allowed_couple_genders: formData.allowed_couple_genders.length > 0 ? formData.allowed_couple_genders : null,
|
||||
target_user_genders: formData.target_user_genders.length > 0 ? formData.target_user_genders : null,
|
||||
required_props: requiredPropsValue,
|
||||
@@ -384,7 +376,6 @@ export function QuestionsPage() {
|
||||
|
||||
const handleAiGenerated = (generatedQuestions: Array<{ text: string; partner_text?: string; intensity: number; inverse_pair_id?: string | null }>) => {
|
||||
const generatedQuestionType: QuestionType = 'swipe';
|
||||
const defaultIntensity = getDefaultIntensity(pack?.is_explicit);
|
||||
|
||||
// Bulk insert AI-generated questions with inverse_of linking
|
||||
const insertQuestions = async () => {
|
||||
@@ -411,7 +402,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: q.text,
|
||||
partner_text: q.partner_text || null,
|
||||
intensity: defaultIntensity,
|
||||
inverse_of: null,
|
||||
question_type: generatedQuestionType,
|
||||
config: null,
|
||||
@@ -431,7 +421,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: primary.text,
|
||||
partner_text: primary.partner_text || null,
|
||||
intensity: defaultIntensity,
|
||||
inverse_of: null,
|
||||
question_type: generatedQuestionType,
|
||||
config: null,
|
||||
@@ -449,7 +438,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: inverse.text,
|
||||
partner_text: inverse.partner_text || null,
|
||||
intensity: defaultIntensity,
|
||||
inverse_of: primaryId,
|
||||
question_type: generatedQuestionType,
|
||||
config: null,
|
||||
@@ -467,7 +455,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: extra.text,
|
||||
partner_text: extra.partner_text || null,
|
||||
intensity: defaultIntensity,
|
||||
inverse_of: null,
|
||||
question_type: generatedQuestionType,
|
||||
config: null,
|
||||
@@ -483,7 +470,6 @@ export function QuestionsPage() {
|
||||
pack_id: packId,
|
||||
text: pair[0].text,
|
||||
partner_text: pair[0].partner_text || null,
|
||||
intensity: defaultIntensity,
|
||||
inverse_of: null,
|
||||
question_type: generatedQuestionType,
|
||||
config: null,
|
||||
@@ -649,7 +635,6 @@ export function QuestionsPage() {
|
||||
<AIPolishButton
|
||||
text={formData.text}
|
||||
type="question"
|
||||
explicit={pack?.is_explicit ?? false}
|
||||
onPolished={(val) => setFormData(d => ({ ...d, text: val }))}
|
||||
/>
|
||||
</div>
|
||||
@@ -713,7 +698,6 @@ export function QuestionsPage() {
|
||||
<AIPolishButton
|
||||
text={formData.partner_text}
|
||||
type="partner_text"
|
||||
explicit={pack?.is_explicit ?? false}
|
||||
onPolished={(val) => setFormData(d => ({ ...d, partner_text: val }))}
|
||||
/>
|
||||
</div>
|
||||
@@ -926,7 +910,7 @@ export function QuestionsPage() {
|
||||
open={aiDialogOpen}
|
||||
onOpenChange={setAiDialogOpen}
|
||||
type="questions"
|
||||
context={{ packName: pack?.name, packDescription: pack?.description, isExplicit: pack?.is_explicit, existingQuestions: questions.map(q => q.text) }}
|
||||
context={{ packName: pack?.name, packDescription: pack?.description, existingQuestions: questions.map(q => q.text) }}
|
||||
onGenerated={handleAiGenerated}
|
||||
/>
|
||||
|
||||
@@ -934,7 +918,6 @@ export function QuestionsPage() {
|
||||
open={reviewOpen}
|
||||
onOpenChange={setReviewOpen}
|
||||
questions={reviewQuestions}
|
||||
isExplicit={pack?.is_explicit ?? false}
|
||||
onUpdated={fetchData}
|
||||
/>
|
||||
|
||||
|
||||
@@ -37,7 +37,7 @@ import {
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from '@/components/ui/select';
|
||||
import { Crown, Users, MessageCircle, ChevronRight, ThumbsUp, ThumbsDown, Minus, Gift, Image, Video as VideoIcon, Target, User, Eye, EyeOff, CheckCircle, Package, Heart, Sparkles, Flame, Trophy, Calendar } from 'lucide-react';
|
||||
import { Crown, Users, MessageCircle, ChevronRight, ThumbsUp, ThumbsDown, Minus, Gift, Image, Video as VideoIcon, Target, User, Eye, EyeOff, CheckCircle, Package, Sparkles, Flame, Trophy, Calendar } from 'lucide-react';
|
||||
import { format } from 'date-fns';
|
||||
import { IconPreview } from '@/components/ui/icon-picker';
|
||||
|
||||
@@ -46,8 +46,6 @@ type Gender = 'male' | 'female' | 'non-binary' | 'prefer-not-to-say';
|
||||
|
||||
// ... (interfaces and constants are the same)
|
||||
|
||||
type IntensityLevel = 1 | 2 | 3 | 4 | 5;
|
||||
|
||||
interface Profile {
|
||||
id: string;
|
||||
name: string | null;
|
||||
@@ -58,9 +56,8 @@ interface Profile {
|
||||
created_at: string | null;
|
||||
gender: Gender | null;
|
||||
usage_reason: UsageReason | null;
|
||||
show_explicit_content: boolean | null;
|
||||
hide_nsfw: boolean | null;
|
||||
onboarding_completed: boolean | null;
|
||||
max_intensity: IntensityLevel | null;
|
||||
}
|
||||
|
||||
const usageReasonLabels: Record<UsageReason, { label: string; icon: string }> = {
|
||||
@@ -78,14 +75,6 @@ const genderLabels: Record<Gender, string> = {
|
||||
'prefer-not-to-say': 'Prefer not to say',
|
||||
};
|
||||
|
||||
const intensityLabels: Record<IntensityLevel, { label: string; emoji: string }> = {
|
||||
1: { label: 'Gentle', emoji: '💭' },
|
||||
2: { label: 'Warm', emoji: '💕' },
|
||||
3: { label: 'Playful', emoji: '😏' },
|
||||
4: { label: 'Steamy', emoji: '🔥' },
|
||||
5: { label: 'Intense', emoji: '🌶️' },
|
||||
};
|
||||
|
||||
interface Partner {
|
||||
id: string;
|
||||
name: string | null;
|
||||
@@ -556,11 +545,10 @@ export function UserDetailPage() {
|
||||
</div>
|
||||
</div></CardContent></Card>
|
||||
{/* Onboarding Details */}
|
||||
<Card><CardHeader className="pb-3"><CardTitle className="text-lg flex items-center gap-2"><CheckCircle className="h-5 w-5 text-primary" />Onboarding Details</CardTitle><CardDescription>Information collected during user onboarding</CardDescription></CardHeader><CardContent><div className="grid gap-4 md:grid-cols-2 lg:grid-cols-5">
|
||||
<Card><CardHeader className="pb-3"><CardTitle className="text-lg flex items-center gap-2"><CheckCircle className="h-5 w-5 text-primary" />Onboarding Details</CardTitle><CardDescription>Information collected during user onboarding</CardDescription></CardHeader><CardContent><div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
|
||||
<div className="flex items-start gap-3"><div className="p-2 rounded-lg bg-blue-100 dark:bg-blue-900"><User className="h-4 w-4 text-blue-600 dark:text-blue-400" /></div><div><p className="text-sm font-medium text-muted-foreground">Gender</p><p className="font-medium">{profile.gender ? genderLabels[profile.gender] : 'Not set'}</p></div></div>
|
||||
<div className="flex items-start gap-3"><div className="p-2 rounded-lg bg-purple-100 dark:bg-purple-900"><Target className="h-4 w-4 text-purple-600 dark:text-purple-400" /></div><div><p className="text-sm font-medium text-muted-foreground">Why using Sauci</p><p className="font-medium">{profile.usage_reason ? usageReasonLabels[profile.usage_reason]?.label : 'Not set'}</p></div></div>
|
||||
<div className="flex items-start gap-3"><div className="p-2 rounded-lg bg-pink-100 dark:bg-pink-900"><Heart className="h-4 w-4 text-pink-600 dark:text-pink-400" /></div><div><p className="text-sm font-medium text-muted-foreground">Comfort Zone</p><p className="font-medium">{profile.max_intensity ? `${intensityLabels[profile.max_intensity].emoji} ${intensityLabels[profile.max_intensity].label} (${profile.max_intensity})` : 'Not set'}</p></div></div>
|
||||
<div className="flex items-start gap-3"><div className={`p-2 rounded-lg ${profile.show_explicit_content ? 'bg-amber-100 dark:bg-amber-900' : 'bg-gray-100 dark:bg-gray-800'}`}>{profile.show_explicit_content ? <Eye className="h-4 w-4 text-amber-600 dark:text-amber-400" /> : <EyeOff className="h-4 w-4 text-gray-500 dark:text-gray-400" />}</div><div><p className="text-sm font-medium text-muted-foreground">Explicit Content</p><p className="font-medium">{profile.show_explicit_content === null ? 'Not set' : profile.show_explicit_content ? 'Enabled' : 'Disabled'}</p></div></div>
|
||||
<div className="flex items-start gap-3"><div className={`p-2 rounded-lg ${profile.hide_nsfw ? 'bg-gray-100 dark:bg-gray-800' : 'bg-amber-100 dark:bg-amber-900'}`}>{profile.hide_nsfw ? <EyeOff className="h-4 w-4 text-gray-500 dark:text-gray-400" /> : <Eye className="h-4 w-4 text-amber-600 dark:text-amber-400" />}</div><div><p className="text-sm font-medium text-muted-foreground">Hide NSFW</p><p className="font-medium">{profile.hide_nsfw === null ? 'Not set' : profile.hide_nsfw ? 'Yes' : 'No'}</p></div></div>
|
||||
<div className="flex items-start gap-3"><div className={`p-2 rounded-lg ${profile.onboarding_completed ? 'bg-green-100 dark:bg-green-900' : 'bg-red-100 dark:bg-red-900'}`}><CheckCircle className={`h-4 w-4 ${profile.onboarding_completed ? 'text-green-600 dark:text-green-400' : 'text-red-500 dark:text-red-400'}`} /></div><div><p className="text-sm font-medium text-muted-foreground">Onboarding</p><p className="font-medium">{profile.onboarding_completed ? 'Completed' : 'Not completed'}</p></div></div>
|
||||
</div></CardContent></Card>
|
||||
{/* Streak Info */}
|
||||
@@ -674,17 +662,17 @@ export function UserDetailPage() {
|
||||
<CardTitle className="text-base">{ep.pack.name}</CardTitle>
|
||||
</div>
|
||||
<div className="flex gap-1">
|
||||
{ep.pack.is_explicit && (
|
||||
<Badge variant="destructive" className="text-xs">
|
||||
NSFW
|
||||
</Badge>
|
||||
)}
|
||||
{ep.pack.is_premium && (
|
||||
<Badge className="bg-amber-500 text-xs">
|
||||
<Crown className="h-3 w-3 mr-1" />
|
||||
Premium
|
||||
</Badge>
|
||||
)}
|
||||
{ep.pack.is_explicit && (
|
||||
<Badge variant="destructive" className="text-xs">
|
||||
18+
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{ep.pack.description && (
|
||||
|
||||
@@ -226,13 +226,13 @@ export function UsersPage() {
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead>User</TableHead>
|
||||
<TableHead>Email</TableHead>
|
||||
<TableHead>Status</TableHead>
|
||||
<TableHead>Couple</TableHead>
|
||||
<TableHead>Storage</TableHead>
|
||||
<TableHead>Joined</TableHead>
|
||||
<TableHead>Last Active</TableHead>
|
||||
<TableHead className="w-12"></TableHead>
|
||||
<TableHead className="hidden md:table-cell">Email</TableHead>
|
||||
<TableHead className="hidden md:table-cell">Status</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Couple</TableHead>
|
||||
<TableHead className="hidden lg:table-cell">Storage</TableHead>
|
||||
<TableHead className="hidden xl:table-cell">Joined</TableHead>
|
||||
<TableHead className="hidden xl:table-cell">Last Active</TableHead>
|
||||
<TableHead className="hidden md:table-cell w-12"></TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
@@ -243,41 +243,8 @@ export function UsersPage() {
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
) : (
|
||||
paginatedProfiles.map((profile) => (
|
||||
<TableRow key={profile.id}>
|
||||
<TableCell>
|
||||
<Link to={`/users/${profile.id}`} className="flex items-center gap-3 hover:opacity-80 transition-opacity">
|
||||
<Avatar className="h-9 w-9">
|
||||
<AvatarImage src={profile.avatar_url || undefined} />
|
||||
<AvatarFallback>
|
||||
{profile.name?.charAt(0).toUpperCase() || 'U'}
|
||||
</AvatarFallback>
|
||||
</Avatar>
|
||||
<span className="font-medium hover:text-primary transition-colors">
|
||||
{profile.name || 'Unnamed User'}
|
||||
</span>
|
||||
</Link>
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground">
|
||||
<div className="flex items-center gap-1.5">
|
||||
{profile.email ? (
|
||||
<>
|
||||
{profile.email}
|
||||
{!profile.email_confirmed_at && (
|
||||
<span title="Email not verified">
|
||||
<MailWarning className="h-3.5 w-3.5 text-amber-500" />
|
||||
</span>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<Badge variant="secondary" className="bg-slate-100 text-slate-500 hover:bg-slate-200">
|
||||
Guest
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
{profile.is_premium ? (
|
||||
paginatedProfiles.map((profile) => {
|
||||
const statusBadge = profile.is_premium ? (
|
||||
<Badge className="bg-amber-500">
|
||||
<Crown className="h-3 w-3 mr-1" />
|
||||
Premium
|
||||
@@ -291,10 +258,9 @@ export function UsersPage() {
|
||||
<Badge variant="secondary" className="bg-slate-100 text-slate-500 hover:bg-slate-200">
|
||||
Free
|
||||
</Badge>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
{profile.couple_id ? (
|
||||
);
|
||||
|
||||
const coupleBadge = profile.couple_id ? (
|
||||
profile.partner_count && profile.partner_count >= 2 ? (
|
||||
<Badge variant="secondary" className="bg-green-100 text-green-700 hover:bg-green-200">
|
||||
<Users className="h-3 w-3 mr-1" />
|
||||
@@ -307,30 +273,98 @@ export function UsersPage() {
|
||||
</Badge>
|
||||
)
|
||||
) : (
|
||||
<span className="text-muted-foreground text-sm">—</span>
|
||||
<span className="text-muted-foreground text-xs">Not paired</span>
|
||||
);
|
||||
|
||||
const emailContent = profile.email ? (
|
||||
<span className="flex items-center gap-1.5 truncate max-w-[220px]">
|
||||
<span className="truncate">{profile.email}</span>
|
||||
{!profile.email_confirmed_at && (
|
||||
<MailWarning className="h-3.5 w-3.5 text-amber-500" aria-label="Email not verified" />
|
||||
)}
|
||||
</TableCell>
|
||||
</span>
|
||||
) : (
|
||||
<Badge variant="secondary" className="bg-slate-100 text-slate-500 hover:bg-slate-200">
|
||||
Guest
|
||||
</Badge>
|
||||
);
|
||||
|
||||
const storageLabel = profile.storage_bytes && profile.storage_bytes > 0
|
||||
? formatBytes(profile.storage_bytes)
|
||||
: '—';
|
||||
|
||||
const joinedLabel = profile.created_at
|
||||
? format(new Date(profile.created_at), 'MMM d, yyyy')
|
||||
: '—';
|
||||
|
||||
const lastActiveLabel = profile.last_sign_in_at
|
||||
? format(new Date(profile.last_sign_in_at), 'MMM d, yyyy h:mm a')
|
||||
: 'Never';
|
||||
|
||||
return (
|
||||
<TableRow key={profile.id}>
|
||||
<TableCell>
|
||||
<div className="flex items-center gap-3">
|
||||
<Link to={`/users/${profile.id}`} className="flex items-center gap-3 min-w-0 hover:opacity-80 transition-opacity">
|
||||
<Avatar className="h-9 w-9">
|
||||
<AvatarImage src={profile.avatar_url || undefined} />
|
||||
<AvatarFallback>
|
||||
{profile.name?.charAt(0).toUpperCase() || 'U'}
|
||||
</AvatarFallback>
|
||||
</Avatar>
|
||||
<span className="font-medium truncate hover:text-primary transition-colors">
|
||||
{profile.name || 'Unnamed User'}
|
||||
</span>
|
||||
</Link>
|
||||
<div className="ml-auto md:hidden">
|
||||
<Link to={`/users/${profile.id}`}>
|
||||
<Button variant="ghost" size="icon">
|
||||
<ChevronRight className="h-4 w-4" />
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground md:hidden">
|
||||
{emailContent}
|
||||
{statusBadge}
|
||||
{coupleBadge}
|
||||
{storageLabel !== '—' && (
|
||||
<span className="flex items-center gap-1">
|
||||
<HardDrive className="h-3 w-3 text-muted-foreground" />
|
||||
{storageLabel}
|
||||
</span>
|
||||
)}
|
||||
<span className="text-muted-foreground">Active {lastActiveLabel}</span>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell className="hidden md:table-cell text-muted-foreground">
|
||||
<div className="flex items-center gap-1.5">
|
||||
{emailContent}
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
{statusBadge}
|
||||
</TableCell>
|
||||
<TableCell className="hidden lg:table-cell">
|
||||
{profile.couple_id ? coupleBadge : <span className="text-muted-foreground text-sm">—</span>}
|
||||
</TableCell>
|
||||
<TableCell className="hidden lg:table-cell">
|
||||
{profile.storage_bytes && profile.storage_bytes > 0 ? (
|
||||
<div className="flex items-center gap-1 text-sm">
|
||||
<HardDrive className="h-3 w-3 text-muted-foreground" />
|
||||
{formatBytes(profile.storage_bytes)}
|
||||
{storageLabel}
|
||||
</div>
|
||||
) : (
|
||||
<span className="text-muted-foreground text-sm">—</span>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
{profile.created_at
|
||||
? format(new Date(profile.created_at), 'MMM d, yyyy')
|
||||
: '—'}
|
||||
<TableCell className="hidden xl:table-cell text-muted-foreground text-sm">
|
||||
{joinedLabel}
|
||||
</TableCell>
|
||||
<TableCell className="text-muted-foreground text-sm">
|
||||
{profile.last_sign_in_at
|
||||
? format(new Date(profile.last_sign_in_at), 'MMM d, yyyy h:mm a')
|
||||
: 'Never'}
|
||||
<TableCell className="hidden xl:table-cell text-muted-foreground text-sm">
|
||||
{lastActiveLabel}
|
||||
</TableCell>
|
||||
<TableCell>
|
||||
<TableCell className="hidden md:table-cell">
|
||||
<Link to={`/users/${profile.id}`}>
|
||||
<Button variant="ghost" size="icon">
|
||||
<ChevronRight className="h-4 w-4" />
|
||||
@@ -338,7 +372,8 @@ export function UsersPage() {
|
||||
</Link>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))
|
||||
);
|
||||
})
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
|
||||
@@ -80,8 +80,6 @@ def enableProguardInReleaseBuilds = (findProperty('android.enableProguardInRelea
|
||||
*/
|
||||
def jscFlavor = 'org.webkit:android-jsc:+'
|
||||
|
||||
apply from: new File(["node", "--print", "require('path').dirname(require.resolve('@sentry/react-native/package.json'))"].execute().text.trim(), "sentry.gradle")
|
||||
|
||||
android {
|
||||
ndkVersion rootProject.ext.ndkVersion
|
||||
|
||||
@@ -93,8 +91,8 @@ android {
|
||||
applicationId 'com.sauci.app'
|
||||
minSdkVersion rootProject.ext.minSdkVersion
|
||||
targetSdkVersion rootProject.ext.targetSdkVersion
|
||||
versionCode 34
|
||||
versionName "1.0.2"
|
||||
versionCode 42
|
||||
versionName "1.0.4"
|
||||
}
|
||||
signingConfigs {
|
||||
debug {
|
||||
@@ -178,3 +176,4 @@ dependencies {
|
||||
}
|
||||
|
||||
apply plugin: 'com.google.gms.google-services'
|
||||
apply plugin: 'com.google.firebase.crashlytics'
|
||||
@@ -15,6 +15,7 @@ buildscript {
|
||||
mavenCentral()
|
||||
}
|
||||
dependencies {
|
||||
classpath 'com.google.firebase:firebase-crashlytics-gradle:3.0.6'
|
||||
classpath 'com.google.gms:google-services:4.4.1'
|
||||
classpath('com.android.tools.build:gradle')
|
||||
classpath('com.facebook.react:react-native-gradle-plugin')
|
||||
|
||||
+5
-11
@@ -2,7 +2,7 @@
|
||||
"expo": {
|
||||
"name": "Sauci",
|
||||
"slug": "sauci",
|
||||
"version": "1.0.2",
|
||||
"version": "1.0.4",
|
||||
"orientation": "portrait",
|
||||
"icon": "./assets/icon.png",
|
||||
"scheme": "app.sauci",
|
||||
@@ -16,10 +16,11 @@
|
||||
"ios": {
|
||||
"supportsTablet": false,
|
||||
"bundleIdentifier": "com.sauci.app",
|
||||
"buildNumber": "31",
|
||||
"buildNumber": "35",
|
||||
"usesAppleSignIn": true,
|
||||
"googleServicesFile": "./GoogleService-Info.plist",
|
||||
"infoPlist": {
|
||||
"GOOGLE_ANALYTICS_INAPURCHASE_COLLECTION_ENABLED": false,
|
||||
"UIBackgroundModes": [
|
||||
"remote-notification"
|
||||
],
|
||||
@@ -177,7 +178,7 @@
|
||||
"backgroundColor": "#1a1a2e"
|
||||
},
|
||||
"package": "com.sauci.app",
|
||||
"versionCode": 34,
|
||||
"versionCode": 42,
|
||||
"googleServicesFile": "./google-services.json",
|
||||
"permissions": [
|
||||
"RECEIVE_BOOT_COMPLETED",
|
||||
@@ -227,14 +228,7 @@
|
||||
"faceIDPermission": "Sauci uses Face ID to unlock the app and keep your conversations private."
|
||||
}
|
||||
],
|
||||
[
|
||||
"@sentry/react-native/expo",
|
||||
{
|
||||
"organization": "molten-prints",
|
||||
"project": "sauci"
|
||||
}
|
||||
],
|
||||
"@sentry/react-native",
|
||||
"@react-native-firebase/crashlytics",
|
||||
"expo-font",
|
||||
"expo-asset",
|
||||
[
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { View, Text, StyleSheet, FlatList, RefreshControl, TouchableOpacity, ActivityIndicator, Platform, useWindowDimensions, ScrollView } from "react-native";
|
||||
import { View, Text, StyleSheet, RefreshControl, TouchableOpacity, ActivityIndicator, Platform, useWindowDimensions, ScrollView } from "react-native";
|
||||
import { BlurView } from "expo-blur";
|
||||
import { useMatchStore, useAuthStore, type PendingQuestion } from "../../src/store";
|
||||
import { useEffect, useCallback, useState, useRef } from "react";
|
||||
@@ -31,7 +31,7 @@ const SECONDARY_RGBA = 'rgba(155, 89, 182, ';
|
||||
const MAX_CONTENT_WIDTH = 500;
|
||||
const HEADER_SCROLL_DISTANCE = 100;
|
||||
|
||||
const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
|
||||
const AnimatedFlatList = Animated.FlatList;
|
||||
|
||||
export default function MatchesScreen() {
|
||||
const {
|
||||
|
||||
Loaded 100 of 143 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user