From cc0148355ecbbc94ba5a3b0f7a4dd8257ff9f1d8 Mon Sep 17 00:00:00 2001 From: Peter Date: Wed, 27 Jul 2022 16:17:38 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20small=20fixes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Data.js | 39 +++++++++---------- components/utils/index.js | 18 ++++++++- features.md | 81 ++++++++++++++++++++++++++------------- next.config.js | 3 +- package.json | 13 +++---- pages/index.js | 1 - 6 files changed, 97 insertions(+), 58 deletions(-) diff --git a/components/Data.js b/components/Data.js index 3dabf53..931836c 100644 --- a/components/Data.js +++ b/components/Data.js @@ -1501,11 +1501,12 @@ export default function Data(props) { {data?.messages?.topEmojis && data?.messages?.topEmojis?.length > 0 ? (
{ setEmojiType("topEmojis"); }} @@ -1527,13 +1528,12 @@ export default function Data(props) { {data?.messages?.topCustomEmojis && data?.messages?.topCustomEmojis?.length > 0 ? (
{ setEmojiType("topCustomEmojis"); }} @@ -1555,13 +1555,12 @@ export default function Data(props) { {data?.settings?.recentEmojis && data?.settings?.recentEmojis?.length > 0 ? (
{ setEmojiType("recentEmojis"); }} @@ -2487,7 +2486,7 @@ export default function Data(props) { "Ginto,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif", }} > -
    +
    • b.count - a.count), + oldestMessages: [ + { + sentence: "This Feature is only available when uploading a package", + date: new Date(Date.now()), + author: "SYSTEM", + }, + ], }); } @@ -657,6 +664,13 @@ class Utils { }; }) .sort((a, b) => b.count - a.count), + oldestMessages: [ + { + sentence: "This Feature is only available when uploading a package", + date: new Date(Date.now()), + author: "SYSTEM", + }, + ], }); } @@ -669,8 +683,8 @@ class Utils { const characterCount = Math.floor(Math.random() * (300000 - 1000 + 1)) + 1000; - function createSentence() { - const sentences = new Array(1000).fill(0).map(() => { + function createSentence(s) { + const sentences = new Array(s ? s : 1000).fill(0).map(() => { const sentence = randomWords({ min: 3, max: 10 }).join(" "); return { sentence, diff --git a/features.md b/features.md index 45bdce7..de09500 100644 --- a/features.md +++ b/features.md @@ -1,109 +1,135 @@ ## Discord Package -##### View the Features in a well-made Guide! +##### View the Features in a well-made Guide! ### Table of Contents -* [introduction](#introduction) -* [How to Retrieve your Package](#1) -* [How to Upload your Package](#2) -* [How to share your data with others](#3) -* [How to view your oldest Messages](#4) -* [How to view your message & character Count](#5) -* [How to view your discord links or normal links, bad words or favorite messages](#6) -* [How to filter data, if you want to hide a certain option](#7) -* [How to toggle the website theme](#8) -* [How to view the amount of messages with each user or channel](#9) -* [How to cancel the upload while uploading](#10) -* [How to view a demonstration of the website](#11) -* [Can I trust this Website?](#12) -* [How to show or hide some statistics](#13) +- [introduction](#introduction) +- [How to Retrieve your Package](#1) +- [How to Upload your Package](#2) +- [How to share your data with others](#3) +- [How to view your oldest Messages](#4) +- [How to view your message & character Count](#5) +- [How to view your discord links or normal links, bad words or favorite messages](#6) +- [How to filter data, if you want to hide a certain option](#7) +- [How to toggle the website theme](#8) +- [How to view the amount of messages with each user or channel](#9) +- [How to cancel the upload while uploading](#10) +- [How to view a demonstration of the website](#11) +- [Can I trust this Website?](#12) +- [How to show or hide some statistics](#13) ### introduction + Ever wondered what Data discord collects? Or did you ever want to view what's inside of a discord package? Discord Package is a customisable tool that allows you to view your data in a fancy way. You could also use our exporting feature to share your selected data with your friends. ##### 1 + ### How to Retrieve your Package -#### 1. Click on the User Settings icon + +#### 1. Click on the User Settings icon + -#### 2. Click on "Privacy & Safety" +#### 2. Click on "Privacy & Safety" + #### 3. Scroll Down to the end then click on "Request Data " to request your Data + #### 4. Keep checking your email and download your data once reached. The data will be sent to the email associated with your discord account and usually takes up to 24 hours to reach. + - ##### 2 + ### How to Upload your Package + To upload your package you either click on the box and select the zip file you downloaded or by drag and drop. ##### 3 + ### How to share your data with others + If you want to show your statistics to others this is for you. (Note: You can hide options if you want to, for a tutorial [click here](#7)) #### 1. Once you Upload your Data there will be an Export Data button. Click it. + #### 2. Name the file anything and Save it. + #### 3. Send the file you saved to your friends and let them know how to upload the file. They will be able to view your selected data (only the data you selected on the home page when clicking more options). + #### 4. Your Friends can simply go to our website and drag and drop the file they received into the box or manually upload it. + #### 5. Your Friends will be able to view your data! - + ##### 4 + ### How to view your oldest Messages + If you want to view your oldest messages you can do so by clicking on the fire icon next to your username and tag. - ##### 5 + ### How to view your message & character Count + If you want to view your message and character count you can do so by clicking on the first icon / chat icon next to your username and tag. - - ##### 6 + ### How to view your discord links or normal links, bad words or favorite messages + Similarly to the message and character count and oldest messages **(question 4-5)**, hover or press on the heart icon, text with exlamation marks, or the 2 link icons to respectively view your discord links, favorite messages, or bad words. ##### 7 + ### How to filter data, if you want to hide a certain option + Simply click more options on the Home Page and select the option you want to hide. -##### 8 +##### 8 + ### How to toggle the website theme + You can toggle the website theme by clicking on the gear icon and toggling between dark and light ##### 9 + ### How to view the amount of messages with each user or channel + Each user or channel has a message count next to it which you can only hover. In addition to favorite words, curse words, discord links and normal links which you can click to view more details. - ##### 10 + ### How to cancel the upload while uploading + If you want to cancel the upload while uploading you can do so by on the box then the confirm button. ##### 11 + ### How to view a demonstration of the website -If you want to view a demonstration of the website you can do so by clicking on the "Demo" link or by visiting [https://discordpackage.com?demo=true](https://discordpackage.com/?demo=true) +If you want to view a demonstration of the website you can do so by clicking on the "Demo" link or by visiting [https://discordpackage.com?demo=true](https://discordpackage.com/?demo=true) ##### 12 + ### Can I trust this Website? We understand that most websites shared on Discord are scams. They tend to steal your credentials and information but rest assured that we are not one of them. @@ -124,16 +152,15 @@ We understand that most websites shared on Discord are scams. They tend to steal - We do not store any form of data as we don't have any third party services. - Our code is fully open sourced and available for inspection on the Github repository. - - We do not have a backend server. Everything runs on the frontend. - We run the website using Vercel ([Vercel.com](vercel.com)) directly from the main repository. You can observe that by checking the deployments on the Github repository. [https://github.com/peterhanania/Discord-Package/deployments/activity_log?environment=Production](https://github.com/peterhanania/Discord-Package/deployments/activity_log?environment=Production) - - No database, no storage or any other form of data is stored. If you find a security issue or have any other questions, please contact me at peter@pogy.xyz ##### 13 + ### How to show/hide some statistics If you would like to remove certain statistics from your data, or look at some more. Click on `more options` on the main page, scroll down to `statistics` open it and toggle what you wanna see or hide. You can press `select all` then `deselect all` to hide them all in a fast way, or `default` to set the default statistics. diff --git a/next.config.js b/next.config.js index 173b631..86b0c8a 100644 --- a/next.config.js +++ b/next.config.js @@ -1,6 +1,7 @@ /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, + swcMinify: true, images: { domains: [ "upload.wikimedia.org", @@ -9,6 +10,6 @@ const nextConfig = { "better-default-discord.netlify.app", ], }, -}; +} module.exports = nextConfig diff --git a/package.json b/package.json index 681050c..c3d4bce 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,9 @@ "lint": "next lint" }, "dependencies": { + "next": "^12.2.3", + "react": "18.2.0", + "react-dom": "18.2.0", "@headlessui/react": "^1.6.5", "@heroicons/react": "^1.0.6", "@tippyjs/react": "^4.2.6", @@ -19,21 +22,17 @@ "highcharts": "^10.2.0", "highcharts-react-official": "^3.1.0", "moment": "^2.29.4", - "next": "12.1.6", - "npm": "^8.13.2", "papaparse": "^5.3.2", "random-words": "^1.2.0", - "react": "18.2.0", "react-countup": "^6.3.0", - "react-dom": "18.2.0", "react-toastify": "^9.0.5", "snake-case": "^3.0.4" }, "devDependencies": { "autoprefixer": "^10.4.7", - "eslint": "8.18.0", - "eslint-config-next": "12.1.6", + "eslint": "8.20.0", + "eslint-config-next": "12.2.3", "postcss": "^8.4.14", - "tailwindcss": "^3.1.4" + "tailwindcss": "^3.1.6" } } diff --git a/pages/index.js b/pages/index.js index 9da2cc6..7dc7067 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,5 +1,4 @@ import Upload from "../components/Upload"; - import Head from "next/head"; export default function Home() {