NXC Host
+ + +NXC is a simple host for URL shortener, paste bin and image uploader. It's written in NextJS with typescript and uses MongoDB as database. + +If you like the repository, please consider giving it a starā! + +# Deployment + +You can either watch the [video](https://youtu.be/VhNGKyPGF2g) or follow the steps below. + +First of all, you need to install [NodeJS](https://nodejs.org/en/) and [MongoDB](https://www.youtube.com/watch?v=aygw0wjW5bA) in your server. + +Then, clone the repository and install the dependencies: + +```cmd +git clone https://github.com/night0721/nxc-host +cd nxc-host +npm install +``` + +After that, you need to change the `.env.example` file to `.env` and fill the variables. + +In the `.env` file, you should put NEXT_PUBLIC_HOST(eg. http://localhost:3000 or https://google.com) as your domain name and MONGO as your MongoDB connection string. + +Finally, you can run the server with: + +```cmd +npm run build +npm run start +``` + +If you have any question, please join my [Discord Server](https://discord.gg/SbQHChmGcp) and ask in the support channel. + +## Routes + +```md +/s -> URL Shortener +/s/:id -> Redirecting to Long URL +/p -> Paste Bin +/p/:id -> Paste by specific ID +/raw/:id -> Raw Paste by specific ID +/i -> Image Uploader +/i/:id -> Image by specific ID +/i/raw/:id -> Raw Image by specific ID +/api/:type/delete -> Delete model by type +POST /api/image -> Send new image to server +POST /api/paste -> Send new paste to server +POST /api/url -> Send new URL to server +``` diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..91ef62f --- /dev/null +++ b/next.config.js @@ -0,0 +1,6 @@ +/** @type {import('next').NextConfig} */ +const nextConfig = { + reactStrictMode: true, +}; + +module.exports = nextConfig; diff --git a/package.json b/package.json new file mode 100644 index 0000000..264ca21 --- /dev/null +++ b/package.json @@ -0,0 +1,32 @@ +{ + "name": "nxc-host", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start" + }, + "dependencies": { + "@types/react": "18.0.35", + "@types/react-dom": "18.0.11", + "cath": "^1.5.23", + "mongodb": "^5.2.0", + "multer": "^1.4.2", + "multer-gridfs-storage": "^5.0.2", + "next": "13.3.0", + "react": "18.2.0", + "react-dom": "18.2.0", + "react-highlight": "^0.15.0", + "typescript": "5.0.4" + }, + "devDependencies": { + "@types/mongodb": "^4.0.7", + "@types/multer": "^1.4.7", + "@types/multer-gridfs-storage": "^4.0.5", + "@types/node": "^18.15.11", + "@types/react-highlight": "^0.12.5" + }, + "author": "Night Kaly", + "license": "GNU General Public License v3.0" +} diff --git a/public/images/icon.png b/public/images/icon.png new file mode 100644 index 0000000..38c0982 Binary files /dev/null and b/public/images/icon.png differ diff --git a/public/oembed.json b/public/oembed.json new file mode 100644 index 0000000..7130d87 --- /dev/null +++ b/public/oembed.json @@ -0,0 +1,10 @@ +{ + "version": "1.0", + "type": "link", + "title": "Night", + "author_name": "night0721", + "author_url": "https://avatars.githubusercontent.com/u/77528305?s=100&u=da1b599f704b61222103db3c53aaab82ee9a102c&v=4", + "provider_name": "NXC", + "provider_url": "https://night0721.github.io/", + "bio": "Hello I am Night. \nDeveloper of cath.exe & Lilase" +} diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 0000000..c1cdbc7 --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,46 @@ +import oembed from "../../public/oembed.json"; +import Head from "next/head"; + +type Title = { + title: string; +}; + +export default function Header({ title }: Title) { + return ( + + +
+ 
+ 404 - Page Not Found+ + ); +} diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx new file mode 100644 index 0000000..956fa84 --- /dev/null +++ b/src/pages/_app.tsx @@ -0,0 +1,5 @@ +import type { AppProps } from "next/app"; + +export default function App({ Component, pageProps }: AppProps) { + return
+
+
+ );
+}
+
+export const getServerSideProps: GetServerSideProps = async context => {
+ const id = context.params?.id;
+ const bin = await getImageChunk(id as string);
+ if (bin) {
+ return {
+ props: {
+ id,
+ bin,
+ },
+ };
+ } else {
+ return {
+ notFound: true,
+ };
+ }
+};
diff --git a/src/pages/i/raw/[id].tsx b/src/pages/i/raw/[id].tsx
new file mode 100644
index 0000000..f08496b
--- /dev/null
+++ b/src/pages/i/raw/[id].tsx
@@ -0,0 +1,43 @@
+import { GetServerSideProps } from "next";
+import Image from "next/image";
+import Header from "@/components/Header";
+import { Data } from "../[id]";
+import { useState } from "react";
+import { getImageChunk } from "@/utils/database";
+
+export default function RawImage({ id, bin }: Data) {
+ const [paddingTop, setPaddingTop] = useState("0");
+ return (
+ <>
+
+ {
+ const { naturalWidth, naturalHeight } =
+ target as HTMLImageElement;
+ setPaddingTop(
+ `calc(100% / (${naturalWidth} / ${naturalHeight}}))`
+ );
+ }}
+ />
+
+
+
+ View Raw
+
+
+ Home
+
+
+
+ {
+ const { naturalWidth, naturalHeight } = target as HTMLImageElement;
+ setPaddingTop(`calc(100% / (${naturalWidth} / ${naturalHeight}}))`);
+ }}
+ />
+
+
+ );
+}
+export const getServerSideProps: GetServerSideProps = async context => {
+ const id = context.params?.id;
+ const bin = await getImageChunk(id as string);
+ if (bin) {
+ return {
+ props: {
+ id,
+ bin,
+ },
+ };
+ } else {
+ return {
+ notFound: true,
+ };
+ }
+};
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..bc3d8d7
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,29 @@
+import Head from "next/head";
+import Header from "@/components/Header";
+
+export default function Home() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/src/pages/p/[id].tsx b/src/pages/p/[id].tsx
new file mode 100644
index 0000000..09d91ba
--- /dev/null
+++ b/src/pages/p/[id].tsx
@@ -0,0 +1,77 @@
+import { GetServerSideProps } from "next";
+import Header from "@/components/Header";
+import Highlight from "react-highlight";
+import styles from "@/styles/Code.module.css";
+import { getPaste } from "@/utils/database";
+
+interface Data {
+ code: string;
+}
+
+export default function CodeDisplay({ code }: Data) {
+ return (
+ <>
+ NightX Client File Uploader
+++{`/s -> URL Shortener\n`}+{`/s/:id -> Redirecting to Long URL\n`}+{`/p -> Paste Bin\n`}+{`/p/:id -> Paste by specific ID\n`}+{`/raw/:id -> Raw Paste by specific ID\n`}+{`/i -> Image Uploader\n`}+{`/i/:id -> Image by specific ID\n`}+{`/i/raw/:id -> Raw Image by specific ID\n`}+{`/api/:type/delete -> Delete model by type\n`}+{`/api/files -> Get all files in server directory\n`}+{`/api/temp -> Get temporary files in /tmp/nxc\n`}+{`POST /api/image -> Send new image to server\n`}+{`POST /api/paste -> Send new paste to server\n`}+{`POST /api/url -> Send new URL to server\n`}+
+
+ NXC Paste
+
+
+
+
+ New
+
+
+
+ {code}
+
+
+
+ );
+}
+export const getServerSideProps: GetServerSideProps = async ({
+ params,
+}) => {
+ const paste = await getPaste(params?.id as string);
+ if (!paste) {
+ return {
+ notFound: true,
+ };
+ } else {
+ return {
+ props: {
+ code: paste.value || "",
+ },
+ };
+ }
+};
diff --git a/src/pages/p/index.tsx b/src/pages/p/index.tsx
new file mode 100644
index 0000000..c8f8beb
--- /dev/null
+++ b/src/pages/p/index.tsx
@@ -0,0 +1,76 @@
+import { useEffect, useRef } from "react";
+import Header from "@/components/Header";
+import styles from "@/styles/Code.module.css";
+
+interface Data {
+ id: string;
+ code: string;
+}
+
+export default function CodeDisplay() {
+ useKey("ctrls", () => {
+ document.getElementById("submit")?.click();
+ });
+ return (
+ <>
+
+ {code.split("\n").map((line, index) => (
+ <>
+
+ {index + 1}
+
+ ))}
+
+ {code}
+
+
+ );
+}
+export const getServerSideProps: GetServerSideProps = async ({
+ params,
+}) => {
+ const paste = await getPaste(params?.id as string);
+ if (!paste) {
+ return {
+ notFound: true,
+ };
+ } else {
+ return {
+ props: {
+ code: paste.value || "",
+ },
+ };
+ }
+};
diff --git a/src/pages/s/[id].tsx b/src/pages/s/[id].tsx
new file mode 100644
index 0000000..ad3faf5
--- /dev/null
+++ b/src/pages/s/[id].tsx
@@ -0,0 +1,27 @@
+import { useRouter } from "next/router";
+import { getFullURL } from "@/utils/database";
+import { GetServerSideProps } from "next";
+import { useEffect } from "react";
+
+interface URL {
+ url: string | undefined;
+}
+
+export default function Redirect({ url }: URL) {
+ const router = useRouter();
+ useEffect(() => {
+ router.push(url ? url : "/");
+ }, []);
+ return <>;
+}
+
+export const getServerSideProps: GetServerSideProps
+
+
+
+
+
+
+
+ );
+}
+export const getServerSideProps: GetServerSidePropsURL Shortener
+ ++
All URLs
+| Full URL | +Short URL | +
|---|---|
| + {shortUrl.full} + | ++ + {shortUrl.short} + + | +