Add photos to elements (#30)

Lets users attach photos to an element from the edit screen. Photos are
picked from the device library, downsampled on-device to stay under the
server's 5 MB cap (re-encoded to JPEG via a dimension/quality loop), then
run through the three-step upload: signed URL -> PUT to S3 -> createPhoto.
The resulting ids are sent as the element's complete photoIds set on save,
so the same flow handles adding, removing, and reordering.

Regenerates GraphQL types against the current schema, which also picks up
the createS3Photo/createUnsplashPhoto -> createPhoto consolidation that had
drifted out of the committed types.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: dfalling

bun.lock

@@ -8,6 +8,21 @@ jest.mock('react-native-encrypted-storage', () => ({
   },
 }));
 
+jest.mock('react-native-image-picker', () => ({
+  __esModule: true,
+  launchImageLibrary: jest.fn(() => Promise.resolve({didCancel: true})),
+  launchCamera: jest.fn(() => Promise.resolve({didCancel: true})),
+}));
+
+jest.mock('@bam.tech/react-native-image-resizer', () => ({
+  __esModule: true,
+  default: {
+    createResizedImage: jest.fn(() =>
+      Promise.resolve({uri: 'file:///resized.jpg', size: 1024}),
+    ),
+  },
+}));
+
 jest.mock('@maplibre/maplibre-react-native', () => {
   const React = require('react');
   const passthrough = name => {

jest.setup.js

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.11.0",
+    "@bam.tech/react-native-image-resizer": "^3.0.11",
     "@maplibre/maplibre-react-native": "^11.2.1",
     "@react-native/new-app-screen": "0.85.3",
     "@react-navigation/native": "^7.2.5",
@@ -22,6 +23,7 @@
     "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-encrypted-storage": "^4.0.3",
+    "react-native-image-picker": "^8.2.1",
     "react-native-safe-area-context": "^5.5.2",
     "react-native-screens": "^4.25.2",
     "rn-emoji-keyboard": "^1.7.0"

package.json

@@ -0,0 +1,8 @@
+mutation CreatePhoto($input: PhotoInput!) {
+  createPhoto(input: $input) {
+    id
+    thumbnail
+    regular
+    description
+  }
+}

src/graphql/__generated__/types.ts

@@ -0,0 +1,6 @@
+query CreateUploadUrl($bustCache: Int) {
+  createUploadUrl(bustCache: $bustCache) {
+    url
+    key
+  }
+}