diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md new file mode 100644 index 0000000..e1becd3 --- /dev/null +++ b/.github/pull_request_template.md @@ -0,0 +1,36 @@ + + + + + +## PR Checklist + +- [ ] The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/CONTRIBUTING.md#commit-messages. +- [ ] There is an issue for the bug/feature this PR is for. To avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it. +- [ ] All existing tests are passing +- [ ] Tests for the changes are included + +## What is the current behavior? + + +## What is the new behavior? + + +Fixes/Implements/Closes #[Issue Number]. + + + + + diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..069144b --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,75 @@ +# Contributing to NativeScript Imagepicker + +:+1: First of all, thank you for taking the time to contribute! :+1: + +Here are some guides on how to do that: + + + +- [Code of Conduct](#code-of-conduct) +- [Reporting Bugs](#reporting-bugs) +- [Requesting Features](#requesting-features) +- [Submitting a PR](#submitting-a-pr) +- [Where to Start](#where-to-start) + + + +## Code of Conduct +Help us keep a healthy and open community. We expect all participants in this project to adhere to the [NativeScript Code Of Conduct](https://github.com/NativeScript/codeofconduct). + + +## Reporting Bugs + +1. Always update to the most recent master release; the bug may already be resolved. +2. Search for similar issues in the issues list for this repo; it may already be an identified problem. +3. If this is a bug or problem that is clear, simple, and is unlikely to require any discussion -- it is OK to open an issue on GitHub with a reproduction of the bug including workflows and screenshots. If possible, submit a Pull Request with a failing test, entire application or module. If you'd rather take matters into your own hands, fix the bug yourself (jump down to the [Submitting a PR](#submitting-a-pr) section). + +## Requesting Features + +1. Use Github Issues to submit feature requests. +2. First, search for a similar request and extend it if applicable. This way it would be easier for the community to track the features. +3. When requesting a new feature, please provide as much detail as possible about why you need the feature in your apps. We prefer that you explain a need rather than explain a technical solution for it. That might trigger a nice conversation on finding the best and broadest technical solution to a specific need. + +## Submitting a PR + +Before you begin make sure there is an issue for the bug or feature you will be working on. + +Following these steps is the best way to get your code included in the project: + +1. Fork and clone the nativescript-imagepicker repo: +```bash +git clone https://github.com//nativescript-imagepicker.git +# Navigate to the newly cloned directory +cd nativescript-imagepicker +# Add an "upstream" remote pointing to the original repo. +git remote add upstream https://github.com/NativeScript/nativescript-imagepicker.git +``` + +2. Read our [development workflow guide](DevelopmentWorkflow.md) for local setup + +3. Create a branch for your PR +```bash +git checkout -b master +``` + +4. The fun part! Make your code changes. Make sure you: + - Follow the [code conventions guide](https://github.com/NativeScript/NativeScript/blob/master/CodingConvention.md). + - Follow the [commit message guidelines](https://github.com/NativeScript/NativeScript/blob/pr-template/CONTRIBUTING.md#commit-messages) + - Update the README if you make changes to the plugin API + +5. Before you submit your PR: + - Rebase your changes to the latest master: `git pull --rebase upstream master`. + - Ensure your changes pass tslint validation. (run `npm run tslint` in the `src` folder). + +6. Push your fork. If you have rebased you might have to use force-push your branch: +``` +git push origin --force +``` + +7. [Submit your pull request](https://github.com/NativeScript/nativescript-imagepicker/compare) and compare to `NativeScript/nativescript-imagepicker`. Please, fill in the Pull Request template - it will help us better understand the PR and increase the chances of it getting merged quickly. + +It's our turn from there on! We will review the PR and discuss changes you might have to make before merging it! Thanks! + +## Where to Start + +If you want to contribute, but you are not sure where to start - look for issues labeled [`help wanted`](https://github.com/NativeScript/nativescript-imagepicker/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22). diff --git a/DevelopmentWorkflow.md b/DevelopmentWorkflow.md new file mode 100644 index 0000000..1f90c01 --- /dev/null +++ b/DevelopmentWorkflow.md @@ -0,0 +1,73 @@ +# Development Workflow + + + +- [Prerequisites](#prerequisites) +- [Develop locally](#develop-locally) +- [Run UI Tests](#run-ui-tests) + + + + +## Prerequisites + +* Install your native toolchain and NativeScript as [described in the docs](https://docs.nativescript.org/start/quick-setup) + +* Review [NativeScript plugins documentation](https://docs.nativescript.org/plugins/plugins) for more details on plugins development + + +## Develop locally + +For local development we recommend using the npm commands provided in the plugin's package.json + +Basically executing a bunch of commands will be enough for you to start making changes to the plugin and see them live synced in the demo. It's up to you to decide which demo to use for development - TypeScript or TypeScript + Angular. + + +To run and develop using TypeScript demo: +```bash +$ cd nativescript-imagepicker/src +$ npm run demo.ios +$ npm run demo.android +``` + +To run and develop using TypeScript + Angular demo: +```bash +$ cd nativescript-imagepicker/src +$ npm run demo.ng.ios +$ npm run demo.ng.android +``` + +After all the changes are done make sure to +- test them in all the demo apps +- run the UI tests. + +For details on plugins development workflow, read [NativeScript plugins documentation](https://docs.nativescript.org/plugins/building-plugins#step-2-set-up-a-development-workflow) covering that topic. + + +## Run UI Tests + +1. Navigate to `demo/e2e` + ``` bash + cd demo/e2e + ``` + +2. Make sure to have an emulator set up or connect a physical Android/iOS device. + +3. Build the app for Android or iOS + ```bash + tns build android + tns build ios + ``` +4. Install [appium](http://appium.io/) globally. + ``` bash + npm install -g appium + ``` + +5. Follow the instructions in the [nativescript-dev-appium](https://github.com/nativescript/nativescript-dev-appium#custom-appium-capabilities) plugin to add an appium capability for your device inside `appium.capabilities.json`. + +7. Run the automated tests. The value of the `runType` argument should match the name of the capability that you just added. + ``` bash + npm run e2e -- --runType capabilityName + ``` + +[Read more about UI testing](https://docs.nativescript.org/plugins/ui-tests). \ No newline at end of file diff --git a/README.md b/README.md index 5bb39c4..d410cce 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,25 @@ Imagepicker plugin supporting both single and multiple selection.
Plugin supports **iOS8+** and uses [Photos Framework](https://developer.apple.com/library/prerelease/ios//documentation/Photos/Reference/Photos_Framework/index.html).
For **Android** it uses Intents to open the stock images or file pickers. For Android 6 (API 23) and above the permissions to read file storage should be explicitly required. See demo for implementation details. + + +- [Installation](#installation) +- [Configuration](#configuration) +- [Migrating from 3.x.x to 4.x.x](#migrating-from-3xx-to-4xx) +- [Usage](#usage) + - [Import the plugin](#import-the-plugin) + - [Create imagepicker](#create-imagepicker) + - [Request permissions, show the images list and process the selection](#request-permissions-show-the-images-list-and-process-the-selection) +- [API](#api) + - [Methods](#methods) + - [Properties](#properties) + - [Image properties](#image-properties) +- [Contribute](#contribute) +- [Get Help](#get-help) + + + + ## Installation In Command prompt / Terminal navigate to your application root folder and run: @@ -120,6 +139,11 @@ Once image is picked some options can be applied to it before it is used: | maxHeight | null | Image max height | | aspectRatio | fit | iOS only. Possible values are `fit` and `fill`. [Read more](https://developer.apple.com/documentation/photos/phimagecontentmode) | -## License +## Contribute +We love PRs! Check out the [contributing guidelines](CONTRIBUTING.md). If you want to contribute, but you are not sure where to start - look for [issues labeled `help wanted`](https://github.com/NativeScript/nativescript-imagepicker/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22). -2015, Telerik AD \ No newline at end of file + +## Get Help +Please, use [github issues](https://github.com/NativeScript/nativescript-imagepicker/issues) strictly for [reporting bugs](CONTRIBUTING.md#reporting-bugs) or [requesting features](CONTRIBUTING.md#requesting-new-features). For general questions and support, check out the [NativeScript community forum](https://discourse.nativescript.org/) or ask our experts in [NativeScript community Slack channel](http://developer.telerik.com/wp-login.php?action=slack-invitation). + +![](https://ga-beacon.appspot.com/UA-111455-24/nativescript/nativescript-imagepicker?pixel) diff --git a/src/package.json b/src/package.json index c49a416..9170454 100644 --- a/src/package.json +++ b/src/package.json @@ -28,6 +28,8 @@ "plugin.tscwatch": "npm run tsc -- -w", "demo.ios": "npm i && npm run tsc && cd ../demo && tns run ios --syncAllFiles", "demo.android": "npm i && npm run tsc && cd ../demo && tns run android --syncAllFiles", + "demo.ng.ios": "npm i && npm run tsc && cd ../demo-angular && tns run ios --syncAllFiles", + "demo.ng.android": "npm i && npm run tsc && cd ../demo-angular && tns run android --syncAllFiles", "clean": "rm -rf node_modules && cd ../demo && rm -rf hooks node_modules platforms && cd ../src && npm run plugin.link" }, "keywords": [