refactor: split shared into packages

web/.eslintrc.js → apps/frontend/.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
     'plugin:mdx/recommended',
     'next',
     'next/core-web-vitals',
-    '../.eslintrc.js',
+    '../../.eslintrc.js',
   ],
   settings: {
     'mdx/code-blocks': true,

web/mdx-components.tsx → apps/frontend/mdx-components.tsx

@@ -16,7 +16,7 @@ import {
   p,
   pre,
   ul,
-} from '@web/src/modules/shared/components/CustomMarkdown';
+} from '@web/modules/shared/components/CustomMarkdown';
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {

web/package.json → apps/frontend/package.json

@@ -1,12 +1,13 @@
 {
-  "name": "noteblockworld-web",
+  "name": "@nbw/noteblockworld-frontend",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint --fix"
+    "lint": "next lint --fix",
+    "test": "jest"
   },
   "dependencies": {
     "@fortawesome/free-brands-svg-icons": "^6.4.2",

web/src/app/(content)/(info)/about/about.mdx → apps/frontend/src/app/(content)/(info)/about/about.mdx

@@ -3,7 +3,7 @@ import Image from 'next/image';
 import {
   Team,
   TeamMemberCard,
-} from '@web/src/modules/shared/components/TeamMemberCard';
+} from '@web/modules/shared/components/TeamMemberCard';
 
 **Note Block World** is the largest public community centered around Minecraft note blocks, developed by the same folks who brought you [Note Block Studio](https://noteblock.studio/). It lets you discover, share and listen to note block music more easily than ever!
 

web/src/app/(content)/(info)/about/page.tsx → apps/frontend/src/app/(content)/(info)/about/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 
-import BackButton from '@web/src/modules/shared/components/client/BackButton';
-import { NoteBlockWorldLogo } from '@web/src/modules/shared/components/NoteBlockWorldLogo';
+import BackButton from '@web/modules/shared/components/client/BackButton';
+import { NoteBlockWorldLogo } from '@web/modules/shared/components/NoteBlockWorldLogo';
 
 import About from './about.mdx';
 

web/src/app/(content)/(info)/blog/[id]/page.tsx → apps/frontend/src/app/(content)/(info)/blog/[id]/page.tsx

@@ -3,8 +3,8 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
-import { PostType, getPostData } from '@web/src/lib/posts';
-import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
+import { PostType, getPostData } from '@web/lib/posts';
+import { CustomMarkdown } from '@web/modules/shared/components/CustomMarkdown';
 
 type BlogPageProps = {
   params: { id: string };

web/src/app/(content)/(info)/blog/page.tsx → apps/frontend/src/app/(content)/(info)/blog/page.tsx

@@ -4,8 +4,8 @@ import { Metadata } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 
-import { getSortedPostsData } from '@web/src/lib/posts';
-import type { PostType } from '@web/src/lib/posts';
+import { getSortedPostsData } from '@web/lib/posts';
+import type { PostType } from '@web/lib/posts';
 
 export const metadata: Metadata = {
   title: 'Blog',

web/src/app/(content)/(info)/contact/page.tsx → apps/frontend/src/app/(content)/(info)/contact/page.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 
-import BackButton from '@web/src/modules/shared/components/client/BackButton';
+import BackButton from '@web/modules/shared/components/client/BackButton';
 
 import Contact from './contact.mdx';
 

web/src/app/(content)/(info)/help/[id]/page.tsx → apps/frontend/src/app/(content)/(info)/help/[id]/page.tsx

@@ -3,8 +3,8 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
-import { PostType, getPostData } from '@web/src/lib/posts';
-import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
+import { PostType, getPostData } from '@web/lib/posts';
+import { CustomMarkdown } from '@web/modules/shared/components/CustomMarkdown';
 
 type HelpPageProps = {
   params: { id: string };

web/src/app/(content)/(info)/help/page.tsx → apps/frontend/src/app/(content)/(info)/help/page.tsx

@@ -4,8 +4,8 @@ import { Metadata } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 
-import { getSortedPostsData } from '@web/src/lib/posts';
-import type { PostType } from '@web/src/lib/posts';
+import { getSortedPostsData } from '@web/lib/posts';
+import type { PostType } from '@web/lib/posts';
 
 export const metadata: Metadata = {
   title: 'Help Center',

web/src/app/(content)/layout.tsx → apps/frontend/src/app/(content)/layout.tsx

@@ -1,5 +1,5 @@
-import '@web/src/app/globals.css';
-import NavbarLayout from '@web/src/modules/shared/components/layout/NavbarLayout';
+import '@web/app/globals.css';
+import NavbarLayout from '@web/modules/shared/components/layout/NavbarLayout';
 
 export default async function ContentLayout({
   children,

web/src/app/(content)/my-songs/page.tsx → apps/frontend/src/app/(content)/my-songs/page.tsx

@@ -1,8 +1,8 @@
 import { Metadata } from 'next';
 import { redirect } from 'next/navigation';
 
-import { checkLogin } from '@web/src/modules/auth/features/auth.utils';
-import Page from '@web/src/modules/my-songs/components/MySongsPage';
+import { checkLogin } from '@web/modules/auth/features/auth.utils';
+import Page from '@web/modules/my-songs/components/MySongsPage';
 
 export const metadata: Metadata = {
   title: 'My songs',

web/src/app/(content)/page.tsx → apps/frontend/src/app/(content)/page.tsx

@@ -1,12 +1,9 @@
-import {
-  FeaturedSongsDtoType,
-  SongPreviewDtoType,
-} from '@shared/validation/song/dto/types';
+import { FeaturedSongsDtoType, SongPreviewDtoType } from '@nbw/database';
 import { Metadata } from 'next';
 
-import axiosInstance from '@web/src/lib/axios';
-import { HomePageProvider } from '@web/src/modules/browse/components/client/context/HomePage.context';
-import { HomePageComponent } from '@web/src/modules/browse/components/HomePageComponent';
+import axiosInstance from '@web/lib/axios';
+import { HomePageProvider } from '@web/modules/browse/components/client/context/HomePage.context';
+import { HomePageComponent } from '@web/modules/browse/components/HomePageComponent';
 
 async function fetchRecentSongs() {
   try {

web/src/app/(content)/song/[id]/edit/page.tsx → apps/frontend/src/app/(content)/song/[id]/edit/page.tsx

@@ -1,7 +1,7 @@
 import { redirect } from 'next/navigation';
 
-import { checkLogin } from '@web/src/modules/auth/features/auth.utils';
-import { EditSongPage } from '@web/src/modules/song-edit/components/client/EditSongPage';
+import { checkLogin } from '@web/modules/auth/features/auth.utils';
+import { EditSongPage } from '@web/modules/song-edit/components/client/EditSongPage';
 
 async function Page({ params }: { params: { id: string } }) {
   const isLogged = await checkLogin();

web/src/app/(content)/song/[id]/page.tsx → apps/frontend/src/app/(content)/song/[id]/page.tsx

@@ -1,9 +1,9 @@
-import { SongViewDtoType } from '@shared/validation/song/dto/types';
+import { SongViewDtoType } from '@nbw/database';
 import type { Metadata } from 'next';
 import { cookies } from 'next/headers';
 
-import axios from '@web/src/lib/axios';
-import { SongPage } from '@web/src/modules/song/components/SongPage';
+import axios from '@web/lib/axios';
+import { SongPage } from '@web/modules/song/components/SongPage';
 
 interface SongPage {
   params: {

web/src/app/(content)/upload/layout.tsx → apps/frontend/src/app/(content)/upload/layout.tsx

@@ -1,4 +1,4 @@
-import '@web/src/app/enableRecaptchaBadge.css';
+import '@web/app/enableRecaptchaBadge.css';
 
 export default async function UploadLayout({
   children,

web/src/app/(content)/upload/page.tsx → apps/frontend/src/app/(content)/upload/page.tsx

@@ -1,11 +1,8 @@
 import { Metadata } from 'next';
 import { redirect } from 'next/navigation';
 
-import {
-  checkLogin,
-  getUserData,
-} from '@web/src/modules/auth/features/auth.utils';
-import { UploadSongPage } from '@web/src/modules/song-upload/components/client/UploadSongPage';
+import { checkLogin, getUserData } from '@web/modules/auth/features/auth.utils';
+import { UploadSongPage } from '@web/modules/song-upload/components/client/UploadSongPage';
 
 export const metadata: Metadata = {
   title: 'Upload song',

web/src/app/(content)/user/[id]/page_disable.tsx → apps/frontend/src/app/(content)/user/[id]/page_disable.tsx

@@ -1,5 +1,5 @@
-import UserProfile from '@web/src/modules/user/components/UserProfile';
-import { getUserProfileData } from '@web/src/modules/user/features/user.util';
+import UserProfile from '@web/modules/user/components/UserProfile';
+import { getUserProfileData } from '@web/modules/user/features/user.util';
 
 import Layout from '../../layout';
 

web/src/app/(external)/(auth)/login/email/page.tsx → apps/frontend/src/app/(external)/(auth)/login/email/page.tsx

@@ -1,8 +1,8 @@
 import { Metadata } from 'next';
 import { redirect } from 'next/navigation';
 
-import { LoginWithEmailPage } from '@web/src/modules/auth/components/loginWithEmailPage';
-import { checkLogin } from '@web/src/modules/auth/features/auth.utils';
+import { LoginWithEmailPage } from '@web/modules/auth/components/loginWithEmailPage';
+import { checkLogin } from '@web/modules/auth/features/auth.utils';
 
 export const metadata: Metadata = {
   title: 'Sign in',

web/src/app/(external)/(auth)/login/page.tsx → apps/frontend/src/app/(external)/(auth)/login/page.tsx

@@ -1,8 +1,8 @@
 import { Metadata } from 'next';
 import { redirect } from 'next/navigation';
 
-import { LoginPage } from '@web/src/modules/auth/components/loginPage';
-import { checkLogin } from '@web/src/modules/auth/features/auth.utils';
+import { LoginPage } from '@web/modules/auth/components/loginPage';
+import { checkLogin } from '@web/modules/auth/features/auth.utils';
 
 export const metadata: Metadata = {
   title: 'Sign in',

web/src/app/(external)/(auth)/logout/page.tsx → apps/frontend/src/app/(external)/(auth)/logout/page.tsx

@@ -2,7 +2,7 @@
 
 import { toast } from 'react-hot-toast';
 
-import { useSignOut } from '@web/src/modules/auth/components/client/login.util';
+import { useSignOut } from '@web/modules/auth/components/client/login.util';
 
 function Page() {
   useSignOut();

web/src/app/(external)/(legal)/guidelines/page.tsx → apps/frontend/src/app/(external)/(legal)/guidelines/page.tsx

@@ -3,7 +3,7 @@ import path from 'path';
 
 import { Metadata } from 'next';
 
-import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
+import { CustomMarkdown } from '@web/modules/shared/components/CustomMarkdown';
 
 export const metadata: Metadata = {
   title: 'Community Guidelines',

apps/frontend/src/app/(external)/(legal)/layout.tsx

@@ -0,0 +1,3 @@
+import DocumentLayout from '@web/modules/shared/components/layout/DocumentLayout';
+
+export default DocumentLayout;

web/src/app/(external)/(legal)/privacy/page.tsx → apps/frontend/src/app/(external)/(legal)/privacy/page.tsx

@@ -3,7 +3,7 @@ import path from 'path';
 
 import { Metadata } from 'next';
 
-import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
+import { CustomMarkdown } from '@web/modules/shared/components/CustomMarkdown';
 
 export const metadata: Metadata = {
   title: 'Privacy Policy',

web/src/app/(external)/(legal)/terms/page.tsx → apps/frontend/src/app/(external)/(legal)/terms/page.tsx

@@ -3,7 +3,7 @@ import path from 'path';
 
 import { Metadata } from 'next';
 
-import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
+import { CustomMarkdown } from '@web/modules/shared/components/CustomMarkdown';
 
 export const metadata: Metadata = {
   title: 'Terms of Service',

web/src/app/(external)/layout.tsx → apps/frontend/src/app/(external)/layout.tsx

@@ -1,6 +1,6 @@
-import '@web/src/app/globals.css';
-import '@web/src/app/enableRecaptchaBadge.css';
-import '@web/src/app/hideScrollbar.css';
+import '@web/app/globals.css';
+import '@web/app/enableRecaptchaBadge.css';
+import '@web/app/hideScrollbar.css';
 
 export default async function LoginLayout({
   children,

web/src/global.d.ts → apps/frontend/src/global.d.ts

@@ -1,7 +1,7 @@
 // https://stackoverflow.com/a/56984941/9045426
 // https://stackoverflow.com/a/43523944/9045426
 
-import type { SoundListType } from '@shared/features/sounds';
+import type { SoundListType } from '@nbw/database';
 
 interface Window {
   latestVersionSoundList: SoundListType;

web/src/modules/auth/components/client/LoginFrom.tsx → apps/frontend/src/modules/auth/components/client/LoginFrom.tsx

@@ -6,7 +6,7 @@ import { FC, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'react-hot-toast';
 
-import ClientAxios from '@web/src/lib/axios/ClientAxios';
+import ClientAxios from '@web/lib/axios/ClientAxios';
 
 import {
   Input,

web/src/modules/auth/components/loginPage.tsx → apps/frontend/src/modules/auth/components/loginPage.tsx

@@ -6,7 +6,7 @@ import {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Link from 'next/link';
 
-import { baseApiURL } from '@web/src/lib/axios';
+import { baseApiURL } from '@web/lib/axios';
 
 import { CopyrightFooter } from '../../shared/components/layout/CopyrightFooter';
 import { NoteBlockWorldLogo } from '../../shared/components/NoteBlockWorldLogo';

web/src/modules/browse/components/SongCard.tsx → apps/frontend/src/modules/browse/components/SongCard.tsx

@@ -2,14 +2,11 @@
 
 import { faPlay } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { SongPreviewDtoType } from '@shared/validation/song/dto/types';
+import { SongPreviewDtoType } from '@nbw/database';
 import Link from 'next/link';
 import Skeleton from 'react-loading-skeleton';
 
-import {
-  formatDuration,
-  formatTimeAgo,
-} from '@web/src/modules/shared/util/format';
+import { formatDuration, formatTimeAgo } from '@web/modules/shared/util/format';
 
 import SongThumbnail from '../../shared/components/layout/SongThumbnail';
 

web/src/modules/browse/components/client/CategoryButton.tsx → apps/frontend/src/modules/browse/components/client/CategoryButton.tsx

@@ -1,15 +1,13 @@
 'use client';
-
-import { UploadConst } from '@shared/validation/song/constants';
-import { CategoryType } from '@shared/validation/song/dto/types';
+import { CategoryType, UploadConst } from '@nbw/database';
 
 import {
   Carousel,
   CarouselContent,
   CarouselItem,
   CarouselNextSmall,
   CarouselPreviousSmall,
-} from '@web/src/modules/shared/components/client/Carousel';
+} from '@web/modules/shared/components/client/Carousel';
 
 import { useRecentSongsProvider } from './context/RecentSongs.context';
 

web/src/modules/browse/components/client/TimespanButton.tsx → apps/frontend/src/modules/browse/components/client/TimespanButton.tsx

@@ -4,7 +4,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from '@web/src/modules/shared/components/tooltip';
+} from '@web/modules/shared/components/tooltip';
 
 import { useFeaturedSongsProvider } from './context/FeaturedSongs.context';
 

web/src/modules/browse/components/client/context/FeaturedSongs.context.tsx → apps/frontend/src/modules/browse/components/client/context/FeaturedSongs.context.tsx

@@ -4,7 +4,7 @@ import {
   FeaturedSongsDtoType,
   SongPreviewDtoType,
   TimespanType,
-} from '@shared/validation/song/dto/types';
+} from '@nbw/database';
 import { createContext, useContext, useEffect, useState } from 'react';
 
 type FeaturedSongsContextType = {

web/src/modules/browse/components/client/context/HomePage.context.tsx → apps/frontend/src/modules/browse/components/client/context/HomePage.context.tsx

@@ -1,9 +1,6 @@
 'use client';
 
-import {
-  FeaturedSongsDtoType,
-  SongPreviewDtoType,
-} from '@shared/validation/song/dto/types';
+import { FeaturedSongsDtoType, SongPreviewDtoType } from '@nbw/database';
 import { createContext, useContext } from 'react';
 
 import { FeaturedSongsProvider } from './FeaturedSongs.context';

web/src/modules/browse/components/client/context/RecentSongs.context.tsx → apps/frontend/src/modules/browse/components/client/context/RecentSongs.context.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { SongPreviewDtoType } from '@shared/validation/song/dto/types';
+import { SongPreviewDtoType } from '@nbw/database';
 import {
   createContext,
   useCallback,
@@ -9,7 +9,7 @@ import {
   useState,
 } from 'react';
 
-import axiosInstance from '@web/src/lib/axios';
+import axiosInstance from '@web/lib/axios';
 
 type RecentSongsContextType = {
   recentSongs: (SongPreviewDtoType | null)[];

web/src/modules/my-songs/components/MySongsPage.tsx → apps/frontend/src/modules/my-songs/components/MySongsPage.tsx

@@ -1,10 +1,6 @@
-import { MY_SONGS } from '@shared/validation/song/constants';
-import {
-  SongPageDtoType,
-  SongsFolder,
-} from '@shared/validation/song/dto/types';
+import { MY_SONGS, SongPageDtoType, SongsFolder } from '@nbw/database';
 
-import axiosInstance from '@web/src/lib/axios';
+import axiosInstance from '@web/lib/axios';
 
 import { MySongProvider } from './client/context/MySongs.context';
 import { MySongsPageComponent } from './client/MySongsTable';

web/src/modules/my-songs/components/client/DeleteConfirmDialog.tsx → apps/frontend/src/modules/my-songs/components/client/DeleteConfirmDialog.tsx

@@ -1,4 +1,4 @@
-import GenericModal from '@web/src/modules/shared/components/client/GenericModal';
+import GenericModal from '@web/modules/shared/components/client/GenericModal';
 
 export default function DeleteConfirmDialog({
   isOpen,