Merge pull request #102 from afsar-dev/dev

Dev

Author: afsar-dev

package.json

@@ -44,6 +44,7 @@
     "react-hot-toast": "^2.5.2",
     "react-icons": "^5.4.0",
     "react-intersection-observer": "^9.16.0",
+    "react-lottie": "^1.2.10",
     "react-syntax-highlighter": "^15.6.1",
     "react-toggle-dark-mode": "^1.1.1",
     "remark-gfm": "^4.0.1",
@@ -67,12 +68,12 @@
     "@types/nprogress": "^0.2.3",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/react-lottie": "^1.2.10",
     "@types/react-syntax-highlighter": "^15.5.13",
     "eslint": "^9",
     "eslint-config-next": "15.1.7",
     "postcss": "^8",
     "raw-loader": "^4.0.2",
     "tailwindcss": "^3.4.1"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }

public/r/copy-button.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "copy-button",
+  "type": "registry:component",
+  "dependencies": [
+    "lucide-react",
+    "lottie-react"
+  ],
+  "devDependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "./src/components/nurui/copy-button-demo.tsx",
+      "content": "import React from \"react\";\nimport CopyButton from \"@/components/nurui/copy-button\";\n\nconst CopyButtonDemo = () => {\n  return (\n    <div className=\"flex items-center justify-center min-h-[20rem]\">\n      <CopyButton\n        text=\"example@gmail.com\"\n        defaultLabel=\"Copy email address\"\n        successLabel=\"Copied!\"\n      />\n    </div>\n  );\n};\n\nexport default CopyButtonDemo;\n",
+      "type": "registry:component"
+    },
+    {
+      "path": "./src/components/nurui/copy-button.tsx",
+      "content": "\"use client\";\n\nimport { Copy } from \"lucide-react\";\nimport React, { useState } from \"react\";\nimport Lottie from \"lottie-react\";\nimport animationData from \"./data/confetti.json\";\n\ninterface CopyButtonProps {\n  text: string; // the text/email to copy\n  defaultLabel?: string; // label before copying\n  successLabel?: string; // label after copying\n}\n\nconst CopyButton: React.FC<CopyButtonProps> = ({\n  text,\n  defaultLabel = \"Copy my email address\",\n  successLabel = \"Email is Copied!\",\n}) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000); // reset after 2s\n  };\n\n  return (\n    <button\n      onClick={handleCopy}\n      className=\"relative mt-5 bg-fuchsia-950 px-4 py-2 rounded-lg font-bold flex gap-2 items-center text-white transition-colors\"\n      style={{ minWidth: \"220px\" }} // ✅ lock button width (tweak px if needed)\n    >\n      <Copy className=\"w-5 h-5\" />\n\n      {/* keep label width stable by wrapping */}\n      <span className=\"whitespace-nowrap text-center flex-1\">\n        {copied ? successLabel : defaultLabel}\n      </span>\n\n      {copied && (\n        <div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n          <Lottie\n            animationData={animationData}\n            loop={false}\n            autoplay={true}\n            style={{ width: 200, height: 200 }}\n          />\n        </div>\n      )}\n    </button>\n  );\n};\n\nexport default CopyButton;\n",
+      "type": "registry:component"
+    }
+  ]
+}

public/r/play-button.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "play-button",
+  "type": "registry:component",
+  "dependencies": [
+    "react-icons"
+  ],
+  "devDependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "./src/components/nurui/play-button-demo.tsx",
+      "content": "import React from \"react\";\nimport PlayButton from \"@/components/nurui/play-button\";\n\nconst PlayButtonDemo = () => {\n  return (\n    <div className=\"flex items-center justify-center min-h-[30rem]\">\n      <PlayButton text=\"Play Now\" />\n    </div>\n  );\n};\n\nexport default PlayButtonDemo;\n",
+      "type": "registry:component"
+    },
+    {
+      "path": "./src/components/nurui/play-button.tsx",
+      "content": "import React from 'react';\nimport { FaPlay } from 'react-icons/fa';\n\nconst PlayButton = ({ text }: { text: string }) => {\n  return (\n    <button className=\"relative group text-white transition-all flex items-center justify-center whitespace-nowrap rounded-lg hover:rotate-[3deg] will-change-transform duration-300 shadow-lg hover:shadow-xl h-14 text-lg pl-[5rem] pr-6 bg-fuchsia-950 shadow-fuchsia-950/30 hover:shadow-fuchsia-950/30\">\n      <div className=\"absolute left-0 top-0 mt-1 ml-1 bg-white text-fuchsia-950 p-[0.35rem] bottom-1 group-hover:w-[calc(100%-0.5rem)] transition-all rounded-md duration-300 h-12 w-12 flex items-center justify-center\">\n        <FaPlay className=\"h-6 w-6\" />\n      </div>\n      <div>{text}</div>\n    </button>\n  );\n};\n\nexport default PlayButton;\n",
+      "type": "registry:component"
+    }
+  ]
+}