Previo a modificar todo en 3 niveles

This commit is contained in:
Miguel 2025-02-08 18:28:56 +01:00
parent 6e7e192535
commit 7e267f3509
33 changed files with 3336 additions and 101 deletions

View File

@ -0,0 +1,121 @@
from pathlib import Path
import json
from typing import Dict, Any
from datetime import datetime
import os
class GroupSettingsManager:
"""Manages settings for script groups"""
def __init__(self, script_groups_dir: Path):
self.script_groups_dir = script_groups_dir
self.config_schema = self._load_config_schema()
def _load_config_schema(self) -> Dict[str, Any]:
"""Load the main configuration schema for script groups"""
schema_file = self.script_groups_dir / "config.json"
try:
with open(schema_file, "r", encoding="utf-8") as f:
return json.load(f)
except Exception as e:
print(f"Error loading group config schema: {e}")
return {
"config_schema": {
"work_dir": {
"type": "string",
"description": "Working directory for this script group",
"required": True,
},
"description": {
"type": "string",
"description": "Description of this script group",
"default": "",
},
}
}
def _validate_setting(
self, key: str, value: Any, field_schema: Dict[str, Any]
) -> Any:
"""Validate and convert a single setting value"""
field_type = field_schema.get("type")
if value is None or value == "":
if field_schema.get("required", False):
raise ValueError(f"Field '{key}' is required")
return field_schema.get("default")
try:
if field_type == "string":
return str(value)
elif field_type == "number":
return float(value) if "." in str(value) else int(value)
elif field_type == "boolean":
if isinstance(value, str):
return value.lower() == "true"
return bool(value)
elif field_type == "directory":
path = Path(value)
if not path.is_absolute():
path = Path(self.script_groups_dir) / path
if not path.exists():
path.mkdir(parents=True, exist_ok=True)
return str(path)
else:
return value
except Exception as e:
raise ValueError(f"Invalid value for field '{key}': {str(e)}")
def get_group_settings(self, group_id: str) -> Dict[str, Any]:
"""Get settings for a specific script group"""
settings_file = self.script_groups_dir / group_id / "group.json"
if settings_file.exists():
try:
with open(settings_file, "r", encoding="utf-8") as f:
return json.load(f)
except Exception as e:
print(f"Error loading group settings: {e}")
return {
"work_dir": "",
"description": "",
"created_at": datetime.now().isoformat(),
"updated_at": datetime.now().isoformat(),
}
def update_group_settings(self, group_id: str, settings: Dict[str, Any]):
"""Update settings for a specific script group"""
schema = self.config_schema.get("config_schema", {})
validated_settings = {}
# Validate each setting against schema
for key, field_schema in schema.items():
if key in settings:
validated_settings[key] = self._validate_setting(
key, settings[key], field_schema
)
elif field_schema.get("required", False):
raise ValueError(f"Required field '{key}' is missing")
else:
validated_settings[key] = field_schema.get("default")
# Add non-schema fields
for key, value in settings.items():
if key not in schema:
validated_settings[key] = value
# Update timestamps
validated_settings["updated_at"] = datetime.now().isoformat()
group_dir = self.script_groups_dir / group_id
settings_file = group_dir / "group.json"
if not settings_file.exists():
validated_settings["created_at"] = validated_settings["updated_at"]
group_dir.mkdir(parents=True, exist_ok=True)
# Save settings
with open(settings_file, "w", encoding="utf-8") as f:
json.dump(validated_settings, f, indent=4)

View File

@ -4,32 +4,28 @@ import json
from typing import Dict, Any, List, Optional
from datetime import datetime
class ProfileManager:
"""Manages configuration profiles"""
DEFAULT_PROFILE = {
"id": "default",
"name": "Default Profile",
"work_dir": "",
"llm_settings": {
"model": "gpt-4",
"temperature": 0.7,
"api_key": ""
},
"llm_settings": {"model": "gpt-4", "temperature": 0.7, "api_key": ""},
"created_at": "",
"updated_at": ""
"updated_at": "",
}
def __init__(self, data_dir: Path):
self.data_dir = data_dir
self.profiles_file = data_dir / "profiles.json"
self.profiles: Dict[str, Dict] = self._load_profiles()
def _load_profiles(self) -> Dict[str, Dict]:
"""Load profiles from file"""
if self.profiles_file.exists():
try:
with open(self.profiles_file, 'r', encoding='utf-8') as f:
with open(self.profiles_file, "r", encoding="utf-8") as f:
profiles = json.load(f)
# Ensure default profile exists
if "default" not in profiles:
@ -45,7 +41,7 @@ class ProfileManager:
profiles = {"default": self._create_default_profile()}
self._save_profiles(profiles)
return profiles
def _create_default_profile(self) -> Dict[str, Any]:
"""Create default profile with timestamp"""
profile = self.DEFAULT_PROFILE.copy()
@ -53,83 +49,85 @@ class ProfileManager:
profile["created_at"] = now
profile["updated_at"] = now
return profile
def _save_profiles(self, profiles: Optional[Dict] = None):
"""Save profiles to file"""
if profiles is None:
profiles = self.profiles
try:
print(f"Saving profiles to: {self.profiles_file}") # Agregar debug
with open(self.profiles_file, 'w', encoding='utf-8') as f:
with open(self.profiles_file, "w", encoding="utf-8") as f:
json.dump(profiles, f, indent=4)
print("Profiles saved successfully") # Agregar debug
except Exception as e:
print(f"Error saving profiles: {e}") # Agregar debug
raise # Re-lanzar la excepción para que se maneje arriba
def get_all_profiles(self) -> List[Dict[str, Any]]:
"""Get all profiles"""
return list(self.profiles.values())
def get_profile(self, profile_id: str) -> Optional[Dict[str, Any]]:
"""Get specific profile"""
return self.profiles.get(profile_id)
def create_profile(self, profile_data: Dict[str, Any]) -> Dict[str, Any]:
"""Create new profile"""
if "id" not in profile_data:
raise ValueError("Profile must have an id")
profile_id = profile_data["id"]
if profile_id in self.profiles:
raise ValueError(f"Profile {profile_id} already exists")
# Add timestamps
now = datetime.now().isoformat()
profile_data["created_at"] = now
profile_data["updated_at"] = now
# Ensure required fields
for key in ["name", "work_dir", "llm_settings"]:
for key in ["name", "llm_settings"]:
if key not in profile_data:
profile_data[key] = self.DEFAULT_PROFILE[key]
self.profiles[profile_id] = profile_data
self._save_profiles()
return profile_data
def update_profile(self, profile_id: str, profile_data: Dict[str, Any]) -> Dict[str, Any]:
def update_profile(
self, profile_id: str, profile_data: Dict[str, Any]
) -> Dict[str, Any]:
"""Update existing profile"""
try:
print(f"Updating profile {profile_id} with data: {profile_data}")
if profile_id not in self.profiles:
raise ValueError(f"Profile {profile_id} not found")
if profile_id == "default" and "id" in profile_data:
raise ValueError("Cannot change id of default profile")
# Update timestamp
profile_data["updated_at"] = datetime.now().isoformat()
# Update profile
current_profile = self.profiles[profile_id].copy() # Hacer una copia
current_profile.update(profile_data) # Actualizar la copia
self.profiles[profile_id] = current_profile # Asignar la copia actualizada
print(f"Updated profile: {self.profiles[profile_id]}")
self._save_profiles()
return self.profiles[profile_id]
except Exception as e:
print(f"Error in update_profile: {e}") # Agregar debug
raise
def delete_profile(self, profile_id: str):
"""Delete profile"""
if profile_id == "default":
raise ValueError("Cannot delete default profile")
if profile_id not in self.profiles:
raise ValueError(f"Profile {profile_id} not found")
del self.profiles[profile_id]
self._save_profiles()
self._save_profiles()

View File

@ -4,17 +4,30 @@ import importlib.util
import inspect
from typing import Dict, List, Any, Optional
import json
from .group_settings_manager import GroupSettingsManager # Agregar esta importación
class ScriptManager:
def __init__(self, script_groups_dir: Path):
self.script_groups_dir = script_groups_dir
self.group_settings = GroupSettingsManager(script_groups_dir)
def get_group_settings(self, group_id: str) -> Dict[str, Any]:
"""Get settings for a script group"""
return self.group_settings.get_group_settings(group_id)
def update_group_settings(self, group_id: str, settings: Dict[str, Any]):
"""Update settings for a script group"""
return self.group_settings.update_group_settings(group_id, settings)
def get_group_config_schema(self, group_id: str) -> Dict[str, Any]:
"""Get configuration schema for a script group"""
config_file = self.script_groups_dir / group_id / "config.json"
print(f"Looking for config file: {config_file}") # Debug
if config_file.exists():
try:
with open(config_file, 'r', encoding='utf-8') as f:
with open(config_file, "r", encoding="utf-8") as f:
schema = json.load(f)
print(f"Loaded schema: {schema}") # Debug
return schema
@ -22,154 +35,155 @@ class ScriptManager:
print(f"Error loading group config schema: {e}") # Debug
else:
print(f"Config file not found: {config_file}") # Debug
# Retornar un schema vacío si no existe el archivo
return {
"group_name": group_id,
"description": "",
"config_schema": {}
}
return {"group_name": group_id, "description": "", "config_schema": {}}
def get_available_groups(self) -> List[Dict[str, Any]]:
"""Get list of available script groups"""
groups = []
for group_dir in self.script_groups_dir.iterdir():
if group_dir.is_dir() and not group_dir.name.startswith('_'):
groups.append({
"id": group_dir.name,
"name": group_dir.name.replace('_', ' ').title(),
"path": str(group_dir)
})
if group_dir.is_dir() and not group_dir.name.startswith("_"):
groups.append(
{
"id": group_dir.name,
"name": group_dir.name.replace("_", " ").title(),
"path": str(group_dir),
}
)
return groups
def get_group_scripts(self, group_id: str) -> List[Dict[str, Any]]:
"""Get scripts for a specific group"""
group_dir = self.script_groups_dir / group_id
print(f"Looking for scripts in: {group_dir}") # Debug
if not group_dir.exists() or not group_dir.is_dir():
print(f"Directory not found: {group_dir}") # Debug
raise ValueError(f"Script group '{group_id}' not found")
scripts = []
for script_file in group_dir.glob('x[0-9].py'):
for script_file in group_dir.glob("x[0-9].py"):
print(f"Found script file: {script_file}") # Debug
script_info = self._analyze_script(script_file)
if script_info:
scripts.append(script_info)
return sorted(scripts, key=lambda x: x['id'])
def __init__(self, script_groups_dir: Path):
self.script_groups_dir = script_groups_dir
return sorted(scripts, key=lambda x: x["id"])
def discover_groups(self) -> List[Dict[str, Any]]:
"""Discover all script groups"""
groups = []
for group_dir in self.script_groups_dir.iterdir():
if group_dir.is_dir() and not group_dir.name.startswith('_'):
if group_dir.is_dir() and not group_dir.name.startswith("_"):
group_info = self._analyze_group(group_dir)
if group_info:
groups.append(group_info)
return groups
def _analyze_group(self, group_dir: Path) -> Optional[Dict[str, Any]]:
"""Analyze a script group directory"""
scripts = []
for script_file in group_dir.glob('x[0-9].py'):
for script_file in group_dir.glob("x[0-9].py"):
try:
script_info = self._analyze_script(script_file)
if script_info:
scripts.append(script_info)
except Exception as e:
print(f"Error analyzing script {script_file}: {e}")
if scripts:
return {
"id": group_dir.name,
"name": group_dir.name.replace('_', ' ').title(),
"scripts": sorted(scripts, key=lambda x: x['id'])
"name": group_dir.name.replace("_", " ").title(),
"scripts": sorted(scripts, key=lambda x: x["id"]),
}
return None
def _analyze_script(self, script_file: Path) -> Optional[Dict[str, Any]]:
"""Analyze a single script file"""
try:
# Import script module
spec = importlib.util.spec_from_file_location(
script_file.stem,
script_file
)
spec = importlib.util.spec_from_file_location(script_file.stem, script_file)
module = importlib.util.module_from_spec(spec)
spec.loader.exec_module(module)
# Find script class
script_class = None
for name, obj in inspect.getmembers(module):
if (inspect.isclass(obj) and
obj.__module__ == module.__name__ and
hasattr(obj, 'run')):
if (
inspect.isclass(obj)
and obj.__module__ == module.__name__
and hasattr(obj, "run")
):
script_class = obj
break
if script_class:
# Extraer la primera línea del docstring como nombre
docstring = inspect.getdoc(script_class)
if docstring:
name, *description = docstring.split('\n', 1)
description = description[0] if description else ''
name, *description = docstring.split("\n", 1)
description = description[0] if description else ""
else:
name = script_file.stem
description = ''
description = ""
return {
"id": script_file.stem,
"name": name.strip(),
"description": description.strip(),
"file": str(script_file.relative_to(self.script_groups_dir))
"file": str(script_file.relative_to(self.script_groups_dir)),
}
except Exception as e:
print(f"Error loading script {script_file}: {e}")
return None
def execute_script(self, group_id: str, script_id: str, work_dir: str,
profile: Dict[str, Any]) -> Dict[str, Any]:
def execute_script(
self, group_id: str, script_id: str, profile: Dict[str, Any]
) -> Dict[str, Any]:
"""Execute a specific script"""
# Get group settings first
group_settings = self.group_settings.get_group_settings(group_id)
work_dir = group_settings.get("work_dir")
if not work_dir:
raise ValueError(f"No work directory configured for group {group_id}")
script_file = self.script_groups_dir / group_id / f"{script_id}.py"
if not script_file.exists():
raise ValueError(f"Script {script_id} not found in group {group_id}")
try:
# Import script module
spec = importlib.util.spec_from_file_location(script_id, script_file)
module = importlib.util.module_from_spec(spec)
spec.loader.exec_module(module)
# Find and instantiate script class
script_class = None
for name, obj in inspect.getmembers(module):
if (inspect.isclass(obj) and
obj.__module__ == module.__name__ and
hasattr(obj, 'run')):
if (
inspect.isclass(obj)
and obj.__module__ == module.__name__
and hasattr(obj, "run")
):
script_class = obj
break
if not script_class:
raise ValueError(f"No valid script class found in {script_id}")
script = script_class()
return script.run(work_dir, profile)
except Exception as e:
return {
"status": "error",
"error": str(e)
}
return {"status": "error", "error": str(e)}

