use .config.js for configuration files, close #301

pages/[...path].tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { useRouter } from 'next/router'
 
-import siteConfig from '../config/site.json'
+import siteConfig from '../config/site.config'
 import Navbar from '../components/Navbar'
 import FileListing from '../components/FileListing'
 import Footer from '../components/Footer'

pages/_document.tsx

@@ -1,5 +1,5 @@
 import Document, { Head, Html, Main, NextScript } from 'next/document'
-import siteConfig from '../config/site.json'
+import siteConfig from '../config/site.config'
 
 class MyDocument extends Document {
   render() {

pages/api/index.ts

@@ -4,8 +4,8 @@ import type { NextApiRequest, NextApiResponse } from 'next'
 import axios from 'axios'
 import Cors from 'cors'
 
-import apiConfig from '../../config/api.json'
-import siteConfig from '../../config/site.json'
+import apiConfig from '../../config/api.config'
+import siteConfig from '../../config/site.config'
 import { revealObfuscatedToken } from '../../utils/oAuthHandler'
 import { compareHashedToken } from '../../utils/protectedRouteHandler'
 import { getOdAuthTokens, storeOdAuthTokens } from '../../utils/odAuthTokenStore'

pages/api/item.ts

@@ -2,7 +2,7 @@ import axios from 'axios'
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 import { getAccessToken } from '.'
-import apiConfig from '../../config/api.json'
+import apiConfig from '../../config/api.config'
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   // Get access token from storage

pages/api/proxy.ts

@@ -1,7 +1,7 @@
 import axios from 'axios'
 import type { NextApiRequest, NextApiResponse } from 'next'
 
-import apiConfig from '../../config/api.json'
+import apiConfig from '../../config/api.config'
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   // 'inline' is used for previewing PDF files inside the browser directly

pages/api/search.ts

@@ -2,8 +2,8 @@ import axios from 'axios'
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 import { encodePath, getAccessToken } from '.'
-import apiConfig from '../../config/api.json'
-import siteConfig from '../../config/site.json'
+import apiConfig from '../../config/api.config'
+import siteConfig from '../../config/site.config'
 
 /**
  * Sanitize the search query

pages/index.tsx

@@ -1,6 +1,6 @@
 import Head from 'next/head'
 
-import siteConfig from '../config/site.json'
+import siteConfig from '../config/site.config'
 import Navbar from '../components/Navbar'
 import FileListing from '../components/FileListing'
 import Footer from '../components/Footer'

pages/onedrive-vercel-index-oauth/step-1.tsx

@@ -2,8 +2,8 @@ import Head from 'next/head'
 import Image from 'next/image'
 import { useRouter } from 'next/router'
 
-import siteConfig from '../../config/site.json'
-import apiConfig from '../../config/api.json'
+import siteConfig from '../../config/site.config'
+import apiConfig from '../../config/api.config'
 import Navbar from '../../components/Navbar'
 import Footer from '../../components/Footer'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

pages/onedrive-vercel-index-oauth/step-2.tsx

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router'
 import { useState } from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
-import siteConfig from '../../config/site.json'
+import siteConfig from '../../config/site.config'
 import Navbar from '../../components/Navbar'
 import Footer from '../../components/Footer'
 import { LoadingIcon } from '../../components/Loading'

pages/onedrive-vercel-index-oauth/step-3.tsx

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
-import siteConfig from '../../config/site.json'
+import siteConfig from '../../config/site.config'
 import Navbar from '../../components/Navbar'
 import Footer from '../../components/Footer'