Add web-based code editor for Strudel.cc REPL

[Copilot]

Implements a standalone web editor for live coding music patterns with Strudel.

Implementation

• Editor: Textarea with dark theme, tab indentation, and Ctrl+Enter evaluation
• Controls: Play/stop evaluation, load examples, clear editor
• Console: Real-time logging with color-coded output (success/error/info)
• UI: Responsive dark theme with gradient effects and status indicator

Architecture

Uses vanilla HTML/CSS/JavaScript with no build step or external dependencies. Evaluation via eval() (suitable for trusted local use; security note documented). Ready for Strudel library integration when CDN accessible.

Usage

python3 -m http.server 8080
# or just open index.html

Screenshot

Files

• index.html - Editor structure (59 lines)
• styles.css - Dark theme styling (272 lines)
• app.js - Event handling and evaluation (200 lines)
• package.json - Project metadata
• README.md - Documentation with security notes

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• strudel.cc
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

I want to build an editor to code for Strudel.cc REPL

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.