show custom CSS in --help

.editorconfig

@@ -6,5 +6,3 @@ indent_size = 2
 indent_style = space
 [*.scd]
 indent_style = tab
-[Makefile]
-indent_style = tab

cli.js

@@ -81,7 +81,9 @@ const cli = yargs(process.argv.slice(2))
     },
   });
 
-const CSS_VARS = CSS.rootVariables(CSS.load({ css: "gmi-web.css" }));
+// TODO: checks for any .css arg, instead of parsing --css
+const css = process.argv.find(arg => /\.css$/.test(arg)) || "gmi-web.css"
+const CSS_VARS = CSS.rootVariables(CSS.load({ css }));
 Object.keys(CSS_VARS).forEach((key) => {
   const opt = key.replace("--", "");
   cli.option(opt, { default: CSS_VARS[key] });
@@ -90,7 +92,7 @@ Object.keys(CSS_VARS).forEach((key) => {
 });
 cli.group(
   Object.keys(CSS_VARS).map((key) => key.replace("--", "")),
-  "CSS:"
+  `${css}:`
 );
 
 const argv = cli

css.js

@@ -79,8 +79,7 @@ export function rootVariables(rules) {
 function reduceVariables(rules, options) {
   const defaultVariables = rootVariables(rules);
   const CSS_VAR = /(^var\((?<key>.+)\)|(?<val>.+))/;
-  return rules
+  const reduce = (rule) =>
-    .map((rule) =>
     Object.assign(
       rule,
       rule.declarations
@@ -99,32 +98,13 @@ function reduceVariables(rules, options) {
             }),
           }
         : {}
-      )
+    );
-    )
+  return rules
+    .map(reduce)
     .map((rule) => {
       if (!rule.media) return rule;
       return Object.assign(rule, {
-        rules: rule.rules.map((rule) =>
+        rules: rule.rules.map(reduce),
-          Object.assign(
-            rule,
-            rule.declarations
-              ? {
-                  declarations: rule.declarations.map((declaration) => {
-                    let { key, val } = CSS_VAR.exec(declaration.value).groups;
-                    // only one level of variable referencing is supported
-                    key =
-                      CSS_VAR.exec(options[key] || defaultVariables[key]).groups
-                        .key || key;
-                    return Object.assign(declaration, {
-                      value: key
-                        ? options[key] || defaultVariables[key]
-                        : declaration.value,
-                    });
-                  }),
-                }
-              : {}
-          )
-        ),
       });
     })
     .filter(

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "gmi-web-cli",
-  "version": "1.0.2-rc.3",
+  "version": "1.0.4-rc.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gmi-web-cli",
-  "version": "1.0.2-rc.3",
+  "version": "1.0.5-rc.3",
   "description": "A bridge between HTML and Gemini",
   "main": "html.js",
   "type": "module",