Autogenerated filename

pages/new.tsx

@@ -13,6 +13,8 @@ import firebase from 'firebase/app';
 import { SharingPermissions } from '../src/components/SharingPermissions';
 import va from '@vercel/analytics';
 
+import { generateRandomFileName } from '../src/fileName';
+
 function classNames(...classes: any[]) {
   return classes.filter(Boolean).join(' ');
 }
@@ -27,7 +29,7 @@ export default function NewFilePage() {
   const { userData, firebaseUser } = useNullableUserContext();
   const router = useRouter();
   const [lang, setLang] = useState<Language>('cpp');
-  const [fileName, setFileName] = useState('');
+  const [fileName, setFileName] = useState(generateRandomFileName());
   const [defaultPerimssion, setDefaultPermission] = useState<
     'READ_WRITE' | 'READ' | 'PRIVATE' | null
   >(null);

src/fileName.ts

@@ -0,0 +1,11 @@
+const adjectives = ['awesome', 'fantastic', 'amazing', 'cool', 'brilliant'];
+const nouns = ['project', 'repo', 'work', 'code', 'app'];
+
+export default function generateRandomFileName() {
+  const randomAdjective =
+    adjectives[Math.floor(Math.random() * adjectives.length)];
+  const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];
+  const randomNumber = Math.floor(Math.random() * 100);
+
+  return `${randomAdjective}-${randomNoun}-${randomNumber}`;
+}