angular_recaptcha 0.1.0

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 84

Angular Recaptcha (Dart)

How to use

Add to pubspec.yaml

# If you are running angular `v5`
angular_recaptcha: ^0.1.0
# If you are still running angular `v4`
# angular_recaptcha: ^0.0.8
# If you are still running angular `v2` or `v3`,
# then you need to use: 
# angular_recaptcha: "0.0.6"` 

then

pub get

Add to index.html

Deprecated Adding the script tag is no more necessary

<script src="https://www.google.com/recaptcha/api.js?render=explicit"></script>

Use it

<angular-recaptcha [(ngModel)]="value" key="YOUR_KEY" auto-render></angular-recaptcha>

Options

Support ngModel for Form validation.

@Inputs

  • String size: Support "normal" or "compact"
  • String key: Your sitekey
  • String theme: Support "light" or "dark"
  • String type: Support "image" or "audio"
  • bool autoRender: will render the captchat automatically when ready
  • String tabindex

@Outputs

  • expire: notify when the token is expired, we also set value to null

Getter

  • value: get the value of the captcha

Functions

  • render(): manually render the captcha
  • reset(): manually reset the captcha

More documentations

More

import 'package:angular/angular.dart';
import 'package:angular_recaptcha/angular_recaptcha.dart';

@Component(
    selector: 'app',
    template: '''
        <angular-recaptcha [(ngModel)]="value" key="YOUR_KEY" [(ngModel)]="value" auto-render></angular-recaptcha>
        ''',
    directives: const [AngularRecaptcha, formDirectives ]
)
class AppComponent {
  String value;
}

0.0.10

  • Deprecated

    • Adding the script tag is no more necessary
  • Breaking Changes

    • num render() is now returning a Future, Future<num> render()

0.0.9

  • Add documentation
  • fix ddc
  • Breaking Changes
    • If you want to use ngModel you have to import formDirectives from angular_forms

0.0.8

  • update value when expire

0.0.7

  • Upgraded to angular v4.0.0
  • Added Changelog

0.0.1

  • Initial version

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  angular_recaptcha: "^0.1.0"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:angular_recaptcha/angular_recaptcha.dart';
        
Version Uploaded Documentation Archive
0.1.0 Apr 24, 2018 Go to the documentation of angular_recaptcha 0.1.0 Download angular_recaptcha 0.1.0 archive
0.0.10 Dec 28, 2017 Go to the documentation of angular_recaptcha 0.0.10 Download angular_recaptcha 0.0.10 archive
0.0.9 Dec 7, 2017 Go to the documentation of angular_recaptcha 0.0.9 Download angular_recaptcha 0.0.9 archive
0.0.8 Sep 21, 2017 Go to the documentation of angular_recaptcha 0.0.8 Download angular_recaptcha 0.0.8 archive
0.0.7 Jul 12, 2017 failed Download angular_recaptcha 0.0.7 archive
0.0.6 May 19, 2017 Go to the documentation of angular_recaptcha 0.0.6 Download angular_recaptcha 0.0.6 archive
0.0.5 Mar 16, 2017 Go to the documentation of angular_recaptcha 0.0.5 Download angular_recaptcha 0.0.5 archive
0.0.4 Feb 12, 2017 Go to the documentation of angular_recaptcha 0.0.4 Download angular_recaptcha 0.0.4 archive
0.0.3 Jan 5, 2017 Go to the documentation of angular_recaptcha 0.0.3 Download angular_recaptcha 0.0.3 archive
0.0.2 Jan 4, 2017 Go to the documentation of angular_recaptcha 0.0.2 Download angular_recaptcha 0.0.2 archive

All 11 versions...

Analysis

We analyzed this package on Apr 24, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.49.0
  • pana: 0.10.6

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
68 / 100
Health:
Code health derived from static analysis. [more]
99 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
84
Learn more about scoring.

Platforms

Detected platforms: web

Primary library: package:angular_recaptcha/angular_recaptcha.dart with components: html, js.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use angular_recaptcha.dart.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 1 hint.

    Run dartfmt to format lib/angular_recaptcha.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.46.0 <2.0.0
angular ^5.0.0-alpha 5.0.0-alpha+11
angular_forms ^2.0.0-alpha 2.0.0-alpha+3
dart_browser_loader ^0.0.2 0.0.4
js ^0.6.0 0.6.1
Transitive dependencies
analyzer 0.31.2-alpha.1
angular_ast 0.5.2
angular_compiler 0.4.0-alpha+11
args 1.4.2
async 2.0.6
browser 0.10.0+3
build 0.12.3
build_config 0.2.6+1
built_collection 3.1.1
built_value 5.4.3
charcode 1.1.1
cli_util 0.1.2+1
code_builder 3.0.3
collection 1.14.9
convert 2.0.1
crypto 2.0.2+1
csslib 0.14.1
dart_style 1.0.10
fixnum 0.10.7
front_end 0.1.0-alpha.11
glob 1.1.5
html 0.13.3
intl 0.15.6
isolate 1.1.0 2.0.0
kernel 0.3.0-alpha.11
logging 0.11.3+1
matcher 0.12.2
meta 1.1.2
package_config 1.0.3
path 1.5.1
plugin 0.2.0+2
quiver 0.29.0+1
quiver_hashcode 1.0.0
source_gen 0.8.1
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
tuple 1.0.1
typed_data 1.1.5
utf 0.9.0+4
watcher 0.9.7+7
yaml 2.1.13