Skip to content

Feat: implements the UploadTool component for Storacha Console Toolkit#482

Closed
alikhere wants to merge 5 commits intostoracha:mainfrom
alikhere:feat/upload-tool
Closed

Feat: implements the UploadTool component for Storacha Console Toolkit#482
alikhere wants to merge 5 commits intostoracha:mainfrom
alikhere:feat/upload-tool

Conversation

@alikhere
Copy link
Copy Markdown
Contributor

Overview

This PR implements the UploadTool component for the @storacha/ui-react package, enabling Web3 applications to embed Storacha upload functionality directly in their UI without redirecting users to the console.

What's Added

UploadTool Component

A complete, production-ready upload interface with:

  • Type Selection - Radio buttons for File, Directory, and CAR uploads
  • Drag & Drop - Intuitive drag-and-drop with visual hover feedback
  • Upload Progress - Real-time progress bars and shard tracking
  • Success State - CID display with gateway link and "Upload Another" button
  • Options - Configurable "Wrap In Directory" for single files
  • Information - Public/Permanent data warnings for user awareness
  • Private Spaces - Automatic KMS encryption support
  • Customizable - Full style override support via props

Changes

Core Component

  • Added: packages/ui/packages/react/src/UploadTool.tsx (549 lines)
    • Complete upload interface with all states (idle, uploading, success, error)
    • Inline styles matching console design
    • Full TypeScript support

Package Integration

  • Updated: packages/ui/packages/react/src/index.ts
    • Exported UploadTool component and types

Testing

  • Added: packages/ui/packages/react/test/UploadTool.spec.tsx
    • Unit tests for component rendering and prop behavior

Example Application

  • Added: Complete example in packages/ui/examples/react/upload-tool/
    • Full Vite + TypeScript setup
    • README with integration patterns

Documentation

  • Updated: packages/ui/examples/react/README.md
    • Added UploadTool to examples list

Testing

  • ✅ All linter checks passing
  • ✅ Unit tests included and passing
  • ✅ Example application runs successfully

Closes storacha/console-toolkit#1
Part of storacha/console-toolkit#2

@alikhere alikhere requested a review from travis as a code owner October 28, 2025 16:07
@alikhere
Copy link
Copy Markdown
Contributor Author

Closing this as the PR moved to storacha/console-toolkit#12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(Console Toolkit): Upload tool

1 participant