View File

@ -0,0 +1,30 @@
{
"description": "Configuration schema for script groups",
"config_schema": {
"work_dir": {
"type": "string",
"description": "Working directory for this script group",
"required": true
},
"description": {
"type": "string",
"description": "Description of this script group",
"default": ""
},
"backup_dir": {
"type": "directory",
"description": "Backup directory path",
"default": ""
},
"max_files": {
"type": "number",
"description": "Maximum number of files to process",
"default": 1000
},
"enable_backup": {
"type": "boolean",
"description": "Enable automatic backups",
"default": false
}
}
}

1
claude/__init__.py Normal file
View File

@ -0,0 +1 @@
# backend/__init__.py

1
claude/__init___1.py Normal file
View File

@ -0,0 +1 @@
# backend/core/__init__.py

1
claude/__init___2.py Normal file
View File

@ -0,0 +1 @@
# backend/script_groups/__init__.py

1
claude/__init___3.py Normal file
View File

@ -0,0 +1 @@
# backend/script_groups/example_group/__init__.py

193
claude/app.py Normal file
View File

@ -0,0 +1,193 @@
# backend/app.py
import os
import sys
from pathlib import Path
# Add the parent directory to Python path
backend_dir = Path(__file__).parent.parent # Sube un nivel más para incluir la carpeta raíz
if str(backend_dir) not in sys.path:
sys.path.append(str(backend_dir))
from flask import Flask, render_template, jsonify, request, send_from_directory
from core.directory_handler import select_directory
from core.script_manager import ScriptManager
from core.profile_manager import ProfileManager
app = Flask(__name__,
template_folder='../frontend/templates',
static_folder='../frontend/static')
# Initialize managers
data_dir = Path(__file__).parent.parent / 'data'
script_groups_dir = Path(__file__).parent / 'script_groups'
profile_manager = ProfileManager(data_dir)
script_manager = ScriptManager(script_groups_dir)
@app.route('/')
def index():
"""Render main page"""
return render_template('index.html')
# Profile endpoints
@app.route('/api/profiles', methods=['GET'])
def get_profiles():
"""Get all profiles"""
return jsonify(profile_manager.get_all_profiles())
@app.route('/api/profiles/<profile_id>', methods=['GET'])
def get_profile(profile_id):
"""Get specific profile"""
profile = profile_manager.get_profile(profile_id)
if profile:
return jsonify(profile)
return jsonify({"error": "Profile not found"}), 404
@app.route('/api/profiles', methods=['POST'])
def create_profile():
"""Create new profile"""
profile_data = request.json
try:
profile = profile_manager.create_profile(profile_data)
return jsonify(profile)
except Exception as e:
return jsonify({"error": str(e)}), 400
@app.route('/api/profiles/<profile_id>', methods=['PUT'])
def update_profile(profile_id):
"""Update existing profile"""
try:
profile_data = request.json
print(f"Received update request for profile {profile_id}: {profile_data}") # Debug
profile = profile_manager.update_profile(profile_id, profile_data)
print(f"Profile updated: {profile}") # Debug
return jsonify(profile)
except Exception as e:
print(f"Error updating profile: {e}") # Debug
return jsonify({"error": str(e)}), 400
@app.route('/api/profiles/<profile_id>', methods=['DELETE'])
def delete_profile(profile_id):
"""Delete profile"""
try:
profile_manager.delete_profile(profile_id)
return jsonify({"status": "success"})
except Exception as e:
return jsonify({"error": str(e)}), 400
@app.route('/api/script-groups', methods=['GET'])
def get_script_groups():
"""Get all available script groups"""
try:
groups = script_manager.get_available_groups()
return jsonify(groups)
except Exception as e:
return jsonify({"error": str(e)}), 500
# Directory handling endpoints
@app.route('/api/select-directory', methods=['GET'])
def handle_select_directory():
"""Handle directory selection"""
print("Handling directory selection request") # Debug
result = select_directory()
print(f"Directory selection result: {result}") # Debug
if "error" in result:
return jsonify(result), 400
return jsonify(result)
# Script management endpoints
@app.route('/api/scripts', methods=['GET'])
def get_scripts():
"""Get all available script groups"""
try:
groups = script_manager.discover_groups()
return jsonify(groups)
except Exception as e:
return jsonify({"error": str(e)}), 500
@app.route('/api/scripts/<group_id>/<script_id>/run', methods=['POST'])
def run_script(group_id, script_id):
"""Execute a specific script"""
data = request.json
work_dir = data.get('work_dir')
profile = data.get('profile')
if not work_dir:
return jsonify({"error": "Work directory not specified"}), 400
if not profile:
return jsonify({"error": "Profile not specified"}), 400
try:
result = script_manager.execute_script(group_id, script_id, work_dir, profile)
return jsonify(result)
except Exception as e:
return jsonify({"error": str(e)}), 500
# Work directory configuration endpoints
@app.route('/api/workdir-config/<path:work_dir>', methods=['GET'])
def get_workdir_config(work_dir):
"""Get work directory configuration"""
from core.workdir_config import WorkDirConfigManager
config_manager = WorkDirConfigManager(work_dir)
return jsonify(config_manager.get_config())
@app.route('/api/workdir-config/<path:work_dir>/group/<group_id>', methods=['GET'])
def get_group_config(work_dir, group_id):
"""Get group configuration from work directory"""
from core.workdir_config import WorkDirConfigManager
config_manager = WorkDirConfigManager(work_dir)
return jsonify(config_manager.get_group_config(group_id))
@app.route('/api/workdir-config/<path:work_dir>/group/<group_id>', methods=['PUT'])
def update_group_config(work_dir, group_id):
"""Update group configuration in work directory"""
from core.workdir_config import WorkDirConfigManager
config_manager = WorkDirConfigManager(work_dir)
try:
settings = request.json
config_manager.update_group_config(group_id, settings)
return jsonify({"status": "success"})
except Exception as e:
return jsonify({"error": str(e)}), 400
@app.route('/api/script-groups/<group_id>/config-schema', methods=['PUT'])
def update_group_config_schema(group_id):
"""Update configuration schema for a script group"""
try:
schema = request.json
config_file = Path(script_manager.script_groups_dir) / group_id / "config.json"
with open(config_file, 'w', encoding='utf-8') as f:
json.dump(schema, f, indent=4)
return jsonify({"status": "success"})
except Exception as e:
return jsonify({"error": str(e)}), 500
@app.route('/api/script-groups/<group_id>/scripts', methods=['GET'])
def get_group_scripts(group_id):
"""Get scripts for a specific group"""
try:
print(f"Loading scripts for group: {group_id}") # Debug
scripts = script_manager.get_group_scripts(group_id)
print(f"Scripts found: {scripts}") # Debug
return jsonify(scripts)
except Exception as e:
print(f"Error loading scripts: {str(e)}") # Debug
return jsonify({"error": str(e)}), 500
@app.route('/api/script-groups/<group_id>/config-schema', methods=['GET'])
def get_group_config_schema(group_id):
"""Get configuration schema for a script group"""
try:
print(f"Loading config schema for group: {group_id}") # Debug
schema = script_manager.get_group_config_schema(group_id)
print(f"Schema loaded: {schema}") # Debug
return jsonify(schema)
except Exception as e:
print(f"Error loading schema: {str(e)}") # Debug
return jsonify({"error": str(e)}), 500
if __name__ == '__main__':
app.run(debug=True, port=5000)

15
claude/base.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<!-- frontend/templates/base.html -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Local Scripts Web</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>

61
claude/base_script.py Normal file
View File

@ -0,0 +1,61 @@
# backend/script_groups/base_script.py
from typing import Dict, Any
from pathlib import Path
import json
class BaseScript:
"""Base class for all scripts"""
def run(self, work_dir: str, profile: Dict[str, Any]) -> Dict[str, Any]:
"""
Execute the script
Args:
work_dir (str): Working directory path
profile (Dict[str, Any]): Current profile configuration
Returns:
Dict[str, Any]: Execution results
"""
raise NotImplementedError("Script must implement run method")
def get_config(self, work_dir: str, group_id: str) -> Dict[str, Any]:
"""Get group configuration from work directory"""
config_file = Path(work_dir) / "script_config.json"
if config_file.exists():
try:
with open(config_file, 'r', encoding='utf-8') as f:
config = json.load(f)
return config.get("group_settings", {}).get(group_id, {})
except Exception as e:
print(f"Error loading config: {e}")
return {}
def save_config(self, work_dir: str, group_id: str, settings: Dict[str, Any]):
"""Save group configuration to work directory"""
config_file = Path(work_dir) / "script_config.json"
try:
# Load existing config or create new
if config_file.exists():
with open(config_file, 'r', encoding='utf-8') as f:
config = json.load(f)
else:
config = {
"version": "1.0",
"group_settings": {}
}
# Update settings
if "group_settings" not in config:
config["group_settings"] = {}
config["group_settings"][group_id] = settings
# Save config
with open(config_file, 'w', encoding='utf-8') as f:
json.dump(config, f, indent=4)
except Exception as e:
print(f"Error saving config: {e}")

View File

