Integración de los Nodos Integradores to int y to float

Author: Shuuida

core/translation_rules.py

@@ -81,6 +81,13 @@ def block_to_code(block: Dict[str, Any], level: int = 0) -> str:
         safe_prompt = f"'{prompt}'" if prompt else "''"
         return f"{indent}{target} = input({safe_prompt})\n"
 
+    # Transformación de Tipos (Casting a Int / Float)
+    if b_type in ['py_int', 'py_float']:
+        target = _safe_str(block.get('target', 'res'))
+        val = _safe_str(block.get('value', '0'))
+        func = 'int' if b_type == 'py_int' else 'float'
+        return f"{indent}{target} = {func}({val})\n"
+
     # Comparaciones (Sueltas o para IF)
     if b_type == 'py_compare':
         # Nota: Normalmente esto iría dentro de un If, pero si está suelto:
@@ -214,6 +221,16 @@ def ast_node_to_block(node: ast.AST) -> Dict[str, Any]:
         if isinstance(node.value, ast.Call) and _ast_expr_to_str(node.value.func) == 'input':
             prompt = _ast_expr_to_str(node.value.args[0]) if node.value.args else '""'
             return {"type": "py_input", "target": target, "prompt": prompt}
+
+        if isinstance(node.value, ast.Call):
+            func_name = _ast_expr_to_str(node.value.func)
+            if func_name in ['int', 'float']:
+                arg_val = _ast_expr_to_str(node.value.args[0]) if node.value.args else '0'
+                return {
+                    "type": f"py_{func_name}", 
+                    "target": target, 
+                    "value": arg_val
+                }
         # Math
         if isinstance(node.value, ast.BinOp):
             return {

web/index.html

@@ -453,6 +453,8 @@ <h2 className="text-white font-bold flex items-center gap-2">
             py_return: ({ data, id }) => <BaseNode title="Return" icon={ArrowLeft} color="bg-rose-600"><input name="value" placeholder="val" className="node-input nodrag" value={data.value||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></BaseNode>,
             py_control: ({ data, id }) => <BaseNode title="Control" icon={XCircle} color="bg-red-800"><select name="control_type" className="node-input nodrag" value={data.control_type||'break'} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})}><option value="break">Break</option><option value="continue">Continue</option><option value="pass">Pass</option></select></BaseNode>,
             py_input: ({ data, id }) => <BaseNode title="Input" icon={Keyboard} color="bg-slate-600"><input name="prompt" placeholder="msg" className="node-input nodrag mb-1" value={data.prompt||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /><input name="target" placeholder="var" className="node-input nodrag" value={data.target||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></BaseNode>,
+            py_int: ({ data, id }) => <BaseNode title="To Integer" icon={Code} color="bg-pink-700"><div className="flex gap-1 items-center mb-1"><span className="text-xs font-mono">int(</span><input name="value" placeholder="var" className="node-input nodrag w-16" value={data.value||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /><span className="text-xs font-mono">)</span></div><div className="flex items-center gap-1"><span className="text-xs">Save:</span><input name="target" placeholder="res" className="node-input nodrag" value={data.target||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></div></BaseNode>,
+            py_float: ({ data, id }) => <BaseNode title="To Decimal" icon={Code} color="bg-pink-600"><div className="flex gap-1 items-center mb-1"><span className="text-xs font-mono">float(</span><input name="value" placeholder="var" className="node-input nodrag w-16" value={data.value||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /><span className="text-xs font-mono">)</span></div><div className="flex items-center gap-1"><span className="text-xs">Save:</span><input name="target" placeholder="res" className="node-input nodrag" value={data.target||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></div></BaseNode>,
             py_class: ({ data, id }) => <BaseNode title="Class" icon={Box} color="bg-indigo-700"><input name="name" placeholder="Name" className="node-input nodrag mb-1" value={data.name||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /><input name="bases" placeholder="Inherits" className="node-input nodrag" value={data.bases||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></BaseNode>,
             py_import: ({ data, id }) => <BaseNode title="Import" icon={Package} color="bg-sky-700"><div className="flex gap-1 mb-1"><span className="text-xs">from</span><input name="from" className="node-input nodrag" value={data.from||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></div><div className="flex gap-1"><span className="text-xs">import</span><input name="names" className="node-input nodrag" value={data.names||''} onChange={e=>data.onChange(id, {...data, [e.target.name]: e.target.value})} /></div></BaseNode>,
             py_try: ({ data, id }) => <BaseNode title="Try/Except" icon={AlertTriangle} color="bg-amber-600"><div className="text-xs text-gray-300">Errors handled below</div></BaseNode>
@@ -1115,6 +1117,8 @@ <h3 className="text-red-400 font-bold uppercase text-xs mb-3 flex items-center g
                             <div className="flex-1 overflow-y-auto p-2 space-y-1">
                                 <SidebarBtn label="Variable" icon={Variable} color="text-yellow-400" nodeType="py_var" onDragStart={onDragStart} />
                                 <SidebarBtn label="Input" icon={Keyboard} color="text-slate-400" nodeType="py_input" onDragStart={onDragStart} />
+                                <SidebarBtn label="To Int (Entero)" icon={Code} color="text-pink-500" nodeType="py_int" onDragStart={onDragStart} />
+                                <SidebarBtn label="To Float (Decimal)" icon={Code} color="text-pink-400" nodeType="py_float" onDragStart={onDragStart} />
                                 <SidebarBtn label="Print" icon={Terminal} color="text-gray-400" nodeType="py_print" onDragStart={onDragStart} />
                                 <div className="my-2 border-t border-gray-800"></div>
                                 <SidebarBtn label="If" icon={Split} color="text-orange-400" nodeType="py_if" onDragStart={onDragStart} />