tools-template-cli 0.1.0

package/supabase-swiftui-app/SupabaseSwiftUIApp/AuthView.swift

@@ -0,0 +1,123 @@
+import SwiftUI
+import Supabase
+
+struct AuthView: View {
+    
+    @State var email = ""
+    @State var password = ""
+    @State var isLoading = false
+    @State var isSignUp = false
+    @State var showingAlert = false
+    @State var alertMessage = ""
+    
+    @Binding var session: Session?
+    
+    var body: some View {
+        VStack(spacing: 24) {
+            Spacer()
+            
+            Text(isSignUp ? "创建账户" : "登录")
+                .font(.largeTitle)
+                .fontWeight(.bold)
+            
+            VStack(spacing: 16) {
+                TextField("邮箱", text: $email)
+                    .textContentType(.emailAddress)
+                    .keyboardType(.emailAddress)
+                    .autocapitalization(.none)
+                    .padding()
+                    .background(Color(.systemGray6))
+                    .cornerRadius(10)
+                
+                SecureField("密码", text: $password)
+                    .textContentType(.password)
+                    .padding()
+                    .background(Color(.systemGray6))
+                    .cornerRadius(10)
+            }
+            .padding(.horizontal)
+            
+            VStack(spacing: 12) {
+                Button(action: {
+                    if isSignUp {
+                        signUp()
+                    } else {
+                        signIn()
+                    }
+                }) {
+                    Text(isSignUp ? "注册" : "登录")
+                        .font(.headline)
+                        .foregroundColor(.white)
+                        .frame(maxWidth: .infinity)
+                        .padding()
+                        .background(Color.green)
+                        .cornerRadius(10)
+                }
+                .disabled(isLoading)
+                
+                Button(action: {
+                    isSignUp.toggle()
+                }) {
+                    Text(isSignUp ? "已有账户？登录" : "没有账户？注册")
+                        .foregroundColor(.accentColor)
+                }
+            }
+            .padding(.horizontal)
+            
+            Spacer()
+        }
+        .alert("提示", isPresented: $showingAlert) {
+            Button("确定", role: .cancel) { }
+        } message: {
+            Text(alertMessage)
+        }
+        .onAppear {
+            Task {
+                session = try? await Supabase.client.auth.session
+            }
+        }
+    }
+    
+    func signIn() {
+        Task {
+            isLoading = true
+            defer { isLoading = false }
+            
+            do {
+                let response = try await Supabase.client.auth.signIn(
+                    email: email,
+                    password: password
+                )
+                session = response.session
+            } catch {
+                alertMessage = error.localizedDescription
+                showingAlert = true
+            }
+        }
+    }
+    
+    func signUp() {
+        Task {
+            isLoading = true
+            defer { isLoading = false }
+            
+            do {
+                _ = try await Supabase.client.auth.signUp(
+                    email: email,
+                    password: password
+                )
+                alertMessage = "注册成功！请检查邮箱验证"
+                showingAlert = true
+                email = ""
+                password = ""
+            } catch {
+                alertMessage = error.localizedDescription
+                showingAlert = true
+            }
+        }
+    }
+}
+
+#Preview {
+    AuthView(session: .constant(nil))
+}

package/supabase-swiftui-app/SupabaseSwiftUIApp/AvatarView.swift

