A web extension for ownCloud Infinite Scale (oCIS) that provides an enhanced photo browsing experience.
- PhotoView - A new view option alongside List and Icon views
- Date Grouping - Photos grouped by day based on file date/time
- Image Filtering - Automatically filters out non-image files
- Clean Interface - Focused photo browsing experience
- Phase 2: PhotoPrism integration for AI metadata (faces, objects, scenes)
- Phase 3: Photo-specific actions (slideshow, download album, etc.)
- Node.js 18+
- pnpm 8+
- Docker (for local oCIS development environment)
# Clone the repository
git clone https://github.com/paul43210/ocis-photo-addon.git
cd ocis-photo-addon
# Install dependencies
pnpm install
# Build (with watch mode for development)
pnpm build:w
# Start local oCIS environment
docker compose upocis-photo-addon/
├── src/
│ ├── index.ts # Extension entry point
│ ├── App.vue # Main app component
│ ├── components/
│ │ ├── PhotoView.vue # The new photo view component
│ │ ├── PhotoGrid.vue # Grid layout for photos
│ │ └── DateGroup.vue # Group header by date
│ ├── composables/
│ │ └── usePhotos.ts # Photo filtering and grouping logic
│ └── types/
│ └── index.ts # TypeScript type definitions
├── public/
│ └── manifest.json # oCIS app manifest
├── tests/
│ └── unit/ # Unit tests
├── package.json
├── vite.config.ts
└── tsconfig.json
# Build for production
pnpm build
# Copy dist/ contents to your oCIS web apps directory:
# $OCIS_BASE_DATA_PATH/web/assets/apps/photo-addon/Add to your oCIS apps.yaml:
photo-addon:
config:
supportedExtensions:
- jpg
- jpeg
- png
- gif
- webp
- heicApache-2.0
Contributions welcome! This project was created to fill a gap in the oCIS ecosystem for photo browsing capabilities that the community has been requesting since 2022.