Cozy Photos
Cozy is a platform that brings all your web services in the same private space. With it, your webapps and your devices can share data easily, providing you with a new experience. You can install Cozy on your own hardware where no one's tracking you.
Cozy photos makes your file management easy. Main features are:
- File tree
- Files and folders upload.
- Files and folders sharing (via URLs)
- Files and folders search
📌 Note: Yarn is the official Node package manager of Cozy. Don't hesitate to install Yarn and use it in any Cozy projects.
Starting the photos app requires you to setup a dev environment.
You can then clone the app repository and install dependencies:
$ git clone https://github.com/cozy/cozy-photos.git
$ cd cozy-photos
$ yarn install
📌 Don't forget to set the local node version indicated in the .nvmrc
before doing a yarn install
.
Cozy's apps use a standard set of npm scripts to run common tasks, like watch, lint, test, build…
Using a watcher - with Hot Module Replacement:
$ cd cozy-photos
$ yarn watch:photos:browser
$ cozy-stack serve --appdir photos:/<project_absolute_path>/cozy-photos/build --disable-csp
Or directly build the app (static file generated):
$ cd cozy-photos
$ yarn build:photos
$ cozy-stack serve --appdir photos:/<project_absolute_path>/cozy-photos/build
Your app is available at http://photos.cozy.localhost:8080/#/folder
Note: it's mandatory to explicit to cozy-stack the folder of the build that should be served, to be able to run the app.
You can easily view your current running app, you can use the cozy-stack docker image:
# in a terminal, run your app in watch mode
$ cd cozy-photos
$ yarn watch:photos:browser
# in another terminal, run the docker container
$ docker run --rm -it -p 8080:8080 -v "$(pwd)/build":/data/cozy-app/photos cozy/cozy-app-dev
Your app is available at http://photos.cozy.tools:8080.
Cozy apps let users share documents from cozy to cozy.
Meet Alice and Bob. Alice wants to share a folder with Bob. Alice clicks on the share button and fills in the email input with Bob's email address. Bob receives an email with a « Accept the sharing » button. Bob clicks on that button and is redirected to Alice's cozy to enter his own cozy url to link both cozys. Bob sees Alice's shared folder in his own cozy.
🤔 But how could we do this scenario on binary cozy-stack development environment?
If you develop with the cozy-stack CLI, you have to run MailHog on your computer and tell cozy-stack serve
where to find the mail server with some options:
./cozy-stack serve --appdir photos:../cozy-photos/build,settings:../cozy-settings/build --mail-disable-tls --mail-port 1025
This commands assumes you git clone
cozy-photos and cozy-settings in the same folder than you git clone
cozy-stack.
Then simply run mailhog
and open http://cozy.tools:8025/.
With MailHog, every email sent by cozy-stack is caught. That means the email address does not have to be a real one, ie. bob@cozy
, [email protected]
are perfectly fine. It could be a real one, but the email will not reach the real recipient's inbox, say [email protected]
.
Cozy-ui is our frontend stack library that provides common styles and components accross the whole Cozy's apps. You can use it for you own application to follow the official Cozy's guidelines and styles. If you need to develop / hack cozy-ui, it's sometimes more useful to develop on it through another app. You can do it by cloning cozy-ui locally and link it to yarn local index:
git clone https://github.com/cozy/cozy-ui.git
cd cozy-ui
yarn install
yarn link
then go back to your app project and replace the distributed cozy-ui module with the linked one:
cd cozy-photos
yarn link cozy-ui
You can now run the watch task and your project will hot-reload each times a cozy-ui source file is touched.
Consider using rlink instead of yarn link
Cozy-client is our API library that provides an unified API on top of the cozy-stack. If you need to develop / hack cozy-client in parallel of your application, you can use the same trick that we used with cozy-ui: yarn linking.
Tests are run by jest under the hood, and written using chai and sinon. You can easily run the tests suite with:
$ cd cozy-photos
$ yarn test
📌 Don't forget to update / create new tests when you contribute to code to keep the app the consistent.
If you want to work on photos and submit code modifications, feel free to open pull-requests! See the contributing guide for more information about how to properly open pull-requests.
Localization and translations are handled by Transifex.
As a translator, you can login to Transifex (using your Github account) and claim access to the app repository. Locales are pulled by the pipeline when app is build before publishing.
As a developer, you must configure the Transifex CLI, and claim access as maintainer to the app repository. Then please only update the source locale file (usually en.json
in client and/or server parts), and push it to Transifex repository using the tx push -s
command.
If you were using a transifex-client, you must move to Transifex CLI to be compatible with the v3 API.
The transifex configuration file is still in an old version. Please use the previous client for the moment https://github.com/transifex/transifex-client/.
Cozyphotos and CozyPhotos share this mono-repository but the translations are split into two projects Transifex. That is why the translation files are not present in this repository.
To update the translation in other language, make the changes directly on tx-translate. Select one language and click on global
The lead maintainer for Cozy photos is @Crash--, send him/her a 🍻 to say hello!
You can reach the Cozy Community by:
- Chatting with us on IRC #cozycloud on Libera.Chat
- Posting on our Forum
- Posting issues on the Github repos
- Say Hi! on Twitter
Cozy photos is developed by Cozy Cloud and distributed under the AGPL v3 license.