3dtours/make-comics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update deps, add pnpm-workspace, modify components

Browse Source
This commit is contained in:
Riccardo Giorato
2026-06-17 09:43:26 +02:00
parent e18f67a7d0
commit 624a729b24
9 changed files with 2418 additions and 1449 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -27,3 +27,4 @@ next-env.d.ts
/.clerk/ /.clerk/
.DS_Store .DS_Store
IDEAS.md
app/layout.tsx
+4 -1
View File
@@ -49,7 +49,10 @@ export default function RootLayout({
className={`${inter.variable} ${bangers.variable} ${spaceGrotesk.variable} ${instrumentSerif.variable}`} className={`${inter.variable} ${bangers.variable} ${spaceGrotesk.variable} ${instrumentSerif.variable}`}
> >
<head> <head>
<PlausibleProvider domain="makecomics.io" /> <PlausibleProvider
src="https://plausible.io/js/script.js"
scriptProps={{ "data-domain": "makecomics.io" }}
/>
</head> </head>
<body className="font-sans antialiased"> <body className="font-sans antialiased">
{children} {children}
components/editor/page-sidebar.tsx
+3 -3
View File
@@ -2,7 +2,7 @@
import { Plus, Loader2, Key, Trash2 } from "lucide-react"; import { Plus, Loader2, Key, Trash2 } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { UserButton, SignedIn } from "@clerk/nextjs"; import { UserButton, Show } from "@clerk/nextjs";
interface PageData { interface PageData {
id: number; id: number;
@@ -103,7 +103,7 @@ export function PageSidebar({
<Key className="w-4 h-4" /> <Key className="w-4 h-4" />
</Button> </Button>
<SignedIn> <Show when="signed-in">
<div className="w-10 h-10 glass-panel glass-panel-hover rounded-md flex items-center justify-center text-muted-foreground hover:text-white transition-colors"> <div className="w-10 h-10 glass-panel glass-panel-hover rounded-md flex items-center justify-center text-muted-foreground hover:text-white transition-colors">
<UserButton <UserButton
appearance={{ appearance={{
@@ -113,7 +113,7 @@ export function PageSidebar({
}} }}
/> />
</div> </div>
</SignedIn> </Show>
</div> </div>
</aside> </aside>
); );
components/landing/footer.tsx
+10 -2
View File
@@ -2,10 +2,18 @@
import { useState } from "react"; import { useState } from "react";
import { TOGETHER_LINK } from "@/lib/utils"; import { TOGETHER_LINK } from "@/lib/utils";
import { Github, MessageSquare } from "lucide-react"; import { MessageSquare } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { FeedbackModal } from "@/components/feedback-modal"; import { FeedbackModal } from "@/components/feedback-modal";
function GithubIcon({ className }: { className?: string }) {
return (
<svg viewBox="0 0 24 24" fill="currentColor" className={className}>
<path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
</svg>
);
}
function XIcon({ className }: { className?: string }) { function XIcon({ className }: { className?: string }) {
return ( return (
<svg viewBox="0 0 24 24" fill="currentColor" className={className}> <svg viewBox="0 0 24 24" fill="currentColor" className={className}>
@@ -47,7 +55,7 @@ export function Footer() {
rel="noopener noreferrer" rel="noopener noreferrer"
className="hover:text-white transition-colors" className="hover:text-white transition-colors"
> >
<Github className="w-3.5 h-3.5" /> <GithubIcon className="w-3.5 h-3.5" />
</Link> </Link>
<Link <Link
href="https://x.com/nutlope" href="https://x.com/nutlope"
components/landing/navbar.tsx
+15 -7
View File
@@ -2,10 +2,18 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { Github, Key, BookOpen, User, Plus } from "lucide-react"; import { Key, BookOpen, User, Plus } from "lucide-react";
function GithubIcon({ className }: { className?: string }) {
return (
<svg viewBox="0 0 24 24" fill="currentColor" className={className}>
<path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
</svg>
);
}
import Link from "next/link"; import Link from "next/link";
import { ApiKeyModal } from "@/components/api-key-modal"; import { ApiKeyModal } from "@/components/api-key-modal";
import { SignInButton, SignedIn, SignedOut, useAuth } from "@clerk/nextjs"; import { SignInButton, Show, useAuth } from "@clerk/nextjs";
import { useApiKey } from "@/hooks/use-api-key"; import { useApiKey } from "@/hooks/use-api-key";
export function Navbar() { export function Navbar() {
@@ -88,13 +96,13 @@ export function Navbar() {
rel="noopener noreferrer" rel="noopener noreferrer"
className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md" className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md"
> >
<Github className="w-3.5 h-3.5 sm:w-4 sm:h-4" /> <GithubIcon className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline"> <span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline">
{stars} {stars}
</span> </span>
</Link> </Link>
<SignedOut> <Show when="signed-out">
<SignInButton mode="modal"> <SignInButton mode="modal">
<button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer"> <button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer">
<span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline tracking-tight"> <span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline tracking-tight">
@@ -102,8 +110,8 @@ export function Navbar() {
</span> </span>
</button> </button>
</SignInButton> </SignInButton>
</SignedOut> </Show>
<SignedIn> <Show when="signed-in">
{isOnStoriesPage ? ( {isOnStoriesPage ? (
<Link href="/"> <Link href="/">
<button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 bg-white hover:bg-neutral-200 text-black transition-all text-xs rounded-md cursor-pointer font-medium"> <button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 bg-white hover:bg-neutral-200 text-black transition-all text-xs rounded-md cursor-pointer font-medium">
@@ -123,7 +131,7 @@ export function Navbar() {
</button> </button>
</Link> </Link>
)} )}
</SignedIn> </Show>
</div> </div>
</nav> </nav>
components/ui/calendar.tsx
+1 -1
View File
@@ -84,7 +84,7 @@ function Calendar({
: 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5', : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5',
defaultClassNames.caption_label, defaultClassNames.caption_label,
), ),
table: 'w-full border-collapse', month_grid: 'w-full border-collapse',
weekdays: cn('flex', defaultClassNames.weekdays), weekdays: cn('flex', defaultClassNames.weekdays),
weekday: cn( weekday: cn(
'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none',
package.json
+59 -59
View File
@@ -9,78 +9,78 @@
"start": "next start" "start": "next start"
}, },
"dependencies": { "dependencies": {
"@aws-sdk/client-s3": "^3.958.0", "@aws-sdk/client-s3": "^3.1070.0",
"@clerk/nextjs": "^6.36.10", "@clerk/nextjs": "^7.5.3",
"@hookform/resolvers": "^3.10.0", "@hookform/resolvers": "^5.4.0",
"@neondatabase/serverless": "^1.0.2", "@neondatabase/serverless": "^1.1.0",
"@next/env": "^16.2.6", "@next/env": "^16.2.9",
"@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-accordion": "1.2.14",
"@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-alert-dialog": "1.1.17",
"@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-aspect-ratio": "1.1.10",
"@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-avatar": "1.2.0",
"@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-checkbox": "1.3.5",
"@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-collapsible": "1.1.14",
"@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-context-menu": "2.3.1",
"@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dialog": "1.1.17",
"@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-dropdown-menu": "2.1.18",
"@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-hover-card": "1.1.17",
"@radix-ui/react-label": "2.1.1", "@radix-ui/react-label": "2.1.10",
"@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-menubar": "1.1.18",
"@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-navigation-menu": "1.2.16",
"@radix-ui/react-popover": "1.1.4", "@radix-ui/react-popover": "1.1.17",
"@radix-ui/react-progress": "1.1.1", "@radix-ui/react-progress": "1.1.10",
"@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-radio-group": "1.4.1",
"@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-scroll-area": "1.2.12",
"@radix-ui/react-select": "2.1.4", "@radix-ui/react-select": "2.3.1",
"@radix-ui/react-separator": "1.1.1", "@radix-ui/react-separator": "1.1.10",
"@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slider": "1.4.1",
"@radix-ui/react-slot": "1.1.1", "@radix-ui/react-slot": "1.3.0",
"@radix-ui/react-switch": "1.1.2", "@radix-ui/react-switch": "1.3.1",
"@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-tabs": "1.1.15",
"@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toast": "1.2.17",
"@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle": "1.1.12",
"@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-toggle-group": "1.1.13",
"@radix-ui/react-tooltip": "1.1.6", "@radix-ui/react-tooltip": "1.2.10",
"@upstash/ratelimit": "^2.0.7", "@upstash/ratelimit": "^2.0.8",
"@upstash/redis": "^1.36.0", "@upstash/redis": "^1.38.0",
"@vercel/analytics": "1.3.1", "@vercel/analytics": "^2.0.1",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.5.0",
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"cmdk": "1.0.4", "cmdk": "1.1.1",
"date-fns": "4.1.0", "date-fns": "4.4.0",
"drizzle-orm": "^0.45.1", "drizzle-orm": "^0.45.2",
"embla-carousel-react": "8.5.1", "embla-carousel-react": "8.6.0",
"input-otp": "1.4.1", "input-otp": "1.4.2",
"jspdf": "^3.0.4", "jspdf": "^4.2.1",
"lucide-react": "^0.454.0", "lucide-react": "^1.20.0",
"next": "16.2.6", "next": "16.2.9",
"next-plausible": "^3.12.5", "next-plausible": "^4.0.0",
"next-s3-upload": "^0.3.4", "next-s3-upload": "^0.3.4",
"next-themes": "^0.4.6", "next-themes": "^0.4.6",
"react": "19.2.4", "react": "19.2.7",
"react-day-picker": "9.8.0", "react-day-picker": "^10.0.1",
"react-dom": "19.2.4", "react-dom": "19.2.7",
"react-hook-form": "^7.60.0", "react-hook-form": "^7.79.0",
"react-resizable-panels": "^2.1.7", "react-resizable-panels": "^4.11.2",
"recharts": "2.15.4", "recharts": "^3.8.1",
"sonner": "^1.7.4", "sonner": "^2.0.7",
"tailwind-merge": "^3.3.1", "tailwind-merge": "^3.6.0",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",
"together-ai": "^0.33.0", "together-ai": "^0.40.0",
"use-local-storage-state": "^19.5.0", "use-local-storage-state": "^19.5.0",
"vaul": "^1.1.2", "vaul": "^1.1.2",
"zod": "4.2.1" "zod": "4.4.3"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/postcss": "^4.1.9", "@tailwindcss/postcss": "^4.3.1",
"@types/node": "^22", "@types/node": "^22",
"@types/react": "^19", "@types/react": "^19",
"@types/react-dom": "^19", "@types/react-dom": "^19",
"drizzle-kit": "^0.31.8", "drizzle-kit": "^0.31.10",
"postcss": "^8.5", "postcss": "^8.5",
"tailwindcss": "^4.1.9", "tailwindcss": "^4.3.1",
"tw-animate-css": "1.3.3", "tw-animate-css": "1.4.0",
"typescript": "^5" "typescript": "^5"
} }
} }
pnpm-lock.yaml
Generated
+2312 -1376
View File
File diff suppressed because it is too large Load Diff
pnpm-workspace.yaml
+13
View File
@@ -0,0 +1,13 @@
allowBuilds:
'@clerk/shared': true
core-js: true
esbuild: true
sharp: true
minimumReleaseAgeExclude:
- '@aws-sdk/client-s3@3.1070.0'
- lucide-react@1.20.0
overrides:
fast-xml-parser: '>=5.3.6'
dompurify: '>=3.3.2'
lodash: '>=4.17.24'
postcss: '>=8.5.10'