specweave 0.23.18 → 0.24.1

package/plugins/specweave-mobile/commands/build-config.md

@@ -0,0 +1,256 @@
+# Build Configuration
+
+Generate build configurations for iOS and Android.
+
+## Task
+
+You are a React Native build expert. Generate complete build configurations for production releases.
+
+### Steps:
+
+1. **Ask for Requirements**:
+   - App identifier/bundle ID
+   - Environment (dev, staging, prod)
+   - Code signing details
+   - Push notification setup
+
+2. **Generate app.json** (Expo):
+
+```json
+{
+  "expo": {
+    "name": "My App",
+    "slug": "my-app",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.company.myapp",
+      "buildNumber": "1",
+      "infoPlist": {
+        "NSCameraUsageDescription": "This app uses the camera to...",
+        "NSPhotoLibraryUsageDescription": "This app accesses photos to...",
+        "NSLocationWhenInUseUsageDescription": "This app uses location to..."
+      },
+      "config": {
+        "googleMapsApiKey": "YOUR_KEY_HERE"
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.company.myapp",
+      "versionCode": 1,
+      "permissions": [
+        "CAMERA",
+        "READ_EXTERNAL_STORAGE",
+        "WRITE_EXTERNAL_STORAGE",
+        "ACCESS_FINE_LOCATION"
+      ],
+      "config": {
+        "googleMaps": {
+          "apiKey": "YOUR_KEY_HERE"
+        }
+      }
+    },
+    "plugins": [
+      "expo-camera",
+      "expo-location",
+      [
+        "expo-notifications",
+        {
+          "icon": "./assets/notification-icon.png",
+          "color": "#ffffff"
+        }
+      ]
+    ],
+    "extra": {
+      "eas": {
+        "projectId": "your-project-id"
+      }
+    }
+  }
+}
+```
+
+3. **Generate eas.json** (Expo EAS Build):
+
+```json
+{
+  "cli": {
+    "version": ">= 5.0.0"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal",
+      "ios": {
+        "simulator": true
+      }
+    },
+    "preview": {
+      "distribution": "internal",
+      "ios": {
+        "simulator": false,
+        "resourceClass": "m-medium"
+      },
+      "android": {
+        "buildType": "apk",
+        "gradleCommand": ":app:assembleRelease"
+      }
+    },
+    "production": {
+      "ios": {
+        "resourceClass": "m-medium",
+        "autoIncrement BuildNumber": true
+      },
+      "android": {
+        "buildType": "app-bundle",
+        "autoIncrement VersionCode": true
+      }
+    }
+  },
+  "submit": {
+    "production": {
+      "ios": {
+        "appleId": "your@email.com",
+        "ascAppId": "1234567890",
+        "appleTeamId": "ABCD1234"
+      },
+      "android": {
+        "serviceAccountKeyPath": "./service-account.json",
+        "track": "production"
+      }
+    }
+  }
+}
+```
+
+4. **Generate Environment Variables**:
+
+```typescript
+// config/env.ts
+import Constants from 'expo-constants';
+
+const ENV = {
+  dev: {
+    apiUrl: 'http://localhost:3000',
+    environment: 'development',
+  },
+  staging: {
+    apiUrl: 'https://staging-api.example.com',
+    environment: 'staging',
+  },
+  prod: {
+    apiUrl: 'https://api.example.com',
+    environment: 'production',
+  },
+};
+
+const getEnvVars = (env = Constants.manifest?.releaseChannel) => {
+  if (__DEV__) return ENV.dev;
+  if (env === 'staging') return ENV.staging;
+  return ENV.prod;
+};
+
+export default getEnvVars();
+```
+
+5. **Generate Build Scripts**:
+
+```json
+// package.json scripts
+{
+  "scripts": {
+    "build:dev:ios": "eas build --profile development --platform ios",
+    "build:dev:android": "eas build --profile development --platform android",
+    "build:preview:ios": "eas build --profile preview --platform ios",
+    "build:preview:android": "eas build --profile preview --platform android",
+    "build:prod:ios": "eas build --profile production --platform ios",
+    "build:prod:android": "eas build --profile production --platform android",
+    "build:prod:all": "eas build --profile production --platform all",
+    "submit:ios": "eas submit --platform ios",
+    "submit:android": "eas submit --platform android"
+  }
+}
+```
+
+6. **Generate CI/CD Configuration** (GitHub Actions):
+
+```yaml
+name: EAS Build
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Setup Expo
+        uses: expo/expo-github-action@v8
+        with:
+          expo-version: latest
+          eas-version: latest
+          token: ${{ secrets.EXPO_TOKEN }}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm test
+
+      - name: Build iOS
+        run: eas build --profile production --platform ios --non-interactive
+        if: github.ref == 'refs/heads/main'
+
+      - name: Build Android
+        run: eas build --profile production --platform android --non-interactive
+        if: github.ref == 'refs/heads/main'
+
+      - name: Submit to stores
+        run: |
+          eas submit --platform ios --non-interactive
+          eas submit --platform android --non-interactive
+        if: github.ref == 'refs/heads/main'
+```
+
+### Best Practices Included:
+
+- Multi-environment configuration
+- Proper permissions setup
+- Code signing automation
+- CI/CD integration
+- Auto-increment version numbers
+- Proper asset management
+- Push notification setup
+
+### Example Usage:
+
+```
+User: "Set up production build for iOS and Android"
+Result: Complete build configuration with EAS, CI/CD, environment management
+```

