fletx.coree: Update page template by addiing SafeArea and change button style in the countteer template; Doc: Replace All Gifs in the readme

Author: Einswilli

.github/FUNDIING.yml

@@ -0,0 +1,15 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: alldotpy
+open_collective: # Replace with a single Open Collective username
+ko_fi: alldotpy
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+polar: # Replace with a single Polar username
+buy_me_a_coffee: alldotpy
+thanks_dev: # Replace with a single thanks.dev username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

MANIFEST.in

@@ -1,7 +1,8 @@
-recursive-include fletx/cli *.*
-recursive-include fletx/core *.*
-recursive-include fletx/decorators *.*
-recursive-include fletx/navigation *.*
-recursive-include fletx/utils *.*
-recursive-include fletx/widgets *.*
-global-prune __pycache__
+prune **/__pycache__
+global-exclude *.py[cod]
+recursive-include fletx/cli *.py *.tpl
+recursive-include fletx/core *.py
+recursive-include fletx/decorators *.py
+recursive-include fletx/navigation *.py
+recursive-include fletx/utils *.py
+recursive-include fletx/widgets *.py

PYPI.md

@@ -30,18 +30,18 @@ Perfect for building **desktop, web, and mobile apps** with Python at lightning
   <table>
     <tr>
       <td>
-        Counter App
-        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/counter.gif?raw=true" width="400">
+        web
+        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/web.gif?raw=true" width="400">
       </td>
       <td rowspan="2">
-        Todo App
-        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/reactive_list.gif?raw=true" width="300">
+        Mobile
+        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/mobile.gif?raw=true" width="300">
       </td>
     </tr>
     <tr >
       <td>
-        Reactive Forms
-        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/reactive_forms.gif?raw=true" width="400">
+        Desktop
+        <img src = "https://github.com/AllDotPy/FletX/blob/master/screeshots/videos/desktop.gif?raw=true" width="400">
       </td>
     </tr>
   </table>

README.md

@@ -52,18 +52,18 @@ Perfect for building **desktop, web, and mobile apps** with Python at lightning
   <table>
     <tr>
       <td>
-        Counter App
-        <img src = "./screeshots/videos/counter.gif" width="400">
+        Web
+        <img src = "./screeshots/videos/web.gif" width="400">
       </td>
       <td rowspan="2">
         Reactive List
-        <img src = "./screeshots/videos/reactive_list.gif" width="400">
+        <img src = "./screeshots/videos/mobile.gif" width="300">
       </td>
     </tr>
     <tr >
       <td>
-        Reactive Forms
-        <img src = "./screeshots/videos/reactive_forms.gif" width="400">
+        Desktop
+        <img src = "./screeshots/videos/desktop.gif" width="400">
       </td>
     </tr>
   </table>

fletx/__init__.py

@@ -5,7 +5,7 @@
 from fletx.core.di import DI
 
 
-__version__ = "0.1.4.b3"
+__version__ = "0.1.4.b4"
 
 ####
 ##    FLETX - DEPENDENCY INJECTION INTERFACE

fletx/cli/templates/page/page.py.tpl

@@ -16,7 +16,7 @@ class {{ name | pascal_case }}Page(FletXPage):
     def __init__(self):
         super().__init__(
             padding = 10,
-            bgcolor = Colors.BLACK
+            bgcolor = Theme.scaffold_bgcolor
         )
 
         # ...
@@ -34,11 +34,16 @@ class {{ name | pascal_case }}Page(FletXPage):
     def build(self)-> Control:
         """Method that build {{ name | pascal_case }}Page content"""
 
-        return Column(
+        return SafeArea(
             expand = True,
-            alignment = MainAxisAlignment.CENTER,
-            horizontal_alignment = CrossAxisAlignment.CENTER,
-            controls = [
-                Text("{{ name | pascal_case }}Page works!", size=24),
-            ]
+            minimum_padding = 0,
+            maintain_bottom_view_padding = False,
+            content = Column(
+                expand = True,
+                alignment = MainAxisAlignment.CENTER,
+                horizontal_alignment = CrossAxisAlignment.CENTER,
+                controls = [
+                    Text("{{ name | pascal_case }}Page works!", size=24),
+                ]
+            )
         )

fletx/cli/templates/project/app/pages/counter.py.tpl

@@ -48,8 +48,10 @@ class CounterPage(FletXPage):
                                     weight = ft.FontWeight.BOLD
                                 )
                             ),
-                            ft.ElevatedButton(
-                                "Increment",
+                            ft.CupertinoFilledButton(
+                                content=ft.Text("Increment"),s
+                                opacity_on_click=0.7,
+                                padding=10,
                                 on_click=lambda e: self.ctrl.count.increment()  # Auto UI update
                             )
                         ]

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "FletXr"
-version = "0.1.4"
+version = "0.1.4.b4"
 description = "The GetX-inspired Python Framework for Building Reactive, Cross-Platform Apps with Flet"
 readme = "PYPI.md"
 license = {file = "LICENSE"}
@@ -16,6 +16,7 @@ dependencies = [
     "pydantic>=2.11.5",
     "packaging>=21.0",
     "flet==0.28.3",
+    "requests>=2.31.0",     # For packaging
 ]
 
 [project.scripts]