nitrostack 1.0.54 → 1.0.56

package/templates/typescript-pizzaz/src/widgets/components/PizzaCard.tsx

@@ -0,0 +1,191 @@
+'use client';
+
+import { useTheme, useWidgetState, useMaxHeight, useDisplayMode } from 'nitrostack/widgets';
+import { Star, MapPin, Phone, Globe, Clock } from 'lucide-react';
+
+interface PizzaShop {
+    id: string;
+    name: string;
+    description: string;
+    address: string;
+    coords: [number, number];
+    rating: number;
+    reviews: number;
+    priceLevel: 1 | 2 | 3;
+    cuisine: string[];
+    hours: { open: string; close: string };
+    phone: string;
+    website?: string;
+    image: string;
+    specialties: string[];
+    openNow: boolean;
+}
+
+interface PizzaCardProps {
+    shop: PizzaShop;
+    onSelect?: (shop: PizzaShop) => void;
+    isFavorite?: boolean;
+    onToggleFavorite?: (shopId: string) => void;
+}
+
+export function PizzaCard({ shop, onSelect, isFavorite, onToggleFavorite }: PizzaCardProps) {
+    const theme = useTheme();
+    const isDark = theme === 'dark';
+
+    const priceSymbol = '$'.repeat(shop.priceLevel);
+
+    return (
+        <div
+            onClick={() => onSelect?.(shop)}
+            style={{
+                background: isDark ? '#1a1a1a' : '#ffffff',
+                border: `1px solid ${isDark ? '#333' : '#e5e7eb'}`,
+                borderRadius: '12px',
+                overflow: 'hidden',
+                cursor: onSelect ? 'pointer' : 'default',
+                transition: 'all 0.2s',
+                boxShadow: isDark ? '0 2px 8px rgba(0,0,0,0.3)' : '0 2px 8px rgba(0,0,0,0.1)',
+            }}
+            onMouseEnter={(e) => {
+                if (onSelect) {
+                    e.currentTarget.style.transform = 'translateY(-2px)';
+                    e.currentTarget.style.boxShadow = isDark
+                        ? '0 4px 12px rgba(0,0,0,0.4)'
+                        : '0 4px 12px rgba(0,0,0,0.15)';
+                }
+            }}
+            onMouseLeave={(e) => {
+                if (onSelect) {
+                    e.currentTarget.style.transform = 'translateY(0)';
+                    e.currentTarget.style.boxShadow = isDark
+                        ? '0 2px 8px rgba(0,0,0,0.3)'
+                        : '0 2px 8px rgba(0,0,0,0.1)';
+                }
+            }}
+        >
+            {/* Image */}
+            <div style={{ position: 'relative', height: '160px', overflow: 'hidden' }}>
+                <img
+                    src={shop.image}
+                    alt={shop.name}
+                    style={{
+                        width: '100%',
+                        height: '100%',
+                        objectFit: 'cover',
+                    }}
+                />
+                {shop.openNow && (
+                    <div style={{
+                        position: 'absolute',
+                        top: '12px',
+                        left: '12px',
+                        background: '#10b981',
+                        color: 'white',
+                        padding: '4px 12px',
+                        borderRadius: '12px',
+                        fontSize: '12px',
+                        fontWeight: '600',
+                    }}>
+                        Open Now
+                    </div>
+                )}
+                {onToggleFavorite && (
+                    <button
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            onToggleFavorite(shop.id);
+                        }}
+                        style={{
+                            position: 'absolute',
+                            top: '12px',
+                            right: '12px',
+                            background: 'rgba(255,255,255,0.9)',
+                            border: 'none',
+                            borderRadius: '50%',
+                            width: '32px',
+                            height: '32px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            cursor: 'pointer',
+                        }}
+                    >
+                        <span style={{ fontSize: '18px' }}>{isFavorite ? '❤️' : '🤍'}</span>
+                    </button>
+                )}
+            </div>
+
+            {/* Content */}
+            <div style={{ padding: '16px' }}>
+                <h3 style={{
+                    margin: '0 0 8px 0',
+                    fontSize: '18px',
+                    fontWeight: '600',
+                    color: isDark ? '#fff' : '#111',
+                }}>
+                    {shop.name}
+                </h3>
+
+                {/* Rating & Price */}
+                <div style={{ display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '8px' }}>
+                    <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
+                        <Star size={16} fill="#fbbf24" stroke="#fbbf24" />
+                        <span style={{ fontSize: '14px', fontWeight: '600', color: isDark ? '#fff' : '#111' }}>
+                            {shop.rating}
+                        </span>
+                        <span style={{ fontSize: '14px', color: isDark ? '#999' : '#666' }}>
+                            ({shop.reviews})
+                        </span>
+                    </div>
+                    <span style={{ fontSize: '14px', color: isDark ? '#999' : '#666' }}>
+                        {priceSymbol}
+                    </span>
+                </div>
+
+                {/* Description */}
+                <p style={{
+                    margin: '0 0 12px 0',
+                    fontSize: '14px',
+                    color: isDark ? '#ccc' : '#666',
+                    lineHeight: '1.4',
+                }}>
+                    {shop.description}
+                </p>
+
+                {/* Cuisine Tags */}
+                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px', marginBottom: '12px' }}>
+                    {shop.cuisine.slice(0, 3).map(c => (
+                        <span
+                            key={c}
+                            style={{
+                                background: isDark ? '#333' : '#f3f4f6',
+                                color: isDark ? '#ccc' : '#666',
+                                padding: '4px 8px',
+                                borderRadius: '6px',
+                                fontSize: '12px',
+                            }}
+                        >
+                            {c}
+                        </span>
+                    ))}
+                </div>
+
+                {/* Address */}
+                <div style={{ display: 'flex', alignItems: 'start', gap: '8px', marginBottom: '8px' }}>
+                    <MapPin size={16} style={{ color: isDark ? '#999' : '#666', marginTop: '2px', flexShrink: 0 }} />
+                    <span style={{ fontSize: '13px', color: isDark ? '#ccc' : '#666' }}>
+                        {shop.address}
+                    </span>
+                </div>
+
+                {/* Hours */}
+                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+                    <Clock size={16} style={{ color: isDark ? '#999' : '#666' }} />
+                    <span style={{ fontSize: '13px', color: isDark ? '#ccc' : '#666' }}>
+                        {shop.hours.open} - {shop.hours.close}
+                    </span>
+                </div>
+            </div>
+        </div>
+    );
+}

