Hooks Wizard v0.0.0 [WIP] #628

gonzaotc · 2025-08-13T00:20:04Z

Pending:

v0.0.0.alpha

Make the Pausable option to pause common entry points and custom external/public non-view functions by default.
When enabling extra permissions, add the respective permission hook function to the output.
Make shares required in BaseCustomAccounting & BaseCustomCurve
Simplify Hook names
Provide minimal (working) hook implementations, rather than leaving open to implementation.
Simplify imports
Add tests covering compilation and snapshots on every option and multiple hook permissions config
Update Uniswap Hooks project with latest changes to point to master instead of specific commit

Next release in a posterior PR:

Fix full inheritance linearization by refactoring BaseHook and adding respective .super calls in inheriting hooks contracts.
Enable multiple hook selection.

coderabbitai · 2025-08-13T00:20:12Z

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2025-08-13T00:20:20Z

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

qodo-merge-pro · 2025-08-13T00:20:38Z

PR Type

Enhancement

Description

Add Uniswap Hooks wizard with comprehensive contract generation
Implement using directive support in Solidity contract builder
Create new UI interface for Uniswap Hooks configuration
Add navigation and routing for new wizard type

Diagram Walkthrough

flowchart LR
  A["Core Solidity"] --> B["Using Directives"]
  C["Uniswap Hooks Core"] --> D["Hook Types"]
  C --> E["Contract Builder"]
  F["UI Components"] --> G["Hooks Controls"]
  F --> H["Navigation"]
  I["Public Pages"] --> J["Routing"]
  D --> K["Generated Contract"]
  E --> K

File Walkthrough

Relevant files

Enhancement

20 files

contract.ts `Add using directive support to contract builder`	+10/-0
print.ts `Implement using directive printing functionality`	+18/-0
api.ts `Create main API interface for hooks wizard`	+16/-0
build-generic.ts `Implement generic contract builder for hooks`	+16/-0
hooks.ts `Add hooks options generation utilities`	+31/-0
hooks.ts `Core hooks contract building and configuration logic`	+230/-0
index.ts `Main export file for hooks package`	+12/-0
kind.ts `Kind validation and sanitization utilities`	+26/-0
languages-types.ts `Add uniswap-hooks language type support`	+4/-2
main.ts `Integrate uniswap-hooks app routing and initialization`	+13/-1
inject-hyperlinks.ts `Add hyperlink injection for contract imports`	+18/-0
remix.ts `Implement Remix IDE integration utilities`	+15/-0
AccessControlSection.svelte `Create access control configuration component`	+62/-0
App.svelte `Main application component for hooks wizard`	+264/-0
HooksControls.svelte `Comprehensive hooks configuration controls interface`	+172/-0
InfoSection.svelte `Contract information configuration section`	+32/-0
cairo.html `Add uniswap-hooks navigation link`	+1/-0
index.html `Add uniswap-hooks navigation link`	+1/-0
stellar.html `Add uniswap-hooks navigation link`	+1/-0
stylus.html `Add uniswap-hooks navigation link`	+1/-0

Configuration changes

2 files

version.ts `Version compatibility configuration`	+4/-0
highlightjs.ts `Configure syntax highlighting for hooks`	+7/-0

Additional files

11 files

package.json	+1/-0
CHANGELOG.md	+6/-0
LICENSE	+661/-0
NOTICE	+8/-0
README.md	+1/-0
ava.config.js	+9/-0
package.json	+36/-0
tsconfig.json	+16/-0
uniswap-hooks.html	+87/-0
vars.css	+2/-0
standalone.css	+4/-0

