this the code below we need to add new future make it from user input do it without miss anything in the code and return all code after u add it only the code return here is the code no i mean same as this make it here only we want that draggbleaccept work dont add anything else or miss any thing here // Helper class to store the location of a node in the JSON tree class _NodeLocation { final Map node; final Map? parent; // Null if node is root final String? keyInParent; // e.g., 'child', 'children', 'body' final int? indexInParentList; // Index if keyInParent is 'children', otherwise null _NodeLocation( this.node, this.parent, this.keyInParent, this.indexInParentList, ); } class FrameJsonPrivwo extends StatefulWidget { const FrameJsonPrivwo({ super.key, this.width, this.height, required this.devices, this.proparteisAct, this.youtWidgety, this.pdfWidgety, this.onDragAction, }); final double? width; final double? height; final int devices; final Future Function()? proparteisAct; final Widget Function(String? srcVideo, String? idw, double? widthwg, double? heightwg, bool? mute, bool? loop)? youtWidgety; final Widget Function(String? srcPdf, double? heightwg, double? widthwg)? pdfWidgety; final Future Function()? onDragAction; @override State createState() => _FrameJsonPrivwoState(); } class _FrameJsonPrivwoState extends State { Widget _dynamicWidget = const Center(child: CircularProgressIndicator()); // Initial state Size deviceSize = const Size(390, 844); // Default iPhone 13 Mini like size final Map _mousyWidgetKeys = {}; @override void initState() { super.initState(); FFAppState().topwidgetid = ""; // Initialize with empty string or a non-null default FFAppState().bottomwidgetid = ""; // Initialize with empty string // Provide a default JSON if FFAppState().jsoncode is empty to avoid initial errors if (FFAppState().jsoncode.isEmpty) { FFAppState().jsoncode = jsonEncode({ "id": "root_scaffold_1", "type": "Scaffold", "backgroundColor": "#FFFFFF", "appBar": { "id": "appbar_1", "type": "AppBar", "title": {"id": "appbar_title_1", "type": "Text", "value": "My App"}, "backgroundColor": "#007AFF" }, "body": { "id": "body_container_1", "type": "Container", "color": "#EEEEEE", "child": { "id": "center_1", "type": "Center", "child": { "id": "text_1", "type": "Text", "value": "Drag and Drop Widgets Here!" } } } }); } _loadDynamicWidget(FFAppState().jsoncode); _updateFlutterCode(FFAppState().jsoncode); FFAppState().addListener(_handleAppStateChange); } void _handleAppStateChange() { if (mounted) { _loadDynamicWidget(FFAppState().jsoncode); _updateFlutterCode(FFAppState().jsoncode); } } void _updateFlutterCode(String jsonString) { try { if (jsonString.isNotEmpty) { final decodedJson = jsonDecode(jsonString); final flutterCode = generateFlutterCodeFromJson(decodedJson as Map); FFAppState().fluttercode = flutterCode; } else { FFAppState().fluttercode = "// JSON is empty"; } } catch (e) { FFAppState().fluttercode = "// Error generating code: $e"; print("Error generating Flutter code: $e"); } } @override void dispose() { FFAppState().removeListener(_handleAppStateChange); super.dispose(); } void _loadDynamicWidget(String jsonString) { _mousyWidgetKeys.clear(); try { if (jsonString.isEmpty) { _dynamicWidget = _errorWidget("JSON string is empty."); } else { final decodedJson = jsonDecode(jsonString); if (decodedJson is Map) { final String widgetId = decodedJson["id"]?.toString() ?? "root_${UniqueKey().toString()}"; if (decodedJson["id"] == null || (decodedJson["id"] is String && decodedJson["id"].isEmpty)) { decodedJson["id"] = widgetId; } _dynamicWidget = _buildWidgetFromJson(decodedJson, widgetId); } else { _dynamicWidget = _errorWidget("Decoded JSON is not a Map."); } } } catch (e, s) { print("Error loading dynamic widget: $e\n$s"); _dynamicWidget = _errorWidget("Failed to parse JSON: ${e.toString()}"); } if (mounted) { setState(() {}); } } DeviceInfo getDevice() { // Added more cases for completeness based on original context switch (widget.devices) { case 1: deviceSize = const Size(375, 812); return Devices.ios.iPhone13Mini; case 2: deviceSize = const Size(412, 915); return Devices.android.samsungGalaxyNote20Ultra; case 3: deviceSize = const Size(428, 926); return Devices.ios.iPhone13ProMax; case 4: deviceSize = const Size(360, 800); return Devices.android.samsungGalaxyS20; case 5: deviceSize = const Size(390, 844); return Devices.ios.iPhone12; case 6: deviceSize = const Size(412, 914); return Devices.android.samsungGalaxyA50; case 7: deviceSize = const Size(375, 667); return Devices.ios.iPhoneSE; case 8: deviceSize = const Size(810, 1080); return Devices.ios.iPadAir4; case 9: deviceSize = const Size(340, 670); return Devices.ios.iPhone13Mini; // Or a generic device if no frame case 10: deviceSize = const Size(1920, 1080); return Devices.windows.laptop; default: deviceSize = const Size(390, 844); return Devices.ios.iPhone13Mini; } } void _updateDropTarget(Offset globalPosition) { String? newTargetId; for (var entry in _mousyWidgetKeys.entries) { final key = entry.value; final widgetId = entry.key; if (FFAppState().topwidgetid == widgetId) continue; final RenderBox? renderBox = key.currentContext?.findRenderObject() as RenderBox?; if (renderBox != null && renderBox.hasSize) { final Offset localPosition = renderBox.globalToLocal(globalPosition); if (renderBox.size.contains(localPosition)) { newTargetId = widgetId; break; } } } if (FFAppState().bottomwidgetid != newTargetId) { FFAppState().bottomwidgetid = newTargetId ?? ""; // Assign empty string if newTargetId is null if (mounted) { setState(() {}); } } } _NodeLocation? _findNodeInJsonRecursive( Map currentNode, String targetId, { Map? parentNode, String? keyInParent, int? indexInList, }) { if (currentNode['id']?.toString() == targetId) { return _NodeLocation(currentNode, parentNode, keyInParent, indexInList); } const singleChildKeys = ['child', 'body', 'appBar', 'bottomNavigationBar']; for (var key in singleChildKeys) { if (currentNode[key] is Map) { final result = _findNodeInJsonRecursive( currentNode[key], targetId, parentNode: currentNode, keyInParent: key, ); if (result != null) return result; } } const listChildKeys = ['children', 'actions']; for (var key in listChildKeys) { if (currentNode[key] is List) { List childrenList = currentNode[key]; for (int i = 0; i < childrenList.length; i++) { if (childrenList[i] is Map) { final result = _findNodeInJsonRecursive( childrenList[i], targetId, parentNode: currentNode, keyInParent: key, indexInList: i, ); if (result != null) return result; } } } } return null; } // MODIFIED: _handleJsonUpdateOnDragEnd now takes only one argument void _handleJsonUpdateOnDragEnd(String draggedWidgetId) { final String targetWidgetId = FFAppState().bottomwidgetid ?? ""; if (targetWidgetId.isEmpty || targetWidgetId == draggedWidgetId) { print( "Drag ended: No valid target or dropped on itself. Target: $targetWidgetId, Dragged: $draggedWidgetId"); FFAppState().topwidgetid = ""; FFAppState().bottomwidgetid = ""; if (mounted) setState(() {}); return; } try { String currentJsonString = FFAppState().jsoncode; if (currentJsonString.isEmpty) return; Map rootJson = jsonDecode(currentJsonString); Map workingJsonTree = Map.from(rootJson); _NodeLocation? draggedNodeInfo = _findNodeInJsonRecursive(workingJsonTree, draggedWidgetId); if (draggedNodeInfo == null) { print("Error: Dragged widget $draggedWidgetId not found in JSON."); return; } Map nodeToMove = Map.from(draggedNodeInfo.node); Map? originalParent = draggedNodeInfo.parent; String? keyInOriginalParent = draggedNodeInfo.keyInParent; int? indexInOriginalParentList = draggedNodeInfo.indexInParentList; bool movedAsWrapper = false; const layoutWrapperTypes = ['Padding', 'Align', 'Center']; if (originalParent != null && layoutWrapperTypes .contains(originalParent['type']?.toString() ?? '') && keyInOriginalParent == 'child') { bool isSimpleWrapper = true; if (isSimpleWrapper) { _NodeLocation? wrapperInfo = _findNodeInJsonRecursive( workingJsonTree, originalParent['id']?.toString() ?? ''); if (wrapperInfo != null) { print( "Moving layout wrapper '${originalParent['type']}' for widget $draggedWidgetId"); nodeToMove = Map.from(originalParent); originalParent = wrapperInfo.parent; keyInOriginalParent = wrapperInfo.keyInParent; indexInOriginalParentList = wrapperInfo.indexInParentList; movedAsWrapper = true; } } } if (originalParent == null) { print("Cannot move the root widget."); return; } if (keyInOriginalParent == 'children' && indexInOriginalParentList != null) { (originalParent[keyInOriginalParent] as List) .removeAt(indexInOriginalParentList); } else if (keyInOriginalParent != null) { originalParent.remove(keyInOriginalParent); } else { print( "Error: Could not determine how to remove dragged widget from original parent."); return; } _NodeLocation? targetNodeInfo = _findNodeInJsonRecursive(workingJsonTree, targetWidgetId); if (targetNodeInfo == null) { print( "Error: Target widget $targetWidgetId not found in JSON after potential removal. Aborting move."); return; } Map targetNode = targetNodeInfo.node; String targetType = targetNode['type']?.toString() ?? ''; const listParentTypes = [ 'Row', 'Column', 'Stack', 'ListView', 'GridView' ]; const singleChildParentTypes = [ 'Container', 'Padding', 'Align', 'Center', 'SizedBox', 'Expanded', 'Flexible', 'Card' ]; if (listParentTypes.contains(targetType)) { List children = (targetNode['children'] as List? ?? []); List> typedChildren = children.whereType>().toList(); typedChildren.add(nodeToMove); targetNode['children'] = typedChildren; print( "Dropped $draggedWidgetId (moved as wrapper: $movedAsWrapper) into $targetWidgetId ($targetType) children."); } else if (singleChildParentTypes.contains(targetType)) { if (targetNode['child'] == null) { targetNode['child'] = nodeToMove; print( "Dropped $draggedWidgetId (moved as wrapper: $movedAsWrapper) as child of $targetWidgetId ($targetType)."); } else { print( "Target $targetWidgetId ($targetType) already has a child. Drop failed. Consider Stack or replacing child (not implemented)."); return; } } else { print( "Target $targetWidgetId ($targetType) is not a recognized container for dropping. Drop failed."); return; } FFAppState().jsoncode = jsonEncode(workingJsonTree); print("JSON updated successfully."); // FFAppState().update(); // Notify listeners directly if needed } catch (e, s) { print("Error updating JSON on drag end: $e\n$s"); } finally { FFAppState().topwidgetid = ""; FFAppState().bottomwidgetid = ""; // _loadDynamicWidget is called via listener on jsoncode change. // If UI needs to refresh due to topwidgetid/bottomwidgetid reset, and jsoncode didn't change (e.g. failed drop): if (mounted) { // setState(() {}); // Only if the above FFAppState changes don't trigger UI refresh adequately. } } } // +++ Draggable Wrapper Helper +++ Widget _wrapWithDraggable(Widget builtWidget, String widgetId, String widgetType, BuildContext context) { Widget feedbackContent = Container( padding: const EdgeInsets.symmetric(horizontal: 10.0, vertical: 6.0), decoration: BoxDecoration( color: const Color( 0xFF282828), // Blue Grey 200 - a "dark silver" like color borderRadius: BorderRadius.circular(6.0), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.25), blurRadius: 3, offset: const Offset(0, 1), ) ], ), child: Row( mainAxisSize: MainAxisSize.min, children: [ Icon(Icons.widgets_outlined, color: Colors.white.withOpacity(0.9), size: 16), const SizedBox(width: 6), Text( widgetType, style: TextStyle( color: Colors.white.withOpacity(0.9), fontSize: 12, fontWeight: FontWeight.normal, decoration: TextDecoration.none, ), ), ], ), ); Widget draggableFeedback = Material( elevation: 4.0, color: Colors.transparent, child: ConstrainedBox( constraints: BoxConstraints( maxWidth: MediaQuery.of(context).size.width * 0.5, minWidth: 60, ), child: feedbackContent, ), ); return Draggable( data: widgetId, feedback: draggableFeedback, feedbackOffset: Offset.zero, dragAnchorStrategy: pointerDragAnchorStrategy, childWhenDragging: Opacity( opacity: 0.3, child: builtWidget, ), onDragStarted: () { FFAppState().topwidgetid = widgetId; if (mounted) { setState(() {}); } print("Drag started: $widgetId"); }, onDragUpdate: (DragUpdateDetails details) { _updateDropTarget(details.globalPosition); widget.onDragAction?.call(); }, onDragEnd: (DraggableDetails details) { print("Drag ended for $widgetId. Was accepted: ${details.wasAccepted}"); _handleJsonUpdateOnDragEnd( widgetId); // Correct: Call with only widgetId }, onDraggableCanceled: (velocity, offset) { print("Drag cancelled for $widgetId"); FFAppState().topwidgetid = ""; FFAppState().bottomwidgetid = ""; if (mounted) { setState(() {}); } }, child: builtWidget, ); } // =========================================== // Widget Building Logic (_buildWidgetFromJson) // =========================================== Widget _buildWidgetFromJson(Map json, String parentId) { final String currentWidgetId = json["id"]?.toString() ?? parentId; // Keep parentId as fallback // If currentWidgetId is still somehow an empty string after this, it might indicate an issue with parentId or JSON structure // For robustness, ensure it's never truly empty for keying, though `?? parentId` should usually cover it. // If parentId can be "", then a UniqueKey fallback is safer: // final String currentWidgetId = json["id"]?.toString() ?? (parentId.isNotEmpty ? parentId : "widget_${UniqueKey().toString()}"); final String widgetType = json["type"] ?? "Container"; // Ensure the JSON object itself has an 'id' field, especially if it was missing if (json["id"] == null || (json["id"] is String && json["id"].isEmpty)) { json["id"] = currentWidgetId.isNotEmpty ? currentWidgetId : "widget_${UniqueKey().toString()}"; } // Use the (potentially updated) ID from json for keys final String effectiveWidgetId = json["id"].toString(); if (!_mousyWidgetKeys.containsKey(effectiveWidgetId)) { _mousyWidgetKeys[effectiveWidgetId] = GlobalKey(debugLabel: effectiveWidgetId); } Widget builtWidget; // --- Widgets NOT to be wrapped by Draggable --- if (widgetType == "Padding" || widgetType == "Align" || widgetType == "Center" || widgetType == "Expanded" || widgetType == "Spacer" || widgetType == "SizedBox" || widgetType == "PdfViewer" || // PdfViewer typically non-draggable itself, but content might be selectable widgetType == "Scaffold" || widgetType == "AppBar" || widgetType == "BottomNavigationBar") { try { switch (widgetType) { case "Padding": return _buildPadding(json, currentWidgetId); case "Align": return _buildAlign(json, currentWidgetId); case "Center": return _buildCenter(json, currentWidgetId); case "Expanded": return _buildExpanded(json, currentWidgetId); case "Spacer": return _buildSpacer(json, currentWidgetId); case "SizedBox": // SizedBox might need a MousyWidget if it's intended to be a drop target or selectable // For now, consistent with original non-draggable exclusion return _buildSizedBox(json, currentWidgetId); case "PdfViewer": // If PdfViewer itself needs to be a drop target, it would need a MousyWidget and key return _buildPdfViewer(json, currentWidgetId); case "Scaffold": return _buildScaffold(json, currentWidgetId); case "AppBar": return _buildAppBar(json, currentWidgetId); case "BottomNavigationBar": return _buildBottomNavigationBar(json, currentWidgetId); default: print( "Error: Unhandled widget type in non-draggable exclusion block: $widgetType"); return _errorWidget("Unhandled non-draggable type: $widgetType"); } } catch (e, s) { print( "Error building non-draggable widget ($widgetType, ID: $currentWidgetId): $e\n$s"); return _errorWidget( "Error building non-draggable $widgetType: ${e.toString()}"); } } // --- End of non-draggable specific handling --- try { switch (widgetType) { case "Container": builtWidget = _buildContainer(json, currentWidgetId); break; case "Text": builtWidget = _buildText(json, currentWidgetId); break; // ... all other cases from your original code for draggable widgets case "Video": builtWidget = _buildVideo(json, currentWidgetId); break; case "YoutubePlayer": builtWidget = _buildYoutubePlayer(json, currentWidgetId); break; case "Row": builtWidget = _buildRow(json, currentWidgetId); break; case "Column": builtWidget = _buildColumn(json, currentWidgetId); break; case "ListView": builtWidget = _buildListView(json, currentWidgetId); break; case "Flexible": // Flexible itself is a layout helper, its child should be draggable if applicable builtWidget = _buildFlexible(json, currentWidgetId); // Draggable wrapper handled after this switch break; case "TextField": builtWidget = _buildTextField(json, currentWidgetId); break; case "Stack": builtWidget = _buildStack(json, currentWidgetId); break; case "Image": builtWidget = _buildImage(json, currentWidgetId); break; case "Icon": builtWidget = _buildIcon(json, currentWidgetId); break; case "Button": builtWidget = _buildButton(json, currentWidgetId); break; case "GestureDetector": // GestureDetector child usually is what's perceived as draggable builtWidget = _buildGestureDetector(json, currentWidgetId); break; case "Card": builtWidget = _buildCard(json, currentWidgetId); break; case "ImageFiltered": builtWidget = _buildImageFiltered(json, currentWidgetId); break; case "Divider": builtWidget = _buildDivider(json, currentWidgetId); break; case "Switch": builtWidget = _buildSwitch(json, currentWidgetId); break; case "Slider": builtWidget = _buildSlider(json, currentWidgetId); break; case "Checkbox": builtWidget = _buildCheckbox(json, currentWidgetId); break; case "Blur": builtWidget = _buildBlur(json, currentWidgetId); break; case "DropdownButton": builtWidget = _buildDropdownButton(json, currentWidgetId); break; case "GridView": builtWidget = _buildGridView(json, currentWidgetId); break; case "IconButton": builtWidget = _buildIconButton(json, currentWidgetId); break; case "CircularProgressIndicator": builtWidget = _buildCircularProgressIndicator(json, currentWidgetId); break; case "LinearProgressIndicator": builtWidget = _buildLinearProgressIndicator(json, currentWidgetId); break; default: print("Unsupported widget type encountered: $widgetType"); builtWidget = _errorWidget('Unsupported widget type: $widgetType'); } } catch (e, s) { print( "Error building widget ($widgetType, ID: $currentWidgetId): $e\n$s"); builtWidget = _errorWidget("Error building $widgetType: ${e.toString()}"); } return _wrapWithDraggable( builtWidget, currentWidgetId, widgetType, context); } // --- Container --- (Example of MousyWidget keying) // --- DropdownButton --- (Original from user) Widget _buildDropdownButton(Map json, String widgetId) { final List itemsList = json['items'] ?? []; final String? hintText = json['hint']?.toString(); final dynamic initialValue = json['value']; final bool isExpanded = json['isExpanded'] as bool? ?? false; final Color? dropdownColor = _parseColor(json['dropdownColor']); final Color? iconColor = _parseColor(json['iconColor']); final double? parsedIconSize = json['iconSize']?.toDouble(); final double? parsedItemHeight = json['itemHeight']?.toDouble(); final EdgeInsets padding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.zero; final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); final double finalIconSize = parsedIconSize ?? 24.0; final double finalItemHeight = parsedItemHeight ?? kMinInteractiveDimension; List> dropdownItems = []; dynamic currentValue = initialValue; for (var item in itemsList) { if (item is String) { dropdownItems.add(DropdownMenuItem( value: item, child: Text(item), )); if (initialValue != null && initialValue is! String) currentValue = null; } else if (item is Map) { final dynamic itemValue = item['value']; final String display = item['display']?.toString() ?? itemValue?.toString() ?? 'Invalid Item'; if (itemValue != null) { dropdownItems.add(DropdownMenuItem( value: itemValue, child: Text(display), )); } } } if (currentValue != null && !dropdownItems.any((item) => item.value == currentValue)) { print( "Warning: Dropdown initial value '$currentValue' not found in items list for $widgetId. Resetting."); currentValue = null; } Widget baseDropdown = StatefulBuilder( key: ValueKey(widgetId + "_stateful"), builder: (context, localSetState) { dynamic currentLocalValue = currentValue; return DropdownButton( value: currentLocalValue, items: dropdownItems, hint: hintText != null ? Text(hintText) : null, onChanged: (newValue) { localSetState(() { currentValue = newValue; print("Dropdown '$widgetId' changed to: $newValue"); }); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, isExpanded: isExpanded, dropdownColor: dropdownColor, iconEnabledColor: iconColor, iconSize: finalIconSize, itemHeight: finalItemHeight, ); }); Widget overlay = Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Dropdown Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, propartiesAction: widget.proparteisAct, ), ), ); return SizedBox( width: width, height: height, child: Padding( padding: padding, child: Stack( alignment: AlignmentDirectional.centerStart, children: [ baseDropdown, overlay, ], ), ), ); } // --- GridView --- (Original from user) Widget _buildGridView(Map json, String widgetId) { final int crossAxisCount = json['crossAxisCount'] as int? ?? 2; final double mainAxisSpacing = json['mainAxisSpacing']?.toDouble() ?? 0.0; final double crossAxisSpacing = json['crossAxisSpacing']?.toDouble() ?? 0.0; final double childAspectRatio = json['childAspectRatio']?.toDouble() ?? 1.0; final EdgeInsets padding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); final Axis scrollDirection = _parseAxis(json['scrollDirection'] ?? 'vertical'); final bool shrinkWrap = json['shrinkWrap'] as bool? ?? false; final ScrollPhysics? physics = _parseScrollPhysics(json['physics']); final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); final bool expand = json['expand'] as bool? ?? false; final int flex = json['flex'] as int? ?? 1; List childrenWidgets = []; if (json['children'] is List) { childrenWidgets = (json['children'] as List) .map((childJson) => (childJson is Map) ? _buildWidgetFromJson(childJson, widgetId) : const SizedBox.shrink()) .toList(); } Widget baseGridView = GridView.count( key: ValueKey(widgetId + "_base"), crossAxisCount: crossAxisCount, mainAxisSpacing: mainAxisSpacing, crossAxisSpacing: crossAxisSpacing, childAspectRatio: childAspectRatio, padding: padding, scrollDirection: scrollDirection, shrinkWrap: json.containsKey('shrinkWrap') ? shrinkWrap : !expand, physics: physics, children: childrenWidgets, ); Widget overlay = Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("GridView Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: expand ? null : width, height: expand ? null : height, propartiesAction: widget.proparteisAct, ), ), ); Widget coreContent = Stack( key: ValueKey(widgetId + "_stack"), children: [ overlay, baseGridView, ], ); if (expand) { return Expanded( key: ValueKey(widgetId + "_expanded"), flex: flex, child: coreContent, ); } else { if (width != null || height != null) { return SizedBox( key: ValueKey(widgetId + "_sizedbox"), width: width, height: height, child: coreContent, ); } else { return coreContent; } } } // --- Row --- (Original from user) Widget _buildRow(Map json, String widgetId) { final MainAxisAlignment mainAxisAlignment = _parseMainAxisAlignment(json['mainAxisAlignment'] ?? 'start'); final CrossAxisAlignment crossAxisAlignment = _parseCrossAxisAlignment(json['crossAxisAlignment'] ?? 'center'); final MainAxisSize originalMainAxisSize = _parseMainAxisSize(json['mainAxisSize'] ?? 'max'); final ui.TextDirection? textDirection = _parseTextDirection(json['textDirection']); final VerticalDirection verticalDirection = _parseVerticalDirection(json['verticalDirection'] ?? 'down'); final double? overlayWidth = json['width']?.toDouble(); final double? overlayHeight = json['height']?.toDouble(); final bool scrollable = json['scrollable'] as bool? ?? false; final bool hasVisible = _hasVisibleChildren(json['children'] as List?); List finalChildren; MainAxisSize effectiveMainAxisSize = originalMainAxisSize; CrossAxisAlignment effectiveCrossAxisAlignment = crossAxisAlignment; if (!hasVisible) { finalChildren = [ Expanded( child: Center( child: Text( 'children Row here', style: TextStyle(color: Colors.grey[600]), textAlign: TextAlign.center, ), ), ), ]; effectiveMainAxisSize = MainAxisSize.max; effectiveCrossAxisAlignment = CrossAxisAlignment.center; } else { finalChildren = (json['children'] as List) .map((childJson) => (childJson is Map) ? _buildWidgetFromJson(childJson, widgetId) : const SizedBox.shrink()) .toList(); } Widget baseRow = Row( key: ValueKey("${widgetId}_base_content"), mainAxisAlignment: mainAxisAlignment, crossAxisAlignment: effectiveCrossAxisAlignment, mainAxisSize: effectiveMainAxisSize, textDirection: textDirection, verticalDirection: verticalDirection, children: finalChildren, ); Widget coreContent = scrollable ? SingleChildScrollView( key: ValueKey("${widgetId}_scroll"), scrollDirection: Axis.horizontal, child: baseRow, ) : baseRow; Widget finalContentWidget = scrollable ? Padding( padding: const EdgeInsets.all(1.0), child: coreContent, ) : coreContent; return Stack( alignment: Alignment.center, clipBehavior: Clip.none, children: [ Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Row Listener onPointerDown: $widgetId"); if (mounted) { setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); } }, child: Mousywidget( width: overlayWidth, height: overlayHeight, key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Row', propartiesAction: widget.proparteisAct, ), ), ), finalContentWidget, ], ); } // --- IconButton --- (Original from user) Widget _buildIconButton(Map json, String widgetId) { final Map? iconJson = json['icon'] as Map?; final String? tooltip = json['tooltip']?.toString(); final double? iconSize = json['iconSize']?.toDouble(); final EdgeInsets padding = _parseEdgeInsets(json['padding']) ?? const EdgeInsets.all(8.0); final AlignmentGeometry alignment = _parseAlignment(json['alignment'] ?? 'center'); final Color? splashColor = _parseColor(json['splashColor']); final Color? highlightColor = _parseColor(json['highlightColor']); final Color? focusColor = _parseColor(json['focusColor']); final Color? hoverColor = _parseColor(json['hoverColor']); final Color? disabledColor = _parseColor(json['disabledColor']); final String? onPressedAction = json['onPressed']?.toString(); final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); Widget iconWidget = const Icon(Icons.error, color: Colors.red); if (iconJson != null) { Map tempIconJson = { ...iconJson, 'type': 'Icon', if (iconSize != null) 'size': iconSize, }; iconWidget = _buildIcon(tempIconJson, widgetId + "_icon"); } else { print("Warning: IconButton '$widgetId' is missing 'icon' definition."); } Widget baseIconButton = IconButton( key: ValueKey(widgetId + "_base"), icon: iconWidget, tooltip: tooltip, iconSize: iconSize, padding: padding, alignment: alignment, splashColor: splashColor, highlightColor: highlightColor, focusColor: focusColor, hoverColor: hoverColor, disabledColor: disabledColor, onPressed: () { print("IconButton '$widgetId' pressed. Action: $onPressedAction"); }, ); Widget overlay = Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("IconButton Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, type: 'IconButton', propartiesAction: widget.proparteisAct, ), ), ); Widget finalWidget = Stack( alignment: alignment, children: [ baseIconButton, overlay, ], ); if (width != null || height != null) { return SizedBox( width: width, height: height, child: finalWidget, ); } else { return finalWidget; } } // --- CircularProgressIndicator --- (Original from user) Widget _buildCircularProgressIndicator( Map json, String widgetId) { final double? value = json['value']?.toDouble(); final Color? color = _parseColor(json['color']); final Color? backgroundColor = _parseColor(json['backgroundColor']); final double strokeWidth = json['strokeWidth']?.toDouble() ?? 4.0; final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); Widget baseIndicator = CircularProgressIndicator( key: ValueKey(widgetId + "_base"), value: value, color: color, backgroundColor: backgroundColor, strokeWidth: strokeWidth, ); Widget overlay = Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("CircularProgressIndicator Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, propartiesAction: widget.proparteisAct, ), ), ); return SizedBox( width: width, height: height, child: Center( child: Stack( alignment: Alignment.center, children: [ baseIndicator, overlay, ], ), ), ); } // --- LinearProgressIndicator --- (Original from user) Widget _buildLinearProgressIndicator( Map json, String widgetId) { final double? value = json['value']?.toDouble(); final Color? color = _parseColor(json['color']); final Color? backgroundColor = _parseColor(json['backgroundColor']); final double? minHeight = json['minHeight']?.toDouble(); final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble() ?? minHeight ?? 4.0; Widget baseIndicator = LinearProgressIndicator( key: ValueKey(widgetId + "_base"), value: value, color: color, backgroundColor: backgroundColor, minHeight: minHeight, ); Widget overlay = Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("LinearProgressIndicator Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, type: 'Progress', propartiesAction: widget.proparteisAct, ), ), ); return SizedBox( width: width, height: height, child: Stack( alignment: Alignment.center, children: [ baseIndicator, overlay, ], ), ); } // --- PdfViewer --- (Original from user) Widget _buildPdfViewer(Map json, String widgetId) { final String? srcPdf = json['src']?.toString(); final double? widthwg = json['width']?.toDouble(); final double? heightwg = json['height']?.toDouble(); final EdgeInsets padding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); if (srcPdf == null || srcPdf.isEmpty) { print("Error: PdfViewer (ID: $widgetId) requires a valid 'src'."); return _errorWidget("PdfViewer requires 'src'"); } if (widget.pdfWidgety == null) { print( "Error: PdfViewer (ID: $widgetId) cannot be built because widget.pdfWidgety is null."); return _errorWidget("PdfViewer builder (pdfWidgety) not provided"); } Widget pdfViewerInstance = widget.pdfWidgety!( srcPdf, heightwg, widthwg, ); Widget stackContent = Stack( children: [ pdfViewerInstance, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("PdfViewer Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: widthwg, height: heightwg, type: 'PDF', propartiesAction: widget.proparteisAct, ), ), ), ], ); return SizedBox( width: widthwg, height: heightwg, child: Padding( padding: padding, child: stackContent, ), ); } // --- ImageFiltered --- (Original from user) Widget _buildImageFiltered(Map json, String widgetId) { final double sigmaX = json['sigmaX']?.toDouble() ?? 3.0; final double sigmaY = json['sigmaY']?.toDouble() ?? 3.0; final double borderRadius = json['borderRadius']?.toDouble() ?? 0.0; final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { try { childWidget = _buildWidgetFromJson(json['child'], widgetId); } catch (e, s) { print("Error building child for ImageFiltered (ID: $widgetId): $e\n$s"); childWidget = null; } } Widget overlayWidgetCore = Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("ImageFiltered Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, type: 'ImageFiltered', propartiesAction: widget.proparteisAct, ), ); if (childWidget == null) { print( "Warning: ImageFiltered (ID: $widgetId) has no valid child. Returning overlay only."); return SizedBox( width: width, height: height, child: overlayWidgetCore, ); } else { final filter = ui.ImageFilter.blur(sigmaX: sigmaX, sigmaY: sigmaY); Widget imageFilteredWidget = ImageFiltered( imageFilter: filter, child: childWidget, ); Widget baseFilteredWidget = ClipRRect( borderRadius: BorderRadius.circular(borderRadius), child: imageFilteredWidget, ); Widget positionedOverlay = Positioned.fill(child: overlayWidgetCore); return SizedBox( width: width, height: height, child: Stack( children: [ baseFilteredWidget, positionedOverlay, ], ), ); } } BorderRadius? _parseBorderRadius(Map json) { // ... (original code - unchanged) final double? borderRadiusGeneral = json['borderRadius']?.toDouble(); final double? borderTopLeftRadius = json['borderTopLeftRadius']?.toDouble(); final double? borderTopRightRadius = json['borderTopRightRadius']?.toDouble(); final double? borderBottomLeftRadius = json['borderBottomLeftRadius']?.toDouble(); final double? borderBottomRightRadius = json['borderBottomRightRadius']?.toDouble(); if (borderTopLeftRadius != null || borderTopRightRadius != null || borderBottomLeftRadius != null || borderBottomRightRadius != null) { return BorderRadius.only( topLeft: Radius.circular(borderTopLeftRadius ?? borderRadiusGeneral ?? 0.0), topRight: Radius.circular(borderTopRightRadius ?? borderRadiusGeneral ?? 0.0), bottomLeft: Radius.circular( borderBottomLeftRadius ?? borderRadiusGeneral ?? 0.0), bottomRight: Radius.circular( borderBottomRightRadius ?? borderRadiusGeneral ?? 0.0), ); } else if (borderRadiusGeneral != null && borderRadiusGeneral > 0.0) { return BorderRadius.circular(borderRadiusGeneral); } return null; } Border? _parseBorder(Map json) { // ... (original code - unchanged) final double borderWidth = json['borderWidth']?.toDouble() ?? 0.0; final Color borderColor = _parseColor(json['borderColor']); if (borderWidth > 0) { return Border.all(color: borderColor, width: borderWidth); } return null; } // --- Container --- (Original from user) Widget _buildContainer(Map json, String widgetId) { dynamic widthValue = json['width']; double? containerWidth; bool isWidthInfinity = false; if (widthValue == double.infinity) { isWidthInfinity = true; } else if (widthValue is num) { if (widthValue == 0.0) { isWidthInfinity = true; } else { containerWidth = widthValue.toDouble(); } } else if (widthValue is String && (widthValue.toLowerCase() == 'infinity' || widthValue == 'double.infinity')) { isWidthInfinity = true; } dynamic heightValue = json['height']; double? containerHeight; bool isHeightInfinity = false; if (heightValue == double.infinity) { isHeightInfinity = true; } else if (heightValue is num) { if (heightValue == 0.0) { isHeightInfinity = true; } else { containerHeight = heightValue.toDouble(); } } else if (heightValue is String && (heightValue.toLowerCase() == 'infinity' || heightValue == 'double.infinity')) { isHeightInfinity = true; } final double? containerMaxWidth = json['maxWidth']?.toDouble(); final double? containerMaxHeight = json['maxHeight']?.toDouble(); final EdgeInsets internalPadding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.zero; final EdgeInsets containerMargin = _parseEdgeInsets(json['margin']) ?? EdgeInsets.zero; final Color containerColor = _parseColor(json['color']); final BorderRadius? finalBorderRadius = _parseBorderRadius(json); final Border? finalBorder = _parseBorder(json); final Clip clipBehavior = _parseClip(json['clipBehavior'] ?? 'none'); final AlignmentGeometry? childAlignment = _parseAlignment(json['alignment']); final String? imagePath = json['imagepath'] as String?; final BoxFit imageFit = _parseBoxFit(json['imageFit'] as String?); DecorationImage? decorationImage; if (imagePath != null && imagePath.isNotEmpty) { ImageProvider imageProvider; if (imagePath.startsWith('http://') || imagePath.startsWith('https://')) { imageProvider = NetworkImage(imagePath); } else { imageProvider = AssetImage(imagePath); } decorationImage = DecorationImage( image: imageProvider, fit: imageFit, ); } Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } Widget visualContainer = Container( key: ValueKey("${widgetId}_visual"), width: isWidthInfinity ? double.infinity : containerWidth, height: isHeightInfinity ? double.infinity : containerHeight, constraints: BoxConstraints( minWidth: 0.0, minHeight: 0.0, maxWidth: containerMaxWidth ?? double.infinity, maxHeight: containerMaxHeight ?? double.infinity, ), decoration: BoxDecoration( color: containerColor, image: decorationImage, borderRadius: finalBorderRadius, border: finalBorder, ), padding: internalPadding, alignment: childAlignment, clipBehavior: clipBehavior, child: childWidget, ); const double framePaddingValue = 4.5; Widget paddedVisualContainer = Padding( key: ValueKey("${widgetId}_frame_padding"), padding: const EdgeInsets.all(framePaddingValue), child: visualContainer, ); Widget listenerOverlay = Positioned.fill( key: ValueKey("${widgetId}_listener_pos"), child: Listener( key: ValueKey("${widgetId}_listener"), behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Container Listener onPointerDown: $widgetId"); if (mounted) { setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); } else { print( "Warning: Listener triggered but widget ($widgetId) is not mounted."); } }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: isWidthInfinity ? null : containerWidth, height: isHeightInfinity ? null : containerHeight, type: 'Container', propartiesAction: widget.proparteisAct, ), ), ); Widget stack = Stack( key: ValueKey("${widgetId}_stack"), clipBehavior: Clip.none, children: [ listenerOverlay, paddedVisualContainer, ], ); if (containerMargin != EdgeInsets.zero) { return Padding( key: ValueKey("${widgetId}_margin"), padding: containerMargin, child: stack, ); } else { return stack; } } // --- Video --- (Original from user) Widget _buildVideo(Map json, String widgetId) { final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); final String? src = json['src']?.toString(); final bool autoplay = json['autoplay'] as bool? ?? false; final bool looping = json['looping'] as bool? ?? false; if (src == null || src.isEmpty) { return _errorWidget("Video requires 'src'"); } if (!src.startsWith('http://') && !src.startsWith('https://')) { return _errorWidget("Video src must be network URL"); } Widget videoPlayerWidget = VideoJsonWidgety( key: ValueKey(widgetId), idw: widgetId, srcVideo: src, autoplay: autoplay, looping: looping, width: width, height: height, ); Widget mousyOverlayListener = Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Video Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: width, height: height, type: 'videoPlayer', propartiesAction: widget.proparteisAct, ), ); return SizedBox( width: width, height: height, child: Stack( clipBehavior: Clip.none, alignment: Alignment.center, children: [ Positioned.fill( child: mousyOverlayListener, ), videoPlayerWidget, ], ), ); } // --- Youtube Player --- (Original from user) Widget _buildYoutubePlayer(Map json, String widgetId) { final double? widthwg = json['width']?.toDouble(); final double? heightwg = json['height']?.toDouble(); final String? srcVideo = json['src']?.toString(); final bool mute = json['mute'] as bool? ?? false; final bool loop = json['loop'] as bool? ?? false; final EdgeInsets textPadding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); if (srcVideo == null || srcVideo.isEmpty) { return _errorWidget("YoutubePlayer (ID: $widgetId) requires 'src'"); } if (widget.youtWidgety == null) { return _errorWidget("youtWidgety is null for YoutubePlayer $widgetId"); } Widget youtubePlayerInstance = widget.youtWidgety!( srcVideo, widgetId, widthwg, heightwg, mute, loop, ); Widget stackContent = Stack( children: [ youtubePlayerInstance, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("YoutubePlayer Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'YoutubePlayer', propartiesAction: widget.proparteisAct, ), ), ), ], ); return SizedBox( width: widthwg, height: heightwg, child: Padding( padding: textPadding, child: stackContent, ), ); } // --- Text --- (Original from user) Widget _buildText(Map json, String widgetId) { final EdgeInsets textPadding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); final String textValue = json['value']?.toString() ?? ''; final double fontSize = json['fontSize']?.toDouble() ?? json['style']?['fontSize']?.toDouble() ?? 14.0; final Color textColor = _parseColor(json['color'] ?? json['style']?['color'] ?? "#000000"); final FontWeight fontWeight = _parseFontWeight( json['fontWeight'] ?? json['style']?['fontWeight'] ?? 'normal'); final FontStyle fontStyle = _parseFontStyle( json['fontStyle'] ?? json['style']?['fontStyle'] ?? 'normal'); final TextAlign textAlign = _parseTextAlign(json['textAlign'] ?? 'start'); final int? maxLines = json['maxLines']?.toInt(); final TextOverflow textOverflow = _parseTextOverflow(json['overflow'] ?? 'clip'); Widget baseText = Text( textValue, style: TextStyle( fontSize: fontSize, color: textColor, fontWeight: fontWeight, fontStyle: fontStyle), textAlign: textAlign, maxLines: maxLines, overflow: textOverflow, ); return Padding( padding: textPadding, child: Stack( children: [ baseText, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Text Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Text', propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- TextField --- (Original from user) Widget _buildTextField(Map json, String widgetId) { final TextEditingController controller = TextEditingController(text: json['initialValue']?.toString() ?? ''); final EdgeInsets outerPadding = _parseEdgeInsets(json['padding']) ?? const EdgeInsets.all(0.0); final String labelText = json['label']?.toString() ?? "Enter Text"; final String hintText = json['hint']?.toString() ?? "Input field"; final bool obscureText = json['obscureText'] as bool? ?? false; final TextInputType keyboardType = _parseTextInputType(json['keyboardType'] ?? 'text'); final Color fillColor = _parseColor(json['fillColor'] ?? '#FFFFFF'); final bool filled = json['filled'] as bool? ?? true; final double borderRadius = json['borderRadius']?.toDouble() ?? 4.0; final double borderWidth = json['borderWidth']?.toDouble() ?? 1.0; final Color borderColor = _parseColor(json['borderColor'] ?? '#888888'); final String? focusedBorderColorString = json['focusedBorderColor'] as String?; final Color focusedBorderColor = focusedBorderColorString != null ? _parseColor(focusedBorderColorString) : Theme.of(context).primaryColor; final String? prefixIconName = json['prefixIcon']?['icon']?.toString(); final Color prefixIconColor = _parseColor(json['prefixIcon']?['color'] ?? '#888888'); final String? suffixIconName = json['suffixIcon']?['icon']?.toString(); final Color suffixIconColor = _parseColor(json['suffixIcon']?['color'] ?? '#888888'); return Padding( padding: outerPadding, child: Stack( children: [ TextField( controller: controller, decoration: InputDecoration( labelText: labelText, hintText: hintText, filled: filled, fillColor: fillColor, prefixIcon: prefixIconName != null ? Icon(_getIconFromName(prefixIconName), color: prefixIconColor) : null, suffixIcon: suffixIconName != null ? Icon(_getIconFromName(suffixIconName), color: suffixIconColor) : null, border: OutlineInputBorder( borderRadius: BorderRadius.circular(borderRadius), borderSide: BorderSide(color: borderColor, width: borderWidth), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(borderRadius), borderSide: BorderSide(color: borderColor, width: borderWidth), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(borderRadius), borderSide: BorderSide( color: focusedBorderColor, width: borderWidth + 1), ), contentPadding: const EdgeInsets.symmetric(vertical: 14.0, horizontal: 12.0), ), obscureText: obscureText, keyboardType: keyboardType, ), Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("TextField Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'TextField', propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Button --- (Original from user) Widget _buildButton(Map json, String widgetId) { dynamic widthValue = json['width']; double? buttonWidth; bool isWidthInfinity = false; if (widthValue is num) { if (widthValue == double.infinity) { isWidthInfinity = true; } else { buttonWidth = widthValue.toDouble(); } } else if (widthValue is String && (widthValue.toLowerCase() == 'infinity' || widthValue == 'double.infinity')) { isWidthInfinity = true; } final double? buttonHeight = json['height']?.toDouble(); final EdgeInsets outerPadding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); final EdgeInsets innerPadding = _parseEdgeInsets(json['innerPadding']) ?? const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0); final Color buttonColor = _parseColor(json['color'] ?? '#6200EE'); final Color textColor = _parseColor(json['textColor'] ?? '#FFFFFF'); final double borderRadius = json['borderRadius']?.toDouble() ?? 4.0; final double elevation = json['elevation']?.toDouble() ?? 2.0; final String buttonText = json['text'] ?? 'Button'; final String? onPressedAction = json['onPressed']; final Color borderColor = _parseColor(json['borderColor']); final double borderWidth = json['borderWidth']?.toDouble() ?? 0.0; Widget buttonChildContent = Text( buttonText, style: TextStyle(color: textColor), textAlign: TextAlign.center, overflow: TextOverflow.ellipsis, ); bool applyBorder = borderWidth > 0 && borderColor.alpha > 0; Widget baseElevatedButton = ElevatedButton( onPressed: () { print("Actual Button '$widgetId' pressed! Action: $onPressedAction"); }, style: ElevatedButton.styleFrom( backgroundColor: buttonColor, foregroundColor: textColor, elevation: elevation, padding: innerPadding, minimumSize: Size.zero, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(borderRadius), side: applyBorder ? BorderSide(color: borderColor, width: borderWidth) : BorderSide.none, ), tapTargetSize: MaterialTapTargetSize.shrinkWrap, ), child: buttonChildContent, ); Widget baseButton = baseElevatedButton; if (isWidthInfinity || buttonWidth != null || buttonHeight != null) { baseButton = SizedBox( width: isWidthInfinity ? double.infinity : buttonWidth, height: buttonHeight, child: baseElevatedButton, ); } Widget positionedOverlay; Widget overlayContent = Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Button Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Button', propartiesAction: widget.proparteisAct, width: isWidthInfinity ? null : buttonWidth, height: buttonHeight, ), ); if (isWidthInfinity) { positionedOverlay = Positioned( top: 0, left: 0, right: 0, height: buttonHeight, child: overlayContent, ); } else { positionedOverlay = Positioned( top: 0, left: 0, width: buttonWidth, height: buttonHeight, child: overlayContent, ); } return Padding( padding: outerPadding, child: Stack( children: [ baseButton, positionedOverlay, ], ), ); } // --- Center --- (Original from user) Widget _buildCenter(Map json, String widgetId) { final double? widthFactor = json['widthFactor']?.toDouble(); final double? heightFactor = json['heightFactor']?.toDouble(); Widget baseCenter = Center(widthFactor: widthFactor, heightFactor: heightFactor); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } return Stack( alignment: Alignment.center, children: [ baseCenter, if (childWidget != null) childWidget, ], ); } // --- Column --- (Original from user) Widget _buildColumn(Map json, String widgetId) { final MainAxisAlignment mainAxisAlignment = _parseMainAxisAlignment(json['mainAxisAlignment'] ?? 'start'); final CrossAxisAlignment crossAxisAlignment = _parseCrossAxisAlignment(json['crossAxisAlignment'] ?? 'center'); final MainAxisSize originalMainAxisSize = _parseMainAxisSize(json['mainAxisSize'] ?? 'max'); final ui.TextDirection? textDirection = _parseTextDirection(json['textDirection']); final VerticalDirection verticalDirection = _parseVerticalDirection(json['verticalDirection'] ?? 'down'); final double? overlayWidth = json['width']?.toDouble(); final double? overlayHeight = json['height']?.toDouble(); final bool scrollable = json['scrollable'] as bool? ?? false; final List? childrenJson = json['children'] as List?; final bool showPlaceholder = childrenJson == null || childrenJson.isEmpty; print("Column $widgetId - showPlaceholder: $showPlaceholder"); List finalChildren; MainAxisSize effectiveMainAxisSize = originalMainAxisSize; MainAxisAlignment effectiveMainAxisAlignment = mainAxisAlignment; CrossAxisAlignment effectiveCrossAxisAlignment = crossAxisAlignment; if (showPlaceholder) { Widget placeholderWidget = Center( child: Text( 'children Column here', style: TextStyle(color: Colors.grey[600], fontSize: 12), textAlign: TextAlign.center, ), ); finalChildren = [placeholderWidget]; effectiveMainAxisSize = MainAxisSize.max; effectiveMainAxisAlignment = MainAxisAlignment.center; effectiveCrossAxisAlignment = CrossAxisAlignment.center; } else { finalChildren = childrenJson! .map((childJson) => (childJson is Map) ? _buildWidgetFromJson(childJson, widgetId) : const SizedBox.shrink()) .toList(); effectiveMainAxisSize = originalMainAxisSize; effectiveMainAxisAlignment = mainAxisAlignment; effectiveCrossAxisAlignment = crossAxisAlignment; } Widget baseColumn = Column( key: ValueKey("${widgetId}_base_content"), mainAxisAlignment: effectiveMainAxisAlignment, crossAxisAlignment: effectiveCrossAxisAlignment, mainAxisSize: effectiveMainAxisSize, textDirection: textDirection, verticalDirection: verticalDirection, children: finalChildren, ); Widget coreContent = (scrollable && !showPlaceholder) ? SingleChildScrollView( key: ValueKey("${widgetId}_scroll"), scrollDirection: Axis.vertical, child: baseColumn, ) : baseColumn; Widget paddedContent = (scrollable && !showPlaceholder) ? Padding( padding: const EdgeInsets.all(1.0), child: coreContent, ) : coreContent; Widget finalContentWidget = showPlaceholder ? Container( width: overlayWidth, height: overlayHeight, constraints: BoxConstraints( minWidth: overlayWidth == null ? 50.0 : 0, minHeight: overlayHeight == null ? 30.0 : 0, ), alignment: Alignment.center, child: paddedContent, ) : paddedContent; return Stack( clipBehavior: Clip.none, children: [ Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Column Listener onPointerDown: $widgetId"); if (mounted) { setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); } }, child: Mousywidget( width: overlayWidth, height: overlayHeight, key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Column', propartiesAction: widget.proparteisAct, ), ), ), finalContentWidget, ], ); } bool _hasVisibleChildren(List? childrenJson) { // ... (original code - unchanged) if (childrenJson == null || childrenJson.isEmpty) { return false; } const Set layoutWidgetTypes = { 'Flexible', }; for (var childItem in childrenJson) { if (childItem is Map) { final String? widgetType = childItem['type']?.toString(); if (widgetType != null) { if (widgetType == 'SizedBox' && childItem['child'] == null) { continue; } if (!layoutWidgetTypes.contains(widgetType)) { return true; } } } } return false; } // --- Blur --- (Original from user) Widget _buildBlur(Map json, String widgetId) { final double sigmaX = json['sigmaX']?.toDouble() ?? 5.0; final double sigmaY = json['sigmaY']?.toDouble() ?? 5.0; final double borderRadius = json['borderRadius']?.toDouble() ?? 0.0; final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } else { childWidget = Container(color: Colors.transparent); } final filter = ui.ImageFilter.blur(sigmaX: sigmaX, sigmaY: sigmaY); Widget backdropFilterWidget = BackdropFilter( filter: filter, child: childWidget, ); Widget baseBlurWidget = ClipRRect( borderRadius: BorderRadius.circular(borderRadius), child: backdropFilterWidget, ); return SizedBox( width: width, height: height, child: Stack( clipBehavior: Clip.none, children: [ Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Blur Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Blur', width: width, height: height, propartiesAction: widget.proparteisAct, ), ), ), baseBlurWidget, ], ), ); } // --- Padding --- (Original from user) Widget _buildPadding(Map json, String widgetId) { final EdgeInsets paddingValue = _parseEdgeInsets(json['padding']) ?? EdgeInsets.all(0); Widget childWidget = const SizedBox.shrink(); if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } return Padding(padding: paddingValue, child: childWidget); } // --- Stack --- (Original from user) Widget _buildStack(Map json, String widgetId) { final AlignmentGeometry stackAlignment = _parseAlignment(json['alignment'] ?? 'topLeft'); final StackFit stackFit = _parseStackFit(json['fit'] ?? 'loose'); final Clip clipBehavior = _parseClip(json['clipBehavior'] ?? 'hardEdge'); final double? stackWidth = json['width']?.toDouble(); final double? stackHeight = json['height']?.toDouble(); List childrenWidgets = []; if (json['children'] is List) { childrenWidgets = (json['children'] as List).map((childJson) { if (childJson is Map) { Widget child = _buildWidgetFromJson(childJson, widgetId); final double? top = childJson['top']?.toDouble(); final double? bottom = childJson['bottom']?.toDouble(); final double? left = childJson['left']?.toDouble(); final double? right = childJson['right']?.toDouble(); final double? width = childJson['width']?.toDouble(); final double? height = childJson['height']?.toDouble(); if (top != null || bottom != null || left != null || right != null || width != null || height != null) { return Positioned( top: top, bottom: bottom, left: left, right: right, width: width, height: height, child: child); } else { return child; } } return const SizedBox.shrink(); }).toList(); } Widget baseStack = Stack( alignment: stackAlignment, fit: stackFit, clipBehavior: clipBehavior, children: childrenWidgets, ); return SizedBox( width: stackWidth, height: stackHeight, child: Stack( clipBehavior: Clip.none, children: [ Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Stack Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, ), ), baseStack, ], ), ); } // --- ListView --- (Original from user) Widget _buildListView(Map json, String widgetId) { final Axis scrollDirection = _parseAxis(json['scrollDirection'] ?? 'vertical'); final bool reverse = json['reverse'] as bool? ?? false; final EdgeInsets listContentPadding = _parseEdgeInsets(json['padding']) ?? EdgeInsets.zero; final bool shrinkWrap = json['shrinkWrap'] as bool? ?? false; final ScrollPhysics? physics = _parseScrollPhysics(json['physics']); final double? overlayWidth = json['width']?.toDouble(); final double? overlayHeight = json['height']?.toDouble(); List childrenWidgets = []; if (json['children'] is List) { childrenWidgets = (json['children'] as List) .map((childJson) => (childJson is Map) ? _buildWidgetFromJson(childJson, widgetId) : const SizedBox.shrink()) .toList(); } Widget baseListView = ListView( key: ValueKey(widgetId + "_list"), scrollDirection: scrollDirection, reverse: reverse, padding: listContentPadding, shrinkWrap: shrinkWrap, physics: physics, children: childrenWidgets, ); Widget paddedListView = Padding( padding: const EdgeInsets.all(1.0), child: baseListView, ); return Stack( clipBehavior: Clip.none, children: [ Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("ListView Listener onPointerDown: $widgetId"); if (mounted) { setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); } }, child: Mousywidget( width: overlayWidth, height: overlayHeight, key: Key("mousy_$widgetId"), type: 'ListView', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), paddedListView, ], ); } // --- Expanded --- (Original from user) Widget _buildExpanded(Map json, String widgetId) { final int flex = json['flex']?.toInt() ?? 1; Widget childWidget = const SizedBox.shrink(); if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } return Expanded(flex: flex, child: childWidget); } // --- SizedBox --- (Original from user) Widget _buildSizedBox(Map json, String widgetId) { final double? width = json['width']?.toDouble(); final double? height = json['height']?.toDouble(); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } Widget baseSizedBox = SizedBox( width: width, height: height, child: childWidget, ); return Stack( alignment: Alignment.topLeft, children: [ baseSizedBox, Positioned( top: 0, left: 0, width: width, height: height, child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("SizedBox Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, ), ), ], ); } // --- Align --- (Original from user) Widget _buildAlign(Map json, String widgetId) { final AlignmentGeometry alignment = _parseAlignment(json['alignment'] ?? 'center'); final double? widthFactor = json['widthFactor']?.toDouble(); final double? heightFactor = json['heightFactor']?.toDouble(); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } Widget baseAlign = Align( alignment: alignment, widthFactor: widthFactor, heightFactor: heightFactor, child: childWidget ?? const SizedBox.shrink(), ); return Stack( alignment: alignment, children: [ baseAlign, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Align Listener onPointerDown: $widgetId"); }, ), ), ], ); } // --- Flexible --- (Original from user) Widget _buildFlexible(Map json, String widgetId) { final int flex = json['flex']?.toInt() ?? 1; final FlexFit fit = _parseFlexFit(json['fit'] ?? 'loose'); Widget childWidget = const SizedBox.shrink(); if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } return Flexible(flex: flex, fit: fit, child: childWidget); } // --- Spacer --- (Original from user) Widget _buildSpacer(Map json, String widgetId) { final int flex = json['flex']?.toInt() ?? 1; return Spacer(flex: flex); } // --- Image --- (Original from user) Widget _buildImage(Map json, String widgetId) { final double borderRadius = json['borderRadius']?.toDouble() ?? 0.0; final AlignmentGeometry overlayAlignment = _parseAlignment(json['alignment'] ?? 'topLeft'); final double imageWidth = json['width']?.toDouble() ?? 50.0; final double imageHeight = json['height']?.toDouble() ?? 50.0; final String src = json['src']?.toString() ?? ''; Widget imageWidget = Image.network( src, width: imageWidth, height: imageHeight, fit: BoxFit.cover, loadingBuilder: (context, child, loadingProgress) { if (loadingProgress == null) return child; return Center( child: CircularProgressIndicator( value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / (loadingProgress.expectedTotalBytes ?? 1) : null, ), ); }, errorBuilder: (context, error, stackTrace) { print("Error loading image $src: $error"); return Center( child: Icon(Icons.broken_image, size: 30.0, color: Colors.red)); }, ); if (borderRadius > 0) { imageWidget = ClipRRect( borderRadius: BorderRadius.circular(borderRadius), child: imageWidget, ); } return Stack( children: [ imageWidget, Positioned.fill( child: Align( alignment: overlayAlignment, child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Image Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( width: imageWidth, height: imageHeight, key: Key("mousy_$widgetId"), type: 'Image', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), ), ], ); } // --- Icon --- (Original from user) Widget _buildIcon(Map json, String widgetId) { final String iconName = json['icon']?.toString() ?? 'help'; final double iconSize = json['size']?.toDouble() ?? 24.0; final Color color = _parseColor(json['color'] ?? '#000000'); Widget baseIcon = Icon( _getIconFromName(iconName), size: iconSize, color: color, ); return SizedBox( width: iconSize, height: iconSize, child: Stack( alignment: Alignment.center, children: [ baseIcon, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Icon Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), type: 'Icon', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Card --- (Original from user) Widget _buildCard(Map json, String widgetId) { final Color cardColor = _parseColor(json['color'] ?? '#FFFFFF'); final Color? shadowColor = _parseColor(json['shadowColor']); final double elevation = json['elevation']?.toDouble() ?? 1.0; final EdgeInsets margin = _parseEdgeInsets(json['margin']) ?? const EdgeInsets.all(4.0); final Clip clipBehavior = _parseClip(json['clipBehavior'] ?? 'none'); final double borderRadius = json['borderRadius']?.toDouble() ?? 4.0; final double? overlayWidth = json['width']?.toDouble(); final double? overlayHeight = json['height']?.toDouble(); Widget? childWidget; if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } Widget baseCard = Card( color: cardColor, shadowColor: shadowColor, elevation: elevation, clipBehavior: clipBehavior, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(borderRadius)), margin: EdgeInsets.zero, child: childWidget ?? const SizedBox.shrink(), ); return Padding( padding: margin, child: Stack( clipBehavior: Clip.none, children: [ baseCard, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Card Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, width: overlayWidth, height: overlayHeight, type: 'Card', propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Divider --- (Original from user) Widget _buildDivider(Map json, String widgetId) { final double height = json['height']?.toDouble() ?? 16.0; final double thickness = json['thickness']?.toDouble() ?? 1.0; final double indent = json['indent']?.toDouble() ?? 0.0; final double endIndent = json['endIndent']?.toDouble() ?? 0.0; final Color color = _parseColor(json['color'] ?? '#888888'); final double? overlayWidth = json['width']?.toDouble(); final double overlayHeight = json['height']?.toDouble() ?? height; Widget baseDivider = Divider( height: height, thickness: thickness, indent: indent, endIndent: endIndent, color: color, ); return SizedBox( width: overlayWidth, height: overlayHeight, child: Stack( alignment: Alignment.center, children: [ baseDivider, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Divider Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), widgetId: widgetId, type: 'Divider', propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Switch --- (Original from user) Widget _buildSwitch(Map json, String widgetId) { bool currentValue = json['value'] as bool? ?? false; final Color? activeColor = _parseColor(json['activeColor']); final Color? activeTrackColor = _parseColor(json['activeTrackColor']); final Color? inactiveThumbColor = _parseColor(json['inactiveThumbColor']); final Color? inactiveTrackColor = _parseColor(json['inactiveTrackColor']); final double overlayWidth = json['width']?.toDouble() ?? 50.0; final double overlayHeight = json['height']?.toDouble() ?? 38.0; Widget baseSwitch = StatefulBuilder(builder: (context, localSetState) { return Switch( value: currentValue, onChanged: (newValue) { localSetState(() { currentValue = newValue; }); print("Actual Switch '$widgetId' changed to $newValue"); }, activeColor: activeColor, activeTrackColor: activeTrackColor, inactiveThumbColor: inactiveThumbColor, inactiveTrackColor: inactiveTrackColor, materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, ); }); return SizedBox( width: overlayWidth, height: overlayHeight, child: Stack( alignment: Alignment.center, children: [ baseSwitch, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Switch Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), type: 'Switch', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Slider --- (Original from user) Widget _buildSlider(Map json, String widgetId) { double currentValue = json['value']?.toDouble() ?? 0.0; final double min = json['min']?.toDouble() ?? 0.0; final double max = json['max']?.toDouble() ?? 1.0; final int? divisions = json['divisions']?.toInt(); final String? label = json['label']?.toString(); final Color? activeColor = _parseColor(json['activeColor']); final Color? inactiveColor = _parseColor(json['inactiveColor']); final Color? thumbColor = _parseColor(json['thumbColor']); final double? overlayWidth = json['width']?.toDouble(); final double overlayHeight = json['height']?.toDouble() ?? 48.0; Widget baseSlider = StatefulBuilder(builder: (context, localSetState) { return Slider( value: currentValue, min: min, max: max, divisions: divisions, label: divisions != null ? (label ?? currentValue.toStringAsFixed(1)) : null, onChanged: (newValue) { localSetState(() { currentValue = newValue; }); print("Actual Slider '$widgetId' changed to $newValue"); }, activeColor: activeColor, inactiveColor: inactiveColor, thumbColor: thumbColor, ); }); return SizedBox( width: overlayWidth, height: overlayHeight, child: Stack( alignment: Alignment.center, children: [ baseSlider, Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Slider Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), type: 'Slider', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- Checkbox --- (Original from user) Widget _buildCheckbox(Map json, String widgetId) { bool? currentValue = json['value'] as bool?; final bool tristate = json['tristate'] as bool? ?? false; if (!tristate && currentValue == null) { currentValue = false; } final Color? activeColor = _parseColor(json['activeColor']); final Color? checkColor = _parseColor(json['checkColor']); final Color? fillColor = _parseColor(json['fillColor']); final double overlayWidth = json['width']?.toDouble() ?? 48.0; final double overlayHeight = json['height']?.toDouble() ?? 48.0; Widget baseCheckbox = StatefulBuilder(builder: (context, localSetState) { return Checkbox( value: currentValue, tristate: tristate, onChanged: (newValue) { localSetState(() { currentValue = newValue; }); print("Actual Checkbox '$widgetId' changed to $newValue"); }, activeColor: activeColor, checkColor: checkColor, fillColor: fillColor != null ? MaterialStateProperty.all(fillColor) : null, materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, ); }); return SizedBox( width: overlayWidth, height: overlayHeight, child: Stack( alignment: Alignment.center, children: [ Center(child: baseCheckbox), Positioned.fill( child: Listener( behavior: HitTestBehavior.translucent, onPointerDown: (event) { print("Checkbox Listener onPointerDown: $widgetId"); setState(() { FFAppState().widgetname = widgetId; widget.proparteisAct?.call(); }); }, child: Mousywidget( key: Key("mousy_$widgetId"), type: 'Checkbox', widgetId: widgetId, propartiesAction: widget.proparteisAct, ), ), ), ], ), ); } // --- GestureDetector --- (Original from user) Widget _buildGestureDetector(Map json, String widgetId) { Widget childWidget = const SizedBox.shrink(); if (json['child'] != null && json['child'] is Map) { childWidget = _buildWidgetFromJson(json['child'], widgetId); } return GestureDetector( onTap: () { print("Actual GestureDetector '$widgetId' onTap triggered"); }, onDoubleTap: () { print("Actual GestureDetector '$widgetId' onDoubleTap triggered"); }, onLongPress: () { print("Actual GestureDetector '$widgetId' onLongPress triggered"); }, child: childWidget, ); } // User-Provided Scaffold/AppBar/BottomNav Builders (Original) - Minimal changes, mostly keying for Mousywidgets if they were added. // These are typically non-draggable root elements. // User-Provided Scaffold/AppBar/BottomNav Builders (Original from user) // =========================================== Widget _buildScaffold(Map json, String widgetId) { Color localParseColor(String color) { try { return Color(int.parse(color.replaceAll("#", "0xFF"))); } catch (e) { print("Scaffold localParseColor error: $e, using white"); return Colors.white; } } Color? backgroundColor; if (json['backgroundColor'] != null) { backgroundColor = localParseColor(json['backgroundColor']); } return Stack( children: [ Scaffold( appBar: json['appBar'] != null ? _buildAppBar(json['appBar'], widgetId) : null, backgroundColor: backgroundColor ?? Colors.white, body: json['body'] != null ? _buildWidgetFromJson(json['body'], widgetId) : Container(), bottomNavigationBar: json['bottomNavigationBar'] != null ? _buildBottomNavigationBar(json['bottomNavigationBar'], widgetId) : null, ), ], ); } PreferredSizeWidget _buildAppBar(Map json, String widgetId) { final String? iconName = json['icon']?.toString(); Color localParseColor(String? color, Color defaultColor) { // Made color nullable if (color == null) return defaultColor; try { return Color(int.parse(color.replaceAll("#", "0xFF"))); } catch (e) { print("AppBar localParseColor error: $e, using default"); return defaultColor; } } final Color backgroundColor = localParseColor( json['backgroundColor']?.toString() ?? json['color']?.toString(), Colors.blue, ); final Color titleColor = localParseColor( json['titleColor']?.toString(), Colors.white, ); final Color iconColor = localParseColor( json['iconColor']?.toString(), Colors.white, ); final bool? centerTitle = json['centerTitle'] as bool?; final double? elevation = (json['elevation'] as num?)?.toDouble(); Widget _buildTitle(dynamic titleJson) { if (titleJson is Map) { return _buildWidgetFromJson(titleJson, "${widgetId}_title"); } else { return Text( titleJson?.toString() ?? 'AppBar', style: TextStyle(color: titleColor), ); } } List? _buildActions(List? actionsJson) { if (actionsJson == null) return null; return actionsJson.asMap().entries.map((entry) { final index = entry.key; final action = entry.value; return _buildWidgetFromJson( action as Map, "${widgetId}_action_$index"); }).toList(); } return AppBar( key: ValueKey(widgetId), title: _buildTitle(json['title']), backgroundColor: backgroundColor, automaticallyImplyLeading: false, leading: iconName != null ? Icon(_getIconFromName(iconName), color: iconColor) : null, centerTitle: centerTitle, elevation: elevation, actions: _buildActions(json['actions']), ); } Widget _buildBottomNavigationBar(Map json, String widgetId) { // Type check as per original if (json['type'] != "BottomNavigationBar" && json['type'] != "bottomNavigationBar") return const SizedBox.shrink(); // Allow both cases List? itemsJson = json['items'] as List?; // Safe cast if (itemsJson == null || itemsJson.isEmpty) return const SizedBox.shrink(); // Local helper - less robust Color localParseColor(String color, Color defaultColor) { try { return Color(int.parse(color.replaceAll("#", "0xFF"))); } catch (e) { print("BottomNav localParseColor error: $e, using default"); return defaultColor; } } // Default colors Color backgroundColor = json['color'] != null ? localParseColor(json['color'], Colors.blue) : Colors.blue; Color defaultIconColor = json['iconColor'] != null ? localParseColor(json['iconColor'], Colors.white) : Colors.white; Color defaultLabelColor = json['labelColor'] != null ? localParseColor(json['labelColor'], Colors.white) : Colors.white; // State - Need external state management for currentIndex int currentIndex = json['currentIndex']?.toInt() ?? 0; return BottomNavigationBar( type: BottomNavigationBarType.fixed, // Original was fixed backgroundColor: backgroundColor, selectedItemColor: defaultIconColor, // Simplified selection color unselectedItemColor: defaultLabelColor.withOpacity(0.7), // Original had opacity currentIndex: currentIndex, // Set index onTap: (index) { // Add basic onTap handler print("BottomNav '$widgetId' tapped item: $index"); // In real app, update state here }, items: itemsJson.map((item) { if (item is Map) { // Check item type String? iconName = item['icon']?.toString(); String? label = item['label']?.toString(); // Use default colors per original logic Color itemIconColor = item['iconColor'] != null ? localParseColor(item['iconColor'], defaultIconColor) : defaultIconColor; return BottomNavigationBarItem( icon: Icon(_getIconFromName(iconName ?? 'home'), color: itemIconColor), label: label ?? '', ); } // Handle invalid item format return const BottomNavigationBarItem( icon: Icon(Icons.error), label: 'Error'); }).toList(), ); } // =========================================== // Helper Functions (Keep all the parsing helpers) // =========================================== Color _parseColor(String? colorString) { if (colorString == null || colorString.isEmpty) { return Colors.transparent; } colorString = colorString.trim(); if (colorString.startsWith('#')) { try { String hex = colorString.substring(1); if (hex.length == 6) { // No alpha provided, assume full opacity hex = 'FF$hex'; } if (hex.length == 8) { return Color(int.parse(hex, radix: 16)); } } catch (e) { print("Error parsing hex color '$colorString': $e"); } } else { switch (colorString.toLowerCase()) { case 'red': return Colors.red; case 'blue': return Colors.blue; case 'green': return Colors.green; case 'yellow': return Colors.yellow; case 'orange': return Colors.orange; case 'purple': return Colors.purple; case 'pink': return Colors.pink; case 'cyan': return Colors.cyan; case 'teal': return Colors.teal; case 'amber': return Colors.amber; case 'indigo': return Colors.indigo; case 'brown': return Colors.brown; case 'grey': case 'gray': return Colors.grey; case 'black': return Colors.black; case 'white': return Colors.white; case 'transparent': return Colors.transparent; } } print("Could not parse color '$colorString', defaulting to black."); return Colors.black; } TextAlign _parseTextAlign(String? alignString) { switch (alignString?.toLowerCase()) { case 'left': return TextAlign.left; case 'right': return TextAlign.right; case 'center': return TextAlign.center; case 'justify': return TextAlign.justify; case 'start': return TextAlign.start; case 'end': return TextAlign.end; default: return TextAlign.start; } } EdgeInsets? _parseEdgeInsets(dynamic paddingData) { if (paddingData == null) return null; if (paddingData is Map) { return EdgeInsets.only( top: paddingData['top']?.toDouble() ?? 0.0, bottom: paddingData['bottom']?.toDouble() ?? 0.0, left: paddingData['left']?.toDouble() ?? 0.0, right: paddingData['right']?.toDouble() ?? 0.0); } else if (paddingData is num) { return EdgeInsets.all(paddingData.toDouble()); } else if (paddingData is String) { final double? value = double.tryParse(paddingData); if (value != null) { return EdgeInsets.all(value); } } print("Could not parse EdgeInsets: $paddingData, using zero."); return EdgeInsets.zero; } AlignmentGeometry _parseAlignment(dynamic alignmentData) { // Change input type to dynamic if (alignmentData is String) { // --- Existing String parsing --- switch (alignmentData.toLowerCase()) { case 'topleft': return Alignment.topLeft; case 'topcenter': return Alignment.topCenter; case 'topright': return Alignment.topRight; case 'centerleft': return Alignment.centerLeft; case 'center': return Alignment.center; case 'centerright': return Alignment.centerRight; case 'bottomleft': return Alignment.bottomLeft; case 'bottomcenter': return Alignment.bottomCenter; case 'bottomright': return Alignment.bottomRight; default: print( "Warning: Unknown alignment string '$alignmentData'. Using Alignment.center."); return Alignment.center; // Sensible default } } else if (alignmentData is Map) { // --- NEW: Map parsing for {'x': ..., 'y': ...} --- try { // Use ?? 0.0 to default to center if a coordinate is missing final double x = (alignmentData['x'] as num?)?.toDouble() ?? 0.0; final double y = (alignmentData['y'] as num?)?.toDouble() ?? 0.0; // Check for valid range if needed (-1.0 to 1.0 typically) // if (x < -1.0 || x > 1.0 || y < -1.0 || y > 1.0) { // print("Warning: Alignment coordinates ($x, $y) out of typical range [-1, 1]. Using Alignment.center."); // return Alignment.center; // } return Alignment(x, y); } catch (e) { print( "Error parsing alignment map '$alignmentData': $e. Using Alignment.center."); return Alignment.center; // Fallback on error } } // --- Default if null or other unexpected type --- // print("Warning: Invalid alignment data type '${alignmentData?.runtimeType}'. Using Alignment.center."); return Alignment.center; // Default alignment } Axis _parseAxis(String? axisString) { return axisString?.toLowerCase() == 'horizontal' ? Axis.horizontal : Axis.vertical; } MainAxisAlignment _parseMainAxisAlignment(String? alignString) { switch (alignString?.toLowerCase()) { case 'start': return MainAxisAlignment.start; case 'end': return MainAxisAlignment.end; case 'center': return MainAxisAlignment.center; case 'spacebetween': return MainAxisAlignment.spaceBetween; case 'spacearound': return MainAxisAlignment.spaceAround; case 'spaceevenly': return MainAxisAlignment.spaceEvenly; default: return MainAxisAlignment.start; } } CrossAxisAlignment _parseCrossAxisAlignment(String? alignString) { switch (alignString?.toLowerCase()) { case 'start': return CrossAxisAlignment.start; case 'end': return CrossAxisAlignment.end; case 'center': return CrossAxisAlignment.center; case 'stretch': return CrossAxisAlignment.stretch; case 'baseline': return CrossAxisAlignment.baseline; default: return CrossAxisAlignment.center; } } MainAxisSize _parseMainAxisSize(String? sizeString) { return sizeString?.toLowerCase() == 'min' ? MainAxisSize.min : MainAxisSize.max; } ui.TextDirection? _parseTextDirection(String? dirString) { switch (dirString?.toLowerCase()) { case 'ltr': return ui.TextDirection.ltr; case 'rtl': return ui.TextDirection.rtl; default: return null; } } VerticalDirection _parseVerticalDirection(String? dirString) { return dirString?.toLowerCase() == 'up' ? VerticalDirection.up : VerticalDirection.down; } StackFit _parseStackFit(String? fitString) { switch (fitString?.toLowerCase()) { case 'expand': return StackFit.expand; case 'passthrough': return StackFit.passthrough; case 'loose': default: return StackFit.loose; } } Clip _parseClip(String? clipString) { switch (clipString?.toLowerCase()) { case 'none': return Clip.none; case 'hardedge': return Clip.hardEdge; case 'antiAlias': return Clip.antiAlias; case 'antiAliasWithSaveLayer': return Clip.antiAliasWithSaveLayer; default: return Clip.hardEdge; } } ScrollPhysics? _parseScrollPhysics(String? physicsString) { switch (physicsString?.toLowerCase()) { case 'never': return const NeverScrollableScrollPhysics(); case 'bouncing': return const BouncingScrollPhysics(); case 'clamping': return const ClampingScrollPhysics(); case 'always': return const AlwaysScrollableScrollPhysics(); default: return null; } } FlexFit _parseFlexFit(String? fitString) { return fitString?.toLowerCase() == 'tight' ? FlexFit.tight : FlexFit.loose; } BoxFit _parseBoxFit(String? fitString) { switch (fitString?.toLowerCase()) { case 'fill': return BoxFit.fill; case 'contain': return BoxFit.contain; case 'cover': return BoxFit.cover; case 'fitwidth': return BoxFit.fitWidth; case 'fitheight': return BoxFit.fitHeight; case 'none': return BoxFit.none; case 'scaledown': return BoxFit.scaleDown; default: return BoxFit.cover; } } BlendMode? _parseBlendMode(String? modeString) { switch (modeString?.toLowerCase()) { case 'srcin': return BlendMode.srcIn; case 'color': return BlendMode.color; case 'multiply': return BlendMode.multiply; default: return null; } } FontWeight _parseFontWeight(String? weightString) { switch (weightString?.toLowerCase()) { case 'bold': return FontWeight.bold; case 'normal': return FontWeight.normal; case 'w100': return FontWeight.w100; case 'w200': return FontWeight.w200; case 'w300': return FontWeight.w300; case 'w400': return FontWeight.w400; case 'w500': return FontWeight.w500; case 'w600': return FontWeight.w600; case 'w700': return FontWeight.w700; case 'w800': return FontWeight.w800; case 'w900': return FontWeight.w900; default: return FontWeight.normal; } } FontStyle _parseFontStyle(String? styleString) { return styleString?.toLowerCase() == 'italic' ? FontStyle.italic : FontStyle.normal; } TextOverflow _parseTextOverflow(String? overflowString) { switch (overflowString?.toLowerCase()) { case 'clip': return TextOverflow.clip; case 'ellipsis': return TextOverflow.ellipsis; case 'fade': return TextOverflow.fade; case 'visible': return TextOverflow.visible; default: return TextOverflow.clip; } } TextInputType _parseTextInputType(String? typeString) { switch (typeString?.toLowerCase()) { case 'text': return TextInputType.text; case 'number': return TextInputType.number; case 'email': return TextInputType.emailAddress; case 'phone': return TextInputType.phone; case 'url': return TextInputType.url; case 'datetime': return TextInputType.datetime; case 'visiblepassword': return TextInputType.visiblePassword; default: return TextInputType.text; } } FloatingActionButtonLocation? _parseFabLocation(String? locString) { switch (locString?.toLowerCase()) { case 'centerdocked': return FloatingActionButtonLocation.centerDocked; case 'centerfloat': return FloatingActionButtonLocation.centerFloat; case 'enddocked': return FloatingActionButtonLocation.endDocked; case 'endfloat': return FloatingActionButtonLocation.endFloat; default: return null; } } BottomNavigationBarType _parseBottomNavType(String? typeString) { return typeString?.toLowerCase() == 'shifting' ? BottomNavigationBarType.shifting : BottomNavigationBarType.fixed; } IconData _getIconFromName(String iconName) { switch (iconName) { case 'home': return Icons.home; case 'star': return Icons.star; case 'settings': return Icons.settings; case 'favorite': return Icons.favorite; case 'search': return Icons.search; case 'alarm': return Icons.alarm; case 'account_circle': return Icons.account_circle; case 'camera': return Icons.camera; case 'email': return Icons.email; case 'lock': return Icons.lock; case 'call': return Icons.call; case 'info': return Icons.info; case 'shopping_cart': return Icons.shopping_cart; case 'check_circle': return Icons.check_circle; case 'lock': return Icons.lock; case 'delete': return Icons.delete; case 'add': return Icons.add; case 'edit': return Icons.edit; case 'map': return Icons.map; case 'thumb_up': return Icons.thumb_up; case 'thumb_down': return Icons.thumb_down; case 'wifi': return Icons.wifi; case 'bluetooth': return Icons.bluetooth; case 'volume_up': return Icons.volume_up; case 'volume_off': return Icons.volume_off; case 'person': return Icons.person; case 'chat': return Icons.chat; case 'cloud': return Icons.cloud; case 'folder': return Icons.folder; case 'attach_file': return Icons.attach_file; case 'battery_full': return Icons.battery_full; case 'brightness_5': return Icons.brightness_5; case 'calendar_today': return Icons.calendar_today; case 'directions': return Icons.directions; case 'location_on': return Icons.location_on; case 'phone': return Icons.phone; case 'play_arrow': return Icons.play_arrow; case 'pause': return Icons.pause; case 'stop': return Icons.stop; case 'security': return Icons.security; case 'visibility': return Icons.visibility; case 'visibility_off': return Icons.visibility_off; case 'notifications': return Icons.notifications; case 'notifications_off': return Icons.notifications_off; case 'check': return Icons.check; case 'close': return Icons.close; case 'menu': return Icons.menu; case 'expand_more': return Icons.expand_more; case 'expand_less': return Icons.expand_less; case 'refresh': return Icons.refresh; case 'share': return Icons.share; case 'save': return Icons.save; case 'print': return Icons.print; case 'download': return Icons.download; case 'upload': return Icons.upload; case 'arrow_back': return Icons.arrow_back; case 'arrow_forward': return Icons.arrow_forward; case 'arrow_upward': return Icons.arrow_upward; case 'arrow_downward': return Icons.arrow_downward; case 'logout': return Icons.logout; case 'login': return Icons.login; case 'flight': return Icons.flight; case 'train': return Icons.train; case 'directions_bus': return Icons.directions_bus; case 'car_rental': return Icons.car_rental; case 'restaurant': return Icons.restaurant; case 'hotel': return Icons.hotel; case 'music_note': return Icons.music_note; case 'headphones': return Icons.headphones; case 'sports_basketball': return Icons.sports_basketball; case 'sports_soccer': return Icons.sports_soccer; case 'fitness_center': return Icons.fitness_center; case 'fastfood': return Icons.fastfood; case 'liquor': return Icons.liquor; case 'medical_services': return Icons.medical_services; case 'local_hospital': return Icons.local_hospital; case 'child_care': return Icons.child_care; case 'book': return Icons.book; case 'school': return Icons.school; case 'work': return Icons.work; case 'business': return Icons.business; case 'group': return Icons.group; case 'chat_bubble': return Icons.chat_bubble; case 'forum': return Icons.forum; case 'attach_money': return Icons.attach_money; case 'payment': return Icons.payment; case 'credit_card': return Icons.credit_card; case 'account_balance': return Icons.account_balance; case 'trending_up': return Icons.trending_up; case 'trending_down': return Icons.trending_down; case 'assessment': return Icons.assessment; case 'bar_chart': return Icons.bar_chart; case 'pie_chart': return Icons.pie_chart; case 'science': return Icons.science; case 'lightbulb': return Icons.lightbulb; case 'engineering': return Icons.engineering; case 'developer_mode': return Icons.developer_mode; case 'smartphone': return Icons.smartphone; case 'computer': return Icons.computer; case 'tv': return Icons.tv; case 'keyboard': return Icons.keyboard; case 'mouse': return Icons.mouse; case 'watch': return Icons.watch; case 'earbuds': return Icons.earbuds; case 'gamepad': return Icons.gamepad; case 'podcasts': return Icons.podcasts; case 'send': return Icons.send; // ========== Additional Icons ========== case 'add_circle': return Icons.add_circle; case 'add_circle_outline': return Icons.add_circle_outline; case 'remove': return Icons.remove; case 'remove_circle': return Icons.remove_circle; case 'remove_circle_outline': return Icons.remove_circle_outline; case 'check_box': return Icons.check_box; case 'check_box_outline_blank': return Icons.check_box_outline_blank; case 'radio_button_checked': return Icons.radio_button_checked; case 'radio_button_unchecked': return Icons.radio_button_unchecked; case 'star_border': return Icons.star_border; case 'star_half': return Icons.star_half; case 'favorite_border': return Icons.favorite_border; case 'person_add': return Icons.person_add; case 'person_remove': return Icons.person_remove; case 'people': return Icons.people; // Alias for group case 'more_vert': return Icons.more_vert; case 'more_horiz': return Icons.more_horiz; case 'arrow_back_ios': return Icons.arrow_back_ios; case 'arrow_forward_ios': return Icons.arrow_forward_ios; case 'reply': return Icons.reply; case 'forward': return Icons.forward; case 'undo': return Icons.undo; case 'redo': return Icons.redo; case 'copy': return Icons.copy; // Usually content_copy case 'paste': return Icons.paste; // Usually content_paste case 'cut': return Icons.cut; // Usually content_cut case 'content_copy': return Icons.content_copy; case 'content_paste': return Icons.content_paste; case 'content_cut': return Icons.content_cut; case 'link': return Icons.link; case 'link_off': return Icons.link_off; case 'error': return Icons.error; case 'error_outline': return Icons.error_outline; case 'warning': return Icons.warning; case 'warning_amber': return Icons.warning_amber_rounded; // A common variant case 'info_outline': return Icons.info_outline; case 'help': return Icons.help; case 'help_outline': return Icons.help_outline; case 'question_answer': return Icons.question_answer; case 'feedback': return Icons.feedback; case 'report': return Icons.report; case 'shield': return Icons.shield; case 'verified': return Icons.verified; case 'verified_user': return Icons.verified_user; case 'sync': return Icons.sync; case 'cached': return Icons.cached; case 'task': return Icons.task; case 'task_alt': return Icons.task_alt; case 'schedule': return Icons.schedule; case 'access_time': return Icons.access_time; case 'timer': return Icons.timer; case 'language': return Icons.language; case 'translate': return Icons.translate; case 'public': return Icons.public; case 'public_off': return Icons.public_off; case 'eco': return Icons.eco; case 'pets': return Icons.pets; case 'bug_report': return Icons.bug_report; case 'support': return Icons.support; case 'support_agent': return Icons.support_agent; case 'build': return Icons.build; case 'construction': return Icons.construction; case 'light_mode': return Icons.light_mode; case 'dark_mode': return Icons.dark_mode; case 'bedtime': return Icons.bedtime; case 'cloud_upload': return Icons.cloud_upload; case 'cloud_download': return Icons.cloud_download; case 'cloud_off': return Icons.cloud_off; case 'skip_next': return Icons.skip_next; case 'skip_previous': return Icons.skip_previous; case 'fast_forward': return Icons.fast_forward; case 'fast_rewind': return Icons.fast_rewind; case 'replay': return Icons.replay; case 'shuffle': return Icons.shuffle; case 'repeat': return Icons.repeat; case 'repeat_one': return Icons.repeat_one; case 'mic': return Icons.mic; case 'mic_off': return Icons.mic_off; case 'videocam': return Icons.videocam; case 'videocam_off': return Icons.videocam_off; case 'list': return Icons.list; case 'view_list': return Icons.view_list; case 'grid_view': return Icons.grid_view; case 'view_module': return Icons.view_module; case 'format_bold': return Icons.format_bold; case 'format_italic': return Icons.format_italic; case 'format_underline': return Icons.format_underline; case 'format_align_left': return Icons.format_align_left; case 'format_align_center': return Icons.format_align_center; case 'format_align_right': return Icons.format_align_right; case 'format_list_bulleted': return Icons.format_list_bulleted; case 'format_list_numbered': return Icons.format_list_numbered; case 'code': return Icons.code; case 'terminal': return Icons.terminal; case 'filter_list': return Icons.filter_list; case 'sort': return Icons.sort; case 'flag': return Icons.flag; case 'calculate': return Icons.calculate; case 'functions': return Icons.functions; case 'fingerprint': return Icons.fingerprint; case 'palette': return Icons.palette; case 'color_lens': return Icons.color_lens; case 'architecture': return Icons.architecture; case 'cake': return Icons.cake; case 'celebration': return Icons.celebration; case 'water_drop': return Icons.water_drop; case 'waves': return Icons.waves; case 'sunny': return Icons.wb_sunny; case 'thermostat': return Icons.thermostat; case 'umbrella': return Icons.umbrella; case 'store': return Icons.store; case 'pharmacy': return Icons.local_pharmacy; case 'cafe': return Icons.local_cafe; case 'pin_drop': return Icons.pin_drop; case 'my_location': return Icons.my_location; case 'layers': return Icons.layers; case 'memory': return Icons.memory; case 'sd_card': return Icons.sd_card; case 'router': return Icons.router; case 'voicemail': return Icons.voicemail; case 'speaker_phone': return Icons.speaker_phone; case 'image': return Icons.image; case 'photo_library': return Icons.photo_library; case 'movie': return Icons.movie; case 'audiotrack': return Icons.audiotrack; case 'dashboard': return Icons.dashboard; case 'article': return Icons.article; case 'note': return Icons.note; case 'calendar_month': return Icons.calendar_month; case 'timer': return Icons.timer; case 'analytics': return Icons.analytics; case 'auto_awesome': return Icons.auto_awesome; case 'savings': return Icons.savings; case 'copyright': return Icons.copyright; case 'paid': return Icons.paid; case 'insights': return Icons.insights; case 'query_stats': return Icons.query_stats; case 'timeline': return Icons.timeline; case 'mediation': return Icons.mediation; case 'bolt': return Icons.bolt; case 'recommend': return Icons.recommend; case 'flutter_dash': return Icons.flutter_dash; case 'api': return Icons.api; case 'extension': return Icons.extension; case 'gesture': return Icons.gesture; case 'category': return Icons.category; case 'label': return Icons.label; case 'push_pin': return Icons.push_pin; case 'block': return Icons.block; case 'cancel': return Icons.cancel; case 'history': return Icons.history; case 'power_settings_new': return Icons.power_settings_new; case 'receipt': return Icons.receipt; case 'shopping_bag': return Icons.shopping_bag; case 'track_changes': return Icons.track_changes; case 'wb_incandescent': return Icons.wb_incandescent; case 'web': return Icons.web; case 'zoom_in': return Icons.zoom_in; case 'zoom_out': return Icons.zoom_out; default: return Icons.help; // Default icon if not found } } Widget _errorWidget(String error) { return Center( child: Padding( padding: const EdgeInsets.all(16.0), child: Text('Error: $error', style: const TextStyle(color: Colors.red, fontSize: 14), textAlign: TextAlign.center), ), ); } // =========================================== // Code Generation (generateFlutterCodeFromJson) // =========================================== String generateFlutterCodeFromJson(Map json) { // ... (original code - unchanged) final String widgetType = json["type"] ?? "Container"; print("Generating code for type: $widgetType (basic implementation)"); if (json['child'] != null && json['child'] is Map) { final childCode = generateFlutterCodeFromJson(json['child']); return "$widgetType(child: $childCode)"; } else if (json['children'] != null && json['children'] is List) { final childrenCode = (json['children'] as List) .map((child) => generateFlutterCodeFromJson(child as Map)) .join(', '); return "$widgetType(children: [$childrenCode])"; } else { return "$widgetType()"; } } // =========================================== // Build Method (Main Frame Structure) // =========================================== @override Widget build(BuildContext context) { final device = getDevice(); final bool showFrame = widget.devices != 9; return LayoutBuilder( builder: (context, constraints) { final effectiveWidth = deviceSize.width; final effectiveHeight = deviceSize.height; print( "Building frame for device: ${device.name}, Size: $effectiveWidth x $effectiveHeight"); final Widget screenContent = Material( child: _dynamicWidget); // Removed ?? Center(...) for consistency with user original final Widget frameWidget = DeviceFrame( device: device, isFrameVisible: showFrame, orientation: Orientation.portrait, screen: screenContent); return Center( child: SizedBox( width: effectiveWidth, height: effectiveHeight, child: frameWidget)); }, ); } } we want to make that futur when we dragg widget from place to another place update jsoncode from that to make that widget in the new place from where we dragged don't forget any widgets there or json parameter