package/templates/typescript-pizzaz/src/widgets/package.json

@@ -0,0 +1,30 @@
+{
+    "name": "pizzaz-widgets",
+    "version": "1.0.0",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "dev": "next dev -p 3001 --port 3001",
+        "build": "next build",
+        "start": "next start -p 3001"
+    },
+    "dependencies": {
+        "next": "^14.2.5",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "nitrostack": "^1",
+        "mapbox-gl": "^3.0.1",
+        "framer-motion": "^10.16.16",
+        "lucide-react": "^0.294.0"
+    },
+    "devDependencies": {
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "@types/mapbox-gl": "^3.0.0",
+        "typescript": "^5",
+        "tailwindcss": "^3.4.0",
+        "postcss": "^8.4.32",
+        "autoprefixer": "^10.4.16"
+    }
+}

package/templates/typescript-pizzaz/src/widgets/widget-manifest.json

@@ -0,0 +1,253 @@
+{
+    "version": "1.0.0",
+    "widgets": [
+        {
+            "uri": "/pizza-map",
+            "name": "Pizza Map",
+            "description": "Interactive map showing pizza shop locations",
+            "examples": [
+                {
+                    "name": "All Shops",
+                    "description": "Display all pizza shops on the map",
+                    "data": {
+                        "shops": [
+                            {
+                                "id": "tonys-pizza",
+                                "name": "Tony's New York Pizza",
+                                "description": "Authentic New York-style pizza with a crispy thin crust",
+                                "address": "1570 Stockton St, San Francisco, CA 94133",
+                                "coords": [
+                                    -122.4106,
+                                    37.8006
+                                ],
+                                "rating": 4.5,
+                                "reviews": 1250,
+                                "priceLevel": 2,
+                                "cuisine": [
+                                    "Italian",
+                                    "Pizza",
+                                    "New York Style"
+                                ],
+                                "hours": {
+                                    "open": "11:00 AM",
+                                    "close": "10:00 PM"
+                                },
+                                "phone": "(415) 835-9888",
+                                "website": "https://tonyspizzasf.com",
+                                "image": "https://images.unsplash.com/photo-1513104890138-7c749659a591",
+                                "specialties": [
+                                    "Margherita",
+                                    "Pepperoni",
+                                    "White Pizza"
+                                ],
+                                "openNow": true
+                            },
+                            {
+                                "id": "bella-napoli",
+                                "name": "Bella Napoli",
+                                "description": "Traditional Neapolitan pizza baked in a wood-fired oven",
+                                "address": "3854 Geary Blvd, San Francisco, CA 94118",
+                                "coords": [
+                                    -122.4603,
+                                    37.7808
+                                ],
+                                "rating": 4.7,
+                                "reviews": 890,
+                                "priceLevel": 3,
+                                "cuisine": [
+                                    "Italian",
+                                    "Pizza",
+                                    "Neapolitan"
+                                ],
+                                "hours": {
+                                    "open": "12:00 PM",
+                                    "close": "9:00 PM"
+                                },
+                                "phone": "(415) 221-0305",
+                                "image": "https://images.unsplash.com/photo-1574071318508-1cdbab80d002",
+                                "specialties": [
+                                    "Marinara",
+                                    "Quattro Formaggi",
+                                    "Prosciutto e Funghi"
+                                ],
+                                "openNow": true
+                            }
+                        ],
+                        "filter": "all",
+                        "totalShops": 2
+                    }
+                }
+            ],
+            "tags": [
+                "map",
+                "location",
+                "interactive"
+            ]
+        },
+        {
+            "uri": "/pizza-list",
+            "name": "Pizza List",
+            "description": "List view of pizza shops with filtering and sorting",
+            "examples": [
+                {
+                    "name": "All Shops List",
+                    "description": "Display all shops in a list",
+                    "data": {
+                        "shops": [
+                            {
+                                "id": "tonys-pizza",
+                                "name": "Tony's New York Pizza",
+                                "description": "Authentic New York-style pizza with a crispy thin crust",
+                                "address": "1570 Stockton St, San Francisco, CA 94133",
+                                "coords": [
+                                    -122.4106,
+                                    37.8006
+                                ],
+                                "rating": 4.5,
+                                "reviews": 1250,
+                                "priceLevel": 2,
+                                "cuisine": [
+                                    "Italian",
+                                    "Pizza",
+                                    "New York Style"
+                                ],
+                                "hours": {
+                                    "open": "11:00 AM",
+                                    "close": "10:00 PM"
+                                },
+                                "phone": "(415) 835-9888",
+                                "website": "https://tonyspizzasf.com",
+                                "image": "https://images.unsplash.com/photo-1513104890138-7c749659a591",
+                                "specialties": [
+                                    "Margherita",
+                                    "Pepperoni",
+                                    "White Pizza"
+                                ],
+                                "openNow": true
+                            },
+                            {
+                                "id": "bella-napoli",
+                                "name": "Bella Napoli",
+                                "description": "Traditional Neapolitan pizza baked in a wood-fired oven",
+                                "address": "3854 Geary Blvd, San Francisco, CA 94118",
+                                "coords": [
+                                    -122.4603,
+                                    37.7808
+                                ],
+                                "rating": 4.7,
+                                "reviews": 890,
+                                "priceLevel": 3,
+                                "cuisine": [
+                                    "Italian",
+                                    "Pizza",
+                                    "Neapolitan"
+                                ],
+                                "hours": {
+                                    "open": "12:00 PM",
+                                    "close": "9:00 PM"
+                                },
+                                "phone": "(415) 221-0305",
+                                "image": "https://images.unsplash.com/photo-1574071318508-1cdbab80d002",
+                                "specialties": [
+                                    "Marinara",
+                                    "Quattro Formaggi",
+                                    "Prosciutto e Funghi"
+                                ],
+                                "openNow": true
+                            }
+                        ],
+                        "filters": {},
+                        "totalShops": 2
+                    }
+                }
+            ],
+            "tags": [
+                "list",
+                "filter",
+                "sort"
+            ]
+        },
+        {
+            "uri": "/pizza-shop",
+            "name": "Pizza Shop Details",
+            "description": "Detailed information about a specific pizza shop",
+            "examples": [
+                {
+                    "name": "Shop Detail",
+                    "description": "Show details for a specific shop",
+                    "data": {
+                        "shop": {
+                            "id": "tonys-pizza",
+                            "name": "Tony's New York Pizza",
+                            "description": "Authentic New York-style pizza with a crispy thin crust",
+                            "address": "1570 Stockton St, San Francisco, CA 94133",
+                            "coords": [
+                                -122.4106,
+                                37.8006
+                            ],
+                            "rating": 4.5,
+                            "reviews": 1250,
+                            "priceLevel": 2,
+                            "cuisine": [
+                                "Italian",
+                                "Pizza",
+                                "New York Style"
+                            ],
+                            "hours": {
+                                "open": "11:00 AM",
+                                "close": "10:00 PM"
+                            },
+                            "phone": "(415) 835-9888",
+                            "website": "https://tonyspizzasf.com",
+                            "image": "https://images.unsplash.com/photo-1513104890138-7c749659a591",
+                            "specialties": [
+                                "Margherita",
+                                "Pepperoni",
+                                "White Pizza"
+                            ],
+                            "openNow": true
+                        },
+                        "relatedShops": [
+                            {
+                                "id": "bella-napoli",
+                                "name": "Bella Napoli",
+                                "description": "Traditional Neapolitan pizza baked in a wood-fired oven",
+                                "address": "3854 Geary Blvd, San Francisco, CA 94118",
+                                "coords": [
+                                    -122.4603,
+                                    37.7808
+                                ],
+                                "rating": 4.7,
+                                "reviews": 890,
+                                "priceLevel": 3,
+                                "cuisine": [
+                                    "Italian",
+                                    "Pizza",
+                                    "Neapolitan"
+                                ],
+                                "hours": {
+                                    "open": "12:00 PM",
+                                    "close": "9:00 PM"
+                                },
+                                "phone": "(415) 221-0305",
+                                "image": "https://images.unsplash.com/photo-1574071318508-1cdbab80d002",
+                                "specialties": [
+                                    "Marinara",
+                                    "Quattro Formaggi",
+                                    "Prosciutto e Funghi"
+                                ],
+                                "openNow": true
+                            }
+                        ]
+                    }
+                }
+            ],
+            "tags": [
+                "detail",
+                "info",
+                "contact"
+            ]
+        }
+    ],
+    "generatedAt": "2025-12-03T00:00:00.000Z"
+}

package/templates/typescript-pizzaz/tsconfig.json

@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ES2022",
+        "lib": [
+            "ES2022"
+        ],
+        "moduleResolution": "node",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist",
+        "src/widgets"
+    ]
+}

package/templates/typescript-starter/src/modules/calculator/calculator.resources.ts

@@ -17,7 +17,6 @@ export class CalculatorResources {
       }
     }
   })
-  @Widget('calculator-operations')
   async getOperations(uri: string, ctx: ExecutionContext) {
     ctx.logger.info('Fetching calculator operations');