feat: screenshot editor

next.config.mjs

@@ -2,6 +2,7 @@
 
 const nextConfig = {
   output: 'standalone',
+  reactStrictMode: false,
   pageExtensions: ['tsx', 'ts', 'jsx', 'js', 'mdx', 'md'],
   experimental: {
     scrollRestoration: true,
@@ -19,6 +20,10 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'picsum.photos',
       },
+      {
+        protocol: 'http',
+        hostname: 'localhost',
+      }
     ],
   },
 };

package.json

@@ -9,13 +9,22 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@heroicons/react": "^2.1.5",
     "@radix-ui/react-icons": "^1.3.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "get-image-colors": "^4.0.1",
+    "html-to-image": "^1.11.11",
     "lucide-react": "^0.441.0",
     "next": "14.2.11",
+    "next-themes": "^0.3.0",
     "react": "^18",
+    "react-click-away-listener": "^2.2.3",
     "react-dom": "^18",
+    "react-draggable": "^4.4.6",
+    "react-use-downloader": "^1.2.8",
+    "rgb2hex": "^0.2.5",
+    "sonner": "^1.5.0",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7"
   },