React setup

.github/workflows/ci.yml

@@ -0,0 +1,94 @@
+name: React UI CI
+
+on:
+  push:
+    branches: [ main, develop, better-hostname-handling ]
+    paths: [ 'ui/**' ]
+  pull_request:
+    branches: [ main ]
+    paths: [ 'ui/**' ]
+
+jobs:
+  test-and-build:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    strategy:
+      matrix:
+        node-version: [18, 20]
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+        cache-dependency-path: ui/package-lock.json
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Lint check
+      run: npm run lint
+
+    - name: Prettier format check
+      run: npm run format:check
+
+    - name: TypeScript type check
+      run: npm run type-check
+
+    - name: Run tests with coverage
+      run: npm run test:coverage
+
+    - name: Upload coverage reports
+      if: matrix.node-version == 20
+      uses: codecov/codecov-action@v3
+      with:
+        directory: ./ui/coverage
+        flags: unittests
+        name: codecov-umbrella
+
+    - name: Build production
+      run: npm run build
+
+    - name: Check build size
+      run: |
+        echo "Build size analysis:"
+        du -sh dist/
+        ls -la dist/
+
+    - name: Upload build artifacts
+      if: matrix.node-version == 20
+      uses: actions/upload-artifact@v4
+      with:
+        name: dist-${{ github.sha }}
+        path: ui/dist/
+        retention-days: 7
+
+  security-audit:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./ui
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: 'npm'
+        cache-dependency-path: ui/package-lock.json
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Run security audit
+      run: npm audit --audit-level=moderate

.gitignore

@@ -1,6 +1,5 @@
 node_modules/
 __pycache__/
-dist/ 
 .DS_Store
 .env
 npm-debug.log*

CLAUDE.md

@@ -98,6 +98,52 @@ Worker configuration is managed through a JSON config file. The system auto-gene
 - Process cleanup on master termination
 - Validation patching for ComfyUI's execution system
 
+## Planning Document Standards
+
+All planning documents in this repository should follow a consistent, problem-focused approach:
+
+### Document Structure
+**Required Sections:**
+- **Overview**: Brief description of what the plan aims to achieve
+- **Current State**: Current problems and limitations being addressed
+- **Project Phases**: Organized phases with problems and tasks
+- **Success Criteria**: Measurable outcomes for functional, technical, and UX requirements
+- **How to Use This Plan**: Standard guidance for collaborative implementation
+
+### Phase Organization
+**Each Phase Should Include:**
+- **Problems to Solve**: Clear problem statements (not solutions)
+- **Tasks**: Actionable items with checkboxes [ ] for tracking progress
+- **Focus**: Problems rather than prescriptive implementation details
+
+### Planning Philosophy
+1. **Problem-Focused**: Identify problems to solve, not specific solutions
+2. **Collaborative**: Encourage discussion of implementation options
+3. **Flexible**: Allow adaptation based on discovery during implementation
+4. **Trackable**: Clear tasks that can be checked off as completed
+5. **Iterative**: Support refinement based on what we learn
+
+### Example Phase Format
+```markdown
+### Phase X: Descriptive Name 📝 PLANNED
+**Problems to Solve:**
+- Problem statement 1
+- Problem statement 2
+- Problem statement 3
+
+**Tasks:**
+- [ ] Task that addresses the problems
+- [ ] Another task that addresses the problems
+- [ ] Final task for this phase
+```
+
+### Status Indicators
+- ✅ COMPLETED - Phase has been successfully implemented
+- 📝 PLANNED - Phase is defined but not yet started
+- 🔄 IN PROGRESS - Phase is currently being worked on
+
+This approach ensures plans remain collaborative tools rather than rigid specifications, allowing teams to work together to find the best solutions for each identified problem.
+
 ## Integration Notes
 
 This is a ComfyUI custom node extension. Development should follow ComfyUI's node development patterns and be tested within a ComfyUI environment. The extension requires multiple NVIDIA GPUs or cloud GPU access to be fully functional.

README.md

@@ -64,7 +64,7 @@ ComfyUI Distributed supports three types of workers:
    ```bash
    git clone https://github.com/robertvoy/ComfyUI-Distributed.git
    ```
-   
+
 2. **Restart ComfyUI**
    - If you'll be using remote/cloud workers, add `--enable-cors-header` to your launch arguments on the master
 

__init__.py

@@ -50,7 +50,13 @@ def patched_execute(self, prompt, prompt_id, extra_data={}, execute_outputs=[]):
     NODE_DISPLAY_NAME_MAPPINGS as UPSCALE_DISPLAY_NAME_MAPPINGS
 )
 
-WEB_DIRECTORY = "./web"
+# Check environment variable to determine UI version
+CD_UI_VERSION = os.environ.get('CD_UI_VERSION', 'react')
+
+if CD_UI_VERSION == 'legacy':
+    WEB_DIRECTORY = "./web"
+else:
+    WEB_DIRECTORY = "./dist"
 
 ensure_config_exists()