@ -0,0 +1,172 @@
# claude_file_organizer.py
import os
import shutil
from pathlib import Path
import re
class ClaudeProjectOrganizer:
def __init__(self):
self.source_dir = Path.cwd()
self.claude_dir = self.source_dir / 'claude'
self.file_mapping = {}
def should_skip_directory(self, dir_name):
skip_dirs = {'.git', '__pycache__', 'venv', 'env', '.pytest_cache', '.vscode', 'claude'}
return dir_name in skip_dirs
def get_comment_prefix(self, file_extension):
"""Determina el prefijo de comentario según la extensión del archivo"""
comment_styles = {
'.py': '#',
'.js': '//',
'.css': '/*',
'.html': '<!--',
'.scss': '//',
'.less': '//',
'.tsx': '//',
'.ts': '//',
'.jsx': '//',
}
return comment_styles.get(file_extension.lower(), None)
def get_comment_suffix(self, file_extension):
"""Determina el sufijo de comentario si es necesario"""
comment_suffixes = {
'.css': ' */',
'.html': ' -->',
}
return comment_suffixes.get(file_extension.lower(), '')
def normalize_path(self, path_str: str) -> str:
"""Normaliza la ruta usando forward slashes"""
return str(path_str).replace('\\', '/')
def check_existing_path_comment(self, content: str, normalized_path: str, comment_prefix: str) -> bool:
"""Verifica si ya existe un comentario con la ruta en el archivo"""
# Escapar caracteres especiales en el prefijo de comentario para regex
escaped_prefix = re.escape(comment_prefix)
# Crear patrones para buscar tanto forward como backward slashes
forward_pattern = f"{escaped_prefix}\\s*{re.escape(normalized_path)}\\b"
backward_path = normalized_path.replace('/', '\\\\') # Doble backslash para el patrón
backward_pattern = f"{escaped_prefix}\\s*{re.escape(backward_path)}"
# Buscar en las primeras líneas del archivo
first_lines = content.split('\n')[:5]
for line in first_lines:
if (re.search(forward_pattern, line) or
re.search(backward_pattern, line)):
return True
return False
def add_path_comment(self, file_path: Path, content: str) -> str:
"""Agrega un comentario con la ruta al inicio del archivo si no existe"""
relative_path = file_path.relative_to(self.source_dir)
normalized_path = self.normalize_path(relative_path)
comment_prefix = self.get_comment_prefix(file_path.suffix)
if comment_prefix is None:
return content
comment_suffix = self.get_comment_suffix(file_path.suffix)
# Verificar si ya existe el comentario
if self.check_existing_path_comment(content, normalized_path, comment_prefix):
print(f" - Comentario de ruta ya existe en {file_path}")
return content
path_comment = f"{comment_prefix} {normalized_path}{comment_suffix}\n"
# Para archivos HTML, insertar después del doctype si existe
if file_path.suffix.lower() == '.html':
if content.lower().startswith('<!doctype'):
doctype_end = content.find('>') + 1
return content[:doctype_end] + '\n' + path_comment + content[doctype_end:]
return path_comment + content
def clean_claude_directory(self):
if self.claude_dir.exists():
shutil.rmtree(self.claude_dir)
self.claude_dir.mkdir()
print(f"Directorio claude limpiado: {self.claude_dir}")
def copy_files(self):
self.clean_claude_directory()
for root, dirs, files in os.walk(self.source_dir):
dirs[:] = [d for d in dirs if not self.should_skip_directory(d)]
current_path = Path(root)
for file in files:
file_path = current_path / file
if file.endswith(('.py', '.js', '.css', '.html', '.json', '.yml', '.yaml',
'.tsx', '.ts', '.jsx', '.scss', '.less')):
target_path = self.claude_dir / file
# Si el archivo ya existe en el directorio claude, agregar un sufijo numérico
if target_path.exists():
base = target_path.stem
ext = target_path.suffix
counter = 1
while target_path.exists():
target_path = self.claude_dir / f"{base}_{counter}{ext}"
counter += 1
try:
# Leer el contenido del archivo
with open(file_path, 'r', encoding='utf-8') as f:
content = f.read()
# Agregar el comentario con la ruta si no existe
modified_content = self.add_path_comment(file_path, content)
# Escribir el nuevo contenido
with open(target_path, 'w', encoding='utf-8', newline='\n') as f:
f.write(modified_content)
self.file_mapping[str(file_path)] = target_path.name
print(f"Copiado: {file_path} -> {target_path}")
except UnicodeDecodeError:
print(f"Advertencia: No se pudo procesar {file_path} como texto. Copiando sin modificar...")
shutil.copy2(file_path, target_path)
except Exception as e:
print(f"Error procesando {file_path}: {str(e)}")
def generate_tree_report(self):
"""Genera el reporte en formato árbol visual"""
report = ["Estructura del proyecto original:\n"]
def add_to_report(path, prefix="", is_last=True):
report.append(prefix + ("└── " if is_last else "├── ") + path.name)
if path.is_dir() and not self.should_skip_directory(path.name):
children = sorted(path.iterdir(), key=lambda x: (x.is_file(), x.name))
children = [c for c in children if not (c.is_dir() and self.should_skip_directory(c.name))]
for i, child in enumerate(children):
is_last_child = i == len(children) - 1
new_prefix = prefix + (" " if is_last else "")
add_to_report(child, new_prefix, is_last_child)
add_to_report(self.source_dir)
report_path = self.claude_dir / "project_structure.txt"
with open(report_path, "w", encoding="utf-8") as f:
f.write("\n".join(report))
print(f"\nReporte generado en: {report_path}")
def main():
try:
print("Iniciando organización de archivos para Claude...")
organizer = ClaudeProjectOrganizer()
organizer.copy_files()
organizer.generate_tree_report()
print("\n¡Proceso completado exitosamente!")
except Exception as e:
print(f"\nError durante la ejecución: {str(e)}")
if __name__ == "__main__":
main()

30
claude/config.json Normal file
View File

@ -0,0 +1,30 @@
{
"description": "Configuration schema for script groups",
"config_schema": {
"work_dir": {
"type": "string",
"description": "Working directory for this script group",
"required": true
},
"description": {
"type": "string",
"description": "Description of this script group",
"default": ""
},
"backup_dir": {
"type": "directory",
"description": "Backup directory path",
"default": ""
},
"max_files": {
"type": "number",
"description": "Maximum number of files to process",
"default": 1000
},
"enable_backup": {
"type": "boolean",
"description": "Enable automatic backups",
"default": false
}
}
}

32
claude/config_1.json Normal file
View File

@ -0,0 +1,32 @@
{
"group_name": "System Analysis",
"description": "Scripts for system analysis and file management",
"config_schema": {
"exclude_dirs": {
"type": "string",
"description": "Directories to exclude (comma separated)",
"default": "venv,__pycache__,.git"
},
"count_hidden": {
"type": "boolean",
"description": "Include hidden files in count",
"default": false
},
"min_size": {
"type": "number",
"description": "Minimum file size to count (in bytes)",
"default": 0
},
"save_report": {
"type": "boolean",
"description": "Save results to file",
"default": true
},
"report_format": {
"type": "select",
"options": ["txt", "json", "csv"],
"description": "Format for saved reports",
"default": "json"
}
}
}

View File

@ -0,0 +1,23 @@
# backend/core/directory_handler.py
import os
from pathlib import Path
import tkinter as tk
from tkinter import filedialog
from flask import jsonify
def select_directory():
"""Show directory selection dialog and return selected path"""
root = tk.Tk()
root.withdraw()
root.attributes('-topmost', True) # Hace que el diálogo siempre esté encima
try:
directory = filedialog.askdirectory(
title="Select Work Directory",
initialdir=os.path.expanduser("~")
)
return {"path": directory} if directory else {"error": "No directory selected"}
except Exception as e:
return {"error": str(e)}
finally:
root.destroy()

View File

@ -0,0 +1,122 @@
# backend/core/group_settings_manager.py
from pathlib import Path
import json
from typing import Dict, Any
from datetime import datetime
import os
class GroupSettingsManager:
"""Manages settings for script groups"""
def __init__(self, script_groups_dir: Path):
self.script_groups_dir = script_groups_dir
self.config_schema = self._load_config_schema()
def _load_config_schema(self) -> Dict[str, Any]:
"""Load the main configuration schema for script groups"""
schema_file = self.script_groups_dir / "config.json"
try:
with open(schema_file, "r", encoding="utf-8") as f:
return json.load(f)
except Exception as e:
print(f"Error loading group config schema: {e}")
return {
"config_schema": {
"work_dir": {
"type": "string",
"description": "Working directory for this script group",
"required": True,
},
"description": {
"type": "string",
"description": "Description of this script group",
"default": "",
},
}
}
def _validate_setting(
self, key: str, value: Any, field_schema: Dict[str, Any]
) -> Any:
"""Validate and convert a single setting value"""
field_type = field_schema.get("type")
if value is None or value == "":
if field_schema.get("required", False):
raise ValueError(f"Field '{key}' is required")
return field_schema.get("default")
try:
if field_type == "string":
return str(value)
elif field_type == "number":
return float(value) if "." in str(value) else int(value)
elif field_type == "boolean":
if isinstance(value, str):
return value.lower() == "true"
return bool(value)
elif field_type == "directory":
path = Path(value)
if not path.is_absolute():
path = Path(self.script_groups_dir) / path
if not path.exists():
path.mkdir(parents=True, exist_ok=True)
return str(path)
else:
return value
except Exception as e:
raise ValueError(f"Invalid value for field '{key}': {str(e)}")
def get_group_settings(self, group_id: str) -> Dict[str, Any]:
"""Get settings for a specific script group"""
settings_file = self.script_groups_dir / group_id / "group.json"
if settings_file.exists():
try:
with open(settings_file, "r", encoding="utf-8") as f:
return json.load(f)
except Exception as e:
print(f"Error loading group settings: {e}")
return {
"work_dir": "",
"description": "",
"created_at": datetime.now().isoformat(),
"updated_at": datetime.now().isoformat(),
}
def update_group_settings(self, group_id: str, settings: Dict[str, Any]):
"""Update settings for a specific script group"""
schema = self.config_schema.get("config_schema", {})
validated_settings = {}
# Validate each setting against schema
for key, field_schema in schema.items():
if key in settings:
validated_settings[key] = self._validate_setting(
key, settings[key], field_schema
)
elif field_schema.get("required", False):
raise ValueError(f"Required field '{key}' is missing")
else:
validated_settings[key] = field_schema.get("default")
# Add non-schema fields
for key, value in settings.items():
if key not in schema:
validated_settings[key] = value
# Update timestamps
validated_settings["updated_at"] = datetime.now().isoformat()
group_dir = self.script_groups_dir / group_id
settings_file = group_dir / "group.json"
if not settings_file.exists():
validated_settings["created_at"] = validated_settings["updated_at"]
group_dir.mkdir(parents=True, exist_ok=True)
# Save settings
with open(settings_file, "w", encoding="utf-8") as f:
json.dump(validated_settings, f, indent=4)

115
claude/index.html Normal file
View File

@ -0,0 +1,115 @@
<!DOCTYPE html>
<!-- frontend/templates/index.html -->
<html lang="en" class="h-full bg-gray-50">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Local Scripts Web</title>
<!-- Tailwind y Alpine.js desde CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- HeroIcons -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/heroicons/2.0.18/solid/index.min.js"></script>
</head>
<body class="h-full">
<div class="min-h-full">
<!-- Navbar -->
<nav class="bg-white shadow-sm">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between">
<div class="flex">
<div class="flex flex-shrink-0 items-center">
<h1 class="text-xl font-semibold text-gray-900">Local Scripts Web</h1>
</div>
</div>
<div class="flex items-center gap-4">
<select id="profileSelect"
class="rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600"
onchange="changeProfile()">
<option value="">Select Profile</option>
</select>
<button onclick="editProfile()"
class="rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Edit Profile
</button>
<button onclick="newProfile()"
class="rounded-md bg-indigo-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
New Profile
</button>
</div>
</div>
</div>
</nav>
<!-- Main content -->
<main>
<div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
<div class="space-y-6">
<!-- Work Directory Section -->
<div class="bg-white shadow sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<h3 class="text-base font-semibold leading-6 text-gray-900">Work Directory</h3>
<div class="mt-4 flex gap-4">
<input type="text" id="workDirPath" readonly
class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600">
<button onclick="selectWorkDir()"
class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Browse
</button>
</div>
</div>
</div>
<!-- Scripts Section -->
<div class="bg-white shadow sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<h3 class="text-base font-semibold leading-6 text-gray-900">Scripts</h3>
<div class="mt-4 space-y-4">
<select id="groupSelect"
class="w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600">
<option value="">Select Script Group</option>
</select>
<div id="scriptList" class="hidden space-y-4">
<!-- Scripts will be loaded here -->
</div>
</div>
</div>
</div>
<!-- Output Section -->
<div class="bg-white shadow sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<div class="flex justify-between items-center">
<h3 class="text-base font-semibold leading-6 text-gray-900">Output</h3>
<button onclick="clearOutput()"
class="rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500">
Clear
</button>
</div>
<div id="outputArea"
class="mt-4 h-64 overflow-y-auto p-4 font-mono text-sm bg-gray-50 rounded-md border border-gray-200">
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- Scripts -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
<script src="{{ url_for('static', filename='js/workdir_config.js') }}"></script>
<script src="{{ url_for('static', filename='js/profile.js') }}"></script>
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
<script src="{{ url_for('static', filename='js/modal.js') }}"></script>
<!-- Al final del body -->
<script>
// Initialización cuando la página carga
document.addEventListener('DOMContentLoaded', async () => {
console.log('DOM loaded, initializing...');
await initializeApp();
});
</script>
</body>
</html>

264
claude/main.js Normal file
View File

