updated site builder

webpack.config.mjs

@@ -80,11 +80,12 @@ export default function (env, argv) {
         }
       }),
       ...(argv.mode === 'production' ? [new PurgeCSSPlugin({
-        paths: () => fs.readdirSync(path.resolve('src'), {recursive: true})
-          .map((name) => path.join('src', name))
-          .filter((p) => fs.statSync(p).isFile()),
+        paths: () => ['src', 'webpack']
+          .flatMap(p => fs.readdirSync(path.resolve(p), {withFileTypes: true, recursive: true}))
+          .filter(ent => ent.isFile())
+          .map(ent => path.resolve(ent.path, ent.name)),
         safelist: {
-          standard: [/^table($|\W)/, /^(?:bs-)?(offcanvas|popover|tooltip|blockquote)(?:$|\W)/, 'fade', 'show'],
+          standard: [/^(?:bs-)?(offcanvas|popover|tooltip)(?:$|\W)/, 'fade', 'show'],
         }
       })] : []),
     ],

webpack/markdown-loader.js

@@ -76,6 +76,26 @@ function blockQuoteStyle() {
   };
 }
 
+function wrapTable() {
+  return (tree) => {
+    visit(tree, /** @param node {Element} */node => node.tagName === 'table',
+      /**
+       * @param node {Element}
+       * @param index {number}
+       * @param parent {Element}
+       */
+      (node, index, parent) => {
+        node.properties.className = 'table';
+        parent.children[index] = {
+          type: 'element',
+          tagName: 'div',
+          properties: {className: 'table-responsive'},
+          children: [node]
+        };
+      });
+  };
+
+}
 
 function alertRestyle() {
   return (tree) => {
@@ -106,6 +126,7 @@ const parser = remark()
   .use(autoLead)
   .use(headingHr)
   .use(blockQuoteStyle)
+  .use(wrapTable)
   .use(extractMeta)
   .use(rehypeStringify, {allowDangerousCharacters: true, allowDangerousHtml: true});