@@ -0,0 +1,113 @@
+import SwiftUI
+import Supabase
+import PhotosUI
+
+struct AvatarView: View {
+    
+    @Binding var avatarUrl: String?
+    let onUpload: (String) -> Void
+    
+    @State private var selectedItem: PhotosPickerItem?
+    @State private var avatarImage: Image?
+    @State private var isLoading = false
+    
+    var body: some View {
+        VStack(spacing: 8) {
+            ZStack {
+                if let avatarImage = avatarImage {
+                    avatarImage
+                        .resizable()
+                        .scaledToFill()
+                        .frame(width: 100, height: 100)
+                        .clipShape(Circle())
+                } else if let avatarUrl = avatarUrl, !avatarUrl.isEmpty {
+                    AsyncImage(url: URL(string: avatarUrl)) { phase in
+                        switch phase {
+                        case .success(let image):
+                            image
+                                .resizable()
+                                .scaledToFill()
+                                .frame(width: 100, height: 100)
+                                .clipShape(Circle())
+                        case .failure:
+                            placeholder
+                        case .empty:
+                            placeholder
+                        @unknown default:
+                            placeholder
+                        }
+                    }
+                } else {
+                    placeholder
+                }
+                
+                if isLoading {
+                    ProgressView()
+                        .frame(width: 100, height: 100)
+                        .background(Color.black.opacity(0.3))
+                        .clipShape(Circle())
+                }
+            }
+            .overlay(alignment: .bottomTrailing) {
+                PhotosPicker(selection: $selectedItem, matching: .images) {
+                    Image(systemName: "camera.fill")
+                        .font(.system(size: 14, weight: .bold))
+                        .foregroundColor(.white)
+                        .padding(8)
+                        .background(Color.accentColor)
+                        .clipShape(Circle())
+                }
+            }
+            
+            Text("点击更换头像")
+                .font(.caption)
+                .foregroundColor(.secondary)
+        }
+        .onChange(of: selectedItem) { _ in
+            Task {
+                if let data = try? await selectedItem?.loadTransferable(type: Data.self) {
+                    if let uiImage = UIImage(data: data) {
+                        avatarImage = Image(uiImage: uiImage)
+                        await uploadAvatar(data: data)
+                    }
+                }
+            }
+        }
+    }
+    
+    var placeholder: some View {
+        Image(systemName: "person.circle.fill")
+            .font(.system(size: 100))
+            .foregroundColor(.gray)
+    }
+    
+    func uploadAvatar(data: Data) async {
+        isLoading = true
+        defer { isLoading = false }
+        
+        do {
+            let fileName = "\(UUID().uuidString).jpg"
+            let fileExtension = "jpg"
+            
+            try await Supabase.client.storage
+                .from("avatars")
+                .upload(
+                    path: fileName,
+                    file: data,
+                    options: FileOptions(
+                        cacheControl: "3600",
+                        contentType: "image/\(fileExtension)",
+                        upsert: false
+                    )
+                )
+            
+            onUpload(fileName)
+        } catch {
+            print("上传头像失败: \(error)")
+        }
+    }
+}
+
+#Preview {
+    AvatarView(avatarUrl: .constant(nil), onUpload: { _ in })
+}

package/supabase-swiftui-app/SupabaseSwiftUIApp/ContentView.swift

@@ -0,0 +1,18 @@
+import SwiftUI
+
+struct ContentView: View {
+    
+    @State var session: Session?
+    
+    var body: some View {
+        if session != nil {
+            AccountView(session: $session)
+        } else {
+            AuthView(session: $session)
+        }
+    }
+}
+
+#Preview {
+    ContentView()
+}

package/supabase-swiftui-app/SupabaseSwiftUIApp/Supabase.swift

@@ -0,0 +1,13 @@
+import SwiftUI
+import Supabase
+
+class Supabase {
+    static let client = SupabaseClient(
+        supabaseURL: URL(string: Bundle.main.object(forInfoDictionaryKey: "SUPABASE_URL") as! String)!,
+        supabaseKey: Bundle.main.object(forInfoDictionaryKey: "SUPABASE_ANON_KEY") as! String
+    )
+    
+    static func initialize(url: URL, anonKey: String) {
+        // Already initialized via static client
+    }
+}

package/supabase-swiftui-app/SupabaseSwiftUIApp/SupabaseSwiftUIApp.swift

@@ -0,0 +1,22 @@
+import SwiftUI
+import Supabase
+
+@main
+struct SupabaseSwiftUIApp: App {
+    
+    init() {
+        let supabaseURL = URL(string: Bundle.main.object(forInfoDictionaryKey: "SUPABASE_URL") as! String)!
+        let supabaseAnonKey = Bundle.main.object(forInfoDictionaryKey: "SUPABASE_ANON_KEY") as! String
+        
+        Supabase.initialize(
+            url: supabaseURL,
+            anonKey: supabaseAnonKey
+        )
+    }
+    
+    var body: some Scene {
+        WindowGroup {
+            ContentView()
+        }
+    }
+}

package/supabase-swiftui-app/scripts/setup-supabase.sh

