feat(toast-undo-pattern): Toast mit Undo-Button bei Delete-Actions [tsc:fail]
This commit is contained in:
parent
b6c1dd21f0
commit
141c7f81dd
@ -6,6 +6,7 @@
|
|||||||
"404-not-found-page",
|
"404-not-found-page",
|
||||||
"api-error-pages",
|
"api-error-pages",
|
||||||
"accessibility-final",
|
"accessibility-final",
|
||||||
"loading-everywhere"
|
"loading-everywhere",
|
||||||
|
"meta-tags-and-title"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
5
.phase31-state.json
Normal file
5
.phase31-state.json
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"completed_features": [],
|
||||||
|
"current_feature": "toast-undo-pattern",
|
||||||
|
"started_at": "2026-05-23T09:33:26.338003"
|
||||||
|
}
|
||||||
@ -3475,3 +3475,28 @@ src/index.ts(27,25): error TS2769: No overload matches this call.
|
|||||||
Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
|
Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
|
||||||
Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
|
Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
|
||||||
Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
|
Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
|
||||||
|
- `09:30:29` **INFO** Committed feature meta-tags-and-title
|
||||||
|
- `09:30:30` **INFO** Pushed: rc=0
|
||||||
|
|
||||||
|
## Phase-30 Run beendet — TOTAL FINISH (2026-05-23 09:30:30)
|
||||||
|
|
||||||
|
- `09:30:30` **INFO** OK: 0, Attempted: 5, Total: 5
|
||||||
|
|
||||||
|
## 🚀 Phase-31 Codegen-Run gestartet — UX polish (2026-05-23 09:33:26)
|
||||||
|
|
||||||
|
|
||||||
|
## Phase-3 Feature: toast-undo-pattern (2026-05-23 09:33:26)
|
||||||
|
|
||||||
|
- `09:33:26` **INFO** Description: Toast mit Undo-Button bei Delete-Actions
|
||||||
|
- `09:33:26` **INFO** Generating apps/web/src/lib/toastUndo.tsx (toastUndo(message, onUndo) hook/util. Wenn toast lib vorhanden: toast …)
|
||||||
|
- `09:33:35` **INFO** wrote 1008 chars in 8.7s (attempt 1)
|
||||||
|
- `09:33:35` **INFO** Running tsc --noEmit on api…
|
||||||
|
- `09:33:36` **WARN** tsc errors:
|
||||||
|
src/db/schema.ts(37,14): error TS7022: 'customers' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
|
||||||
|
src/db/schema.ts(45,59): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.
|
||||||
|
src/db/schema.ts(49,14): error TS7022: 'projects' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
|
||||||
|
src/db/schema.ts(53,56): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions.
|
||||||
|
src/index.ts(27,25): error TS2769: No overload matches this call.
|
||||||
|
Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
|
||||||
|
Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
|
||||||
|
Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>,
|
||||||
|
|||||||
38
apps/web/src/lib/toastUndo.tsx
Normal file
38
apps/web/src/lib/toastUndo.tsx
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { toast } from 'react-hot-toast';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* toastUndo provides a way to notify the user of an action
|
||||||
|
* and offer a way to undo it.
|
||||||
|
*
|
||||||
|
* @param message - The message to display in the toast
|
||||||
|
* @param onUndo - The callback function to execute when 'Undo' is clicked
|
||||||
|
*/
|
||||||
|
export const toastUndo = (message: string, onUndo: () => void) => {
|
||||||
|
try {
|
||||||
|
toast((t) => (
|
||||||
|
<span>
|
||||||
|
{message}
|
||||||
|
<button
|
||||||
|
onClick={() => {
|
||||||
|
onUndo();
|
||||||
|
toast.dismiss(t.id);
|
||||||
|
}}
|
||||||
|
className="ml-3 px-2 py-1 text-xs font-medium text-white bg-indigo-600 rounded hover:bg-indigo-700 transition-colors"
|
||||||
|
>
|
||||||
|
Undo
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
), {
|
||||||
|
duration: 5000,
|
||||||
|
position: 'bottom-right',
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
// Fallback if toast library is not initialized or fails
|
||||||
|
if (window.confirm(`${message}\n\nWould you like to undo this action?`)) {
|
||||||
|
onUndo();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default toastUndo;
|
||||||
95
scripts/phase31_features.py
Normal file
95
scripts/phase31_features.py
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
#!/usr/bin/env python3
|
||||||
|
"""Phase-31: simple UX-tweaks — toasts, button-states, empty-states, copy-improvements."""
|
||||||
|
|
||||||
|
from __future__ import annotations
|
||||||
|
|
||||||
|
import asyncio, datetime, json, sys
|
||||||
|
from pathlib import Path
|
||||||
|
|
||||||
|
sys.path.insert(0, str(Path(__file__).resolve().parent))
|
||||||
|
from phase2_features import Feature, FileGen, ROOT, log, log_section
|
||||||
|
from phase3_features import run_feature_v2
|
||||||
|
|
||||||
|
PHASE_STATE = ROOT / ".phase31-state.json"
|
||||||
|
|
||||||
|
FEATURES: list[Feature] = [
|
||||||
|
Feature(
|
||||||
|
name="toast-undo-pattern",
|
||||||
|
description="Toast mit Undo-Button bei Delete-Actions",
|
||||||
|
files=[FileGen(
|
||||||
|
path="apps/web/src/lib/toastUndo.tsx",
|
||||||
|
purpose=(
|
||||||
|
"toastUndo(message, onUndo) hook/util. Wenn toast lib vorhanden: toast mit action-button 'Rückgängig'. "
|
||||||
|
"Sonst: window.confirm fallback. Export default. Keep imports minimal."
|
||||||
|
),
|
||||||
|
)],
|
||||||
|
),
|
||||||
|
Feature(
|
||||||
|
name="empty-state-illustrations",
|
||||||
|
description="EmptyState-Component für leere Listen",
|
||||||
|
files=[FileGen(
|
||||||
|
path="apps/web/src/components/EmptyState.tsx",
|
||||||
|
purpose=(
|
||||||
|
"EmptyState-Component. Props: icon (lucide-react component), title, description, actionLabel?, onAction?. "
|
||||||
|
"Zentriert in container: großes Icon (grey), title (text-lg bold), description (text-sm grey), optional CTA-Button. "
|
||||||
|
"Tailwind."
|
||||||
|
),
|
||||||
|
)],
|
||||||
|
),
|
||||||
|
Feature(
|
||||||
|
name="button-loading-states",
|
||||||
|
description="Button mit loading-prop zeigt Spinner",
|
||||||
|
files=[FileGen(
|
||||||
|
path="apps/web/src/components/Button.tsx",
|
||||||
|
purpose=(
|
||||||
|
"Button-Component. Props: variant ('primary'|'secondary'|'danger'), loading?: boolean, disabled?, children, onClick. "
|
||||||
|
"Tailwind classes per variant. Wenn loading: zeigt Spinner-SVG (lucide Loader2 mit animate-spin) statt children. "
|
||||||
|
"Auto-disabled wenn loading. Export default."
|
||||||
|
),
|
||||||
|
)],
|
||||||
|
),
|
||||||
|
Feature(
|
||||||
|
name="copy-to-clipboard-component",
|
||||||
|
description="CopyButton mit visual feedback",
|
||||||
|
files=[FileGen(
|
||||||
|
path="apps/web/src/components/CopyButton.tsx",
|
||||||
|
purpose=(
|
||||||
|
"CopyButton-Component. Props: text (string to copy), label?. Klick: navigator.clipboard.writeText(text). "
|
||||||
|
"Zeigt 2s lang Check-Icon (grün) + 'Kopiert!', dann zurück zu Copy-Icon. Lucide-react: Copy, Check. Tailwind."
|
||||||
|
),
|
||||||
|
)],
|
||||||
|
),
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
|
def load_state():
|
||||||
|
if PHASE_STATE.exists():
|
||||||
|
return json.loads(PHASE_STATE.read_text())
|
||||||
|
return {"completed_features": [], "current_feature": None, "started_at": datetime.datetime.now().isoformat()}
|
||||||
|
|
||||||
|
|
||||||
|
def save_state(state):
|
||||||
|
PHASE_STATE.write_text(json.dumps(state, indent=2))
|
||||||
|
|
||||||
|
|
||||||
|
async def main():
|
||||||
|
log_section("🚀 Phase-31 Codegen-Run gestartet — UX polish")
|
||||||
|
state = load_state()
|
||||||
|
for feature in FEATURES:
|
||||||
|
if feature.name in state.get("completed_features", []):
|
||||||
|
continue
|
||||||
|
state["current_feature"] = feature.name; save_state(state)
|
||||||
|
try:
|
||||||
|
success = await run_feature_v2(feature)
|
||||||
|
state.setdefault("completed_features" if success else "attempted_features", []).append(feature.name)
|
||||||
|
save_state(state)
|
||||||
|
except Exception as e:
|
||||||
|
log(f"❌ {feature.name} crashed: {e}", level="ERROR")
|
||||||
|
state.setdefault("attempted_features", []).append(feature.name); save_state(state)
|
||||||
|
log_section("Phase-31 Run beendet")
|
||||||
|
log(f"OK: {len(state.get('completed_features', []))}, Attempted: {len(state.get('attempted_features', []))}, Total: {len(FEATURES)}")
|
||||||
|
return 0
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
sys.exit(asyncio.run(main()))
|
||||||
Loading…
Reference in New Issue
Block a user