feat: support esm and cjs

Author: cossssmin

.eslintrc

@@ -23,7 +23,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm install
+      - run: npm ci
       - run: npm test
         env:
           CI: true

.github/workflows/nodejs.yml

@@ -0,0 +1,10 @@
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+  rollup: {
+    emitCJS: true,
+  },
+  rootDir: './lib',
+  outDir: '../dist',
+  entries: ['index.js'],
+})

build.config.ts

@@ -0,0 +1,91 @@
+'use strict';
+
+const defaultParseRules = {
+  class: {
+    delimiter: /\s+/,
+    glue: " "
+  },
+  style: {
+    delimiter: /\s*;\s*(?![^()]*\))/,
+    keyDelimiter: /\s*:\s*/,
+    glue: "; ",
+    keyGlue: ": "
+  }
+};
+
+function parseAttr(attrStr, rule) {
+  rule = rule || {};
+  const delimiter = rule.delimiter;
+  const keyDelimiter = rule.keyDelimiter;
+  if (!delimiter && !keyDelimiter) {
+    return attrStr;
+  }
+  const attrValues = delimiter ? String(attrStr).split(delimiter) : [attrStr];
+  if (!keyDelimiter) {
+    return attrValues;
+  }
+  const attrDict = {};
+  attrValues.forEach((attrKeyValue) => {
+    const match = attrKeyValue.match(keyDelimiter);
+    if (!match) {
+      return;
+    }
+    const attrKey = attrKeyValue.slice(0, match.index);
+    if (!attrKey) {
+      return;
+    }
+    const attrValue = attrKeyValue.slice(match.index + match[0].length) || "";
+    let attrCombinedValue = attrDict[attrKey];
+    if (attrCombinedValue) {
+      if (!Array.isArray(attrCombinedValue)) {
+        attrCombinedValue = [attrCombinedValue];
+      }
+      attrCombinedValue.push(attrValue);
+    } else {
+      attrCombinedValue = attrValue;
+    }
+    attrDict[attrKey] = attrCombinedValue;
+  });
+  return attrDict;
+}
+function stringifyAttr(attr, rule) {
+  rule = rule || {};
+  const delimiter = (rule.glue || rule.delimiter || "").toString();
+  const keyDelimiter = (rule.keyGlue || rule.keyDelimiter || "").toString();
+  if (typeof attr === "string") {
+    return attr;
+  }
+  if (Array.isArray(attr)) {
+    return attr.join(delimiter);
+  }
+  const attrKeyValues = [];
+  for (let attrName of Object.keys(attr)) {
+    let attrCombinedValue = Array.isArray(attr[attrName]) ? attr[attrName] : [attr[attrName]];
+    attrCombinedValue.forEach((attrValue) => {
+      attrKeyValues.push(attrName + keyDelimiter + attrValue);
+    });
+  }
+  return attrKeyValues.join(delimiter);
+}
+
+function parseAttrs(posthtmlAttrs = {}, options = {}) {
+  const parseRules = Object.assign({}, defaultParseRules, options.rules || {});
+  const attrs = {};
+  for (let attrName of Object.keys(posthtmlAttrs)) {
+    attrs[attrName] = parseAttr(posthtmlAttrs[attrName], parseRules[attrName]);
+  }
+  attrs.compose = function() {
+    return composeAttrs(this, parseRules);
+  };
+  return attrs;
+}
+function composeAttrs(attrs, parseRules) {
+  delete attrs.compose;
+  const posthtmlAttrs = {};
+  for (let attrName of Object.keys(attrs)) {
+    posthtmlAttrs[attrName] = stringifyAttr(attrs[attrName], parseRules[attrName]) || true;
+  }
+  return posthtmlAttrs;
+}
+
+module.exports = parseAttrs;

dist/index.cjs

