Implementation of URLSearchParams Methods

[riteshshukla04]

Summary:

This PR addresses the following issues and enhances the functionality of URLSearchParams:

1. Extended Initialization Parameters: Previously, only Record<string, string> was supported while initialising URLSearchParams. Now supports string, Record<string, string>, and Array<[string, string]> (aligning with web standards).

2. Added Implementation for delete(), get(), getAll(), has(), sort(), and set().

3. Addition of Iteration Methods: Added keys(), values(), entries(), and forEach() methods. Outputs are identical to web.

4. Bug Fix: Incorrect Initialization from URL. Previously, URLSearchParams was initialized with an empty value when accessed via url.searchParams, even if the URL contained search parameters.

Changelog:

[General][Added] Implementation for URLSearchParams

Test Plan:

Can be tested by below code

  const isHermes = () => !!global.HermesInternal;
  const params = new URLSearchParams("");
  console.log("Is Hermes Enabled:-",isHermes())
  console.log("Values:", Array.from(params.values())); // ✅ ["value1", "value2"]
  console.log("Keys:", Array.from(params.keys())); // ✅ ["key1", "key2"]
  console.log("Entries:", Array.from(params.entries())); // ✅ [["key1", "value1"], ["key2", "value2"]]
  params.forEach((value, key) => {
      console.log(`${key}: ${value}`);
  });
  console.log("Has 'key1'", params.has("key1")); // ✅ true
  console.log("Has 'key3'", params.has("key3")); // ✅ false
  console.log("Get 'key1':", params.get("key1")); // ✅ "value1"
  console.log("Get 'key3':", params.get("key3")); // ✅ null

Tested on both hermes and JSC.

Hermes:-

JSC:-

[riteshshukla04]

@cortinico Can you please check if this can be merged ? :)

[riteshshukla04]

@cortinico @cipolleschi Can you please check if we can merge this :)

[cipolleschi]

This PR looks good to me, thanks for working on this.

[cipolleschi]

there are some lint warning though... can you go through them and fix them?

[riteshshukla04]

Thanks for the review @cipolleschi . I have fixed the warnings . Can you check now

[riteshshukla04]

CIs green .🚀

[riteshshukla04]

@cipolleschi @cortinico . Can we merge this please before 0.80 starts so that URL and URLSearchParams both are implemented in same version.

[facebook-github-bot]

@cipolleschi has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[Copilot]

Pull Request Overview

This PR implements the full URLSearchParams API, extending its initialization options and adding support for various methods (delete, get, getAll, has, set, keys, values, entries, forEach, sort, toString) to align with web standards.

• Enhanced initialization of URLSearchParams to support string, record, and array inputs.
• Added comprehensive tests to validate the new behavior and fixed the URL initialization bug.
• Updated the URL component in rn-tester to include searchParams output for debugging.

Reviewed Changes

Copilot reviewed 4 out of 6 changed files in this pull request and generated no comments.

File	Description
packages/rn-tester/js/examples/Urls/UrlExample.js	Added display of URLSearchParams in the URL example.
packages/react-native/Libraries/Blob/tests/URL-test.js	Expanded tests for URLSearchParams covering various initialization types and method behaviors.
packages/react-native/Libraries/Blob/URLSearchParams.js	Reimplemented URLSearchParams supporting multiple input types and methods in accordance with standards.
packages/react-native/Libraries/Blob/URL.js	Fixed URL initialization to properly pass search parameters.

Files not reviewed (2)

• packages/react-native/Libraries/Blob/URLSearchParams.js.flow: Language not supported
• packages/react-native/Libraries/tests/snapshots/public-api-test.js.snap: Language not supported

Comments suppressed due to low confidence (3)

packages/react-native/Libraries/Blob/URLSearchParams.js:70

• The keys method should not accept any parameters as per the URLSearchParams API; please remove the 'name: string' parameter.

keys(name: string): Iterator<string> {

packages/react-native/Libraries/Blob/URLSearchParams.js:74

• The values method should not define a parameter; remove the 'name: string' argument to conform with the standard API.

values(name: string): Iterator<string> {

packages/react-native/Libraries/Blob/URLSearchParams.js:85

• The entries method should not accept a parameter; please drop the 'name: string' parameter to align with the web standard.

entries(name: string): Iterator<[string, string]> {

[huntie]

Note

Just experimenting by adding Copilot as a reviewer on this PR! 😄

Result: Found the 3 API issues under "Comments suppressed due to low confidence (3)"

[riteshshukla04]

Thanks for the review @huntie and copilot too :) .I have fixed the comments and updated the test cases. Can you check now,

[huntie]

LGTM, thanks for actioning quickly! :) Just a couple super minor nits.

[riteshshukla04]

Nits fixed too :)

[facebook-github-bot]

@huntie has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[facebook-github-bot]

@huntie merged this pull request in af1f1e4.