qodo-merge-pro · 2025-08-13T00:20:51Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 4 🔵🔵🔵🔵⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review Possible Issue The new using-handling (`addUsing`) is added in the builder and printing, but the `Contract` interface only shows `using: Using[]` without any new type definition in this diff. Verify that the `Using` type and initialization of `this.using` are correctly declared/initialized to avoid runtime errors and type mismatches, and ensure `addUsing` is wired in `ContractBuilder` constructor. using: Using[]; imports: ImportContract[]; functions: ContractFunction[]; constructorCode: string[]; constructorArgs: FunctionArgument[]; variables: string[]; upgradeable: boolean; } export type Value = string \| number \| { lit: string } \| { note: string; value: Value }; export interface Parent { contract: ImportContract; params: Value[]; importOnly?: boolean; } export interface ImportContract extends ReferencedContract { path: string; } export interface ReferencedContract { name: string; transpiled?: boolean; } export interface Using { library: ImportContract; usingFor: string; } export interface BaseFunction { name: string; args: FunctionArgument[]; returns?: string[]; kind: FunctionKind; mutability?: FunctionMutability; } export interface ContractFunction extends BaseFunction { override: Set<ReferencedContract>; modifiers: string[]; code: string[]; mutability: FunctionMutability; final: boolean; comments: string[]; } export type FunctionKind = 'internal' \| 'public'; export type FunctionMutability = (typeof mutabilityRank)[number]; // Order is important const mutabilityRank = ['pure', 'view', 'nonpayable', 'payable'] as const; function maxMutability(a: FunctionMutability, b: FunctionMutability): FunctionMutability { return mutabilityRank[Math.max(mutabilityRank.indexOf(a), mutabilityRank.indexOf(b))]!; } export interface FunctionArgument { type: string \| ReferencedContract; name: string; } export interface NatspecTag { key: string; value: string; } export class ContractBuilder implements Contract { readonly name: string; license: string = 'MIT'; upgradeable = false; readonly using: Using[] = []; readonly natspecTags: NatspecTag[] = []; readonly constructorArgs: FunctionArgument[] = []; readonly constructorCode: string[] = []; readonly variableSet: Set<string> = new Set(); private parentMap: Map<string, Parent> = new Map<string, Parent>(); private functionMap: Map<string, ContractFunction> = new Map(); constructor(name: string) { this.name = toIdentifier(name, true); } get parents(): Parent[] { return [...this.parentMap.values()] .filter(p => !p.importOnly) .sort((a, b) => { if (a.contract.name === 'Initializable') { return -1; } else if (b.contract.name === 'Initializable') { return 1; } else { return 0; } }); } get imports(): ImportContract[] { return [...[...this.parentMap.values()].map(p => p.contract), ...this.using.map(u => u.library)]; } get functions(): ContractFunction[] { return [...this.functionMap.values()]; } get variables(): string[] { return [...this.variableSet]; } addParent(contract: ImportContract, params: Value[] = []): boolean { const present = this.parentMap.has(contract.name); this.parentMap.set(contract.name, { contract, params }); return !present; } addImportOnly(contract: ImportContract): boolean { const present = this.parentMap.has(contract.name); this.parentMap.set(contract.name, { contract, params: [], importOnly: true, }); return !present; } addUsing(library: ImportContract, usingFor: string): boolean { const exists = this.using.some(u => u.library.name === library.name && u.usingFor === usingFor); if (!exists) { this.using.push({ library, usingFor }); return true; } return false; } Logic Error `sanitizeKind` lowercases and uppercases only the first character, which turns most strings into a single capital letter (e.g., "uniswap-hooks" -> "U"), then `isKind` only accepts "Hooks". This effectively collapses any input into "Hooks" except the exact "Hooks". Confirm intended behavior or adjust to properly normalize full strings. export function sanitizeKind(kind: unknown): Kind { if (typeof kind === 'string') { const sanitized = kind.trim().toLowerCase().charAt(0).toUpperCase(); if (isKind(sanitized)) { return sanitized; } } return 'Hooks'; } function isKind<T>(value: Kind \| T): value is Kind { switch (value) { case 'Hooks': return true; default: { // Static assert that we've checked all kinds. const _: T = value; return false; } } } Incorrect Docs Help tooltips for several options are placeholders or incorrect (e.g., ERC6909 described as non-fungible, Pausable text repeated across various unrelated features). Update copy and links to accurate docs to avoid user confusion. <div class="checkbox-group"> {#each ALL_HOOKS.slice(0, 4) as hookName} <label class:checked={opts.hook === hookName}> <input type="radio" bind:group={opts.hook} value={hookName} /> {hookName} <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> {/each} </div> </section> <section class="controls-section"> <h1>Fee Hooks</h1> <div class="checkbox-group"> {#each ALL_HOOKS.slice(4, 8) as hookName} <label class:checked={opts.hook === hookName}> <input type="radio" bind:group={opts.hook} value={hookName} /> {hookName} <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> {/each} </div> </section> <section class="controls-section"> <h1>General Hooks</h1> <div class="checkbox-group"> {#each ALL_HOOKS.slice(8) as hookName} <label class:checked={opts.hook === hookName}> <input type="radio" bind:group={opts.hook} value={hookName} /> {hookName} <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> {/each} </div> </section> <section class="controls-section"> <h1>Features</h1> <div class="checkbox-group"> <label class:checked={opts.pausable}> <input type="checkbox" bind:checked={opts.pausable} /> Pausable <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> </div> </section> <ExpandableToggleRadio label="Shares" bind:value={opts.shares.options} defaultValue="ERC20" helpContent="Use ERC20 or ERC6909 to represent shares of a pool." helpLink="https://docs.openzeppelin.com/contracts/api/token/erc20" > <div class="checkbox-group"> <label class:checked={opts.shares.options === 'ERC20'}> <input type="radio" bind:group={opts.shares.options} value="ERC20" /> ERC-20 <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/token/erc20"> ERC-20 is the standard for fungible tokens. </HelpTooltip> </label> <label class:checked={opts.shares.options === 'ERC6909'}> <input type="radio" bind:group={opts.shares.options} value="ERC6909" /> ERC-6909 <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/token/erc6909"> ERC-6909 is a standard for non-fungible tokens. </HelpTooltip> </label> </div> <div style="height: 0.5rem;"></div> <div class="grid grid-cols-[2fr,1fr] gap-2"> <label class="labeled-input"> <span>Name</span> <input bind:value={opts.shares.name} /> </label> <label class="labeled-input"> <span>Symbol</span> <input bind:value={opts.shares.symbol} /> </label> </div> </ExpandableToggleRadio> <AccessControlSection bind:access={opts.access} required={requireAccessControl} /> <section class="controls-section"> <h1>Utilities</h1> <div class="checkbox-group"> <label class:checked={opts.currencySettler}> <input type="checkbox" bind:checked={opts.currencySettler} /> CurrencySettler <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> <label class:checked={opts.safeCast}> <input type="checkbox" bind:checked={opts.safeCast} /> SafeCast <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> <label class:checked={opts.transientStorage}> <input type="checkbox" bind:checked={opts.transientStorage} /> Transient Storage <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/utils#Pausable"> @TBD Privileged accounts will be able to pause the functionality marked as <code>whenNotPaused</code>. Useful for emergency response. </HelpTooltip> </label> </div> </section>

