Manual Development

import { renderUI, components as Anti } from '@antispace/sdk'

export async function POST(request: Request) {
  return new Response(
    renderUI(
      <Anti.Column align="center" justify="center">
        <Anti.Text align="center">
          ▼ Antispace
        </Anti.Text>

        <Anti.Row justify="space-between">
          <Anti.Input name="textToEcho" placeholder="Type something..." />
          <Anti.Button action="run_echo" text="Echo" />
        </Anti.Row>
      </Anti.Column>
    ),
    {
      status: 200,
    }
  )
}

import Vapor

let app = try await Application.make(.detect())

// MARK: - Data Structures

struct AppManifest: Content {
  let name: String
  let slug: String
  let description: String
  let image: String
  let endpoint: String
  let wantsPage: Bool
  let wantsRefresh: Bool
  // let hotkey: String? // Optional
  // let functions: [String: FunctionDefinition]? // Optional, not needed for UI echo
}

struct UIRequestBody: Content {
  let action: String? // Action name (e.g., "run_echo")
  let values: UIRequestValues? // Form values
  let anti: AntiContext? // User context (optional but good practice)
}

struct UIRequestValues: Content {
  // Name matches the <Input name="textToEcho">
  let textToEcho: String?
}

// Basic user context structure
struct AntiContext: Content {
  let user: AntiUser?
}

struct AntiUser: Content {
  let id: String?
  let name: String?
}

// MARK: - Routes

func routes(_ app: Application) throws {

  // GET /manifest
  app.get("manifest") { req -> AppManifest in
    let appBaseUrl = "https://your-tunnel-or-deploy-url.com"
    let appImageUrl = "\(appBaseUrl)/icon.png"

    return AppManifest(
      name: "Echo App (Swift)",
      slug: "swift-echo-app",
      description: "A simple Antispace echo app built with Swift Vapor.",
      image: appImageUrl,
      endpoint: appBaseUrl,
      wantsPage: false, // This app only uses the widget
      wantsRefresh: false
    )
  }

  // POST /ui/widget
  app.post("ui", "widget") { req -> Response in
      // Decode the incoming request body
      // Use try? to handle cases where the body might be empty or invalid on initial load
      let requestBody = try? req.content.decode(UIRequestBody.self)

      // Get the action name and the text to echo (if available)
      let action = requestBody?.action
      let textToEcho = requestBody?.values?.textToEcho

      // Determine the text to display in the header
      let displayText: String
      if action == "run_echo", let text = textToEcho, !text.isEmpty {
          displayText = text
      } else {
          displayText = "Antispace" // Default text
      }

      // --- Generate the UI String (JSX-like markup) ---
      // Note: We are building a raw string here, exactly as Antispace expects.

      let uiMarkup = """
      <Column align="center" justify="center" spacing="medium">
        <Text align="center" type="heading1">
          ▼ \(displayText)
        </Text>

        <Row justify="space-between" width="full" spacing="small">
          <Input name="textToEcho" placeholder="To echo or not to echo..." width="full" />
          <Button action="run_echo" text="Echo" />
        </Row>
      </Column>
      """

      // Create the response with the UI markup string and set the Content-Type header appropriately
      let response = Response(status: .ok, body: .init(string: uiMarkup))
      response.headers.replaceOrAdd(name: .contentType, value: "text/plain; charset=utf-8") // Note the content type

      return response
  }
}

try await app.execute()