Mixed Media Posts

// Query for image posts only
const posts = await PostRepository.getPosts({
  dataTypes: ['image'],
  includeMixedStructure: false // default
});

// Returns:
// ✅ Pure image posts (structureType = "image")
// ❌ Mixed posts (structureType = "mixed") - EXCLUDED even if they contain images

// Query for image posts INCLUDING mixed posts with images
const posts = await PostRepository.getPosts({
  dataTypes: ['image'],
  includeMixedStructure: true
});

// Returns:
// ✅ Pure image posts (structureType = "image")
// ✅ Mixed posts containing images (structureType = "mixed")

// Query for image OR video posts
const posts = await PostRepository.getPosts({
  dataTypes: ['image', 'video']
  // includeMixedStructure doesn't matter here
});

// Returns:
// ✅ Pure image posts (structureType = "image")
// ✅ Pure video posts (structureType = "video")
// ✅ Mixed posts (structureType = "mixed") - automatically included

// Good: Tutorial post with related media
const tutorialPost = {
  text: "How to make perfect coffee ☕",
  attachments: [
    { type: "image", fileId: "step1_img" },  // Step 1 photo
    { type: "video", fileId: "demo_video" }, // Demo video
    { type: "file", fileId: "recipe_pdf" },  // Detailed recipe
    { type: "audio", fileId: "tips_audio" }  // Pro tips audio
  ]
};

// Example: Parallel uploads with progress tracking
async function uploadAllMedia(files: MediaFiles) {
  const uploads = await Promise.allSettled([
    uploadImage(files.image, onImageProgress),
    uploadVideo(files.video, onVideoProgress),
    uploadAudio(files.audio, onAudioProgress),
  ]);
  
  // Filter successful uploads
  const successful = uploads
    .filter(result => result.status === 'fulfilled')
    .map(result => result.value);
  
  if (successful.length < uploads.length) {
    handlePartialFailure(successful, uploads);
  }
  
  return successful;
}

// Example: Media preview component
const MixedMediaPreview = ({ attachments }) => (
  <div className="media-preview-grid">
    {attachments.map((item, index) => (
      <MediaPreviewCard
        key={index}
        type={item.type}
        fileId={item.fileId}
        onRemove={() => removeAttachment(index)}
        onReorder={(newIndex) => reorderAttachment(index, newIndex)}
      />
    ))}
  </div>
);

// Example: Validate mixed media before posting
function validateMixedMedia(attachments: Attachment[]): ValidationResult {
  if (attachments.length > 10) {
    return { valid: false, error: 'Maximum 10 attachments allowed' };
  }
  
  const typeCounts = countByType(attachments);
  if (typeCounts.image > 8) {
    return { valid: false, error: 'Consider creating an image album instead' };
  }
  
  const totalSize = calculateTotalSize(attachments);
  if (totalSize > 500 * 1024 * 1024) { // 500MB
    return { valid: false, error: 'Total size too large, compress media' };
  }
  
  return { valid: true };
}

if (attachments.length > 10) {
  showError('Maximum 10 attachments allowed per post');
  // Suggest splitting into multiple posts
  suggestMultiplePosts(attachments);
}

const results = await Promise.allSettled(uploads);
const failed = results.filter(r => r.status === 'rejected');

if (failed.length > 0) {
  const failedTypes = failed.map(f => f.type).join(', ');
  showError(`Failed to upload: ${failedTypes}. Retry or post without them?`);
}

// Debug structure type
console.log('Attachments:', post.attachments);
console.log('Structure Type:', post.structureType);
console.log('Children:', post.children.map(c => c.dataType));

// Verify classification
const expected = calculateExpectedStructureType(post.attachments);
if (expected !== post.structureType) {
  console.warn('Unexpected structure type - check for deleted children');
}

// If you want ALL posts with images (including mixed):
const posts = await getPosts({
  dataTypes: ['image'],
  includeMixedStructure: true // ← Important!
});

// Or query for multiple types (mixed auto-included):
const posts = await getPosts({
  dataTypes: ['image', 'video'] // mixed posts auto-included
});