## What is this?
+
`next-gdrive-index` is an indexer for Google Drive, it's a simple project that I made to index my files in Google Drive.
It's aim to simplify the process of sharing files using Google Drive, and also implements some features that I think is useful for sharing files.
This project are **HEAVILY INSPIRED** by [onedrive-vercel-index](https://github.com/spencerwooo/onedrive-vercel-index) by SpencerWooo.
### Why I made this?
-I know there already some Google Drive indexer out there, but all of them are using **Cloudflare** worker.
-I've tried to use it, but the speed isn't that great for me.
-Currently I'm using SpencerWooo's onedrive index, and it's working perfectly for me from usage perspective and speed.
-But, if I compare the price between these two services, Google Drive still cheaper than Onedrive.
+when I compare the price between these two services, Google Drive still cheaper than Onedrive.
For 100GB plan, Google Drive is IDR 269.000 / ~$18 USD annually, and Onedrive is IDR 319.000 / ~$21 USD annually.
For free plan, Google Drive offering 15GB of storage, and Onedrive offering 5GB of storage.
I know there are a lot of people selling cheap edu account for Google Drive and Onedrive, but most of the time those account doesn't last long, especially Google Drive account. So I want to do it legit without buying cheap edu account or anything similar this time.
## Features
-### Navigate through your Google Drive files and folders.
-You can navigate through your Google Drive files and folders, just like you're browsing your local files.
-You can also set the root folder, so you can share only specific folder in your Google Drive.
-### Theme support.
-Choose your side!
+- **Private Index**, lock the whole index site with password.
+- **Folder and file protection**, you can protect your folder and files with password.
+- **Readme file**, you can add readme file for your folder, so you can add some description for your folder.
+- **File preview**, you can preview some file types directly from the browser, without downloading it first.
+ - Image preview
+ - Video preview
+ - Audio preview
+ - Markdown preview
+ - PDF preview
+ - Document preview (docx, pptx, xlsx)
+ - Code preview
+ - Text preview
+ - Manga preview (cbz)
+- **File search**, you can search for files and folders easily.
+- **Direct download**, you can download files directly from index site without opening Google Drive.
+- **Raw file link**, you can use the raw file link for hosting your web project assets or comments on forum.
-### Site wide password protection.
-You can lock the site so only those who know the password can access it.
-NOTE: This only protect the site, not the files. The files are still accessible if you know the link.
+## File Security
-### Search for files and folders.
-We implement native search for files and folders, so you can search for files and folders easily.
+All files fetched from Google Drive **NEED TO BE SHARED** with `Anyone with the link can view` permission.
+This is because Google Drive API can only access files that are shared with `Anyone with the link can view` permission.
-### File preview for some file types.
-You can preview some file types directly from the browser, without downloading it first.
-Most files are Images, Videos, Audio, Markdown, and PDF. (I'm still adding more file types)
+But, every files `id` and `webContentLink` are encrypted with `AES-256-CBC` using your own key, so no one can access your files without the key.
+Except, if the files are larger than the `fileSizeLimit` (default: 4MB for vercel), then the download will be redirected to the raw file link.
-### Direct download for files.
-Download files directly from index site without opening Google Drive.
+## Known Issue
-### Raw file link for files.
-You can use the raw file link for hosting your web project assets or comments on forum.
+### File size limit
-### Embed your readme file for folder.
-You can embed your readme file for folder, so you can add some description for your folder.
-Simply upload `.readme.md` on your folder, and it will be displayed on the folder page.
+File size limit causing some files can't be previewed, and the download will be redirected to the raw file link.
-### Override folder OpenGraph image.
-You can override the folder OpenGraph image by uploading `.banner.(png/jpg/jpeg/webp/svg)` on your folder.
+### Long Response Time
-## Credits
-- [onedrive-vercel-index](https://github.com/spencerwooo/onedrive-vercel-index) by SpencerWooo for the inspiration and also some file type helpers.
+The flow of the project are:
----
+- Validate the path is valid or not. (Only applied for `/...[path]`)
+- Fetch the password, readme, and files from Google Drive.
+- Show to the user.
-## Known Issues
-- ~~Fetching files from Google Drive API take too much time, it triggers 504 Error on Vercel.~~
-- ~~Can't download big files, because of Vercel's 4.5MB limit for serverless function.~~ (Implement redirect to Google Drive download link instead of using Vercel serverless function for files bigger than 4MB)
- - Need to set the folder to public, so it can be downloaded directly from Google Drive.
- - The way to get files are changed because of this, now it's using the file name, and 8 first character of file id for hiding the id so no one can access it via Google Drive.
- - All id and webContentLink are now encrypted using AES-128-CBC.
-- Protected folder cause long response time, because it need to fetch the file / folder first > fetch each of the parents till root > check if it's inside protected folder > then checking the password.
-- Download might show scan warning, because it's using Google Drive's direct download link.
+So, if you have a lot of files in your Google Drive, it might take a long time to fetch all the files.
+To improve the response time, I added a cache to the response, so the next time you access the same path, it will be faster.
-## TODO
-Todo list are moved to [here](./TODO.md).
\ No newline at end of file
+ATM, it roughly take around 600 - 2 seconds to fetch all the data on my Google Drive.
+
+### No support for Google Shared Drive
+
+I don't have Google Shared Drive, so I can't test it and implement it.
+
+### No support for Google Docs, Sheets, and Slides
+
+For now, I don't have any plan to implement this, because I think it's not necessary.
+All Google Drive files like Docs, Sheets, and Slides are hidden from the list.
diff --git a/data/mockFiles.ts b/data/mockFiles.ts
new file mode 100644
index 0000000..6b435f9
--- /dev/null
+++ b/data/mockFiles.ts
@@ -0,0 +1,70 @@
+import { IGDriveFiles } from "types/api/files";
+import { APIFilesResponse } from "types/api/response";
+
+const mockFiles: APIFilesResponse = {
+ timestamp: Date.now(),
+ responseTime: 0,
+ folders: [],
+ files: [],
+ nextPageToken: "nextpageToken",
+ readmeExists: true,
+ bannerExists: true,
+ passwordExists: false,
+};
+const mockFilesProtected: APIFilesResponse = {
+ timestamp: Date.now(),
+ responseTime: 0,
+ folders: [],
+ files: [],
+ nextPageToken: "nextpageToken",
+ readmeExists: true,
+ bannerExists: true,
+ passwordExists: true,
+};
+
+for (let i = 0; i < 10; i++) {
+ const folder: IGDriveFiles = {
+ mimeType: "application/vnd.google-apps.folder",
+ encryptedId: `encryptedId${i + 1}`,
+ name: `folder${i + 1}`,
+ trashed: false,
+ modifiedTime: new Date().toISOString(),
+ };
+ const file: IGDriveFiles = {
+ mimeType: "application/vnd.google-apps.file",
+ encryptedId: `encryptedId${i + 1}`,
+ name: `file${i + 1}`,
+ trashed: false,
+ modifiedTime: new Date().toISOString(),
+ fileExtension: "txt",
+ encryptedWebContentLink: "encryptedWebContentLink",
+ size: Math.floor(Math.random() * 1000000000),
+ thumbnailLink: "/og.png",
+ imageMediaMetadata:
+ Math.random() > 0.5
+ ? {
+ width: 1920,
+ height: 1080,
+ rotation: 0,
+ }
+ : null,
+ videoMediaMetadata:
+ Math.random() > 0.5
+ ? {
+ width: 1920,
+ height: 1080,
+ durationMillis: 100000,
+ }
+ : null,
+ };
+
+ mockFiles.folders.push(folder);
+ mockFiles.files.push(file);
+
+ folder.name = `folder${i + 1}protected`;
+ file.name = `file${i + 1}protected`;
+ mockFilesProtected.folders.push(folder);
+ mockFilesProtected.files.push(file);
+}
+
+export { mockFiles, mockFilesProtected };
diff --git a/next.config.js b/next.config.js
index a843cbe..8851780 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,6 +1,34 @@
/** @type {import('next').NextConfig} */
-const nextConfig = {
- reactStrictMode: true,
-}
-module.exports = nextConfig
+const withMDX = require("@next/mdx")({
+ extension: /\.mdx?$/,
+ options: {
+ // If you use remark-gfm, you'll need to use next.config.mjs
+ // as the package is ESM only
+ // https://github.com/remarkjs/remark-gfm#install
+ remarkPlugins: [],
+ rehypePlugins: [],
+ // If you use `MDXProvider`, uncomment the following line.
+ providerImportSource: "@mdx-js/react",
+ },
+});
+
+const nextConfig = {
+ pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
+ reactStrictMode: true,
+ async headers() {
+ return [
+ {
+ source: "/:path*",
+ headers: [
+ {
+ key: "Cache-Control",
+ value: "max-age=300, s-maxage=300, stale-while-revalidate, public",
+ },
+ ],
+ },
+ ];
+ },
+};
+
+module.exports = withMDX(nextConfig);
diff --git a/package.json b/package.json
index 4c98133..5e77880 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"version": "0.1.0",
"private": true,
"scripts": {
- "dev": "next dev -p 5000",
+ "dev": "next dev -p 3000",
"build": "next build",
"start": "next start",
"lint": "next lint",
@@ -11,57 +11,54 @@
"pretty": "prettier --write ."
},
"dependencies": {
- "@react-three/drei": "^9.66.1",
- "@react-three/fiber": "^8.13.0",
- "@types/react": "18.0.35",
- "@types/react-dom": "18.0.11",
- "@upstash/redis": "^1.20.4",
- "@vercel/og": "^0.5.4",
- "autoprefixer": "10.4.14",
+ "@cyntler/react-doc-viewer": "^1.13.0",
+ "@iconify/react": "^4.1.1",
+ "@mdx-js/loader": "^2.3.0",
+ "@mdx-js/react": "^2.3.0",
+ "@next/mdx": "^13.4.19",
+ "@popperjs/core": "^2.11.8",
"axios": "^1.3.5",
- "cors": "^2.8.5",
"googleapis": "^118.0.0",
"jsonwebtoken": "^9.0.0",
- "mime-types": "^2.1.35",
- "next": "^13.4.4",
- "next-seo": "^6.0.0",
- "nextjs-progressbar": "^0.0.16",
- "postcss": "8.4.22",
+ "jszip": "^3.10.1",
+ "next": "^13.4.13",
+ "next-seo": "^6.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-h5-audio-player": "^3.8.6",
- "react-icons": "4.8.1-snapshot.2",
- "react-loading": "^2.0.3",
+ "react-is": "^18.2.0",
"react-markdown": "^8.0.7",
- "react-player": "^2.12.0",
- "react-toastify": "^9.1.2",
- "rehype-katex": "^6.0.2",
- "rehype-prism-plus": "^1.5.1",
- "rehype-raw": "^6.1.1",
- "rehype-sanitize": "^5.0.1",
- "remark-breaks": "^3.0.2",
+ "react-player": "^2.13.0",
+ "react-popper": "^2.3.0",
+ "react-toastify": "^9.1.3",
+ "rehype-katex": "^6.0.3",
+ "rehype-prism-plus": "^1.6.3",
+ "rehype-raw": "6.1.1",
"remark-gfm": "^3.0.1",
"remark-math": "^5.1.1",
"remark-slug": "^7.0.1",
- "remark-toc": "^8.0.1",
- "swr": "^2.1.3",
- "tailwindcss": "3.3.1",
- "three": "^0.152.0"
+ "remark-toc": "^8.0.1"
},
"devDependencies": {
+ "@faker-js/faker": "^8.0.2",
"@tailwindcss/typography": "^0.5.9",
"@trivago/prettier-plugin-sort-imports": "^4.1.1",
"@types/cors": "^2.8.13",
"@types/jsonwebtoken": "^9.0.1",
"@types/mime-types": "^2.1.1",
"@types/node": "18.15.11",
+ "@types/react": "18.0.35",
+ "@types/react-dom": "18.0.11",
"@types/three": "^0.150.2",
- "cypress": "^12.10.0",
+ "autoprefixer": "10.4.14",
"encoding": "^0.1.13",
"eslint": "8.38.0",
"eslint-config-next": "^13.4.3",
+ "postcss": "8.4.22",
"prettier": "^2.8.7",
"prettier-plugin-tailwindcss": "^0.2.7",
+ "tailwind-merge": "^1.14.0",
+ "tailwindcss": "3.3.1",
"typescript": "5.0.4"
}
}
diff --git a/public/flaticon.svg b/public/flaticon.svg
new file mode 100644
index 0000000..aed7d74
--- /dev/null
+++ b/public/flaticon.svg
@@ -0,0 +1,40 @@
+
+
+
diff --git a/public/images/404.png b/public/images/404.png
new file mode 100644
index 0000000..0cf89fa
Binary files /dev/null and b/public/images/404.png differ
diff --git a/public/images/password.png b/public/images/password.png
new file mode 100644
index 0000000..0ee8346
Binary files /dev/null and b/public/images/password.png differ
diff --git a/src/app/(__components)/clientContextWrapper.tsx b/src/app/(__components)/clientContextWrapper.tsx
deleted file mode 100644
index 2e7788f..0000000
--- a/src/app/(__components)/clientContextWrapper.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { ToastContainer } from "react-toastify";
-import "react-toastify/dist/ReactToastify.min.css";
-
-import {
- LayoutContext,
- TLayout,
-} from "context/layoutContext";
-import { TTheme, ThemeContext } from "context/themeContext";
-
-type Props = {
- children: React.ReactNode;
-};
-
-function ClientContextWrapper({ children }: Props) {
- const [theme, setTheme] = useState("light");
- const [layout, setLayout] = useState("grid");
-
- useEffect(() => {
- console.log("ContextWrapper useEffect");
- if (typeof window === "undefined") return;
- const lsTheme = localStorage.getItem("theme");
- const lsLayout = localStorage.getItem("layout");
- const lsSitePassword =
- localStorage.getItem("sitePassword");
-
- if (
- lsTheme &&
- (lsTheme === "dark" || lsTheme === "light")
- ) {
- setTheme(lsTheme as TTheme);
- }
- if (
- lsLayout &&
- (lsLayout === "grid" || lsLayout === "list")
- ) {
- setLayout(lsLayout as TLayout);
- }
- }, []);
-
- useEffect(() => {
- if (theme === "light") {
- document.body.classList.remove("dark");
- } else {
- document.body.classList.add("dark");
- }
- }, [theme]);
-
- return (
- <>
- {
- if (typeof window !== "undefined") {
- localStorage.setItem("theme", theme);
- }
- setTheme(theme);
- },
- }}
- >
- {
- if (typeof window !== "undefined") {
- localStorage.setItem("layout", layout);
- }
- setLayout(layout);
- },
- }}
- >
-
- {children}
-
-
-
- );
-}
-
-export default ClientContextWrapper;
diff --git a/src/app/(__components)/compBreadcrumb.tsx b/src/app/(__components)/compBreadcrumb.tsx
deleted file mode 100644
index c6e2c63..0000000
--- a/src/app/(__components)/compBreadcrumb.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { Fragment, useEffect, useState } from "react";
-import { MdHome } from "react-icons/md";
-
-import { FilePath } from "types/api/path";
-
-import siteConfig from "config/site.config";
-
-type Props = {
- data?: FilePath[];
-};
-
-function Breadcrumb({ data = [] }: Props) {
- const [breadcrumb, setBreadcrumb] = useState(
- [],
- );
- const [isLimited, setIsLimited] =
- useState(false);
- const [breadcrumbPath, setBreadcrumbPath] = useState<
- string[]
- >([]);
-
- useEffect(() => {
- if (data.length) {
- const reverseBreadcrumbs = data;
- const isLimitReached =
- reverseBreadcrumbs.length >
- siteConfig.files.breadcrumbDepth;
- const limitBreadcrumbs = isLimitReached
- ? reverseBreadcrumbs.slice(
- reverseBreadcrumbs.length -
- siteConfig.files.breadcrumbDepth,
- reverseBreadcrumbs.length,
- )
- : reverseBreadcrumbs;
-
- setBreadcrumb(limitBreadcrumbs);
- setIsLimited(isLimitReached);
-
- const path: string[] = [];
- reverseBreadcrumbs.forEach((item) => {
- path.push(item.name);
- });
- setBreadcrumbPath(path);
- }
- }, [data]);
-
- return (
-
+ {!gIndexConfig.apiConfig.allowDownloadProtectedFile && props.isFileProtected && (
+
+ This file is inside protected folder.
+
+ Download link will be expired in {expiredIn}.
+
+ )}
+
+
+ Error has been occured while loading preview, it may be caused by{" "}
+ invalid file type or{" "}
+ network error.
+
+ You can try again later or download the file to view.
+
+
+ {props.error && (
+ <>
+ Error details
+ {props.error}
+
+ )}
+
+ )}
+
+
+ );
+}
diff --git a/src/config/api.config.js b/src/config/api.config.js
deleted file mode 100644
index 4f129bf..0000000
--- a/src/config/api.config.js
+++ /dev/null
@@ -1,74 +0,0 @@
-module.exports = {
- // Client ID are safe to expose
- client_id:
- "126409166174-l0f9hdblsrmhkt9jeue9m8o93skfs1sr.apps.googleusercontent.com",
-
- /**
- * Change this value to match your platform.
- */
- basePath:
- process.env.NODE_ENV === "production"
- ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
- : "http://localhost:5000",
-
- /**
- * Hashed key used for getting protected file for metadata
- */
- masterKey:
- "640e3e38dd31aec254f214ba38541a82ddb615e73ce9c6129f33ef549b154ab9",
-
- files: {
- query: ["trashed = false"],
- field:
- "id, name, mimeType, thumbnailLink, fileExtension, modifiedTime, size, imageMediaMetadata, videoMediaMetadata, webContentLink, iconLink, trashed",
- orderBy: "folder, name asc, modifiedTime desc",
- /**
- * Special file names that will be used for certain purposes
- * These files will be ignored when searching for files
- * and will be hidden from the file list
- */
- specialFile: {
- password: ".password",
- readme: ".readme.md",
- /**
- * Banner are used for generating custom open graph image for folder
- * By default, all folder will use the og.png inside public folder
- */
- banner: ".banner",
- },
- hiddenFiles: [".password", ".readme.md", ".banner"],
- itemsPerPage: 50,
- searchResult: 10,
- /**
- * Starting point of the drive
- * U̶s̶e̶ ̶'̶r̶o̶o̶t̶'̶ ̶t̶o̶ ̶u̶s̶e̶ ̶M̶y̶ ̶D̶r̶i̶v̶e̶ ̶a̶s̶ ̶s̶t̶a̶r̶t̶i̶n̶g̶ ̶p̶o̶i̶n̶t̶
- * O̶r̶ ̶u̶s̶e̶ ̶f̶o̶l̶d̶e̶r̶ ̶i̶d̶ ̶t̶o̶ ̶u̶s̶e̶ ̶a̶ ̶s̶p̶e̶c̶i̶f̶i̶c̶ ̶f̶o̶l̶d̶e̶r̶ ̶a̶s̶ ̶s̶t̶a̶r̶t̶i̶n̶g̶ ̶p̶o̶i̶n̶t̶
- * Since service account can't access 'root' folder, we need to use folder id
- * Why using service account? Since refresh token always expired, I need to use service account to make sure the app always work
- */
- rootFolder: "1KgPV6QB1GYT8fmn2uTfbtr9rDXqcRR0j",
- download: {
- /**
- * Allow user to download protected file without password
- * If this set to false, the download link will have temporary token to download the files
- * If this set to true, the download link will be permanent
- * Default: false
- */
- allowProtectedFile: false,
- temporaryTokenDuration: 60 * 60, // 1 hour
- /**
- * If you're using Vercel, the max response size is 4.5MB
- * https://vercel.com/docs/platform/limits#serverless-function-payload-size-limit
- * If you're using another platform that has different limit,
- * change this value to match your platform.
- * Set to 0 to disable limit
- */
- maxFileSize: 4 * 1024 * 1024,
- },
- },
-
- /**
- * https://web.dev/uses-long-cache-ttl/
- */
- cacheControl: "s-maxage=60, stale-while-revalidate",
-};
diff --git a/src/config/gIndex.config.ts b/src/config/gIndex.config.ts
new file mode 100644
index 0000000..06fe9d1
--- /dev/null
+++ b/src/config/gIndex.config.ts
@@ -0,0 +1,203 @@
+import colors from "tailwindcss/colors";
+
+const config: gIndexConfig = {
+ version: "1.0.0",
+ /**
+ * Base path of the app, used for generating links
+ * If you're not using Vercel, you need to change this to your domain name
+ *
+ * 2023/09/10: This is not used anymore, edit via env variable instead
+ *
+ * @default process.env.NEXT_PUBLIC_VERCEL_URL
+ */
+ basePath:
+ process.env.NODE_ENV === "development" ? "http://localhost:3000" : `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`,
+
+ /**
+ * Hashed key for fetching protected files / folders from the server
+ * This key will bypass the file / folder password
+ *
+ * 2023/09/10: This is not used anymore
+ */
+ masterKey: "masterkey",
+
+ /**
+ * How long the cache will be stored in the browser
+ * Used for all pages and api routes
+ * Default is 5 minutes (300/60 = 5min)
+ *
+ * @default "max-age=300, s-maxage=300, stale-while-revalidate, public"
+ */
+ cacheControl: "max-age=300, s-maxage=300, stale-while-revalidate, public",
+
+ apiConfig: {
+ /**
+ * Starting point of the drive.
+ * Will be used for '/' route.
+ *
+ * Since service account can't access 'root' folder
+ * You need to create a new folder and share it with the service account
+ * Then, copy the folder id and paste it here
+ */
+ rootFolder: "1KgPV6QB1GYT8fmn2uTfbtr9rDXqcRR0j",
+
+ defaultQuery: ["trashed = false", "(not mimeType contains 'google-apps' or mimeType contains 'folder')"],
+ defaultField:
+ "id, name, mimeType, thumbnailLink, fileExtension, modifiedTime, size, imageMediaMetadata, videoMediaMetadata, webContentLink, trashed",
+ defaultOrder: "folder, name asc, modifiedTime desc",
+ itemsPerPage: 50,
+ searchResult: 5,
+
+ /**
+ * Special file name that will be used for certain purposes
+ * These files will be ignored when searching for files
+ * and will be hidden from the files list by default
+ */
+ specialFile: {
+ password: ".password",
+ readme: ".readme.md",
+ /**
+ * Banner will be used for opengraph image for folder
+ * By default, all folder will use default og image
+ */
+ banner: ".banner",
+ },
+ hiddenFiles: [".password", ".readme.md", ".banner"],
+
+ /**
+ * Allow user to download protected file without password.
+ * If this set to false, download link will have temporary token attached to it
+ * If this set to true, user can download the file without password as long as they have the link
+ *
+ * Default: false
+ */
+ allowDownloadProtectedFile: false,
+ /**
+ * Duration in hours.
+ *
+ * Default: 6 hours
+ */
+ temporaryTokenDuration: 6,
+
+ /**
+ * Maximum file size that can be downloaded via api routes
+ * If it's larger than this, it will be redirected to the file url
+ *
+ * If you're using Vercel, they have a limit of ~4 - ~4.5MB response size
+ * ref: https://vercel.com/docs/platform/limits#serverless-function-payload-size-limit
+ * If you're using another platform, you can match the limit with your platform
+ * Or you can set this to 0 to disable the limit
+ *
+ * Default: 4MB
+ */
+ maxFileSize: 4 * 1024 * 1024,
+ },
+
+ siteConfig: {
+ /**
+ * This value will be used for metadata
+ */
+ siteName: "next-gdrive-index",
+ siteDescription: "A simple file browser for Google Drive",
+ siteIcon: "/flaticon.svg",
+ favIcon: "/favicon.svg",
+ twitterHandle: "@mbaharip_",
+
+ /**
+ * Tailwind color name.
+ * Ref: https://tailwindcss.com/docs/customizing-colors
+ */
+ defaultAccentColor: "teal",
+
+ /**
+ * Site wide password protection
+ * If this is set, all files and folders will be protected by this password
+ *
+ * The site password are set from Environment Variable (NEXT_GDRIVE_INDEX_PASSWORD)
+ * It's because I don't want to store sensitive data in the code
+ */
+ privateIndex: false,
+
+ /**
+ * Example item:
+ * {
+ * icon: string, // icon name from iconify (https://icon-sets.iconify.design/)
+ * name: string,
+ * href: string,
+ * external?: boolean
+ * }
+ */
+ navbarItems: [
+ {
+ icon: "ion:document-text",
+ name: "Documentation",
+ href: "https://github.com/mbahArip/next-gdrive-index/wiki",
+ external: true,
+ },
+ {
+ icon: "ion:logo-github",
+ name: "Github",
+ href: "https://www.github.com/mbaharip",
+ external: true,
+ },
+ {
+ icon: "ion:logo-paypal",
+ name: "Buy me a coffee",
+ href: "https://www.paypal.me/mbaharip",
+ external: true,
+ },
+ {
+ icon: "ion:mail",
+ name: "Contact",
+ href: "mailto:support@mbaharip.com",
+ },
+ ],
+ },
+};
+
+export default config;
+
+interface gIndexConfig {
+ version: string;
+ basePath: string;
+ masterKey: string;
+ cacheControl: string;
+
+ apiConfig: {
+ rootFolder: string;
+ defaultQuery: string[];
+ defaultField: string;
+ defaultOrder: string;
+ itemsPerPage: number;
+ searchResult: number;
+
+ specialFile: {
+ password: string;
+ readme: string;
+ banner: string;
+ };
+ hiddenFiles: string[];
+
+ allowDownloadProtectedFile: boolean;
+ temporaryTokenDuration: number;
+ maxFileSize: number;
+ };
+ siteConfig: {
+ siteName: string;
+ siteDescription: string;
+ siteIcon: string;
+ favIcon: string;
+ twitterHandle: string;
+
+ defaultAccentColor: keyof typeof colors;
+
+ privateIndex: boolean;
+
+ navbarItems: {
+ icon: string;
+ name: string;
+ href: string;
+ external?: boolean;
+ }[];
+ };
+}
diff --git a/src/config/site.config.js b/src/config/site.config.js
deleted file mode 100644
index 0233ca3..0000000
--- a/src/config/site.config.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import {
- BsEnvelopeAt,
- BsGithub,
- BsPaypal,
-} from "react-icons/bs";
-
-const config = {
- /* Site MetaData */
- siteName: "mbahArip Stash",
- siteDescription:
- "Personal Stash of mbahArip, a place to store my files.",
-
- /* General */
- /**
- * Site wide password protection
- */
- privateIndex: false,
- indexPassword:
- "640e3e38dd31aec254f214ba38541a82ddb615e73ce9c6129f33ef549b154ab9",
-
- navbar: {
- /**
- * Title beside the logo
- * If not set, will be using `siteName` instead
- */
- title: "",
- links: [
- {
- icon: BsGithub,
- name: "GitHub",
- href: "https://www.github.com/mbaharip",
- newTab: true,
- },
- {
- icon: BsPaypal,
- name: "Donate",
- href: "https://www.paypal.me/mbaharip",
- newTab: true,
- },
- {
- icon: BsEnvelopeAt,
- name: "Email",
- href: "mailto:support@mbaharip.com",
- },
- {
- name: "Main Website",
- href: "https://www.mbaharip.com",
- newTab: true,
- },
- ],
- },
- files: {
- /**
- * Limit breadcrumb to specific depth
- * 0 = Unlimited
- * 1 = Only show current file
- * 2 = Show current file and its parent
- * 3 = Show current file, its parent and grandparent
- * and so on.
- * Default: 2
- */
- breadcrumbDepth: 2,
- breadcrumbLimiter: "/",
- /**
- * Limit thumbnail to specific file group
- * Refer to typeGroup on /src/utils/fileHelper/fileGroup.ts:1
- * Will use google drive thumbnailLink
- * If thumbnailLink not available, will use Icon instead
- */
- allowThumbnailFileType: ["image", "video", "pdf"],
- },
- footer: {
- /**
- * Footer text will be rendered as
- * {year} {footerText} - next-gdrive-index ❤️
- */
- text: "mbahArip Stash",
- renderYear: true,
- },
-};
-
-export default config;
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..ba55683
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,6 @@
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+
+export function middleware(request: NextRequest) {
+ return NextResponse.next();
+}
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..5e403f0
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,45 @@
+import Link from "next/link";
+
+import Button from "components/Button";
+import LoaderLayout from "components/Layout/Loader";
+
+export default function NotFoundPage() {
+ return (
+
+
+
+
+
+
+
+
+ The page you are trying to access is not found.
+
+
+ Please check the URL or go back to the homepage.
+
+
+
- {file.videoMediaMetadata && (
- 
- 
- {file.videoMediaMetadata && (
- 
- ),
- {
- ...size,
- },
- );
- }
-
- return new ImageResponse(
- (
- 
- 
- 
- 
- 
+ ) : (
+ 
+
+ 
+ 
+ 
+