@ -0,0 +1,264 @@
// frontend/static/js/main.js
// Global state
let currentProfile = null;
// Definir clases comunes para inputs
const STYLES = {
editableInput: "mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500",
readonlyInput: "mt-1 block w-full rounded-md border-2 border-gray-200 bg-gray-100 px-3 py-2 shadow-sm",
button: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600",
buttonSecondary: "px-4 py-2 bg-gray-200 text-gray-800 rounded-md hover:bg-gray-300"
};
async function initializeApp() {
try {
console.log('Inicializando aplicación...');
// Cargar perfiles
const profiles = await apiRequest('/profiles');
console.log('Profiles loaded:', profiles);
// Obtener último perfil usado
const lastProfileId = localStorage.getItem('lastProfileId') || 'default';
console.log('Last profile ID:', lastProfileId);
// Actualizar selector de perfiles
updateProfileSelector(profiles);
// Seleccionar el último perfil usado
const selectedProfile = profiles.find(p => p.id === lastProfileId) || profiles[0];
if (selectedProfile) {
console.log('Selecting profile:', selectedProfile.id);
await selectProfile(selectedProfile.id);
}
// Cargar grupos de scripts y restaurar la última selección
await restoreScriptGroup();
// Actualizar la interfaz
updateWorkDirDisplay();
} catch (error) {
console.error('Error al inicializar la aplicación:', error);
showError('Error al inicializar la aplicación');
}
}
async function restoreScriptGroup() {
try {
// Primero cargar los grupos disponibles
await loadScriptGroups();
// Luego intentar restaurar el último grupo seleccionado
const lastGroupId = localStorage.getItem('lastGroupId');
if (lastGroupId) {
console.log('Restoring last group:', lastGroupId);
const groupSelect = document.getElementById('groupSelect');
if (groupSelect) {
groupSelect.value = lastGroupId;
if (groupSelect.value) { // Verifica que el valor se haya establecido correctamente
await loadGroupScripts(lastGroupId);
} else {
console.log('Selected group no longer exists:', lastGroupId);
localStorage.removeItem('lastGroupId');
}
}
}
} catch (error) {
console.error('Error restoring script group:', error);
}
}
// Función para restaurar el último estado
async function restoreLastState() {
const lastProfileId = localStorage.getItem('lastProfileId');
const lastGroupId = localStorage.getItem('lastGroupId');
console.log('Restoring last state:', { lastProfileId, lastGroupId });
if (lastProfileId) {
const profileSelect = document.getElementById('profileSelect');
profileSelect.value = lastProfileId;
await selectProfile(lastProfileId);
}
if (lastGroupId) {
const groupSelect = document.getElementById('groupSelect');
if (groupSelect) {
groupSelect.value = lastGroupId;
await loadGroupScripts(lastGroupId);
}
}
}
// API functions
async function apiRequest(endpoint, options = {}) {
try {
const response = await fetch(`/api${endpoint}`, {
...options,
headers: {
'Content-Type': 'application/json',
...options.headers
}
});
if (!response.ok) {
const error = await response.json();
throw new Error(error.error || 'Error en la solicitud API');
}
return await response.json();
} catch (error) {
console.error('Error API:', error);
showError(error.message);
throw error;
}
}
async function loadProfiles() {
try {
const profiles = await apiRequest('/profiles');
updateProfileSelector(profiles);
// Obtener último perfil usado
const lastProfileId = localStorage.getItem('lastProfileId');
// Seleccionar perfil guardado o el default
const defaultProfile = profiles.find(p => p.id === (lastProfileId || 'default')) || profiles[0];
if (defaultProfile) {
await selectProfile(defaultProfile.id);
}
} catch (error) {
showError('Error al cargar los perfiles');
}
}
async function selectProfile(profileId) {
try {
console.log('Seleccionando perfil:', profileId);
currentProfile = await apiRequest(`/profiles/${profileId}`);
// Guardar en localStorage
localStorage.setItem('lastProfileId', profileId);
console.log('Profile ID saved to storage:', profileId);
// Actualizar explícitamente el valor del combo
const select = document.getElementById('profileSelect');
if (select) {
select.value = profileId;
console.log('Updated profileSelect value to:', profileId);
}
updateWorkDirDisplay();
// Recargar scripts con el último grupo seleccionado
await restoreScriptGroup();
} catch (error) {
console.error('Error al seleccionar perfil:', error);
showError('Error al cargar el perfil');
}
}
// Initialize when page loads
document.addEventListener('DOMContentLoaded', initializeApp);
function updateProfileSelector(profiles) {
const select = document.getElementById('profileSelect');
const lastProfileId = localStorage.getItem('lastProfileId') || 'default';
console.log('Updating profile selector. Last profile ID:', lastProfileId);
// Construir las opciones
select.innerHTML = profiles.map(profile => `
<option value="${profile.id}" ${profile.id === lastProfileId ? 'selected' : ''}>
${profile.name}
</option>
`).join('');
// Asegurar que el valor seleccionado sea correcto
select.value = lastProfileId;
console.log('Set profileSelect value to:', lastProfileId);
}
async function changeProfile() {
const select = document.getElementById('profileSelect');
if (select.value) {
await selectProfile(select.value);
await loadScriptGroups(); // Reload scripts when profile changes
}
}
// Work directory functions
function updateWorkDirDisplay() {
const input = document.getElementById('workDirPath');
if (input && currentProfile) {
input.value = currentProfile.work_dir || '';
}
}
async function selectWorkDir() {
try {
console.log('Requesting directory selection...'); // Debug
const response = await apiRequest('/select-directory');
console.log('Directory selection response:', response); // Debug
if (response.path) {
console.log('Updating profile with new work_dir:', response.path); // Debug
const updateResponse = await apiRequest(`/profiles/${currentProfile.id}`, {
method: 'PUT',
body: JSON.stringify({
...currentProfile,
work_dir: response.path
})
});
console.log('Profile update response:', updateResponse); // Debug
await selectProfile(currentProfile.id);
showSuccess('Directorio de trabajo actualizado correctamente');
}
} catch (error) {
console.error('Error al seleccionar directorio:', error); // Debug
showError('Error al actualizar el directorio de trabajo');
}
}
// Output functions
function showError(message) {
const output = document.getElementById('outputArea');
const timestamp = new Date().toLocaleTimeString();
output.innerHTML += `\n[${timestamp}] ERROR: ${message}`;
output.scrollTop = output.scrollHeight;
}
function showSuccess(message) {
const output = document.getElementById('outputArea');
const timestamp = new Date().toLocaleTimeString();
output.innerHTML += `\n[${timestamp}] SUCCESS: ${message}`;
output.scrollTop = output.scrollHeight;
}
function clearOutput() {
const output = document.getElementById('outputArea');
output.innerHTML = '';
}
// Modal helper functions
function closeModal(button) {
const modal = button.closest('.modal');
if (modal) {
modal.remove();
}
}
// Global error handler
window.addEventListener('unhandledrejection', function(event) {
console.error('Unhandled promise rejection:', event.reason);
showError('An unexpected error occurred');
});
// Export functions for use in other modules
window.showError = showError;
window.showSuccess = showSuccess;
window.closeModal = closeModal;
window.currentProfile = currentProfile;

39
claude/modal.js Normal file
View File

@ -0,0 +1,39 @@
// frontend/static/js/modal.js
// static/js/modal.js
function createModal(title, content, onSave = null) {
const modal = document.createElement('div');
modal.className = 'fixed inset-0 bg-gray-500 bg-opacity-75 flex items-center justify-center z-50';
modal.innerHTML = `
<div class="bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4">
<div class="px-6 py-4 border-b border-gray-200">
<h3 class="text-lg font-medium text-gray-900">${title}</h3>
</div>
<div class="px-6 py-4">
${content}
</div>
<div class="px-6 py-4 bg-gray-50 rounded-b-lg flex justify-end gap-3">
<button onclick="closeModal(this)"
class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Cancel
</button>
${onSave ? `
<button onclick="saveModal(this)"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Save
</button>
` : ''}
</div>
</div>
`;
document.body.appendChild(modal);
return modal;
}
function closeModal(button) {
const modal = button.closest('.fixed');
if (modal) {
modal.remove();
}
}

324
claude/profile.js Normal file
View File

@ -0,0 +1,324 @@
// frontend/static/js/profile.js
let selectedProfileId = localStorage.getItem('selectedProfileId') || 'default';
let editingProfile = null;
// Profile functions
async function loadProfiles() {
try {
const response = await apiRequest('/profiles');
const profiles = Object.values(response);
// Actualizar el selector manteniendo el valor seleccionado
const select = document.getElementById('profileSelect');
select.innerHTML = profiles.map(profile => `
<option value="${profile.id}">
${profile.name}
</option>
`).join('');
// Establecer el valor seleccionado después de actualizar las opciones
if (response[selectedProfileId]) {
select.value = selectedProfileId;
await selectProfile(selectedProfileId);
} else {
selectedProfileId = 'default';
select.value = 'default';
await selectProfile('default');
}
// Asegurarse de que el evento change no sobrescriba la selección
select.addEventListener('change', onProfileChange, { once: true });
} catch (error) {
showError('Error al cargar los perfiles');
}
}
async function selectProfile(profileId) {
try {
currentProfile = await apiRequest(`/profiles/${profileId}`);
updateWorkDirDisplay();
} catch (error) {
showError('Failed to load profile');
}
}
async function changeProfile() {
const select = document.getElementById('profileSelect');
await selectProfile(select.value);
}
async function selectWorkDir() {
try {
const response = await apiRequest('/select-directory');
if (response.path) {
await apiRequest(`/profiles/${currentProfile.id}`, {
method: 'PUT',
body: JSON.stringify({
...currentProfile,
work_dir: response.path
})
});
await selectProfile(currentProfile.id);
showSuccess('Work directory updated successfully');
}
} catch (error) {
showError('Failed to update work directory');
}
}
// Profile editor modal
function showProfileEditor(profile = null) {
editingProfile = profile;
const modal = document.createElement('div');
modal.className = 'modal active';
const editableInputClass = "mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500";
const readonlyInputClass = "mt-1 block w-full rounded-md border-2 border-gray-200 bg-gray-100 px-3 py-2 shadow-sm";
modal.innerHTML = `
<div class="modal-content">
<h2 class="text-xl font-bold mb-4">${profile ? 'Editar Perfil' : 'Nuevo Perfil'}</h2>
<form id="profileForm" onsubmit="saveProfile(event)">
<div class="form-group">
<label for="profileId" class="block text-sm font-medium text-gray-700">ID del Perfil</label>
<input type="text" id="profileId" name="id"
class="${profile ? readonlyInputClass : editableInputClass}"
value="${profile?.id || ''}"
${profile ? 'readonly' : ''}
required pattern="[a-zA-Z0-9_-]+"
title="Solo se permiten letras, números, guión bajo y guión">
</div>
<div class="form-group">
<label for="profileName" class="block text-sm font-medium text-gray-700">Nombre</label>
<input type="text" id="profileName" name="name"
class="${editableInputClass}"
value="${profile?.name || ''}" required>
</div>
<div class="form-group">
<label for="workDir" class="block text-sm font-medium text-gray-700">Directorio de Trabajo</label>
<input type="text" id="workDir" name="work_dir"
class="${readonlyInputClass}"
value="${profile?.work_dir || ''}" readonly>
</div>
<div class="form-group">
<label for="llmModel" class="block text-sm font-medium text-gray-700">LLM Model</label>
<select id="llmModel" name="llm_model"
class="${editableInputClass}">
<option value="gpt-4" ${profile?.llm_settings?.model === 'gpt-4' ? 'selected' : ''}>GPT-4</option>
<option value="gpt-3.5-turbo" ${profile?.llm_settings?.model === 'gpt-3.5-turbo' ? 'selected' : ''}>GPT-3.5 Turbo</option>
</select>
</div>
<div class="form-group">
<label for="apiKey" class="block text-sm font-medium text-gray-700">API Key</label>
<input type="password" id="apiKey" name="api_key"
class="${editableInputClass}"
value="${profile?.llm_settings?.api_key || ''}">
</div>
<div class="form-group">
<label for="temperature" class="block text-sm font-medium text-gray-700">Temperature</label>
<input type="number" id="temperature" name="temperature"
class="${editableInputClass}"
value="${profile?.llm_settings?.temperature || 0.7}"
min="0" max="2" step="0.1">
</div>
<div class="mt-4 flex justify-end space-x-3">
<button type="button" onclick="closeModal(this)"
class="px-4 py-2 bg-gray-200 text-gray-800 rounded-md hover:bg-gray-300">Cancelar</button>
<button type="submit"
class="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600">Guardar</button>
</div>
</form>
</div>
`;
document.body.appendChild(modal);
}
async function saveProfile(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const profileData = {
id: formData.get('id'),
name: formData.get('name'),
work_dir: formData.get('work_dir'),
llm_settings: {
model: formData.get('llm_model'),
api_key: formData.get('api_key'),
temperature: parseFloat(formData.get('temperature'))
}
};
try {
if (editingProfile) {
await apiRequest(`/profiles/${editingProfile.id}`, {
method: 'PUT',
body: JSON.stringify(profileData)
});
} else {
await apiRequest('/profiles', {
method: 'POST',
body: JSON.stringify(profileData)
});
}
await loadProfiles();
closeModal(event.target);
showSuccess(`Perfil ${editingProfile ? 'actualizado' : 'creado'} correctamente`);
} catch (error) {
showError(`Error al ${editingProfile ? 'actualizar' : 'crear'} el perfil`);
}
}
// static/js/profile.js
async function editProfile() {
if (!currentProfile) {
showError('No profile selected');
return;
}
const content = `
<form id="profileForm" class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700">Profile ID</label>
<input type="text" name="id" value="${currentProfile.id}"
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
${currentProfile.id === 'default' ? 'readonly' : ''}>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Name</label>
<input type="text" name="name" value="${currentProfile.name}"
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Work Directory</label>
<input type="text" name="work_dir" value="${currentProfile.work_dir}" readonly
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">LLM Model</label>
<select name="llm_model"
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
<option value="gpt-4" ${currentProfile.llm_settings?.model === 'gpt-4' ? 'selected' : ''}>GPT-4</option>
<option value="gpt-3.5-turbo" ${currentProfile.llm_settings?.model === 'gpt-3.5-turbo' ? 'selected' : ''}>GPT-3.5 Turbo</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">API Key</label>
<input type="password" name="api_key" value="${currentProfile.llm_settings?.api_key || ''}"
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Temperature</label>
<input type="number" name="temperature" value="${currentProfile.llm_settings?.temperature || 0.7}"
min="0" max="2" step="0.1"
class="mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
</div>
</form>
`;
const modal = createModal('Edit Profile', content, true);
modal.querySelector('[onclick="saveModal(this)"]').onclick = async () => {
await saveProfile(modal);
};
}
async function saveProfile(modal) {
const form = modal.querySelector('#profileForm');
const formData = new FormData(form);
const profileData = {
id: formData.get('id'),
name: formData.get('name'),
work_dir: formData.get('work_dir'),
llm_settings: {
model: formData.get('llm_model'),
api_key: formData.get('api_key'),
temperature: parseFloat(formData.get('temperature'))
}
};
try {
if (editingProfile) {
await apiRequest(`/profiles/${editingProfile.id}`, {
method: 'PUT',
body: JSON.stringify(profileData)
});
} else {
await apiRequest('/profiles', {
method: 'POST',
body: JSON.stringify(profileData)
});
}
await loadProfiles();
closeModal(modal);
showSuccess(`Perfil ${editingProfile ? 'actualizado' : 'creado'} correctamente`);
} catch (error) {
showError(`Error al ${editingProfile ? 'actualizar' : 'crear'} el perfil`);
}
}
function newProfile() {
const editableInputClass = "mt-1 block w-full rounded-md border-2 border-gray-300 bg-green-50 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500";
const readonlyInputClass = "mt-1 block w-full rounded-md border-2 border-gray-200 bg-gray-100 px-3 py-2 shadow-sm";
const content = `
<form id="profileForm" class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700">Profile ID</label>
<input type="text" name="id" required pattern="[a-zA-Z0-9_-]+"
class="${editableInputClass}"
title="Only letters, numbers, underscore and dash allowed">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Name</label>
<input type="text" name="name" required
class="${editableInputClass}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Work Directory</label>
<input type="text" name="work_dir" readonly
class="${readonlyInputClass}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">LLM Model</label>
<select name="llm_model"
class="${editableInputClass}">
<option value="gpt-4">GPT-4</option>
<option value="gpt-3.5-turbo">GPT-3.5 Turbo</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">API Key</label>
<input type="password" name="api_key"
class="${editableInputClass}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Temperature</label>
<input type="number" name="temperature" value="0.7"
min="0" max="2" step="0.1"
class="${editableInputClass}">
</div>
</form>
`;
const modal = createModal('New Profile', content, true);
editingProfile = null;
modal.querySelector('[onclick="saveModal(this)"]').onclick = async () => {
await saveProfile(modal);
};
}
async function onProfileChange(event) {
const newProfileId = event.target.value;
if (newProfileId !== selectedProfileId) {
selectedProfileId = newProfileId;
localStorage.setItem('selectedProfileId', selectedProfileId);
await selectProfile(selectedProfileId);
}
}

