@pageai/ralph-loop 1.4.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.agent/STEERING.md +2 -1
- package/README.md +6 -8
- package/bin/cli.js +2 -2
- package/bin/lib/display.js +1 -1
- package/package.json +1 -1
package/.agent/STEERING.md
CHANGED
|
@@ -2,4 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
Go to the source code directory and install dependencies.
|
|
4
4
|
|
|
5
|
-
Check that Playwright is
|
|
5
|
+
Check that Playwright is installed, then start the dev server and take a screenshot.
|
|
6
|
+
Save the screenshot to the .agent/screenshots directory.
|
package/README.md
CHANGED
|
@@ -41,12 +41,10 @@ This is an implementation that actually works, containing a hackable script so y
|
|
|
41
41
|
I recommend using a CLI to bootstrap your project with the necessary tools and dependencies, e.g.:
|
|
42
42
|
|
|
43
43
|
```bash
|
|
44
|
-
npx
|
|
45
|
-
# or
|
|
46
|
-
npx create-next-app@latest src
|
|
44
|
+
npx @tanstack/cli create lib --add-ons shadcn,eslint,form,tanstack-query
|
|
47
45
|
```
|
|
48
46
|
|
|
49
|
-
> If you must start from a blank slate, which is not recommended, see [Starting from scratch](#starting-from-scratch).
|
|
47
|
+
> If you must start from a blank slate, which is not recommended, see [Starting from scratch](#starting-from-scratch). You can also go for a more barebone start by running `npx create-vite@latest src --template react-ts`
|
|
50
48
|
|
|
51
49
|
### 1️⃣ Step 1: Install Ralph
|
|
52
50
|
|
|
@@ -64,7 +62,7 @@ Open up Claude Code and prompt it with **your requirements**. Like so:
|
|
|
64
62
|
```
|
|
65
63
|
Use the prd-creator skill to help me create a PRD and task list for the below requirements.
|
|
66
64
|
|
|
67
|
-
An app is already set up with
|
|
65
|
+
An app is already set up with React, Tailwind CSS and TypeScript.
|
|
68
66
|
|
|
69
67
|
Requirements:
|
|
70
68
|
|
|
@@ -353,14 +351,14 @@ import '@testing-library/jest-dom/vitest'
|
|
|
353
351
|
import { vi } from 'vitest'
|
|
354
352
|
import React from 'react'
|
|
355
353
|
|
|
356
|
-
//
|
|
354
|
+
// If using Next.js, mock next/image
|
|
357
355
|
vi.mock('next/image', () => ({
|
|
358
356
|
default: ({ src, alt, ...props }: { src: string; alt: string }) => {
|
|
359
357
|
return React.createElement('img', { src, alt, ...props })
|
|
360
358
|
},
|
|
361
359
|
}))
|
|
362
360
|
|
|
363
|
-
//
|
|
361
|
+
// If using Next.js, mock next/link
|
|
364
362
|
vi.mock('next/link', () => ({
|
|
365
363
|
default: ({
|
|
366
364
|
children,
|
|
@@ -395,7 +393,7 @@ See more in [Docker's docs](https://docs.docker.com/ai/sandboxes/migration/).
|
|
|
395
393
|
|
|
396
394
|
For AI to actually verify its implementation and for the loop to work, you need a way to verify it.
|
|
397
395
|
|
|
398
|
-
To that end, at the minimum you need an end-to-end test framework and a unit test framework.
|
|
396
|
+
To that end, at the minimum you'll need an end-to-end test framework and a unit test framework.
|
|
399
397
|
|
|
400
398
|
For example, you can use the following commands to install Playwright and Vitest:
|
|
401
399
|
|
package/bin/cli.js
CHANGED
|
@@ -14,7 +14,7 @@ const { copyFile, copyDir, mergeDir, exists, ensureDir } = require('./lib/copy')
|
|
|
14
14
|
|
|
15
15
|
const PACKAGE_ROOT = path.resolve(__dirname, '..');
|
|
16
16
|
const TARGET_DIR = process.cwd();
|
|
17
|
-
const DEFAULT_APP_DIR = '
|
|
17
|
+
const DEFAULT_APP_DIR = 'lib';
|
|
18
18
|
|
|
19
19
|
// Directories to ensure exist (created even if source doesn't exist)
|
|
20
20
|
const DIRS_TO_ENSURE = [
|
|
@@ -104,7 +104,7 @@ async function main() {
|
|
|
104
104
|
|
|
105
105
|
// Prompt 1 — App source directory
|
|
106
106
|
const appDir = await clack.text({
|
|
107
|
-
message: 'Where does your app source code live? (e.g. src, public, etc.)',
|
|
107
|
+
message: 'Where does your app source code live? (e.g. lib, app, src, public, etc.)',
|
|
108
108
|
placeholder: DEFAULT_APP_DIR,
|
|
109
109
|
defaultValue: DEFAULT_APP_DIR,
|
|
110
110
|
});
|
package/bin/lib/display.js
CHANGED
|
@@ -96,7 +96,7 @@ ${G} ✓ Ralph Loop setup complete!${R}
|
|
|
96
96
|
${D}═══════════════════════════════════════════════════════════${R}
|
|
97
97
|
|
|
98
98
|
${Y}Next steps:${R}
|
|
99
|
-
${C}1.${R}
|
|
99
|
+
${C}1.${R} Log in to your CLI agent with ${G}docker sandbox run claude .${R}
|
|
100
100
|
${C}2.${R} Create a PRD using the ${G}prd-creator${R} skill
|
|
101
101
|
${C}3.${R} Run ${G}./ralph.sh${R} to start the loop
|
|
102
102
|
|