package/plugins/specweave-mobile/commands/screen-generate.md

@@ -0,0 +1,289 @@
+# Screen Generator
+
+Generate React Native screens with navigation integration.
+
+## Task
+
+You are a React Native expert. Generate complete, production-ready screens with proper typing and navigation.
+
+### Steps:
+
+1. **Ask for Requirements**:
+   - Screen name and purpose
+   - Required data/API calls
+   - Form inputs (if any)
+   - Navigation params
+
+2. **Generate Screen Component**:
+
+```typescript
+import React, { useEffect, useState } from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  FlatList,
+  RefreshControl,
+  ActivityIndicator,
+} from 'react-native';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { useQuery, useMutation } from '@tanstack/react-query';
+
+import { api } from '../../services/api';
+import { Product } from '../../types';
+import { ProductCard } from '../../components/ProductCard';
+import { RootStackParamList } from '../../navigation/types';
+
+type Props = NativeStackScreenProps<RootStackParamList, 'ProductList'>;
+
+export function ProductListScreen({ navigation, route }: Props) {
+  const { category } = route.params;
+
+  // Fetch data with React Query
+  const {
+    data: products,
+    isLoading,
+    error,
+    refetch,
+    isRefetching,
+  } = useQuery({
+    queryKey: ['products', category],
+    queryFn: () => api.getProducts({ category }),
+  });
+
+  // Handle item press
+  const handleProductPress = (productId: string) => {
+    navigation.navigate('ProductDetail', { productId });
+  };
+
+  // Render loading state
+  if (isLoading) {
+    return (
+      <View style={styles.centerContainer}>
+        <ActivityIndicator size="large" />
+      </View>
+    );
+  }
+
+  // Render error state
+  if (error) {
+    return (
+      <View style={styles.centerContainer}>
+        <Text style={styles.errorText}>
+          Failed to load products
+        </Text>
+      </View>
+    );
+  }
+
+  // Render list
+  return (
+    <View style={styles.container}>
+      <FlatList
+        data={products}
+        keyExtractor={(item) => item.id}
+        renderItem={({ item }) => (
+          <ProductCard
+            product={item}
+            onPress={() => handleProductPress(item.id)}
+          />
+        )}
+        contentContainerStyle={styles.listContent}
+        refreshControl={
+          <RefreshControl
+            refreshing={isRefetching}
+            onRefresh={refetch}
+          />
+        }
+        ListEmptyComponent={
+          <Text style={styles.emptyText}>
+            No products found
+          </Text>
+        }
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  centerContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  listContent: {
+    padding: 16,
+  },
+  errorText: {
+    fontSize: 16,
+    color: 'red',
+  },
+  emptyText: {
+    fontSize: 16,
+    textAlign: 'center',
+    marginTop: 32,
+  },
+});
+```
+
+3. **Generate Form Screen**:
+
+```typescript
+import React from 'react';
+import {
+  View,
+  StyleSheet,
+  ScrollView,
+  KeyboardAvoidingView,
+  Platform,
+} from 'react-native';
+import { useForm, Controller } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+
+import { Input } from '../../components/Input';
+import { Button } from '../../components/Button';
+import { api } from '../../services/api';
+
+const schema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  email: z.string().email('Invalid email'),
+  phone: z.string().regex(/^\d{10}$/, 'Invalid phone number'),
+});
+
+type FormData = z.infer<typeof schema>;
+
+export function ProfileEditScreen({ navigation }: Props) {
+  const {
+    control,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm<FormData>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      name: '',
+      email: '',
+      phone: '',
+    },
+  });
+
+  const onSubmit = async (data: FormData) => {
+    try {
+      await api.updateProfile(data);
+      navigation.goBack();
+    } catch (error) {
+      console.error('Failed to update profile', error);
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView
+      style={styles.container}
+      behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+    >
+      <ScrollView
+        contentContainerStyle={styles.content}
+        keyboardShouldPersistTaps="handled"
+      >
+        <Controller
+          control={control}
+          name="name"
+          render={({ field: { onChange, value } }) => (
+            <Input
+              label="Name"
+              value={value}
+              onChangeText={onChange}
+              error={errors.name?.message}
+            />
+          )}
+        />
+
+        <Controller
+          control={control}
+          name="email"
+          render={({ field: { onChange, value } }) => (
+            <Input
+              label="Email"
+              value={value}
+              onChangeText={onChange}
+              keyboardType="email-address"
+              autoCapitalize="none"
+              error={errors.email?.message}
+            />
+          )}
+        />
+
+        <Controller
+          control={control}
+          name="phone"
+          render={({ field: { onChange, value } }) => (
+            <Input
+              label="Phone"
+              value={value}
+              onChangeText={onChange}
+              keyboardType="phone-pad"
+              error={errors.phone?.message}
+            />
+          )}
+        />
+
+        <Button
+          title="Save"
+          onPress={handleSubmit(onSubmit)}
+          loading={isSubmitting}
+        />
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  content: {
+    padding: 16,
+  },
+});
+```
+
+4. **Generate Navigation Types**:
+
+```typescript
+// navigation/types.ts
+export type RootStackParamList = {
+  ProductList: { category: string };
+  ProductDetail: { productId: string };
+  ProfileEdit: undefined;
+};
+
+declare global {
+  namespace ReactNavigation {
+    interface RootParamList extends RootStackParamList {}
+  }
+}
+```
+
+### Best Practices Included:
+
+- TypeScript types
+- React Query for data fetching
+- React Hook Form for forms
+- Zod validation
+- Proper error handling
+- Loading states
+- Pull-to-refresh
+- Keyboard handling
+- Responsive styling
+
+### Example Usage:
+
+```
+User: "Generate product list screen with pull-to-refresh"
+Result: Complete screen with navigation, data fetching, error handling
+```

package/plugins/specweave-n8n/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "specweave-n8n",
   "description": "n8n workflow automation integration with Kafka - Event-driven workflows, Kafka triggers, producers, consumers, and workflow patterns for no-code/low-code event processing",
-  "version": "0.22.14",
+  "version": "0.24.0",
   "author": {
     "name": "SpecWeave Team",
     "url": "https://spec-weave.com"