Feat/live markdown editor

[yupix]

close #53

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 6 in 1428693

import { v4 as uuidv4 } from 'uuid';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 7 in 1428693

import { fileTypeFromBuffer, FileTypeResult } from 'file-type';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 9 in 1428693

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 42 in 1428693

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 53 in 1428693

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/session.server.ts

Lines 3 to 5 in 1428693

	import { createCookieSessionStorage } from "@remix-run/node";
	import { env } from "./env.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/session.server.ts

Lines 8 to 16 in 1428693

	cookie: {
	name: "auth_session",
	sameSite: "lax",
	path: "/",
	httpOnly: true,
	secrets: [env.SESSION_SECRET],
	secure: process.env.NODE_ENV === "production",
	maxAge: 60 * 60 * 24,
	},

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/_index.tsx

Lines 6 to 8 in 1428693

	import { MemberCard } from '~/components/MemberCard';
	import { Navbar } from '~/components/navbar';
	import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/file-upload.ts

Line 1 in 1428693

import { LoaderFunctionArgs } from "@remix-run/node";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/file-upload.ts

Lines 3 to 5 in 1428693

	export async function loader({request}: LoaderFunctionArgs) {
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/auth+/callback.ts

Lines 1 to 2 in 1428693

	import { LoaderFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/auth+/callback.ts

Lines 4 to 8 in 1428693

	export async function loader({request}: LoaderFunctionArgs) {
	return authenticator.authenticate("oidc", request, {
	successRedirect: "/",
	})

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 1 in 1428693

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 6 in 1428693

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 9 in 1428693

import { uploadHandler } from '~/lib/s3.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 11 in 1428693

import { action as PreveiwAction } from '../preview';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 38 in 1428693

const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = async (event) => {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/index.tsx

Lines 10 to 11 in 1428693

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 1 in 1428693

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 6 in 1428693

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 8 in 1428693

import {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Lines 15 to 18 in 1428693

	import { uploadHandler } from '~/lib/s3.server';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './blog+/preview';
	import { IconPencil, IconPlayerPlay } from '@tabler/icons-react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 20 in 1428693

import { cn } from '~/lib/utils';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 21 in 1428693

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 133 in 1428693

<input placeholder="Title" className='bg-transparent focus-within:outline-none text-2xl mb-4'></input>

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/file-upload.tsx

Lines 1 to 2 in 1428693

	import { ActionFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/file-upload.tsx

Lines 4 to 10 in 1428693

	export async function action({request}: ActionFunctionArgs) {
	const user = await authenticator.isAuthenticated(request, {
	failureRedirect: "/login",
	});
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Lines 1 to 2 in 1428693

	import { LoaderFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Line 4 in 1428693

export async function loader({request}: LoaderFunctionArgs) {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Line 6 in 1428693

}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in 1428693

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in 1428693

import { Navbar } from '~/components/navbar';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Lines 3 to 4 in 44f61a4

	import { env } from './env.server';
	import { UploadHandler } from '@remix-run/node';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 6 in 44f61a4

import { v4 as uuidv4 } from 'uuid';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 7 in 44f61a4

import { fileTypeFromBuffer, FileTypeResult } from 'file-type';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 9 in 44f61a4

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 42 in 44f61a4

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 53 in 44f61a4

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 84 in 44f61a4

}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/session.server.ts

Lines 3 to 5 in 44f61a4

	import { createCookieSessionStorage } from "@remix-run/node";
	import { env } from "./env.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/session.server.ts

Lines 8 to 16 in 44f61a4

	cookie: {
	name: "auth_session",
	sameSite: "lax",
	path: "/",
	httpOnly: true,
	secrets: [env.SESSION_SECRET],
	secure: process.env.NODE_ENV === "production",
	maxAge: 60 * 60 * 24,
	},

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/user.ts

Lines 1 to 3 in 44f61a4

	import { useRouteLoaderData } from "@remix-run/react";
	import {loader as rootLoader} from "~/root"

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/user.ts

Line 6 in 44f61a4

const data = useRouteLoaderData<typeof rootLoader>("root");

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/user.ts

Lines 8 to 10 in 44f61a4

	if (!data) {
	return null;
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/user.ts

Lines 12 to 13 in 44f61a4

	return data.user;
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/root.tsx

Line 13 in 44f61a4

LoaderFunctionArgs,

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/root.tsx

Line 15 in 44f61a4

type MetaFunction,

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/_index.tsx

Lines 6 to 8 in 44f61a4

	import { MemberCard } from '~/components/MemberCard';
	import { Navbar } from '~/components/navbar';
	import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/file-upload.ts

Line 1 in 44f61a4

import { LoaderFunctionArgs } from "@remix-run/node";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/file-upload.ts

Lines 3 to 5 in 44f61a4

	export async function loader({request}: LoaderFunctionArgs) {
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/auth+/callback.ts

Lines 1 to 2 in 44f61a4

	import { LoaderFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/auth+/callback.ts

Lines 4 to 8 in 44f61a4

	export async function loader({request}: LoaderFunctionArgs) {
	return authenticator.authenticate("oidc", request, {
	successRedirect: "/",
	})

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 1 in 44f61a4

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 6 in 44f61a4

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 9 in 44f61a4

import { uploadHandler } from '~/lib/s3.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 11 in 44f61a4

import { action as PreveiwAction } from '../preview';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/edit.tsx

Line 38 in 44f61a4

const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = async (event) => {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/index.tsx

Lines 10 to 11 in 44f61a4

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog.tsx

Line 7 in 44f61a4

const user = useUser() ?? undefined

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 1 in 44f61a4

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 6 in 44f61a4

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 8 in 44f61a4

import {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Lines 15 to 18 in 44f61a4

	import { uploadHandler } from '~/lib/s3.server';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './blog+/preview';
	import { IconPencil, IconPlayerPlay } from '@tabler/icons-react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 20 in 44f61a4

import { cn } from '~/lib/utils';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 21 in 44f61a4

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 133 in 44f61a4

<input placeholder="Title" className='bg-transparent focus-within:outline-none text-2xl mb-4'></input>

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/file-upload.tsx

Lines 1 to 2 in 44f61a4

	import { ActionFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/file-upload.tsx

Lines 4 to 10 in 44f61a4

	export async function action({request}: ActionFunctionArgs) {
	const user = await authenticator.isAuthenticated(request, {
	failureRedirect: "/login",
	});
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Lines 1 to 2 in 44f61a4

	import { LoaderFunctionArgs } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Line 4 in 44f61a4

export async function loader({request}: LoaderFunctionArgs) {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/login.ts

Line 6 in 44f61a4

}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/member.tsx

Line 7 in 44f61a4

const user = useUser() ?? undefined

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/member.tsx

Line 10 in 44f61a4

<Navbar user={user}/>

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in 44f61a4

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in 44f61a4

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 22 in 44f61a4

const user = useUser() ?? undefined

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 26 in 44f61a4

<Navbar user={user}/>

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/services.tsx

Line 7 in 44f61a4

const user = useUser() ?? undefined

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/index.tsx

Lines 10 to 11 in 228a1df

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 1 in 228a1df

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 6 in 228a1df

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 8 in 228a1df

import {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Lines 15 to 18 in 228a1df

	import { uploadHandler } from '~/lib/s3.server';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './blog+/preview';
	import { IconPencil, IconPlayerPlay } from '@tabler/icons-react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 20 in 228a1df

import { cn } from '~/lib/utils';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 21 in 228a1df

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in 228a1df

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in 228a1df

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in 228a1df

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/index.tsx

Lines 10 to 11 in fc7c4ac

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 1 in fc7c4ac

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 6 in fc7c4ac

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 8 in fc7c4ac

import {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Lines 15 to 18 in fc7c4ac

	import { uploadHandler } from '~/lib/s3.server';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './blog+/preview';
	import { IconPencil, IconPlayerPlay } from '@tabler/icons-react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 20 in fc7c4ac

import { cn } from '~/lib/utils';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 21 in fc7c4ac

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in fc7c4ac

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in fc7c4ac

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in fc7c4ac

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog+/$articleId+/index.tsx

Lines 10 to 11 in 4e58b77

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 1 in 4e58b77

import { useFetcher } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 6 in 4e58b77

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 8 in 4e58b77

import {

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Lines 15 to 18 in 4e58b77

	import { uploadHandler } from '~/lib/s3.server';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './blog+/preview';
	import { IconPencil, IconPlayerPlay } from '@tabler/icons-react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 20 in 4e58b77

import { cn } from '~/lib/utils';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/blog_.new.tsx

Line 21 in 4e58b77

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in 4e58b77

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in 4e58b77

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in 4e58b77

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/components/ui/dropdown-menu.tsx

Lines 170 to 171 in 1460d7f

	className,
	...props

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/components/ui/dropdown-menu.tsx

Lines 173 to 180 in 1460d7f

	return (
	<span
	className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
	{...props}
	/>
	)
	}
	DropdownMenuShortcut.displayName = "DropdownMenuShortcut"

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/components/ui/dropdown-menu.tsx

Lines 183 to 198 in 1460d7f

	DropdownMenu,
	DropdownMenuTrigger,
	DropdownMenuContent,
	DropdownMenuItem,
	DropdownMenuCheckboxItem,
	DropdownMenuRadioItem,
	DropdownMenuLabel,
	DropdownMenuSeparator,
	DropdownMenuShortcut,
	DropdownMenuGroup,
	DropdownMenuPortal,
	DropdownMenuSub,
	DropdownMenuSubContent,
	DropdownMenuSubTrigger,
	DropdownMenuRadioGroup,
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 1 in 1460d7f

import { useMemo, useEffect, useRef, useState } from 'react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Lines 3 to 4 in 1460d7f

	import { EditorView, keymap, ViewUpdate, placeholder } from '@codemirror/view';
	import { EditorState, StateEffect } from '@codemirror/state';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 7 in 1460d7f

import { syntaxHighlighting, HighlightStyle } from '@codemirror/language';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 10 in 1460d7f

import { action } from '~/routes/api+/upload.$tracker';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 12 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Lines 18 to 19 in 1460d7f

	const [uploadingImages, setUploadingImages] = useState<{ [key: string]: { cursorPos: number | null } }>({});

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Lines 81 to 82 in 1460d7f

	let files = Object.values(event.dataTransfer.items).map((item) => item.getAsFile()).filter((file) => file) as File[];
	imageUpload(files, cursorPos)

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 95 in 1460d7f

console.log(event.clipboardData, "ペースト");

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/hooks/md.tsx

Line 102 in 1460d7f

[imageUpload]

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/auth.server.ts

Line 4 in 1460d7f

import { sessionStorage } from './session.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/auth.server.ts

Line 9 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 1 in 1460d7f

import { S3Client } from '@aws-sdk/client-s3';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Lines 3 to 4 in 1460d7f

	import { env } from './env.server';
	import { UploadHandler } from '@remix-run/node';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 6 in 1460d7f

import { v4 as uuidv4 } from 'uuid';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 7 in 1460d7f

import { fileTypeFromBuffer, FileTypeResult } from 'file-type';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/lib/s3.server.ts

Line 9 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/root.tsx

Line 13 in 1460d7f

LoaderFunctionArgs,

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/root.tsx

Line 15 in 1460d7f

type MetaFunction,

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/$user+/articles+/$articleId+/index.tsx

Lines 10 to 11 in 1460d7f

	import { getSocialIcon } from '~/lib/utils';
	import { getBlogPost } from '../../../../lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/_index.tsx

Lines 6 to 8 in 1460d7f

	import { MemberCard } from '~/components/MemberCard';
	import { Navbar } from '~/components/navbar';
	import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/upload.$tracker.tsx

Lines 1 to 3 in 1460d7f

	import { ActionFunctionArgs, unstable_parseMultipartFormData } from "@remix-run/node";
	import { authenticator } from "~/lib/auth.server";
	import { uploadHandler } from "~/lib/s3.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/upload.$tracker.tsx

Lines 5 to 9 in 1460d7f

	export async function action({ request, params }: ActionFunctionArgs) {
	if (request.method !== 'POST') {return new Response(null, { status: 405 });}
	const user = await authenticator.isAuthenticated(request, {
	failureRedirect: '/login',

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/upload.$tracker.tsx

Line 11 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/upload.$tracker.tsx

Lines 13 to 14 in 1460d7f

	const formData = await unstable_parseMultipartFormData(
	request,

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/api+/upload.$tracker.tsx

Line 23 in 1460d7f

return {urls, tacker: params.tracker};

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/a.tsx

Lines 1 to 3 in 1460d7f

	import { useLoaderData } from "@remix-run/react";
	import { ArticleCardWithLink } from "~/components/ArticleCard";
	import { db } from "~/lib/db.server";

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/a.tsx

Lines 6 to 7 in 1460d7f

	const posts = await db.post.findMany();
	return posts;

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/a.tsx

Lines 11 to 31 in 1460d7f

	const posts = useLoaderData<typeof loader>();
	return (
	<div>
	<div className="text-2xl mb-16 text-center bg-white py-10">
	最新の記事
	</div>
	<div className="grid gap-8 grid-cols-3 akari-container">
	{posts.map((post) => (
	<ArticleCardWithLink
	key={post.title}
	title={post.title}
	emoji={"💩"}
	classes={{ root: 'h-full' }}
	slug={"aaa"}
	dateDisplay={""}
	/>
	))}
	</div>
	</div>
	);
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 3 in 1460d7f

import { getBlogPostListings } from '~/lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 5 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 1 in 1460d7f

import { useFetcher, useLoaderData, useNavigation } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 3 in 1460d7f

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 5 to 7 in 1460d7f

	import { useCallback, useEffect, useState } from 'react';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreveiwAction } from './article+/preview';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 17 to 23 in 1460d7f

	import { useMarkdownEditor } from '~/hooks/md';
	import { cn } from '~/lib/utils';
	import { db } from '~/lib/db.server';
	import { z } from 'zod';
	import { parseWithZod } from '@conform-to/zod';
	import { Post } from '@prisma/client';
	import Loader from '~/components/Loader';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 25 in 1460d7f

import { ClientOnly } from 'remix-utils/client-only';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 26 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 66 in 1460d7f

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in 1460d7f

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in 1460d7f

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in 1460d7f

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 3 in f130446

import { getBlogPostListings } from '~/lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 5 in f130446

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 1 in f130446

import { useFetcher, useLoaderData } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 3 in f130446

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 5 to 7 in f130446

	import { useCallback, useEffect, useState } from 'react';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreviewAction } from './article+/preview';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 17 to 23 in f130446

	import { useMarkdownEditor } from '~/hooks/md';
	import { cn } from '~/lib/utils';
	import { db } from '~/lib/db.server';
	import { z } from 'zod';
	import { parseWithZod } from '@conform-to/zod';
	import { Post } from '@prisma/client';
	import Loader from '~/components/Loader';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 25 in f130446

import { ClientOnly } from 'remix-utils/client-only';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 27 in f130446

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in f130446

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in f130446

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in f130446

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

Biome

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/a.tsx

Lines 6 to 7 in bbbcf74

	const posts = await db.post.findMany();
	return posts;

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/a.tsx

Lines 11 to 31 in bbbcf74

	const posts = useLoaderData<typeof loader>();
	return (
	<div>
	<div className="text-2xl mb-16 text-center bg-white py-10">
	最新の記事
	</div>
	<div className="grid gap-8 grid-cols-3 akari-container">
	{posts.map((post) => (
	<ArticleCardWithLink
	key={post.title}
	title={post.title}
	emoji={"💩"}
	classes={{ root: 'h-full' }}
	slug={"aaa"}
	dateDisplay={""}
	/>
	))}
	</div>
	</div>
	);
	}

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 3 in bbbcf74

import { getBlogPostListings } from '~/lib/blog.server';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles+/index.tsx

Line 5 in bbbcf74

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 1 in bbbcf74

import { useFetcher, useLoaderData } from '@remix-run/react';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 3 in bbbcf74

import '~/mdx.css';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 5 to 7 in bbbcf74

	import { useCallback, useEffect, useState } from 'react';
	import { authenticator } from '~/lib/auth.server';
	import { action as PreviewAction } from './article+/preview';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Lines 17 to 23 in bbbcf74

	import { useMarkdownEditor } from '~/hooks/md';
	import { cn } from '~/lib/utils';
	import { db } from '~/lib/db.server';
	import { z } from 'zod';
	import { parseWithZod } from '@conform-to/zod';
	import { Post } from '@prisma/client';
	import Loader from '~/components/Loader';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 25 in bbbcf74

import { ClientOnly } from 'remix-utils/client-only';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/articles_.$articleId.edit.tsx

Line 27 in bbbcf74

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 3 in bbbcf74

import { Footer } from '~/components/footer';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/app/routes/members.tsx

Line 5 in bbbcf74

import { Navbar } from '~/components/navbar';

---

[Biome] _{reported by reviewdog 🐶}

www.akarinext.org/vite.config.ts

Lines 9 to 10 in bbbcf74

	import { devErrorBoundary } from '@metronome-sh/dev-error-boundary';
	import { flatRoutes } from 'remix-flat-routes';

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

import { cn } from '~/lib/utils';

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	import { cn } from '~/lib/utils';

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	return (
	<Loader2
	className={cn('h-4 w-4 animate-spin', className)}
	/>
	);
	return <Loader2 className={cn('h-4 w-4 animate-spin', className)} />;

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	import { cn } from '~/lib/utils';
	import { Avatar } from './Avatar';
	import { User } from '~/lib/auth.server';

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	<IconPencil />
	記事の管理
	<IconPencil />
	記事の管理

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	const foundPost = await db.post.findFirst({where: {
	id: key
	}});
	const foundPost = await db.post.findFirst({
	where: {
	id: key,
	},
	});

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	}
	};

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

[github-actions]

[Biome] _{reported by reviewdog 🐶}

Suggested change

	import { useLoaderData } from "@remix-run/react";
	import { ArticleCardWithLink } from "~/components/ArticleCard";
	import { db } from "~/lib/db.server";
	import { useLoaderData } from '@remix-run/react';
	import { ArticleCardWithLink } from '~/components/ArticleCard';
	import { db } from '~/lib/db.server';