133
claude/profile_manager.py Normal file
View File

@ -0,0 +1,133 @@
# backend/core/profile_manager.py
from pathlib import Path
import json
from typing import Dict, Any, List, Optional
from datetime import datetime
class ProfileManager:
"""Manages configuration profiles"""
DEFAULT_PROFILE = {
"id": "default",
"name": "Default Profile",
"llm_settings": {"model": "gpt-4", "temperature": 0.7, "api_key": ""},
"created_at": "",
"updated_at": "",
}
def __init__(self, data_dir: Path):
self.data_dir = data_dir
self.profiles_file = data_dir / "profiles.json"
self.profiles: Dict[str, Dict] = self._load_profiles()
def _load_profiles(self) -> Dict[str, Dict]:
"""Load profiles from file"""
if self.profiles_file.exists():
try:
with open(self.profiles_file, "r", encoding="utf-8") as f:
profiles = json.load(f)
# Ensure default profile exists
if "default" not in profiles:
profiles["default"] = self._create_default_profile()
return profiles
except Exception as e:
print(f"Error loading profiles: {e}")
return {"default": self._create_default_profile()}
else:
# Create directory if it doesn't exist
self.profiles_file.parent.mkdir(parents=True, exist_ok=True)
# Create default profile
profiles = {"default": self._create_default_profile()}
self._save_profiles(profiles)
return profiles
def _create_default_profile(self) -> Dict[str, Any]:
"""Create default profile with timestamp"""
profile = self.DEFAULT_PROFILE.copy()
now = datetime.now().isoformat()
profile["created_at"] = now
profile["updated_at"] = now
return profile
def _save_profiles(self, profiles: Optional[Dict] = None):
"""Save profiles to file"""
if profiles is None:
profiles = self.profiles
try:
print(f"Saving profiles to: {self.profiles_file}") # Agregar debug
with open(self.profiles_file, "w", encoding="utf-8") as f:
json.dump(profiles, f, indent=4)
print("Profiles saved successfully") # Agregar debug
except Exception as e:
print(f"Error saving profiles: {e}") # Agregar debug
raise # Re-lanzar la excepción para que se maneje arriba
def get_all_profiles(self) -> List[Dict[str, Any]]:
"""Get all profiles"""
return list(self.profiles.values())
def get_profile(self, profile_id: str) -> Optional[Dict[str, Any]]:
"""Get specific profile"""
return self.profiles.get(profile_id)
def create_profile(self, profile_data: Dict[str, Any]) -> Dict[str, Any]:
"""Create new profile"""
if "id" not in profile_data:
raise ValueError("Profile must have an id")
profile_id = profile_data["id"]
if profile_id in self.profiles:
raise ValueError(f"Profile {profile_id} already exists")
# Add timestamps
now = datetime.now().isoformat()
profile_data["created_at"] = now
profile_data["updated_at"] = now
# Ensure required fields
for key in ["name", "llm_settings"]:
if key not in profile_data:
profile_data[key] = self.DEFAULT_PROFILE[key]
self.profiles[profile_id] = profile_data
self._save_profiles()
return profile_data
def update_profile(
self, profile_id: str, profile_data: Dict[str, Any]
) -> Dict[str, Any]:
"""Update existing profile"""
try:
print(f"Updating profile {profile_id} with data: {profile_data}")
if profile_id not in self.profiles:
raise ValueError(f"Profile {profile_id} not found")
if profile_id == "default" and "id" in profile_data:
raise ValueError("Cannot change id of default profile")
# Update timestamp
profile_data["updated_at"] = datetime.now().isoformat()
# Update profile
current_profile = self.profiles[profile_id].copy() # Hacer una copia
current_profile.update(profile_data) # Actualizar la copia
self.profiles[profile_id] = current_profile # Asignar la copia actualizada
print(f"Updated profile: {self.profiles[profile_id]}")
self._save_profiles()
return self.profiles[profile_id]
except Exception as e:
print(f"Error in update_profile: {e}") # Agregar debug
raise
def delete_profile(self, profile_id: str):
"""Delete profile"""
if profile_id == "default":
raise ValueError("Cannot delete default profile")
if profile_id not in self.profiles:
raise ValueError(f"Profile {profile_id} not found")
del self.profiles[profile_id]
self._save_profiles()

26
claude/profiles.json Normal file
View File

@ -0,0 +1,26 @@
{
"default": {
"id": "default",
"name": "Default Profile",
"work_dir": "",
"llm_settings": {
"model": "gpt-4",
"temperature": 0.7,
"api_key": ""
},
"created_at": "2025-02-07T12:47:49.766608",
"updated_at": "2025-02-07T12:47:49.766608"
},
"1": {
"id": "1",
"name": "Base",
"work_dir": "C:/Estudio",
"llm_settings": {
"api_key": "333333333333",
"model": "gpt-4",
"temperature": 0.7
},
"created_at": "2025-02-07T13:00:43.541932",
"updated_at": "2025-02-07T23:34:43.039269"
}
}

View File

@ -0,0 +1,39 @@
Estructura del proyecto original:
└── LocalScriptsWeb
├── backend
│ ├── core
│ │ ├── __init__.py
│ │ ├── directory_handler.py
│ │ ├── group_settings_manager.py
│ │ ├── profile_manager.py
│ │ ├── script_manager.py
│ │ └── workdir_config.py
│ ├── script_groups
│ │ ├── example_group
│ │ │ ├── __init__.py
│ │ │ ├── config.json
│ │ │ ├── x1.py
│ │ │ └── x2.py
│ │ ├── __init__.py
│ │ ├── base_script.py
│ │ └── config.json
│ ├── __init__.py
│ └── app.py
├── data
│ └── profiles.json
├── frontend
│ ├── static
│ │ ├── css
│ │ │ └── style.css
│ │ └── js
│ │ ├── main.js
│ │ ├── modal.js
│ │ ├── profile.js
│ │ ├── scripts.js
│ │ └── workdir_config.js
│ └── templates
│ ├── base.html
│ └── index.html
├── claude_file_organizer.py
└── files.txt

189
claude/script_manager.py Normal file
View File

@ -0,0 +1,189 @@
# backend/core/script_manager.py
from pathlib import Path
import importlib.util
import inspect
from typing import Dict, List, Any, Optional
import json
from .group_settings_manager import GroupSettingsManager # Agregar esta importación
class ScriptManager:
def __init__(self, script_groups_dir: Path):
self.script_groups_dir = script_groups_dir
self.group_settings = GroupSettingsManager(script_groups_dir)
def get_group_settings(self, group_id: str) -> Dict[str, Any]:
"""Get settings for a script group"""
return self.group_settings.get_group_settings(group_id)
def update_group_settings(self, group_id: str, settings: Dict[str, Any]):
"""Update settings for a script group"""
return self.group_settings.update_group_settings(group_id, settings)
def get_group_config_schema(self, group_id: str) -> Dict[str, Any]:
"""Get configuration schema for a script group"""
config_file = self.script_groups_dir / group_id / "config.json"
print(f"Looking for config file: {config_file}") # Debug
if config_file.exists():
try:
with open(config_file, "r", encoding="utf-8") as f:
schema = json.load(f)
print(f"Loaded schema: {schema}") # Debug
return schema
except Exception as e:
print(f"Error loading group config schema: {e}") # Debug
else:
print(f"Config file not found: {config_file}") # Debug
# Retornar un schema vacío si no existe el archivo
return {"group_name": group_id, "description": "", "config_schema": {}}
def get_available_groups(self) -> List[Dict[str, Any]]:
"""Get list of available script groups"""
groups = []
for group_dir in self.script_groups_dir.iterdir():
if group_dir.is_dir() and not group_dir.name.startswith("_"):
groups.append(
{
"id": group_dir.name,
"name": group_dir.name.replace("_", " ").title(),
"path": str(group_dir),
}
)
return groups
def get_group_scripts(self, group_id: str) -> List[Dict[str, Any]]:
"""Get scripts for a specific group"""
group_dir = self.script_groups_dir / group_id
print(f"Looking for scripts in: {group_dir}") # Debug
if not group_dir.exists() or not group_dir.is_dir():
print(f"Directory not found: {group_dir}") # Debug
raise ValueError(f"Script group '{group_id}' not found")
scripts = []
for script_file in group_dir.glob("x[0-9].py"):
print(f"Found script file: {script_file}") # Debug
script_info = self._analyze_script(script_file)
if script_info:
scripts.append(script_info)
return sorted(scripts, key=lambda x: x["id"])
def discover_groups(self) -> List[Dict[str, Any]]:
"""Discover all script groups"""
groups = []
for group_dir in self.script_groups_dir.iterdir():
if group_dir.is_dir() and not group_dir.name.startswith("_"):
group_info = self._analyze_group(group_dir)
if group_info:
groups.append(group_info)
return groups
def _analyze_group(self, group_dir: Path) -> Optional[Dict[str, Any]]:
"""Analyze a script group directory"""
scripts = []
for script_file in group_dir.glob("x[0-9].py"):
try:
script_info = self._analyze_script(script_file)
if script_info:
scripts.append(script_info)
except Exception as e:
print(f"Error analyzing script {script_file}: {e}")
if scripts:
return {
"id": group_dir.name,
"name": group_dir.name.replace("_", " ").title(),
"scripts": sorted(scripts, key=lambda x: x["id"]),
}
return None
def _analyze_script(self, script_file: Path) -> Optional[Dict[str, Any]]:
"""Analyze a single script file"""
try:
# Import script module
spec = importlib.util.spec_from_file_location(script_file.stem, script_file)
module = importlib.util.module_from_spec(spec)
spec.loader.exec_module(module)
# Find script class
script_class = None
for name, obj in inspect.getmembers(module):
if (
inspect.isclass(obj)
and obj.__module__ == module.__name__
and hasattr(obj, "run")
):
script_class = obj
break
if script_class:
# Extraer la primera línea del docstring como nombre
docstring = inspect.getdoc(script_class)
if docstring:
name, *description = docstring.split("\n", 1)
description = description[0] if description else ""
else:
name = script_file.stem
description = ""
return {
"id": script_file.stem,
"name": name.strip(),
"description": description.strip(),
"file": str(script_file.relative_to(self.script_groups_dir)),
}
except Exception as e:
print(f"Error loading script {script_file}: {e}")
return None
def execute_script(
self, group_id: str, script_id: str, profile: Dict[str, Any]
) -> Dict[str, Any]:
"""Execute a specific script"""
# Get group settings first
group_settings = self.group_settings.get_group_settings(group_id)
work_dir = group_settings.get("work_dir")
if not work_dir:
raise ValueError(f"No work directory configured for group {group_id}")
script_file = self.script_groups_dir / group_id / f"{script_id}.py"
if not script_file.exists():
raise ValueError(f"Script {script_id} not found in group {group_id}")
try:
# Import script module
spec = importlib.util.spec_from_file_location(script_id, script_file)
module = importlib.util.module_from_spec(spec)
spec.loader.exec_module(module)
# Find and instantiate script class
script_class = None
for name, obj in inspect.getmembers(module):
if (
inspect.isclass(obj)
and obj.__module__ == module.__name__
and hasattr(obj, "run")
):
script_class = obj
break
if not script_class:
raise ValueError(f"No valid script class found in {script_id}")
script = script_class()
return script.run(work_dir, profile)
except Exception as e:
return {"status": "error", "error": str(e)}

