@promakeai/cli 0.9.9 → 0.9.10

package/dist/registry/verify-email-page.json

@@ -17,25 +17,25 @@
       "path": "verify-email-page/index.ts",
       "type": "registry:index",
       "target": "$modules$/verify-email-page/index.ts",
-      "content": "export * from \"./verify-email-page\";\r\nexport { default } from \"./verify-email-page\";\r\n"
+      "content": "export * from \"./verify-email-page\";\nexport { default } from \"./verify-email-page\";\n"
     },
     {
       "path": "verify-email-page/verify-email-page.tsx",
       "type": "registry:page",
       "target": "$modules$/verify-email-page/verify-email-page.tsx",
-      "content": "import { useState } from \"react\";\r\nimport { Link } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport { Layout } from \"@/components/Layout\";\r\nimport { usePageTitle } from \"@/hooks/use-page-title\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useAuth } from \"@/modules/auth-core\";\r\nimport { getErrorMessage } from \"@/modules/api\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardHeader,\r\n  CardTitle,\r\n  CardDescription,\r\n} from \"@/components/ui/card\";\r\nimport { MailCheck, ArrowLeft, CheckCircle2 } from \"lucide-react\";\r\nimport { FormField } from \"@/components/FormField\";\r\n\r\ntype Step = \"request\" | \"verify\" | \"success\";\r\n\r\nexport function VerifyEmailPage() {\r\n  const { t } = useTranslation(\"verify-email-page\");\r\n  usePageTitle({ title: t(\"title\", \"Verify Email\") });\r\n\r\n  const { confirmEmail, resendCode } = useAuth();\r\n\r\n  const [step, setStep] = useState<Step>(\"request\");\r\n  const [username, setUsername] = useState(\"\");\r\n  const [code, setCode] = useState(\"\");\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const handleSendCode = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setIsSubmitting(true);\r\n    setError(null);\r\n\r\n    try {\r\n      await resendCode(username);\r\n      toast.success(t(\"codeSentTitle\", \"Code Sent!\"), {\r\n        description: t(\r\n          \"codeSentDesc\",\r\n          \"A verification code has been sent to your email.\",\r\n        ),\r\n      });\r\n      setStep(\"verify\");\r\n    } catch (err) {\r\n      const errorMessage = getErrorMessage(\r\n        err,\r\n        t(\"errorSendGeneric\", \"Failed to send verification code. Please try again.\"),\r\n      );\r\n      setError(errorMessage);\r\n      toast.error(t(\"errorTitle\", \"Error\"), {\r\n        description: errorMessage,\r\n      });\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  };\r\n\r\n  const handleVerify = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setIsSubmitting(true);\r\n    setError(null);\r\n\r\n    try {\r\n      await confirmEmail(username, code);\r\n      toast.success(t(\"verifiedTitle\", \"Email Verified!\"), {\r\n        description: t(\r\n          \"verifiedDesc\",\r\n          \"Your email has been successfully verified.\",\r\n        ),\r\n      });\r\n      setStep(\"success\");\r\n    } catch (err) {\r\n      const errorMessage = getErrorMessage(\r\n        err,\r\n        t(\"errorVerifyGeneric\", \"Failed to verify email. Please check your code and try again.\"),\r\n      );\r\n      setError(errorMessage);\r\n      toast.error(t(\"errorTitle\", \"Error\"), {\r\n        description: errorMessage,\r\n      });\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  };\r\n\r\n  // Success step\r\n  if (step === \"success\") {\r\n    return (\r\n      <Layout>\r\n        <div className=\"min-h-screen bg-muted/30 py-12\">\r\n          <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\r\n            <div className=\"max-w-md mx-auto\">\r\n              <Card>\r\n                <CardContent className=\"pt-8 pb-8 text-center\">\r\n                  <CheckCircle2 className=\"w-16 h-16 text-green-500 mx-auto mb-4\" />\r\n                  <h1 className=\"text-2xl font-bold mb-2\">\r\n                    {t(\"successTitle\", \"Email Verified!\")}\r\n                  </h1>\r\n                  <p className=\"text-muted-foreground mb-6\">\r\n                    {t(\r\n                      \"successDescription\",\r\n                      \"Your email has been verified. You can now login to your account.\",\r\n                    )}\r\n                  </p>\r\n                  <Button asChild className=\"w-full\">\r\n                    <Link to=\"/login\">{t(\"goToLogin\", \"Go to Login\")}</Link>\r\n                  </Button>\r\n                </CardContent>\r\n              </Card>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Layout>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Layout>\r\n      <div className=\"min-h-screen bg-muted/30 py-12\">\r\n        <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\r\n          {/* Hero Section */}\r\n          <div className=\"text-center mb-12\">\r\n            <h1 className=\"text-4xl font-bold text-foreground mb-4\">\r\n              {t(\"title\", \"Verify Email\")}\r\n            </h1>\r\n            <div className=\"w-16 h-1 bg-primary mx-auto mb-6\"></div>\r\n            <p className=\"text-lg text-muted-foreground max-w-xl mx-auto\">\r\n              {step === \"request\"\r\n                ? t(\r\n                  \"descriptionRequest\",\r\n                  \"Enter your username and we'll send you a verification code.\",\r\n                )\r\n                : t(\r\n                  \"descriptionVerify\",\r\n                  \"Enter the verification code sent to your email.\",\r\n                )}\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"max-w-md mx-auto\">\r\n            <Card>\r\n              <CardHeader>\r\n                <CardTitle className=\"flex items-center gap-2\">\r\n                  <MailCheck className=\"w-5 h-5 text-primary\" />\r\n                  {step === \"request\"\r\n                    ? t(\"cardTitleRequest\", \"Request Verification Code\")\r\n                    : t(\"cardTitleVerify\", \"Enter Verification Code\")}\r\n                </CardTitle>\r\n                <CardDescription>\r\n                  {step === \"request\"\r\n                    ? t(\"cardDescRequest\", \"Step 1 of 2: Request a verification code\")\r\n                    : t(\r\n                      \"cardDescVerify\",\r\n                      \"Step 2 of 2: Enter the code to verify your email\",\r\n                    )}\r\n                </CardDescription>\r\n              </CardHeader>\r\n              <CardContent>\r\n                {step === \"request\" ? (\r\n                  // Step 1: Request Code\r\n                  <form onSubmit={handleSendCode} className=\"space-y-6\">\r\n                    <FormField label={t(\"username\", \"Username\")} htmlFor=\"username\" required>\r\n                      <Input\r\n                        id=\"username\"\r\n                        type=\"text\"\r\n                        value={username}\r\n                        onChange={(e) => setUsername(e.target.value)}\r\n                        placeholder={t(\"usernamePlaceholder\", \"Enter your username\")}\r\n                        required\r\n                        className=\"mt-1\"\r\n                        autoComplete=\"username\"\r\n                      />\r\n                    </FormField>\r\n\r\n                    {error && (\r\n                      <div className=\"p-4 bg-red-50 border border-red-200 rounded-lg\">\r\n                        <p className=\"text-red-800 text-sm font-medium\">\r\n                          {error}\r\n                        </p>\r\n                      </div>\r\n                    )}\r\n\r\n                    <Button\r\n                      type=\"submit\"\r\n                      size=\"lg\"\r\n                      className=\"w-full\"\r\n                      disabled={isSubmitting}\r\n                    >\r\n                      {isSubmitting ? (\r\n                        <>\r\n                          <div className=\"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2\" />\r\n                          {t(\"sending\", \"Sending...\")}\r\n                        </>\r\n                      ) : (\r\n                        t(\"sendCode\", \"Send Verification Code\")\r\n                      )}\r\n                    </Button>\r\n\r\n                    <div className=\"text-center\">\r\n                      <Link\r\n                        to=\"/login\"\r\n                        className=\"text-sm text-muted-foreground hover:text-primary inline-flex items-center gap-1\"\r\n                      >\r\n                        <ArrowLeft className=\"w-4 h-4\" />\r\n                        {t(\"backToLogin\", \"Back to Login\")}\r\n                      </Link>\r\n                    </div>\r\n                  </form>\r\n                ) : (\r\n                  // Step 2: Verify Code\r\n                  <form onSubmit={handleVerify} className=\"space-y-6\">\r\n                    <div className=\"p-3 bg-muted rounded-lg text-sm\">\r\n                      <span className=\"text-muted-foreground\">\r\n                        {t(\"codeFor\", \"Verification code for:\")}{\" \"}\r\n                      </span>\r\n                      <span className=\"font-medium\">{username}</span>\r\n                    </div>\r\n                    <FormField label={t(\"code\", \"Verification Code\")} htmlFor=\"code\" required>\r\n                      <Input\r\n                        id=\"code\"\r\n                        type=\"text\"\r\n                        value={code}\r\n                        onChange={(e) => setCode(e.target.value)}\r\n                        placeholder={t(\"codePlaceholder\", \"Enter 6-digit code\")}\r\n                        required\r\n                        className=\"mt-1\"\r\n                        maxLength={6}\r\n                      />\r\n                    </FormField>\r\n\r\n                    {error && (\r\n                      <div className=\"p-4 bg-red-50 border border-red-200 rounded-lg\">\r\n                        <p className=\"text-red-800 text-sm font-medium\">\r\n                          {error}\r\n                        </p>\r\n                      </div>\r\n                    )}\r\n\r\n                    <Button\r\n                      type=\"submit\"\r\n                      size=\"lg\"\r\n                      className=\"w-full\"\r\n                      disabled={isSubmitting}\r\n                    >\r\n                      {isSubmitting ? (\r\n                        <>\r\n                          <div className=\"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2\" />\r\n                          {t(\"verifying\", \"Verifying...\")}\r\n                        </>\r\n                      ) : (\r\n                        t(\"verifyEmail\", \"Verify Email\")\r\n                      )}\r\n                    </Button>\r\n\r\n                    <div className=\"flex justify-between\">\r\n                      <button\r\n                        type=\"button\"\r\n                        onClick={() => {\r\n                          setStep(\"request\");\r\n                          setCode(\"\");\r\n                          setError(null);\r\n                        }}\r\n                        className=\"text-sm text-muted-foreground hover:text-primary\"\r\n                      >\r\n                        {t(\"changeUsername\", \"Change username\")}\r\n                      </button>\r\n                      <button\r\n                        type=\"button\"\r\n                        onClick={() =>\r\n                          handleSendCode({\r\n                            preventDefault: () => {},\r\n                          } as React.FormEvent)\r\n                        }\r\n                        className=\"text-sm text-primary hover:underline\"\r\n                        disabled={isSubmitting}\r\n                      >\r\n                        {t(\"resendCode\", \"Resend code\")}\r\n                      </button>\r\n                    </div>\r\n                  </form>\r\n                )}\r\n              </CardContent>\r\n            </Card>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n}\r\n\r\nexport default VerifyEmailPage;\r\n"
+      "content": "import { useState } from \"react\";\nimport { Link } from \"react-router\";\nimport { toast } from \"sonner\";\nimport { Layout } from \"@/components/Layout\";\nimport { usePageTitle } from \"@/hooks/use-page-title\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAuth } from \"@/modules/auth-core\";\nimport { getErrorMessage } from \"@/modules/api\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from \"@/components/ui/card\";\nimport { MailCheck, ArrowLeft, CheckCircle2 } from \"lucide-react\";\nimport { FormField } from \"@/components/FormField\";\n\ntype Step = \"request\" | \"verify\" | \"success\";\n\nexport function VerifyEmailPage() {\n  const { t } = useTranslation(\"verify-email-page\");\n  usePageTitle({ title: t(\"title\", \"Verify Email\") });\n\n  const { confirmEmail, resendCode } = useAuth();\n\n  const [step, setStep] = useState<Step>(\"request\");\n  const [username, setUsername] = useState(\"\");\n  const [code, setCode] = useState(\"\");\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSendCode = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      await resendCode(username);\n      toast.success(t(\"codeSentTitle\", \"Code Sent!\"), {\n        description: t(\n          \"codeSentDesc\",\n          \"A verification code has been sent to your email.\",\n        ),\n      });\n      setStep(\"verify\");\n    } catch (err) {\n      const errorMessage = getErrorMessage(\n        err,\n        t(\"errorSendGeneric\", \"Failed to send verification code. Please try again.\"),\n      );\n      setError(errorMessage);\n      toast.error(t(\"errorTitle\", \"Error\"), {\n        description: errorMessage,\n      });\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleVerify = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      await confirmEmail(username, code);\n      toast.success(t(\"verifiedTitle\", \"Email Verified!\"), {\n        description: t(\n          \"verifiedDesc\",\n          \"Your email has been successfully verified.\",\n        ),\n      });\n      setStep(\"success\");\n    } catch (err) {\n      const errorMessage = getErrorMessage(\n        err,\n        t(\"errorVerifyGeneric\", \"Failed to verify email. Please check your code and try again.\"),\n      );\n      setError(errorMessage);\n      toast.error(t(\"errorTitle\", \"Error\"), {\n        description: errorMessage,\n      });\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  // Success step\n  if (step === \"success\") {\n    return (\n      <Layout>\n        <div className=\"min-h-screen bg-muted/30 py-12\">\n          <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\n            <div className=\"max-w-md mx-auto\">\n              <Card>\n                <CardContent className=\"pt-8 pb-8 text-center\">\n                  <CheckCircle2 className=\"w-16 h-16 text-green-500 mx-auto mb-4\" />\n                  <h1 className=\"text-2xl font-bold mb-2\">\n                    {t(\"successTitle\", \"Email Verified!\")}\n                  </h1>\n                  <p className=\"text-muted-foreground mb-6\">\n                    {t(\n                      \"successDescription\",\n                      \"Your email has been verified. You can now login to your account.\",\n                    )}\n                  </p>\n                  <Button asChild className=\"w-full\">\n                    <Link to=\"/login\">{t(\"goToLogin\", \"Go to Login\")}</Link>\n                  </Button>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n        </div>\n      </Layout>\n    );\n  }\n\n  return (\n    <Layout>\n      <div className=\"min-h-screen bg-muted/30 py-12\">\n        <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\n          {/* Hero Section */}\n          <div className=\"text-center mb-12\">\n            <h1 className=\"text-4xl font-bold text-foreground mb-4\">\n              {t(\"title\", \"Verify Email\")}\n            </h1>\n            <div className=\"w-16 h-1 bg-primary mx-auto mb-6\"></div>\n            <p className=\"text-lg text-muted-foreground max-w-xl mx-auto\">\n              {step === \"request\"\n                ? t(\n                  \"descriptionRequest\",\n                  \"Enter your username and we'll send you a verification code.\",\n                )\n                : t(\n                  \"descriptionVerify\",\n                  \"Enter the verification code sent to your email.\",\n                )}\n            </p>\n          </div>\n\n          <div className=\"max-w-md mx-auto\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <MailCheck className=\"w-5 h-5 text-primary\" />\n                  {step === \"request\"\n                    ? t(\"cardTitleRequest\", \"Request Verification Code\")\n                    : t(\"cardTitleVerify\", \"Enter Verification Code\")}\n                </CardTitle>\n                <CardDescription>\n                  {step === \"request\"\n                    ? t(\"cardDescRequest\", \"Step 1 of 2: Request a verification code\")\n                    : t(\n                      \"cardDescVerify\",\n                      \"Step 2 of 2: Enter the code to verify your email\",\n                    )}\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                {step === \"request\" ? (\n                  // Step 1: Request Code\n                  <form onSubmit={handleSendCode} className=\"space-y-6\">\n                    <FormField label={t(\"username\", \"Username\")} htmlFor=\"username\" required>\n                      <Input\n                        id=\"username\"\n                        type=\"text\"\n                        value={username}\n                        onChange={(e) => setUsername(e.target.value)}\n                        placeholder={t(\"usernamePlaceholder\", \"Enter your username\")}\n                        required\n                        className=\"mt-1\"\n                        autoComplete=\"username\"\n                      />\n                    </FormField>\n\n                    {error && (\n                      <div className=\"p-4 bg-red-50 border border-red-200 rounded-lg\">\n                        <p className=\"text-red-800 text-sm font-medium\">\n                          {error}\n                        </p>\n                      </div>\n                    )}\n\n                    <Button\n                      type=\"submit\"\n                      size=\"lg\"\n                      className=\"w-full\"\n                      disabled={isSubmitting}\n                    >\n                      {isSubmitting ? (\n                        <>\n                          <div className=\"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2\" />\n                          {t(\"sending\", \"Sending...\")}\n                        </>\n                      ) : (\n                        t(\"sendCode\", \"Send Verification Code\")\n                      )}\n                    </Button>\n\n                    <div className=\"text-center\">\n                      <Link\n                        to=\"/login\"\n                        className=\"text-sm text-muted-foreground hover:text-primary inline-flex items-center gap-1\"\n                      >\n                        <ArrowLeft className=\"w-4 h-4\" />\n                        {t(\"backToLogin\", \"Back to Login\")}\n                      </Link>\n                    </div>\n                  </form>\n                ) : (\n                  // Step 2: Verify Code\n                  <form onSubmit={handleVerify} className=\"space-y-6\">\n                    <div className=\"p-3 bg-muted rounded-lg text-sm\">\n                      <span className=\"text-muted-foreground\">\n                        {t(\"codeFor\", \"Verification code for:\")}{\" \"}\n                      </span>\n                      <span className=\"font-medium\">{username}</span>\n                    </div>\n                    <FormField label={t(\"code\", \"Verification Code\")} htmlFor=\"code\" required>\n                      <Input\n                        id=\"code\"\n                        type=\"text\"\n                        value={code}\n                        onChange={(e) => setCode(e.target.value)}\n                        placeholder={t(\"codePlaceholder\", \"Enter 6-digit code\")}\n                        required\n                        className=\"mt-1\"\n                        maxLength={6}\n                      />\n                    </FormField>\n\n                    {error && (\n                      <div className=\"p-4 bg-red-50 border border-red-200 rounded-lg\">\n                        <p className=\"text-red-800 text-sm font-medium\">\n                          {error}\n                        </p>\n                      </div>\n                    )}\n\n                    <Button\n                      type=\"submit\"\n                      size=\"lg\"\n                      className=\"w-full\"\n                      disabled={isSubmitting}\n                    >\n                      {isSubmitting ? (\n                        <>\n                          <div className=\"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2\" />\n                          {t(\"verifying\", \"Verifying...\")}\n                        </>\n                      ) : (\n                        t(\"verifyEmail\", \"Verify Email\")\n                      )}\n                    </Button>\n\n                    <div className=\"flex justify-between\">\n                      <button\n                        type=\"button\"\n                        onClick={() => {\n                          setStep(\"request\");\n                          setCode(\"\");\n                          setError(null);\n                        }}\n                        className=\"text-sm text-muted-foreground hover:text-primary\"\n                      >\n                        {t(\"changeUsername\", \"Change username\")}\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() =>\n                          handleSendCode({\n                            preventDefault: () => {},\n                          } as React.FormEvent)\n                        }\n                        className=\"text-sm text-primary hover:underline\"\n                        disabled={isSubmitting}\n                      >\n                        {t(\"resendCode\", \"Resend code\")}\n                      </button>\n                    </div>\n                  </form>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n\nexport default VerifyEmailPage;\n"
     },
     {
       "path": "verify-email-page/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/verify-email-page/lang/en.json",
-      "content": "{\r\n  \"title\": \"Verify Email\",\r\n  \"descriptionRequest\": \"Enter your username and we'll send you a verification code.\",\r\n  \"descriptionVerify\": \"Enter the verification code sent to your email.\",\r\n  \"cardTitleRequest\": \"Request Verification Code\",\r\n  \"cardTitleVerify\": \"Enter Verification Code\",\r\n  \"cardDescRequest\": \"Step 1 of 2: Request a verification code\",\r\n  \"cardDescVerify\": \"Step 2 of 2: Enter the code to verify your email\",\r\n  \"username\": \"Username\",\r\n  \"usernamePlaceholder\": \"Enter your username\",\r\n  \"code\": \"Verification Code\",\r\n  \"codePlaceholder\": \"Enter 6-digit code\",\r\n  \"sendCode\": \"Send Verification Code\",\r\n  \"sending\": \"Sending...\",\r\n  \"verifyEmail\": \"Verify Email\",\r\n  \"verifying\": \"Verifying...\",\r\n  \"codeSentTitle\": \"Code Sent!\",\r\n  \"codeSentDesc\": \"A verification code has been sent to your email.\",\r\n  \"verifiedTitle\": \"Email Verified!\",\r\n  \"verifiedDesc\": \"Your email has been successfully verified.\",\r\n  \"errorTitle\": \"Error\",\r\n  \"errorSendGeneric\": \"Failed to send verification code. Please try again.\",\r\n  \"errorVerifyGeneric\": \"Failed to verify email. Please check your code and try again.\",\r\n  \"successTitle\": \"Email Verified!\",\r\n  \"successDescription\": \"Your email has been verified. You can now login to your account.\",\r\n  \"goToLogin\": \"Go to Login\",\r\n  \"codeFor\": \"Verification code for:\",\r\n  \"changeUsername\": \"Change username\",\r\n  \"resendCode\": \"Resend code\",\r\n  \"backToLogin\": \"Back to Login\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"Verify Email\",\n  \"descriptionRequest\": \"Enter your username and we'll send you a verification code.\",\n  \"descriptionVerify\": \"Enter the verification code sent to your email.\",\n  \"cardTitleRequest\": \"Request Verification Code\",\n  \"cardTitleVerify\": \"Enter Verification Code\",\n  \"cardDescRequest\": \"Step 1 of 2: Request a verification code\",\n  \"cardDescVerify\": \"Step 2 of 2: Enter the code to verify your email\",\n  \"username\": \"Username\",\n  \"usernamePlaceholder\": \"Enter your username\",\n  \"code\": \"Verification Code\",\n  \"codePlaceholder\": \"Enter 6-digit code\",\n  \"sendCode\": \"Send Verification Code\",\n  \"sending\": \"Sending...\",\n  \"verifyEmail\": \"Verify Email\",\n  \"verifying\": \"Verifying...\",\n  \"codeSentTitle\": \"Code Sent!\",\n  \"codeSentDesc\": \"A verification code has been sent to your email.\",\n  \"verifiedTitle\": \"Email Verified!\",\n  \"verifiedDesc\": \"Your email has been successfully verified.\",\n  \"errorTitle\": \"Error\",\n  \"errorSendGeneric\": \"Failed to send verification code. Please try again.\",\n  \"errorVerifyGeneric\": \"Failed to verify email. Please check your code and try again.\",\n  \"successTitle\": \"Email Verified!\",\n  \"successDescription\": \"Your email has been verified. You can now login to your account.\",\n  \"goToLogin\": \"Go to Login\",\n  \"codeFor\": \"Verification code for:\",\n  \"changeUsername\": \"Change username\",\n  \"resendCode\": \"Resend code\",\n  \"backToLogin\": \"Back to Login\"\n}\n"
     },
     {
       "path": "verify-email-page/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/verify-email-page/lang/tr.json",
-      "content": "{\r\n  \"title\": \"E-posta Doğrulama\",\r\n  \"descriptionRequest\": \"Kullanıcı adınızı girin, size bir doğrulama kodu göndereceğiz.\",\r\n  \"descriptionVerify\": \"E-postanıza gönderilen doğrulama kodunu girin.\",\r\n  \"cardTitleRequest\": \"Doğrulama Kodu İste\",\r\n  \"cardTitleVerify\": \"Doğrulama Kodunu Gir\",\r\n  \"cardDescRequest\": \"Adım 1/2: Doğrulama kodu isteyin\",\r\n  \"cardDescVerify\": \"Adım 2/2: E-postanızı doğrulamak için kodu girin\",\r\n  \"username\": \"Kullanıcı Adı\",\r\n  \"usernamePlaceholder\": \"Kullanıcı adınızı girin\",\r\n  \"code\": \"Doğrulama Kodu\",\r\n  \"codePlaceholder\": \"6 haneli kodu girin\",\r\n  \"sendCode\": \"Doğrulama Kodu Gönder\",\r\n  \"sending\": \"Gönderiliyor...\",\r\n  \"verifyEmail\": \"E-postayı Doğrula\",\r\n  \"verifying\": \"Doğrulanıyor...\",\r\n  \"codeSentTitle\": \"Kod Gönderildi!\",\r\n  \"codeSentDesc\": \"E-posta adresinize bir doğrulama kodu gönderildi.\",\r\n  \"verifiedTitle\": \"E-posta Doğrulandı!\",\r\n  \"verifiedDesc\": \"E-postanız başarıyla doğrulandı.\",\r\n  \"errorTitle\": \"Hata\",\r\n  \"errorSendGeneric\": \"Doğrulama kodu gönderilemedi. Lütfen tekrar deneyin.\",\r\n  \"errorVerifyGeneric\": \"E-posta doğrulanamadı. Lütfen kodunuzu kontrol edip tekrar deneyin.\",\r\n  \"successTitle\": \"E-posta Doğrulandı!\",\r\n  \"successDescription\": \"E-postanız doğrulandı. Artık hesabınıza giriş yapabilirsiniz.\",\r\n  \"goToLogin\": \"Girişe Git\",\r\n  \"codeFor\": \"Doğrulama kodu:\",\r\n  \"changeUsername\": \"Kullanıcı adını değiştir\",\r\n  \"resendCode\": \"Kodu tekrar gönder\",\r\n  \"backToLogin\": \"Girişe Dön\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"E-posta Doğrulama\",\n  \"descriptionRequest\": \"Kullanıcı adınızı girin, size bir doğrulama kodu göndereceğiz.\",\n  \"descriptionVerify\": \"E-postanıza gönderilen doğrulama kodunu girin.\",\n  \"cardTitleRequest\": \"Doğrulama Kodu İste\",\n  \"cardTitleVerify\": \"Doğrulama Kodunu Gir\",\n  \"cardDescRequest\": \"Adım 1/2: Doğrulama kodu isteyin\",\n  \"cardDescVerify\": \"Adım 2/2: E-postanızı doğrulamak için kodu girin\",\n  \"username\": \"Kullanıcı Adı\",\n  \"usernamePlaceholder\": \"Kullanıcı adınızı girin\",\n  \"code\": \"Doğrulama Kodu\",\n  \"codePlaceholder\": \"6 haneli kodu girin\",\n  \"sendCode\": \"Doğrulama Kodu Gönder\",\n  \"sending\": \"Gönderiliyor...\",\n  \"verifyEmail\": \"E-postayı Doğrula\",\n  \"verifying\": \"Doğrulanıyor...\",\n  \"codeSentTitle\": \"Kod Gönderildi!\",\n  \"codeSentDesc\": \"E-posta adresinize bir doğrulama kodu gönderildi.\",\n  \"verifiedTitle\": \"E-posta Doğrulandı!\",\n  \"verifiedDesc\": \"E-postanız başarıyla doğrulandı.\",\n  \"errorTitle\": \"Hata\",\n  \"errorSendGeneric\": \"Doğrulama kodu gönderilemedi. Lütfen tekrar deneyin.\",\n  \"errorVerifyGeneric\": \"E-posta doğrulanamadı. Lütfen kodunuzu kontrol edip tekrar deneyin.\",\n  \"successTitle\": \"E-posta Doğrulandı!\",\n  \"successDescription\": \"E-postanız doğrulandı. Artık hesabınıza giriş yapabilirsiniz.\",\n  \"goToLogin\": \"Girişe Git\",\n  \"codeFor\": \"Doğrulama kodu:\",\n  \"changeUsername\": \"Kullanıcı adını değiştir\",\n  \"resendCode\": \"Kodu tekrar gönder\",\n  \"backToLogin\": \"Girişe Dön\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/video-hero.json

@@ -12,25 +12,25 @@
       "path": "video-hero/index.ts",
       "type": "registry:index",
       "target": "$modules$/video-hero/index.ts",
-      "content": "export { VideoHero } from \"./video-hero\";\r\n"
+      "content": "export { VideoHero } from \"./video-hero\";\n"
     },
     {
       "path": "video-hero/video-hero.tsx",
       "type": "registry:block",
       "target": "$modules$/video-hero/video-hero.tsx",
-      "content": "import { Link } from \"react-router\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Play, ArrowRight } from \"lucide-react\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { FadeIn } from \"@/modules/animations\";\r\n\r\ninterface VideoHeroProps {\r\n  videoSrc?: string;\r\n  posterSrc?: string;\r\n  className?: string;\r\n}\r\n\r\nexport function VideoHero({\r\n  videoSrc = \"https://assets.mixkit.co/videos/preview/mixkit-clouds-and-blue-sky-2408-large.mp4\",\r\n  posterSrc = \"/images/placeholder.png\",\r\n  className,\r\n}: VideoHeroProps) {\r\n  const { t } = useTranslation(\"video-hero\");\r\n\r\n  return (\r\n    <section className={cn(\"relative min-h-[600px] md:min-h-[700px] lg:min-h-screen flex items-center overflow-hidden\", className)}>\r\n      {/* Video Background */}\r\n      <div className=\"absolute inset-0 z-0\">\r\n        <video\r\n          autoPlay\r\n          muted\r\n          loop\r\n          playsInline\r\n          poster={posterSrc}\r\n          className=\"w-full h-full object-cover\"\r\n        >\r\n          <source src={videoSrc} type=\"video/mp4\" />\r\n        </video>\r\n        {/* Overlay */}\r\n        <div className=\"absolute inset-0 bg-gradient-to-r from-background/95 via-background/80 to-background/60\" />\r\n        <div className=\"absolute inset-0 bg-gradient-to-t from-background via-transparent to-transparent\" />\r\n      </div>\r\n\r\n      {/* Content */}\r\n      <div className=\"relative z-10 w-full max-w-[var(--container-max-width)] mx-auto px-4 py-20\">\r\n        <div className=\"max-w-2xl\">\r\n          <FadeIn>\r\n            <span className=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 border border-primary/20 text-primary text-sm font-medium mb-6\">\r\n              <Play className=\"h-4 w-4\" />\r\n              {t(\"badge\", \"Watch the Story\")}\r\n            </span>\r\n          </FadeIn>\r\n\r\n          <FadeIn delay={0.1}>\r\n            <h1 className=\"text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground mb-6 leading-tight\">\r\n              {t(\"heading\", \"Experience the Future of Innovation\")}\r\n            </h1>\r\n          </FadeIn>\r\n\r\n          <FadeIn delay={0.2}>\r\n            <p className=\"text-lg md:text-xl text-muted-foreground mb-8 max-w-xl\">\r\n              {t(\"description\", \"Discover how our cutting-edge solutions are transforming industries and creating new possibilities for businesses worldwide.\")}\r\n            </p>\r\n          </FadeIn>\r\n\r\n          <FadeIn delay={0.3}>\r\n            <div className=\"flex flex-col sm:flex-row gap-4\">\r\n              <Button asChild size=\"lg\" className=\"text-base\">\r\n                <Link to=\"/register\">\r\n                  {t(\"primaryCta\", \"Get Started\")}\r\n                  <ArrowRight className=\"ml-2 h-5 w-5\" />\r\n                </Link>\r\n              </Button>\r\n              <Button asChild variant=\"outline\" size=\"lg\" className=\"text-base bg-background/50 backdrop-blur-sm\">\r\n                <Link to=\"/about\">\r\n                  {t(\"secondaryCta\", \"Learn More\")}\r\n                </Link>\r\n              </Button>\r\n            </div>\r\n          </FadeIn>\r\n\r\n          {/* Stats */}\r\n          <FadeIn delay={0.4}>\r\n            <div className=\"flex flex-wrap gap-8 mt-12 pt-8 border-t border-border/50\">\r\n              <div>\r\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">10K+</div>\r\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat1\", \"Active Users\")}</div>\r\n              </div>\r\n              <div>\r\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">98%</div>\r\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat2\", \"Satisfaction\")}</div>\r\n              </div>\r\n              <div>\r\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">24/7</div>\r\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat3\", \"Support\")}</div>\r\n              </div>\r\n            </div>\r\n          </FadeIn>\r\n        </div>\r\n      </div>\r\n\r\n    </section>\r\n  );\r\n}\r\n"
+      "content": "import { Link } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { Play, ArrowRight } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport { FadeIn } from \"@/modules/animations\";\n\ninterface VideoHeroProps {\n  videoSrc?: string;\n  posterSrc?: string;\n  className?: string;\n}\n\nexport function VideoHero({\n  videoSrc = \"https://assets.mixkit.co/videos/preview/mixkit-clouds-and-blue-sky-2408-large.mp4\",\n  posterSrc = \"/images/placeholder.png\",\n  className,\n}: VideoHeroProps) {\n  const { t } = useTranslation(\"video-hero\");\n\n  return (\n    <section className={cn(\"relative min-h-[600px] md:min-h-[700px] lg:min-h-screen flex items-center overflow-hidden\", className)}>\n      {/* Video Background */}\n      <div className=\"absolute inset-0 z-0\">\n        <video\n          autoPlay\n          muted\n          loop\n          playsInline\n          poster={posterSrc}\n          className=\"w-full h-full object-cover\"\n        >\n          <source src={videoSrc} type=\"video/mp4\" />\n        </video>\n        {/* Overlay */}\n        <div className=\"absolute inset-0 bg-gradient-to-r from-background/95 via-background/80 to-background/60\" />\n        <div className=\"absolute inset-0 bg-gradient-to-t from-background via-transparent to-transparent\" />\n      </div>\n\n      {/* Content */}\n      <div className=\"relative z-10 w-full max-w-[var(--container-max-width)] mx-auto px-4 py-20\">\n        <div className=\"max-w-2xl\">\n          <FadeIn>\n            <span className=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 border border-primary/20 text-primary text-sm font-medium mb-6\">\n              <Play className=\"h-4 w-4\" />\n              {t(\"badge\", \"Watch the Story\")}\n            </span>\n          </FadeIn>\n\n          <FadeIn delay={0.1}>\n            <h1 className=\"text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground mb-6 leading-tight\">\n              {t(\"heading\", \"Experience the Future of Innovation\")}\n            </h1>\n          </FadeIn>\n\n          <FadeIn delay={0.2}>\n            <p className=\"text-lg md:text-xl text-muted-foreground mb-8 max-w-xl\">\n              {t(\"description\", \"Discover how our cutting-edge solutions are transforming industries and creating new possibilities for businesses worldwide.\")}\n            </p>\n          </FadeIn>\n\n          <FadeIn delay={0.3}>\n            <div className=\"flex flex-col sm:flex-row gap-4\">\n              <Button asChild size=\"lg\" className=\"text-base\">\n                <Link to=\"/register\">\n                  {t(\"primaryCta\", \"Get Started\")}\n                  <ArrowRight className=\"ml-2 h-5 w-5\" />\n                </Link>\n              </Button>\n              <Button asChild variant=\"outline\" size=\"lg\" className=\"text-base bg-background/50 backdrop-blur-sm\">\n                <Link to=\"/about\">\n                  {t(\"secondaryCta\", \"Learn More\")}\n                </Link>\n              </Button>\n            </div>\n          </FadeIn>\n\n          {/* Stats */}\n          <FadeIn delay={0.4}>\n            <div className=\"flex flex-wrap gap-8 mt-12 pt-8 border-t border-border/50\">\n              <div>\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">10K+</div>\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat1\", \"Active Users\")}</div>\n              </div>\n              <div>\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">98%</div>\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat2\", \"Satisfaction\")}</div>\n              </div>\n              <div>\n                <div className=\"text-3xl md:text-4xl font-bold text-foreground\">24/7</div>\n                <div className=\"text-sm text-muted-foreground\">{t(\"stat3\", \"Support\")}</div>\n              </div>\n            </div>\n          </FadeIn>\n        </div>\n      </div>\n\n    </section>\n  );\n}\n"
     },
     {
       "path": "video-hero/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/video-hero/lang/en.json",
-      "content": "{\r\n  \"badge\": \"Watch the Story\",\r\n  \"heading\": \"Your Headline Here\",\r\n  \"description\": \"This text appears over your video background. It should be concise yet compelling, clearly stating your value proposition. Use Promake to craft a message that works well with your video content.\",\r\n  \"primaryCta\": \"Get Started\",\r\n  \"secondaryCta\": \"Learn More\",\r\n  \"stat1\": \"Active Users\",\r\n  \"stat2\": \"Satisfaction\",\r\n  \"stat3\": \"Support\"\r\n}\r\n"
+      "content": "{\n  \"badge\": \"Watch the Story\",\n  \"heading\": \"Your Headline Here\",\n  \"description\": \"This text appears over your video background. It should be concise yet compelling, clearly stating your value proposition. Use Promake to craft a message that works well with your video content.\",\n  \"primaryCta\": \"Get Started\",\n  \"secondaryCta\": \"Learn More\",\n  \"stat1\": \"Active Users\",\n  \"stat2\": \"Satisfaction\",\n  \"stat3\": \"Support\"\n}\n"
     },
     {
       "path": "video-hero/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/video-hero/lang/tr.json",
-      "content": "{\r\n  \"badge\": \"Hikayeyi İzle\",\r\n  \"heading\": \"İnovasyonun Geleceğini Deneyimleyin\",\r\n  \"description\": \"Bu metin video arka planınızın üzerinde görünür. Kısa ama etkili olmalı, değer önerinizi net bir şekilde belirtmelidir. Promake ile video içeriğinizle uyumlu bir mesaj oluşturun.\",\r\n  \"primaryCta\": \"Başlayın\",\r\n  \"secondaryCta\": \"Daha Fazla Bilgi\",\r\n  \"stat1\": \"Aktif Kullanıcı\",\r\n  \"stat2\": \"Memnuniyet\",\r\n  \"stat3\": \"Destek\"\r\n}\r\n"
+      "content": "{\n  \"badge\": \"Hikayeyi İzle\",\n  \"heading\": \"İnovasyonun Geleceğini Deneyimleyin\",\n  \"description\": \"Bu metin video arka planınızın üzerinde görünür. Kısa ama etkili olmalı, değer önerinizi net bir şekilde belirtmelidir. Promake ile video içeriğinizle uyumlu bir mesaj oluşturun.\",\n  \"primaryCta\": \"Başlayın\",\n  \"secondaryCta\": \"Daha Fazla Bilgi\",\n  \"stat1\": \"Aktif Kullanıcı\",\n  \"stat2\": \"Memnuniyet\",\n  \"stat3\": \"Destek\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/youtube-embed.json

@@ -10,25 +10,25 @@
       "path": "youtube-embed/index.ts",
       "type": "registry:index",
       "target": "$modules$/youtube-embed/index.ts",
-      "content": "export * from './youtube-embed';\r\n"
+      "content": "export * from './youtube-embed';\n"
     },
     {
       "path": "youtube-embed/youtube-embed.tsx",
       "type": "registry:component",
       "target": "$modules$/youtube-embed/youtube-embed.tsx",
-      "content": "import { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Play } from \"lucide-react\";\r\n\r\ninterface YouTubeEmbedProps {\r\n  videoId: string;\r\n  title?: string;\r\n  autoplay?: boolean;\r\n  mute?: boolean;\r\n  loop?: boolean;\r\n  controls?: boolean;\r\n  start?: number;\r\n  aspectRatio?: \"16/9\" | \"4/3\" | \"1/1\";\r\n  className?: string;\r\n}\r\n\r\nexport function YouTubeEmbed({\r\n  videoId,\r\n  title,\r\n  autoplay = false,\r\n  mute = false,\r\n  loop = false,\r\n  controls = true,\r\n  start,\r\n  aspectRatio = \"16/9\",\r\n  className,\r\n}: YouTubeEmbedProps) {\r\n  const { t } = useTranslation(\"youtube-embed\");\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [hasError, setHasError] = useState(false);\r\n\r\n  // Validate videoId\r\n  const isValidVideoId = /^[a-zA-Z0-9_-]{11}$/.test(videoId);\r\n\r\n  // Build embed URL with parameters\r\n  const buildEmbedUrl = () => {\r\n    const params = new URLSearchParams();\r\n\r\n    if (autoplay) params.set(\"autoplay\", \"1\");\r\n    if (mute) params.set(\"mute\", \"1\");\r\n    if (loop) {\r\n      params.set(\"loop\", \"1\");\r\n      params.set(\"playlist\", videoId);\r\n    }\r\n    if (!controls) params.set(\"controls\", \"0\");\r\n    if (start) params.set(\"start\", start.toString());\r\n\r\n    params.set(\"rel\", \"0\");\r\n\r\n    const queryString = params.toString();\r\n    return `https://www.youtube.com/embed/${videoId}${queryString ? `?${queryString}` : \"\"}`;\r\n  };\r\n\r\n  const handleLoad = () => {\r\n    setIsLoading(false);\r\n  };\r\n\r\n  const handleError = () => {\r\n    setIsLoading(false);\r\n    setHasError(true);\r\n  };\r\n\r\n  // Invalid videoId\r\n  if (!isValidVideoId) {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\r\n          className\r\n        )}\r\n        style={{ aspectRatio }}\r\n      >\r\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {t(\"invalidId\", \"Invalid video ID\")}\r\n        </p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Error state\r\n  if (hasError) {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\r\n          className\r\n        )}\r\n        style={{ aspectRatio }}\r\n      >\r\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {t(\"error\", \"Failed to load video\")}\r\n        </p>\r\n        <a\r\n          href={`https://www.youtube.com/watch?v=${videoId}`}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className=\"text-sm text-primary hover:underline mt-2\"\r\n        >\r\n          {t(\"watchOnYouTube\", \"Watch on YouTube\")}\r\n        </a>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"relative rounded-lg overflow-hidden\", className)}\r\n      style={{ aspectRatio }}\r\n    >\r\n      {isLoading && (\r\n        <div className=\"absolute inset-0 flex items-center justify-center bg-muted\">\r\n          <div className=\"flex flex-col items-center gap-3\">\r\n            <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\r\n            <span className=\"text-sm text-muted-foreground\">\r\n              {t(\"loading\", \"Loading video...\")}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      )}\r\n      <iframe\r\n        src={buildEmbedUrl()}\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        style={{ border: 0 }}\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowFullScreen\r\n        loading=\"lazy\"\r\n        title={title || t(\"defaultTitle\", \"YouTube video player\")}\r\n        onLoad={handleLoad}\r\n        onError={handleError}\r\n        className={cn(\"absolute inset-0\", isLoading && \"invisible\")}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"
+      "content": "import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"@/lib/utils\";\nimport { Play } from \"lucide-react\";\n\ninterface YouTubeEmbedProps {\n  videoId: string;\n  title?: string;\n  autoplay?: boolean;\n  mute?: boolean;\n  loop?: boolean;\n  controls?: boolean;\n  start?: number;\n  aspectRatio?: \"16/9\" | \"4/3\" | \"1/1\";\n  className?: string;\n}\n\nexport function YouTubeEmbed({\n  videoId,\n  title,\n  autoplay = false,\n  mute = false,\n  loop = false,\n  controls = true,\n  start,\n  aspectRatio = \"16/9\",\n  className,\n}: YouTubeEmbedProps) {\n  const { t } = useTranslation(\"youtube-embed\");\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  // Validate videoId\n  const isValidVideoId = /^[a-zA-Z0-9_-]{11}$/.test(videoId);\n\n  // Build embed URL with parameters\n  const buildEmbedUrl = () => {\n    const params = new URLSearchParams();\n\n    if (autoplay) params.set(\"autoplay\", \"1\");\n    if (mute) params.set(\"mute\", \"1\");\n    if (loop) {\n      params.set(\"loop\", \"1\");\n      params.set(\"playlist\", videoId);\n    }\n    if (!controls) params.set(\"controls\", \"0\");\n    if (start) params.set(\"start\", start.toString());\n\n    params.set(\"rel\", \"0\");\n\n    const queryString = params.toString();\n    return `https://www.youtube.com/embed/${videoId}${queryString ? `?${queryString}` : \"\"}`;\n  };\n\n  const handleLoad = () => {\n    setIsLoading(false);\n  };\n\n  const handleError = () => {\n    setIsLoading(false);\n    setHasError(true);\n  };\n\n  // Invalid videoId\n  if (!isValidVideoId) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\n          className\n        )}\n        style={{ aspectRatio }}\n      >\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\n        <p className=\"text-sm text-muted-foreground\">\n          {t(\"invalidId\", \"Invalid video ID\")}\n        </p>\n      </div>\n    );\n  }\n\n  // Error state\n  if (hasError) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\n          className\n        )}\n        style={{ aspectRatio }}\n      >\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\n        <p className=\"text-sm text-muted-foreground\">\n          {t(\"error\", \"Failed to load video\")}\n        </p>\n        <a\n          href={`https://www.youtube.com/watch?v=${videoId}`}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-sm text-primary hover:underline mt-2\"\n        >\n          {t(\"watchOnYouTube\", \"Watch on YouTube\")}\n        </a>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"relative rounded-lg overflow-hidden\", className)}\n      style={{ aspectRatio }}\n    >\n      {isLoading && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-muted\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n            <span className=\"text-sm text-muted-foreground\">\n              {t(\"loading\", \"Loading video...\")}\n            </span>\n          </div>\n        </div>\n      )}\n      <iframe\n        src={buildEmbedUrl()}\n        width=\"100%\"\n        height=\"100%\"\n        style={{ border: 0 }}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n        allowFullScreen\n        loading=\"lazy\"\n        title={title || t(\"defaultTitle\", \"YouTube video player\")}\n        onLoad={handleLoad}\n        onError={handleError}\n        className={cn(\"absolute inset-0\", isLoading && \"invisible\")}\n      />\n    </div>\n  );\n}\n"
     },
     {
       "path": "youtube-embed/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/youtube-embed/lang/en.json",
-      "content": "{\r\n  \"loading\": \"Loading video...\",\r\n  \"error\": \"Failed to load video\",\r\n  \"invalidId\": \"Invalid video ID\",\r\n  \"watchOnYouTube\": \"Watch on YouTube\",\r\n  \"defaultTitle\": \"YouTube video player\"\r\n}\r\n"
+      "content": "{\n  \"loading\": \"Loading video...\",\n  \"error\": \"Failed to load video\",\n  \"invalidId\": \"Invalid video ID\",\n  \"watchOnYouTube\": \"Watch on YouTube\",\n  \"defaultTitle\": \"YouTube video player\"\n}\n"
     },
     {
       "path": "youtube-embed/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/youtube-embed/lang/tr.json",
-      "content": "{\r\n  \"loading\": \"Video yükleniyor...\",\r\n  \"error\": \"Video yüklenemedi\",\r\n  \"invalidId\": \"Geçersiz video ID\",\r\n  \"watchOnYouTube\": \"YouTube'da izle\",\r\n  \"defaultTitle\": \"YouTube video oynatıcı\"\r\n}\r\n"
+      "content": "{\n  \"loading\": \"Video yükleniyor...\",\n  \"error\": \"Video yüklenemedi\",\n  \"invalidId\": \"Geçersiz video ID\",\n  \"watchOnYouTube\": \"YouTube'da izle\",\n  \"defaultTitle\": \"YouTube video oynatıcı\"\n}\n"
     }
   ],
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/cli",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "type": "module",
   "bin": {
     "promake": "dist/index.js"

package/template/.env

@@ -1,6 +1,6 @@
-VITE_TENANT_UUID=""
-VITE_MAIL_SERVICE_URL="https://mail.promake.ai/api/v1/send-mail"
-VITE_TENANT_MAIL=""
-VITE_ONLINE_PAYMENT_METHODS="stripe,iyzico"
-VITE_AVAILABLE_PAYMENT_METHODS="card,transfer,cash"
+VITE_TENANT_UUID=""
+VITE_MAIL_SERVICE_URL="https://mail.promake.ai/api/v1/send-mail"
+VITE_TENANT_MAIL=""
+VITE_ONLINE_PAYMENT_METHODS="stripe,iyzico"
+VITE_AVAILABLE_PAYMENT_METHODS="card,transfer,cash"
 VITE_PROMAKE_ENV="testb"

package/template/README.md

@@ -1,54 +1,54 @@
-# Promake React Template
-
-This template is the runtime target for `@promakeai/cli`. It includes a
-multi-language, schema-driven database setup powered by `@promakeai/dbreact`.
-
-## What You Get
-
-- Vite + React + TypeScript
-- Module-based architecture (`src/modules`)
-- Built-in DB layer via `@/db` (dbreact hooks + schema)
-- Multi-language content with translation fallback
-
-## Database Layout
-
-- Schema: `src/db/schema.json`
-- Types: `src/db/types.ts`
-- Provider: `src/db/provider.tsx`
-- DB file: `public/data/database.db`
-
-The app wraps your UI with `AppDbProvider` in `src/App.tsx` and syncs DB language
-with i18n.
-
-## Regenerate Database
-
-```bash
-# From schema.json
-dbcli generate --schema ./src/db/schema.json \
-  --database ./public/data/database.db \
-  --output ./src/db
-```
-
-Or run the helper:
-
-```bash
-bun run init-db
-```
-
-## Using the DB in Modules
-
-```tsx
-import { useDbList } from "@/db";
-import type { DbProduct } from "@/db";
-
-const { data: products } = useDbList<DbProduct>("products", {
-  where: { price: { $gt: 50 } },
-  limit: 12,
-});
-```
-
-## Language Behavior
-
-- `defaultLanguage` is defined in `schema.json`.
-- `DbProvider` uses `lang` + `fallbackLang` for translation resolution.
-- Changing i18n language triggers refetch of db queries.
+# Promake React Template
+
+This template is the runtime target for `@promakeai/cli`. It includes a
+multi-language, schema-driven database setup powered by `@promakeai/dbreact`.
+
+## What You Get
+
+- Vite + React + TypeScript
+- Module-based architecture (`src/modules`)
+- Built-in DB layer via `@/db` (dbreact hooks + schema)
+- Multi-language content with translation fallback
+
+## Database Layout
+
+- Schema: `src/db/schema.json`
+- Types: `src/db/types.ts`
+- Provider: `src/db/provider.tsx`
+- DB file: `public/data/database.db`
+
+The app wraps your UI with `AppDbProvider` in `src/App.tsx` and syncs DB language
+with i18n.
+
+## Regenerate Database
+
+```bash
+# From schema.json
+dbcli generate --schema ./src/db/schema.json \
+  --database ./public/data/database.db \
+  --output ./src/db
+```
+
+Or run the helper:
+
+```bash
+bun run init-db
+```
+
+## Using the DB in Modules
+
+```tsx
+import { useDbList } from "@/db";
+import type { DbProduct } from "@/db";
+
+const { data: products } = useDbList<DbProduct>("products", {
+  where: { price: { $gt: 50 } },
+  limit: 12,
+});
+```
+
+## Language Behavior
+
+- `defaultLanguage` is defined in `schema.json`.
+- `DbProvider` uses `lang` + `fallbackLang` for translation resolution.
+- Changing i18n language triggers refetch of db queries.

package/template/eslint.config.js

@@ -1,41 +1,41 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
-import { defineConfig, globalIgnores } from 'eslint/config';
-import eslintConfigPrettier from 'eslint-config-prettier/flat';
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-      eslintConfigPrettier,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    rules: {
-      '@typescript-eslint/consistent-type-imports': ['warn', {
-        prefer: 'type-imports',
-        fixStyle: 'inline-type-imports',
-      }],
-      '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      '@typescript-eslint/no-unused-expressions': 'off',
-      'react-refresh/only-export-components': 'off',
-      'react-hooks/purity': 'off',
-      'react-hooks/exhaustive-deps': 'off',
-      'react-hooks/set-state-in-effect': 'off',
-      'no-unused-vars': 'off',
-      'prefer-const': 'warn',
-      '@typescript-eslint/no-empty-object-type': 'off',
-    },
-  },
-]);
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import eslintConfigPrettier from 'eslint-config-prettier/flat';
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+      eslintConfigPrettier,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    rules: {
+      '@typescript-eslint/consistent-type-imports': ['warn', {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+      }],
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off',
+      'react-refresh/only-export-components': 'off',
+      'react-hooks/purity': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'react-hooks/set-state-in-effect': 'off',
+      'no-unused-vars': 'off',
+      'prefer-const': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'off',
+    },
+  },
+]);