solution-center-header - npm Package Compare versions

Comparing version 1.2.4 to 2.0.0

bower.json

@@ -5,8 +5,8 @@ {
     "Colin Howald <[e-mail]>",
-    "Damián García <[e-mail]"
+    "Damián García <[e-mail]>"
   ],
   "description": "Reusable header for the Zalando Solution Center",
   "main": [
-    "dist/solution-center-header.js",
-    "dist/solution-center-header.css"
+    "dist/solutioncenter.header.js",
+    "dist/solutioncenter.header.css"
   ],
@@ -37,10 +37,7 @@ "repository": {
   ],
-  "devDependencies": {
-    "jquery": "~2.1.1",
-    "angular-mocks": "^1.2.26"
-  },
+  "devDependencies": {},
   "dependencies": {
-    "angular": "^1.4.0",
+    "angular": "^1.5.0",
     "dress-code": "^2.0.0-alpha"
   }
 }

CHANGELOG.md

@@ -0,1 +1,50 @@
+<a name="2.0.0"></a>
+# [2.0.0](https://github.com/zalando-incubator/solution-center-header/compare/1.2.4...v2.0.0) (2016-07-15)
+
+
+### Bug Fixes
+
+* **directive:** update click-outside directive to use new attribute name ([a67d2b5](https://github.com/zalando-incubator/solution-center-header/commit/a67d2b5))
+* **style:** increase the breakpoint to next available breakpoint to avoid scrolls on smaller screen ([857fa43](https://github.com/zalando-incubator/solution-center-header/commit/857fa43)), closes [#68](https://github.com/zalando-incubator/solution-center-header/issues/68)
+
+### Features
+
+* **modules:** update module names to align with SC style guide ([240063f](https://github.com/zalando-incubator/solution-center-header/commit/240063f)), closes [#64](https://github.com/zalando-incubator/solution-center-header/issues/64)
+
+
+### BREAKING CHANGES
+
+* Rename module `solutionCenter`: now called `solutioncenter.header`. Update your dependency.
+
+  Before: `angular.module('my-app', ['solutionCenter'])`
+  
+  After: `angular.module('my-app', ['solutioncenter.header'])`
+  
+* Rename directive `solutionCenterHeader`: now called `scHeader`. Update your template.
+
+  Before: `<solution-center-header>`
+
+  After: `<sc-header>`
+
+* Rename dist javascript and CSS files. Update your links if you reference them directly.
+
+  Before:
+  
+  ```
+  solution-center-header.js
+  solution-center-header.css
+  solution-center-header.min.js
+  solution-center-header.min.css
+  ```
+
+  After:
+  
+  ```
+  solutioncenter.header.js
+  solutioncenter.header.css
+  solutioncenter.header.min.js
+  solutioncenter.header.min.css
+  ```
+
+
 <a name="1.2.4"></a>
@@ -2,0 +51,0 @@ ## [1.2.4](https://github.com/zalando-incubator/solution-center-header/compare/1.2.3...v1.2.4) (2016-06-30)

karma.conf.js

 module.exports = function(config) {
+  
+  var file = 'dist/solutioncenter.header{{type}}.js',
+      type = (config.testType && '.' + config.testType) || '';
+
+  // src or .min file
+  file = file.replace('{{type}}', type);
+
+  console.log('[ Testing ' + file + ' ]');
+  
   config.set({
@@ -12,8 +21,7 @@
     files: [
-      'bower_components/jquery/dist/jquery.js',
-      'bower_components/angular/angular.js',
-      'bower_components/angular-mocks/angular-mocks.js',
+      'node_modules/jquery/dist/jquery.js', // needed for finding classes in the template during test
+      'node_modules/angular/angular.js',
+      'node_modules/angular-mocks/angular-mocks.js',
 
-      'dist/solution-center-header.js',
-      'dist/solution-center-header.css',
+      file,
       'test/**/*.spec.js'
@@ -20,0 +28,0 @@ ],

package.json

@@ -8,35 +8,70 @@ {
     "dress-code": "^2.0.0-alpha",
-    "angular": "^1.4.0"
+    "angular": "^1.5.0"
   },
   "description": "Reusable header for the Zalando Solution Center",
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "lint": "eslint \"src/**/*.js\" && eslint \"test/**/*.spec.js\"",
+    "pretest": "npm run build",
+    "test": "karma start && karma start --testType=min",
+    "prebuild": "npm run clean -s && npm run lint && mkdirp ./dist",
+    "build": "npm run build:scripts && npm run build:css && npm run build:minify",
+    "browserify:options": "echo \"-t [ stringify --extensions [.html] ] -d src/solutioncenter.header.component.js -o dist/solutioncenter.header.js\"",
+    "build:scripts": "browserify $(npm run browserify:options -s)",
+    "build:minify": "uglifyjs dist/solutioncenter.header.js -mc > dist/solutioncenter.header.min.js && cssnano < dist/solutioncenter.header.css > dist/solutioncenter.header.min.css",
+    "build:css": "node-sass -q src/*.scss dist/solutioncenter.header.css",
+    "postbuild:css": "postcss --use autoprefixer --autoprefixer.browsers 'last 3 versions' -o dist/solutioncenter.header.css dist/solutioncenter.header.css",
+    "serve": "lite-server",
+    "watch": "concurrently \"npm run watch:test\" \"npm run watch:scripts\" \"npm run watch:css\"",
+    "watch:test": "karma start --singleRun=false --reporters=progress",
+    "watch:scripts": "watchify $(npm run browserify:options -s)",
+    "watch:css": "npm run build:css -- -w",
+    "prerelease": "npm test",
+    "release": "npm --no-git-tag-version version $v",
+    "postrelease": "npm run branch:release && npm run commit:release && npm run tag:release && npm run push:release",
+    "preversion": "git add . &&  echo Updating to version $npm_package_version",
+    "postversion": "npm run comment:banner && npm run changelog",
+    "comment:banner": "node tools/banner.js",
+    "changelog": "[ -e CHANGELOG.md ] && npm run changelog:update || npm run changelog:init",
+    "changelog:init": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
+    "changelog:update": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "postchangelog": "git add CHANGELOG.md",
+    "branch:release": "git checkout -b release/$npm_package_version",
+    "commit:release": "git commit -am \"chore(release): version $npm_package_version\"",
+    "tag:release": "git tag -a $npm_package_version -m \"Version $npm_package_version\"",
+    "push:release": "git push origin release/$npm_package_version && git push origin $npm_package_version",
+    "postpublish": "npm run verify",
+    "verify": "npm run verify:npm",
+    "verify:npm": "npm view $npm_package_name version",
+    "verify:bower": "bower info $npm_package_name version",
+    "dev": "npm run build && concurrently \"npm run serve\" \"npm run watch\" "
+  },
   "devDependencies": {
-    "del": "^0.1.3",
-    "event-stream": "^3.1.7",
-    "gulp": "^3.8.8",
-    "gulp-angular-templatecache": "^1.4.2",
-    "gulp-autoprefixer": "^3.1.0",
-    "gulp-concat": "^2.4.1",
-    "gulp-connect": "^2.0.6",
-    "gulp-conventional-changelog": "^1.1.0",
-    "gulp-flatten": "^0.2.0",
-    "gulp-header": "1.8.2",
-    "gulp-jshint": "^1.8.5",
-    "gulp-karma": "0.0.4",
-    "gulp-less": "^1.3.6",
-    "gulp-minify-css": "^0.3.10",
-    "gulp-minify-html": "^0.1.5",
-    "gulp-open": "^0.3.0",
-    "gulp-order": "^1.1.1",
-    "gulp-plumber": "^0.6.6",
-    "gulp-rename": "^1.2.0",
-    "gulp-sass": "^2.2.0",
-    "gulp-uglify": "^1.0.1",
-    "gulp-util": "^3.0.1",
-    "jshint-stylish": "^1.0.0",
-    "karma": "^0.12.24",
-    "karma-chrome-launcher": "^0.1.5",
-    "karma-firefox-launcher": "^0.1.3",
-    "karma-jasmine": "^0.1.5",
-    "mversion": "^1.6.0",
-    "run-sequence": "^1.2.1"
+    "angular-mocks": "^1.5.7",
+    "autoprefixer": "^6.3.7",
+    "browser-sync": "^2.13.0",
+    "browserify": "^13.0.1",
+    "concurrently": "^2.2.0",
+    "conventional-changelog-cli": "^1.2.0",
+    "cssnano-cli": "^1.0.4",
+    "eslint": "^3.0.1",
+    "eslint-config-angular": "^0.5.0",
+    "eslint-plugin-angular": "^1.3.0",
+    "fs": "0.0.2",
+    "glob": "^7.0.5",
+    "jasmine-core": "^2.4.1",
+    "jquery": "^3.0.0",
+    "karma": "^1.1.1",
+    "karma-chrome-launcher": "^1.0.1",
+    "karma-firefox-launcher": "^1.0.0",
+    "karma-jasmine": "^1.0.2",
+    "lite-server": "^2.2.2",
+    "mkdirp": "^0.5.1",
+    "node-sass": "^3.8.0",
+    "postcss": "^5.1.0",
+    "postcss-cli-simple": "^1.0.1",
+    "rimraf": "^2.5.2",
+    "stringify": "^5.1.0",
+    "uglify-js": "^2.6.4",
+    "watchify": "^3.7.0"
   },
@@ -58,3 +93,4 @@ "directories": {},
     "Damián García <[e-mail]>",
-    "Colin Howald <[e-mail]>"
+    "Colin Howald <[e-mail]>",
+    "Greg Deane <[e-mail]>"
   ],
@@ -67,7 +103,4 @@ "name": "solution-center-header",
   },
-  "main": "dist/solution-center-header.js",
-  "scripts": {
-    "test": "./node_modules/gulp/bin/gulp.js test"
-  },
-  "version": "1.2.4"
+  "main": "dist/solutioncenter.header.js",
+  "version": "2.0.0"
 }

README.md

@@ -10,30 +10,20 @@ # Solution Center Header
 
-Install via bower
+Install via bower or npm
 
 ```shell
-bower install solution-center-header
+bower install solution-center-header 
+npm install solution-center-header 
 ```
 
-Install via npm
-
-```shell
-npm install solution-center-header
-```
-
 ### Usage
 
-1. Load the script in your `<head>` from Bower:
+1. Load the script in your `<head>`:
 
     ```html
-    <script src="../bower_components/solution-center-header/dist/solution-center-header.js"></script>
+    <script src="../bower_components/solution-center-header/dist/solutioncenter.header.js"></script>
+    <!-- OR -->
+    <script src="../node_modules/solution-center-header/dist/solutioncenter.header.js"></script>
     ```
-    
-    Or from NPM:
-    
-    
-    ```html
-    <script src="../node_modules/solution-center-header/dist/solution-center-header.js"></script>
-    ```
 
-2. Include the `solutionCenter` module as a dependency in your app.
+2. Include the `solutioncenter.header` module as a dependency in your app.
 
@@ -43,3 +33,3 @@ 3. Insert the directive at the top of your app:
     ```html
-    <solution-center-header 
+    <sc-header 
         user="user"
@@ -51,3 +41,3 @@ brand="brand"
         solution-center-url="url">
-    </solution-center-header>
+    </sc-header>
     ```
@@ -95,9 +85,8 @@
  
-    ```<link rel="stylesheet" href="../bower_components/solution-center-header/dist/solution-center header.css">```
+    ```<link rel="stylesheet" href="../bower_components/solution-center-header/dist/solutioncenter.header.css">```
     
     Or for NPM:
     
-    ```<link rel="stylesheet" href="../node_modules/solution-center-header/dist/solution-center header.css">```
-    
- 3. For sizing, be sure the header is inside a `<body>` with class `dc-body`, and your `<html>` has class `dc-html`. 
+    ```<link rel="stylesheet" href="../node_modules/solution-center-header/dist/solutioncenter.header.css">```
+     
 
@@ -117,17 +106,12 @@
 npm install
-bower install
 ```
 
-Install Gulp via npm if you don't have it
-```shell
-npm install -g gulp
-```
-
 #### Available commands
 
-* `gulp`: build and test the project
-* `gulp build`: build the project and make new files in`dist`
-* `gulp serve`: start a server to serve the demo page and launch a browser then watches for changes in `src` files to reload the page
-* `gulp test`: run tests
-* `gulp serve-test`: runs tests and keep test browser open for development. Watches for changes in source and test files to re-run the tests
+* `npm run dev`: open the demo in a browser, watches for changes to trigger build, tests, and reload
+* `npm test`: lint, build, and test the project
+* `npm run lint`: lint source and spec files
+* `npm run clean`: remove `/dist` directory
+* `npm run build`: lint and build the project
+* `npm run release [major|minor|patch]`: release a new version of the header to npm and bower
 
@@ -134,0 +118,0 @@ ### License

New alerts

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

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

128000

increased by126.07%

Dev dependency count

27

decreased by-6.9%

Number of package files

29

increased by93.33%

Lines of code

712

increased by1.86%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of lines in readme file

119

decreased by-11.85%

Number of low supply chain risk alerts

7

increased by600%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedangular@^1.5.0