Function parseAndApplyJson

app/submit/page.tsx:227–271

(jsonString: string)

  }

  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(", ")
      } else if (typeof parsed.tags === "string") {
        tagsString = parsed.tags
      }

      // Apply parsed data to form
      setFormData({
        type: parsed.type || "",
        productId: parsed.productId?.toLowerCase().replace(/[^a-z-]/g, "") || "",
        displayName: parsed.displayName || "",
        description: parsed.description || "",
        repoUrl: parsed.repoUrl || "",
        homepageUrl: parsed.homepageUrl || "",
        tags: tagsString,
        installation: parsed.installation || "",
      })

      // Switch to manual mode to show the populated form
      setInputMode("manual")
      return true
    } catch {
      setJsonError("Invalid JSON format. Please check your syntax.")
      return false
    }
  }

  const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0]