Function SubmitForm

app/submit/page.tsx:190–646

()

}

function SubmitForm() {
  const { user } = useUser()
  const router = useRouter()
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [inputMode, setInputMode] = useState<InputMode>("manual")
  const [jsonInput, setJsonInput] = useState("")
  const [jsonError, setJsonError] = useState<string | null>(null)
  const fileInputRef = useRef<HTMLInputElement>(null)
  const [formData, setFormData] = useState<FormData>({
    type: "",
    productId: "",
    displayName: "",
    description: "",
    repoUrl: "",
    homepageUrl: "",
    tags: "",
    installation: "",
  })

  // Debounce the product ID for availability check (500ms delay)
  const debouncedProductId = useDebounce(formData.productId, 500)

  const submitExtension = useMutation(api.extensions.submit)
  const isProductIdAvailable = useQuery(
    api.extensions.checkProductIdAvailable,
    debouncedProductId.length >= 2 ? { productId: debouncedProductId } : "skip"
  )

  // Track if user is still typing (for showing "Checking..." state)
  const isCheckingProductId = formData.productId !== debouncedProductId && formData.productId.length >= 2

  const updateField = (field: keyof FormData, value: string) => {
    setFormData((prev) => ({ ...prev, [field]: value }))
    setError(null)
  }

  const parseAndApplyJson = (jsonString: string) => {
    setJsonError(null)
    
    if (!jsonString.trim()) {
      setJsonError("Please enter JSON data")
      return false
    }

    try {
      const parsed = JSON.parse(jsonString) as JsonExtension
      
      // Validate type if provided
      if (parsed.type && !VALID_TYPES.includes(parsed.type as typeof VALID_TYPES[number])) {
        setJsonError(`Invalid type "${parsed.type}". Valid types: ${VALID_TYPES.join(", ")}`)
        return false
      }

      // Convert tags array to comma-separated string if needed
      let tagsString = ""
      if (Array.isArray(parsed.tags)) {
        tagsString = parsed.tags.join(", ")