Dev

.eslintrc

@@ -0,0 +1,29 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "keyword-spacing": 1,
+    "space-before-function-paren": [1, "never"],
+    "eqeqeq": 1,
+    "space-infix-ops": 1,
+    "comma-spacing": 1,
+    "brace-style": 1,
+    "no-multiple-empty-lines": 1,
+    "camelcase": 1,
+    "func-call-spacing": 1,
+    "key-spacing": 1,
+    "semi": 1,
+    "no-floating-decimal": 1,
+    "no-multi-spaces": 1,
+    "object-property-newline": 1,
+    "padded-blocks": [1, "never"],
+    "space-before-blocks": 1,
+    "space-in-parens": 1,
+    "spaced-comment": 1,
+    "quotes": [1, "single"],
+    "id-length": [1, { "exceptions": ["i", "j", "x"] }],
+    "indent": [1, 2],
+    "no-array-constructor": 1
+  }
+}

.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+data/
+doc/
+

.npmignore

@@ -0,0 +1,10 @@
+node_modules/
+demo/
+img/
+test/
+data/
+doc/
+.eslintrc
+.gitignore
+.travis.yml
+LICENSE.txt

.travis.yml

@@ -0,0 +1,22 @@
+language: node_js
+node_js:
+  - "8"
+dist: trusty
+sudo: false
+install:
+  - npm install
+script:
+  - npm run lint
+  - npm test
+branches:
+  only:
+  - gh-pages
+  - /.*/
+deploy:
+  provider: pages
+  skip-cleanup: true
+  github-token: $GITHUB_TOKEN  # Set in travis-ci.org dashboard, marked secure
+  keep-history: true
+  on:
+    branch: master
+  local-dir: ./demo

LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Makarena Fernández Lavín, Visaka Devi y Viviana Marcelo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,38 +1,108 @@
-# extractLinksFromMd
+<p align="center">
+	<img src="./img/logo.gif">
+	</img>
+</p>
+<p align="center">
+	a markdown link extractor
+</p>
+<p align="center">
+	<a href="https://badge.fury.io/js/linkinmark"><img src="https://badge.fury.io/js/linkinmark.svg" alt="npm version"></a>
+	<a href="https://travis-ci.org/missmakita/md-links-extractor"><img src="https://travis-ci.org/missmakita/md-links-extractor.svg?branch=dev"></a>
+	<a href="https://www.jsdelivr.com/package/npm/linkinmark"><img src="https://data.jsdelivr.com/v1/package/npm/linkinmark/badge?style=rounded" alt=""></a>
+	<a href="https://www.npmjs.com/package/linkinmark"><img src="https://img.shields.io/npm/dt/express.svg" alt=""></a>
+	<a href="https://github.com/missmakita/md-links-extractor/blob/master/LICENSE.txt"><img src="https://img.shields.io/github/license/missmakita/md-links-extractor.svg" alt=""></a>
+</p>
 
-* **Track:** _Common Core_
-* **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_
-* **Unidad:** _Producto final_
+## Descripción
+**Linkin' Mark** es un extractor de links desde formato Markdown. Puedes instalarlo como módulo en Node.js o implementarlo en tu página web.
 
-***
+## Instalación
+### NPM
+Desde la consola, posiciónate en la carpeta raíz de tu proyecto e instala el paquete npm:
 
-Implementar un módulo de Node.js que reciba un string (en formato Markdown) y
-extraiga todos los links encontrados. La implementación debe ser una función que
-recibe un string y devuelve un arreglo de objetos como se muestra en el este
-ejemplo:
+    $ npm install linkinmark --save
+### CDN
+Utiliza el CDN de Linkin' Mark para no añadir peso a tu proyecto. Agrega este `<script>` al final del `<body>` en tu `<hmtl>`:
 
