Feat/add show video post message (#58)

* chore: add import order

* feat: add showVideoUrl AppMessageMethod

* fix eslint

Author: Najeong-Kim

.eslintrc.json

@@ -1,13 +1,43 @@
 {
   "parser": "@typescript-eslint/parser",
-  "extends": ["next", "prettier", "plugin:@typescript-eslint/recommended", "@feature-sliced"],
-  "plugins": ["@typescript-eslint", "unused-imports"],
-
+  "extends": [
+    "next",
+    "prettier",
+    "plugin:@typescript-eslint/recommended",
+    "@feature-sliced"
+  ],
+  "plugins": [
+    "@typescript-eslint",
+    "unused-imports"
+  ],
   "rules": {
     "unused-imports/no-unused-imports": "error", // 사용하지 않는 import 제거
     "@typescript-eslint/consistent-type-imports": "error", // type 가져오기 경우 import type { Type } from 'module' 사용
     "@typescript-eslint/no-unused-expressions": "off", // 사용하지 않는 표현식 허용
     "import/no-internal-modules": "off", // 내부 모듈 사용 허용 (fsd index 파일을 사용하기 위함)
-    "@typescript-eslint/no-require-imports": "off"
+    "@typescript-eslint/no-require-imports": "off",
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index",
+          "object"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "@/**",
+            "group": "internal",
+            "position": "after"
+          }
+        ],
+        "distinctGroup": false,
+        "newlines-between": "always"
+      }
+    ]
   }
-}
+}

.vscode/setting.json

@@ -1,7 +1,15 @@
 {
   "tailwindCSS.experimental.classRegex": [["cn\\(['\"]([^'\"]*)['\"]", "'([^']*)'"]],
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": false
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": false
   }
 }

src/app/(web)/layout.tsx

@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { GoogleAnalytics } from 'nextjs-google-analytics';
+
 import left from '@public/downloads/left.png';
 import android from '@public/downloads/right-android.png';
 import ios from '@public/downloads/right-ios.png';

src/app/_providers.tsx

@@ -2,8 +2,8 @@
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 
 const Providers = ({ children }: PropsWithChildren) => {
   const queryClient = new QueryClient();

src/app/layout.tsx

@@ -1,9 +1,11 @@
 import '@/app/globals.css';
 
 import type { Metadata } from 'next';
+
 import { ResortData } from '@/entities/resort';
 import KakaoScript from '@/shared/lib/kakao-script';
 import { Toaster } from '@/shared/ui/toaster';
+
 import Providers from './_providers';
 
 export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {

src/app/mobile/slope/[resortId]/page.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import SlopeStatusPage from '@/views/slope-status/ui/slope-status-page';
 
 const Page = ({ params }: { params: { resortId: string } }) => {

src/app/mobile/webcam/[resortId]/page.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import WebcamMobileMapPage from '@/views/webcam/ui/webcam-mobile-map-page';
 
 const Page = ({ params }: { params: { resortId: string } }) => {

src/entities/resort/api/get-resort.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { Resort } from '../model';
 
 export const getResorts = async (): Promise<Resort[]> => {

src/entities/resort/api/get-vote.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { Vote } from '../model';
 
 export const getVote = async (resortId: number): Promise<Vote> => {

src/entities/resort/api/get-weather.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '@/shared/api/base';
+
 import type { WeatherResponse } from '../model';
 
 export const getWeather = async (resortId: number): Promise<WeatherResponse> => {