815
claude/scripts.js Normal file
View File

@ -0,0 +1,815 @@
// frontend/static/js/scripts.js
// Script groups state
let scriptGroups = [];
// Load script groups when page loads
document.addEventListener('DOMContentLoaded', async () => {
await loadScriptGroups();
});
// Load script groups when page loads
document.addEventListener('DOMContentLoaded', async () => {
await loadScriptGroups();
});
async function loadScriptGroups() {
try {
// Obtener los grupos desde el servidor
const groups = await apiRequest('/script-groups');
console.log('Loaded script groups:', groups);
// Obtener el selector y el último grupo seleccionado
const select = document.getElementById('groupSelect');
const lastGroupId = localStorage.getItem('lastGroupId');
console.log('Last group ID:', lastGroupId);
// Remover event listener anterior si existe
select.removeEventListener('change', handleGroupChange);
// Construir las opciones
select.innerHTML = `
<option value="">Seleccionar grupo...</option>
${groups.map(group => `
<option value="${group.id}" ${group.id === lastGroupId ? 'selected' : ''}>
${group.name}
</option>
`).join('')}
`;
// Agregar event listener para cambios
select.addEventListener('change', handleGroupChange);
console.log('Added change event listener to groupSelect');
// Si hay un grupo guardado, cargarlo
if (lastGroupId) {
console.log('Loading last group scripts:', lastGroupId);
await loadGroupScripts(lastGroupId);
}
} catch (error) {
console.error('Error al cargar grupos de scripts:', error);
showError('Error al cargar grupos de scripts');
}
}
// Función para manejar el cambio de grupo
async function handleGroupChange(event) {
const groupId = event.target.value;
console.log('Group selection changed:', groupId);
if (groupId) {
localStorage.setItem('lastGroupId', groupId);
console.log('Saved lastGroupId:', groupId);
} else {
localStorage.removeItem('lastGroupId');
console.log('Removed lastGroupId');
}
await loadGroupScripts(groupId);
}
// Actualizar función de cambio de perfil para mantener la persistencia
async function changeProfile() {
const select = document.getElementById('profileSelect');
if (select.value) {
await selectProfile(select.value);
localStorage.setItem('lastProfileId', select.value);
// Al cambiar de perfil, intentamos mantener el último grupo seleccionado
const lastGroupId = localStorage.getItem('lastGroupId');
if (lastGroupId) {
const groupSelect = document.getElementById('groupSelect');
if (groupSelect) {
groupSelect.value = lastGroupId;
await loadGroupScripts(lastGroupId);
}
}
}
}
async function loadGroupScripts(groupId) {
const scriptList = document.getElementById('scriptList');
if (!groupId) {
scriptList.style.display = 'none';
localStorage.removeItem('lastGroupId'); // Limpiar selección
return;
}
// Guardar grupo seleccionado
localStorage.setItem('lastGroupId', groupId);
console.log('Group saved:', groupId);
if (!currentProfile?.work_dir) {
scriptList.innerHTML = `
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
<div class="flex">
<div class="ml-3">
<p class="text-sm text-yellow-700">
Por favor, seleccione primero un directorio de trabajo
</p>
</div>
</div>
</div>
`;
scriptList.style.display = 'block';
return;
}
try {
console.log('Loading data for group:', groupId);
// Actualizar el selector para reflejar la selección actual
const groupSelect = document.getElementById('groupSelect');
if (groupSelect && groupSelect.value !== groupId) {
groupSelect.value = groupId;
}
// Cargar y loguear scripts
let groupScripts, configSchema;
try {
groupScripts = await apiRequest(`/script-groups/${groupId}/scripts`);
console.log('Scripts loaded:', groupScripts);
} catch (e) {
console.error('Error loading scripts:', e);
throw e;
}
try {
configSchema = await apiRequest(`/script-groups/${groupId}/config-schema`);
console.log('Config schema loaded:', configSchema);
} catch (e) {
console.error('Error loading config schema:', e);
throw e;
}
// Intentar cargar configuración actual
let currentConfig = {};
try {
currentConfig = await apiRequest(
`/workdir-config/${encodeURIComponent(currentProfile.work_dir)}/group/${groupId}`
);
console.log('Current config loaded:', currentConfig);
} catch (e) {
console.warn('No existing configuration found, using defaults');
}
// Verificar que tenemos los datos necesarios
if (!groupScripts || !configSchema) {
throw new Error('Failed to load required data');
}
console.log('Rendering UI with:', {
groupScripts,
configSchema,
currentConfig
});
scriptList.innerHTML = `
<!-- Sección de Configuración -->
<div class="mb-6 bg-white shadow sm:rounded-lg">
<div class="border-b border-gray-200 p-4 flex justify-between items-center">
<div>
<h3 class="text-lg font-medium text-gray-900">
${configSchema.group_name || 'Configuración'}
</h3>
<p class="mt-1 text-sm text-gray-500">${configSchema.description || ''}</p>
</div>
<button onclick="editConfigSchema('${groupId}')"
class="rounded-md bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-200 flex items-center gap-2">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
</svg>
Editar Esquema
</button>
</div>
<div class="p-4">
<form id="groupConfigForm" class="grid grid-cols-2 gap-4">
${Object.entries(configSchema.config_schema || {}).map(([key, field]) => `
<div class="space-y-2 col-span-2">
<label class="block text-sm font-medium text-gray-700">
${field.description}
</label>
${generateFormField(key, field, currentConfig[key])}
</div>
`).join('')}
<div class="col-span-2 flex justify-end pt-4">
<button type="submit"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Guardar Configuración
</button>
</div>
</form>
</div>
</div>
<!-- Lista de Scripts -->
<div class="space-y-4">
${groupScripts.map(script => `
<div class="bg-white px-4 py-3 rounded-md border border-gray-200 hover:border-gray-300 shadow sm:rounded-lg">
<div class="flex justify-between items-start">
<div>
<h4 class="text-sm font-medium text-gray-900">${script.name || script.id}</h4>
<p class="mt-1 text-sm text-gray-500">${script.description || 'Sin descripción disponible'}</p>
</div>
<button onclick="runScript('${groupId}', '${script.id}')"
class="ml-4 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Ejecutar
</button>
</div>
</div>
`).join('')}
</div>`;
scriptList.style.display = 'block';
// Agregar evento para guardar configuración
const form = document.getElementById('groupConfigForm');
form.addEventListener('submit', async (e) => {
e.preventDefault();
await saveGroupConfig(groupId, form);
});
} catch (error) {
console.error('Error in loadGroupScripts:', error);
showError('Failed to load scripts and configuration');
}
}
// Update script groups display
function updateScriptGroupsDisplay() {
const container = document.getElementById('scriptGroups');
if (!scriptGroups.length) {
container.innerHTML = '<p class="no-scripts">No script groups available</p>';
return;
}
container.innerHTML = scriptGroups.map(group => `
<div class="script-group" data-group-id="${group.id}">
<div class="script-group-header">
<h3>${group.name}</h3>
<button onclick="configureGroup('${group.id}')" class="config-btn">
Configure
</button>
</div>
<div class="script-list">
${group.scripts.map(script => `
<div class="script-item">
<div class="script-info">
<h4>${script.name}</h4>
<p>${script.description || 'No description available'}</p>
</div>
<div class="script-actions">
<button onclick="runScript('${group.id}', '${script.id}')" class="run-btn">
Run
</button>
</div>
</div>
`).join('')}
</div>
</div>
`).join('');
}
// Run a script
async function runScript(groupId, scriptId) {
if (!currentProfile?.work_dir) {
showError('Please select a work directory first');
return;
}
try {
const result = await apiRequest(`/scripts/${groupId}/${scriptId}/run`, {
method: 'POST',
body: JSON.stringify({
work_dir: currentProfile.work_dir,
profile: currentProfile
})
});
if (result.status === 'error') {
showError(result.error);
} else {
showSuccess(`Script ${scriptId} executed successfully`);
if (result.output) {
const output = document.getElementById('outputArea');
output.innerHTML += `\n[${new Date().toLocaleTimeString()}] ${result.output}`;
output.scrollTop = output.scrollHeight;
}
}
} catch (error) {
showError(`Failed to run script: ${error.message}`);
}
}
// Configure script group
async function configureGroup(groupId) {
if (!currentProfile?.work_dir) {
showError('Please select a work directory first');
return;
}
try {
const config = await getGroupConfig(groupId);
showGroupConfigEditor(groupId, config);
} catch (error) {
showError('Failed to load group configuration');
}
}
// Show group configuration editor
function showGroupConfigEditor(groupId, config) {
const group = scriptGroups.find(g => g.id === groupId);
if (!group) return;
const modal = document.createElement('div');
modal.className = 'modal active';
modal.innerHTML = `
<div class="modal-content">
<h2>${group.name} Configuration</h2>
<form id="groupConfigForm" onsubmit="saveGroupConfig(event, '${groupId}')">
<div class="form-group">
<label for="configData">Configuration (JSON)</label>
<textarea id="configData" name="config" rows="10"
class="config-editor">${JSON.stringify(config || {}, null, 2)}</textarea>
</div>
<div class="button-group">
<button type="button" onclick="closeModal(this)">Cancel</button>
<button type="submit">Save</button>
</div>
</form>
</div>
`;
document.body.appendChild(modal);
}
function generateFormField(key, field, currentValue) {
switch (field.type) {
case 'string':
return `
<input type="text"
name="${key}"
value="${currentValue || ''}"
class="${STYLES.editableInput}">
`;
case 'number':
return `
<input type="number"
name="${key}"
value="${currentValue || 0}"
class="${STYLES.editableInput}">
`;
case 'boolean':
return `
<select name="${key}" class="${STYLES.editableInput}">
<option value="true" ${currentValue ? 'selected' : ''}>Yes</option>
<option value="false" ${!currentValue ? 'selected' : ''}>No</option>
</select>
`;
case 'select':
return `
<select name="${key}" class="${STYLES.editableInput}">
${field.options.map(opt => `
<option value="${opt}" ${currentValue === opt ? 'selected' : ''}>
${opt}
</option>
`).join('')}
</select>
`;
default:
return `<input type="text" name="${key}" value="${currentValue || ''}" class="${STYLES.editableInput}">`;
}
}
async function loadGroupScripts(groupId) {
const scriptList = document.getElementById('scriptList');
if (!groupId) {
scriptList.style.display = 'none';
localStorage.removeItem('lastGroupId');
return;
}
if (!currentProfile?.work_dir) {
scriptList.innerHTML = `
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
<div class="flex">
<div class="ml-3">
<p class="text-sm text-yellow-700">
Por favor, seleccione primero un directorio de trabajo
</p>
</div>
</div>
</div>
`;
scriptList.style.display = 'block';
return;
}
try {
console.log('Loading data for group:', groupId);
// Cargar y loguear scripts
let groupScripts, configSchema;
try {
groupScripts = await apiRequest(`/script-groups/${groupId}/scripts`);
console.log('Scripts loaded:', groupScripts);
} catch (e) {
console.error('Error loading scripts:', e);
throw e;
}
try {
configSchema = await apiRequest(`/script-groups/${groupId}/config-schema`);
console.log('Config schema loaded:', configSchema);
} catch (e) {
console.error('Error loading config schema:', e);
throw e;
}
// Intentar cargar configuración actual
let currentConfig = {};
try {
console.log('Loading current config for work_dir:', currentProfile.work_dir);
currentConfig = await apiRequest(
`/workdir-config/${encodeURIComponent(currentProfile.work_dir)}/group/${groupId}`
);
console.log('Current config loaded:', currentConfig);
} catch (e) {
console.warn('No existing configuration found, using defaults');
}
// Verificar que tenemos los datos necesarios
if (!groupScripts || !configSchema) {
throw new Error('Failed to load required data');
}
console.log('Rendering UI with:', {
groupScripts,
configSchema,
currentConfig
});
scriptList.innerHTML = `
<!-- Sección de Configuración -->
<div class="mb-6 bg-white shadow sm:rounded-lg">
<div class="border-b border-gray-200 p-4 flex justify-between items-center">
<div>
<h3 class="text-lg font-medium text-gray-900">
${configSchema.group_name || 'Configuración'}
</h3>
<p class="mt-1 text-sm text-gray-500">${configSchema.description || ''}</p>
</div>
<button onclick="editConfigSchema('${groupId}')"
class="rounded-md bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-200 flex items-center gap-2">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
</svg>
Editar Esquema
</button>
</div>
<div class="p-4">
<form id="groupConfigForm" class="grid grid-cols-2 gap-4">
${Object.entries(configSchema.config_schema || {}).map(([key, field]) => `
<div class="space-y-2 col-span-2">
<label class="block text-sm font-medium text-gray-700">
${field.description}
</label>
${generateFormField(key, field, currentConfig[key])}
</div>
`).join('')}
<div class="col-span-2 flex justify-end pt-4">
<button type="submit"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Guardar Configuración
</button>
</div>
</form>
</div>
</div>
<!-- Lista de Scripts -->
<div class="space-y-4">
${groupScripts.map(script => `
<div class="bg-white px-4 py-3 rounded-md border border-gray-200 hover:border-gray-300 shadow sm:rounded-lg">
<div class="flex justify-between items-start">
<div>
<h4 class="text-sm font-medium text-gray-900">${script.name || script.id}</h4>
<p class="mt-1 text-sm text-gray-500">${script.description || 'Sin descripción disponible'}</p>
</div>
<button onclick="runScript('${groupId}', '${script.id}')"
class="ml-4 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Ejecutar
</button>
</div>
</div>
`).join('')}
</div>`;
scriptList.style.display = 'block';
// Agregar evento para guardar configuración
const form = document.getElementById('groupConfigForm');
form.addEventListener('submit', async (e) => {
e.preventDefault();
await saveGroupConfig(groupId, form);
});
} catch (error) {
console.error('Error in loadGroupScripts:', error);
showError('Failed to load scripts and configuration');
}
}
async function editConfigSchema(groupId) {
try {
const schema = await apiRequest(`/script-groups/${groupId}/config-schema`);
const configSection = document.createElement('div');
configSection.id = 'schemaEditor';
configSection.className = 'mb-6 bg-white shadow sm:rounded-lg';
configSection.innerHTML = `
<div class="border-b border-gray-200 p-4 flex justify-between items-center bg-gray-50">
<h3 class="text-lg font-medium text-gray-900">Editar Configuración del Esquema</h3>
<button onclick="this.closest('#schemaEditor').remove()"
class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Cerrar Editor
</button>
</div>
<div class="p-4">
<div class="space-y-4">
<div class="grid grid-cols-2 gap-4">
<div>
<label class="block text-sm font-medium text-gray-700">Nombre del Grupo</label>
<input type="text" name="group_name" value="${schema.group_name}"
class="${STYLES.editableInput}">
</div>
<div class="text-right">
<button onclick="addParameter(this)"
class="mt-6 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white hover:bg-indigo-500">
Agregar Parámetro
</button>
</div>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Descripción</label>
<input type="text" name="description" value="${schema.description}"
class="${STYLES.editableInput}">
</div>
<div id="parameters" class="space-y-2">
<div class="flex justify-between items-center">
<h4 class="font-medium text-gray-900">Parámetros</h4>
</div>
${Object.entries(schema.config_schema).map(([key, param]) => `
<div class="parameter-item bg-gray-50 p-4 rounded-md relative">
<button onclick="removeParameter(this)"
class="absolute top-2 right-2 text-red-600 hover:text-red-700">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="grid grid-cols-2 gap-4">
<div>
<label class="block text-sm font-medium text-gray-700">Parameter Name</label>
<input type="text" name="param_name" value="${key}"
class="${STYLES.editableInput}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Type</label>
<select name="param_type"
onchange="handleTypeChange(this)"
class="${STYLES.editableInput}">
<option value="string" ${param.type === 'string' ? 'selected' : ''}>String</option>
<option value="number" ${param.type === 'number' ? 'selected' : ''}>Number</option>
<option value="boolean" ${param.type === 'boolean' ? 'selected' : ''}>Boolean</option>
<option value="select" ${param.type === 'select' ? 'selected' : ''}>Select</option>
</select>
</div>
<div class="col-span-2">
<label class="block text-sm font-medium text-gray-700">Description</label>
<input type="text" name="param_description" value="${param.description}"
class="${STYLES.editableInput}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Default Value</label>
<input type="text" name="param_default" value="${param.default}"
class="${STYLES.editableInput}">
</div>
${param.type === 'select' ? `
<div>
<label class="block text-sm font-medium text-gray-700">Options (comma-separated)</label>
<input type="text" name="param_options" value="${param.options.join(', ')}"
class="${STYLES.editableInput}">
</div>
` : ''}
</div>
</div>
`).join('')}
</div>
<div class="flex justify-end space-x-3 pt-4 border-t border-gray-200">
<button onclick="this.closest('#schemaEditor').remove()"
class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Cancelar
</button>
<button onclick="saveConfigSchema('${groupId}', this.closest('#schemaEditor'))"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Guardar Cambios
</button>
</div>
</div>
</div>
`;
// Insertamos el editor justo después del botón "Edit Schema"
const scriptList = document.getElementById('scriptList');
const existingEditor = document.getElementById('schemaEditor');
if (existingEditor) {
existingEditor.remove();
}
scriptList.insertBefore(configSection, scriptList.firstChild);
} catch (error) {
showError('Error al cargar el esquema de configuración');
}
}
function createModal(title, content, onSave = null) {
const modal = document.createElement('div');
modal.className = 'fixed inset-0 bg-gray-500 bg-opacity-75 flex items-center justify-center z-50 p-4';
modal.innerHTML = `
<div class="bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[90vh] flex flex-col">
<div class="px-6 py-4 border-b border-gray-200">
<h3 class="text-lg font-medium text-gray-900">${title}</h3>
</div>
<div class="px-6 py-4 overflow-y-auto flex-1">
${content}
</div>
<div class="px-6 py-4 bg-gray-50 rounded-b-lg flex justify-end gap-3 border-t border-gray-200">
<button onclick="closeModal(this)"
class="rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
Cancelar
</button>
${onSave ? `
<button onclick="saveModal(this)"
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
Guardar
</button>
` : ''}
</div>
</div>
`;
document.body.appendChild(modal);
return modal;
}
function addParameter(button) {
const parametersDiv = button.closest('.space-y-4').querySelector('#parameters');
const newParam = document.createElement('div');
newParam.className = 'parameter-item bg-gray-50 p-4 rounded-md relative';
newParam.innerHTML = `
<button onclick="removeParameter(this)"
class="absolute top-2 right-2 text-red-600 hover:text-red-700">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="grid grid-cols-2 gap-4">
<div>
<label class="block text-sm font-medium text-gray-700">Parameter Name</label>
<input type="text" name="param_name" value=""
class="${STYLES.editableInput}">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Type</label>
<select name="param_type"
onchange="handleTypeChange(this)"
class="${STYLES.editableInput}">
<option value="string">String</option>
<option value="number">Number</option>
<option value="boolean">Boolean</option>
<option value="select">Select</option>
</select>
</div>
<div class="col-span-2">
<label class="block text-sm font-medium text-gray-700">Description</label>
<input type="text" name="param_description" value=""
class="${STYLES.editableInput}">
</div>
<div class="col-span-2">
<label class="block text-sm font-medium text-gray-700">Default Value</label>
<input type="text" name="param_default" value=""
class="${STYLES.editableInput}">
</div>
</div>
`;
parametersDiv.appendChild(newParam);
}
function removeParameter(button) {
button.closest('.parameter-item').remove();
}
function handleTypeChange(select) {
const paramItem = select.closest('.parameter-item');
const optionsDiv = paramItem.querySelector('[name="param_options"]')?.closest('div');
if (select.value === 'select') {
if (!optionsDiv) {
const div = document.createElement('div');
div.className = 'col-span-2';
div.innerHTML = `
<label class="block text-sm font-medium text-gray-700">Options (comma-separated)</label>
<input type="text" name="param_options" value=""
class="${STYLES.editableInput}">
`;
paramItem.querySelector('.grid').appendChild(div);
}
} else {
optionsDiv?.remove();
}
}
async function saveConfigSchema(groupId, modal) {
const form = modal.querySelector('div');
const schema = {
group_name: form.querySelector('[name="group_name"]').value,
description: form.querySelector('[name="description"]').value,
config_schema: {}
};
// Recopilar parámetros
form.querySelectorAll('.parameter-item').forEach(item => {
const name = item.querySelector('[name="param_name"]').value;
const type = item.querySelector('[name="param_type"]').value;
const description = item.querySelector('[name="param_description"]').value;
const defaultValue = item.querySelector('[name="param_default"]').value;
const param = {
type,
description,
default: type === 'boolean' ? defaultValue === 'true' : defaultValue
};
if (type === 'select') {
const options = item.querySelector('[name="param_options"]').value
.split(',')
.map(opt => opt.trim())
.filter(Boolean);
param.options = options;
}
schema.config_schema[name] = param;
});
try {
await apiRequest(`/script-groups/${groupId}/config-schema`, {
method: 'PUT',
body: JSON.stringify(schema)
});
closeModal(modal.querySelector('button'));
showSuccess('Configuration schema updated successfully');
// Recargar la página para mostrar los cambios
loadGroupScripts(groupId);
} catch (error) {
showError('Failed to update configuration schema');
}
}
function showScriptForm(script) {
const modal = document.createElement('div');
modal.className = 'modal active';
modal.innerHTML = `
<div class="modal-content">
<h2 class="text-xl font-bold mb-4">${script.name}</h2>
<form id="scriptForm" class="space-y-4">
<div class="form-group">
<label class="block text-sm font-medium text-gray-700">Parameters</label>
<textarea name="parameters" rows="4"
class="${STYLES.editableInput}"
placeholder="Enter script parameters (optional)"></textarea>
</div>
<div class="mt-4 flex justify-end space-x-3">
<button type="button" onclick="closeModal(this)"
class="${STYLES.buttonSecondary}">Cancel</button>
<button type="submit"
class="${STYLES.button}">Run</button>
</div>
</form>
<div id="scriptOutput" class="mt-4 hidden">
<h3 class="font-bold mb-2">Output:</h3>
<pre class="output-area p-4 bg-gray-100 rounded"></pre>
</div>
</div>
`;
document.body.appendChild(modal);
}

