refactor(#21): changed the root path for relative imports

app/login/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { useSession, signIn, signOut } from "next-auth/react";
+import Image from "next/image";
 
 export default function LoginPage() {
   const { data: session } = useSession();
@@ -8,7 +9,7 @@ export default function LoginPage() {
     return (
       <>
         <p>Welcome, {session?.user?.name}</p>
-        <img src={session?.user?.image || ""} alt="photo" width={60} />
+        <Image src={session?.user?.image || ""} alt="photo" width={60} />
         <p>
           Signed in as {session?.user?.email} <br />
         </p>

components/svgs/codewars/index.tsx

@@ -1,11 +1,11 @@
-import * as Icons from "@components/icons";
+import * as Icons from "@/components/icons";
 import {
   Document,
   DocumentTitle,
   List,
   ListItem,
-} from "@components/svgs/document";
-import { ObjectEntries } from "@utils";
+} from "@/components/svgs/document";
+import { ObjectEntries } from "@/utils";
 
 export const getUser = (result: any, platform: any) => {
   const langs = ObjectEntries(result.ranks.languages).map(([key, value]) => ({

components/svgs/github/index.tsx

@@ -1,10 +1,10 @@
-import * as Icons from "@components/icons";
+import * as Icons from "@/components/icons";
 import {
   Document,
   DocumentTitle,
   List,
   ListItem,
-} from "@components/svgs/document";
+} from "@/components/svgs/document";
 
 export const getCurrentYearContributions = (result: any, platform: any) => {
   const { totalContributions } =

components/svgs/stackoverflow/index.tsx

@@ -3,8 +3,8 @@ import {
   DocumentTitle,
   List,
   ListItem,
-} from "@components/svgs/document";
-import * as Icons from "@components/icons";
+} from "@/components/svgs/document";
+import * as Icons from "@/components/icons";
 
 export const getReputation = (result: any, platform: any) => {
   return (

components/svgs/wakatime/index.tsx

@@ -3,8 +3,8 @@ import {
   DocumentTitle,
   List,
   ListItem,
-} from "@components/svgs/document";
-import * as Icons from "@components/icons";
+} from "@/components/svgs/document";
+import * as Icons from "@/components/icons";
 
 export const getAllTimeSinceToday = (result: any, platform: any) => {
   return (

pages/api/auth/[...nextauth].ts

@@ -1,7 +1,7 @@
 import NextAuth from "next-auth";
 import { PrismaAdapter } from "@next-auth/prisma-adapter";
-import prisma from "@services/prisma";
-import callbacks from "@services/nextauth/callbacks";
+import prisma from "@/services/prisma";
+import callbacks from "@/services/nextauth/callbacks";
 
 import GithubProvider from "next-auth/providers/github";
 const { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET } = process.env;

pages/api/data/[service].ts

@@ -1,10 +1,10 @@
 import { NextApiRequest, NextApiResponse } from "next";
 import { Session, unstable_getServerSession } from "next-auth";
-import { authOptions } from "@pages/api/auth/[...nextauth]";
-import * as services from "@services/data";
+import { authOptions } from "@/pages/api/auth/[...nextauth]";
+import * as services from "@/services/data";
 
-import methods from "@services/data/methods";
-import type * as methodTypes from "@services/data";
+import methods from "@/services/data/methods";
+import type * as methodTypes from "@/services/data";
 
 export default async function handler(
   req: NextApiRequest,

pages/api/oauth/[...route].ts

@@ -1,10 +1,10 @@
 import { NextApiRequest, NextApiResponse } from "next";
 import { unstable_getServerSession } from "next-auth";
-import { generateRandomString } from "@utils";
-import { authOptions } from "@pages/api/auth/[...nextauth]";
+import { generateRandomString } from "@/utils";
+import { authOptions } from "@/pages/api/auth/[...nextauth]";
 
-import { providers } from "@services/oauth";
-import actions from "@services/oauth/actions";
+import { providers } from "@/services/oauth";
+import actions from "@/services/oauth/actions";
 
 export default async function handler(
   req: NextApiRequest,

pages/api/platform/codewars.ts

@@ -1,5 +1,5 @@
-import * as services from "@services/platform/codewars";
-import * as templates from "@components/svgs/codewars";
+import * as services from "@/services/platform/codewars";
+import * as templates from "@/components/svgs/codewars";
 
-import handlePlatformAPI from "@services/api/handler";
+import handlePlatformAPI from "@/services/api/handler";
 export default handlePlatformAPI("codewars", services, templates);

pages/api/platform/github.ts

@@ -1,5 +1,5 @@
-import * as services from "@services/platform/github";
-import * as templates from "@components/svgs/github";
+import * as services from "@/services/platform/github";
+import * as templates from "@/components/svgs/github";
 
-import handlePlatformAPI from "@services/api/handler";
+import handlePlatformAPI from "@/services/api/handler";
 export default handlePlatformAPI("github", services, templates);

pages/api/platform/stackoverflow.ts

@@ -1,5 +1,5 @@
-import * as services from "@services/platform/stackoverflow";
-import * as templates from "@components/svgs/stackoverflow";
+import * as services from "@/services/platform/stackoverflow";
+import * as templates from "@/components/svgs/stackoverflow";
 
-import handlePlatformAPI from "@services/api/handler";
+import handlePlatformAPI from "@/services/api/handler";
 export default handlePlatformAPI("stackoverflow", services, templates);

pages/api/platform/wakatime.ts

@@ -1,5 +1,5 @@
-import * as services from "@services/platform/wakatime";
-import * as templates from "@components/svgs/wakatime";
+import * as services from "@/services/platform/wakatime";
+import * as templates from "@/components/svgs/wakatime";
 
-import handlePlatformAPI from "@services/api/handler";
+import handlePlatformAPI from "@/services/api/handler";
 export default handlePlatformAPI("wakatime", services, templates);

scripts/migrates/platform.ts

@@ -1,6 +1,6 @@
 import * as ts from "typescript";
 import fs from "fs";
-import prisma from "@services/prisma";
+import prisma from "@/services/prisma";
 
 // @ts-ignore
 import jsdoc from "jsdoc-api";

services/api/handler.ts

@@ -1,6 +1,6 @@
 import { NextApiHandler, NextApiRequest, NextApiResponse } from "next";
-import { getPlatformResponse } from "@services/platform/response";
-import prisma from "@services/prisma";
+import { getPlatformResponse } from "@/services/platform/response";
+import prisma from "@/services/prisma";
 
 type PlatformAPIHandler = {
   (platformCode: string, services: any, templates: any): NextApiHandler;

services/data/config/index.ts

@@ -1,5 +1,5 @@
-import prisma from "@services/prisma";
-import { DataAPIMethod } from "@services/data/types";
+import prisma from "@/services/prisma";
+import { DataAPIMethod } from "@/services/data/types";
 
 export const getUserConfigs: DataAPIMethod = ({ session }) => {
   return prisma.config.findMany({

services/data/platform/index.ts

@@ -1,5 +1,5 @@
-import prisma from "@services/prisma";
-import { DataAPIPayload } from "@services/data/types";
+import prisma from "@/services/prisma";
+import { DataAPIPayload } from "@/services/data/types";
 
 export const getPlatforms = ({ payload, session }: DataAPIPayload) => {
   return prisma.platform.findMany();

services/data/user/index.ts

@@ -1,5 +1,5 @@
-import prisma from "@services/prisma";
-import { DataAPIPayload } from "@services/data/types";
+import prisma from "@/services/prisma";
+import { DataAPIPayload } from "@/services/data/types";
 
 export const getUser = async ({ payload, session }: DataAPIPayload) => {
   const user = await prisma.user.findFirst({ where: { id: session.user.id } });

services/nextauth/callbacks.ts

@@ -1,4 +1,4 @@
-import prisma from "@services/prisma";
+import prisma from "@/services/prisma";
 import { CallbacksOptions } from "next-auth";
 
 const session: CallbacksOptions["session"] = async ({ session }) => {

services/oauth/actions.ts

@@ -1,4 +1,4 @@
-import prisma from "@services/prisma";
+import prisma from "@/services/prisma";
 import { AccessToken } from "simple-oauth2";
 import { Session } from "next-auth";
 import { Provider, ConnectionProfile } from ".";

services/oauth/providers/github.ts

@@ -1,5 +1,5 @@
 import { AuthorizationCode } from "simple-oauth2";
-import { Provider } from "@services/oauth";
+import { Provider } from "@/services/oauth";
 
 const config: Provider = {
   code: "github",

services/oauth/providers/stackoverflow.ts

@@ -1,5 +1,5 @@
 import { AuthorizationCode } from "simple-oauth2";
-import { Provider } from "@services/oauth";
+import { Provider } from "@/services/oauth";
 
 const config: Provider = {
   code: "stackoverflow",

services/oauth/providers/wakatime.ts

@@ -1,5 +1,5 @@
 import { AuthorizationCode } from "simple-oauth2";
-import { Provider } from "@services/oauth";
+import { Provider } from "@/services/oauth";
 
 const config: Provider = {
   code: "wakatime",

services/platform/codewars/index.ts

@@ -1,6 +1,6 @@
-import { ServiceResponse } from "@services/platform/types";
-import request from "@services/platform/codewars/request";
-import { CodewarsUserConfig } from "@services/platform/types";
+import { ServiceResponse } from "@/services/platform/types";
+import request from "@/services/platform/codewars/request";
+import { CodewarsUserConfig } from "@/services/platform/types";
 import { Connection } from "@prisma/client";
 
 /**

services/platform/github/index.ts

@@ -1,6 +1,6 @@
-import { ServiceResponse } from "@services/platform/types";
-import request from "@services/platform/github/request";
-import { GithubUserConfig } from "@services/platform/types";
+import { ServiceResponse } from "@/services/platform/types";
+import request from "@/services/platform/github/request";
+import { GithubUserConfig } from "@/services/platform/types";
 import { Connection } from "@prisma/client";
 
 /**

services/platform/index.ts

@@ -2,4 +2,4 @@ export type {
   getCurrentYearContributions,
   getPopularContributions,
   getContributionsSummary,
-} from "@services/platform/github";
+} from "@/services/platform/github";

services/platform/response.ts

@@ -1,5 +1,5 @@
-import JSXRender from "@utils/render";
-import { trimChars } from "@utils";
+import JSXRender from "@/utils/render";
+import { trimChars } from "@/utils";
 import { Connection } from "@prisma/client";
 
 export const getPlatformResponse = async (

services/platform/stackoverflow/index.ts

@@ -1,5 +1,5 @@
-import { ServiceResponse } from "@services/platform/types";
-import request from "@services/platform/stackoverflow/request";
+import { ServiceResponse } from "@/services/platform/types";
+import request from "@/services/platform/stackoverflow/request";
 import { Connection } from "@prisma/client";
 
 /**

services/platform/wakatime/index.ts

@@ -1,6 +1,6 @@
-import { ServiceResponse } from "@services/platform/types";
-import request from "@services/platform/wakatime/request";
-import { WakatimeUserConfig } from "@services/platform/types";
+import { ServiceResponse } from "@/services/platform/types";
+import request from "@/services/platform/wakatime/request";
+import { WakatimeUserConfig } from "@/services/platform/types";
 import { Connection } from "@prisma/client";
 
 /**

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -21,7 +25,9 @@
     ],
     "baseUrl": ".",
     "paths": {
-      "@*": ["*"]
+      "@/*": [
+        "*"
+      ]
     }
   },
   "include": [
@@ -30,16 +36,20 @@
     "index.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts",
     "pages/api/github",
     "services/prisma/schema.prisma",
-    ".lintstagedrc.js"
+    ".lintstagedrc.js",
+    "/Users/samet/Documents/GitHub/devstats/.next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
   ],
-  "exclude": ["node_modules"],
   "ts-node": {
     "compilerOptions": {
       "module": "commonjs"
     },
-    "typeRoots": ["./node_modules/@types"]
+    "typeRoots": [
+      "./node_modules/@types"
+    ]
   }
 }