SolidOS / SolidOS/solid-ui

Add general image gallery to form system

Open
#361 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement Form Language
Dominant language
TypeScript
Stars
153
Forks
46
Avg merge
1d 8h
Merged PRs (30d)
7

Description

Quite often we need an image or images to represent someone or something, like an image in a contacts card, or a screenshot of an app in an app store, or a picture of a product in a catalog, or also background photos for profiles, projects, etc.

When the image is added, it can be be, ideally

  • Take n as a picture with the camera
  • uploaded as any file
  • dragged in from anywhere in solid
  • draged from a desktop file
  • dragged from the web (when permitted in browser)
  • selected from one's photos (esp on mobile)
  • Selected from one of ones solid photo libraries

(Obviously circular methods would not be used -- not selected from a photo library to be put in a photo library.)

  • We have code to do this in the contacts
  • Many UI frameworks have picture input APIs we can use

Like colors, pictures allow users to customize things.
Let's make it easy for devs to make it easy for users to add pictures to anything
Let's add picture input and gallery view as form type in the form system.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the existing contacts image code and the form system, then compare them with picture-input APIs from relevant UI frameworks. Define how the requested picture input and gallery form types should cover camera, uploads, drag-and-drop, photos, and photo libraries; the work is done when those form types support the stated image use cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.