[ { "path": ".eslintrc.json", "content": "{\n \"extends\": \"next/core-web-vitals\"\n}\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# local env files\n.env*.local\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n" }, { "path": "README.md", "content": "This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n" }, { "path": "components.json", "content": "{\n \"$schema\": \"https://ui.shadcn.com/schema.json\",\n \"style\": \"default\",\n \"rsc\": true,\n \"tsx\": true,\n \"tailwind\": {\n \"config\": \"tailwind.config.ts\",\n \"css\": \"src/app/globals.css\",\n \"baseColor\": \"gray\",\n \"cssVariables\": true\n },\n \"aliases\": {\n \"components\": \"@/components\",\n \"utils\": \"@/lib/utils\"\n }\n}" }, { "path": "emails/index.tsx", "content": "import {\n\tBody,\n\tContainer,\n\tHead,\n\tHeading,\n\tHr,\n\tHtml,\n\tImg,\n\tLink,\n\tPreview,\n\tSection,\n\tText,\n} from \"@react-email/components\";\nimport * as React from \"react\";\n\ninterface SupaAuthVerifyEmailProp {\n\tverificationCode?: string;\n}\n\nexport default function SupaAuthVerifyEmail({\n\tverificationCode = \"596853\",\n}: SupaAuthVerifyEmailProp) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\tSupauth Email Verification\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tSupaAuth Verify your email address\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\"Thanks for starting the new account creation process. We want to make sure it's really you. Please enter the following verification code when prompted. If you don't want to create an account, you can ignore this message.\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tVerification code\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{verificationCode}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t(This code is valid for 1 hour)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nconst main = {\n\tbackgroundColor: \"#fff\",\n\tcolor: \"#212121\",\n};\n\nconst container = {\n\tpadding: \"20px\",\n\tmargin: \"0 auto\",\n\tbackgroundColor: \"#eee\",\n};\n\nconst h1 = {\n\tcolor: \"#333\",\n\tfontFamily:\n\t\t\"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n\tfontSize: \"20px\",\n\tfontWeight: \"bold\",\n\tmarginBottom: \"15px\",\n};\n\nconst link = {\n\tcolor: \"#2754C5\",\n\tfontFamily:\n\t\t\"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n\tfontSize: \"14px\",\n\ttextDecoration: \"underline\",\n};\n\nconst text = {\n\tcolor: \"#333\",\n\tfontFamily:\n\t\t\"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n\tfontSize: \"14px\",\n\tmargin: \"24px 0\",\n};\n\nconst imageSection = {\n\tbackgroundColor: \"#252f3d\",\n\tdisplay: \"flex\",\n\tpadding: \"20px 0\",\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n};\n\nconst coverSection = { backgroundColor: \"#fff\" };\n\nconst upperSection = { padding: \"25px 35px\" };\n\nconst lowerSection = { padding: \"25px 35px\" };\n\nconst footerText = {\n\t...text,\n\tfontSize: \"12px\",\n\tpadding: \"0 20px\",\n};\n\nconst verifyText = {\n\t...text,\n\tmargin: 0,\n\tfontWeight: \"bold\",\n\ttextAlign: \"center\" as const,\n};\n\nconst codeText = {\n\t...text,\n\tfontWeight: \"bold\",\n\tfontSize: \"36px\",\n\tmargin: \"10px 0\",\n\ttextAlign: \"center\" as const,\n};\n\nconst validityText = {\n\t...text,\n\tmargin: \"0px\",\n\ttextAlign: \"center\" as const,\n};\n\nconst verificationSection = {\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n};\n\nconst mainText = { ...text, marginBottom: \"14px\" };\n" }, { "path": "middleware.ts", "content": "import { updateSession } from \"@/lib/supabase/supabaseMiddleware\";\nimport { type NextRequest } from \"next/server\";\n\nexport async function middleware(request: NextRequest) {\n\treturn await updateSession(request);\n}\n\nexport const config = {\n\tmatcher: [\n\t\t/*\n\t\t * Match all request paths except for the ones starting with:\n\t\t * - _next/static (static files)\n\t\t * - _next/image (image optimization files)\n\t\t * - favicon.ico (favicon file)\n\t\t * Feel free to modify this pattern to include more paths.\n\t\t */\n\t\t\"/((?!_next/static|_next/image|favicon.ico|.*\\\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)\",\n\t],\n};\n" }, { "path": "next.config.mjs", "content": "/** @type {import('next').NextConfig} */\nconst nextConfig = {\n \n};\n\nexport default nextConfig;" }, { "path": "package.json", "content": "{\n \"name\": \"client\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\"\n },\n \"dependencies\": {\n \"@dnd-kit/core\": \"^6.0.8\",\n \"@dnd-kit/modifiers\": \"^6.0.1\",\n \"@dnd-kit/sortable\": \"^7.0.2\",\n \"@dnd-kit/utilities\": \"^3.2.1\",\n \"@hookform/resolvers\": \"^3.9.0\",\n \"@iconify/react\": \"^4.1.1\",\n \"@radix-ui/react-alert-dialog\": \"^1.1.1\",\n \"@radix-ui/react-avatar\": \"^1.0.4\",\n \"@radix-ui/react-dialog\": \"^1.0.5\",\n \"@radix-ui/react-dropdown-menu\": \"^2.1.1\",\n \"@radix-ui/react-label\": \"^2.1.0\",\n \"@radix-ui/react-select\": \"^2.0.0\",\n \"@radix-ui/react-slot\": \"^1.1.0\",\n \"@react-email/components\": \"0.0.22\",\n \"@supabase/ssr\": \"^0.4.0\",\n \"@supabase/supabase-js\": \"^2.45.1\",\n \"@types/node\": \"20.6.0\",\n \"@types/react\": \"18.2.21\",\n \"@types/react-dom\": \"18.2.7\",\n \"@vercel/og\": \"^0.5.17\",\n \"autoprefixer\": \"10.4.15\",\n \"canvas-confetti\": \"^1.9.3\",\n \"class-variance-authority\": \"^0.7.0\",\n \"clsx\": \"^2.0.0\",\n \"encoding\": \"^0.1.13\",\n \"eslint\": \"8.49.0\",\n \"eslint-config-next\": \"13.4.19\",\n \"firebase\": \"^10.4.0\",\n \"framer-motion\": \"^11.2.13\",\n \"input-otp\": \"^1.2.4\",\n \"js-base64\": \"^3.7.5\",\n \"lucide-react\": \"^0.276.0\",\n \"next\": \"^14.1.4\",\n \"next-auth\": \"^5.0.0-beta.20\",\n \"postcss\": \"8.4.29\",\n \"react\": \"18.2.0\",\n \"react-dom\": \"18.2.0\",\n \"react-email\": \"2.1.6\",\n \"react-hook-form\": \"^7.52.2\",\n \"react-icons\": \"^4.12.0\",\n \"resend\": \"^3.5.0\",\n \"sonner\": \"^1.5.0\",\n \"tailwind-merge\": \"^1.14.0\",\n \"tailwindcss\": \"3.3.3\",\n \"tailwindcss-animate\": \"^1.0.7\",\n \"typescript\": \"5.2.2\",\n \"vaul\": \"^0.7.1\",\n \"zod\": \"^3.23.8\"\n },\n \"devDependencies\": {\n \"@types/canvas-confetti\": \"^1.6.4\"\n }\n}\n" }, { "path": "postcss.config.js", "content": "module.exports = {\n plugins: {\n tailwindcss: {},\n autoprefixer: {},\n },\n}\n" }, { "path": "src/app/1/[slug]/page.tsx", "content": "import { decodeData } from \"@/lib/utils\";\nimport { BACKGROUND_OPTIONS } from \"@/components/Background/BgSnippets\";\nimport DisplayScreen from \"@/components/screen/DisplayScreen\";\nimport { supabaseServer } from \"@/lib/supabase/supabaseServer\";\nimport NotFound from \"@/app/Not-found\";\nimport DataLoading from \"../loading\";\ntype Props = {\n params: {\n slug: string;\n };\n};\nexport async function generateMetadata({ params }: Props) {\n const path = await supabaseServer()\n .from(\"links\")\n .select(\"*\")\n .eq(\"path\", params.slug);\n if (path.data?.length === 0) return NotFound();\n\n const data = decodeData(path?.data?.[0].link);\n if (!data) {\n return {};\n }\n\n return {\n title: `${data.n}'s`,\n description: `Find all of ${data.n}'s links in one place.`,\n openGraph: {\n type: \"website\",\n locale: \"en_US\",\n url: \"https://itZmyLink.vercel.app\",\n title: `${data.n}'s - itZmyLink`,\n description: `Find all of ${data.n}'s links in one place.`,\n images: `https://itZmyLink.vercel.app/api/og?data=${encodeURI(data.n)}`,\n siteName: `${data.n}'s - itZmyLink`,\n },\n twitter: {\n card: \"summary_large_image\",\n title: `${data.n} - itZmyLink`,\n description: `Find all of ${data.n}'s links in one place.`,\n images: `https://itZmyLink.vercel.app/api/og?data=${encodeURI(data.n)}`,\n creator: \"@Taquiimam14\",\n },\n };\n}\n\nconst linkLandingPage: React.FC = async ({ params }) => {\n const path = await supabaseServer()\n .from(\"links\")\n .select(\"*\")\n .eq(\"path\", params.slug);\n if (path.data?.length === 0) return NotFound();\n\n const data = decodeData(path?.data?.[0].link);\n const selectedBgOption = data\n ? BACKGROUND_OPTIONS.find((option) => option.code === data.bg)\n : null;\n\n const selectedBgComponent = selectedBgOption\n ? selectedBgOption.component\n : null;\n\n return (\n <>\n
\n {selectedBgComponent}\n
\n
\n {data ? : }\n
\n \n );\n};\n\nexport default linkLandingPage;\n" }, { "path": "src/app/1/error.tsx", "content": "'use client'\n\nimport { Button } from \"@/components/ui/button\"\nimport Link from \"next/link\"\n\n\nexport default function Error() {\n return (\n
\n
\n

