angular-addtocalendar - npm Package Compare versions

Comparing version 1.2.2 to 1.3.0

CHANGELOG.md

 # Changelog
 
+## v1.3.0
+
+- removes Bootstrap as a dependency
+- implements custom styles and style extensibility
+- implements sass, webpack, and other build tools
+- enhances tests
+- fixes broken demo (#36)
+- adds missing PRODID, UID, and DTSTAMP fields for proper ics validation (#24)
+
 ## v1.2.2
@@ -4,0 +13,0 @@

LICENSE.md

@@ -22,2 +22,1 @@ The MIT License (MIT)
 SOFTWARE.
-

package.json

 {
   "name": "angular-addtocalendar",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "AngularJS directive for adding events to calendar apps",
-  "main": "addtocalendar.min.js",
   "scripts": {
-    "test": "./node_modules/karma/bin/karma start karma.conf.js --single-run",
-    "build": "rm -rf ./coverage/ && ./node_modules/uglify-js/bin/uglifyjs lib/*.js lib/**/*.js addtocalendar/*.js -o addtocalendar.min.js && cat lib/*.js lib/**/*.js addtocalendar/*.js > addtocalendar.js"
+    "build": "rimraf coverage && rimraf dist && webpack --bail --progress --profile",
+    "server": "webpack-dev-server --history-api-fallback --inline --progress",
+    "test": "karma start",
+    "test-watch": "karma start --auto-watch --no-single-run",
+    "start": "npm run server"
   },
+  "files": [
+    "dist/addtocalendar.css",
+    "dist/addtocalendar.js",
+    "src/component/styles.scss"
+  ],
   "repository": {
     "type": "git",
-    "url": "git://github.com/jshor/angular-addtocalendar"
+    "url": "https://github.com/jshor/angular-addtocalendar"
   },
@@ -18,2 +25,3 @@ "keywords": [
     "ics",
+    "yahoo calendar",
     "outlook",
@@ -29,24 +37,47 @@ "calendar",
   "homepage": "https://github.com/jshor/angular-addtocalendar",
+  "dependencies": {
+    "@iamadamjowett/angular-click-outside": "^2.10.1",
+    "angular": "^1.5.0",
+    "angular-file-saver": "^1.1.3",
+    "moment": "^2.18.0"
+  },
   "devDependencies": {
-    "angular-mocks": "^1.5.3",
-    "coveralls": "^2.11.9",
-    "istanbul": "^0.4.3",
-    "jasmine": "^2.4.1",
-    "jasmine-core": "^2.4.1",
+    "angular-mocks": "^1.5.0",
+    "autoprefixer": "^6.0.3",
+    "babel-core": "^6.2.1",
+    "babel-loader": "^6.2.0",
+    "babel-preset-es2015": "^6.1.18",
+    "chai": "^3.5.0",
+    "copy-webpack-plugin": "4.0.1",
+    "coveralls": "^2.12.0",
+    "css-loader": "0.26.1",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "file-loader": "^0.9.0",
+    "html-webpack-plugin": "^2.7.1",
+    "istanbul-instrumenter-loader": "^1.0.0",
+    "jasmine-core": "^2.3.4",
     "karma": "^1.1.0",
-    "karma-chrome-launcher": "^1.0.1",
+    "karma-chai": "^0.1.0",
     "karma-coverage": "^1.0.0",
     "karma-coveralls": "^1.1.2",
-    "karma-firefox-launcher": "^1.0.0",
     "karma-jasmine": "^1.0.2",
     "karma-phantomjs-launcher": "^1.0.0",
-    "karma-sinon": "^1.0.5",
-    "sinon": "^1.17.4",
-    "uglify-js": "^2.6.1"
-  },
-  "dependencies": {
-    "angular": "^1.5.3",
-    "angular-file-saver": "^1.1.2",
-    "moment": "^2.14.1"
+    "karma-sinon-chai": "^1.2.4",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "0.0.30",
+    "karma-webpack": "^2.0.3",
+    "node-libs-browser": "2.0.0",
+    "node-sass": "^4.5.1",
+    "null-loader": "^0.1.1",
+    "phantomjs-prebuilt": "^2.1.4",
+    "raw-loader": "^0.5.1",
+    "rimraf": "^2.5.1",
+    "sass-loader": "^6.0.3",
+    "sinon": "^2.1.0",
+    "sinon-chai": "^2.9.0",
+    "style-loader": "^0.13.0",
+    "webpack": "^2.3.1",
+    "webpack-dev-server": "2.2.0",
+    "webpack-vendor-chunk-plugin": "^1.0.0"
   }
 }

README.md

 # angular-addtocalendar
 
-### v1.2.2
+### v1.3.0
 
@@ -33,3 +33,3 @@ An AngularJS directive for adding an event to calendar apps. It supports .ics files for iCalendar and Outlook and also supports Google Calendar, Yahoo! Calendar and Microsoft Calendar.
 
-    with es6:
+    Alternatively:
 
@@ -40,3 +40,3 @@ ```javascript
 
-3. Inject the dependency `jshor.angular-addtocalendar` into your app:
+3. Inject the dependency `angular-atc` into your app:
 
@@ -46,4 +46,3 @@ ```javascript
       .module('myApp', [
-        'jshor.angular-addtocalendar', 
-        'ui.bootstrap',
+        'angular-atc',
         ...
@@ -53,5 +52,7 @@ ]);
 
+    Note: If you're using a version earlier than 1.3.0, the module name is `jshor.angular-addtocalendar`.
+
 ## Demo
 
-For a demo, please [click here](http://jshor.github.io/angular-addtocalendar/demo/).
+For a demo, please [click here](http://jshor.github.io/angular-addtocalendar/dist/).
 
@@ -67,4 +68,3 @@ ## Example
     class-name="btn btn-sm btn-default dropdown-toggle"
-    description="Celebrate the independence of the United States with fireworks in one of the greatest cities in the world."
-    btn-text="Add to calendar">
+    description="Celebrate the independence of the United States with fireworks in one of the greatest cities in the world.">
 </addtocalendar>
@@ -84,12 +84,37 @@ ```
 | `timezone`           | Any valid [momentjs UTC offset](http://momentjs.com/docs/#/parsing/utc/)                                      | Moment                                                                        | America/New_York                                                                                            | No            |
-| `class-name`         | The desired class for the dropdown. See [styling]().                                                          | Bootstrap class/plain text. Default `btn btn-sm btn-default dropdown-toggle`  | btn btn-sm btn-default dropdown-toggle                                                                      | No            |
+| `class-name`         | The desired class for the dropdown. See [Custom Styling](#custom).                                            | Bootstrap class/plain text. Default `btn btn-sm btn-default dropdown-toggle`  | btn btn-sm btn-default dropdown-toggle                                                                      | No            |
 | `btn-text`           | Text for the button to display                                                                                | Plain text. Default `Add to calendar`                                         | Add to  calendar                                                                                            | No            |
-| `uib-dropdown`       | Only use this if you're using a version of ui-bootstrap `<= 1.12.0`                                           |                                                                               | `null`                                                                                                      | No            |
-| `caret`              | Whether to use the caret.                                                                                     | String interpreted as boolean Default: `true`                                 | false                                                                                                       | No            |
+| `use-bootstrap`      | Whether to use Bootstrap styling.                                                                             | Boolean. Default: `false`                                                     | `null`                                                                                                      | No            |
 | `hover-text`         | Text to use as the title of the element.                                                                      | String Default: value of title attribute                                      | Add to calendar                                                                                             | No            |
 
-# Styling
+## <a name="custom"></a>Custom Styling
 
-@TODO
+angular-addtocalendar is designed to be compatible [Bootstrap](http://getbootstrap.com/) but also comes bundled with both a custom stylesheet and extendable [Sass](http://sass-lang.com/) styles. The markup selector convention is identical to the [Bootstrap dropdown markup](http://getbootstrap.com/components/#btn-dropdowns).
 
+### Using Bootstrap
+
+If you already have Bootstrap set up in your project, just pass in `use-bootstrap="true"` as a parameter to the `<angular-addtocalendar />` component.
+
+### Using the default styling
+
+If you're using Sass, you can import the default Sass stylesheet like so:
+
+```scss
+@import '~/angular-addtocalendar/addtocalendar.scss';
+```
+
+Or if you want to reference the compiled stylesheet directly:
+
+```html
+<link rel="stylesheet" href="node_modules/angular-addtocalendar/styles.css" />
+```
+
+### Extending the existing styles
+
+Assuming you're using Sass, import the stylesheet as noted above. Otherwise, copy the compiled CSS bundled with the project and modify styles as such.
+
+#### Namespacing
+
+The css namespace (parent class) for this module is `atc-btn-group` (assuming `use-bootstrap` is false).
+
 ## Browser Support
@@ -103,3 +128,3 @@
 | Edge              | Yes          |
-| Safari            | No support*  |
+| Safari            | ≤ 6          |
 | Firefox           | 20.0+        |
@@ -110,3 +135,3 @@ | Opera             | 15.0+        |
 
-* iCalendar (ironically) and Outlook do not work due to well-known file saving bug in Safari.
+* iCalendar (ironically) and Outlook do not work due to a well-known file saving bug in Safari versions > 6.
 
@@ -119,2 +144,2 @@ ## Bugs
 
-Available [here](https://github.com/jshor/angular-addtocalendar/blob/master/CHANGELOG.md).
+Available [here](https://github.com/jshor/angular-addtocalendar/blob/master/CHANGELOG.md).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

452454

increased by2027.39%

Lines of code

1022

increased by788.7%

Number of lines in readme file

136

increased by21.43%

Worsened metrics

Dependency count

4

increased by33.33%

Dev dependency count

37

increased by146.67%

Number of package files

7

decreased by-12.5%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@iamadamjowett/angular-click-outside@^2.10.1

• + Added@iamadamjowett/angular-click-outside@2.10.1(transitive)

• Updatedangular@^1.5.0

• Updatedangular-file-saver@^1.1.3

• Updatedmoment@^2.18.0