Change tagss

Author: grigorii-horos

examples/blockquote.html

@@ -0,0 +1,5 @@
+<blockquote cite="http://www.worldwildlife.org/who/index.html">
+  For 50 years, WWF has been protecting the future of nature. The world's
+  leading conservation organization, WWF works in 100 countries and is supported
+  by 1.2 million members in the United States and close to 5 million globally.
+</blockquote>

examples/code.html

@@ -9,4 +9,3 @@
 const languages = require('languages-aliases');
 const { highlight } = require('cli-highlight');
 const boxen = require('boxen');</code></pre>
-

examples/links.html

@@ -0,0 +1,3 @@
+<a>Hello</a>
+<a href="#hello"/>Hello</a>
+<a href="http://google.com"/>Hello</a>

lib/tags.js

@@ -82,125 +82,125 @@ import {
   map,
   meta,
   noscript,
+  optgroup,
+  option,
   param as parameter,
   script,
+  select,
   source,
   style,
   summary,
+  template,
   track,
+  video,
 } from './tags/void.js';
 
 const __text = textNode;
 
 //
-
 export default {
+  '#text': __text,
+  a,
   abbr,
-  dfn,
   acronym,
   address,
-  title,
-  span,
-  label,
-  p,
-  div,
-  head,
-  header,
+  applet,
+  area,
   article,
-  footer,
-  section,
-  main,
-  nav,
   aside,
-  form,
-  picture,
-  figcaption,
-  hgroup,
+  audio,
+  b,
+  base,
+  bgsound,
+  big,
   blockquote,
+  blockTag,
+  body,
+  bold,
   br,
+  button,
+  caption,
   center,
+  cite,
   code,
-  pre,
-  dt,
+  data,
   dd,
-  dl,
+  del,
   details,
-  html,
-  body,
+  dfn,
+  div,
+  dl,
+  dt,
+  em,
+  embed,
   fieldset,
+  figcaption,
   figure,
+  font,
+  footer,
+  form,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
+  head,
+  header,
+  hgroup,
   hr,
+  html,
+  i: index,
   img,
-  button,
   input,
-  output,
-  a,
-  ol,
-  ul,
-  li,
-  table,
-  caption,
-  q,
-  del,
   ins,
   italic,
-  strikethrough,
-  underline,
-  bold,
-  samp,
   kbd,
-  var: variableTag,
+  keygen,
+  label,
+  li,
+  link,
+  main,
+  map,
   mark,
-  b,
+  meta,
+  nav,
+  noscript,
+  ol,
+  optgroup,
+  option,
+  output,
+  p,
+  param: parameter,
+  picture,
+  pre,
+  progress,
+  q,
   s,
+  samp,
+  script,
+  section,
+  small,
+  select,
+  source,
+  span,
   strike,
-  em,
-  i: index,
-  cite,
+  strikethrough,
   strong,
-  u,
-  small,
-  big,
+  style,
   sub,
+  summary,
   sup,
+  table,
+  template,
   time,
+  title,
+  track,
   tt,
-  font,
-  data,
+  u,
+  ul,
+  underline,
+  var: variableTag,
+  video,
   wbr,
-
-  //
-  blockTag,
-
-  //
-
-  script,
-  style,
-  meta,
-  audio,
-  applet,
-  area,
-  map,
-  base,
-  track,
-  embed,
-  keygen,
-  link,
-  param: parameter,
-  source,
-  summary,
-
-  noscript,
-  bgsound,
-
-  progress,
-
-  //
-  '#text': __text,
 };

lib/tags/a.js

@@ -11,11 +11,35 @@ export const a = inlineTag((value, tag) => {
 
   const inHeader = findParrentTag(tag, ['h1', 'h2', 'h3']);
 
-  const href = rawHref
+  const cleeanUrls = [
     // eslint-disable-next-line no-script-url
-    && !rawHref.startsWith('javascript:')
-    ? rawHref
-    : null;
+    'javascript:',
+    'vbscript:',
+    'vbscript:',
+    'data:',
+    'mailto:',
+    'tel:',
+    'sms:',
+    'callto:',
+    'cid:',
+    'xmpp:',
+    'skype:',
+    'sip:',
+    'sips:',
+    'mms:',
+    'rtmp:',
+    'rtmpt:',
+    'rtmps:',
+    'rtmpts:',
+    'magnet:',
+
+    '#',
+  ];
+
+  const href = !rawHref
+    || (cleeanUrls.some((url) => rawHref.startsWith(url)))
+    ? null
+    : rawHref;
 
   const title = getAttribute(tag, 'title', null);
 

lib/tags/base-tags.js

@@ -37,5 +37,9 @@ export const nav = block;
 export const aside = block;
 export const form = block;
 export const picture = block;
-export const figcaption = block;
 export const hgroup = block;
+
+export const figcaption = blockTag((value) => chalk.bgGreen.bold(` § ${value} `), {
+  marginTop: 1,
+  marginBottom: 1,
+});

lib/tags/code.js

@@ -24,20 +24,20 @@ export const code = (tag, context) => inlineTag((value, tag) => {
   });
 
   const codeValue = langName
-    ? highlight(content, {
+    ? (highlight(content, {
       language: langName,
       theme: {
-        comment: chalk.blackBright.italic,
+        comment: chalk.blackBright,
       },
-    })
+    }))
     : chalk.yellow(content);
 
-  const codeValueLines = codeValue.split('\n');
-
   if (tag.parentNode.nodeName !== 'pre') {
-    return codeValue;
+    return chalk.bgBlack(codeValue);
   }
 
+  const codeValueLines = codeValue.split('\n');
+
   const codeLinesLength = `${codeValueLines.length}`.length;
   const pad = `${Array.from({ length: codeLinesLength }).join(' ')}  `;
 

lib/tags/figure.js

@@ -1,10 +1,11 @@
+import ansiAlign from 'ansi-align';
 import boxen from 'boxen';
 
 import { blockTag } from '../tag-helpers/block-tag.js';
 
 export const figure = (tag, context) => blockTag(
   (value, tag) => {
-    const valueInBox = boxen(value, {
+    const valueInBox = boxen(ansiAlign(value, { align: 'center' }), {
       padding: {
         top: 0,
         bottom: 0,

lib/tags/void.js

@@ -10,10 +10,15 @@ export {
   voidTag as map,
   voidTag as meta,
   voidTag as noscript,
+  voidTag as optgroup,
+  voidTag as option,
   voidTag as param,
   voidTag as script,
+  voidTag as select,
   voidTag as source,
   voidTag as style,
   voidTag as summary,
+  voidTag as template,
   voidTag as track,
+  voidTag as video,
 } from '../tag-helpers/void-tag.js';