🕉 @feelinglovelynow/get-form-entries

💎 Install

pnpm add @feelinglovelynow/get-form-entries

🤓 Unit Tests

🙏 Description

• Recieves Form Data and responds with an Object
• Converts <input name="foo" value="bar" /> into { foo: 'bar' }
• Converts <input name="image" /> into { image: File }
• Converts <input name="images" multiple /> into { images: File[] }
• If the input support multiple but only 1 file is uploaded => { image: File }
• An array is used for a response value only if multiple files share the same form name (example below)

💚 Example

• Implementation

import { getFormEntries } from '@feelinglovelynow/get-form-entries'

const fields = getFormEntries(formData)

• formData

  FormData <entries>
    0: message → "Hello World!"
​​    1: images → File
​​​     <key>: "images"
​​​     <value>: File
​​    2: images → File
​​​     <key>: "images"
​​​     <value>: File
​​    3: images → File
​​​     <key>: "images"
​​     <value>: File

• Response from getFormEntries(formData)

{
  message: 'Hello World!',
  images: [
    File {
      size: 93146,
      type: 'image/jpeg',
      name: 'glew-fl.jpg',
      lastModified: 1683003052322
    },
    File {
      size: 64056,
      type: 'image/jpeg',
      name: 'violet flame.jpg',
      lastModified: 1683003052322
    },
    File {
      size: 46030,
      type: 'image/jpeg',
      name: 'violet-flame.jpg',
      lastModified: 1683003052323
    }
  ]
}

🔥 Errors we may throw

• getFormEntries()

if (!(data instanceof FormData)) throw { id: 'fln__get-form-entries__invalid-data', message: 'Please pass getFormEntries() FormData', _errorData: { data } }

🎁 All Our Packages

1. @feelinglovelynow/datetime-local: NPM ⋅ Github
2. @feelinglovelynow/dgraph: NPM ⋅ Github
3. @feelinglovelynow/env-write: NPM ⋅ Github
4. @feelinglovelynow/get-form-entries: NPM ⋅ Github
5. @feelinglovelynow/get-relative-time: NPM ⋅ Github
6. @feelinglovelynow/global-style: NPM ⋅ Github
7. @feelinglovelynow/jwt: NPM ⋅ Github
8. @feelinglovelynow/loop-backwards: NPM ⋅ Github
9. @feelinglovelynow/slug: NPM ⋅ Github
10. @feelinglovelynow/svelte-catch: NPM ⋅ Github
11. @feelinglovelynow/svelte-kv: NPM ⋅ Github
12. @feelinglovelynow/svelte-loading-anchor: NPM ⋅ Github
13. @feelinglovelynow/svelte-modal: NPM ⋅ Github
14. @feelinglovelynow/svelte-turnstile: NPM ⋅ Github
15. @feelinglovelynow/toast: NPM ⋅ Github