refactor: streamline Waline configuration and helper functions

- Removed redundant configuration options in waline.ejs and replaced them with a more concise helper function for generating configuration.
- Introduced new helper functions in waline-helpers.js to handle array and object configurations, improving readability and maintainability.
- Updated CSS import paths in style.styl for consistency.
- Deleted unused CSS modules related to comments and layout to reduce clutter and improve performance.

Author: evannotfound

layout/components/comments/waline.ejs

@@ -7,26 +7,21 @@
         init({
           el: '#waline',
           serverURL: '<%= theme.comment.config.waline.serverUrl %>',
-          lang: '<%= theme.comment.config.waline.lang %>',
           dark: 'body[class~="dark-mode"]',
           reaction: <%- waline_reaction_config(theme.comment.config.waline.reaction) %>,
           requiredMeta: ['nick', 'mail'],
-          emoji: [<%- theme.comment.config.waline.emoji && theme.comment.config.waline.emoji.map(
-            (item) => `'${item}'`
-          ).join(','
-          ) %>],
-          locale: <%= theme.comment.config.waline.locale %>,
-          login: '<%= theme.comment.config.waline.login %>',
-          wordLimit: <%= theme.comment.config.waline.wordLimit %>,
-          pageSize: <%= theme.comment.config.waline.pageSize %>,
-          commentSorting: '<%= theme.comment.config.waline.commentSorting %>'
-          meta: <%= theme.comment.config.waline.meta %>
-          <%- theme.comment.config.waline.recaptchaV3Key &&
-              `recaptchaV3Key: "${theme.comment.config.waline.recaptchaV3Key}",`;
-          %>
-          <%- theme.comment.config.waline.turnstileKey &&
-              `turnstileKey: "${theme.comment.config.waline.turnstileKey}",`;
-          %>
+          emoji: <%- waline_array_config(theme.comment.config.waline.emoji) %>,
+          <%- waline_config_options({
+            lang: theme.comment.config.waline.lang,
+            locale: theme.comment.config.waline.locale,
+            login: theme.comment.config.waline.login,
+            wordLimit: theme.comment.config.waline.wordLimit,
+            pageSize: theme.comment.config.waline.pageSize,
+            commentSorting: theme.comment.config.waline.commentSorting,
+            meta: theme.comment.config.waline.meta,
+            recaptchaV3Key: theme.comment.config.waline.recaptchaV3Key,
+            turnstileKey: theme.comment.config.waline.turnstileKey
+          }) %>
         });
       }
 

scripts/helpers/theme-helpers.js

@@ -235,3 +235,17 @@ hexo.extend.helper.register("checkDeprecation", function (condition, id, message
   }
   return false;
 });
+
+hexo.extend.helper.register("configOptions", function (obj, indent = '  ') {
+  if (!obj || typeof obj !== 'object') return '';
+  
+  return Object.entries(obj)
+    .filter(([key, value]) => value !== undefined && value !== null && value !== '')
+    .map(([key, value]) => {
+      if (typeof value === 'string') {
+        return `${indent}${key}: '${value}',`;
+      }
+      return `${indent}${key}: ${value},`;
+    })
+    .join('\n');
+});

scripts/helpers/waline-helpers.js

@@ -4,4 +4,30 @@ hexo.extend.helper.register('waline_reaction_config', function(reactionConfig) {
   } else {
     return Boolean(reactionConfig);
   }
+});
+
+hexo.extend.helper.register('waline_array_config', function(arrayConfig) {
+  if (Array.isArray(arrayConfig) && arrayConfig.length) {
+    return `[${arrayConfig.map(item => `'${item}'`).join(', ')}]`;
+  }
+  return '[]';
+});
+
+hexo.extend.helper.register('waline_config_options', function(config) {
+  if (!config || typeof config !== 'object') return '';
+  
+  const formatValue = (value) => {
+    if (typeof value === 'string') {
+      return `'${value}'`;
+    }
+    if (Array.isArray(value)) {
+      return `[${value.map(item => typeof item === 'string' ? `'${item}'` : item).join(', ')}]`;
+    }
+    return value;
+  };
+  
+  return Object.entries(config)
+    .filter(([key, value]) => value !== undefined && value !== null && value !== '')
+    .map(([key, value]) => `          ${key}: ${formatValue(value)},`)
+    .join('\n');
 });