python2mobile 1.0.1__py3-none-any.whl

examples/example_ecommerce_app.py

@@ -0,0 +1,189 @@
+"""
+Example: E-commerce App - Real-world P2M application
+"""
+
+from p2m.core import Render
+from p2m.ui import Container, Text, Button, Input, Image, Row, Column, Card, Badge
+
+
+# Mock product data
+products = [
+    {
+        "id": 1,
+        "name": "Wireless Headphones",
+        "price": 79.99,
+        "rating": 4.5,
+        "image": "https://via.placeholder.com/200x200?text=Headphones",
+        "in_stock": True,
+    },
+    {
+        "id": 2,
+        "name": "Smart Watch",
+        "price": 199.99,
+        "rating": 4.8,
+        "image": "https://via.placeholder.com/200x200?text=SmartWatch",
+        "in_stock": True,
+    },
+    {
+        "id": 3,
+        "name": "USB-C Cable",
+        "price": 12.99,
+        "rating": 4.2,
+        "image": "https://via.placeholder.com/200x200?text=Cable",
+        "in_stock": False,
+    },
+]
+
+# Shopping cart
+cart = []
+
+
+def add_to_cart(product_id: int):
+    """Add product to cart"""
+    product = next((p for p in products if p["id"] == product_id), None)
+    if product:
+        cart.append(product)
+        print(f"Added {product['name']} to cart")
+
+
+def remove_from_cart(product_id: int):
+    """Remove product from cart"""
+    global cart
+    cart = [p for p in cart if p["id"] != product_id]
+    print(f"Removed product {product_id} from cart")
+
+
+def render_product_card(product: dict):
+    """Render a product card"""
+    card = Card(class_="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow")
+    
+    # Product image
+    image = Image(
+        src=product["image"],
+        alt=product["name"],
+        class_="w-full h-48 object-cover"
+    )
+    card.add(image)
+    
+    # Product info
+    info = Container(class_="p-4")
+    
+    # Name
+    name = Text(product["name"], class_="text-lg font-semibold text-gray-800 mb-2")
+    info.add(name)
+    
+    # Rating and price row
+    rating_price = Row(class_="flex justify-between items-center mb-3")
+    
+    rating = Badge(
+        label=f"⭐ {product['rating']}",
+        class_="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-sm"
+    )
+    rating_price.add(rating)
+    
+    price = Text(f"${product['price']}", class_="text-xl font-bold text-blue-600")
+    rating_price.add(price)
+    
+    info.add(rating_price)
+    
+    # Stock status
+    stock_class = "bg-green-100 text-green-800" if product["in_stock"] else "bg-red-100 text-red-800"
+    stock_text = "In Stock" if product["in_stock"] else "Out of Stock"
+    stock = Badge(
+        label=stock_text,
+        class_=f"{stock_class} px-2 py-1 rounded text-xs font-semibold"
+    )
+    info.add(stock)
+    
+    # Add to cart button
+    btn_class = "bg-blue-600 hover:bg-blue-700 text-white" if product["in_stock"] else "bg-gray-400 text-gray-600 cursor-not-allowed"
+    add_btn = Button(
+        "Add to Cart",
+        class_=f"{btn_class} w-full mt-4 px-4 py-2 rounded font-semibold",
+        on_click=lambda: add_to_cart(product["id"]) if product["in_stock"] else None
+    )
+    info.add(add_btn)
+    
+    card.add(info)
+    return card
+
+
+def create_view():
+    """Create the e-commerce app view"""
+    
+    # Main container
+    main = Container(class_="bg-gray-50 min-h-screen")
+    
+    # Header
+    header = Container(class_="bg-blue-600 text-white p-4 shadow-md")
+    
+    title = Text("TechStore", class_="text-2xl font-bold mb-2")
+    header.add(title)
+    
+    subtitle = Text("Your favorite tech products", class_="text-blue-100")
+    header.add(subtitle)
+    
+    main.add(header)
+    
+    # Search bar
+    search_section = Container(class_="bg-white p-4 border-b border-gray-200")
+    search_input = Input(
+        placeholder="Search products...",
+        class_="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+    )
+    search_section.add(search_input)
+    main.add(search_section)
+    
+    # Products section
+    products_section = Container(class_="p-4")
+    
+    section_title = Text("Featured Products", class_="text-xl font-bold text-gray-800 mb-4")
+    products_section.add(section_title)
+    
+    # Products grid
+    products_grid = Container(class_="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4")
+    
+    for product in products:
+        product_card = render_product_card(product)
+        products_grid.add(product_card)
+    
+    products_section.add(products_grid)
+    main.add(products_section)
+    
+    # Cart summary
+    cart_section = Container(class_="bg-white p-4 border-t border-gray-200 sticky bottom-0")
+    
+    cart_row = Row(class_="flex justify-between items-center")
+    
+    cart_info = Column()
+    cart_label = Text("Shopping Cart", class_="font-semibold text-gray-800")
+    cart_info.add(cart_label)
+    
+    cart_count = Text(
+        f"{len(cart)} items • ${sum(p['price'] for p in cart):.2f}",
+        class_="text-sm text-gray-600"
+    )
+    cart_info.add(cart_count)
+    
+    cart_row.add(cart_info)
+    
+    checkout_btn = Button(
+        "Checkout",
+        class_="bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded font-semibold",
+        on_click=lambda: print("Checkout clicked")
+    )
+    cart_row.add(checkout_btn)
+    
+    cart_section.add(cart_row)
+    main.add(cart_section)
+    
+    return main.build()
+
+
+def main():
+    """Main entry point"""
+    Render.execute(create_view)
+
+
+if __name__ == "__main__":
+    main()

examples/example_todo_app.py

@@ -0,0 +1,159 @@
+"""
+Example: Todo App - Real-world P2M application
+"""
+
+from p2m.core import Render
+from p2m.ui import Container, Text, Button, Input, List, Row, Column, Card, Badge
+
+
+# App state (in real app, would be managed by a state manager)
+todos = [
+    {"id": 1, "title": "Learn Python2Mobile", "completed": False},
+    {"id": 2, "title": "Build a mobile app", "completed": False},
+    {"id": 3, "title": "Deploy to production", "completed": False},
+]
+
+
+def add_todo(title: str):
+    """Add a new todo"""
+    new_id = max([t["id"] for t in todos]) + 1 if todos else 1
+    todos.append({"id": new_id, "title": title, "completed": False})
+    print(f"Added todo: {title}")
+
+
+def toggle_todo(todo_id: int):
+    """Toggle todo completion status"""
+    for todo in todos:
+        if todo["id"] == todo_id:
+            todo["completed"] = not todo["completed"]
+            print(f"Toggled todo {todo_id}")
+
+
+def delete_todo(todo_id: int):
+    """Delete a todo"""
+    global todos
+    todos = [t for t in todos if t["id"] != todo_id]
+    print(f"Deleted todo {todo_id}")
+
+
+def render_todo_item(todo: dict):
+    """Render a single todo item"""
+    row = Row(class_="bg-white p-4 rounded-lg shadow-sm border border-gray-200 flex items-center justify-between")
+    
+    # Left side: checkbox and title
+    left = Column(class_="flex-1")
+    
+    status_badge = Badge(
+        label="✓" if todo["completed"] else "○",
+        class_="bg-blue-100 text-blue-800 px-2 py-1 rounded text-sm font-semibold"
+    )
+    left.add(status_badge)
+    
+    title_class = "text-gray-500 line-through" if todo["completed"] else "text-gray-800"
+    title = Text(todo["title"], class_=f"{title_class} text-lg font-medium")
+    left.add(title)
+    
+    row.add(left)
+    
+    # Right side: action buttons
+    right = Row(class_="space-x-2")
+    
+    toggle_btn = Button(
+        "Toggle",
+        class_="bg-green-500 hover:bg-green-600 text-white px-3 py-1 rounded text-sm",
+        on_click=lambda: toggle_todo(todo["id"])
+    )
+    right.add(toggle_btn)
+    
+    delete_btn = Button(
+        "Delete",
+        class_="bg-red-500 hover:bg-red-600 text-white px-3 py-1 rounded text-sm",
+        on_click=lambda: delete_todo(todo["id"])
+    )
+    right.add(delete_btn)
+    
+    row.add(right)
+    return row
+
+
+def create_view():
+    """Create the todo app view"""
+    
+    # Main container
+    main = Container(class_="bg-gray-50 min-h-screen p-4")
+    
+    # Header
+    header = Container(class_="mb-6")
+    title = Text("My Todo App", class_="text-3xl font-bold text-gray-800 mb-2")
+    header.add(title)
+    
+    subtitle = Text(
+        f"You have {len([t for t in todos if not t['completed']])} active tasks",
+        class_="text-gray-600"
+    )
+    header.add(subtitle)
+    main.add(header)
+    
+    # Add todo section
+    add_section = Card(class_="bg-white p-6 rounded-lg shadow-md mb-6")
+    
+    add_title = Text("Add New Todo", class_="text-lg font-semibold text-gray-800 mb-4")
+    add_section.add(add_title)
+    
+    input_row = Row(class_="space-x-2")
+    input_field = Input(
+        placeholder="Enter a new todo...",
+        class_="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+    )
+    input_row.add(input_field)
+    
+    add_btn = Button(
+        "Add",
+        class_="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold",
+        on_click=lambda: add_todo(input_field.props.get("value", ""))
+    )
+    input_row.add(add_btn)
+    
+    add_section.add(input_row)
+    main.add(add_section)
+    
+    # Todo list section
+    list_section = Card(class_="bg-white p-6 rounded-lg shadow-md")
+    
+    list_title = Text("Todo List", class_="text-lg font-semibold text-gray-800 mb-4")
+    list_section.add(list_title)
+    
+    if not todos:
+        empty_msg = Text(
+            "No todos yet. Add one to get started!",
+            class_="text-gray-500 text-center py-8"
+        )
+        list_section.add(empty_msg)
+    else:
+        # Render each todo
+        for todo in todos:
+            todo_item = render_todo_item(todo)
+            list_section.add(todo_item)
+    
+    main.add(list_section)
+    
+    # Footer stats
+    footer = Container(class_="mt-6 text-center text-gray-600 text-sm")
+    completed_count = len([t for t in todos if t["completed"]])
+    stats_text = Text(
+        f"{completed_count}/{len(todos)} tasks completed",
+        class_="text-gray-600"
+    )
+    footer.add(stats_text)
+    main.add(footer)
+    
+    return main.build()
+
+
+def main():
+    """Main entry point"""
+    Render.execute(create_view)
+
+
+if __name__ == "__main__":
+    main()

p2m/__init__.py

@@ -0,0 +1,31 @@
+"""
+Python2Mobile - Write mobile apps in pure Python
+"""
+
+__version__ = "0.1.0"
+__author__ = "P2M Team"
+__license__ = "MIT"
+
+from p2m.core import Render
+from p2m.ui import (
+    Container,
+    Text,
+    Button,
+    Input,
+    Image,
+    List,
+    Navigator,
+    Screen,
+)
+
+__all__ = [
+    "Render",
+    "Container",
+    "Text",
+    "Button",
+    "Input",
+    "Image",
+    "List",
+    "Navigator",
+    "Screen",
+]