MyScript
diff --git a/‎.eslintrc
Lines changed: 26 additions & 0 deletions b/‎.eslintrc
Lines changed: 26 additions & 0 deletions
diff --git a/‎README.md
Lines changed: 26 additions & 14 deletions b/‎README.md
Lines changed: 26 additions & 14 deletions
@@ -0,0 +1,26 @@
+{
+  "extends": "airbnb",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "rules": {
+    "semi": 2,
+    "no-unused-vars" : "off",
+    "comma-dangle" : "off",
+    "no-plusplus" : "off",
+    "no-restricted-properties" : "off",
+    "prefer-template" : "off",
+    "import/no-extraneous-dependencies" : "off",
+    "import/prefer-default-export" : "off",
+    "max-len": ["off", 100, 2, {
+      "ignoreUrls": true,
+      "ignoreComments": false,
+      "ignoreStrings": true,
+      "ignoreTemplateLiterals": true
+    }]
+  }
+}
@@ -29,9 +29,9 @@ It integrates all you need:
 
 If you're not familiar with MyScript and Interactive Ink, consider discovering its major features with our [text demo and tutorial](http://webdemo.myscript.com/views/text.html).
 
-You can find on our examples page a [simple example](https://myscript.github.io/myscript-text-web/components/myscript-text-web/#/elements/myscript-text-web/demos/get-started-[v4]) of `myscript-text-web`. 
+[Simple example](https://myscript.github.io/myscript-text-web/components/myscript-text-web/#/elements/myscript-text-web/demos/get-started-[v4]) of `myscript-text-web`. 
 
-We also provide several examples to show the features of `myscript-text-web`. Those examples can be found on our [examples page](https://myscript.github.io/myscript-text-web/components/myscript-text-web/#/elements/myscript-text-web/demos/other-examples) with the source codes in [this directory](https://github.com/MyScript/myscript-text-web/tree/master/examples).
+[All our examples](https://myscript.github.io/myscript-text-web/components/myscript-text-web/#/elements/myscript-text-web/demos/other-examples) with the [source codes](https://github.com/MyScript/myscript-text-web/tree/master/examples).
 
 ## Features
 
@@ -47,37 +47,47 @@ You can discover all the text features on our [Developer website](https://develo
 
 ## Requirements
 
-1. Have [bower](https://bower.io/#install-bower) installed.
+1. Have [npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/en/docs/install) installed.
 2. Have a MyScript developer account. You can create one [here](https://dev.myscript.com/).
 2. Get your keys and the free monthly quota to access MyScript Cloud at [developer.myscript.com](https://developer.myscript.com)
 
 ## Installation
 
-1. Download myscript-text-web.
+Use an existing project or start a fresh one.
+
+```shell
+npm init
+```
+
+Install `myscript-text-web` and use it as showed in the [Usage]() section.
+
 ```shell
-bower install myscript-text-web
+npm install myscript-text-web
 ```
 
 ## Usage
 
 1. Create an `index.html` file in the same directory. 
 
 2. Add the following lines in the `head` section to import the library and the webcomponents polyfill.
+
 ```html
-<link rel="import" href="bower_components/myscript-text-web/myscript-text-web.html">
-<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+<script type="module" src="node_modules/myscript-text-web/myscript-text-web.js"></script>
+<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
 ```  
 
 3. Still in the `head` section, add the following style:
+
 ```html
 <style>
     myscript-text-web {
-        height: 100%;
+        height: 100vw;
     }
 </style>
 ```
 
-4. Use the component in the `body` section with the keys you received by mail.  
+4. Use the component in the `body` section with the keys you received by mail.
+
 ```html
 <myscript-text-web
   applicationkey="YOUR MYSCRIPT DEVELOPER APPLICATION KEY"
@@ -86,14 +96,15 @@ bower install myscript-text-web
 ```
 
 5. Your `index.html` file should look like this:
+
 ```html
 <html>
     <head>
-        <link rel="import" href="bower_components/myscript-text-web/myscript-text-web.html">
-        <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+        <script type="module" src="node_modules/myscript-text-web/myscript-text-web.js"></script>
+        <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
         <style>
             myscript-text-web {
-                height: 100%;
+                height: 100vw;
             }
         </style>
     </head>
@@ -106,9 +117,10 @@ bower install myscript-text-web
 </html>
 ```
 
-6. Launch a local Web server like the one below and open the page in your browser (at [0.0.0.0:8000](http://0.0.0.0:8000) if you used the one below) to start using it!
+6. Launch a local Web server to start using it! We recommend to use the polymer one, you can find more information on the [Polymer website](https://www.polymer-project.org/3.0/start/install-3-0).
+
 ```
-python -m SimpleHTTPServer
+polymer serve
 ```
 
 You can find this guide and a more complete example on the [MyScript Developer website](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/get-started/).