EXIF feature

[chunt007]

After some training, I was given a heads up about this staging area repo. This is my exif data revision suggestion that only scrubs the image before it gets uploaded into the profile pane.

This scrubs EXIF data that you may not have intended to show people

GPS coordinates
camera type

instagram, facebook, and other platforms scrub your image exif by default.

However, some people will want to keep their exif data. But for the purpose of this profile picture, it should be scrubbed. Just incase someone impulsively forgets that they are oversharing personal details with photographs.

I will close the other pull request from #363.
etc.

For now, it is based on the profile picture.

It adds one new file to sections and revises editheadingdialogbox.

[Copilot]

Pull request overview

This PR adds client-side EXIF metadata stripping for profile photo uploads in the Heading edit dialog, aiming to prevent accidental disclosure of sensitive photo metadata (e.g., GPS coordinates) before the image is uploaded.

Changes:

• Add a new stripExifCanvas helper that re-encodes certain image types via a canvas to drop EXIF metadata.
• Apply EXIF stripping in the “Upload” flow of HeadingEditDialog.
• Update package-lock.json with multiple dependency/transitive version bumps.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 4 comments.

File	Description
src/sections/heading/stripExifCanvas.ts	New helper to re-encode JPEG/WebP (and JPG) images via canvas to remove metadata.
src/sections/heading/HeadingEditDialog.ts	Integrates the EXIF-stripping helper into the profile photo upload UI flow.
package-lock.json	Large lockfile update with multiple dependency/transitive bumps alongside the feature change.

Suppressed comments (1)

src/sections/heading/HeadingEditDialog.ts:691

• The camera-capture path currently bypasses EXIF stripping and uploads the raw captured file. Camera photos can contain EXIF (including GPS), so this undermines the privacy goal of the PR for profile pictures.

  const handleCameraInput = async (event: InputEvent) => {
    const file = (event.target as PhotoCapture).value

    if (!file || !basicInfo) return

    try {
        formState.pendingImageFile = file
        setHeadingImagePreview(formState, file)
        basicInfo.status = basicInfo.entryNode ? 'modified' : 'new'

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.