Skip to content

Commit 0fbc2a0

Browse files
katspaughclaude
andcommitted
feat: add StackBlitz WebContainer configuration
- Add .stackblitzrc with terminal view and auto-compilation - Add .stackblitzignore to exclude unnecessary files - Add .stackblitz/README.md with usage instructions - Add StackBlitz badge to main README with terminal-only view This allows users to run the CLI directly in their browser via StackBlitz with a distraction-free terminal interface. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 3119fb8 commit 0fbc2a0

File tree

4 files changed

+76
-0
lines changed

4 files changed

+76
-0
lines changed

.stackblitz/README.md

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
# Running Safe CLI in StackBlitz
2+
3+
This project is configured to run in StackBlitz's WebContainer environment.
4+
5+
## Quick Start Links
6+
7+
**Terminal View (Recommended):**
8+
- Direct link: `https://stackblitz.com/github/5afe/safe-cli-nodejs?view=terminal`
9+
- Or use: `https://stackblitz.com/~/github/5afe/safe-cli-nodejs` (tilde prefix opens terminal)
10+
11+
**Editor View:**
12+
- Standard link: `https://stackblitz.com/github/5afe/safe-cli-nodejs`
13+
14+
## Usage
15+
16+
1. The dependencies will install automatically when you open the project
17+
2. The CLI will build and start automatically
18+
3. Use the terminal to run commands like:
19+
```bash
20+
safe config init
21+
safe wallet import
22+
safe account create
23+
```
24+
25+
## Available Commands
26+
27+
See the main README.md for all available commands. Some highlights:
28+
29+
- `safe config init` - Initialize configuration
30+
- `safe wallet import` - Import a wallet
31+
- `safe account create` - Create a new Safe account
32+
- `safe tx create` - Create a transaction
33+
34+
## Notes
35+
36+
- All data is stored in the WebContainer's virtual filesystem
37+
- Configuration is saved in `.config/safe-cli/` within the container
38+
- The CLI works fully interactively in the StackBlitz terminal
39+
40+
## Development
41+
42+
If you want to make changes:
43+
44+
```bash
45+
# Watch mode for development
46+
npm run dev
47+
48+
# Build manually
49+
npm run build
50+
51+
# Run tests
52+
npm test
53+
```

.stackblitzignore

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# Don't sync these files to StackBlitz
2+
node_modules
3+
dist
4+
.git
5+
*.log
6+
.DS_Store
7+
.env
8+
.env.local
9+
coverage
10+
.cache
11+
.vscode
12+
.idea

.stackblitzrc

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"installDependencies": true,
3+
"startCommand": "npm run build && npm start",
4+
"env": {
5+
"NODE_ENV": "development"
6+
},
7+
"compileTrigger": "auto",
8+
"view": "terminal"
9+
}

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
Modern, interactive CLI for Safe Smart Account management. Built on top of the [Safe Core SDK](https://github.com/safe-global/safe-core-sdk).
44

5+
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/5afe/safe-cli-nodejs?view=terminal&hideNavigation=1&hideDevTools=1&terminalHeight=100)
6+
57
## Features
68

79
- 🔐 Secure wallet management with encrypted storage

0 commit comments

Comments
 (0)