.prettierrc

@@ -1,7 +0,0 @@
-{
-  "trailingComma": "none",
-  "tabWidth": 2,
-  "semi": false,
-  "singleQuote": true,
-  "endOfLine": "auto"
-}

package.json

@@ -9,8 +9,6 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --fix --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "formatter:check": "npx prettier --check \"src/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\"",
-    "formatter:fix": "npx prettier --write \"src/**/*.{ts,tsx,js,jsx,html,css,sass,less,yml,md,graphql}\"",
     "preview": "vite preview"
   },
   "dependencies": {

src/App.tsx

@@ -67,7 +67,7 @@ const App = () => {
         })}
 
         <Route
-          path="*"
+          path='*'
           element={
             <Navigate
               to={

src/components/AppBar/AppBar.tsx

@@ -87,10 +87,10 @@ export const AppBar = () => {
   const isAuthenticated = authState?.loggedIn === true
 
   return (
-    <AppBarMui position="fixed" className={styles.AppBar}>
+    <AppBarMui position='fixed' className={styles.AppBar}>
       <Toolbar className={styles.toolbar}>
         <Box className={styles.logoWrapper}>
-          <img src="/logo.png" alt="Logo" onClick={() => navigate('/')} />
+          <img src='/logo.png' alt='Logo' onClick={() => navigate('/')} />
         </Box>
 
         <Box className={styles.rightSideBox}>
@@ -99,7 +99,7 @@ export const AppBar = () => {
               onClick={() => {
                 navigate(appPublicRoutes.login)
               }}
-              variant="contained"
+              variant='contained'
             >
               Sign in
             </Button>
@@ -113,7 +113,7 @@ export const AppBar = () => {
                 handleClick={handleOpenUserMenu}
               />
               <Menu
-                id="menu-appbar"
+                id='menu-appbar'
                 anchorEl={anchorElUser}
                 anchorOrigin={{
                   vertical: 'bottom',
@@ -133,7 +133,7 @@ export const AppBar = () => {
                     display: { md: 'none' }
                   }}
                 >
-                  <Typography variant="h6">{username}</Typography>
+                  <Typography variant='h6'>{username}</Typography>
                 </MenuItem>
                 <MenuItem
                   onClick={handleProfile}
@@ -145,7 +145,7 @@ export const AppBar = () => {
                 </MenuItem>
                 <Link
                   to={appPublicRoutes.help}
-                  target="_blank"
+                  target='_blank'
                   style={{ color: 'inherit', textDecoration: 'inherit' }}
                 >
                   <MenuItem

src/components/username.tsx

@@ -13,16 +13,16 @@ const Username = ({ username, avatarContent, handleClick }: Props) => {
 
   return (
     <IconButton
-      aria-label="account of current user"
-      aria-controls="menu-appbar"
-      aria-haspopup="true"
+      aria-label='account of current user'
+      aria-controls='menu-appbar'
+      aria-haspopup='true'
       onClick={handleClick}
-      color="inherit"
+      color='inherit'
     >
       <img
         src={avatarContent}
-        alt="user-avatar"
-        className="profile-image"
+        alt='user-avatar'
+        className='profile-image'
         style={{
           borderWidth: '3px',
           borderStyle: hexKey ? 'solid' : 'none',
@@ -30,7 +30,7 @@ const Username = ({ username, avatarContent, handleClick }: Props) => {
         }}
       />
       <Typography
-        variant="h6"
+        variant='h6'
         sx={{
           color: '#3e3e3e',
           padding: '0 8px',

src/controllers/MetadataController.ts

@@ -152,8 +152,9 @@ export class MetadataController {
         created_at: timestamp
       }
 
-      signedMetadataEvent =
-        await this.nostrController.signEvent(newMetadataEvent)
+      signedMetadataEvent = await this.nostrController.signEvent(
+        newMetadataEvent
+      )
     }
 
     await this.nostrController
@@ -221,8 +222,9 @@ export class MetadataController {
       }
 
       // sign job request event
-      const jobSignedEvent =
-        await this.nostrController.signEvent(jobEventTemplate)
+      const jobSignedEvent = await this.nostrController.signEvent(
+        jobEventTemplate
+      )
 
       const relays = [
         'wss://relay.damus.io',

src/controllers/NostrController.ts

@@ -219,10 +219,12 @@ export class NostrController extends EventEmitter {
 
       results.forEach((res, index) => {
         if (res.status === 'rejected') {
-          failedPublishes.push({
-            relay: relays[index],
-            error: res.reason.message
-          })
+          failedPublishes.push(
+            {
+              relay: relays[index],
+              error: res.reason.message
+            }
+          )
         }
       })
 

src/layouts/Main.tsx

@@ -59,13 +59,13 @@ export const MainLayout = () => {
     setIsLoading(false)
   }, [dispatch])
 
-  if (isLoading) return <LoadingSpinner desc="Loading App" />
+  if (isLoading) return <LoadingSpinner desc='Loading App' />
 
   return (
     <>
       <AppBar />
 
-      <Box className="main">
+      <Box className='main'>
         <Container
           sx={{
             position: 'relative',

src/pages/create/index.tsx

@@ -360,10 +360,10 @@ export const CreatePage = () => {
   if (authUrl) {
     return (
       <iframe
-        title="Nsecbunker auth"
+        title='Nsecbunker auth'
         src={authUrl}
-        width="100%"
-        height="500px"
+        width='100%'
+        height='500px'
       />
     )
   }
@@ -372,13 +372,13 @@ export const CreatePage = () => {
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
       <Box className={styles.container}>
-        <Typography component="label" variant="h6">
+        <Typography component='label' variant='h6'>
           Select files
         </Typography>
 
         <MuiFileInput
           multiple
-          placeholder="Choose Files"
+          placeholder='Choose Files'
           value={selectedFiles}
           onChange={(value) => handleSelectFiles(value)}
         />
@@ -386,7 +386,7 @@ export const CreatePage = () => {
         <ul>
           {selectedFiles.map((file, index) => (
             <li key={index}>
-              <Typography component="label">{file.name}</Typography>
+              <Typography component='label'>{file.name}</Typography>
               <IconButton onClick={() => handleRemoveFile(file)}>
                 <Clear style={{ color: 'red' }} />{' '}
               </IconButton>
@@ -396,24 +396,24 @@ export const CreatePage = () => {
 
         {displayUserInput && (
           <>
-            <Typography component="label" variant="h6">
+            <Typography component='label' variant='h6'>
               Select signers and viewers
             </Typography>
             <Box className={styles.inputBlock}>
               <TextField
-                label="nip05 / npub"
+                label='nip05 / npub'
                 value={userInput}
                 onChange={(e) => setUserInput(e.target.value)}
                 helperText={error}
                 error={!!error}
               />
               <FormControl fullWidth>
-                <InputLabel id="select-role-label">Role</InputLabel>
+                <InputLabel id='select-role-label'>Role</InputLabel>
                 <Select
-                  labelId="select-role-label"
-                  id="demo-simple-select"
+                  labelId='select-role-label'
+                  id='demo-simple-select'
                   value={userRole}
-                  label="Role"
+                  label='Role'
                   onChange={(e) => setUserRole(e.target.value as UserRole)}
                 >
                   <MenuItem value={UserRole.signer}>{UserRole.signer}</MenuItem>
@@ -425,7 +425,7 @@ export const CreatePage = () => {
                 <Button
                   disabled={!userInput}
                   onClick={handleAddUser}
-                  variant="contained"
+                  variant='contained'
                 >
                   Add
                 </Button>
@@ -437,7 +437,7 @@ export const CreatePage = () => {
               handleRemoveUser={handleRemoveUser}
             />
             <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
-              <Button onClick={handleCreate} variant="contained">
+              <Button onClick={handleCreate} variant='contained'>
                 Create
               </Button>
             </Box>
@@ -515,8 +515,8 @@ const DisplayUser = ({
                     <img
                       onError={imageLoadError}
                       src={userMeta?.picture || roboUrl}
-                      alt="Profile Image"
-                      className="profile-image"
+                      alt='Profile Image'
+                      className='profile-image'
                       style={{
                         borderWidth: '3px',
                         borderStyle: 'solid',
@@ -524,7 +524,7 @@ const DisplayUser = ({
                       }}
                     />
                     <Link to={getProfileRoute(user.pubkey)}>
-                      <Typography component="label" className={styles.name}>
+                      <Typography component='label' className={styles.name}>
                         {userMeta?.display_name ||
                           userMeta?.name ||
                           shorten(npub)}
@@ -549,7 +549,7 @@ const DisplayUser = ({
                   </Select>
                 </TableCell>
                 <TableCell>
-                  <Tooltip title="Remove User" arrow>
+                  <Tooltip title='Remove User' arrow>
                     <IconButton onClick={() => handleRemoveUser(user.pubkey)}>
                       <Clear style={{ color: 'red' }} />
                     </IconButton>

src/pages/decrypt/index.tsx

@@ -93,7 +93,7 @@ export const DecryptZip = () => {
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
       <Box className={styles.container}>
-        <Typography component="label" variant="h6">
+        <Typography component='label' variant='h6'>
           Select encrypted zip file
         </Typography>
 
@@ -104,11 +104,11 @@ export const DecryptZip = () => {
         >
           {isDraggingOver && (
             <Box className={styles.fileDragOver}>
-              <Typography variant="body1">Drop file here</Typography>
+              <Typography variant='body1'>Drop file here</Typography>
             </Box>
           )}
           <MuiFileInput
-            placeholder="Drop file here, or click to select"
+            placeholder='Drop file here, or click to select'
             value={selectedFile}
             onChange={(value) => setSelectedFile(value)}
             InputProps={{
@@ -119,8 +119,8 @@ export const DecryptZip = () => {
           />
 
           <TextField
-            label="Encryption Key"
-            variant="outlined"
+            label='Encryption Key'
+            variant='outlined'
             value={encryptionKey}
             onChange={(e) => setEncryptionKey(e.target.value)}
           />
@@ -129,7 +129,7 @@ export const DecryptZip = () => {
         <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
           <Button
             onClick={handleDecrypt}
-            variant="contained"
+            variant='contained'
             disabled={!selectedFile || !encryptionKey}
           >
             Decrypt

src/pages/home/index.tsx

@@ -10,13 +10,13 @@ export const HomePage = () => {
     <Box className={styles.container}>
       <Button
         onClick={() => navigate(appPrivateRoutes.create)}
-        variant="contained"
+        variant='contained'
       >
         Create
       </Button>
       <Button
         onClick={() => navigate(appPrivateRoutes.verify)}
-        variant="contained"
+        variant='contained'
       >
         Verify
       </Button>

src/pages/landing/LandingPage.tsx

@@ -57,7 +57,7 @@ export const LandingPage = () => {
                   ? theme.palette.getContrastText(bodyBackgroundColor)
                   : ''
               }}
-              variant="h4"
+              variant='h4'
             >
               What is Nostr?
             </Typography>
@@ -67,14 +67,14 @@ export const LandingPage = () => {
                   ? theme.palette.getContrastText(bodyBackgroundColor)
                   : ''
               }}
-              variant="body1"
+              variant='body1'
             >
               Nostr is a decentralised messaging protocol where YOU own your
               identity. To get started, you must have an existing{' '}
               <a
-                className="bold-link"
-                target="_blank"
-                href="https://nostr.com/"
+                className='bold-link'
+                target='_blank'
+                href='https://nostr.com/'
               >
                 Nostr account
               </a>
@@ -95,7 +95,7 @@ export const LandingPage = () => {
           <div className={styles.loginBottomBar}>
             <Button
               className={styles.loginBtn}
-              variant="contained"
+              variant='contained'
               onClick={onSignInClick}
             >
               GET STARTED

src/pages/login/index.tsx

@@ -53,8 +53,9 @@ export const Login = () => {
         dispatch(updateLoginMethod(LoginMethods.extension))
 
         setLoadingSpinnerDesc('Authenticating and finding metadata')
-        const redirectPath =
-          await authController.authenticateAndFindMetadata(pubkey)
+        const redirectPath = await authController.authenticateAndFindMetadata(
+          pubkey
+        )
 
         navigate(redirectPath)
       })
@@ -289,10 +290,10 @@ export const Login = () => {
   if (authUrl) {
     return (
       <iframe
-        title="Nsecbunker auth"
+        title='Nsecbunker auth'
         src={authUrl}
-        width="100%"
-        height="500px"
+        width='100%'
+        height='500px'
       />
     )
   }
@@ -301,21 +302,21 @@ export const Login = () => {
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
       <div className={styles.loginPage}>
-        <Typography variant="h4">Welcome to Sigit</Typography>
+        <Typography variant='h4'>Welcome to Sigit</Typography>
         <TextField
-          label="nip05 / npub / nsec / bunker connx string"
+          label='nip05 / npub / nsec / bunker connx string'
           value={inputValue}
           onChange={(e) => setInputValue(e.target.value)}
           sx={{ width: '100%', mt: 2 }}
         />
         {isNostrExtensionAvailable && (
-          <Button onClick={loginWithExtension} variant="text">
+          <Button onClick={loginWithExtension} variant='text'>
             Login with extension
           </Button>
         )}
 
         <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
-          <Button disabled={!inputValue} onClick={login} variant="contained">
+          <Button disabled={!inputValue} onClick={login} variant='contained'>
             Login
           </Button>
         </Box>

src/pages/profile/index.tsx

@@ -127,7 +127,7 @@ export const ProfilePage = () => {
         label={label}
         id={label.split(' ').join('-')}
         value={profileMetadata![key] || ''}
-        size="small"
+        size='small'
         multiline={multiline}
         rows={rows}
         className={styles.textField}
@@ -166,7 +166,7 @@ export const ProfilePage = () => {
         label={label}
         id={label.split(' ').join('-')}
         defaultValue={value}
-        size="small"
+        size='small'
         className={styles.textField}
         disabled
         type={isPassword ? 'password' : 'text'}
@@ -236,17 +236,12 @@ export const ProfilePage = () => {
   const robohashButton = () => {
     if (profileMetadata?.picture?.includes('robohash')) return null 
 
-    return (
-      <Tooltip title="Generate a robohash avatar">
-        {avatarLoading ? (
-          <CircularProgress style={{ padding: 8 }} size={22} />
-        ) : (
-          <IconButton onClick={generateRobotAvatar}>
-            <SmartToy />
-          </IconButton>
-        )}
-      </Tooltip>
-    )
+    return <Tooltip title="Generate a robohash avatar">
+      {avatarLoading ? <CircularProgress style={{padding: 8}} size={22}/>
+      : <IconButton onClick={generateRobotAvatar}>
+        <SmartToy/>
+      </IconButton>}
+    </Tooltip>
   }
 
   return (
@@ -289,7 +284,7 @@ export const ProfilePage = () => {
                   }}
                   className={styles.img}
                   src={profileMetadata.picture || placeholderAvatar}
-                  alt="Profile Image"
+                  alt='Profile Image'
                 />
 
                 {nostrJoiningBlock && (
@@ -301,7 +296,7 @@ export const ProfilePage = () => {
                     }}
                     component={Link}
                     to={`https://njump.me/${nostrJoiningBlock.encodedEventPointer}`}
-                    target="_blank"
+                    target='_blank'
                   >
                     On nostr since {nostrJoiningBlock.block.toLocaleString()}
                   </Typography>
@@ -338,7 +333,7 @@ export const ProfilePage = () => {
         {isUsersOwnProfile && (
           <LoadingButton
             loading={savingProfileMetadata}
-            variant="contained"
+            variant='contained'
             onClick={handleSaveMetadata}
           >
             SAVE

src/pages/verify/index.tsx

@@ -455,10 +455,10 @@ export const VerifyPage = () => {
   if (authUrl) {
     return (
       <iframe
-        title="Nsecbunker auth"
+        title='Nsecbunker auth'
         src={authUrl}
-        width="100%"
-        height="500px"
+        width='100%'
+        height='500px'
       />
     )
   }
@@ -469,13 +469,13 @@ export const VerifyPage = () => {
       <Box className={styles.container}>
         {displayInput && (
           <>
-            <Typography component="label" variant="h6">
+            <Typography component='label' variant='h6'>
               Select sigit file
             </Typography>
 
             <Box className={styles.inputBlock}>
               <MuiFileInput
-                placeholder="Select file"
+                placeholder='Select file'
                 value={selectedFile}
                 onChange={(value) => setSelectedFile(value)}
                 InputProps={{
@@ -487,8 +487,8 @@ export const VerifyPage = () => {
 
               {selectedFile && (
                 <TextField
-                  label="Encryption Key"
-                  variant="outlined"
+                  label='Encryption Key'
+                  variant='outlined'
                   value={encryptionKey}
                   onChange={(e) => setEncryptionKey(e.target.value)}
                 />
@@ -497,7 +497,7 @@ export const VerifyPage = () => {
 
             {selectedFile && encryptionKey && (
               <Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}>
-                <Button onClick={handleDecrypt} variant="contained">
+                <Button onClick={handleDecrypt} variant='contained'>
                   Decrypt
                 </Button>
               </Box>
@@ -509,7 +509,7 @@ export const VerifyPage = () => {
           <>
             <DisplayMeta meta={meta} nextSigner={nextSinger} />
             <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
-              <Button onClick={handleExport} variant="contained">
+              <Button onClick={handleExport} variant='contained'>
                 Export
               </Button>
             </Box>
@@ -524,7 +524,7 @@ export const VerifyPage = () => {
           <>
             <DisplayMeta meta={meta} nextSigner={nextSinger} />
             <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
-              <Button onClick={handleSign} variant="contained">
+              <Button onClick={handleSign} variant='contained'>
                 Sign
               </Button>
             </Box>
@@ -661,7 +661,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
           gap: '15px'
         }}
       >
-        <Typography variant="h6" sx={{ color: textColor }}>
+        <Typography variant='h6' sx={{ color: textColor }}>
           Submitted By
         </Typography>
         <Box className={styles.user}>
@@ -671,8 +671,8 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
               metadata[meta.submittedBy]?.picture ||
               getRoboImageUrl(meta.submittedBy)
             }
-            alt="Profile Image"
-            className="profile-image"
+            alt='Profile Image'
+            className='profile-image'
             style={{
               borderWidth: '3px',
               borderStyle: 'solid',
@@ -680,7 +680,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
             }}
           />
           <Link to={getProfileRoute(meta.submittedBy)}>
-            <Typography component="label" className={styles.name}>
+            <Typography component='label' className={styles.name}>
               {metadata[meta.submittedBy]?.display_name ||
                 metadata[meta.submittedBy]?.name ||
                 shorten(hexToNpub(meta.submittedBy))}
@@ -695,7 +695,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
           alignItems: 'flex-start'
         }}
       >
-        <Typography variant="h6" sx={{ color: textColor }}>
+        <Typography variant='h6' sx={{ color: textColor }}>
           Files
         </Typography>
         <ul>
@@ -741,8 +741,8 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
                       <img
                         onError={imageLoadError}
                         src={userMeta?.picture || roboUrl}
-                        alt="Profile Image"
-                        className="profile-image"
+                        alt='Profile Image'
+                        className='profile-image'
                         style={{
                           borderWidth: '3px',
                           borderStyle: 'solid',
@@ -750,7 +750,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
                         }}
                       />
                       <Link to={getProfileRoute(user.pubkey)}>
-                        <Typography component="label" className={styles.name}>
+                        <Typography component='label' className={styles.name}>
                           {userMeta?.display_name ||
                             userMeta?.name ||
                             shorten(npub)}

src/types/errors/DecryptionError.ts

@@ -1,18 +1,17 @@
 export class DecryptionError extends Error {
   public message: string = ''
 
-  constructor(public inputError: any) {
+  constructor(
+    public inputError: any
+  ) {
     super()
 
     if (inputError.message.toLowerCase().includes('expected')) {
       this.message = `The decryption key length or format is invalid.`
-    } else if (
-      inputError.message.includes('The JWK "alg" member was inconsistent')
-    ) {
+    } else if (inputError.message.includes('The JWK "alg" member was inconsistent')) {
       this.message = `The decryption key is invalid.`
     } else {
-      this.message =
-        inputError.message || 'An error occurred while decrypting file.'
+      this.message = inputError.message || 'An error occurred while decrypting file.'
     }
 
     this.name = 'DecryptionError'

src/utils/misc.ts

@@ -18,8 +18,8 @@ export const uploadToFileStorage = async (
   const unixNow = Math.floor(Date.now() / 1000)
 
   // Create a File object with the Blob data
-  const file = new File([blob], `compressed-${unixNow}.sigit`, {
-    type: 'application/sigit'
+  const file = new File([blob], `zipped-${unixNow}.zip`, {
+    type: 'application/zip'
   })
 
   // Define event metadata for authorization
@@ -39,13 +39,13 @@ export const uploadToFileStorage = async (
   const authEvent = await nostrController.signEvent(event)
 
   // URL of the file storage service
-  const FILE_STORAGE_URL = 'https://blossom.sigit.io' // REFACTOR: should be an env
+  const FILE_STORAGE_URL = 'https://blossom.sigit.io'
 
   // Upload the file to the file storage service using Axios
   const response = await axios.put(`${FILE_STORAGE_URL}/upload`, file, {
     headers: {
       Authorization: 'Nostr ' + btoa(JSON.stringify(authEvent)), // Set authorization header
-      'Content-Type': 'application/sigit' // Set content type header
+      'Content-Type': 'application/zip' // Set content type header
     }
   })
 
@@ -166,9 +166,7 @@ export const sendDM = async (
       toast.error('An error occurred while publishing DM')
 
       errResults.forEach((errResult: any) => {
-        toast.error(
-          `Publishing to ${errResult.relay} caused the following error: ${errResult.error}`
-        )
+        toast.error(`Publishing to ${errResult.relay} caused the following error: ${errResult.error}`)
       })
 
       return null