31
claude/style.css Normal file
View File

@ -0,0 +1,31 @@
/* frontend/static/css/style.css */
/* Solo mantenemos estilos específicos que no podemos lograr fácilmente con Tailwind */
.output-area {
white-space: pre-wrap;
word-wrap: break-word;
}
/* Estilos para modales que no se pueden lograr fácilmente con Tailwind */
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content {
background: white;
padding: 2rem;
border-radius: 0.5rem;
max-width: 600px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
}

161
claude/workdir_config.js Normal file
View File

@ -0,0 +1,161 @@
// frontend/static/js/workdir_config.js
async function getWorkDirConfig() {
if (!currentProfile?.work_dir) {
showError('No se ha seleccionado un directorio de trabajo');
return null;
}
try {
return await apiRequest(`/workdir-config/${encodeURIComponent(currentProfile.work_dir)}`);
} catch (error) {
showError('Error al cargar la configuración del directorio de trabajo');
return null;
}
}
async function getGroupConfig(groupId) {
if (!currentProfile?.work_dir) {
showError('No se ha seleccionado un directorio de trabajo');
return null;
}
try {
return await apiRequest(
`/workdir-config/${encodeURIComponent(currentProfile.work_dir)}/group/${groupId}`
);
} catch (error) {
showError('Error al cargar la configuración del grupo');
return null;
}
}
async function updateGroupConfig(groupId, settings) {
if (!currentProfile?.work_dir) {
showError('No se ha seleccionado un directorio de trabajo');
return false;
}
try {
await apiRequest(
`/workdir-config/${encodeURIComponent(currentProfile.work_dir)}/group/${groupId}`,
{
method: 'PUT',
body: JSON.stringify(settings)
}
);
showSuccess('Group configuration updated successfully');
return true;
} catch (error) {
showError('Failed to update group configuration');
return false;
}
}
function showConfigEditor(config, schema) {
const modal = document.createElement('div');
modal.className = 'modal active';
const formContent = Object.entries(schema).map(([key, field]) => `
<div class="form-group">
<label class="block text-sm font-medium text-gray-700">${field.description || key}</label>
${getInputByType(key, field, config[key])}
</div>
`).join('');
modal.innerHTML = `
<div class="modal-content">
<h2 class="text-xl font-bold mb-4">Work Directory Configuration</h2>
<form id="configForm" class="space-y-4">
${formContent}
<div class="mt-4 flex justify-end space-x-3">
<button type="button" onclick="closeModal(this)"
class="${STYLES.buttonSecondary}">Cancel</button>
<button type="submit"
class="${STYLES.button}">Save</button>
</div>
</form>
</div>
`;
document.body.appendChild(modal);
}
function getInputByType(key, field, value) {
switch (field.type) {
case 'select':
return `
<select name="${key}"
class="${STYLES.editableInput}">
${field.options.map(opt => `
<option value="${opt}" ${value === opt ? 'selected' : ''}>
${opt}
</option>
`).join('')}
</select>`;
case 'boolean':
return `
<select name="${key}"
class="${STYLES.editableInput}">
<option value="true" ${value ? 'selected' : ''}>Yes</option>
<option value="false" ${!value ? 'selected' : ''}>No</option>
</select>`;
case 'number':
return `
<input type="number" name="${key}"
value="${value || field.default || ''}"
class="${STYLES.editableInput}">`;
default:
return `
<input type="text" name="${key}"
value="${value || field.default || ''}"
class="${STYLES.editableInput}">`;
}
}
// static/js/workdir_config.js
async function showWorkDirConfig() {
if (!currentProfile?.work_dir) {
showError('No se ha seleccionado un directorio de trabajo');
return;
}
try {
const config = await getWorkDirConfig();
const content = `
<div class="space-y-4">
<div>
<h4 class="text-sm font-medium text-gray-900">Directory</h4>
<p class="mt-1 text-sm text-gray-500">${currentProfile.work_dir}</p>
</div>
<div>
<h4 class="text-sm font-medium text-gray-900">Version</h4>
<p class="mt-1 text-sm text-gray-500">${config.version}</p>
</div>
<div>
<h4 class="text-sm font-medium text-gray-900">Group Configurations</h4>
<div class="mt-2 space-y-3">
${Object.entries(config.group_settings || {}).map(([groupId, settings]) => `
<div class="rounded-md bg-gray-50 p-3">
<h5 class="text-sm font-medium text-gray-900">${groupId}</h5>
<pre class="mt-2 text-xs text-gray-500">${JSON.stringify(settings, null, 2)}</pre>
</div>
`).join('')}
</div>
</div>
</div>
`;
createModal('Work Directory Configuration', content);
} catch (error) {
showError('Error al cargar la configuración del directorio de trabajo');
}
}
function closeModal(button) {
const modal = button.closest('.modal');
if (modal) {
modal.remove();
}
}

