Add tags

Author: grigorii-horos

.eslintrc.cjs

@@ -54,6 +54,8 @@ module.exports = {
     'unicorn/no-array-callback-reference': 0,
     'max-len': 0,
     'import/no-unresolved': 0,
+    'jsdoc/require-returns-description': 0,
+    'jsdoc/require-param-description': 0,
 
     'simple-import-sort/imports': 'error',
     'simple-import-sort/exports': 'error',

index.js

@@ -1,6 +1,6 @@
 import { parse } from 'parse5';
 
-import { filterAst, indentify } from './lib/utils.js';
+import { indentify } from './lib/utils.js';
 import { getGlobalConfig } from './lib/utils/get-clobal-config.js';
 import { renderTag } from './lib/utils/render-tag.js';
 
@@ -14,7 +14,7 @@ const htmlToCli = (rawHTML, theme = {}) => {
 
   const clobalConfig = getGlobalConfig(document, theme);
 
-  return `\n${indentify(' ')(
+  return `\n${indentify(' ', false)(
     (renderTag(document, clobalConfig) || { value: '' }).value,
   )}\n\n`;
 };

lib/tag-helpers/block-tag.js

@@ -6,8 +6,8 @@ import { renderTag } from '../utils/render-tag.js';
 import wrapLineWidth from '../wrap-line-width.js';
 
 /**
- * @param wrapper - {Function}.
- * @param localContext - {object}.
+ * @param {Function} [wrapper]
+ * @param {object} [localContext]
  * @returns {Function}
  */
 export function blockTag(wrapper, localContext) {
@@ -38,7 +38,7 @@ export function blockTag(wrapper, localContext) {
           };
         }
 
-        if (accumulator.inline && accumulator.inline.value != undefined) {
+        if (accumulator.inline && accumulator.inline.value != null) {
           accumulator.inline.value = wrapLineWidth(
             accumulator.inline.value,
             context,
@@ -63,7 +63,7 @@ export function blockTag(wrapper, localContext) {
       },
     );
 
-    if (value.inline != undefined && value.inline.value != undefined) {
+    if (value.inline != null && value.inline.value != null) {
       value.inline.value = wrapLineWidth(value.inline.value, context);
     }
 

lib/tags.js

@@ -7,6 +7,7 @@ import {
   article,
   aside,
   blink,
+  dialog,
   div,
   figcaption,
   footer,
@@ -206,4 +207,5 @@ export default {
   video,
   wbr,
   basefont,
+  dialog,
 };

lib/tags/a.js

@@ -1,5 +1,4 @@
 import ansiEscapes from 'ansi-escapes';
-import chalk from 'chalk';
 import { stdout } from 'supports-hyperlinks';
 
 import inlineTag from '../tag-helpers/inline-tag.js';

lib/tags/base-tags.js

@@ -1,5 +1,3 @@
-import chalk from 'chalk';
-
 import { blockTag } from '../tag-helpers/block-tag.js';
 import inlineTag from '../tag-helpers/inline-tag.js';
 
@@ -34,3 +32,5 @@ export const figcaption = blockTag(
     marginBottom: 1,
   },
 );
+
+export const dialog = blockTag();

lib/tags/blockquote.js

@@ -1,12 +1,11 @@
-import chalk from 'chalk';
 import compose from 'compose-function';
 
 import { blockTag } from '../tag-helpers/block-tag.js';
 import { indentify } from '../utils.js';
 
 export const blockquote = (tag, context) => blockTag(
   compose(
-    indentify(context.theme.blockquote('│ ')),
+    indentify(context.theme.blockquote('│ '), false),
   ),
   { marginTop: 1, marginBottom: 1 },
 )(tag, { ...context, lineWidth: context.lineWidth - 2 });

lib/tags/code.js

@@ -6,7 +6,7 @@ import { blockTag } from '../tag-helpers/block-tag.js';
 import inlineTag from '../tag-helpers/inline-tag.js';
 import { getAttribute, indentify } from '../utils.js';
 
-export const code = (tag, context) => inlineTag((value, tag, globalContext) => {
+export const code = (tag, context) => inlineTag((value, tag) => {
   const classAttributes = getAttribute(tag, 'class', '').split(' ');
 
   const content = value.at(-1) === '\n' ? value.slice(0, -1) : value;
@@ -46,18 +46,18 @@ export const code = (tag, context) => inlineTag((value, tag, globalContext) => {
       `${index + 1}`.padStart(codeLinesLength, ' '),
     )} ${indentify(
       pad,
-      true,
+      false,
     )(
       wrapAnsi(codeLine, context.lineWidth - pad.length - 1, {
         trim: false,
       }),
     )}`,
   );
 
-  return indentify(' ')(codeContent.join('\n'));
+  return indentify(' ', false)(codeContent.join('\n'));
 })(tag, context);
 
-export const pre = (tag, context) => blockTag((value, tag) => value, { marginTop: 2, marginBottom: 2 })(
+export const pre = (tag, context) => blockTag((value) => value, { marginTop: 2, marginBottom: 2 })(
   tag,
   { ...context, pre: true, lineWidth: context.lineWidth - 10 },
 );

lib/tags/definitions.js

@@ -10,10 +10,13 @@ export const dt = (tag, context) => blockTag(
 
 export const dd = (tag, context) => blockTag(compose(
   context.theme.dd,
-  indentify('  '),
+  indentify('  ', false),
 ), { marginTop: 1, marginBottom: 1 })(tag, {
   ...context,
   lineWidth: context.lineWidth - 3,
 });
 
-export const dl = blockTag();
+export const dl = (tag, context) => blockTag(
+  context.theme.dl,
+  { marginTop: 1, marginBottom: 1 },
+)(tag, { ...context, lineWidth: context.lineWidth - 1 });

lib/tags/details.js

@@ -10,8 +10,6 @@ export const details = (tag, context) => {
   return blockTag(
     (value) => `${boxen(value || '', {
       title: summary && summary.value ? `> ${summary.value.replaceAll('\n', ' ')}` : '> Summary',
-      dimTitle: false,
-      titleColor: 'red',
       padding: {
         bottom: 0, top: 0, left: 1, right: 1,
       },