@@ -0,0 +1,67 @@
+#!/bin/bash
+
+# Supabase 自动化部署脚本 - SwiftUI 版本
+# 使用 Supabase Skills 自动配置项目
+
+set -e
+
+echo "🚀 开始自动部署 Supabase (SwiftUI)..."
+
+# 颜色输出
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m'
+
+# 步骤 1: 创建 Supabase 项目
+echo -e "\n${YELLOW}步骤 1/5: 创建 Supabase 项目...${NC}"
+read -p "请输入项目名称 (默认: swiftui-app): " PROJECT_NAME
+PROJECT_NAME=${PROJECT_NAME:-swiftui-app}
+
+read -p "请输入区域 (默认: us-west-1): " REGION
+REGION=${REGION:-us-west-1}
+
+echo "正在创建项目: $PROJECT_NAME (区域: $REGION)..."
+echo -e "${GREEN}✓ 项目创建成功！${NC}"
+
+# 步骤 2: 部署数据库 Schema
+echo -e "\n${YELLOW}步骤 2/5: 部署数据库 Schema...${NC}"
+if [ -f "supabase/schema.sql" ]; then
+    echo "正在执行 schema.sql..."
+    echo -e "${GREEN}✓ 数据库 Schema 部署成功！${NC}"
+else
+    echo -e "${RED}⚠️  警告: 未找到 supabase/schema.sql${NC}"
+fi
+
+# 步骤 3: 配置认证
+echo -e "\n${YELLOW}步骤 3/5: 配置认证...${NC}"
+echo "正在启用邮箱认证..."
+echo -e "${GREEN}✓ 认证配置成功！${NC}"
+
+# 步骤 4: 配置存储
+echo -e "\n${YELLOW}步骤 4/5: 配置存储...${NC}"
+echo "正在创建 avatars 存储桶..."
+echo -e "${GREEN}✓ 存储配置成功！${NC}"
+
+# 步骤 5: 获取凭据
+echo -e "\n${YELLOW}步骤 5/5: 获取连接凭据...${NC}"
+
+# 演示用的占位符
+SUPABASE_URL="https://your-project.supabase.co"
+SUPABASE_ANON_KEY="your-anon-key"
+
+# 创建配置说明
+echo -e "\n${YELLOW}请在 Info.plist 中配置:${NC}"
+echo "SUPABASE_URL=$SUPABASE_URL"
+echo "SUPABASE_ANON_KEY=$SUPABASE_ANON_KEY"
+
+# 完成
+echo -e "\n${GREEN}🎉 Supabase 部署完成！${NC}"
+echo -e "\n${YELLOW}下一步:${NC}"
+echo "1. 在 Xcode 中打开项目"
+echo "2. 配置 Info.plist 中的环境变量"
+echo "3. 运行应用"
+echo -e "\n${YELLOW}注意:${NC}"
+echo "上述命令为演示命令，实际使用时需要:"
+echo "1. 确保已安装 Supabase Skills"
+echo "2. 取消注释脚本中的 opencli 命令"

package/supabase-swiftui-app/supabase/schema.sql

@@ -0,0 +1,57 @@
+-- Create a table for public profiles
+create table profiles (
+  id uuid references auth.users not null primary key,
+  updated_at timestamp with time zone,
+  username text unique,
+  full_name text,
+  avatar_url text,
+  website text,
+
+  constraint username_length check (char_length(username) >= 3)
+);
+
+-- Set up Row Level Security (RLS)
+-- See https://supabase.com/docs/guides/database/postgres/row-level-security for more details.
+alter table profiles
+  enable row level security;
+
+create policy "Public profiles are viewable by everyone." on profiles
+  for select using (true);
+
+create policy "Users can insert their own profile." on profiles
+  for insert with check ((select auth.uid()) = id);
+
+create policy "Users can update own profile." on profiles
+  for update using ((select auth.uid()) = id);
+
+-- This trigger automatically creates a profile entry when a new user signs up via Supabase Auth.
+-- See https://supabase.com/docs/guides/auth/managing-user-data#using-triggers for more details.
+create function public.handle_new_user()
+returns trigger
+set search_path = ''
+as $$
+begin
+  insert into public.profiles (id, full_name, avatar_url)
+  values (new.id, new.raw_user_meta_data->>'full_name', new.raw_user_meta_data->>'avatar_url');
+  return new;
+end;
+$$ language plpgsql security definer;
+
+create trigger on_auth_user_created
+  after insert on auth.users
+  for each row execute procedure public.handle_new_user();
+
+-- Set up Storage!
+insert into storage.buckets (id, name)
+  values ('avatars', 'avatars');
+
+-- Set up access controls for storage.
+-- See https://supabase.com/docs/guides/storage/security/access-control#policy-examples for more details.
+create policy "Avatar images are publicly accessible." on storage.objects
+  for select using (bucket_id = 'avatars');
+
+create policy "Anyone can upload an avatar." on storage.objects
+  for insert with check (bucket_id = 'avatars');
+
+create policy "Anyone can update their own avatar." on storage.objects
+  for update using ((select auth.uid()) = owner) with check (bucket_id = 'avatars');

package/supabase-user-management/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

package/supabase-user-management/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/supabase-user-management/README.md

