npm – Stepan Suvorov Blog https://stepansuvorov.com/blog Release 2.0 Wed, 15 Mar 2017 21:46:39 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 npm-check-updates https://stepansuvorov.com/blog/2017/03/npm-check-updates/ https://stepansuvorov.com/blog/2017/03/npm-check-updates/#comments Wed, 15 Mar 2017 21:46:39 +0000 http://stepansuvorov.com/blog/?p=3296 Just discovered pretty handy npm package that makes quick review for all your project outdated extensions:

$ npm i npm-check-updates -g

and you will get:

 

]]>
https://stepansuvorov.com/blog/2017/03/npm-check-updates/feed/ 1
zxcvbn or check your password https://stepansuvorov.com/blog/2016/05/zxcvbn-or-check-your-password/ https://stepansuvorov.com/blog/2016/05/zxcvbn-or-check-your-password/#respond Sat, 28 May 2016 16:58:59 +0000 http://stepansuvorov.com/blog/?p=3084 Continue reading ]]> password_strength

zxcvbn is nice open source project from Dropbox that helps you to evaluate strength of your password and also provides some hints how to improve it.

To install via npm:

$ npm install zxcvbn
$ node
> var zxcvbn = require('zxcvbn');
> zxcvbn('Tr0ub4dour&3');
]]>
https://stepansuvorov.com/blog/2016/05/zxcvbn-or-check-your-password/feed/ 0
nativefier – npm package to wrap your website into app https://stepansuvorov.com/blog/2016/02/nativefier-npm-package-to-wrap-your-website-into-app/ https://stepansuvorov.com/blog/2016/02/nativefier-npm-package-to-wrap-your-website-into-app/#respond Sun, 07 Feb 2016 16:19:34 +0000 http://stepansuvorov.com/blog/?p=3014 Continue reading ]]> Dock Screenshot

Nativefier is a command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) for use on Windows, OSX and Linux.

Just one command to run:

$ nativefier maps.google.com
]]>
https://stepansuvorov.com/blog/2016/02/nativefier-npm-package-to-wrap-your-website-into-app/feed/ 0
Elementor делает тестирование с Protractor приятнее https://stepansuvorov.com/blog/2015/01/elementor-%d0%b4%d0%b5%d0%bb%d0%b0%d0%b5%d1%82-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%81-protractor-%d0%bf%d1%80%d0%b8%d1%8f%d1%82%d0%bd%d0%b5%d0%b5/ https://stepansuvorov.com/blog/2015/01/elementor-%d0%b4%d0%b5%d0%bb%d0%b0%d0%b5%d1%82-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%81-protractor-%d0%bf%d1%80%d0%b8%d1%8f%d1%82%d0%bd%d0%b5%d0%b5/#comments Thu, 29 Jan 2015 21:13:32 +0000 http://stepansuvorov.com/blog/?p=2250 Continue reading ]]> elementor-protractor

Недавно для себя открыл интересный npm модуль elementor. Крайне странно, что я не слышал о нем ничего от “избранных” мира JS. Он представляет из себя что-то на подобие оболочки для Protractor для удобной работы с локаторами.

Думаю даже ничего рассказывать не нужно все показано в этом 4х минутном ролике:

Кому лень смотреть 4 минуты (хотя я крайне рекомендую), вот основные моменты:

  • Удобное тестирование локаторов в браузере:

elementor-chrome-extention

  • Дополнительная вкладка в WebDeveloper Tools, которая показывает возможные локаторы для выбранного элемента:

elementor-dev-tools

  • Плагины для WebStorm и Sublime, которые позволяют сразу выполнять локаторы в коде:

elementor-idea

Установка и запуск

Так как это npm модуль, то для установки достаточно выполнить команду:

[shell]
npm install elementor -g
[/shell]

А потом чтобы запустить:

[shell]
elementor https://angularjs.org
[/shell]

* При этом конечно у вас уже должны быть установлены protractor и запущен веб-драйвер ( об этом можно почитать тут и тут).

 

UPD: с новым релизом появилась возможность тестировать сайты без AngularJS, для этого запускаем командой:

[shell]elementor https://google.com –nonAngular[/shell]

]]>
https://stepansuvorov.com/blog/2015/01/elementor-%d0%b4%d0%b5%d0%bb%d0%b0%d0%b5%d1%82-%d1%82%d0%b5%d1%81%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d1%81-protractor-%d0%bf%d1%80%d0%b8%d1%8f%d1%82%d0%bd%d0%b5%d0%b5/feed/ 6
Создаем свой npm-пакет https://stepansuvorov.com/blog/2014/03/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%b5%d0%bc-%d1%81%d0%b2%d0%be%d0%b9-npm-%d0%bf%d0%b0%d0%ba%d0%b5%d1%82/ https://stepansuvorov.com/blog/2014/03/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%b5%d0%bc-%d1%81%d0%b2%d0%be%d0%b9-npm-%d0%bf%d0%b0%d0%ba%d0%b5%d1%82/#respond Sun, 09 Mar 2014 22:24:27 +0000 http://stepansuvorov.com/blog/?p=1013 Continue reading ]]> Все оказалось крайне просто. Если вы уже представляете что такое npm, то под кат можете не ходить.

Создаем package.json по инструкции.

Авторизируемся в npm:

npm login

либо регистрируемся, если еще нет учетной записи:

npm adduser

И выкладываем наш пакет в репозиторий:

npm publish

Для обновления – обновляем версию в описании package.json и снова повторяем команду:

npm publish

Вот и все, теперь ваш модуль можно установить через пакетный менеджер:

npm install mymodule

где mymodule – имя вашего модуля, указанное в package.json

]]>
https://stepansuvorov.com/blog/2014/03/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%b5%d0%bc-%d1%81%d0%b2%d0%be%d0%b9-npm-%d0%bf%d0%b0%d0%ba%d0%b5%d1%82/feed/ 0