diff --git a/README.md b/README.md
index 71d769d..99e8026 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-// LOGO OR BANNER GOES HERE
+
## Status
### Project halted at the moment.
@@ -13,7 +13,7 @@ I'm currently working on a workaround for this, but it's not a priority for me a
~~You can check the demo [here](https://drive.mbaharip.com).~~
## What is this?
-gudora-index is an indexer for Google Drive, it's a simple project that I made to index my files in Google Drive.
+`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.
@@ -46,7 +46,7 @@ I know there are a lot of people selling cheap edu account for Google Drive and
## TODO
- [ ] Aim for max 1.5s response time for every API routes
- Fetch all routes - 600~900ms
- - Fetch file or folder -
+ - Fetch file or folder - 700~1400ms
- [x] Navigate through folders
- [ ] File preview
- [x] Audio
diff --git a/package.json b/package.json
index d3d3a15..2fee51f 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
"@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",
"axios": "^1.3.5",
"cors": "^2.8.5",
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..a9c4021
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..5c31a8a
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,713 @@
+
+
+
diff --git a/public/fonts/Exo2-Bold.ttf b/public/fonts/Exo2-Bold.ttf
new file mode 100644
index 0000000..8404285
Binary files /dev/null and b/public/fonts/Exo2-Bold.ttf differ
diff --git a/public/fonts/Exo2-Regular.ttf b/public/fonts/Exo2-Regular.ttf
new file mode 100644
index 0000000..63bc4bb
Binary files /dev/null and b/public/fonts/Exo2-Regular.ttf differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..6885c17
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,700 @@
+
+
+
diff --git a/public/og.png b/public/og.png
new file mode 100644
index 0000000..ad92661
Binary files /dev/null and b/public/og.png differ
diff --git a/src/config/site.config.js b/src/config/site.config.js
index 130aff1..b900ae8 100644
--- a/src/config/site.config.js
+++ b/src/config/site.config.js
@@ -3,13 +3,13 @@ import { BsDiscord, BsGithub, BsPaypal } from "react-icons/bs";
const config = {
/* Site MetaData */
// The name of the site
- siteName: "My Drive Linker",
+ siteName: "mbahArip Stash",
// The description of the site
// Used in meta tags and document head
- siteDescription: "My Drive Linker",
+ siteDescription: "Personal Stash of mbahArip, a place to store my files.",
// Fav icon of the site
// Also used as the logo of the site on the navbar
- siteIcon: "/favicon.ico",
+ siteIcon: "/favicon.svg",
// Navbar menu links
navbarLinks: [
{
@@ -38,8 +38,8 @@ const config = {
],
// Footer text
// It will be rendered as
- // {year} {footerText} - Powered by guDora-index {version} ❤️
- footerText: "gDrive Linker",
+ // {year} {footerText} - Powered by next-gdrive-index ❤️
+ footerText: "mbahArip Stash",
/* Experimental: Render Banner */
banner: {
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index dd00d37..b4275a2 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -51,9 +51,10 @@ export default function App({ Component, pageProps }: AppProps) {
type: "website",
title: config.siteName,
description: config.siteDescription,
+ url: process.env.NEXT_PUBLIC_DOMAIN,
images: [
{
- url: `${process.env.NEXT_PUBLIC_DOMAIN}/og-image.png`,
+ url: `${process.env.NEXT_PUBLIC_DOMAIN}/api/og`,
width: 1200,
height: 630,
alt: config.siteName,
diff --git a/src/pages/api/files/[id]/index.ts b/src/pages/api/files/[id]/index.ts
index 79c6259..830208c 100644
--- a/src/pages/api/files/[id]/index.ts
+++ b/src/pages/api/files/[id]/index.ts
@@ -16,7 +16,7 @@ export default initMiddleware(async function handler(
const _start = Date.now();
try {
- const { id, pageToken, download } = request.query;
+ const { id, pageToken, download, thumbnail, banner } = request.query;
const [name, partialId] = (id as string).split(":");
@@ -49,6 +49,9 @@ export default initMiddleware(async function handler(
response.setHeader("Cache-Control", apiConfig.cache);
if (file.mimeType !== "application/vnd.google-apps.folder") {
+ if (thumbnail === "1") {
+ return response.status(301).redirect(file.thumbnailLink as string);
+ }
if (download === "1") {
// Check size
if (Number(file.size as string) > apiConfig.maxResponseSize) {
@@ -109,6 +112,38 @@ export default initMiddleware(async function handler(
const isReadmeExists = !!fetchFolderContents.data.files?.find(
(file) => file.name === ".readme.md",
);
+ const isBannerExists = !!fetchFolderContents.data.files?.find((file) =>
+ file.name?.startsWith(".banner"),
+ );
+
+ if (banner === "1") {
+ if (!isBannerExists) {
+ throw new ExtendedError("Banner not found.", 404, "notFound");
+ }
+ const bannerFile = fetchFolderContents.data.files?.find((file) =>
+ file.name?.startsWith(".banner"),
+ );
+ const bannerFileStream = await driveClient.files.get(
+ {
+ fileId: bannerFile?.id as string,
+ alt: "media",
+ },
+ { responseType: "stream" },
+ );
+ response.setHeader(
+ "Content-Type",
+ bannerFile?.mimeType || "application/octet-stream",
+ );
+ response.setHeader(
+ "Content-Disposition",
+ `attachment; filename=${encodeURIComponent(
+ bannerFile?.name as string,
+ )}`,
+ );
+ response.setHeader("Content-Length", bannerFile?.size as string);
+ return response.status(200).send(bannerFileStream.data);
+ }
+
// Get only folder, since we order the folder to be first, we can just get all the folder first
const folderList =
fetchFolderContents.data.files
@@ -126,7 +161,10 @@ export default initMiddleware(async function handler(
?.filter(
(item) =>
!item.mimeType?.startsWith("application/vnd.google-apps") &&
- !hiddenFiles.includes(item.name as string),
+ // !hiddenFiles.includes(item.name as string),
+ !hiddenFiles.some((hiddenFile) =>
+ item.name?.startsWith(hiddenFile),
+ ),
)
.map((item) => ({
...item,
diff --git a/src/pages/api/files/index.ts b/src/pages/api/files/index.ts
index d97eeeb..0e39c00 100644
--- a/src/pages/api/files/index.ts
+++ b/src/pages/api/files/index.ts
@@ -47,7 +47,10 @@ export default initMiddleware(async function handler(
?.filter(
(item) =>
!item.mimeType?.startsWith("application/vnd.google-apps") &&
- !hiddenFiles.includes(item.name as string),
+ // !hiddenFiles.includes(item.name as string),
+ !hiddenFiles.some((hiddenFile) =>
+ item.name?.startsWith(hiddenFile),
+ ),
)
.map((item) => ({
...item,
diff --git a/src/pages/api/og-folder.tsx b/src/pages/api/og-folder.tsx
new file mode 100644
index 0000000..cbccf29
--- /dev/null
+++ b/src/pages/api/og-folder.tsx
@@ -0,0 +1,181 @@
+import { ImageResponse } from "@vercel/og";
+import siteConfig from "config/site.config";
+import { NextRequest } from "next/server";
+
+export const config = {
+ runtime: "edge",
+};
+
+const fontBold = fetch(
+ new URL("../../../public/fonts/Exo2-Bold.ttf", import.meta.url),
+).then((res) => res.arrayBuffer());
+const fontRegular = fetch(
+ new URL("../../../public/fonts/Exo2-Regular.ttf", import.meta.url),
+).then((res) => res.arrayBuffer());
+
+export default async function handler(request: NextRequest) {
+ try {
+ const exoFont = await fontRegular;
+ const exoFontBold = await fontBold;
+
+ const { searchParams } = new URL(request.url);
+
+ const siteName = searchParams.get("siteName") || siteConfig.siteName;
+ const fileId = searchParams.get("fileId") || null;
+ const fileName =
+ searchParams.get("fileName") || fileId?.split(":")[0] || null;
+
+ console.log("Creating og image for", fileName);
+
+ let fileImage;
+ if (fileId) {
+ await fetch(
+ `${process.env.NEXT_PUBLIC_DOMAIN}/api/files/${fileId}?banner=1`,
+ )
+ .then((res) => {
+ if (res.headers.get("content-type")?.startsWith("image")) {
+ return { success: true };
+ }
+ return res.json();
+ })
+ .then((data) => {
+ if (!data.success) {
+ throw new Error("File not found");
+ }
+ fileImage = `${process.env.NEXT_PUBLIC_DOMAIN}/api/files/${fileId}?banner=1`;
+ })
+ .catch((err) => {
+ throw new Error(err);
+ });
+ } else {
+ throw new Error("Default image");
+ }
+
+ return new ImageResponse(
+ (
+
+
+
+
+
+
+
+
+
+ {siteName}
+
+
+ {fileName}
+
+
+
+
+
+
+
+
Powered by
+
+
+ next-gdrive-index
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {siteName}
+
+
+ {fileName}
+
+
+
+
+
+
+
+
Powered by
+
+
+ next-gdrive-index
+
+
+
+
+