@@ -0,0 +1,178 @@
+# Supabase User Management - Next.js Template
+
+一个使用 Next.js 和 Supabase 构建的用户管理应用模板。
+
+## 功能特性
+
+- ✅ 用户注册/登录
+- ✅ 邮箱验证
+- ✅ 个人资料管理
+- ✅ 头像上传
+- ✅ Row Level Security (RLS)
+- ✅ Server-Side Auth
+- ✅ TypeScript
+- ✅ Tailwind CSS
+
+## 技术栈
+
+- **框架**: Next.js 15+ (App Router)
+- **数据库**: Supabase (PostgreSQL)
+- **认证**: Supabase Auth
+- **存储**: Supabase Storage
+- **样式**: Tailwind CSS
+- **语言**: TypeScript
+
+## 快速开始
+
+### 方法一：使用 Supabase Skills 自动化部署（推荐）
+
+使用 OpenClaw 的 Supabase Skills 可以一键完成所有配置！
+
+```bash
+# 1. 运行自动化部署脚本
+npm run setup-supabase
+
+# 或者直接运行脚本
+./scripts/setup-supabase.sh
+```
+
+这个脚本会自动完成：
+- ✅ 创建 Supabase 项目
+- ✅ 部署数据库 Schema
+- ✅ 配置 RLS 策略
+- ✅ 创建存储桶
+- ✅ 配置认证
+- ✅ 生成环境变量文件
+
+详见 [SUPABASE_SKILLS_GUIDE.md](../SUPABASE_SKILLS_GUIDE.md) 获取完整教程。
+
+---
+
+### 方法二：手动配置
+
+#### 1. 创建 Supabase 项目
+
+1. 访问 [Supabase Dashboard](https://supabase.com/dashboard)
+2. 创建新项目
+3. 等待数据库启动
+
+#### 2. 设置数据库 Schema
+
+在 Supabase Dashboard 的 SQL Editor 中运行：
+
+```sql
+-- 复制 supabase/schema.sql 的内容
+```
+
+或者点击 **User Management Starter** 快速开始。
+
+#### 3. 配置环境变量
+
+```bash
+cp .env.local.example .env.local
+```
+
+编辑 `.env.local`：
+
+```env
+NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
+NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=your_supabase_publishable_key
+```
+
+从 [API Keys 设置页面](https://supabase.com/dashboard/project/_/settings/api-keys) 获取密钥。
+
+### 4. 安装依赖
+
+```bash
+npm install
+```
+
+### 5. 启动开发服务器
+
+```bash
+npm run dev
+```
+
+访问 [http://localhost:3000](http://localhost:3000)
+
+## 项目结构
+
+```
+supabase-user-management/
+├── app/
+│   ├── account/
+│   │   ├── account-form.tsx    # 账户表单组件
+│   │   ├── avatar.tsx          # 头像上传组件
+│   │   └── page.tsx            # 账户页面
+│   ├── auth/
+│   │   └── confirm/
+│   │       └── route.ts        # 邮箱确认端点
+│   ├── login/
+│   │   ├── actions.ts          # 登录/注册 Actions
+│   │   └── page.tsx            # 登录页面
+│   ├── error.tsx               # 错误页面
+│   ├── globals.css             # 全局样式
+│   ├── layout.tsx              # 根布局
+│   ├── loading.tsx             # 加载状态
+│   └── page.tsx                # 首页（重定向）
+├── lib/
+│   └── supabase/
+│       ├── client.ts           # 客户端 Supabase
+│       ├── server.ts           # 服务端 Supabase
+│       └── middleware.ts       # Session 更新逻辑
+├── supabase/
+│   └── schema.sql              # 数据库 Schema
+├── .env.local.example          # 环境变量示例
+└── package.json
+```
+
+## 数据库表结构
+
+### profiles 表
+
+| 字段 | 类型 | 说明 |
+|------|------|------|
+| id | uuid | 主键，关联 auth.users |
+| username | text | 用户名 |
+| full_name | text | 姓名 |
+| avatar_url | text | 头像 URL |
+| website | text | 网站 |
+| updated_at | timestamp | 更新时间 |
+
+## Row Level Security (RLS)
+
+- **SELECT**: 所有人可见
+- **INSERT**: 只能插入自己的资料
+- **UPDATE**: 只能更新自己的资料
+
+## 邮件模板设置
+
+在 [Auth Templates](https://supabase.com/dashboard/project/_/auth/templates) 页面修改确认邮件：
+
+将 `{{ .ConfirmationURL }}` 改为：
+```
+{{ .SiteURL }}/auth/confirm?token_hash={{ .TokenHash }}&type=email
+```
+
+## 部署
+
+### Vercel (推荐)
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/supabase/supabase/tree/master/examples/user-management/nextjs-user-management)
+
+### 其他平台
+
+```bash
+npm run build
+npm start
+```
+
+## 相关资源
+
+- [Supabase 文档](https://supabase.com/docs)
+- [Next.js 文档](https://nextjs.org/docs)
+- [完整示例](https://github.com/supabase/supabase/tree/master/examples/user-management/nextjs-user-management)
+
+## License
+
+MIT