feat: add media upload pipeline with multipart support, blurhash generation, and R2 storage

- Add project_media table with image/video variants, ordering, and metadata
- Implement multipart upload handlers with 50MB limit
- Generate blurhash placeholders and resize images to thumb/medium/full variants
- Update ProjectCard to use media carousel instead of mock gradients
- Add MediaManager component for drag-drop upload and reordering
This commit is contained in:
2026-01-14 22:34:15 -06:00
parent 39a4e702fd
commit e83133cfcc
33 changed files with 3462 additions and 226 deletions
@@ -0,0 +1,105 @@
{
"db_name": "PostgreSQL",
"query": "\n UPDATE project_media\n SET metadata = $2\n WHERE id = $1\n RETURNING \n id,\n project_id,\n display_order,\n media_type as \"media_type: MediaType\",\n original_filename,\n r2_base_path,\n variants,\n width,\n height,\n size_bytes,\n blurhash,\n metadata,\n created_at\n ",
"describe": {
"columns": [
{
"ordinal": 0,
"name": "id",
"type_info": "Uuid"
},
{
"ordinal": 1,
"name": "project_id",
"type_info": "Uuid"
},
{
"ordinal": 2,
"name": "display_order",
"type_info": "Int4"
},
{
"ordinal": 3,
"name": "media_type: MediaType",
"type_info": {
"Custom": {
"name": "media_type",
"kind": {
"Enum": [
"image",
"video"
]
}
}
}
},
{
"ordinal": 4,
"name": "original_filename",
"type_info": "Text"
},
{
"ordinal": 5,
"name": "r2_base_path",
"type_info": "Text"
},
{
"ordinal": 6,
"name": "variants",
"type_info": "Jsonb"
},
{
"ordinal": 7,
"name": "width",
"type_info": "Int4"
},
{
"ordinal": 8,
"name": "height",
"type_info": "Int4"
},
{
"ordinal": 9,
"name": "size_bytes",
"type_info": "Int8"
},
{
"ordinal": 10,
"name": "blurhash",
"type_info": "Text"
},
{
"ordinal": 11,
"name": "metadata",
"type_info": "Jsonb"
},
{
"ordinal": 12,
"name": "created_at",
"type_info": "Timestamptz"
}
],
"parameters": {
"Left": [
"Uuid",
"Jsonb"
]
},
"nullable": [
false,
false,
false,
false,
false,
false,
false,
true,
true,
false,
true,
true,
false
]
},
"hash": "2697c981355b4a1d46699aa5fe0f2dad6a07e7b46d7c546fa10e2568a35e710d"
}
@@ -0,0 +1,16 @@
{
"db_name": "PostgreSQL",
"query": "UPDATE project_media SET display_order = $1 WHERE id = $2 AND project_id = $3",
"describe": {
"columns": [],
"parameters": {
"Left": [
"Int4",
"Uuid",
"Uuid"
]
},
"nullable": []
},
"hash": "52430d2d1ebf437bd5fac97ab7f3329e0883b4dae1a2ff93850e26f9bde31914"
}
@@ -0,0 +1,104 @@
{
"db_name": "PostgreSQL",
"query": "\n SELECT \n id,\n project_id,\n display_order,\n media_type as \"media_type: MediaType\",\n original_filename,\n r2_base_path,\n variants,\n width,\n height,\n size_bytes,\n blurhash,\n metadata,\n created_at\n FROM project_media\n WHERE project_id = $1\n ORDER BY display_order ASC\n ",
"describe": {
"columns": [
{
"ordinal": 0,
"name": "id",
"type_info": "Uuid"
},
{
"ordinal": 1,
"name": "project_id",
"type_info": "Uuid"
},
{
"ordinal": 2,
"name": "display_order",
"type_info": "Int4"
},
{
"ordinal": 3,
"name": "media_type: MediaType",
"type_info": {
"Custom": {
"name": "media_type",
"kind": {
"Enum": [
"image",
"video"
]
}
}
}
},
{
"ordinal": 4,
"name": "original_filename",
"type_info": "Text"
},
{
"ordinal": 5,
"name": "r2_base_path",
"type_info": "Text"
},
{
"ordinal": 6,
"name": "variants",
"type_info": "Jsonb"
},
{
"ordinal": 7,
"name": "width",
"type_info": "Int4"
},
{
"ordinal": 8,
"name": "height",
"type_info": "Int4"
},
{
"ordinal": 9,
"name": "size_bytes",
"type_info": "Int8"
},
{
"ordinal": 10,
"name": "blurhash",
"type_info": "Text"
},
{
"ordinal": 11,
"name": "metadata",
"type_info": "Jsonb"
},
{
"ordinal": 12,
"name": "created_at",
"type_info": "Timestamptz"
}
],
"parameters": {
"Left": [
"Uuid"
]
},
"nullable": [
false,
false,
false,
false,
false,
false,
false,
true,
true,
false,
true,
true,
false
]
},
"hash": "54b5eb8bf65df8dd3caa1a1fcac9cf71cb9c665ac8d3b86dd63a9692788f7392"
}
@@ -0,0 +1,104 @@
{
"db_name": "PostgreSQL",
"query": "\n SELECT \n id,\n project_id,\n display_order,\n media_type as \"media_type: MediaType\",\n original_filename,\n r2_base_path,\n variants,\n width,\n height,\n size_bytes,\n blurhash,\n metadata,\n created_at\n FROM project_media\n WHERE id = $1\n ",
"describe": {
"columns": [
{
"ordinal": 0,
"name": "id",
"type_info": "Uuid"
},
{
"ordinal": 1,
"name": "project_id",
"type_info": "Uuid"
},
{
"ordinal": 2,
"name": "display_order",
"type_info": "Int4"
},
{
"ordinal": 3,
"name": "media_type: MediaType",
"type_info": {
"Custom": {
"name": "media_type",
"kind": {
"Enum": [
"image",
"video"
]
}
}
}
},
{
"ordinal": 4,
"name": "original_filename",
"type_info": "Text"
},
{
"ordinal": 5,
"name": "r2_base_path",
"type_info": "Text"
},
{
"ordinal": 6,
"name": "variants",
"type_info": "Jsonb"
},
{
"ordinal": 7,
"name": "width",
"type_info": "Int4"
},
{
"ordinal": 8,
"name": "height",
"type_info": "Int4"
},
{
"ordinal": 9,
"name": "size_bytes",
"type_info": "Int8"
},
{
"ordinal": 10,
"name": "blurhash",
"type_info": "Text"
},
{
"ordinal": 11,
"name": "metadata",
"type_info": "Jsonb"
},
{
"ordinal": 12,
"name": "created_at",
"type_info": "Timestamptz"
}
],
"parameters": {
"Left": [
"Uuid"
]
},
"nullable": [
false,
false,
false,
false,
false,
false,
false,
true,
true,
false,
true,
true,
false
]
},
"hash": "9d0e8c98364de65920482389d7f1699ae4710394ed27b472d4e33190cdc0bd19"
}
@@ -0,0 +1,124 @@
{
"db_name": "PostgreSQL",
"query": "\n INSERT INTO project_media (\n project_id, display_order, media_type, original_filename,\n r2_base_path, variants, width, height, size_bytes, blurhash, metadata\n )\n VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11)\n RETURNING \n id,\n project_id,\n display_order,\n media_type as \"media_type: MediaType\",\n original_filename,\n r2_base_path,\n variants,\n width,\n height,\n size_bytes,\n blurhash,\n metadata,\n created_at\n ",
"describe": {
"columns": [
{
"ordinal": 0,
"name": "id",
"type_info": "Uuid"
},
{
"ordinal": 1,
"name": "project_id",
"type_info": "Uuid"
},
{
"ordinal": 2,
"name": "display_order",
"type_info": "Int4"
},
{
"ordinal": 3,
"name": "media_type: MediaType",
"type_info": {
"Custom": {
"name": "media_type",
"kind": {
"Enum": [
"image",
"video"
]
}
}
}
},
{
"ordinal": 4,
"name": "original_filename",
"type_info": "Text"
},
{
"ordinal": 5,
"name": "r2_base_path",
"type_info": "Text"
},
{
"ordinal": 6,
"name": "variants",
"type_info": "Jsonb"
},
{
"ordinal": 7,
"name": "width",
"type_info": "Int4"
},
{
"ordinal": 8,
"name": "height",
"type_info": "Int4"
},
{
"ordinal": 9,
"name": "size_bytes",
"type_info": "Int8"
},
{
"ordinal": 10,
"name": "blurhash",
"type_info": "Text"
},
{
"ordinal": 11,
"name": "metadata",
"type_info": "Jsonb"
},
{
"ordinal": 12,
"name": "created_at",
"type_info": "Timestamptz"
}
],
"parameters": {
"Left": [
"Uuid",
"Int4",
{
"Custom": {
"name": "media_type",
"kind": {
"Enum": [
"image",
"video"
]
}
}
},
"Text",
"Text",
"Jsonb",
"Int4",
"Int4",
"Int8",
"Text",
"Jsonb"
]
},
"nullable": [
false,
false,
false,
false,
false,
false,
false,
true,
true,
false,
true,
true,
false
]
},
"hash": "a9bd8fffc6963610443422abcc07352c88f6ccf65a51b3088ed21648c2b9c193"
}
@@ -0,0 +1,14 @@
{
"db_name": "PostgreSQL",
"query": "DELETE FROM project_media WHERE id = $1",
"describe": {
"columns": [],
"parameters": {
"Left": [
"Uuid"
]
},
"nullable": []
},
"hash": "aa216d4610fc0708f83704558e9f80449ebb401ccfebaeebed7bd09508a0acd3"
}
@@ -0,0 +1,22 @@
{
"db_name": "PostgreSQL",
"query": "\n SELECT COALESCE(MAX(display_order) + 1, 0) as \"next_order!\"\n FROM project_media\n WHERE project_id = $1\n ",
"describe": {
"columns": [
{
"ordinal": 0,
"name": "next_order!",
"type_info": "Int4"
}
],
"parameters": {
"Left": [
"Uuid"
]
},
"nullable": [
null
]
},
"hash": "e98512ebc020d1e9097d07c1ef443ed85243cca7a9a3af251b6ab9c2ef85385f"
}