2 lines
5.7 KiB
JSON
2 lines
5.7 KiB
JSON
{"id":"chatcmpl-95b27c0aab054363","object":"chat.completion","created":1774202526,"model":"NousResearch\/Hermes-3-Llama-3.2-3B","choices":[{"index":0,"message":{"role":"assistant","content":"In the original authentication implementation, we set up the following rate limiting:\n\n1. 100 requests per minute per user\n2. HTTP status code: 429 (Too Many Requests)\n3. Response body: JSON with a \"message\" key indicating the error reason\n\nHere is the complete rate limiting setup in Flask:\n\n```python\nfrom flask import Flask, request, jsonify\nfrom functools import wraps\nfrom threading import Lock\nfrom datetime import datetime, timedelta\n\napp = Flask(__name__)\napp.config['RATELIMIT_STORAGE_URL'] = 'none'\napp.config['RATELIMIT_STORAGE_CLASS'] = 'RateLimitStore'\napp.config['RATELIMIT_EXPLANATION'] = False\n\nrate_limit_lock = Lock()\nrate_limit_storage = RateLimitStore(app)\n\ndef rate_limited(view_func):\n @wraps(view_func)\n def wrapper(*args, **kwargs):\n user_id = request.headers.get('X-User-Id')\n if user_id:\n current_rate_limit = rate_limit_storage.get_rate_limit(user_id)\n if current_rate_limit and current_rate_limit.remaining < 1:\n return jsonify({'message': 'Rate limit exceeded'}), 429\n return view_func(*args, **kwargs)\n return wrapper\n\n@app.before_request\ndef before_request():\n rate_limit_storage.incr_user_rate_limit(request.headers.get('X-User-Id'))\n\n@app.after_request\ndef after_request(response):\n rate_limit_storage.decr_user_rate_limit(request.headers.get('X-User-Id'))\n return response\n\ndef create_app(config_filename=None):\n app = Flask(__name__, instance_relative_config=True)\n app.config.from_object(config[config_filename])\n app.register_blueprint(auth_bp)\n app.register_blueprint(task_bp)\n app.register_blueprint(project_bp)\n app.register_blueprint(templates_bp)\n app.register_blueprint(tags_bp)\n app.register_blueprint(custom_fields_bp)\n app.register_blueprint(integrations_bp)\n app.register_blueprint(pricing_bp)\n app.register_blueprint(audit_logs_bp)\n app.register_blueprint(billing_bp)\n app.register_blueprint(error_boundary_bp)\n app.register_blueprint(loading_skeleton_bp)\n app.register_blueprint(toast_bp)\n app.register_blueprint(global_shortcuts_bp)\n app.register_blueprint(onboarding_flow_bp)\n app.register_blueprint(templates_page_bp)\n app.register_blueprint(template_picker_bp)\n app.register_blueprint(custom_field_editor_bp)\n app.register_blueprint(audit_log_bp)\n app.register_blueprint(pricing_page_bp)\n app.register_blueprint(billing_page_bp)\n app.register_blueprint(error_boundary_bp)\n app.register_blueprint(loading_skeleton_bp)\n app.register_blueprint(toast_bp)\n app.register_blueprint(global_shortcuts_bp)\n app.register_blueprint(onboarding_flow_bp)\n app.register_blueprint(templates_page_bp)\n app.register_blueprint(template_picker_bp)\n app.register_blueprint(custom_field_editor_bp)\n app.register_blueprint(audit_log_bp)\n app.register_blueprint(pricing_page_bp)\n app.register_blueprint(billing_page_bp)\n\n app.before_request(rate_limited)\n return app\n```\n\nNow the frontend error handling needs to parse the JSON response from the API and display a proper retry countdown to the user:\n\n```typescript\n\/\/ src\/components\/ErrorBoundary.tsx\nimport React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { Link, useHistory, useLocation } from 'react-router-dom';\nimport { Button, IconButton, Tooltip, Chip, Typography, Grid } from '@material-ui\/core';\nimport { makeStyles } from '@material-ui\/core\/styles';\nimport { useAuth } from '..\/context';\nimport { useNotifications } from '..\/context\/NotificationsContext';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n}));\n\nconst ErrorBoundary: React.FC = () => {\n const { user } = useAuth();\n const notifications = useNotifications();\n const errorBoundaryRef = useRef(null);\n const [retryCountdown, setRetryCountdown] = useState(0);\n\n const handleRetry = () => {\n setRetryCountdown(0);\n };\n\n const handleLogout = () => {\n \/\/ Handle logout logic here\n };\n\n useEffect(() => {\n if (errorBoundaryRef.current) {\n errorBoundaryRef.current.clear();\n }\n }, [user]);\n\n const handleResponse = (response: any) => {\n if (response.status === 429) {\n const data = response.data;\n const retryAfter = data.message;\n setRetryCountdown(parseInt(retryAfter));\n }\n };\n\n return (\n <div className={classes.root}>\n <Container maxWidth=\"xl\">\n <div className={classes.errorBoundary} ref={errorBoundaryRef}>\n {retryCountdown > 0 && (\n <div>\n <Typography>Retry in {retryCountdown} seconds<\/Typography>\n <\/div>\n )}\n {\/* Error boundary will be displayed here *\/}\n <\/div>\n <Link to={`\/`}>\n <Button variant=\"contained\" color=\"primary\">\n Go Back\n <\/Button>\n <\/Link>\n <\/Container>\n <\/div>\n );\n};\n\nexport default ErrorBoundary;\n```\n\nThis error boundary now parses the API response and displays a retry countdown to the user, allowing them to retry the request after the specified delay.","refusal":null,"annotations":null,"audio":null,"function_call":null,"tool_calls":[],"reasoning":null},"logprobs":null,"finish_reason":"stop","token_ids":null}],"service_tier":null,"system_fingerprint":null,"usage":{"prompt_tokens":27428,"total_tokens":28523,"completion_tokens":1095,"prompt_tokens_details":null},"prompt_token_ids":null,"kv_transfer_params":null}
|