Sorry, there is mistake in url.

\n \n
\n
\n )\n}" }, { "path": "src/app/1/loading.tsx", "content": "import { Skeleton } from '@/components/ui/skeleton'\nimport React from 'react'\n\nexport default function DataLoading() {\n return (\n
\n
\n \n \n \n
\n
\n \n \n \n \n \n \n
\n \n
\n )\n}" }, { "path": "src/app/1/page.tsx", "content": "import { decodeData } from \"@/lib/utils\";\nimport NotFound from \"../Not-found\";\nimport { BACKGROUND_OPTIONS } from \"@/components/Background/BgSnippets\";\nimport DataLoading from \"./loading\";\nimport DisplayScreen from \"@/components/screen/DisplayScreen\";\n\nexport async function generateMetadata({ searchParams }: any) {\n const data = decodeData(searchParams.data);\n\n if (!data) {\n return {};\n }\n\n return {\n title: `${data.n}'s`,\n description: `Find all of ${data.n}'s links in one place.`,\n openGraph: {\n type: \"website\",\n locale: \"en_US\",\n url: \"https://itZmyLink.vercel.app\",\n title: `${data.n}'s - itZmyLink`,\n description: `Find all of ${data.n}'s links in one place.`,\n images: `https://itZmyLink.vercel.app/api/og?data=${encodeURI(data.n)}`,\n siteName: `${data.n}'s - itZmyLink`,\n },\n twitter: {\n card: \"summary_large_image\",\n title: `${data.n} - itZmyLink`,\n description: `Find all of ${data.n}'s links in one place.`,\n images: `https://itZmyLink.vercel.app/api/og?data=${encodeURI(data.n)}`,\n creator: \"@Taquiimam14\",\n },\n };\n}\n\nconst linkLandingPage = ({ searchParams }: any) => {\n if (!searchParams.data) NotFound();\n\n const data = decodeData(searchParams.data);\n \n const selectedBgOption = data\n ? BACKGROUND_OPTIONS.find((option) => option.code === data.bg)\n : null;\n\n const selectedBgComponent = selectedBgOption\n ? selectedBgOption.component\n : null;\n\n return (\n <>\n
\n {selectedBgComponent}\n
\n
\n {data ? : }\n
\n \n );\n};\n\nexport default linkLandingPage;\n" }, { "path": "src/app/Not-found.tsx", "content": "import { Button } from '@/components/ui/button'\nimport Link from 'next/link'\nimport React from 'react'\n\nexport default function NotFound() {\n return (\n
\n
\n
\n

\n \n \n \n

\n

Opps! Page not found.

\n

Organize your links with itZmyLink and make them easy to find and share.

\n
\n \n
\n
\n
\n
\n )\n}" }, { "path": "src/app/api/auth/[...nextauth]/route.ts", "content": "import { handlers } from \"@/components/auth\";\n\nexport const {GET, POST} = handlers;" }, { "path": "src/app/api/og/route.tsx", "content": "import { NextRequest } from \"next/server\";\nimport type { ServerRuntime} from \"next\"\nimport { ImageResponse } from \"@vercel/og\"\n\nexport const runtime: ServerRuntime = \"edge\"\n\nfunction truncateString({ str, maxLength }: { str: string, maxLength: number }) {\n if (str.length > maxLength) {\n return str.substring(0, maxLength);\n }\n return str;\n}\n\nexport async function GET(req: NextRequest) {\n try {\n const url = new URL(req.url)\n const { data } = Object.fromEntries(url.searchParams)\n\n if (!data || !data.trim()) {\n return new Response(\"Data not in URL or empty.\", {\n status: 400,\n });\n }\n const maxNameLength = 25;\n let name = data.trim();\n name = truncateString({ str: name, maxLength: maxNameLength });\n return new ImageResponse(\n (\n
\n
\n {name}'s - itZmyLink\n
\n
\n ),\n {\n width: 1200,\n height: 630,\n }\n )\n } catch (error) {\n console.error(error);\n return new Response(`Failed to generate the image`, {\n status: 500,\n })\n }\n}" }, { "path": "src/app/auth/signin/page.tsx", "content": "import React from 'react'\nimport Link from \"next/link\"\n\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport LoginGoogleBtn from '@/components/forms/LoginGoogleBtn';\ntype Props = {\n searchParams:{\n callbackUrl?:string\n }\n};\nconst page: React.FC = async({searchParams}) => {\n return (\n \n
\n \n \n Welcome Back\n \n Select your registered email to continue.\n \n \n \n
\n \n \n
\n
\n Don't have an account?{\" \"}\n \n Sign up\n \n
\n \n \n
\n )\n }\n\n export default page" }, { "path": "src/app/create/loading.tsx", "content": "import { Skeleton } from '@/components/ui/skeleton'\nimport React from 'react'\n\nexport default function SiteLoading() {\n return (\n
\n
\n
\n \n \n \n
\n
\n
\n \n
\n
\n )\n}" }, { "path": "src/app/create/page.tsx", "content": "import PreviewButton from \"@/components/ActionButtons/ResponsivePreviewBtn\";\nimport HomeEditor from \"@/components/HomeEditor\";\n\n\nconst CreateLink = async() => {\n \n\n\n \n return (\n
\n \n {/* EDITING PART */}\n
\n \n
\n
\n \n
\n
\n );\n};\n\nexport default CreateLink;\n" }, { "path": "src/app/globals.css", "content": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n \n \n\n\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 20 14.3% 4.1%;\n --card: 0 0% 100%;\n --card-foreground: 20 14.3% 4.1%;\n --popover: 0 0% 100%;\n --popover-foreground: 20 14.3% 4.1%;\n --primary: 47.9 95.8% 53.1%;\n --primary-foreground: 26 83.3% 14.1%;\n --secondary: 60 4.8% 95.9%;\n --secondary-foreground: 24 9.8% 10%;\n --muted: 60 4.8% 95.9%;\n --muted-foreground: 25 5.3% 44.7%;\n --accent: 60 4.8% 95.9%;\n --accent-foreground: 24 9.8% 10%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 60 9.1% 97.8%;\n --border: 20 5.9% 90%;\n --input: 20 5.9% 90%;\n --ring: 20 14.3% 4.1%;\n --radius: 0.5rem;\n }\n\n .dark {\n --background: 20 14.3% 4.1%;\n --foreground: 60 9.1% 97.8%;\n --card: 20 14.3% 4.1%;\n --card-foreground: 60 9.1% 97.8%;\n --popover: 20 14.3% 4.1%;\n --popover-foreground: 60 9.1% 97.8%;\n --primary: 47.9 95.8% 53.1%;\n --primary-foreground: 26 83.3% 14.1%;\n --secondary: 12 6.5% 15.1%;\n --secondary-foreground: 60 9.1% 97.8%;\n --muted: 12 6.5% 15.1%;\n --muted-foreground: 24 5.4% 63.9%;\n --accent: 12 6.5% 15.1%;\n --accent-foreground: 60 9.1% 97.8%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 60 9.1% 97.8%;\n --border: 12 6.5% 15.1%;\n --input: 12 6.5% 15.1%;\n --ring: 35.5 91.7% 32.9%;\n }\n}\n\n\n\n \n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}\nhtml, body, :root{\n height: 100%;\n}\n.hide_scrollbar::-webkit-scrollbar {\n display: none;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n\nbody::-webkit-scrollbar {\n display: none;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n/* MOBILE TEMPLATE DESIGN */\n.container{\n max-width: 600px;\n margin: 4px auto;\n}\n\n.phone{\n position: relative;\n background: #1e1e1e;\n height: 625px;\n width: 345px;\n border-radius: 25px;\n margin: 0 auto;\n}\n\n.camera{\n position: absolute;\n background: #7A7A7A;\n height: 15px;\n width: 15px;\n border-radius: 15px;\n top: 7px;\n left: 166px;\n z-index: +9;\n}\n\n.speaker{\n position: absolute;\n background: #000;\n height: 23px;\n width: 45px;\n border-radius: 0 0 27px 27px;\n top: 7px;\n left: 151px;\n z-index: +8;\n}\n\n.sleep-button{\n position: absolute;\n background: #1e1e1e;\n height: 35px; \n width: 3px;\n border-top-right-radius: 3px 3px;\n border-bottom-right-radius: 3px 3px;\n top: 111px;\n left: 345px;\n}\n\n.silent-switch{\n position: absolute;\n background: #1e1e1e;\n height: 25px;\n width: 3px;\n border-top-left-radius: 3px 3px;\n border-bottom-left-radius: 3px 3px;\n top: 60px;\n left: -3px;\n}\n\n.volume{\n position: absolute;\n background: #1e1e1e;\n width: 3px;\n height: 35px;\n border-top-left-radius: 3px 3px;\n border-bottom-left-radius: 3px 3px;\n left: -3px;\n}\n\n.up{\n top: 105px;\n}\n\n.down{\n top: 145px;\n}\n\n.screen{\n position: absolute;\n overflow: hidden;\n height: 593px;\n width: 325px;\n top: 10px;\n left: 10px; \n border-radius: 15px;\n}\n\n.home-button{\n position: absolute;\n border: 1px solid #7A7A7A;\n height: 35px;\n width: 35px;\n border-radius: 25px;\n bottom: 12px;\n left: 50%;\n margin-left: -18px;\n display: none;\n}\n\n\n" }, { "path": "src/app/layout.tsx", "content": "import \"./globals.css\";\nimport type { Metadata } from \"next\";\nimport { siteConfig } from \"./page\";\nimport { Inter } from \"next/font/google\";\nimport { Providers } from \"@/components/Provider\";\n\nconst inter = Inter({ subsets: [\"latin\"] });\n\n// Original source: https://github.com/sadmann7/skateshop/blob/main/src/app/layout.tsx\nexport const metadata: Metadata = {\n metadataBase: new URL(\"https://itzmylink.vercel.app\"),\n title: {\n default: siteConfig.name,\n template: `%s - itZmyLink`,\n },\n description: siteConfig.description,\n\n // added new keywords for seo\n keywords: [\n \"bitly url shortener\",\n \"bitly link shortener\",\n \"link shortener\",\n \"url shortener\",\n \"bitly link\",\n \"tinyurls\",\n \"all in one link\",\n \"free url shortener\",\n \"linknode\",\n \"onelink\",\n \"social links\",\n \"free linktree\",\n \"link in bio\",\n \"short my url\",\n \"my links\",\n \"itzmylink\",\n \"itZmyLink\",\n \"mtLink\",\n ],\n authors: [\n {\n name: \"Taqui Imam\",\n url: \"https://github.com/taqui-786\",\n },\n ],\n creator: \"Taqui imam\",\n \n openGraph: {\n type: \"website\",\n locale: \"en_US\",\n url: siteConfig.url,\n title: siteConfig.name,\n description: siteConfig.description,\n images: [`${siteConfig.url}/og-image.png`],\n siteName: siteConfig.name,\n },\n twitter: {\n card: \"summary_large_image\",\n title: siteConfig.name,\n description: siteConfig.description,\n images: [`${siteConfig.url}/og-image.png`],\n creator: \"@Taquiimam14\",\n },\n icons: {\n icon: \"/favicon.ico\",\n },\n};\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n \n \n
\n \n {/* */}\n
{children}
\n {/*
*/}\n \n
\n \n \n );\n}\n" }, { "path": "src/app/links/page.tsx", "content": "import { Card, CardContent } from \"@/components/ui/card\"\nimport { Button, buttonVariants } from \"@/components/ui/button\"\nimport { Construction } from \"lucide-react\"\nimport Link from \"next/link\"\nimport { cn } from \"@/lib/utils\"\n\nexport default function Component() {\n return (\n
\n \n \n \n