-```js
-const extractLinksFromMd = require('extract-links-from-md');
-const str = `# Lorem ipsum
+    <script src="https://cdn.jsdelivr.net/npm/linkinmark@1/lib/md-link-extractor.min.js"></script>
+
+### Descarga directa
+1. Descarga [**Linkin' Mark**](https://registry.npmjs.org/linkinmark/-/linkinmark-1.0.0.tgz) y extrae los archivos en tu computador.
+2. Incorpora la carpeta `lib`, conteniendo el archivo `md-link-extractor.js`, en  la carpeta raíz de tu proyecto.
+3. Asocia tu html con md-link-extractor.js, escribiendo el siguiente script al final de `<body>`:
+
+	`<script src="./lib/md-link-extractor.js"></script>`
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-incididunt ut [labore](https://en.wiktionary.org/wiki/labore) et
-[dolore](https://en.wiktionary.org/wiki/dolore) magna aliqua. Ut enim ad minim
-veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-consequat.
+## Uso
+### Node.js
+1. En la carpeta raíz de tu proyecto, crea un archivo index.js , conteniendo el siguiente código, indicando la ruta del archivo markdown (*.md) a analizar:
+	```
+    'use strict';
+    const fs = require('fs');
+    const linkinmark = require('linkinkmark');
+    linkinmark.extract('./<mi-archivo.md>');
+2. En tu consola, posiciónate en la carpeta raíz de tu proyecto y ejecuta `index.js`:
+	```
+	$ node index.js
+	```
+3. El resultado será un objeto JSON, conteniendo cada link del archivo markdown seleccionado. Éste quedará guardado en un archivo en la carpeta `./data/mylinks.json`:
+
+	```
+    [
+      {
+        "text":"labore",
+        "href":"https://en.wiktionary.org/wiki/labore"
+      },
+      {
+        "text":"dolore",
+        "href":"https://en.wiktionary.org/wiki/dolore"
+      },
+      {
+        "text":"foo",
+        "href":"http://foo.com"
+      }
+    ]
+    ```
+### Browser
+La versión para páginas web, requiere sólo de unas cuantas líneas de código. Al efectuar la búsqueda, **Linkin' Mark** devolverá los resultados en un objeto JSON. Para incorporar esta herramienta en tu página, sigue los siguientes pasos:
+1. Descarga [**Linkin' Mark**](https://registry.npmjs.org/linkinmark/-/linkinmark-1.0.0.tgz) o sigue las instrucciones más arriba para utilizar el enlace CDN en tu html.
+2. Incorpora la carpeta `lib`, conteniendo el archivo `md-link-extractor.js`, en la carpeta raíz de tu proyecto.
+3. Agrega el script al final del `body` de tu archivo `html`:
+	```
+	<script src="./lib/md-link-extractor.js"></script>
+	<script>
+      const extract = document.getElementById('extract');
+      extract.onclick = function myLinks() {
+        let markdown = document.getElementById('markdown').value;
+        document.getElementById('result').innerHTML = markdownLinkExtractor(markdown);
+      };
+    </script>
+#### Ejemplo HTML
+Puedes seguir este ejemplo:
+1. Crea un elemento `<input>` o `<textarea>` con `id="markdown"` en tu html. 
+2. Agrega un botón con el `id="extract"`.
+3. Por último, para poder visualizar el resultado de la búsqueda, incorpora un elemento `<pre></pre>` y un elemento `<code></code>` con `id="result"` anidado en su interior. 
+	```
+	<body>
+	  <h1>Extractor de Links Markdown</h1>
+	  <h3>Ingresa un texto en formato markdown para analizar:</h3>
+	  <textarea id="markdown" cols="100" rows="10"></textarea>
+	  <button id="extract">Extraer Links!</button>
+	  <h3>Resultado:</h3>
+	  <pre>
+	    <code id="result"></code>
+	  </pre>
+	</body>
+	```
+Si decides modificar los nombres de id sugeridas, recuerda verificar que coincidan con el script.
 
-[foo](http://foo.com)
+El resultado se verá así:
+<p align="center">
+  <img src="./img/ejemplohtml.png">
+</p>
 
-Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-culpa qui officia deserunt mollit anim id est laborum.`;
+## Autoras
+[Makarena Fernández](https://github.com/missmakita), [Visaka Devi](https://github.com/visidevi) y [Viviana Marcelo](https://github.com/skyblue16).
 
-const links = extractLinksFromMd(str);
-
-console.log(links);
-// [
-//   { href: 'https://en.wiktionary.org/wiki/labore', text: 'labore' },
-//   { href: 'https://en.wiktionary.org/wiki/dolore', text: 'dolore' },
-//   { href: 'http://foo.com', text: 'foo' },
-// ]
-```
+## Licencia
+[MIT](LICENSE.txt)

demo/.eslintrc

@@ -0,0 +1,29 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "keyword-spacing": 1,
+    "space-before-function-paren": [1, "never"],
+    "eqeqeq": 1,
+    "space-infix-ops": 1,
+    "comma-spacing": 1,
+    "brace-style": 1,
+    "no-multiple-empty-lines": 1,
+    "camelcase": 1,
+    "func-call-spacing": 1,
+    "key-spacing": 1,
+    "semi": 1,
+    "no-floating-decimal": 1,
+    "no-multi-spaces": 1,
+    "object-property-newline": 1,
+    "padded-blocks": [1, "never"],
+    "space-before-blocks": 1,
+    "space-in-parens": 1,
+    "spaced-comment": 1,
+    "quotes": [1, "single"],
+    "id-length": [1, { "exceptions": ["i", "j", "x"] }],
+    "indent": [1, 2],
+    "no-array-constructor": 1
+  }
+}

demo/css/style.css

@@ -0,0 +1,92 @@
+
+nav ul a,
+nav .brand-logo {
+  color: #444;
+}
+
+p {
+  line-height: 2rem;
+}
+
+.button-collapse {
+  color: #26a69a;
+}
+
+.parallax-container {
+  min-height: 380px;
+  line-height: 0;
+  height: auto;
+  color: rgba(255,255,255,.9);
+}
+
+  .parallax-container .section {
+    width: 100%;
+  }
+
+@media only screen and (max-width : 992px) {
+  .parallax-container .section {
+    position: absolute;
+    top: 40%;
+  }
+  #index-banner .section {
+    top: 10%;
+  }
+}
+
+@media only screen and (max-width : 600px) {
+  #index-banner .section {
+    top: 0;
+  }
+}
+
+.icon-block {
+  padding: 0 15px;
+}
+.icon-block .material-icons {
+  font-size: inherit;
+}
+
+footer.page-footer {
+  margin: 0;
+}
+
+#logo {
+  margin-top: 5px;
+  width: 60px;
+}
+#logoE {
+  margin-top: 6%;
+  width: 40%;
+  margin-bottom: 2%;
+}
+.logoGit{
+  color: white;
+  width: 50px;
+}
+.veve{
+  text-shadow: 0.05em 0.05em 0.05em #000;
+}
+#veveGray{
+  text-shadow: 0.05em 0.05em 0.01em #000;
+}
+#code,#computer,#settings{
+  margin-bottom: 20px;
+}
+#icon {
+  margin-top: 30px;
+}
+.love{
+  margin-top: 100px;
+}
+.bwr, .imgScript, .imgHtml, .descarga, .descarga-link, .uso, .instalacion, .browser {
+  opacity: 0;
+} 
+.browser ol li {
+  margin-bottom: 20px;
+
+}
+
+li.L0, li.L1, li.L2, li.L3,
+li.L5, li.L6, li.L7, li.L8 {
+  list-style-type: decimal !important;
+}

demo/doc/README.md

@@ -0,0 +1,13 @@
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut [labore](https://en.wiktionary.org/wiki/dolore) et
+[dolore](http://en.wiktionary.org/wiki/dolore) magna aliqua. Ut enim ad minim
+veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Quis ut commodo nulla sunt tempor veniam cillum reprehenderit ut sed 
+nulla sed ![gooo](http://www.gooo.com). Lorem ipsum dolor sit amet, consectetur 
+adipisicing elit. Dolor sed, doloribus esse. Debitis quibusdam ipsum modi, fugit
+optio dolores blanditiis.commodi consequatur impedit nesciunt aliquid aut 
+sapiente earum vel, qui.
+
+[foo](http://foo.com)
+
+