72
claude/workdir_config.py Normal file
View File

@ -0,0 +1,72 @@
# backend/core/workdir_config.py
from pathlib import Path
import json
from typing import Dict, Any, Optional
from datetime import datetime
class WorkDirConfigManager:
"""Manages configuration files in work directories"""
DEFAULT_CONFIG = {
"version": "1.0",
"created_at": "",
"updated_at": "",
"group_settings": {}
}
def __init__(self, work_dir: str):
self.work_dir = Path(work_dir)
self.config_file = self.work_dir / "script_config.json"
def get_config(self) -> Dict[str, Any]:
"""Get configuration for work directory"""
if self.config_file.exists():
try:
with open(self.config_file, 'r', encoding='utf-8') as f:
return json.load(f)
except Exception as e:
print(f"Error loading work dir config: {e}")
return self._create_default_config()
return self._create_default_config()
def _create_default_config(self) -> Dict[str, Any]:
"""Create default configuration"""
config = self.DEFAULT_CONFIG.copy()
now = datetime.now().isoformat()
config["created_at"] = now
config["updated_at"] = now
return config
def save_config(self, config: Dict[str, Any]):
"""Save configuration to file"""
# Ensure work directory exists
self.work_dir.mkdir(parents=True, exist_ok=True)
# Update timestamp
config["updated_at"] = datetime.now().isoformat()
# Save config
with open(self.config_file, 'w', encoding='utf-8') as f:
json.dump(config, f, indent=4)
def get_group_config(self, group_id: str) -> Dict[str, Any]:
"""Get configuration for specific script group"""
config = self.get_config()
return config["group_settings"].get(group_id, {})
def update_group_config(self, group_id: str, settings: Dict[str, Any]):
"""Update configuration for specific script group"""
config = self.get_config()
if "group_settings" not in config:
config["group_settings"] = {}
config["group_settings"][group_id] = settings
self.save_config(config)
def remove_group_config(self, group_id: str):
"""Remove configuration for specific script group"""
config = self.get_config()
if group_id in config.get("group_settings", {}):
del config["group_settings"][group_id]
self.save_config(config)

108
claude/x1.py Normal file
View File

@ -0,0 +1,108 @@
# backend/script_groups/example_group/x1.py
from backend.script_groups.base_script import BaseScript
import os
from pathlib import Path
import json
import csv
from datetime import datetime
class FileCounter(BaseScript):
"""
File Analysis
Analyzes files in directory with configurable filters and reporting
"""
def run(self, work_dir: str, profile: dict) -> dict:
try:
# Get configuration
config = self.get_config(work_dir, "example_group")
# Process configuration values
exclude_dirs = [d.strip() for d in config.get("exclude_dirs", "").split(",") if d.strip()]
count_hidden = config.get("count_hidden", False)
min_size = config.get("min_size", 0)
save_report = config.get("save_report", True)
report_format = config.get("report_format", "json")
# Initialize counters
extension_counts = {}
total_files = 0
total_size = 0
skipped_files = 0
# Walk through directory
for root, dirs, files in os.walk(work_dir):
# Skip excluded directories
dirs[:] = [d for d in dirs if d not in exclude_dirs]
for file in files:
file_path = Path(root) / file
# Skip hidden files if not counting them
if not count_hidden and file.startswith('.'):
skipped_files += 1
continue
# Check file size
try:
file_size = file_path.stat().st_size
if file_size < min_size:
skipped_files += 1
continue
except:
continue
# Count file
total_files += 1
total_size += file_size
ext = file_path.suffix.lower() or 'no extension'
extension_counts[ext] = extension_counts.get(ext, 0) + 1
# Prepare results
results = {
"scan_time": datetime.now().isoformat(),
"total_files": total_files,
"total_size": total_size,
"skipped_files": skipped_files,
"extension_counts": extension_counts
}
# Save report if configured
if save_report:
report_path = Path(work_dir) / f"file_analysis.{report_format}"
if report_format == "json":
with open(report_path, 'w') as f:
json.dump(results, f, indent=2)
elif report_format == "csv":
with open(report_path, 'w', newline='') as f:
writer = csv.writer(f)
writer.writerow(["Extension", "Count"])
for ext, count in sorted(extension_counts.items()):
writer.writerow([ext, count])
else: # txt
with open(report_path, 'w') as f:
f.write(f"File Analysis Report\n")
f.write(f"Generated: {results['scan_time']}\n\n")
f.write(f"Total Files: {total_files}\n")
f.write(f"Total Size: {total_size:,} bytes\n")
f.write(f"Skipped Files: {skipped_files}\n\n")
f.write("Extension Counts:\n")
for ext, count in sorted(extension_counts.items()):
f.write(f"{ext}: {count}\n")
return {
"status": "success",
"data": results,
"output": f"Found {total_files:,} files ({total_size:,} bytes)\n" +
f"Skipped {skipped_files} files\n\n" +
"Extensions:\n" + "\n".join(
f"{ext}: {count:,} files"
for ext, count in sorted(extension_counts.items())
)
}
except Exception as e:
return {
"status": "error",
"error": str(e)
}

104
claude/x2.py Normal file
View File

@ -0,0 +1,104 @@
# backend/script_groups/example_group/x2.py
from backend.script_groups.base_script import BaseScript
import psutil
import json
from datetime import datetime
from pathlib import Path
class SystemInfo(BaseScript):
"""
System Monitor
Collects and analyzes system performance metrics
"""
def run(self, work_dir: str, profile: dict) -> dict:
try:
# Get configuration from the same config.json
config = self.get_config(work_dir, "example_group")
save_report = config.get("save_report", True)
report_format = config.get("report_format", "json")
# Collect system information
cpu_freq = psutil.cpu_freq()
memory = psutil.virtual_memory()
disk = psutil.disk_usage(work_dir)
info = {
"timestamp": datetime.now().isoformat(),
"cpu": {
"cores": psutil.cpu_count(),
"physical_cores": psutil.cpu_count(logical=False),
"frequency": {
"current": round(cpu_freq.current, 2) if cpu_freq else None,
"min": round(cpu_freq.min, 2) if cpu_freq else None,
"max": round(cpu_freq.max, 2) if cpu_freq else None
},
"usage_percent": psutil.cpu_percent(interval=1)
},
"memory": {
"total": memory.total,
"available": memory.available,
"used": memory.used,
"percent": memory.percent
},
"disk": {
"total": disk.total,
"used": disk.used,
"free": disk.free,
"percent": disk.percent
},
"network": {
"interfaces": list(psutil.net_if_addrs().keys()),
"connections": len(psutil.net_connections())
}
}
# Save report if configured
if save_report:
report_path = Path(work_dir) / f"system_info.{report_format}"
if report_format == "json":
with open(report_path, 'w') as f:
json.dump(info, f, indent=2)
elif report_format == "csv":
with open(report_path, 'w', newline='') as f:
writer = csv.writer(f)
writer.writerow(["Metric", "Value"])
writer.writerow(["CPU Cores", info["cpu"]["cores"]])
writer.writerow(["CPU Usage", f"{info['cpu']['usage_percent']}%"])
writer.writerow(["Memory Total", f"{info['memory']['total']:,} bytes"])
writer.writerow(["Memory Used", f"{info['memory']['percent']}%"])
writer.writerow(["Disk Total", f"{info['disk']['total']:,} bytes"])
writer.writerow(["Disk Used", f"{info['disk']['percent']}%"])
else: # txt
with open(report_path, 'w') as f:
f.write(f"System Information Report\n")
f.write(f"Generated: {info['timestamp']}\n\n")
f.write(f"CPU:\n")
f.write(f" Cores: {info['cpu']['cores']}\n")
f.write(f" Usage: {info['cpu']['usage_percent']}%\n\n")
f.write(f"Memory:\n")
f.write(f" Total: {info['memory']['total']:,} bytes\n")
f.write(f" Used: {info['memory']['percent']}%\n\n")
f.write(f"Disk:\n")
f.write(f" Total: {info['disk']['total']:,} bytes\n")
f.write(f" Used: {info['disk']['percent']}%\n")
# Format output
output = f"""System Information:
CPU: {info['cpu']['cores']} cores ({info['cpu']['usage_percent']}% usage)
Memory: {info['memory']['percent']}% used ({info['memory']['available']:,} bytes available)
Disk: {info['disk']['percent']}% used ({info['disk']['free']:,} bytes free)
Network Interfaces: {', '.join(info['network']['interfaces'])}
Active Connections: {info['network']['connections']}"""
return {
"status": "success",
"data": info,
"output": output
}
except Exception as e:
return {
"status": "error",
"error": str(e)
}