\n Under Construction\n

\n

\n This page will be available soon.\n

\n Go Home\n \n \n
\n )\n}" }, { "path": "src/app/page.tsx", "content": "import Link from \"next/link\";\nimport landingPageImg from '../../public/landingPage.png'\nimport Image from \"next/image\";\nimport { auth } from \"@/components/auth\";\nimport { redirect } from \"next/navigation\";\n\n\nexport const siteConfig = {\n name: \"itZmyLink - one page, many links.\",\n description: \"itZmyLink help you to Create a personalized page to showcase all your social media profiles in one place.\",\n ogImage: \"https://itzmylink.vercel.app/og-image.png\",\n url: \"https://itzmylink.vercel.app\",\n}\nexport default async function Home() {\n const session = await auth()\n if(session?.user) return redirect('/create')\n return (\n
\n
\n \n\n
\n
\n
\n
\n

Simplify your online presence!

\n

Take control of your links with itzmylink

\n

Your all-in-one link management solution

\n\n \n Get your Link\n \n \n \n \n\n

Already joined us? Log in

\n
\n\n
\n \"heroImg\"\n
\n
\n
\n
\n
\n\n\n
\n );\n}\n" }, { "path": "src/app/preview/layout.tsx", "content": "export default function PreviewLayout({\n children,\n }: {\n children: React.ReactNode\n }) {\n return
\n {children}
\n }" }, { "path": "src/app/preview/page.tsx", "content": "import React from \"react\";\nimport NotFound from \"../Not-found\";\nimport { decodeData } from \"@/lib/utils\";\nimport ComputerMockup from \"@/components/mockup/ComputerMockup\";\nimport { BACKGROUND_OPTIONS } from \"@/components/Background/BgSnippets\";\nimport PreviewPage from \"@/components/PreviewPage\";\nimport PreviewFooter from \"@/components/ActionButtons/PreviewFooter\";\n\nfunction page({ searchParams }: any) {\n if (!searchParams.data) NotFound();\n\n const data = decodeData(searchParams.data);\n const selectedBgOption = data\n ? BACKGROUND_OPTIONS.find((option) => option.code === data.bg)\n : null;\n\n const selectedBgComponent = selectedBgOption\n ? selectedBgOption.component\n : null;\n return (\n <>\n \n
\n {selectedBgComponent}\n
\n \n\n \n \n \n \n );\n}\n\nexport default page;\n" }, { "path": "src/components/ActionButtons/CustomLinkDialog.tsx", "content": "\"use client\";\n\nimport { useState, useCallback } from \"react\";\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n} from \"@/components/ui/alert-dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { ClipboardCopy, Check, PenSquare } from \"lucide-react\";\nimport { createCustomPath } from \"@/lib/supabase/actions\";\n\n// Mock function to simulate checking if a path exists in the database\nconst checkPathExists = async (path: string): Promise => {\n await new Promise((resolve) => setTimeout(resolve, 1000));\n return path.toLowerCase().includes(\"taken\");\n};\n\nexport default function Component({localLink}:{localLink:string}) {\n const [customPath, setCustomPath] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n const [isCopied, setIsCopied] = useState(false);\n const baseUrl = \"itzmylink.vercel.app/1\";\n\n const fullUrl = `${baseUrl}/${customPath}`;\n\n const copyToClipboard = useCallback(() => {\n navigator.clipboard\n .writeText(fullUrl)\n .then(() => {\n setIsCopied(true);\n // toast({\n // title: \"Copied!\",\n // description: \"Link copied to clipboard\",\n // })\n setTimeout(() => setIsCopied(false), 2000);\n })\n .catch((err) => {\n console.error(\"Failed to copy text: \", err);\n // toast({\n // title: \"Error\",\n // description: \"Failed to copy link\",\n // variant: \"destructive\",\n // })\n });\n }, [fullUrl]);\n\n const handleCreate = useCallback(async () => {\n if (!customPath) {\n setError(\"Please enter a custom path\");\n return;\n }\n\n setIsLoading(true);\n setError(null);\n setSuccess(null);\n\n try {\n const exists = await checkPathExists(customPath);\n if (exists) {\n setError(\"This custom path is already taken. Please try another.\");\n } else {\n const res = await createCustomPath(customPath,localLink);\n if (res.status !== \"notAuthenticated\") {\n res.status === 'created'?\n setSuccess(res.message):\n setError(res.message)\n }\n }\n } catch (err) {\n console.error(\"Error creating custom path:\", err);\n setError(\"An error occurred while creating the custom path\");\n } finally {\n setIsLoading(false);\n }\n }, [customPath]);\n\n return (\n <>\n \n \n \n \n \n \n Create Custom Link\n \n Enter your custom path to create a unique link.\n \n \n
\n
\n \n {baseUrl}/\n \n setCustomPath(e.target.value)}\n className=\"col-span-3\"\n placeholder=\"your-custom-path\"\n />\n
\n
\n \n \n
\n \n
\n \n \n\n \n \n \n {error ? \"Already Exists 😅\" : \"Congratulation🎉\"}\n \n {error || success}\n {success && (\n
\n

Your custom link:

\n
\n \n \n {isCopied ? (\n \n ) : (\n \n )}\n \n {isCopied ? \"Copied\" : \"Copy to clipboard\"}\n \n \n
\n
\n )}\n \n \n \n {\n setError(null);\n setSuccess(null);\n }}\n >\n Close\n \n {success && (\n \n Copy URL\n \n )}\n \n \n \n \n );\n}\n" }, { "path": "src/components/ActionButtons/DemoBtn.tsx", "content": "\"use client\"\nimport React, { FC } from 'react'\nimport { Button } from '@/components/ui/button'\nimport { Play } from 'lucide-react'\nimport { useData } from '@/lib/Context'\n\ninterface DemoDataProps { }\n\nconst DemoBtn: FC = ({ }) => {\n const { showDemo } = useData()\n return (\n \n )\n}\n\nexport default DemoBtn" }, { "path": "src/components/ActionButtons/PreviewFooter.tsx", "content": "\"use client\";\nimport React from \"react\";\nimport { Button } from \"../ui/button\";\nimport { Check, Clipboard, Share } from \"lucide-react\";\n\nimport CustomLinkDialog from \"./CustomLinkDialog\";\n\nfunction PreviewFooter({\n MyLink,\n inputLink,\n}: {\n MyLink: any;\n inputLink: string;\n}) {\n const [hasCopied, setHasCopied] = React.useState(false);\n const copyToClipboard = React.useCallback(() => {\n const url = `${window.location.origin}/1?data=${inputLink}`;\n navigator.clipboard.writeText(url);\n return url;\n }, [MyLink]);\n return (\n
\n
\n
\n {\n navigator.share({\n title: `${MyLink.n} - itZmyLink`,\n text: `Find all of ${MyLink.n}'s links in one place.`,\n url: `${inputLink}`,\n });\n }}\n >\n \n Share\n \n {\n copyToClipboard();\n setHasCopied(true);\n }}\n >\n {hasCopied ? (\n <>\n \n Copied\n \n ) : (\n <>\n Local URL\n \n )}\n \n \n
\n
\n
\n );\n}\n\nexport default PreviewFooter;\n" }, { "path": "src/components/ActionButtons/PublishBtn.tsx", "content": "\"use client\"\n\nimport React, { FC } from 'react'\nimport { Button, buttonVariants } from '@/components/ui/button'\nimport { cn, encodeData } from '@/lib/utils';\n\nimport { Check, Copy, Send, Share2 } from 'lucide-react';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DialogTrigger\n} from '@/components/ui/dialog';\nimport { Input } from '@/components/ui/input';\nimport { DialogClose } from '@radix-ui/react-dialog';\nimport { useData } from '@/lib/Context';\nimport Link from 'next/link';\n\ninterface PublishProps {\n loggedIn:any\n }\n\nconst Publish: FC = ({ loggedIn}) => {\n const { MyLink } = useData()\n\n const isEmpty = isEmptyValues(MyLink)\n const [inputLink, setInputLink] = React.useState(\"\")\n const [hasCopied, setHasCopied] = React.useState(false)\n\n function isEmptyValues(obj: any) {\n for (let key in obj) {\n if (obj[key] !== \"\" && obj[key].length !== 0) {\n return false;\n }\n }\n return true;\n }\n\n const copyToClipboard = React.useCallback(() => {\n const url = `${window.location.origin}/1?data=${encodeData(MyLink)}`;\n navigator.clipboard.writeText(url)\n return url\n }, [MyLink]);\n\n React.useEffect(() => {\n setHasCopied(false);\n }, [MyLink]);\n\n function publish() {\n if (!isEmpty) {\n const getUrl = copyToClipboard()\n setInputLink(getUrl)\n }\n }\n\n return (\n \n \n \n \n\n \n \n \n Share your page\n \n \n You can share your page with others and make it accessible from anywhere.\n \n \n \n {!isEmpty ? (\n loggedIn ? \n Confirm to publish:\n Login To Continue\n // <>\n // \n // \n //
\n // {\n // navigator.share({\n // title: `${MyLink.n} - itZmyLink`,\n // text: `Find all of ${MyLink.n}'s links in one place.`,\n // url: `${inputLink}`,\n // })\n // }}\n // >\n // \n // Share\n // \n // {\n // copyToClipboard()\n // setHasCopied(true);\n // }}\n // >\n // {\n // hasCopied\n // ? (\n // <>\n // \n // Copied\n // \n // )\n // : (\n // <>\n // \n // Copy Link\n // \n // )\n // }\n\n // \n //
\n // \n // \n ) : (\n \n \n \n )}\n \n \n )\n}\n\nexport default Publish" }, { "path": "src/components/ActionButtons/ResponsivePreviewBtn.tsx", "content": "\"use client\"\n\nimport React, { FC } from 'react'\nimport { Button } from \"@/components/ui/button\"\nimport { Drawer } from \"vaul\"\nimport { useData } from '@/lib/Context'\nimport { BACKGROUND_OPTIONS } from '../Background/BgSnippets'\nimport { DrawerContent, DrawerTrigger } from '../ui/Drrawer'\nimport DisplayData from '../DisplayData'\n\ninterface PreviewButtonProps { }\n\nconst PreviewButton: FC = () => {\n const { MyLink } = useData();\n\n const [isEmpty, setIsEmpty] = React.useState(false)\n\n React.useEffect(() => {\n function isEmptyValues(obj: any) {\n for (let key in obj) {\n if (obj[key] !== \"\" && obj[key].length !== 0) {\n return false;\n }\n }\n return true;\n }\n setIsEmpty(isEmptyValues(MyLink))\n }, [MyLink])\n\n const selectedBgOption = MyLink\n ? BACKGROUND_OPTIONS.find((option) => option.code === MyLink.bg)\n : null;\n\n const selectedBgComponent = selectedBgOption ? selectedBgOption.component : null;\n\n return (\n
\n \n \n \n \n \n {\n isEmpty\n ?
Nothing to show...
\n : (\n <>\n {!isEmpty && selectedBgComponent}\n
\n \n
\n \n )\n }\n \n \n
\n )\n}\n\nexport default PreviewButton" }, { "path": "src/components/AdditionalLinkCards.tsx", "content": "import React, { FC } from 'react'\nimport { Icon } from '@iconify/react';\n\ninterface AdditionalLinkCardProps {\n label: string;\n url: string;\n icon?: string;\n}\nconst AdditionalLinkCard: FC = ({ label, url, icon }) => {\n return (\n
  • \n {label && url && (\n \n
    \n
    \n {icon ? (\n \n ) : (\n \n )}\n
    \n
    \n

    \n {label}\n

    \n
    \n
    \n     \n )}\n
    • \n )\n}\n\nexport default AdditionalLinkCard" }, { "path": "src/components/AdditionalLinkForm.tsx", "content": "\"use client\"\n\nimport React, { FC } from 'react'\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle\n} from '@/components/ui/card'\nimport { Button } from '@/components/ui/button'\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport {\n restrictToVerticalAxis,\n restrictToParentElement,\n} from '@dnd-kit/modifiers';\nimport {SortableLinks} from '@/components/ui/SortableLink'\nimport { useData } from '@/lib/Context';\n\n\n\nconst AdditionalLinkForm = () =>{\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const scrollDownRef = React.useRef(null)\n const [shouldScroll, setShouldScroll] = React.useState(false);\n const { MyLink, addNewData, updateIndex } = useData();\n\n const addLinkDetailForm = () => {\n const newLink: AdditionalLinkProps = { id: Date.now(), i: '', l: '', u: '' };\n addNewData(newLink);\n setShouldScroll(true);\n };\n\n React.useEffect(() => {\n if (shouldScroll && scrollDownRef.current) {\n scrollDownRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });\n setShouldScroll(false);\n }\n }, [shouldScroll]);\n\n // \"handleDragEnd\" function written by chatGPT\n function handleDragEnd(event: any) {\n const { active, over } = event;\n \n if (active.id !== over.id) {\n const updatedItems = [...MyLink.ls]; // Accessing items from the context\n const draggedItem: any = updatedItems.find((item) => item.id === active.id);\n const targetItem: any = updatedItems.find((item) => item.id === over.id);\n \n const draggedIndex = updatedItems.indexOf(draggedItem);\n const targetIndex = updatedItems.indexOf(targetItem);\n \n if (draggedIndex !== -1 && targetIndex !== -1) {\n // Remove the dragged item from its original position\n updatedItems.splice(draggedIndex, 1);\n // Insert the dragged item at the target position\n updatedItems.splice(targetIndex, 0, draggedItem);\n \n updateIndex(updatedItems);\n }\n }\n }\n \n return(\n <>\n \n \n \n Extra Links\n {/* */}\n \n \n Enter your additional link details here.\n \n \n \n \n link.id)}\n strategy={verticalListSortingStrategy}\n >\n {MyLink.ls.map((link, index) => {\n return \n })}\n \n \n \n +\n \n \n \n
    \n \n )\n}\n\n\nexport default AdditionalLinkForm;" }, { "path": "src/components/Animation/BlurText.tsx", "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface BlurIntProps {\n word: string;\n className?: string;\n variant?: {\n hidden: { filter: string; opacity: number };\n visible: { filter: string; opacity: number };\n };\n duration?: number;\n}\nconst BlurIn = ({ word, className, variant, duration = 1 }: BlurIntProps) => {\n const defaultVariants = {\n hidden: { filter: \"blur(10px)\", opacity: 0 },\n visible: { filter: \"blur(0px)\", opacity: 1 },\n };\n const combinedVariants = variant || defaultVariants;\n\n return (\n \n {word}\n \n );\n};\n\nexport default BlurIn;\n" }, { "path": "src/components/Animation/FlipText.tsx", "content": "\"use client\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface SlightFlipProps {\n word: string;\n duration?: number;\n delayMultiple?: number;\n framerProps?: Variants;\n className?: string;\n}\n\nexport default function SlightFlip({\n word,\n duration = 0.5,\n delayMultiple = 0.08,\n framerProps = {\n hidden: { rotateX: -90, opacity: 0 },\n visible: { rotateX: 0, opacity: 1 },\n },\n className,\n}: SlightFlipProps) {\n return (\n
    \n \n {word.split(\"\").map((char, i) => (\n \n {char}\n \n ))}\n \n
    \n );\n}\n" }, { "path": "src/components/Animation/FramerWrapper.tsx", "content": "\"use client\";\nimport React, { useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\ntype FramerMotionProps = {\n children: React.ReactNode,\n className?:any,\n y?:number\n x?:number\n delay?:number\n duration?: number\n scale?:number\n}\nfunction FramerWrapper({children,delay = 0.25 ,y = 15, x = 0,duration = 0.20,scale = 0, className}:FramerMotionProps) {\n const [animateConfig, setAnimateConfig] = useState({\n opacity:1, y:0, x:0\n })\n return (\n \n {children}\n \n );\n}\n\nexport default FramerWrapper;" }, { "path": "src/components/Animation/TextEffect.tsx", "content": "'use client';\nimport { motion, Variants } from 'framer-motion';\nimport React from 'react';\n\ntype PresetType = 'blur' | 'shake' | 'scale' | 'fade' | 'slide';\n\ntype TextEffectProps = {\n children: string;\n per?: 'word' | 'char';\n as?: keyof JSX.IntrinsicElements;\n variants?: {\n container?: Variants;\n item?: Variants;\n };\n className?: string;\n preset?: PresetType;\n};\n\nconst defaultContainerVariants: Variants = {\n hidden: { opacity: 0 },\n visible: {\n opacity: 1,\n transition: {\n staggerChildren: 0.05,\n },\n },\n};\n\nconst defaultItemVariants: Variants = {\n hidden: { opacity: 0 },\n visible: {\n opacity: 1,\n },\n};\n\nconst presetVariants: Record<\n PresetType,\n { container: Variants; item: Variants }\n> = {\n blur: {\n container: defaultContainerVariants,\n item: {\n hidden: { opacity: 0, filter: 'blur(12px)' },\n visible: { opacity: 1, filter: 'blur(0px)' },\n },\n },\n shake: {\n container: defaultContainerVariants,\n item: {\n hidden: { x: 0 },\n visible: { x: [-5, 5, -5, 5, 0], transition: { duration: 0.5 } },\n },\n },\n scale: {\n container: defaultContainerVariants,\n item: {\n hidden: { opacity: 0, scale: 0 },\n visible: { opacity: 1, scale: 1 },\n },\n },\n fade: {\n container: defaultContainerVariants,\n item: {\n hidden: { opacity: 0 },\n visible: { opacity: 1 },\n },\n },\n slide: {\n container: defaultContainerVariants,\n item: {\n hidden: { opacity: 0, y: 20 },\n visible: { opacity: 1, y: 0 },\n },\n },\n};\n\nconst AnimationComponent: React.FC<{\n word: string;\n variants: Variants;\n per: 'word' | 'char';\n}> = React.memo(({ word, variants, per }) => {\n if (per === 'word') {\n return (\n