gonzaotc · 2025-08-13T00:21:06Z

I confirm that I have read and hereby agree to the OpenZeppelin Contributor License Agreement

qodo-merge-pro · 2025-08-13T00:23:38Z

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
High-level	Missing core dependency integration The new Uniswap Hooks package relies on @uniswap/v4-core types (e.g., IPoolManager) but the repo only adds @openzeppelin/uniswap-hooks; there is no declared dependency on Uniswap v4 core or pinning of versions, risking broken imports and incompatibilities. Add explicit, version-pinned dependencies (and peer ranges if appropriate) for @uniswap/v4-core and any other required Uniswap packages, and update the compatibleContractsSemver from '^0.0.0' to a meaningful range to enforce UI compatibility checks. Examples: packages/core/uniswap-hooks/src/hooks.ts [132-135] c.addImportOnly({ name: 'IPoolManager', path: `@uniswap/v4-core/contracts/interfaces/IPoolManager.sol`, }); packages/core/uniswap-hooks/package.json [23-26] "devDependencies": { "@openzeppelin/uniswap-hooks": "https://github.com/OpenZeppelin/uniswap-hooks", "@openzeppelin/contracts": "^5.3.0", "@types/node": "^20.0.0", Solution Walkthrough: Before: // packages/core/uniswap-hooks/package.json "devDependencies": { "@openzeppelin/uniswap-hooks": "...", "@openzeppelin/contracts": "...", // Missing @uniswap/v4-core } // packages/core/uniswap-hooks/src/utils/version.ts export const compatibleContractsSemver = '^0.0.0'; After: // packages/core/uniswap-hooks/package.json "dependencies": { "@uniswap/v4-core": "^1.0.0" // Or appropriate version }, "devDependencies": { "@openzeppelin/uniswap-hooks": "...", "@openzeppelin/contracts": "...", } // packages/core/uniswap-hooks/src/utils/version.ts export const compatibleContractsSemver = '^1.0.0'; Suggestion importance[1-10]: 9 __ Why: This suggestion correctly identifies a critical packaging flaw where a required dependency `@uniswap/v4-core` is used but not declared, which would break the package for consumers.	High
Possible issue	Add library to imports automatically The `addUsing` method should also add the library to imports to ensure it's properly imported in the generated contract. Without this, the library may be referenced but not imported, causing compilation errors. packages/core/solidity/src/contract.ts [137-144] addUsing(library: ImportContract, usingFor: string): boolean { const exists = this.using.some(u => u.library.name === library.name && u.usingFor === usingFor); if (!exists) { this.using.push({ library, usingFor }); + this.addImportOnly(library); return true; } return false; } Apply / Chat Suggestion importance[1-10]: 9 __ Why: This is a critical bug fix, as `using for` statements require the library to be imported, and without this change, the generated code would fail to compile.	High
Possible issue	Fix string capitalization logic The sanitization logic is incorrect - it only takes the first character and uppercases it, which will always result in a single character like "H". This should properly capitalize the entire string to match the expected "Hooks" format. packages/core/uniswap-hooks/src/kind.ts [5-13] export function sanitizeKind(kind: unknown): Kind { if (typeof kind === 'string') { - const sanitized = kind.trim().toLowerCase().charAt(0).toUpperCase(); - if (isKind(sanitized)) { - return sanitized; + const sanitized = kind.trim().toLowerCase(); + const capitalized = sanitized.charAt(0).toUpperCase() + sanitized.slice(1); + if (isKind(capitalized)) { + return capitalized; } } return 'Hooks'; } Apply / Chat Suggestion importance[1-10]: 9 __ Why: This is a critical bug fix for the `sanitizeKind` function, as the original logic was incorrect and would always return the default value 'Hooks' instead of the sanitized input.	High
Possible issue	Fix library name interpolation The `transformName` helper returns a transformed import contract, not the string name. Interpolating it directly will produce `[object Object]` in output. Extract and use the transformed name property (or stringify appropriately) to avoid invalid Solidity. packages/core/solidity/src/print.ts [279] -return entries.map(u => `using ${transformName(u.library)} for ${u.usingFor};`); +return entries.map(u => { + const lib = transformName(u.library); + const libName = typeof lib === 'string' ? lib : lib.name; + return `using ${libName} for ${u.usingFor};`; +}); Apply / Chat Suggestion importance[1-10]: 9 __ Why: This suggestion correctly identifies a bug where an object would be interpolated into a string, leading to invalid Solidity code `using [object Object]...`. The fix is crucial for the new `using` statement printing functionality to work correctly.	High
General	~~Correct ERC-6909 description~~ ERC-6909 is a multi-token (fungible) standard, not non-fungible. Correct the tooltip text to avoid misleading users configuring shares. packages/ui/src/uniswap-hooks/HooksControls.svelte [118-120] <HelpTooltip link="https://docs.openzeppelin.com/contracts/api/token/erc6909"> - ERC-6909 is a standard for non-fungible tokens. + ERC-6909 is a standard for multi-token fungible ledgers. </HelpTooltip> `[Suggestion processed]` Suggestion importance[1-10]: 6 __ Why: The suggestion corrects a misleading description of the ERC-6909 standard in a UI tooltip, which improves user understanding and prevents potential misconfiguration.	Low
General	~~Align default contract name~~ Defaulting the generated contract name to "MyToken" is inconsistent with the Hooks flow where the default is "MyHook". Use the same default to match UI labels and avoid confusion in Remix/code output. packages/ui/src/uniswap-hooks/App.svelte [49] -let contract: Contract = new ContractBuilder(initialOpts.name ?? 'MyToken'); +let contract: Contract = new ContractBuilder(initialOpts.name ?? 'MyHook'); `[Suggestion processed]` Suggestion importance[1-10]: 5 __ Why: This suggestion improves UI consistency by aligning the default contract name in the code generation logic with the default name used in the UI controls, reducing potential user confusion.	Low
More

socket-security · 2025-08-13T19:15:29Z

No dependency changes detected. Learn more about Socket for GitHub.

👍 No dependency changes detected in pull request

packages/ui/src/uniswap-hooks/App.svelte

packages/ui/src/uniswap-hooks/HooksControls.svelte

…n to build

…o hooks-wizard

gonzaotc added 6 commits August 11, 2025 19:13

init hooks wizard

b808c2b

add hook utilities

1e007d7

add initial hooks controls

faba830

remove readme

b03c350

up generation

e078e95

up

b6115c1

gonzaotc requested review from a team as code owners August 13, 2025 00:20

gonzaotc marked this pull request as draft August 13, 2025 00:20

qodo-merge-pro bot added the Review effort 4/5 label Aug 13, 2025

ericglau removed the Review effort 4/5 label Aug 13, 2025

gonzaotc added 3 commits August 13, 2025 14:06

add reliable hooks organization and utilities tooltips

e0f654e

add initial tooltips

db952de

add uniswap deps

0b5ae64

gonzaotc added 3 commits August 13, 2025 16:38

fix prepare error

5dfb647

add uniswap hooks hyperlinks

45d7d64

iterate hooks tooltips

194b355

gonzaotc changed the title ~~Hooks Wizard v1 [WIP]~~ Hooks Wizard v0.0.0 [WIP] Aug 13, 2025

qodo-merge-pro bot reviewed Aug 14, 2025

View reviewed changes

packages/ui/src/uniswap-hooks/App.svelte Outdated Show resolved Hide resolved

qodo-merge-pro bot reviewed Aug 14, 2025

View reviewed changes

packages/ui/src/uniswap-hooks/HooksControls.svelte Show resolved Hide resolved

gonzaotc added 3 commits August 14, 2025 10:58

fix kind sanitization

b7be91c

up tooltip

c650954

update remappings

762b5a1

gonzaotc added 7 commits August 26, 2025 18:08

print hooks functions if permissions are enabled

f1ee4f9

add permission depency auto-selection and permission function additio…

7e5cb2f

…n to build

solve conflicting override

1f2ab4c

Add ExpandableSection and use in Hook Permissions

ae40d10

up ava snapshots

4e5ea07

modularize SharesControlsSection and make Utilities collapsable

38da7e1

up remappings in uniswap hooks repo

75fda2f

ericglau added a commit to ericglau/contracts-wizard that referenced this pull request Aug 28, 2025

Merge imports library comments from OpenZeppelin#628

6154658

gonzaotc added 22 commits August 28, 2025 14:06

reorganize shares tab

a89a016

make shares required in BaseCustomAccounting and CustomCurve

9b83ef6

up base override fee permissions

222a421

fix a state bug in permission selection

c61b0e2

remove log

23f8c21

simplify hook names

7c20743

Merge branch 'master' of github.com:OpenZeppelin/contracts-wizard int…

960ae35

…o hooks-wizard

update imports

c637945

up tests

af18d7f

enhance tooltips

054bce0

merge with origin

ca4d391

Merge branch 'master' of github.com:OpenZeppelin/contracts-wizard int…

4b39243

…o hooks-wizard

add rehypothecation hook and hookfee

dda3ca4

implemented better shares config handling in core and ui

30352d8

remove pool manager construction param

4b2815d

add dynamic inputs for hooks

8310cb5

Merge branch 'master' of github.com:OpenZeppelin/contracts-wizard int…

5fb4631

…o hooks-wizard

add hooks input tooltip, improve wizard output comments

decdf20

add constructionOnly contracts directive

97441fb

Merge branch 'master' of github.com:OpenZeppelin/contracts-wizard int…

015a66f

…o hooks-wizard

remove foundry dependency

81e7a8d

lint

3e515d4

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Hooks Wizard v0.0.0 [WIP] #628

Hooks Wizard v0.0.0 [WIP] #628

Uh oh!

gonzaotc commented Aug 13, 2025 •

edited

Loading

Uh oh!

coderabbitai bot commented Aug 13, 2025 •

edited

Loading

Review skipped

Other AI code review bot(s) detected

Uh oh!

github-actions bot commented Aug 13, 2025 •

edited

Loading

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025

File Walkthrough

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025

Uh oh!

gonzaotc commented Aug 13, 2025

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025 •

edited

Loading

Examples:

Solution Walkthrough:

Before:

After:

Uh oh!

socket-security bot commented Aug 13, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Hooks Wizard v0.0.0 [WIP] #628

Are you sure you want to change the base?

Hooks Wizard v0.0.0 [WIP] #628

Uh oh!

Conversation

gonzaotc commented Aug 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai bot commented Aug 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Other AI code review bot(s) detected

Uh oh!

github-actions bot commented Aug 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025

PR Reviewer Guide 🔍

Uh oh!

gonzaotc commented Aug 13, 2025

Uh oh!

qodo-merge-pro bot commented Aug 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Code Suggestions ✨

Examples:

Solution Walkthrough:

Before:

After:

Uh oh!

socket-security bot commented Aug 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

gonzaotc commented Aug 13, 2025 •

edited

Loading

coderabbitai bot commented Aug 13, 2025 •

edited

Loading

github-actions bot commented Aug 13, 2025 •

edited

Loading

qodo-merge-pro bot commented Aug 13, 2025 •

edited

Loading

socket-security bot commented Aug 13, 2025 •

edited

Loading