feat(tools): add sample data presets ("Load Example") to Regex Tester & SQL Formatter
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 85/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- react, typescript
- Ambito
- developer-experience, frontend
Direzione di ricerca
Leggi src/components/tools/text-tools/RegexTester.tsx e src/components/tools/data-tools/SqlFormatter.tsx per vedere come ogni strumento memorizza l’input e visualizza l’output. Aggiungi le preimpostazioni richieste e la query di esempio, in modo che selezionandone una l’input venga sostituito e ne venga mostrato l’output. Il lavoro è completato quando gli esempi elencati funzionano, anche su dispositivi mobili e con entrambi i temi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Add example presets to the Regex Tester and SQL Formatter so users can quickly load sample inputs and immediately understand the tool.
Requirements
- In
RegexTester.tsx, add preset examples such as email, ISO 8601 date, IPv4, and URL patterns. - In
SqlFormatter.tsx, add aLoad Sample Queryaction with a multi-join example. - Clicking a preset should replace the input state with sample data.
Files to touch
src/components/tools/text-tools/RegexTester.tsxsrc/components/tools/data-tools/SqlFormatter.tsx
Acceptance criteria
- Users can click an example and see instant output.
- The experience remains responsive on mobile and in both themes.
- Lingua principale
- TypeScript
- Stelle
- 1
- Fork
- 3
- Merge medio
- 2h 50m
- PR unite (30g)
- 3
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di goldi0002/devtoolbox
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#94 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#87 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#85 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
goldi0002/devtoolbox#81 ·
-
good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#72 ·
Tutte le issue di goldi0002/devtoolbox
Issue simili
-
backend bug documentation
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
geolens-io/geolens#3568 ·
I maintainer di solito rispondono entro 1 giorno
-
area:docs documentation good first issue priority:low
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 80/100
rtk-ai/rtk#4900 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
API: `tsc.exe` opens a visible console window on Windows when the parent process has no consoleAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
microsoft/TypeScript#65083 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 67/100
I maintainer di solito rispondono entro 1 giorno
-
bug p2 platform:web triaged
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno