Compare commits
1
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2b3aac413d |
@@ -63,7 +63,7 @@ WHERE id = sqlc.arg(id);
|
|||||||
|
|
||||||
-- name: CreatePostImage :exec
|
-- name: CreatePostImage :exec
|
||||||
INSERT INTO post_images (
|
INSERT INTO post_images (
|
||||||
id, post_id, object_key, public_url, description, kind, position, width, height, created_at
|
id, post_id, object_key, public_url, description, position, width, height, created_at
|
||||||
)
|
)
|
||||||
VALUES (
|
VALUES (
|
||||||
sqlc.arg(id),
|
sqlc.arg(id),
|
||||||
@@ -71,7 +71,6 @@ VALUES (
|
|||||||
sqlc.arg(object_key),
|
sqlc.arg(object_key),
|
||||||
sqlc.arg(public_url),
|
sqlc.arg(public_url),
|
||||||
sqlc.arg(description),
|
sqlc.arg(description),
|
||||||
sqlc.arg(kind),
|
|
||||||
sqlc.arg(position),
|
sqlc.arg(position),
|
||||||
sqlc.arg(width),
|
sqlc.arg(width),
|
||||||
sqlc.arg(height),
|
sqlc.arg(height),
|
||||||
@@ -84,7 +83,7 @@ WHERE post_id = sqlc.arg(post_id);
|
|||||||
|
|
||||||
-- name: ListPostImages :many
|
-- name: ListPostImages :many
|
||||||
SELECT
|
SELECT
|
||||||
id, post_id, object_key, public_url, description, kind, position, width, height, created_at
|
id, post_id, object_key, public_url, description, position, width, height, created_at
|
||||||
FROM post_images
|
FROM post_images
|
||||||
WHERE post_id = sqlc.arg(post_id)
|
WHERE post_id = sqlc.arg(post_id)
|
||||||
ORDER BY position;
|
ORDER BY position;
|
||||||
@@ -103,7 +102,7 @@ WITH RECURSIVE thread AS (
|
|||||||
)
|
)
|
||||||
SELECT
|
SELECT
|
||||||
images.id, images.post_id, images.object_key, images.public_url,
|
images.id, images.post_id, images.object_key, images.public_url,
|
||||||
images.description, images.kind, images.position, images.width, images.height, images.created_at
|
images.description, images.position, images.width, images.height, images.created_at
|
||||||
FROM post_images images
|
FROM post_images images
|
||||||
JOIN thread ON thread.id = images.post_id
|
JOIN thread ON thread.id = images.post_id
|
||||||
ORDER BY images.post_id, images.position;
|
ORDER BY images.post_id, images.position;
|
||||||
|
|||||||
@@ -13,7 +13,6 @@ require (
|
|||||||
github.com/jackc/pgx/v5 v5.10.0
|
github.com/jackc/pgx/v5 v5.10.0
|
||||||
github.com/joho/godotenv v1.5.1
|
github.com/joho/godotenv v1.5.1
|
||||||
github.com/resend/resend-go/v3 v3.16.0
|
github.com/resend/resend-go/v3 v3.16.0
|
||||||
github.com/rwcarlsen/goexif v0.0.0-20190401172101-9e8deecbddbd
|
|
||||||
golang.org/x/crypto v0.55.0
|
golang.org/x/crypto v0.55.0
|
||||||
golang.org/x/image v0.45.0
|
golang.org/x/image v0.45.0
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -49,8 +49,6 @@ github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZb
|
|||||||
github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
|
github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
|
||||||
github.com/resend/resend-go/v3 v3.16.0 h1:t0Z/7k2sxnJGw8SjsCM9O8qkq3YRRHzTxWQNjhF2KhE=
|
github.com/resend/resend-go/v3 v3.16.0 h1:t0Z/7k2sxnJGw8SjsCM9O8qkq3YRRHzTxWQNjhF2KhE=
|
||||||
github.com/resend/resend-go/v3 v3.16.0/go.mod h1:iI7VA0NoGjWvsNii5iNC5Dy0llsI3HncXPejhniYzwE=
|
github.com/resend/resend-go/v3 v3.16.0/go.mod h1:iI7VA0NoGjWvsNii5iNC5Dy0llsI3HncXPejhniYzwE=
|
||||||
github.com/rwcarlsen/goexif v0.0.0-20190401172101-9e8deecbddbd h1:CmH9+J6ZSsIjUK3dcGsnCnO41eRBOnY12zwkn5qVwgc=
|
|
||||||
github.com/rwcarlsen/goexif v0.0.0-20190401172101-9e8deecbddbd/go.mod h1:hPqNNc0+uJM6H+SuU8sEs5K5IQeKccPqeSjfgcKGgPk=
|
|
||||||
github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
|
github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
|
||||||
github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
|
github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
|
||||||
github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
|
github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
|
||||||
|
|||||||
@@ -158,32 +158,6 @@ CREATE UNIQUE INDEX IF NOT EXISTS discord_post_links_thread_uidx
|
|||||||
return nil
|
return nil
|
||||||
}
|
}
|
||||||
|
|
||||||
func migratePostImageVideo(ctx context.Context, exec execContext) error {
|
|
||||||
steps := []struct {
|
|
||||||
name string
|
|
||||||
sql string
|
|
||||||
}{
|
|
||||||
{"add kind", `ALTER TABLE post_images ADD COLUMN IF NOT EXISTS kind TEXT NOT NULL DEFAULT 'image'`},
|
|
||||||
{"drop kind check", `ALTER TABLE post_images DROP CONSTRAINT IF EXISTS post_images_kind_check`},
|
|
||||||
{"add kind check", `ALTER TABLE post_images ADD CONSTRAINT post_images_kind_check CHECK (kind IN ('image', 'video'))`},
|
|
||||||
{"drop width check", `ALTER TABLE post_images DROP CONSTRAINT IF EXISTS post_images_width_check`},
|
|
||||||
{"drop height check", `ALTER TABLE post_images DROP CONSTRAINT IF EXISTS post_images_height_check`},
|
|
||||||
{"add width check", `ALTER TABLE post_images ADD CONSTRAINT post_images_width_check CHECK (width >= 0)`},
|
|
||||||
{"add height check", `ALTER TABLE post_images ADD CONSTRAINT post_images_height_check CHECK (height >= 0)`},
|
|
||||||
{"drop image dims check", `ALTER TABLE post_images DROP CONSTRAINT IF EXISTS post_images_image_dims_check`},
|
|
||||||
{"add image dims check", `ALTER TABLE post_images ADD CONSTRAINT post_images_image_dims_check CHECK (kind <> 'image' OR (width > 0 AND height > 0))`},
|
|
||||||
{"drop position check", `ALTER TABLE post_images DROP CONSTRAINT IF EXISTS post_images_position_check`},
|
|
||||||
{"add position check", `ALTER TABLE post_images ADD CONSTRAINT post_images_position_check CHECK (position BETWEEN 0 AND 4)`},
|
|
||||||
{"one video index", `CREATE UNIQUE INDEX IF NOT EXISTS post_images_one_video_uidx ON post_images (post_id) WHERE kind = 'video'`},
|
|
||||||
}
|
|
||||||
for _, step := range steps {
|
|
||||||
if _, err := exec.ExecContext(ctx, step.sql); err != nil {
|
|
||||||
return fmt.Errorf("%s: %w", step.name, err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func migratePostDate(ctx context.Context, exec execContext) error {
|
func migratePostDate(ctx context.Context, exec execContext) error {
|
||||||
steps := []struct {
|
steps := []struct {
|
||||||
name string
|
name string
|
||||||
@@ -377,7 +351,6 @@ CREATE TABLE IF NOT EXISTS schema_migrations (
|
|||||||
{"009_drop_legacy_post_tables", migrateDropLegacyPostTables},
|
{"009_drop_legacy_post_tables", migrateDropLegacyPostTables},
|
||||||
{"010_post_images", migratePostImages},
|
{"010_post_images", migratePostImages},
|
||||||
{"011_discord_post_links", migrateDiscordPostLinks},
|
{"011_discord_post_links", migrateDiscordPostLinks},
|
||||||
{"012_post_image_video", migratePostImageVideo},
|
|
||||||
}
|
}
|
||||||
for _, m := range migrations {
|
for _, m := range migrations {
|
||||||
if applied[m.version] {
|
if applied[m.version] {
|
||||||
|
|||||||
@@ -87,12 +87,6 @@ CREATE TABLE users (
|
|||||||
if err := migrateDiscordPostLinks(ctx, conn); err != nil {
|
if err := migrateDiscordPostLinks(ctx, conn); err != nil {
|
||||||
t.Fatalf("discord post links migration is not idempotent: %v", err)
|
t.Fatalf("discord post links migration is not idempotent: %v", err)
|
||||||
}
|
}
|
||||||
if err := migratePostImageVideo(ctx, conn); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if err := migratePostImageVideo(ctx, conn); err != nil {
|
|
||||||
t.Fatalf("post image video migration is not idempotent: %v", err)
|
|
||||||
}
|
|
||||||
if _, err := conn.ExecContext(ctx, `
|
if _, err := conn.ExecContext(ctx, `
|
||||||
INSERT INTO users (id, name, role)
|
INSERT INTO users (id, name, role)
|
||||||
VALUES ('homeowner', 'Home Owner', 'user'), ('plumber', 'The Plumber', 'admin');
|
VALUES ('homeowner', 'Home Owner', 'user'), ('plumber', 'The Plumber', 'admin');
|
||||||
@@ -124,9 +118,9 @@ VALUES ('homeowner', 'root-1', 1);`); err != nil {
|
|||||||
}
|
}
|
||||||
imageQueries := sqlc.New(conn)
|
imageQueries := sqlc.New(conn)
|
||||||
for _, image := range []sqlc.CreatePostImageParams{
|
for _, image := range []sqlc.CreatePostImageParams{
|
||||||
{ID: "root-image-1", PostID: "root-1", ObjectKey: "posts/root-1/1.jpg", PublicUrl: "https://cdn.example/root-1.jpg", Description: "Valve", Kind: "image", Position: 0, Width: 1200, Height: 900, CreatedAt: "2026-08-26T08:00:00Z"},
|
{ID: "root-image-1", PostID: "root-1", ObjectKey: "posts/root-1/1.jpg", PublicUrl: "https://cdn.example/root-1.jpg", Description: "Valve", Position: 0, Width: 1200, Height: 900, CreatedAt: "2026-08-26T08:00:00Z"},
|
||||||
{ID: "root-image-2", PostID: "root-1", ObjectKey: "posts/root-1/2.png", PublicUrl: "https://cdn.example/root-2.png", Kind: "image", Position: 1, Width: 900, Height: 1200, CreatedAt: "2026-08-26T08:00:00Z"},
|
{ID: "root-image-2", PostID: "root-1", ObjectKey: "posts/root-1/2.png", PublicUrl: "https://cdn.example/root-2.png", Position: 1, Width: 900, Height: 1200, CreatedAt: "2026-08-26T08:00:00Z"},
|
||||||
{ID: "reply-image-1", PostID: "reply-1", ObjectKey: "posts/reply-1/1.jpg", PublicUrl: "https://cdn.example/reply-1.jpg", Description: "Cartridge", Kind: "image", Position: 0, Width: 1000, Height: 1000, CreatedAt: "2026-08-26T09:00:00Z"},
|
{ID: "reply-image-1", PostID: "reply-1", ObjectKey: "posts/reply-1/1.jpg", PublicUrl: "https://cdn.example/reply-1.jpg", Description: "Cartridge", Position: 0, Width: 1000, Height: 1000, CreatedAt: "2026-08-26T09:00:00Z"},
|
||||||
} {
|
} {
|
||||||
if err := imageQueries.CreatePostImage(ctx, image); err != nil {
|
if err := imageQueries.CreatePostImage(ctx, image); err != nil {
|
||||||
t.Fatal(err)
|
t.Fatal(err)
|
||||||
@@ -150,24 +144,10 @@ VALUES ('homeowner', 'root-1', 1);`); err != nil {
|
|||||||
}
|
}
|
||||||
if err := imageQueries.CreatePostImage(ctx, sqlc.CreatePostImageParams{
|
if err := imageQueries.CreatePostImage(ctx, sqlc.CreatePostImageParams{
|
||||||
ID: "too-many", PostID: "root-1", ObjectKey: "posts/root-1/5.jpg",
|
ID: "too-many", PostID: "root-1", ObjectKey: "posts/root-1/5.jpg",
|
||||||
PublicUrl: "https://cdn.example/root-5.jpg", Kind: "image", Position: 5,
|
PublicUrl: "https://cdn.example/root-5.jpg", Position: 4,
|
||||||
Width: 100, Height: 100, CreatedAt: "2026-08-26T08:00:00Z",
|
Width: 100, Height: 100, CreatedAt: "2026-08-26T08:00:00Z",
|
||||||
}); err == nil {
|
}); err == nil {
|
||||||
t.Fatal("position 5 unexpectedly succeeded")
|
t.Fatal("fifth image position unexpectedly succeeded")
|
||||||
}
|
|
||||||
if err := imageQueries.CreatePostImage(ctx, sqlc.CreatePostImageParams{
|
|
||||||
ID: "root-video-1", PostID: "root-1", ObjectKey: "posts/root-1/clip.mp4",
|
|
||||||
PublicUrl: "https://cdn.example/clip.mp4", Kind: "video", Position: 2,
|
|
||||||
Width: 0, Height: 0, CreatedAt: "2026-08-26T08:00:00Z",
|
|
||||||
}); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if err := imageQueries.CreatePostImage(ctx, sqlc.CreatePostImageParams{
|
|
||||||
ID: "root-video-2", PostID: "root-1", ObjectKey: "posts/root-1/clip-2.mp4",
|
|
||||||
PublicUrl: "https://cdn.example/clip-2.mp4", Kind: "video", Position: 3,
|
|
||||||
Width: 0, Height: 0, CreatedAt: "2026-08-26T08:00:00Z",
|
|
||||||
}); err == nil {
|
|
||||||
t.Fatal("second video unexpectedly succeeded")
|
|
||||||
}
|
}
|
||||||
if err := imageQueries.UpsertDiscordPostLink(ctx, sqlc.UpsertDiscordPostLinkParams{
|
if err := imageQueries.UpsertDiscordPostLink(ctx, sqlc.UpsertDiscordPostLinkParams{
|
||||||
PostID: "root-1",
|
PostID: "root-1",
|
||||||
|
|||||||
+3
-32
@@ -29,20 +29,16 @@ const (
|
|||||||
PostStateHidden PostState = "hidden"
|
PostStateHidden PostState = "hidden"
|
||||||
PostStateLocked PostState = "locked"
|
PostStateLocked PostState = "locked"
|
||||||
MaxPostImages = 4
|
MaxPostImages = 4
|
||||||
MaxPostVideos = 1
|
|
||||||
MaxImageDescriptionRunes = 500
|
MaxImageDescriptionRunes = 500
|
||||||
MediaKindImage = "image"
|
|
||||||
MediaKindVideo = "video"
|
|
||||||
)
|
)
|
||||||
|
|
||||||
// PostImage is one ordered public image or video attached to a post.
|
// PostImage is one ordered public image attached to a post.
|
||||||
type PostImage struct {
|
type PostImage struct {
|
||||||
ID string
|
ID string
|
||||||
PostID string
|
PostID string
|
||||||
ObjectKey string
|
ObjectKey string
|
||||||
PublicURL string
|
PublicURL string
|
||||||
Description string
|
Description string
|
||||||
Kind string
|
|
||||||
Position int
|
Position int
|
||||||
Width int
|
Width int
|
||||||
Height int
|
Height int
|
||||||
@@ -204,13 +200,12 @@ func preparePost(p *Post) error {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func preparePostImages(p *Post) error {
|
func preparePostImages(p *Post) error {
|
||||||
if len(p.Images) > MaxPostImages+MaxPostVideos {
|
if len(p.Images) > MaxPostImages {
|
||||||
return fmt.Errorf("%w: at most %d images and %d video are allowed", ErrInvalidPost, MaxPostImages, MaxPostVideos)
|
return fmt.Errorf("%w: at most %d images are allowed", ErrInvalidPost, MaxPostImages)
|
||||||
}
|
}
|
||||||
ids := make(map[string]bool, len(p.Images))
|
ids := make(map[string]bool, len(p.Images))
|
||||||
keys := make(map[string]bool, len(p.Images))
|
keys := make(map[string]bool, len(p.Images))
|
||||||
now := time.Now().UTC().Format(time.RFC3339Nano)
|
now := time.Now().UTC().Format(time.RFC3339Nano)
|
||||||
images, videos := 0, 0
|
|
||||||
for i := range p.Images {
|
for i := range p.Images {
|
||||||
image := &p.Images[i]
|
image := &p.Images[i]
|
||||||
image.ID = strings.TrimSpace(image.ID)
|
image.ID = strings.TrimSpace(image.ID)
|
||||||
@@ -218,13 +213,6 @@ func preparePostImages(p *Post) error {
|
|||||||
image.ObjectKey = strings.TrimSpace(image.ObjectKey)
|
image.ObjectKey = strings.TrimSpace(image.ObjectKey)
|
||||||
image.PublicURL = strings.TrimSpace(image.PublicURL)
|
image.PublicURL = strings.TrimSpace(image.PublicURL)
|
||||||
image.Description = strings.TrimSpace(image.Description)
|
image.Description = strings.TrimSpace(image.Description)
|
||||||
image.Kind = strings.TrimSpace(image.Kind)
|
|
||||||
if image.Kind == "" {
|
|
||||||
image.Kind = MediaKindImage
|
|
||||||
}
|
|
||||||
if image.Kind != MediaKindImage && image.Kind != MediaKindVideo {
|
|
||||||
return fmt.Errorf("%w: invalid media kind", ErrInvalidPost)
|
|
||||||
}
|
|
||||||
if image.ID == "" {
|
if image.ID == "" {
|
||||||
image.ID = uuid.NewString()
|
image.ID = uuid.NewString()
|
||||||
}
|
}
|
||||||
@@ -240,19 +228,10 @@ func preparePostImages(p *Post) error {
|
|||||||
if len([]rune(image.Description)) > MaxImageDescriptionRunes {
|
if len([]rune(image.Description)) > MaxImageDescriptionRunes {
|
||||||
return fmt.Errorf("%w: image description is too long", ErrInvalidPost)
|
return fmt.Errorf("%w: image description is too long", ErrInvalidPost)
|
||||||
}
|
}
|
||||||
if image.Kind == MediaKindImage {
|
|
||||||
images++
|
|
||||||
if image.Width <= 0 || image.Height <= 0 ||
|
if image.Width <= 0 || image.Height <= 0 ||
|
||||||
image.Width > math.MaxInt32 || image.Height > math.MaxInt32 {
|
image.Width > math.MaxInt32 || image.Height > math.MaxInt32 {
|
||||||
return fmt.Errorf("%w: invalid image dimensions", ErrInvalidPost)
|
return fmt.Errorf("%w: invalid image dimensions", ErrInvalidPost)
|
||||||
}
|
}
|
||||||
} else {
|
|
||||||
videos++
|
|
||||||
if image.Width < 0 || image.Height < 0 ||
|
|
||||||
image.Width > math.MaxInt32 || image.Height > math.MaxInt32 {
|
|
||||||
return fmt.Errorf("%w: invalid video dimensions", ErrInvalidPost)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if ids[image.ID] || keys[image.ObjectKey] {
|
if ids[image.ID] || keys[image.ObjectKey] {
|
||||||
return fmt.Errorf("%w: duplicate image", ErrInvalidPost)
|
return fmt.Errorf("%w: duplicate image", ErrInvalidPost)
|
||||||
}
|
}
|
||||||
@@ -263,12 +242,6 @@ func preparePostImages(p *Post) error {
|
|||||||
image.CreatedAt = now
|
image.CreatedAt = now
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if images > MaxPostImages {
|
|
||||||
return fmt.Errorf("%w: at most %d images are allowed", ErrInvalidPost, MaxPostImages)
|
|
||||||
}
|
|
||||||
if videos > MaxPostVideos {
|
|
||||||
return fmt.Errorf("%w: at most %d video is allowed", ErrInvalidPost, MaxPostVideos)
|
|
||||||
}
|
|
||||||
return nil
|
return nil
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -280,7 +253,6 @@ func createPostImages(ctx context.Context, q *sqlc.Queries, images []PostImage)
|
|||||||
ObjectKey: image.ObjectKey,
|
ObjectKey: image.ObjectKey,
|
||||||
PublicUrl: image.PublicURL,
|
PublicUrl: image.PublicURL,
|
||||||
Description: image.Description,
|
Description: image.Description,
|
||||||
Kind: image.Kind,
|
|
||||||
Position: int16(image.Position),
|
Position: int16(image.Position),
|
||||||
Width: int32(image.Width),
|
Width: int32(image.Width),
|
||||||
Height: int32(image.Height),
|
Height: int32(image.Height),
|
||||||
@@ -299,7 +271,6 @@ func postImageFromSQL(image sqlc.PostImage) PostImage {
|
|||||||
ObjectKey: image.ObjectKey,
|
ObjectKey: image.ObjectKey,
|
||||||
PublicURL: image.PublicUrl,
|
PublicURL: image.PublicUrl,
|
||||||
Description: image.Description,
|
Description: image.Description,
|
||||||
Kind: image.Kind,
|
|
||||||
Position: int(image.Position),
|
Position: int(image.Position),
|
||||||
Width: int(image.Width),
|
Width: int(image.Width),
|
||||||
Height: int(image.Height),
|
Height: int(image.Height),
|
||||||
|
|||||||
@@ -338,36 +338,6 @@ func TestMemoryPostImages(t *testing.T) {
|
|||||||
if err := mem.CreatePost(ctx, tooMany); !errors.Is(err, ErrInvalidPost) {
|
if err := mem.CreatePost(ctx, tooMany); !errors.Is(err, ErrInvalidPost) {
|
||||||
t.Fatalf("five-image create error = %v, want ErrInvalidPost", err)
|
t.Fatalf("five-image create error = %v, want ErrInvalidPost", err)
|
||||||
}
|
}
|
||||||
|
|
||||||
withVideo := &Post{
|
|
||||||
AuthorID: homeowner.ID,
|
|
||||||
Title: "With video",
|
|
||||||
Body: "Four photos and a clip.",
|
|
||||||
Images: append(validPostImages(4), PostImage{
|
|
||||||
ID: "clip-1",
|
|
||||||
ObjectKey: "posts/clip-1.mp4",
|
|
||||||
PublicURL: "https://cdn.example/clip-1.mp4",
|
|
||||||
Kind: MediaKindVideo,
|
|
||||||
}),
|
|
||||||
}
|
|
||||||
if err := mem.CreatePost(ctx, withVideo); err != nil {
|
|
||||||
t.Fatalf("four images and one video: %v", err)
|
|
||||||
}
|
|
||||||
if withVideo.Images[4].Kind != MediaKindVideo || withVideo.Images[4].Position != 4 {
|
|
||||||
t.Fatalf("video not stored: %+v", withVideo.Images[4])
|
|
||||||
}
|
|
||||||
twoVideos := &Post{
|
|
||||||
AuthorID: homeowner.ID,
|
|
||||||
Title: "Two clips",
|
|
||||||
Body: "Not allowed.",
|
|
||||||
Images: []PostImage{
|
|
||||||
{ObjectKey: "posts/a.mp4", PublicURL: "https://cdn.example/a.mp4", Kind: MediaKindVideo},
|
|
||||||
{ObjectKey: "posts/b.mp4", PublicURL: "https://cdn.example/b.mp4", Kind: MediaKindVideo},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
if err := mem.CreatePost(ctx, twoVideos); !errors.Is(err, ErrInvalidPost) {
|
|
||||||
t.Fatalf("two-video create error = %v, want ErrInvalidPost", err)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func validPostImages(count int) []PostImage {
|
func validPostImages(count int) []PostImage {
|
||||||
|
|||||||
@@ -35,7 +35,6 @@ type PostImage struct {
|
|||||||
ObjectKey string
|
ObjectKey string
|
||||||
PublicUrl string
|
PublicUrl string
|
||||||
Description string
|
Description string
|
||||||
Kind string
|
|
||||||
Position int16
|
Position int16
|
||||||
Width int32
|
Width int32
|
||||||
Height int32
|
Height int32
|
||||||
|
|||||||
@@ -59,7 +59,7 @@ func (q *Queries) CreatePost(ctx context.Context, arg CreatePostParams) error {
|
|||||||
|
|
||||||
const createPostImage = `-- name: CreatePostImage :exec
|
const createPostImage = `-- name: CreatePostImage :exec
|
||||||
INSERT INTO post_images (
|
INSERT INTO post_images (
|
||||||
id, post_id, object_key, public_url, description, kind, position, width, height, created_at
|
id, post_id, object_key, public_url, description, position, width, height, created_at
|
||||||
)
|
)
|
||||||
VALUES (
|
VALUES (
|
||||||
$1,
|
$1,
|
||||||
@@ -70,8 +70,7 @@ VALUES (
|
|||||||
$6,
|
$6,
|
||||||
$7,
|
$7,
|
||||||
$8,
|
$8,
|
||||||
$9,
|
$9
|
||||||
$10
|
|
||||||
)
|
)
|
||||||
`
|
`
|
||||||
|
|
||||||
@@ -81,7 +80,6 @@ type CreatePostImageParams struct {
|
|||||||
ObjectKey string
|
ObjectKey string
|
||||||
PublicUrl string
|
PublicUrl string
|
||||||
Description string
|
Description string
|
||||||
Kind string
|
|
||||||
Position int16
|
Position int16
|
||||||
Width int32
|
Width int32
|
||||||
Height int32
|
Height int32
|
||||||
@@ -95,7 +93,6 @@ func (q *Queries) CreatePostImage(ctx context.Context, arg CreatePostImageParams
|
|||||||
arg.ObjectKey,
|
arg.ObjectKey,
|
||||||
arg.PublicUrl,
|
arg.PublicUrl,
|
||||||
arg.Description,
|
arg.Description,
|
||||||
arg.Kind,
|
|
||||||
arg.Position,
|
arg.Position,
|
||||||
arg.Width,
|
arg.Width,
|
||||||
arg.Height,
|
arg.Height,
|
||||||
@@ -204,7 +201,7 @@ func (q *Queries) GetRootPostVoteSummary(ctx context.Context, arg GetRootPostVot
|
|||||||
|
|
||||||
const listPostImages = `-- name: ListPostImages :many
|
const listPostImages = `-- name: ListPostImages :many
|
||||||
SELECT
|
SELECT
|
||||||
id, post_id, object_key, public_url, description, kind, position, width, height, created_at
|
id, post_id, object_key, public_url, description, position, width, height, created_at
|
||||||
FROM post_images
|
FROM post_images
|
||||||
WHERE post_id = $1
|
WHERE post_id = $1
|
||||||
ORDER BY position
|
ORDER BY position
|
||||||
@@ -225,7 +222,6 @@ func (q *Queries) ListPostImages(ctx context.Context, postID string) ([]PostImag
|
|||||||
&i.ObjectKey,
|
&i.ObjectKey,
|
||||||
&i.PublicUrl,
|
&i.PublicUrl,
|
||||||
&i.Description,
|
&i.Description,
|
||||||
&i.Kind,
|
|
||||||
&i.Position,
|
&i.Position,
|
||||||
&i.Width,
|
&i.Width,
|
||||||
&i.Height,
|
&i.Height,
|
||||||
@@ -331,7 +327,7 @@ WITH RECURSIVE thread AS (
|
|||||||
)
|
)
|
||||||
SELECT
|
SELECT
|
||||||
images.id, images.post_id, images.object_key, images.public_url,
|
images.id, images.post_id, images.object_key, images.public_url,
|
||||||
images.description, images.kind, images.position, images.width, images.height, images.created_at
|
images.description, images.position, images.width, images.height, images.created_at
|
||||||
FROM post_images images
|
FROM post_images images
|
||||||
JOIN thread ON thread.id = images.post_id
|
JOIN thread ON thread.id = images.post_id
|
||||||
ORDER BY images.post_id, images.position
|
ORDER BY images.post_id, images.position
|
||||||
@@ -352,7 +348,6 @@ func (q *Queries) ListPostThreadImages(ctx context.Context, rootID string) ([]Po
|
|||||||
&i.ObjectKey,
|
&i.ObjectKey,
|
||||||
&i.PublicUrl,
|
&i.PublicUrl,
|
||||||
&i.Description,
|
&i.Description,
|
||||||
&i.Kind,
|
|
||||||
&i.Position,
|
&i.Position,
|
||||||
&i.Width,
|
&i.Width,
|
||||||
&i.Height,
|
&i.Height,
|
||||||
|
|||||||
@@ -1,395 +0,0 @@
|
|||||||
package web
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"errors"
|
|
||||||
"image"
|
|
||||||
"image/jpeg"
|
|
||||||
"image/png"
|
|
||||||
"io"
|
|
||||||
"log"
|
|
||||||
"mime"
|
|
||||||
"mime/multipart"
|
|
||||||
"net/http"
|
|
||||||
"path"
|
|
||||||
"strings"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"github.com/google/uuid"
|
|
||||||
"github.com/rwcarlsen/goexif/exif"
|
|
||||||
"golang.org/x/image/draw"
|
|
||||||
_ "golang.org/x/image/webp"
|
|
||||||
|
|
||||||
"plumber/internal/blob"
|
|
||||||
"plumber/internal/store"
|
|
||||||
)
|
|
||||||
|
|
||||||
const (
|
|
||||||
defaultRequestBodyBytes = 3 << 20
|
|
||||||
postImageMaxFileBytes = 5 << 20
|
|
||||||
postImageMaxRequestBytes = 22 << 20
|
|
||||||
postImageMultipartMemory = 2 << 20
|
|
||||||
postImageMaxSourceDim = 6000
|
|
||||||
postImageMaxSourcePixels = 16_000_000
|
|
||||||
postImageMaxRenderedDim = 1600
|
|
||||||
postImageCleanupTimeout = 10 * time.Second
|
|
||||||
)
|
|
||||||
|
|
||||||
func requestBodyLimit(r *http.Request) int64 {
|
|
||||||
if r.Method != http.MethodPost {
|
|
||||||
return defaultRequestBodyBytes
|
|
||||||
}
|
|
||||||
switch {
|
|
||||||
case r.URL.Path == "/submit", r.URL.Path == "/posts":
|
|
||||||
return postImageMaxRequestBytes
|
|
||||||
case strings.HasPrefix(r.URL.Path, "/posts/") && strings.HasSuffix(r.URL.Path, "/edit"):
|
|
||||||
return postImageMaxRequestBytes
|
|
||||||
default:
|
|
||||||
return defaultRequestBodyBytes
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
type postImageRequestError struct {
|
|
||||||
status int
|
|
||||||
message string
|
|
||||||
cause error
|
|
||||||
}
|
|
||||||
|
|
||||||
func (e *postImageRequestError) Error() string {
|
|
||||||
if e.cause == nil {
|
|
||||||
return e.message
|
|
||||||
}
|
|
||||||
return e.message + ": " + e.cause.Error()
|
|
||||||
}
|
|
||||||
|
|
||||||
func parsePostMutationForm(w http.ResponseWriter, r *http.Request) (func(), bool) {
|
|
||||||
contentType := r.Header.Get("Content-Type")
|
|
||||||
mediaType, _, err := mime.ParseMediaType(contentType)
|
|
||||||
if err != nil && strings.HasPrefix(strings.ToLower(contentType), "multipart/") {
|
|
||||||
http.Error(w, "Could not read image upload.", http.StatusBadRequest)
|
|
||||||
return func() {}, false
|
|
||||||
}
|
|
||||||
if mediaType != "multipart/form-data" {
|
|
||||||
if err := r.ParseForm(); err != nil {
|
|
||||||
writePostImageRequestError(w, err)
|
|
||||||
return func() {}, false
|
|
||||||
}
|
|
||||||
return func() {}, true
|
|
||||||
}
|
|
||||||
if err := r.ParseMultipartForm(postImageMultipartMemory); err != nil {
|
|
||||||
writePostImageRequestError(w, err)
|
|
||||||
return func() {}, false
|
|
||||||
}
|
|
||||||
cleanup := func() {
|
|
||||||
if r.MultipartForm != nil {
|
|
||||||
_ = r.MultipartForm.RemoveAll()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return cleanup, true
|
|
||||||
}
|
|
||||||
|
|
||||||
func writePostImageRequestError(w http.ResponseWriter, err error) {
|
|
||||||
var requestErr *postImageRequestError
|
|
||||||
if errors.As(err, &requestErr) {
|
|
||||||
http.Error(w, requestErr.message, requestErr.status)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
var maxErr *http.MaxBytesError
|
|
||||||
if errors.As(err, &maxErr) {
|
|
||||||
http.Error(w, "Image upload is too large.", http.StatusRequestEntityTooLarge)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
http.Error(w, "Could not read image upload.", http.StatusBadRequest)
|
|
||||||
}
|
|
||||||
|
|
||||||
func (s *Server) postImagesFromForm(
|
|
||||||
ctx context.Context,
|
|
||||||
r *http.Request,
|
|
||||||
postID string,
|
|
||||||
existing []store.PostImage,
|
|
||||||
) ([]store.PostImage, []string, error) {
|
|
||||||
if r.MultipartForm == nil {
|
|
||||||
return append([]store.PostImage(nil), existing...), nil, nil
|
|
||||||
}
|
|
||||||
retained, err := retainedPostImages(r.MultipartForm, existing)
|
|
||||||
if err != nil {
|
|
||||||
return nil, nil, err
|
|
||||||
}
|
|
||||||
files := r.MultipartForm.File["images"]
|
|
||||||
descriptions := r.MultipartForm.Value["image_description"]
|
|
||||||
if len(descriptions) > len(files) {
|
|
||||||
return nil, nil, invalidPostImage("Image descriptions do not match selected images.", nil)
|
|
||||||
}
|
|
||||||
if len(retained)+len(files) > store.MaxPostImages {
|
|
||||||
return nil, nil, invalidPostImage("You can attach up to 4 images.", nil)
|
|
||||||
}
|
|
||||||
if len(files) > 0 && !s.cfg.Blob.Enabled() {
|
|
||||||
return nil, nil, &postImageRequestError{
|
|
||||||
status: http.StatusServiceUnavailable,
|
|
||||||
message: "Image uploads are not configured on this server.",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
images := append([]store.PostImage(nil), retained...)
|
|
||||||
newKeys := make([]string, 0, len(files))
|
|
||||||
for i, header := range files {
|
|
||||||
description := ""
|
|
||||||
if i < len(descriptions) {
|
|
||||||
description = strings.TrimSpace(descriptions[i])
|
|
||||||
}
|
|
||||||
if len([]rune(description)) > store.MaxImageDescriptionRunes {
|
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
return nil, nil, invalidPostImage("Image descriptions must be 500 characters or fewer.", nil)
|
|
||||||
}
|
|
||||||
prepared, err := preparePostImage(header)
|
|
||||||
if err != nil {
|
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
return nil, nil, err
|
|
||||||
}
|
|
||||||
imageID := uuid.NewString()
|
|
||||||
objectKey := path.Join("post-images", postID, imageID+prepared.extension)
|
|
||||||
publicURL, err := s.cfg.Blob.Upload(ctx, blob.FileUpload{
|
|
||||||
Key: objectKey,
|
|
||||||
Body: bytes.NewReader(prepared.body),
|
|
||||||
ContentType: prepared.contentType,
|
|
||||||
Size: int64(len(prepared.body)),
|
|
||||||
})
|
|
||||||
if err != nil {
|
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
return nil, nil, &postImageRequestError{
|
|
||||||
status: http.StatusServiceUnavailable,
|
|
||||||
message: "Could not upload image. Try again later.",
|
|
||||||
cause: err,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
newKeys = append(newKeys, objectKey)
|
|
||||||
images = append(images, store.PostImage{
|
|
||||||
ID: imageID,
|
|
||||||
PostID: postID,
|
|
||||||
ObjectKey: objectKey,
|
|
||||||
PublicURL: publicURL,
|
|
||||||
Description: description,
|
|
||||||
Width: prepared.width,
|
|
||||||
Height: prepared.height,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
return images, newKeys, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func retainedPostImages(form *multipart.Form, existing []store.PostImage) ([]store.PostImage, error) {
|
|
||||||
byID := make(map[string]store.PostImage, len(existing))
|
|
||||||
for _, image := range existing {
|
|
||||||
byID[image.ID] = image
|
|
||||||
}
|
|
||||||
ids := form.Value["existing_image_id"]
|
|
||||||
descriptions := form.Value["existing_image_description"]
|
|
||||||
if len(descriptions) > len(ids) {
|
|
||||||
return nil, invalidPostImage("Existing image descriptions do not match the images.", nil)
|
|
||||||
}
|
|
||||||
seen := make(map[string]bool, len(ids))
|
|
||||||
retained := make([]store.PostImage, 0, len(ids))
|
|
||||||
for i, id := range ids {
|
|
||||||
id = strings.TrimSpace(id)
|
|
||||||
image, ok := byID[id]
|
|
||||||
if !ok || seen[id] {
|
|
||||||
return nil, invalidPostImage("An existing image selection is invalid.", nil)
|
|
||||||
}
|
|
||||||
seen[id] = true
|
|
||||||
if i < len(descriptions) {
|
|
||||||
image.Description = strings.TrimSpace(descriptions[i])
|
|
||||||
}
|
|
||||||
if len([]rune(image.Description)) > store.MaxImageDescriptionRunes {
|
|
||||||
return nil, invalidPostImage("Image descriptions must be 500 characters or fewer.", nil)
|
|
||||||
}
|
|
||||||
retained = append(retained, image)
|
|
||||||
}
|
|
||||||
return retained, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func invalidPostImage(message string, cause error) error {
|
|
||||||
return &postImageRequestError{status: http.StatusBadRequest, message: message, cause: cause}
|
|
||||||
}
|
|
||||||
|
|
||||||
type preparedPostImage struct {
|
|
||||||
body []byte
|
|
||||||
extension string
|
|
||||||
contentType string
|
|
||||||
width int
|
|
||||||
height int
|
|
||||||
}
|
|
||||||
|
|
||||||
func preparePostImage(header *multipart.FileHeader) (preparedPostImage, error) {
|
|
||||||
if header == nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Select a valid image.", nil)
|
|
||||||
}
|
|
||||||
if header.Size > postImageMaxFileBytes {
|
|
||||||
return preparedPostImage{}, &postImageRequestError{
|
|
||||||
status: http.StatusRequestEntityTooLarge,
|
|
||||||
message: "Each image must be 5 MB or smaller.",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
file, err := header.Open()
|
|
||||||
if err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not read image.", err)
|
|
||||||
}
|
|
||||||
defer file.Close()
|
|
||||||
raw, err := io.ReadAll(io.LimitReader(file, postImageMaxFileBytes+1))
|
|
||||||
if err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not read image.", err)
|
|
||||||
}
|
|
||||||
if len(raw) == 0 {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Images cannot be empty.", nil)
|
|
||||||
}
|
|
||||||
if int64(len(raw)) > postImageMaxFileBytes {
|
|
||||||
return preparedPostImage{}, &postImageRequestError{
|
|
||||||
status: http.StatusRequestEntityTooLarge,
|
|
||||||
message: "Each image must be 5 MB or smaller.",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
sniffed := http.DetectContentType(raw)
|
|
||||||
switch sniffed {
|
|
||||||
case "image/jpeg", "image/png", "image/webp":
|
|
||||||
default:
|
|
||||||
return preparedPostImage{}, invalidPostImage("Images must be JPEG, PNG, or WebP.", nil)
|
|
||||||
}
|
|
||||||
cfg, format, err := image.DecodeConfig(bytes.NewReader(raw))
|
|
||||||
if err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not decode image.", err)
|
|
||||||
}
|
|
||||||
if cfg.Width <= 0 || cfg.Height <= 0 ||
|
|
||||||
cfg.Width > postImageMaxSourceDim || cfg.Height > postImageMaxSourceDim ||
|
|
||||||
int64(cfg.Width)*int64(cfg.Height) > postImageMaxSourcePixels {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Image dimensions are too large.", nil)
|
|
||||||
}
|
|
||||||
decoded, decodedFormat, err := image.Decode(bytes.NewReader(raw))
|
|
||||||
if err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not decode image.", err)
|
|
||||||
}
|
|
||||||
if format != "" {
|
|
||||||
decodedFormat = format
|
|
||||||
}
|
|
||||||
if sniffed == "image/jpeg" {
|
|
||||||
decoded = orientPostImage(decoded, jpegOrientation(raw))
|
|
||||||
}
|
|
||||||
decoded = fitPostImage(decoded, postImageMaxRenderedDim)
|
|
||||||
|
|
||||||
var out bytes.Buffer
|
|
||||||
result := preparedPostImage{}
|
|
||||||
switch decodedFormat {
|
|
||||||
case "jpeg":
|
|
||||||
if err := jpeg.Encode(&out, decoded, &jpeg.Options{Quality: 85}); err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not encode image.", err)
|
|
||||||
}
|
|
||||||
result.extension = ".jpg"
|
|
||||||
result.contentType = "image/jpeg"
|
|
||||||
case "png", "webp":
|
|
||||||
if err := png.Encode(&out, decoded); err != nil {
|
|
||||||
return preparedPostImage{}, invalidPostImage("Could not encode image.", err)
|
|
||||||
}
|
|
||||||
result.extension = ".png"
|
|
||||||
result.contentType = "image/png"
|
|
||||||
default:
|
|
||||||
return preparedPostImage{}, invalidPostImage("Images must be JPEG, PNG, or WebP.", nil)
|
|
||||||
}
|
|
||||||
result.body = out.Bytes()
|
|
||||||
result.width = decoded.Bounds().Dx()
|
|
||||||
result.height = decoded.Bounds().Dy()
|
|
||||||
return result, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func jpegOrientation(raw []byte) int {
|
|
||||||
metadata, err := exif.Decode(bytes.NewReader(raw))
|
|
||||||
if err != nil {
|
|
||||||
return 1
|
|
||||||
}
|
|
||||||
tag, err := metadata.Get(exif.Orientation)
|
|
||||||
if err != nil {
|
|
||||||
return 1
|
|
||||||
}
|
|
||||||
orientation, err := tag.Int(0)
|
|
||||||
if err != nil || orientation < 1 || orientation > 8 {
|
|
||||||
return 1
|
|
||||||
}
|
|
||||||
return orientation
|
|
||||||
}
|
|
||||||
|
|
||||||
func orientPostImage(source image.Image, orientation int) image.Image {
|
|
||||||
if orientation <= 1 || orientation > 8 {
|
|
||||||
return source
|
|
||||||
}
|
|
||||||
bounds := source.Bounds()
|
|
||||||
width, height := bounds.Dx(), bounds.Dy()
|
|
||||||
targetWidth, targetHeight := width, height
|
|
||||||
if orientation >= 5 {
|
|
||||||
targetWidth, targetHeight = height, width
|
|
||||||
}
|
|
||||||
target := image.NewNRGBA(image.Rect(0, 0, targetWidth, targetHeight))
|
|
||||||
for y := 0; y < targetHeight; y++ {
|
|
||||||
for x := 0; x < targetWidth; x++ {
|
|
||||||
sourceX, sourceY := x, y
|
|
||||||
switch orientation {
|
|
||||||
case 2:
|
|
||||||
sourceX = width - 1 - x
|
|
||||||
case 3:
|
|
||||||
sourceX, sourceY = width-1-x, height-1-y
|
|
||||||
case 4:
|
|
||||||
sourceY = height - 1 - y
|
|
||||||
case 5:
|
|
||||||
sourceX, sourceY = y, x
|
|
||||||
case 6:
|
|
||||||
sourceX, sourceY = y, height-1-x
|
|
||||||
case 7:
|
|
||||||
sourceX, sourceY = width-1-y, height-1-x
|
|
||||||
case 8:
|
|
||||||
sourceX, sourceY = width-1-y, x
|
|
||||||
}
|
|
||||||
target.Set(x, y, source.At(bounds.Min.X+sourceX, bounds.Min.Y+sourceY))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return target
|
|
||||||
}
|
|
||||||
|
|
||||||
func fitPostImage(source image.Image, maxDimension int) image.Image {
|
|
||||||
bounds := source.Bounds()
|
|
||||||
width, height := bounds.Dx(), bounds.Dy()
|
|
||||||
if width <= maxDimension && height <= maxDimension {
|
|
||||||
return source
|
|
||||||
}
|
|
||||||
scale := float64(maxDimension) / float64(width)
|
|
||||||
if float64(height)*scale > float64(maxDimension) {
|
|
||||||
scale = float64(maxDimension) / float64(height)
|
|
||||||
}
|
|
||||||
targetWidth := max(1, int(float64(width)*scale))
|
|
||||||
targetHeight := max(1, int(float64(height)*scale))
|
|
||||||
target := image.NewNRGBA(image.Rect(0, 0, targetWidth, targetHeight))
|
|
||||||
draw.CatmullRom.Scale(target, target.Bounds(), source, bounds, draw.Over, nil)
|
|
||||||
return target
|
|
||||||
}
|
|
||||||
|
|
||||||
func (s *Server) deletePostImageObjects(keys []string) {
|
|
||||||
if len(keys) == 0 {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
ctx, cancel := context.WithTimeout(context.Background(), postImageCleanupTimeout)
|
|
||||||
defer cancel()
|
|
||||||
for _, key := range keys {
|
|
||||||
if err := s.cfg.Blob.Delete(ctx, key); err != nil {
|
|
||||||
log.Printf("delete post image %s: %v", key, err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func removedPostImageKeys(before, after []store.PostImage) []string {
|
|
||||||
retained := make(map[string]bool, len(after))
|
|
||||||
for _, image := range after {
|
|
||||||
retained[image.ObjectKey] = true
|
|
||||||
}
|
|
||||||
var removed []string
|
|
||||||
for _, image := range before {
|
|
||||||
if !retained[image.ObjectKey] {
|
|
||||||
removed = append(removed, image.ObjectKey)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return removed
|
|
||||||
}
|
|
||||||
@@ -1,443 +0,0 @@
|
|||||||
package web
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"errors"
|
|
||||||
"image"
|
|
||||||
"image/color"
|
|
||||||
"image/jpeg"
|
|
||||||
"image/png"
|
|
||||||
"io"
|
|
||||||
"mime/multipart"
|
|
||||||
"net/http"
|
|
||||||
"net/http/httptest"
|
|
||||||
"sync"
|
|
||||||
"testing"
|
|
||||||
|
|
||||||
"plumber/internal/blob"
|
|
||||||
"plumber/internal/pacific"
|
|
||||||
"plumber/internal/store"
|
|
||||||
)
|
|
||||||
|
|
||||||
func TestPreparePostImage(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
wide := solidPNG(t, 2000, 1000)
|
|
||||||
prepared, err := preparePostImageHeader(t, "wide.png", wide)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if prepared.width != 1600 || prepared.height != 800 ||
|
|
||||||
prepared.extension != ".png" || prepared.contentType != "image/png" {
|
|
||||||
t.Fatalf("prepared PNG = %+v", prepared)
|
|
||||||
}
|
|
||||||
|
|
||||||
jpegBody := solidJPEG(t, 40, 20)
|
|
||||||
prepared, err = preparePostImageHeader(t, "photo.jpg", jpegBody)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if prepared.width != 40 || prepared.height != 20 ||
|
|
||||||
prepared.extension != ".jpg" || prepared.contentType != "image/jpeg" {
|
|
||||||
t.Fatalf("prepared JPEG = %+v", prepared)
|
|
||||||
}
|
|
||||||
|
|
||||||
if _, err := preparePostImageHeader(t, "notes.txt", []byte("not an image")); err == nil {
|
|
||||||
t.Fatal("text upload unexpectedly succeeded")
|
|
||||||
}
|
|
||||||
_, err = preparePostImageHeader(t, "too-large.jpg", make([]byte, postImageMaxFileBytes+1))
|
|
||||||
var requestErr *postImageRequestError
|
|
||||||
if !errors.As(err, &requestErr) || requestErr.status != http.StatusRequestEntityTooLarge {
|
|
||||||
t.Fatalf("oversized file error = %v, want 413 request error", err)
|
|
||||||
}
|
|
||||||
if _, err := preparePostImageHeader(t, "too-wide.png", solidPNG(t, 6001, 1)); err == nil {
|
|
||||||
t.Fatal("oversized dimensions unexpectedly succeeded")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestOrientPostImage(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
source := image.NewNRGBA(image.Rect(0, 0, 2, 1))
|
|
||||||
source.Set(0, 0, color.NRGBA{R: 255, A: 255})
|
|
||||||
source.Set(1, 0, color.NRGBA{B: 255, A: 255})
|
|
||||||
rotated := orientPostImage(source, 6)
|
|
||||||
if rotated.Bounds().Dx() != 1 || rotated.Bounds().Dy() != 2 {
|
|
||||||
t.Fatalf("rotated bounds = %v", rotated.Bounds())
|
|
||||||
}
|
|
||||||
top := color.NRGBAModel.Convert(rotated.At(0, 0)).(color.NRGBA)
|
|
||||||
bottom := color.NRGBAModel.Convert(rotated.At(0, 1)).(color.NRGBA)
|
|
||||||
if top.R != 255 || bottom.B != 255 {
|
|
||||||
t.Fatalf("rotation colors top=%v bottom=%v", top, bottom)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestPostImageMultipartLifecycle(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
images := &recordingImageBlob{}
|
|
||||||
srv, mem := newTestServer(t, Config{Blob: images})
|
|
||||||
handler := srv.Handler()
|
|
||||||
homeowner := seedUser(t, mem, uniq("images"), "hunter22", store.RoleUser)
|
|
||||||
cookies := loginUser(t, handler, homeowner.Username, "hunter22")
|
|
||||||
csrf := csrfForCookies(t, handler, cookies)
|
|
||||||
|
|
||||||
rec := multipartPost(t, handler, "/submit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"title": {"Leaky valve"},
|
|
||||||
"body": {"Two views of the leak."},
|
|
||||||
"city": {"Oakland"},
|
|
||||||
"image_description": {"Front view", "Under the sink"},
|
|
||||||
}, []multipartTestFile{
|
|
||||||
{name: "front.png", body: solidPNG(t, 80, 40)},
|
|
||||||
{name: "under.jpg", body: solidJPEG(t, 40, 80)},
|
|
||||||
}, cookies)
|
|
||||||
if rec.Code != http.StatusSeeOther {
|
|
||||||
t.Fatalf("root image upload status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
roots, err := mem.ListRootPosts(context.Background(), pacific.Today(), homeowner.ID)
|
|
||||||
if err != nil || len(roots) != 1 {
|
|
||||||
t.Fatalf("roots = %+v, %v", roots, err)
|
|
||||||
}
|
|
||||||
root, err := mem.GetPost(context.Background(), roots[0].ID)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if len(root.Images) != 2 ||
|
|
||||||
root.Images[0].Description != "Front view" ||
|
|
||||||
root.Images[1].Description != "Under the sink" {
|
|
||||||
t.Fatalf("root images = %+v", root.Images)
|
|
||||||
}
|
|
||||||
|
|
||||||
rec = multipartPost(t, handler, "/posts", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"parent_id": {root.ID},
|
|
||||||
"body": {"Here is the model label."},
|
|
||||||
"image_description": {"Model label"},
|
|
||||||
}, []multipartTestFile{{name: "label.png", body: solidPNG(t, 60, 30)}}, cookies)
|
|
||||||
if rec.Code != http.StatusSeeOther {
|
|
||||||
t.Fatalf("reply image upload status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
thread, err := mem.GetPostThread(context.Background(), root.ID)
|
|
||||||
if err != nil || len(thread.Replies) != 1 {
|
|
||||||
t.Fatalf("thread = %+v, %v", thread, err)
|
|
||||||
}
|
|
||||||
reply := thread.Replies[0]
|
|
||||||
if len(reply.Images) != 1 || reply.Images[0].Description != "Model label" {
|
|
||||||
t.Fatalf("reply images = %+v", reply.Images)
|
|
||||||
}
|
|
||||||
originalKey := reply.Images[0].ObjectKey
|
|
||||||
|
|
||||||
rec = multipartPost(t, handler, "/posts/"+reply.ID+"/edit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"body": {"Updated label photos."},
|
|
||||||
"existing_image_id": {reply.Images[0].ID},
|
|
||||||
"existing_image_description": {"Existing label"},
|
|
||||||
"image_description": {"Serial number"},
|
|
||||||
}, []multipartTestFile{{name: "serial.jpg", body: solidJPEG(t, 50, 25)}}, cookies)
|
|
||||||
if rec.Code != http.StatusSeeOther {
|
|
||||||
t.Fatalf("image edit status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
edited, err := mem.GetPost(context.Background(), reply.ID)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if len(edited.Images) != 2 ||
|
|
||||||
edited.Images[0].Description != "Existing label" ||
|
|
||||||
edited.Images[1].Description != "Serial number" {
|
|
||||||
t.Fatalf("edited images = %+v", edited.Images)
|
|
||||||
}
|
|
||||||
|
|
||||||
rec = multipartPost(t, handler, "/posts/"+reply.ID+"/edit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"body": {"Keep only the serial number."},
|
|
||||||
"existing_image_id": {edited.Images[1].ID},
|
|
||||||
"existing_image_description": {"Serial number"},
|
|
||||||
}, nil, cookies)
|
|
||||||
if rec.Code != http.StatusSeeOther {
|
|
||||||
t.Fatalf("image removal status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
edited, err = mem.GetPost(context.Background(), reply.ID)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if len(edited.Images) != 1 || edited.Images[0].Description != "Serial number" {
|
|
||||||
t.Fatalf("images after removal = %+v", edited.Images)
|
|
||||||
}
|
|
||||||
if !images.wasDeleted(originalKey) {
|
|
||||||
t.Fatalf("removed object %q was not deleted: %+v", originalKey, images.deletedKeys())
|
|
||||||
}
|
|
||||||
|
|
||||||
uploadsBefore := images.uploadCount()
|
|
||||||
rec = multipartPost(t, handler, "/posts/"+reply.ID+"/edit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"body": {"Invalid retained image."},
|
|
||||||
"existing_image_id": {"not-owned"},
|
|
||||||
}, nil, cookies)
|
|
||||||
if rec.Code != http.StatusBadRequest {
|
|
||||||
t.Fatalf("invalid retained image status = %d, want 400", rec.Code)
|
|
||||||
}
|
|
||||||
unchanged, err := mem.GetPost(context.Background(), reply.ID)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if unchanged.Body != "Keep only the serial number." || len(unchanged.Images) != 1 {
|
|
||||||
t.Fatalf("invalid retained image changed post: %+v", unchanged)
|
|
||||||
}
|
|
||||||
|
|
||||||
files := make([]multipartTestFile, store.MaxPostImages+1)
|
|
||||||
for i := range files {
|
|
||||||
files[i] = multipartTestFile{name: "extra.png", body: solidPNG(t, 10, 10)}
|
|
||||||
}
|
|
||||||
rec = multipartPost(t, handler, "/posts", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"parent_id": {root.ID},
|
|
||||||
"body": {"Too many images."},
|
|
||||||
}, files, cookies)
|
|
||||||
if rec.Code != http.StatusBadRequest {
|
|
||||||
t.Fatalf("five-image status = %d, want 400", rec.Code)
|
|
||||||
}
|
|
||||||
if images.uploadCount() != uploadsBefore {
|
|
||||||
t.Fatal("five-image request uploaded objects before rejecting count")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestPostImageUploadCompensation(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
t.Run("blob failure deletes earlier upload", func(t *testing.T) {
|
|
||||||
images := &recordingImageBlob{failAt: 2}
|
|
||||||
srv, mem := newTestServer(t, Config{Blob: images})
|
|
||||||
handler := srv.Handler()
|
|
||||||
user := seedUser(t, mem, uniq("blob-fail"), "hunter22", store.RoleUser)
|
|
||||||
cookies := loginUser(t, handler, user.Username, "hunter22")
|
|
||||||
csrf := csrfForCookies(t, handler, cookies)
|
|
||||||
rec := multipartPost(t, handler, "/submit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"title": {"Upload failure"},
|
|
||||||
"body": {"Should not persist."},
|
|
||||||
}, []multipartTestFile{
|
|
||||||
{name: "one.png", body: solidPNG(t, 10, 10)},
|
|
||||||
{name: "two.png", body: solidPNG(t, 10, 10)},
|
|
||||||
}, cookies)
|
|
||||||
if rec.Code != http.StatusServiceUnavailable {
|
|
||||||
t.Fatalf("blob failure status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
if images.uploadCount() != 1 || len(images.deletedKeys()) != 1 {
|
|
||||||
t.Fatalf("blob compensation uploads=%d deletes=%v", images.uploadCount(), images.deletedKeys())
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
t.Run("store failure deletes uploaded object", func(t *testing.T) {
|
|
||||||
images := &recordingImageBlob{}
|
|
||||||
mem := store.NewMemory()
|
|
||||||
failing := &failingCreatePostStore{Store: mem}
|
|
||||||
srv := newTestServerStore(t, failing, Config{Blob: images})
|
|
||||||
handler := srv.Handler()
|
|
||||||
user := seedUser(t, mem, uniq("store-fail"), "hunter22", store.RoleUser)
|
|
||||||
cookies := loginUser(t, handler, user.Username, "hunter22")
|
|
||||||
csrf := csrfForCookies(t, handler, cookies)
|
|
||||||
rec := multipartPost(t, handler, "/submit", map[string][]string{
|
|
||||||
"_csrf": {csrf},
|
|
||||||
"title": {"Store failure"},
|
|
||||||
"body": {"Should clean up."},
|
|
||||||
}, []multipartTestFile{{name: "one.png", body: solidPNG(t, 10, 10)}}, cookies)
|
|
||||||
if rec.Code != http.StatusInternalServerError {
|
|
||||||
t.Fatalf("store failure status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
if images.uploadCount() != 1 || len(images.deletedKeys()) != 1 {
|
|
||||||
t.Fatalf("store compensation uploads=%d deletes=%v", images.uploadCount(), images.deletedKeys())
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestPostImageRequestLimits(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
for _, test := range []struct {
|
|
||||||
method string
|
|
||||||
path string
|
|
||||||
want int64
|
|
||||||
}{
|
|
||||||
{http.MethodPost, "/submit", postImageMaxRequestBytes},
|
|
||||||
{http.MethodPost, "/posts", postImageMaxRequestBytes},
|
|
||||||
{http.MethodPost, "/posts/id/edit", postImageMaxRequestBytes},
|
|
||||||
{http.MethodPost, "/login", defaultRequestBodyBytes},
|
|
||||||
{http.MethodGet, "/posts", defaultRequestBodyBytes},
|
|
||||||
} {
|
|
||||||
req := httptest.NewRequest(test.method, test.path, nil)
|
|
||||||
if got := requestBodyLimit(req); got != test.want {
|
|
||||||
t.Errorf("%s %s limit = %d, want %d", test.method, test.path, got, test.want)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
type multipartTestFile struct {
|
|
||||||
name string
|
|
||||||
body []byte
|
|
||||||
}
|
|
||||||
|
|
||||||
func multipartPost(
|
|
||||||
t *testing.T,
|
|
||||||
handler http.Handler,
|
|
||||||
requestPath string,
|
|
||||||
fields map[string][]string,
|
|
||||||
files []multipartTestFile,
|
|
||||||
cookies []*http.Cookie,
|
|
||||||
) *httptest.ResponseRecorder {
|
|
||||||
t.Helper()
|
|
||||||
var body bytes.Buffer
|
|
||||||
writer := multipart.NewWriter(&body)
|
|
||||||
for name, values := range fields {
|
|
||||||
for _, value := range values {
|
|
||||||
if err := writer.WriteField(name, value); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for _, file := range files {
|
|
||||||
part, err := writer.CreateFormFile("images", file.name)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if _, err := part.Write(file.body); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if err := writer.Close(); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
req := httptest.NewRequest(http.MethodPost, requestPath, &body)
|
|
||||||
req.Header.Set("Content-Type", writer.FormDataContentType())
|
|
||||||
for _, cookie := range cookies {
|
|
||||||
req.AddCookie(cookie)
|
|
||||||
}
|
|
||||||
rec := httptest.NewRecorder()
|
|
||||||
handler.ServeHTTP(rec, req)
|
|
||||||
return rec
|
|
||||||
}
|
|
||||||
|
|
||||||
func preparePostImageHeader(t *testing.T, name string, body []byte) (preparedPostImage, error) {
|
|
||||||
t.Helper()
|
|
||||||
var requestBody bytes.Buffer
|
|
||||||
writer := multipart.NewWriter(&requestBody)
|
|
||||||
part, err := writer.CreateFormFile("images", name)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if _, err := part.Write(body); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
if err := writer.Close(); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
req := httptest.NewRequest(http.MethodPost, "/posts", &requestBody)
|
|
||||||
req.Header.Set("Content-Type", writer.FormDataContentType())
|
|
||||||
if err := req.ParseMultipartForm(postImageMultipartMemory); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
defer req.MultipartForm.RemoveAll()
|
|
||||||
return preparePostImage(req.MultipartForm.File["images"][0])
|
|
||||||
}
|
|
||||||
|
|
||||||
func solidPNG(t *testing.T, width, height int) []byte {
|
|
||||||
t.Helper()
|
|
||||||
img := image.NewNRGBA(image.Rect(0, 0, width, height))
|
|
||||||
for y := 0; y < height; y++ {
|
|
||||||
for x := 0; x < width; x++ {
|
|
||||||
img.Set(x, y, color.NRGBA{R: 30, G: 90, B: 140, A: 255})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var out bytes.Buffer
|
|
||||||
if err := png.Encode(&out, img); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
return out.Bytes()
|
|
||||||
}
|
|
||||||
|
|
||||||
func solidJPEG(t *testing.T, width, height int) []byte {
|
|
||||||
t.Helper()
|
|
||||||
img := image.NewNRGBA(image.Rect(0, 0, width, height))
|
|
||||||
for y := 0; y < height; y++ {
|
|
||||||
for x := 0; x < width; x++ {
|
|
||||||
img.Set(x, y, color.NRGBA{R: 140, G: 90, B: 30, A: 255})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var out bytes.Buffer
|
|
||||||
if err := jpeg.Encode(&out, img, &jpeg.Options{Quality: 90}); err != nil {
|
|
||||||
t.Fatal(err)
|
|
||||||
}
|
|
||||||
return out.Bytes()
|
|
||||||
}
|
|
||||||
|
|
||||||
type recordedImageUpload struct {
|
|
||||||
key string
|
|
||||||
contentType string
|
|
||||||
body []byte
|
|
||||||
}
|
|
||||||
|
|
||||||
type recordingImageBlob struct {
|
|
||||||
mu sync.Mutex
|
|
||||||
calls int
|
|
||||||
failAt int
|
|
||||||
uploads []recordedImageUpload
|
|
||||||
deletes []string
|
|
||||||
}
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) Enabled() bool { return true }
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) Upload(_ context.Context, object blob.FileUpload) (string, error) {
|
|
||||||
b.mu.Lock()
|
|
||||||
defer b.mu.Unlock()
|
|
||||||
b.calls++
|
|
||||||
if b.failAt > 0 && b.calls == b.failAt {
|
|
||||||
return "", errors.New("injected upload failure")
|
|
||||||
}
|
|
||||||
body, err := io.ReadAll(object.Body)
|
|
||||||
if err != nil {
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
b.uploads = append(b.uploads, recordedImageUpload{
|
|
||||||
key: object.Key,
|
|
||||||
contentType: object.ContentType,
|
|
||||||
body: body,
|
|
||||||
})
|
|
||||||
return "https://cdn.example/" + object.Key, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) Delete(_ context.Context, key string) error {
|
|
||||||
b.mu.Lock()
|
|
||||||
defer b.mu.Unlock()
|
|
||||||
b.deletes = append(b.deletes, key)
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) uploadCount() int {
|
|
||||||
b.mu.Lock()
|
|
||||||
defer b.mu.Unlock()
|
|
||||||
return len(b.uploads)
|
|
||||||
}
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) deletedKeys() []string {
|
|
||||||
b.mu.Lock()
|
|
||||||
defer b.mu.Unlock()
|
|
||||||
return append([]string(nil), b.deletes...)
|
|
||||||
}
|
|
||||||
|
|
||||||
func (b *recordingImageBlob) wasDeleted(key string) bool {
|
|
||||||
for _, deleted := range b.deletedKeys() {
|
|
||||||
if deleted == key {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
type failingCreatePostStore struct {
|
|
||||||
store.Store
|
|
||||||
}
|
|
||||||
|
|
||||||
func (f *failingCreatePostStore) CreatePost(context.Context, *store.Post) error {
|
|
||||||
return errors.New("injected store failure")
|
|
||||||
}
|
|
||||||
@@ -10,7 +10,6 @@ import (
|
|||||||
"strings"
|
"strings"
|
||||||
|
|
||||||
"github.com/go-chi/chi/v5"
|
"github.com/go-chi/chi/v5"
|
||||||
"github.com/google/uuid"
|
|
||||||
|
|
||||||
"plumber/internal/store"
|
"plumber/internal/store"
|
||||||
)
|
)
|
||||||
@@ -18,11 +17,6 @@ import (
|
|||||||
// handleCreatePost creates either a root question or a reply. Replies are
|
// handleCreatePost creates either a root question or a reply. Replies are
|
||||||
// limited to the root author and admins, and cannot be added to hidden threads.
|
// limited to the root author and admins, and cannot be added to hidden threads.
|
||||||
func (s *Server) handleCreatePost(w http.ResponseWriter, r *http.Request) {
|
func (s *Server) handleCreatePost(w http.ResponseWriter, r *http.Request) {
|
||||||
cleanup, ok := parsePostMutationForm(w, r)
|
|
||||||
if !ok {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
defer cleanup()
|
|
||||||
if !s.requireCSRF(w, r) {
|
if !s.requireCSRF(w, r) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -40,7 +34,6 @@ func (s *Server) handleCreatePost(w http.ResponseWriter, r *http.Request) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
post := &store.Post{
|
post := &store.Post{
|
||||||
ID: uuid.NewString(),
|
|
||||||
AuthorID: user.ID,
|
AuthorID: user.ID,
|
||||||
Body: truncateRunes(body, 12000),
|
Body: truncateRunes(body, 12000),
|
||||||
}
|
}
|
||||||
@@ -75,14 +68,7 @@ func (s *Server) handleCreatePost(w http.ResponseWriter, r *http.Request) {
|
|||||||
root = threadRoot
|
root = threadRoot
|
||||||
}
|
}
|
||||||
|
|
||||||
images, newKeys, err := s.postImagesFromForm(r.Context(), r, post.ID, nil)
|
|
||||||
if err != nil {
|
|
||||||
writePostImageRequestError(w, err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
post.Images = images
|
|
||||||
if err := s.store.CreatePost(r.Context(), post); err != nil {
|
if err := s.store.CreatePost(r.Context(), post); err != nil {
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
if errors.Is(err, store.ErrInvalidPost) {
|
if errors.Is(err, store.ErrInvalidPost) {
|
||||||
http.Error(w, "invalid post", http.StatusBadRequest)
|
http.Error(w, "invalid post", http.StatusBadRequest)
|
||||||
return
|
return
|
||||||
@@ -105,11 +91,6 @@ func (s *Server) handleCreatePost(w http.ResponseWriter, r *http.Request) {
|
|||||||
// handleEditPost updates only a post's body after verifying that the current
|
// handleEditPost updates only a post's body after verifying that the current
|
||||||
// homeowner owns it or that an admin is editing an admin-authored post.
|
// homeowner owns it or that an admin is editing an admin-authored post.
|
||||||
func (s *Server) handleEditPost(w http.ResponseWriter, r *http.Request) {
|
func (s *Server) handleEditPost(w http.ResponseWriter, r *http.Request) {
|
||||||
cleanup, ok := parsePostMutationForm(w, r)
|
|
||||||
if !ok {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
defer cleanup()
|
|
||||||
if !s.requireCSRF(w, r) {
|
if !s.requireCSRF(w, r) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -138,16 +119,8 @@ func (s *Server) handleEditPost(w http.ResponseWriter, r *http.Request) {
|
|||||||
http.Error(w, "post body required", http.StatusBadRequest)
|
http.Error(w, "post body required", http.StatusBadRequest)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
previousImages := append([]store.PostImage(nil), post.Images...)
|
|
||||||
images, newKeys, err := s.postImagesFromForm(r.Context(), r, post.ID, previousImages)
|
|
||||||
if err != nil {
|
|
||||||
writePostImageRequestError(w, err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
post.Body = truncateRunes(body, 12000)
|
post.Body = truncateRunes(body, 12000)
|
||||||
post.Images = images
|
|
||||||
if err := s.store.UpdatePost(r.Context(), post); err != nil {
|
if err := s.store.UpdatePost(r.Context(), post); err != nil {
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
if errors.Is(err, store.ErrInvalidPost) {
|
if errors.Is(err, store.ErrInvalidPost) {
|
||||||
http.Error(w, "invalid post", http.StatusBadRequest)
|
http.Error(w, "invalid post", http.StatusBadRequest)
|
||||||
return
|
return
|
||||||
@@ -159,7 +132,6 @@ func (s *Server) handleEditPost(w http.ResponseWriter, r *http.Request) {
|
|||||||
http.Error(w, "could not save post", http.StatusInternalServerError)
|
http.Error(w, "could not save post", http.StatusInternalServerError)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
s.deletePostImageObjects(removedPostImageKeys(previousImages, images))
|
|
||||||
s.publishPostUpdated(post, root, nil)
|
s.publishPostUpdated(post, root, nil)
|
||||||
http.Redirect(
|
http.Redirect(
|
||||||
w,
|
w,
|
||||||
|
|||||||
@@ -418,12 +418,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
Body: "Water under the cabinet.",
|
Body: "Water under the cabinet.",
|
||||||
City: "Oakland",
|
City: "Oakland",
|
||||||
PostDate: pacific.Today(),
|
PostDate: pacific.Today(),
|
||||||
Images: []store.PostImage{{
|
|
||||||
ID: "root-photo", ObjectKey: "post-images/root-photo.jpg",
|
|
||||||
PublicURL: "https://cdn.example/root-photo.jpg",
|
|
||||||
Description: "Water pooling below the shutoff valve",
|
|
||||||
Width: 1200, Height: 900,
|
|
||||||
}},
|
|
||||||
}
|
}
|
||||||
if err := mem.CreatePost(context.Background(), root); err != nil {
|
if err := mem.CreatePost(context.Background(), root); err != nil {
|
||||||
t.Fatal(err)
|
t.Fatal(err)
|
||||||
@@ -432,11 +426,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
ParentID: &root.ID,
|
ParentID: &root.ID,
|
||||||
AuthorID: homeowner.ID,
|
AuthorID: homeowner.ID,
|
||||||
Body: "The model number is 123.",
|
Body: "The model number is 123.",
|
||||||
Images: []store.PostImage{{
|
|
||||||
ID: "reply-photo", ObjectKey: "post-images/reply-photo.png",
|
|
||||||
PublicURL: "https://cdn.example/reply-photo.png",
|
|
||||||
Width: 900, Height: 1200,
|
|
||||||
}},
|
|
||||||
}
|
}
|
||||||
if err := mem.CreatePost(context.Background(), homeownerReply); err != nil {
|
if err := mem.CreatePost(context.Background(), homeownerReply); err != nil {
|
||||||
t.Fatal(err)
|
t.Fatal(err)
|
||||||
@@ -445,12 +434,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
ParentID: &homeownerReply.ID,
|
ParentID: &homeownerReply.ID,
|
||||||
AuthorID: admin.ID,
|
AuthorID: admin.ID,
|
||||||
Body: "Replace the cartridge.",
|
Body: "Replace the cartridge.",
|
||||||
Images: []store.PostImage{{
|
|
||||||
ID: "admin-photo", ObjectKey: "post-images/admin-photo.webp",
|
|
||||||
PublicURL: "https://cdn.example/admin-photo.webp",
|
|
||||||
Description: "Replacement cartridge orientation",
|
|
||||||
Width: 1000, Height: 1000,
|
|
||||||
}},
|
|
||||||
}
|
}
|
||||||
if err := mem.CreatePost(context.Background(), adminReply); err != nil {
|
if err := mem.CreatePost(context.Background(), adminReply); err != nil {
|
||||||
t.Fatal(err)
|
t.Fatal(err)
|
||||||
@@ -482,19 +465,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
`action="/posts"`,
|
`action="/posts"`,
|
||||||
`data-submit-once`,
|
`data-submit-once`,
|
||||||
`data-submit-button`,
|
`data-submit-button`,
|
||||||
`enctype="multipart/form-data"`,
|
|
||||||
`data-image-picker`,
|
|
||||||
`accept="image/jpeg,image/png,image/webp"`,
|
|
||||||
`aria-live="polite"`,
|
|
||||||
`name="existing_image_id" value="root-photo"`,
|
|
||||||
`name="existing_image_id" value="reply-photo"`,
|
|
||||||
`src="https://cdn.example/root-photo.jpg"`,
|
|
||||||
`alt="Water pooling below the shutoff valve"`,
|
|
||||||
`src="https://cdn.example/reply-photo.png"`,
|
|
||||||
`alt="Photo attached to this post"`,
|
|
||||||
`src="https://cdn.example/admin-photo.webp"`,
|
|
||||||
`loading="lazy" decoding="async"`,
|
|
||||||
`<figcaption>Replacement cartridge orientation</figcaption>`,
|
|
||||||
`action="/posts/` + root.ID + `/edit"`,
|
`action="/posts/` + root.ID + `/edit"`,
|
||||||
`action="/posts/` + homeownerReply.ID + `/edit"`,
|
`action="/posts/` + homeownerReply.ID + `/edit"`,
|
||||||
`href="/questions/` + root.ID + `#post-` + root.ID + `"`,
|
`href="/questions/` + root.ID + `#post-` + root.ID + `"`,
|
||||||
@@ -510,9 +480,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
if got := strings.Count(body, ">Permalink</a>"); got != 3 {
|
if got := strings.Count(body, ">Permalink</a>"); got != 3 {
|
||||||
t.Fatalf("question page rendered %d permalinks, want 3: %s", got, body)
|
t.Fatalf("question page rendered %d permalinks, want 3: %s", got, body)
|
||||||
}
|
}
|
||||||
if got := strings.Count(body, `data-image-picker`); got != 5 {
|
|
||||||
t.Fatalf("question page rendered %d image pickers, want 5: %s", got, body)
|
|
||||||
}
|
|
||||||
if strings.Contains(body, `action="/posts/`+adminReply.ID+`/edit"`) {
|
if strings.Contains(body, `action="/posts/`+adminReply.ID+`/edit"`) {
|
||||||
t.Fatalf("homeowner can edit admin reply: %s", body)
|
t.Fatalf("homeowner can edit admin reply: %s", body)
|
||||||
}
|
}
|
||||||
@@ -528,63 +495,6 @@ func TestQuestionPageRendersNestedPostControls(t *testing.T) {
|
|||||||
strings.Contains(rec.Body.String(), `action="/posts/`+root.ID+`/edit"`) {
|
strings.Contains(rec.Body.String(), `action="/posts/`+root.ID+`/edit"`) {
|
||||||
t.Fatalf("admin edit controls are incorrect: %d %s", rec.Code, rec.Body.String())
|
t.Fatalf("admin edit controls are incorrect: %d %s", rec.Code, rec.Body.String())
|
||||||
}
|
}
|
||||||
|
|
||||||
rec = httptest.NewRecorder()
|
|
||||||
req = httptest.NewRequest(http.MethodGet, "/", nil)
|
|
||||||
for _, cookie := range homeownerCookies {
|
|
||||||
req.AddCookie(cookie)
|
|
||||||
}
|
|
||||||
handler.ServeHTTP(rec, req)
|
|
||||||
if rec.Code != http.StatusOK {
|
|
||||||
t.Fatalf("hunt page status = %d: %s", rec.Code, rec.Body.String())
|
|
||||||
}
|
|
||||||
if strings.Contains(rec.Body.String(), "cdn.example") {
|
|
||||||
t.Fatalf("hunt page rendered post images: %s", rec.Body.String())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestImagePickerAssetsAreServed(t *testing.T) {
|
|
||||||
t.Parallel()
|
|
||||||
|
|
||||||
srv, _ := newTestServer(t, Config{})
|
|
||||||
handler := srv.Handler()
|
|
||||||
for _, asset := range []struct {
|
|
||||||
path string
|
|
||||||
wants []string
|
|
||||||
}{
|
|
||||||
{
|
|
||||||
path: "/static/app.js",
|
|
||||||
wants: []string{
|
|
||||||
`const pickerSelector = "[data-image-picker]"`,
|
|
||||||
`new DataTransfer()`,
|
|
||||||
`addEventListener("drop"`,
|
|
||||||
`resetImagePicker`,
|
|
||||||
`URL.revokeObjectURL`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/static/app.css",
|
|
||||||
wants: []string{
|
|
||||||
`.image-dropzone`,
|
|
||||||
`.image-dropzone:focus-within`,
|
|
||||||
`.image-preview-list`,
|
|
||||||
`.post-image-grid`,
|
|
||||||
`@media (max-width: 520px)`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
} {
|
|
||||||
rec := httptest.NewRecorder()
|
|
||||||
req := httptest.NewRequest(http.MethodGet, asset.path, nil)
|
|
||||||
handler.ServeHTTP(rec, req)
|
|
||||||
if rec.Code != http.StatusOK {
|
|
||||||
t.Fatalf("%s status = %d", asset.path, rec.Code)
|
|
||||||
}
|
|
||||||
for _, want := range asset.wants {
|
|
||||||
if !strings.Contains(rec.Body.String(), want) {
|
|
||||||
t.Errorf("%s missing %q", asset.path, want)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func waitForMail(t *testing.T, recording *mail.Recording, want int) []mail.PostReply {
|
func waitForMail(t *testing.T, recording *mail.Recording, want int) []mail.PostReply {
|
||||||
|
|||||||
+1
-26
@@ -18,7 +18,6 @@ import (
|
|||||||
"github.com/alexedwards/scs/v2"
|
"github.com/alexedwards/scs/v2"
|
||||||
"github.com/go-chi/chi/v5"
|
"github.com/go-chi/chi/v5"
|
||||||
"github.com/go-chi/chi/v5/middleware"
|
"github.com/go-chi/chi/v5/middleware"
|
||||||
"github.com/google/uuid"
|
|
||||||
|
|
||||||
"plumber/internal/blob"
|
"plumber/internal/blob"
|
||||||
"plumber/internal/events"
|
"plumber/internal/events"
|
||||||
@@ -105,11 +104,6 @@ type threadPostCtx struct {
|
|||||||
Depth int
|
Depth int
|
||||||
}
|
}
|
||||||
|
|
||||||
type imagePickerCtx struct {
|
|
||||||
ID string
|
|
||||||
Images []store.PostImage
|
|
||||||
}
|
|
||||||
|
|
||||||
func New(st store.Store, sessionStore scs.Store, templateFS fs.FS, staticFS fs.FS, cfg Config) (*Server, error) {
|
func New(st store.Store, sessionStore scs.Store, templateFS fs.FS, staticFS fs.FS, cfg Config) (*Server, error) {
|
||||||
if cfg.Blob == nil {
|
if cfg.Blob == nil {
|
||||||
cfg.Blob = blob.Disabled{}
|
cfg.Blob = blob.Disabled{}
|
||||||
@@ -124,12 +118,6 @@ func New(st store.Store, sessionStore scs.Store, templateFS fs.FS, staticFS fs.F
|
|||||||
"postCtx": func(user *store.User, csrf string, root, post *store.Post, depth int) threadPostCtx {
|
"postCtx": func(user *store.User, csrf string, root, post *store.Post, depth int) threadPostCtx {
|
||||||
return threadPostCtx{User: user, CSRF: csrf, Root: root, Post: post, Depth: depth}
|
return threadPostCtx{User: user, CSRF: csrf, Root: root, Post: post, Depth: depth}
|
||||||
},
|
},
|
||||||
"imagePicker": func(id string, images []store.PostImage) imagePickerCtx {
|
|
||||||
return imagePickerCtx{ID: id, Images: images}
|
|
||||||
},
|
|
||||||
"newImagePicker": func(id string) imagePickerCtx {
|
|
||||||
return imagePickerCtx{ID: id}
|
|
||||||
},
|
|
||||||
"add": func(a, b int) int { return a + b },
|
"add": func(a, b int) int { return a + b },
|
||||||
"rank": func(i int) int { return i + 1 },
|
"rank": func(i int) int { return i + 1 },
|
||||||
"isAdmin": func(u *store.User) bool { return u.Admin() },
|
"isAdmin": func(u *store.User) bool { return u.Admin() },
|
||||||
@@ -195,7 +183,7 @@ func (s *Server) Handler() http.Handler {
|
|||||||
r.Use(middleware.Recoverer)
|
r.Use(middleware.Recoverer)
|
||||||
r.Use(func(next http.Handler) http.Handler {
|
r.Use(func(next http.Handler) http.Handler {
|
||||||
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||||
r.Body = http.MaxBytesReader(w, r.Body, requestBodyLimit(r))
|
r.Body = http.MaxBytesReader(w, r.Body, 3<<20)
|
||||||
next.ServeHTTP(w, r)
|
next.ServeHTTP(w, r)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@@ -344,11 +332,6 @@ func (s *Server) handleSubmitForm(w http.ResponseWriter, r *http.Request) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func (s *Server) handleSubmit(w http.ResponseWriter, r *http.Request) {
|
func (s *Server) handleSubmit(w http.ResponseWriter, r *http.Request) {
|
||||||
cleanup, ok := parsePostMutationForm(w, r)
|
|
||||||
if !ok {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
defer cleanup()
|
|
||||||
if !s.requireCSRF(w, r) {
|
if !s.requireCSRF(w, r) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -380,20 +363,12 @@ func (s *Server) handleSubmit(w http.ResponseWriter, r *http.Request) {
|
|||||||
city = truncateRunes(city, 80)
|
city = truncateRunes(city, 80)
|
||||||
}
|
}
|
||||||
post := &store.Post{
|
post := &store.Post{
|
||||||
ID: uuid.NewString(),
|
|
||||||
AuthorID: u.ID,
|
AuthorID: u.ID,
|
||||||
Title: title,
|
Title: title,
|
||||||
Body: body,
|
Body: body,
|
||||||
City: city,
|
City: city,
|
||||||
}
|
}
|
||||||
images, newKeys, err := s.postImagesFromForm(r.Context(), r, post.ID, nil)
|
|
||||||
if err != nil {
|
|
||||||
writePostImageRequestError(w, err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
post.Images = images
|
|
||||||
if err := s.store.CreatePost(r.Context(), post); err != nil {
|
if err := s.store.CreatePost(r.Context(), post); err != nil {
|
||||||
s.deletePostImageObjects(newKeys)
|
|
||||||
http.Error(w, "could not save question", http.StatusInternalServerError)
|
http.Error(w, "could not save question", http.StatusInternalServerError)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -173,11 +173,6 @@ func TestRegisterLoginAsk(t *testing.T) {
|
|||||||
`id="submit-progress"`,
|
`id="submit-progress"`,
|
||||||
`data-submit-once`,
|
`data-submit-once`,
|
||||||
`data-submit-button`,
|
`data-submit-button`,
|
||||||
`enctype="multipart/form-data"`,
|
|
||||||
`data-image-picker`,
|
|
||||||
`id="submit-images"`,
|
|
||||||
`accept="image/jpeg,image/png,image/webp"`,
|
|
||||||
`Add up to 4 JPEG, PNG, or WebP images.`,
|
|
||||||
} {
|
} {
|
||||||
if !strings.Contains(rec.Body.String(), want) {
|
if !strings.Contains(rec.Body.String(), want) {
|
||||||
t.Fatalf("submit form missing %q: %s", want, rec.Body.String())
|
t.Fatalf("submit form missing %q: %s", want, rec.Body.String())
|
||||||
|
|||||||
+3
-13
@@ -48,23 +48,13 @@ CREATE TABLE IF NOT EXISTS post_images (
|
|||||||
object_key TEXT NOT NULL UNIQUE,
|
object_key TEXT NOT NULL UNIQUE,
|
||||||
public_url TEXT NOT NULL,
|
public_url TEXT NOT NULL,
|
||||||
description TEXT NOT NULL DEFAULT '' CHECK (char_length(description) <= 500),
|
description TEXT NOT NULL DEFAULT '' CHECK (char_length(description) <= 500),
|
||||||
kind TEXT NOT NULL DEFAULT 'image',
|
position SMALLINT NOT NULL CHECK (position BETWEEN 0 AND 3),
|
||||||
position SMALLINT NOT NULL,
|
width INTEGER NOT NULL CHECK (width > 0),
|
||||||
width INTEGER NOT NULL,
|
height INTEGER NOT NULL CHECK (height > 0),
|
||||||
height INTEGER NOT NULL,
|
|
||||||
created_at TEXT NOT NULL,
|
created_at TEXT NOT NULL,
|
||||||
CONSTRAINT post_images_kind_check CHECK (kind IN ('image', 'video')),
|
|
||||||
CONSTRAINT post_images_width_check CHECK (width >= 0),
|
|
||||||
CONSTRAINT post_images_height_check CHECK (height >= 0),
|
|
||||||
CONSTRAINT post_images_image_dims_check CHECK (kind <> 'image' OR (width > 0 AND height > 0)),
|
|
||||||
CONSTRAINT post_images_position_check CHECK (position BETWEEN 0 AND 4),
|
|
||||||
UNIQUE (post_id, position)
|
UNIQUE (post_id, position)
|
||||||
);
|
);
|
||||||
|
|
||||||
CREATE UNIQUE INDEX IF NOT EXISTS post_images_one_video_uidx
|
|
||||||
ON post_images (post_id)
|
|
||||||
WHERE kind = 'video';
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS post_votes (
|
CREATE TABLE IF NOT EXISTS post_votes (
|
||||||
user_id TEXT NOT NULL REFERENCES users(id),
|
user_id TEXT NOT NULL REFERENCES users(id),
|
||||||
post_id TEXT NOT NULL REFERENCES posts(id) ON DELETE CASCADE,
|
post_id TEXT NOT NULL REFERENCES posts(id) ON DELETE CASCADE,
|
||||||
|
|||||||
-245
@@ -749,243 +749,6 @@ input:focus, textarea:focus, .btn:focus-visible, .chip:focus-visible, .vote-btn:
|
|||||||
|
|
||||||
.post-form-actions .btn { flex: 1 1 10rem; }
|
.post-form-actions .btn { flex: 1 1 10rem; }
|
||||||
|
|
||||||
.image-picker {
|
|
||||||
min-width: 0;
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-picker legend {
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 0;
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 0.68rem;
|
|
||||||
letter-spacing: 0.12em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--muted);
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-picker-hint {
|
|
||||||
margin: 0 0 8px;
|
|
||||||
color: var(--muted);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.7rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
text-wrap: pretty;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone {
|
|
||||||
position: relative;
|
|
||||||
min-height: 108px;
|
|
||||||
display: grid;
|
|
||||||
place-content: center;
|
|
||||||
gap: 8px;
|
|
||||||
padding: 18px 72px 18px 18px;
|
|
||||||
border: 1px dashed var(--zinc);
|
|
||||||
border-radius: 3px;
|
|
||||||
background: #181a1d;
|
|
||||||
transition: border-color 140ms ease, background-color 140ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone:hover,
|
|
||||||
.image-dropzone.is-dragging {
|
|
||||||
border-color: var(--signal);
|
|
||||||
background: #202124;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone:focus-within {
|
|
||||||
outline: 2px solid var(--signal);
|
|
||||||
outline-offset: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-input {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
z-index: 1;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
opacity: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone-label {
|
|
||||||
display: grid;
|
|
||||||
gap: 3px;
|
|
||||||
pointer-events: none;
|
|
||||||
text-align: center;
|
|
||||||
color: var(--ink);
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone-label strong {
|
|
||||||
font-family: var(--sans);
|
|
||||||
font-size: 0.95rem;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0;
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-dropzone-label span {
|
|
||||||
color: var(--muted);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.68rem;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-picker-count {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
color: var(--muted);
|
|
||||||
background: var(--panel);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.65rem;
|
|
||||||
letter-spacing: 0.06em;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-picker-error {
|
|
||||||
margin: 8px 0 0;
|
|
||||||
color: #ffd0d0;
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.72rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-list {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
gap: 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview {
|
|
||||||
min-width: 0;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr;
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
border-radius: 3px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #141516;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview[hidden] { display: none; }
|
|
||||||
|
|
||||||
.image-preview-media {
|
|
||||||
position: relative;
|
|
||||||
aspect-ratio: 4 / 3;
|
|
||||||
background: var(--bg);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-media img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-tag {
|
|
||||||
position: absolute;
|
|
||||||
top: 8px;
|
|
||||||
left: 8px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
background: rgba(20, 21, 22, 0.9);
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
color: var(--ink);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.6rem;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-fields {
|
|
||||||
min-width: 0;
|
|
||||||
display: grid;
|
|
||||||
align-content: start;
|
|
||||||
gap: 7px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-fields label {
|
|
||||||
display: grid;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-preview-name {
|
|
||||||
margin: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
color: var(--muted);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.68rem;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-remove {
|
|
||||||
width: fit-content;
|
|
||||||
min-height: 44px;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
color: var(--muted);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.68rem;
|
|
||||||
letter-spacing: 0.06em;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-transform: uppercase;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-remove:hover { color: #ffd0d0; }
|
|
||||||
.image-remove:focus-visible {
|
|
||||||
outline: 2px solid var(--signal);
|
|
||||||
outline-offset: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-image-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
gap: 8px;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-image-grid-1 { grid-template-columns: minmax(0, 1fr); }
|
|
||||||
|
|
||||||
.post-image {
|
|
||||||
min-width: 0;
|
|
||||||
margin: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
border-radius: 3px;
|
|
||||||
background: #141516;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-image img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-height: 32rem;
|
|
||||||
aspect-ratio: 4 / 3;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-image-grid-1 .post-image img {
|
|
||||||
height: auto;
|
|
||||||
aspect-ratio: auto;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-image figcaption {
|
|
||||||
padding: 8px 10px;
|
|
||||||
border-top: 1px solid var(--line);
|
|
||||||
color: var(--muted);
|
|
||||||
font-family: var(--mono);
|
|
||||||
font-size: 0.7rem;
|
|
||||||
line-height: 1.45;
|
|
||||||
overflow-wrap: anywhere;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-permalink {
|
.post-permalink {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -1034,16 +797,8 @@ input:focus, textarea:focus, .btn:focus-visible, .chip:focus-visible, .vote-btn:
|
|||||||
.panel-wrap { padding: 32px; }
|
.panel-wrap { padding: 32px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 520px) {
|
|
||||||
.image-preview-list,
|
|
||||||
.post-image-grid {
|
|
||||||
grid-template-columns: minmax(0, 1fr);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.btn-primary:hover { filter: none; }
|
.btn-primary:hover { filter: none; }
|
||||||
.image-dropzone { transition: none; }
|
|
||||||
.submit-progress-bar {
|
.submit-progress-bar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
animation: none;
|
animation: none;
|
||||||
|
|||||||
-194
@@ -1,9 +1,5 @@
|
|||||||
(() => {
|
(() => {
|
||||||
const formSelector = "form[data-submit-once]";
|
const formSelector = "form[data-submit-once]";
|
||||||
const pickerSelector = "[data-image-picker]";
|
|
||||||
const allowedImageTypes = new Set(["image/jpeg", "image/png", "image/webp"]);
|
|
||||||
const maxImageBytes = 5 * 1024 * 1024;
|
|
||||||
const pickerStates = new WeakMap();
|
|
||||||
|
|
||||||
function progressIndicator() {
|
function progressIndicator() {
|
||||||
return document.getElementById("submit-progress");
|
return document.getElementById("submit-progress");
|
||||||
@@ -25,193 +21,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function existingImageCount(picker) {
|
|
||||||
return picker.querySelectorAll("[data-existing-image]:not([hidden])").length;
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateImageCount(picker, state) {
|
|
||||||
const count = existingImageCount(picker) + state.entries.length;
|
|
||||||
const status = picker.querySelector("[data-image-count]");
|
|
||||||
if (status) {
|
|
||||||
status.textContent = `${count} of ${state.max}`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showImageError(picker, message) {
|
|
||||||
const error = picker.querySelector("[data-image-error]");
|
|
||||||
if (!error) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
error.textContent = message;
|
|
||||||
error.hidden = !message;
|
|
||||||
}
|
|
||||||
|
|
||||||
function imageFileAllowed(file) {
|
|
||||||
if (allowedImageTypes.has(file.type)) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (file.type) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return /\.(jpe?g|png|webp)$/i.test(file.name);
|
|
||||||
}
|
|
||||||
|
|
||||||
function sameImageFile(left, right) {
|
|
||||||
return left.name === right.name &&
|
|
||||||
left.size === right.size &&
|
|
||||||
left.lastModified === right.lastModified;
|
|
||||||
}
|
|
||||||
|
|
||||||
function syncImageInput(state) {
|
|
||||||
const transfer = new DataTransfer();
|
|
||||||
state.entries.forEach((entry) => transfer.items.add(entry.file));
|
|
||||||
state.input.files = transfer.files;
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeNewImage(picker, state, entry) {
|
|
||||||
const index = state.entries.indexOf(entry);
|
|
||||||
if (index === -1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
state.entries.splice(index, 1);
|
|
||||||
URL.revokeObjectURL(entry.previewURL);
|
|
||||||
entry.card.remove();
|
|
||||||
syncImageInput(state);
|
|
||||||
showImageError(picker, "");
|
|
||||||
updateImageCount(picker, state);
|
|
||||||
}
|
|
||||||
|
|
||||||
function addImageFiles(picker, state, files) {
|
|
||||||
showImageError(picker, "");
|
|
||||||
const uniqueFiles = files.filter((file) =>
|
|
||||||
!state.entries.some((entry) => sameImageFile(entry.file, file))
|
|
||||||
);
|
|
||||||
const available = state.max - existingImageCount(picker) - state.entries.length;
|
|
||||||
if (uniqueFiles.length > available) {
|
|
||||||
showImageError(
|
|
||||||
picker,
|
|
||||||
available > 0
|
|
||||||
? `You can add ${available} more ${available === 1 ? "image" : "images"}.`
|
|
||||||
: "You already have 4 images selected."
|
|
||||||
);
|
|
||||||
syncImageInput(state);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
for (const file of uniqueFiles) {
|
|
||||||
if (!imageFileAllowed(file)) {
|
|
||||||
showImageError(picker, "Images must be JPEG, PNG, or WebP.");
|
|
||||||
syncImageInput(state);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (file.size > maxImageBytes) {
|
|
||||||
showImageError(picker, `${file.name} is larger than 5 MB.`);
|
|
||||||
syncImageInput(state);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
uniqueFiles.forEach((file) => {
|
|
||||||
const fragment = state.template.content.cloneNode(true);
|
|
||||||
const card = fragment.querySelector("[data-new-image]");
|
|
||||||
const preview = fragment.querySelector("[data-image-preview]");
|
|
||||||
const name = fragment.querySelector("[data-image-name]");
|
|
||||||
const previewURL = URL.createObjectURL(file);
|
|
||||||
preview.src = previewURL;
|
|
||||||
if (name) {
|
|
||||||
name.textContent = file.name;
|
|
||||||
}
|
|
||||||
const entry = { file, card, previewURL };
|
|
||||||
const removeButton = card.querySelector("[data-remove-image]");
|
|
||||||
removeButton.setAttribute("aria-label", `Remove selected image: ${file.name}`);
|
|
||||||
removeButton.addEventListener("click", () => {
|
|
||||||
removeNewImage(picker, state, entry);
|
|
||||||
});
|
|
||||||
state.list.appendChild(fragment);
|
|
||||||
state.entries.push(entry);
|
|
||||||
});
|
|
||||||
syncImageInput(state);
|
|
||||||
updateImageCount(picker, state);
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetImagePicker(picker) {
|
|
||||||
const state = pickerStates.get(picker);
|
|
||||||
if (!state) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
state.entries.forEach((entry) => {
|
|
||||||
URL.revokeObjectURL(entry.previewURL);
|
|
||||||
entry.card.remove();
|
|
||||||
});
|
|
||||||
state.entries = [];
|
|
||||||
state.input.value = "";
|
|
||||||
picker.querySelectorAll("[data-existing-image]").forEach((card) => {
|
|
||||||
card.hidden = false;
|
|
||||||
card.querySelectorAll("input").forEach((input) => {
|
|
||||||
input.disabled = false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
showImageError(picker, "");
|
|
||||||
updateImageCount(picker, state);
|
|
||||||
}
|
|
||||||
|
|
||||||
function initializeImagePicker(picker) {
|
|
||||||
if (
|
|
||||||
pickerStates.has(picker) ||
|
|
||||||
typeof DataTransfer === "undefined" ||
|
|
||||||
typeof URL.createObjectURL !== "function"
|
|
||||||
) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const input = picker.querySelector("[data-image-input]");
|
|
||||||
const dropzone = picker.querySelector("[data-image-dropzone]");
|
|
||||||
const list = picker.querySelector("[data-image-list]");
|
|
||||||
const template = picker.querySelector("[data-image-template]");
|
|
||||||
if (!input || !dropzone || !list || !template) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const state = {
|
|
||||||
input,
|
|
||||||
list,
|
|
||||||
template,
|
|
||||||
entries: [],
|
|
||||||
max: Number.parseInt(picker.dataset.maxImages, 10) || 4,
|
|
||||||
};
|
|
||||||
pickerStates.set(picker, state);
|
|
||||||
updateImageCount(picker, state);
|
|
||||||
|
|
||||||
input.addEventListener("change", () => {
|
|
||||||
addImageFiles(picker, state, Array.from(input.files));
|
|
||||||
});
|
|
||||||
picker.querySelectorAll("[data-existing-image]").forEach((card) => {
|
|
||||||
card.querySelector("[data-remove-image]").addEventListener("click", () => {
|
|
||||||
card.hidden = true;
|
|
||||||
card.querySelectorAll("input").forEach((existingInput) => {
|
|
||||||
existingInput.disabled = true;
|
|
||||||
});
|
|
||||||
showImageError(picker, "");
|
|
||||||
updateImageCount(picker, state);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
["dragenter", "dragover"].forEach((eventName) => {
|
|
||||||
dropzone.addEventListener(eventName, (event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
dropzone.classList.add("is-dragging");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
["dragleave", "drop"].forEach((eventName) => {
|
|
||||||
dropzone.addEventListener(eventName, (event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
dropzone.classList.remove("is-dragging");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
dropzone.addEventListener("drop", (event) => {
|
|
||||||
addImageFiles(picker, state, Array.from(event.dataTransfer.files));
|
|
||||||
});
|
|
||||||
picker.closest("form")?.addEventListener("reset", () => {
|
|
||||||
window.setTimeout(() => resetImagePicker(picker), 0);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener("submit", (event) => {
|
document.addEventListener("submit", (event) => {
|
||||||
const form = event.target.closest(formSelector);
|
const form = event.target.closest(formSelector);
|
||||||
if (!form) {
|
if (!form) {
|
||||||
@@ -241,12 +50,9 @@
|
|||||||
|
|
||||||
window.addEventListener("pageshow", () => {
|
window.addEventListener("pageshow", () => {
|
||||||
document.querySelectorAll(formSelector).forEach(resetForm);
|
document.querySelectorAll(formSelector).forEach(resetForm);
|
||||||
document.querySelectorAll(pickerSelector).forEach(resetImagePicker);
|
|
||||||
const progress = progressIndicator();
|
const progress = progressIndicator();
|
||||||
if (progress) {
|
if (progress) {
|
||||||
progress.hidden = true;
|
progress.hidden = true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
document.querySelectorAll(pickerSelector).forEach(initializeImagePicker);
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
@@ -1,85 +0,0 @@
|
|||||||
{{define "imagePicker"}}
|
|
||||||
<fieldset class="image-picker" data-image-picker data-max-images="4">
|
|
||||||
<legend>Photos <span class="optional">(optional)</span></legend>
|
|
||||||
<p id="{{.ID}}-hint" class="image-picker-hint">
|
|
||||||
Add up to 4 JPEG, PNG, or WebP images. Each image can be up to 5 MB.
|
|
||||||
</p>
|
|
||||||
<div class="image-dropzone" data-image-dropzone>
|
|
||||||
<input id="{{.ID}}" class="image-input" type="file" name="images"
|
|
||||||
accept="image/jpeg,image/png,image/webp" multiple
|
|
||||||
aria-describedby="{{.ID}}-hint {{.ID}}-status {{.ID}}-error"
|
|
||||||
data-image-input>
|
|
||||||
<label class="image-dropzone-label" for="{{.ID}}">
|
|
||||||
<strong>Drop photos here</strong>
|
|
||||||
<span>or click to browse</span>
|
|
||||||
</label>
|
|
||||||
<span id="{{.ID}}-status" class="image-picker-count" role="status"
|
|
||||||
aria-live="polite" data-image-count>{{len .Images}} of 4</span>
|
|
||||||
</div>
|
|
||||||
<p id="{{.ID}}-error" class="image-picker-error" role="alert"
|
|
||||||
data-image-error hidden></p>
|
|
||||||
|
|
||||||
<div class="image-preview-list" data-image-list>
|
|
||||||
{{range .Images}}
|
|
||||||
<article class="image-preview" data-image-card data-existing-image>
|
|
||||||
<div class="image-preview-media">
|
|
||||||
<img src="{{.PublicURL}}" alt="" width="{{.Width}}" height="{{.Height}}">
|
|
||||||
<span class="image-preview-tag">Saved</span>
|
|
||||||
</div>
|
|
||||||
<div class="image-preview-fields">
|
|
||||||
<input type="hidden" name="existing_image_id" value="{{.ID}}">
|
|
||||||
<label for="{{$.ID}}-description-{{.ID}}">
|
|
||||||
Image description <span class="optional">(optional)</span>
|
|
||||||
</label>
|
|
||||||
<input id="{{$.ID}}-description-{{.ID}}" type="text"
|
|
||||||
name="existing_image_description" maxlength="500"
|
|
||||||
value="{{.Description}}" placeholder="What should people notice?">
|
|
||||||
<button class="image-remove" type="button" data-remove-image
|
|
||||||
aria-label="Remove image{{if .Description}}: {{.Description}}{{end}}">
|
|
||||||
Remove
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
{{end}}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<template data-image-template>
|
|
||||||
<article class="image-preview" data-image-card data-new-image>
|
|
||||||
<div class="image-preview-media">
|
|
||||||
<img alt="" data-image-preview>
|
|
||||||
<span class="image-preview-tag">New</span>
|
|
||||||
</div>
|
|
||||||
<div class="image-preview-fields">
|
|
||||||
<p class="image-preview-name" data-image-name></p>
|
|
||||||
<label>
|
|
||||||
Image description <span class="optional">(optional)</span>
|
|
||||||
<input type="text" name="image_description" maxlength="500"
|
|
||||||
placeholder="What should people notice?">
|
|
||||||
</label>
|
|
||||||
<button class="image-remove" type="button" data-remove-image
|
|
||||||
aria-label="Remove selected image">
|
|
||||||
Remove
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</template>
|
|
||||||
<noscript>
|
|
||||||
<p class="image-picker-hint">Image previews and removal while editing require JavaScript.</p>
|
|
||||||
</noscript>
|
|
||||||
</fieldset>
|
|
||||||
{{end}}
|
|
||||||
|
|
||||||
{{define "postImages"}}
|
|
||||||
{{if .Images}}
|
|
||||||
<div class="post-image-grid post-image-grid-{{len .Images}}">
|
|
||||||
{{range .Images}}
|
|
||||||
<figure class="post-image">
|
|
||||||
<img src="{{.PublicURL}}" width="{{.Width}}" height="{{.Height}}"
|
|
||||||
alt="{{if .Description}}{{.Description}}{{else}}Photo attached to this post{{end}}"
|
|
||||||
loading="lazy" decoding="async">
|
|
||||||
{{if .Description}}<figcaption>{{.Description}}</figcaption>{{end}}
|
|
||||||
</figure>
|
|
||||||
{{end}}
|
|
||||||
</div>
|
|
||||||
{{end}}
|
|
||||||
{{end}}
|
|
||||||
@@ -3,13 +3,12 @@
|
|||||||
{{if canReply .User .Root}}
|
{{if canReply .User .Root}}
|
||||||
<details class="post-composer">
|
<details class="post-composer">
|
||||||
<summary>Reply</summary>
|
<summary>Reply</summary>
|
||||||
<form class="post-form" method="post" action="/posts" enctype="multipart/form-data"
|
<form class="post-form" method="post" action="/posts"
|
||||||
data-submit-once data-submitting-label="Posting…">
|
data-submit-once data-submitting-label="Posting…">
|
||||||
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
||||||
<input type="hidden" name="parent_id" value="{{.Post.ID}}">
|
<input type="hidden" name="parent_id" value="{{.Post.ID}}">
|
||||||
<label for="reply-{{.Post.ID}}">Reply to {{.Post.AuthorName}}</label>
|
<label for="reply-{{.Post.ID}}">Reply to {{.Post.AuthorName}}</label>
|
||||||
<textarea id="reply-{{.Post.ID}}" name="body" rows="5" required maxlength="12000"></textarea>
|
<textarea id="reply-{{.Post.ID}}" name="body" rows="5" required maxlength="12000"></textarea>
|
||||||
{{template "imagePicker" (newImagePicker (printf "reply-images-%s" .Post.ID))}}
|
|
||||||
<div class="post-form-actions">
|
<div class="post-form-actions">
|
||||||
<button type="submit" class="btn btn-primary" data-submit-button>Post reply</button>
|
<button type="submit" class="btn btn-primary" data-submit-button>Post reply</button>
|
||||||
<button type="reset" class="btn btn-ghost"
|
<button type="reset" class="btn btn-ghost"
|
||||||
@@ -21,16 +20,13 @@
|
|||||||
{{if canEditPost .User .Post}}
|
{{if canEditPost .User .Post}}
|
||||||
<details class="post-composer">
|
<details class="post-composer">
|
||||||
<summary>Edit</summary>
|
<summary>Edit</summary>
|
||||||
<form class="post-form" method="post" action="/posts/{{.Post.ID}}/edit"
|
<form class="post-form" method="post" action="/posts/{{.Post.ID}}/edit">
|
||||||
enctype="multipart/form-data"
|
|
||||||
data-submit-once data-submitting-label="Saving…">
|
|
||||||
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
||||||
<label for="edit-{{.Post.ID}}">Edit post</label>
|
<label for="edit-{{.Post.ID}}">Edit post</label>
|
||||||
<textarea id="edit-{{.Post.ID}}" name="body" rows="5" required
|
<textarea id="edit-{{.Post.ID}}" name="body" rows="5" required
|
||||||
maxlength="12000">{{.Post.Body}}</textarea>
|
maxlength="12000">{{.Post.Body}}</textarea>
|
||||||
{{template "imagePicker" (imagePicker (printf "edit-images-%s" .Post.ID) .Post.Images)}}
|
|
||||||
<div class="post-form-actions">
|
<div class="post-form-actions">
|
||||||
<button type="submit" class="btn btn-primary" data-submit-button>Save changes</button>
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
<button type="reset" class="btn btn-ghost"
|
<button type="reset" class="btn btn-ghost"
|
||||||
onclick="this.closest('details').removeAttribute('open')">Cancel</button>
|
onclick="this.closest('details').removeAttribute('open')">Cancel</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -63,7 +59,6 @@
|
|||||||
</p>
|
</p>
|
||||||
</header>
|
</header>
|
||||||
<p class="post-body">{{.Post.Body}}</p>
|
<p class="post-body">{{.Post.Body}}</p>
|
||||||
{{template "postImages" .Post}}
|
|
||||||
{{template "postActions" .}}
|
{{template "postActions" .}}
|
||||||
{{if .Post.Replies}}
|
{{if .Post.Replies}}
|
||||||
<div class="post-replies">
|
<div class="post-replies">
|
||||||
|
|||||||
@@ -17,7 +17,6 @@
|
|||||||
{{if isEdited .Question}}<span class="edited">Edited</span>{{end}}
|
{{if isEdited .Question}}<span class="edited">Edited</span>{{end}}
|
||||||
</p>
|
</p>
|
||||||
<p class="post-body">{{.Question.Body}}</p>
|
<p class="post-body">{{.Question.Body}}</p>
|
||||||
{{template "postImages" .Question}}
|
|
||||||
{{template "postActions" (postCtx .User .CSRF .Question .Question 0)}}
|
{{template "postActions" (postCtx .User .CSRF .Question .Question 0)}}
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<h1>Ask a question</h1>
|
<h1>Ask a question</h1>
|
||||||
<p class="lede">It lands on today’s hunt (Pacific time). People vote; the ranking resets at midnight PT.</p>
|
<p class="lede">It lands on today’s hunt (Pacific time). People vote; the ranking resets at midnight PT.</p>
|
||||||
{{if .Error}}<p class="banner error" role="alert">{{.Error}}</p>{{end}}
|
{{if .Error}}<p class="banner error" role="alert">{{.Error}}</p>{{end}}
|
||||||
<form class="ask" method="post" action="/submit" enctype="multipart/form-data"
|
<form class="ask" method="post" action="/submit"
|
||||||
data-submit-once data-submitting-label="Posting…">
|
data-submit-once data-submitting-label="Posting…">
|
||||||
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
<input type="hidden" name="_csrf" value="{{.CSRF}}">
|
||||||
<label for="title">Title</label>
|
<label for="title">Title</label>
|
||||||
@@ -13,7 +13,6 @@
|
|||||||
<textarea id="body" name="body" rows="8" required maxlength="8000" placeholder="Age of the house, what you already tried, where you are in the Bay if it helps.">{{.BodyVal}}</textarea>
|
<textarea id="body" name="body" rows="8" required maxlength="8000" placeholder="Age of the house, what you already tried, where you are in the Bay if it helps.">{{.BodyVal}}</textarea>
|
||||||
<label for="city">City <span class="optional">(optional)</span></label>
|
<label for="city">City <span class="optional">(optional)</span></label>
|
||||||
<input id="city" name="city" type="text" maxlength="80" value="{{.CityVal}}" placeholder="Oakland">
|
<input id="city" name="city" type="text" maxlength="80" value="{{.CityVal}}" placeholder="Oakland">
|
||||||
{{template "imagePicker" (newImagePicker "submit-images")}}
|
|
||||||
<button type="submit" class="btn btn-primary" data-submit-button>Submit to today’s hunt</button>
|
<button type="submit" class="btn btn-primary" data-submit-button>Submit to today’s hunt</button>
|
||||||
</form>
|
</form>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Reference in New Issue
Block a user