refactor: Remove StacWidget converter and add fromJson conversion in the stac_widget

.gitignore

@@ -38,3 +38,6 @@ mason-lock.json
 
 # Local Netlify folder
 .netlify
+
+# Cursor Files
+.cursor/

examples/stac_gallery/assets/json/app_bar_example.json

@@ -5,7 +5,7 @@
     "automaticallyImplyLeading": true,
     "title": {
       "type": "text",
-      "data": "Stac s",
+      "data": "Stac Appbar",
       "children": [],
       "style": null,
       "softWrap": null,

examples/stac_gallery/lib/main.dart

@@ -1,11 +1,12 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
-import 'package:stac/stac.dart' show Stac;
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:stac/stac.dart' show Stac, StacApp;
+import 'package:stac_gallery/app/details/details_screen.dart';
 import 'package:stac_gallery/app/example/example_screen_parser.dart';
-import 'package:stac_models/stac_models.dart';
-import 'package:stac_models/theme/stac_button_style/stac_button_style.dart';
-import 'package:stac_models/types/stac_continuous_rectangle_border/stac_continuous_rectangle_border.dart';
+import 'package:stac_gallery/app/home/home_screen.dart';
+import 'package:stac_gallery/app_theme/app_theme_cubit.dart';
 import 'package:stac_webview/stac_webview.dart';
 
 class MyHttpOverrides extends HttpOverrides {
@@ -34,105 +35,23 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'STAC Gallery',
-      theme: ThemeData(
-        primarySwatch: Colors.blue,
+    return BlocProvider(
+      create: (context) => AppThemeCubit()..loadThemes(),
+      child: BlocBuilder<AppThemeCubit, AppThemeState>(
+        builder: (context, state) {
+          return StacApp(
+            theme: state.lightTheme,
+            darkTheme: state.darkTheme,
+            themeMode: state.themeMode,
+            homeBuilder: (context) => HomeScreen(),
+            title: 'Stac Gallery',
+            routes: {
+              '/homeScreen': (context) => const HomeScreen(),
+              '/detailsScreen': (context) => const DetailsScreen(),
+            },
+          );
+        },
       ),
-      home: Stac.fromStacWidget(widget: homeScreen(), context: context),
     );
   }
 }
-
-StacWidget homeScreen() {
-  return StacScaffold(
-    appBar: StacAppBar(
-      title: StacText(
-        data: 'STAC dede',
-      ),
-    ),
-    body: StacColumn(
-      children: [
-        StacContainer(
-          width: double.infinity,
-          color: StacColors.blue,
-          child: StacText(data: 'Hello, World!'),
-        ),
-        StacContainer(
-          width: double.infinity,
-          color: StacColors.red,
-          child: StacText(data: 'Hello, World!'),
-        ),
-        StacElevatedButton(
-          onPressed: {},
-          child: StacText(data: 'Hello, World!'),
-          style: StacButtonStyle(
-            shape: StacContinuousRectangleBorder(
-              borderRadius: StacBorderRadius.all(100),
-              side: StacBorderSide(
-                width: 10,
-                color: StacColors.black,
-              ),
-            ),
-          ),
-        ),
-        StacOutlinedButton(
-          onPressed: {},
-          child: StacText(data: 'Hello, World!'),
-        ),
-      ],
-    ),
-    floatingActionButton: StacFloatingActionButton(
-      onPressed: {},
-      child: StacText(data: '+'),
-    ),
-  );
-}
-
-// class HomeScreen extends StatelessWidget {
-//   const HomeScreen({super.key});
-
-//   @override
-//   Widget build(BuildContext context) {
-//     return Scaffold(
-//       appBar: AppBar(
-//         title: const Text('STAC Gallery'),
-//       ),
-//       body: Center(
-//         child: Container(
-//           color: Colors.blue,
-//           width: 100,
-//           height: 100,
-//           alignment: Alignment.center,
-//           child: Text('Hello, Stac!!'),
-//         ),
-//       ),
-//     );
-//   }
-// }
-
-// // class MyApp extends StatelessWidget {
-//   const MyApp({super.key});
-
-//   @override
-//   Widget build(BuildContext context) {
-//     return BlocProvider(
-//       create: (context) => AppThemeCubit()..loadThemes(),
-//       child: BlocBuilder<AppThemeCubit, AppThemeState>(
-//         builder: (context, state) {
-//           return StacApp(
-//             theme: state.lightTheme,
-//             darkTheme: state.darkTheme,
-//             themeMode: state.themeMode,
-//             homeBuilder: (context) => HomeScreen(),
-//             title: 'Stac Gallery',
-//             routes: {
-//               '/homeScreen': (context) => const HomeScreen(),
-//               '/detailsScreen': (context) => const DetailsScreen(),
-//             },
-//           );
-//         },
-//       ),
-//     );
-//   }
-// }

packages/stac/lib/src/framework/stac.dart

@@ -18,7 +18,7 @@ import 'package:stac/src/utils/variable_resolver.dart';
 import 'package:stac/src/utils/widget_type.dart';
 import 'package:stac_framework/stac_framework.dart';
 import 'package:stac_logger/stac_logger.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 typedef ErrorWidgetBuilder = Widget Function(
   BuildContext context,

packages/stac/lib/src/parsers/core/stac_widget_parser.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:stac/stac.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 extension StacWidgetParser on StacWidget? {
   Widget? parse(BuildContext context) {

packages/stac_models/lib/core/stac_model.dart → packages/stac_models/lib/core/stac_widget.dart

@@ -14,15 +14,23 @@ abstract class StacElement {
 /// Base class for all STAC widgets
 /// This is a concrete implementation that can hold raw JSON data,
 /// used primarily by JSON converters for deserialization
+@JsonSerializable()
 class StacWidget extends StacElement {
   const StacWidget({this.jsonData});
 
   /// Raw JSON data for this widget
   final Map<String, dynamic>? jsonData;
 
-  @override
-  Map<String, dynamic> toJson() => jsonData ?? {};
-
+  /// The type of the widget
   @JsonKey(includeToJson: true)
   String get type => throw UnimplementedError();
+
+  /// Creates a new widget from a JSON map
+  factory StacWidget.fromJson(Map<String, dynamic> json) {
+    return StacWidget(jsonData: json);
+  }
+
+  /// Converts this widget to a JSON map
+  @override
+  Map<String, dynamic> toJson() => jsonData ?? {};
 }

packages/stac_models/lib/painting/stac_decoration_image/stac_decoration_image.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/types/stac_alignment.dart';
 import 'package:stac_models/types/stac_box_fit.dart';
 import 'package:stac_models/types/stac_filter_quality.dart';

packages/stac_models/lib/painting/stac_edge_insets/stac_edge_insets.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_edge_insets.g.dart';
 

packages/stac_models/lib/painting/stac_system_ui_overlay_style/stac_system_ui_overlay_style.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_system_ui_overlay_style.g.dart';
 

packages/stac_models/lib/painting/stac_text_span/stac_text_span.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/painting/stac_text_style/stac_text_style.dart';
 
 part 'stac_text_span.g.dart';

packages/stac_models/lib/painting/stac_text_style/stac_text_style.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/painting/stac_color/stac_colors.dart';
 import 'package:stac_models/types/stac_text_types.dart';
 

packages/stac_models/lib/stac_models.dart

@@ -1,6 +1,6 @@
 library;
 
-export 'core/stac_model.dart';
+export 'core/stac_widget.dart';
 export 'painting/painting.dart';
 export 'types/types.dart';
 export 'widgets/widgets.dart';

packages/stac_models/lib/theme/stac_button_style/stac_button_style.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/painting/stac_color/stac_colors.dart';
 import 'package:stac_models/painting/stac_edge_insets/stac_edge_insets.dart';
 import 'package:stac_models/painting/stac_text_style/stac_text_style.dart';

packages/stac_models/lib/types/stac_border/stac_border.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/painting/stac_color/stac_colors.dart';
 import 'package:stac_models/types/stac_border_side/stac_border_side.dart';
 

packages/stac_models/lib/types/stac_border_radius/stac_border_radius.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_border_radius.g.dart';
 

packages/stac_models/lib/types/stac_border_side/stac_border_side.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/painting/stac_color/stac_colors.dart';
 import 'package:stac_models/types/stac_border/stac_border.dart';
 

packages/stac_models/lib/types/stac_duration/stac_duration.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_duration.g.dart';
 

packages/stac_models/lib/types/stac_offset/stac_offset.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_offset.g.dart';
 

packages/stac_models/lib/types/stac_rect/stac_rect.dart

@@ -1,6 +1,6 @@
 import 'package:json_annotation/json_annotation.dart';
 import 'package:stac_models/core/converters/double_converter.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/types/stac_offset/stac_offset.dart';
 
 part 'stac_rect.g.dart';

packages/stac_models/lib/types/stac_shape_border/stac_shape_border.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 import 'package:stac_models/types/stac_beveled_rectangle_border/stac_beveled_rectangle_border.dart';
 import 'package:stac_models/types/stac_border_side/stac_border_side.dart';
 import 'package:stac_models/types/stac_circle_border/stac_circle_border.dart';

packages/stac_models/lib/types/stac_size/stac_size.dart

@@ -1,5 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_size.g.dart';
 

packages/stac_models/lib/types/stac_visual_density/stac_visual_density.dart

@@ -1,6 +1,6 @@
 import 'package:json_annotation/json_annotation.dart';
 import 'package:stac_models/core/converters/double_converter.dart';
-import 'package:stac_models/core/stac_model.dart';
+import 'package:stac_models/core/stac_widget.dart';
 
 part 'stac_visual_density.g.dart';