@@ -0,0 +1,89 @@
+const defaultParseRules = {
+  class: {
+    delimiter: /\s+/,
+    glue: " "
+  },
+  style: {
+    delimiter: /\s*;\s*(?![^()]*\))/,
+    keyDelimiter: /\s*:\s*/,
+    glue: "; ",
+    keyGlue: ": "
+  }
+};
+
+function parseAttr(attrStr, rule) {
+  rule = rule || {};
+  const delimiter = rule.delimiter;
+  const keyDelimiter = rule.keyDelimiter;
+  if (!delimiter && !keyDelimiter) {
+    return attrStr;
+  }
+  const attrValues = delimiter ? String(attrStr).split(delimiter) : [attrStr];
+  if (!keyDelimiter) {
+    return attrValues;
+  }
+  const attrDict = {};
+  attrValues.forEach((attrKeyValue) => {
+    const match = attrKeyValue.match(keyDelimiter);
+    if (!match) {
+      return;
+    }
+    const attrKey = attrKeyValue.slice(0, match.index);
+    if (!attrKey) {
+      return;
+    }
+    const attrValue = attrKeyValue.slice(match.index + match[0].length) || "";
+    let attrCombinedValue = attrDict[attrKey];
+    if (attrCombinedValue) {
+      if (!Array.isArray(attrCombinedValue)) {
+        attrCombinedValue = [attrCombinedValue];
+      }
+      attrCombinedValue.push(attrValue);
+    } else {
+      attrCombinedValue = attrValue;
+    }
+    attrDict[attrKey] = attrCombinedValue;
+  });
+  return attrDict;
+}
+function stringifyAttr(attr, rule) {
+  rule = rule || {};
+  const delimiter = (rule.glue || rule.delimiter || "").toString();
+  const keyDelimiter = (rule.keyGlue || rule.keyDelimiter || "").toString();
+  if (typeof attr === "string") {
+    return attr;
+  }
+  if (Array.isArray(attr)) {
+    return attr.join(delimiter);
+  }
+  const attrKeyValues = [];
+  for (let attrName of Object.keys(attr)) {
+    let attrCombinedValue = Array.isArray(attr[attrName]) ? attr[attrName] : [attr[attrName]];
+    attrCombinedValue.forEach((attrValue) => {
+      attrKeyValues.push(attrName + keyDelimiter + attrValue);
+    });
+  }
+  return attrKeyValues.join(delimiter);
+}
+
+function parseAttrs(posthtmlAttrs = {}, options = {}) {
+  const parseRules = Object.assign({}, defaultParseRules, options.rules || {});
+  const attrs = {};
+  for (let attrName of Object.keys(posthtmlAttrs)) {
+    attrs[attrName] = parseAttr(posthtmlAttrs[attrName], parseRules[attrName]);
+  }
+  attrs.compose = function() {
+    return composeAttrs(this, parseRules);
+  };
+  return attrs;
+}
+function composeAttrs(attrs, parseRules) {
+  delete attrs.compose;
+  const posthtmlAttrs = {};
+  for (let attrName of Object.keys(attrs)) {
+    posthtmlAttrs[attrName] = stringifyAttr(attrs[attrName], parseRules[attrName]) || true;
+  }
+  return posthtmlAttrs;
+}
+
+export { parseAttrs as default };

dist/index.mjs

@@ -0,0 +1,28 @@
+import js from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+
+export default [
+  js.configs.recommended,
+  {
+    plugins: {
+      '@stylistic': stylistic
+    },
+    languageOptions: {
+      sourceType: 'module',
+      ecmaVersion: 2020,
+      globals: {
+        es6: true,
+        node: true,
+        browser: false
+      }
+    },
+    rules: {
+      semi: [2, 'always'],
+      quotes: [2, 'single'],
+      indent: [2, 2, {SwitchCase: 1}],
+      camelcase: [2, {properties: 'always'}],
+      '@stylistic/linebreak-style': [2, 'unix'],
+      '@stylistic/brace-style': [2, '1tbs', {allowSingleLine: true}],
+    }
+  }
+]