coveragebook_components 0.5.0

data/lib/generators/coco/templates/component.rb.tt

@@ -0,0 +1,6 @@
+module Coco<% class_namespace_modules.each_with_index do |mod, i| %>
+<%= indent(i + 1) %>module <%= mod %><% end %>
+<%= indent(modules_count + 1) %>class <%= component_class %> < Coco::Component
+<%= indent(modules_count + 1) %>end<% class_namespace_modules.each_with_index do |mod, i| %>
+<%= indent(modules_count - i) %>end<% end %>
+end

data/lib/generators/coco/templates/preview.rb.tt

@@ -0,0 +1,9 @@
+<% class_namespace_modules.each_with_index do |mod, i| %><%= indent(i) %>module <%= mod %>
+<% end %><%= indent(modules_count) %>class <%= component_class.to_s.gsub("::","") %>Preview < Coco::Preview
+<%= indent(modules_count + 1) %>def default
+<%= indent(modules_count + 2) %>render Coco::<%= zeitwerk_class_name %>.new do
+<%= indent(modules_count + 3) %>"<%= component_class.gsub("::Content", "") %> content here"
+<%= indent(modules_count + 2) %>end
+<%= indent(modules_count + 1) %>end
+<%= indent(modules_count) %>end<% class_namespace_modules.each_with_index do |mod, i| %>
+<%= indent(modules_count - i - 1) %>end<% end %>

data/lib/generators/coco/templates/test.rb.tt

@@ -0,0 +1,10 @@
+require "test_helper"
+<% class_namespace_modules.each_with_index do |mod, i| %>
+<%= indent(i) %>module <%= mod %><% end %>
+<%= indent(modules_count) %>class <%= component_class.to_s.gsub("::","") %>Test < CocoTestCase
+<%= indent(modules_count + 1) %>it "renders the component" do
+<%= indent(modules_count + 2) %>render_inline(Coco::<%= zeitwerk_class_name %>.new)
+<%= indent(modules_count + 2) %>assert_selector("[data-component='<%= component_ref %>']")
+<%= indent(modules_count + 1) %>end
+<%= indent(modules_count) %>end<% class_namespace_modules.each_with_index do |mod, i| %>
+<%= indent(modules_count - i - 1) %>end<% end %>

data/lib/scripts/esbuild-plugin-build-icons.js

@@ -0,0 +1,60 @@
+import { optimize } from "svgo";
+import fs from "fs/promises";
+import { existsSync, mkdirSync } from "fs";
+import prettier from "prettier";
+
+export default function (sourcePath, destPath, configPath) {
+  return {
+    name: "optimize-icons",
+    setup(build) {
+      build.onEnd(async (result) => {
+        const files = await fs.readdir(sourcePath);
+        const iconNames = [];
+
+        if (!existsSync(destPath)) {
+          mkdirSync(destPath);
+        }
+
+        await Promise.all(
+          files
+            .filter((fileName) => fileName.endsWith(".svg"))
+            .map(async (fileName) => {
+              const filePath = `${sourcePath}/${fileName}`;
+              const svgText = await fs.readFile(filePath, {
+                encoding: "utf8",
+              });
+
+              const optimizedSvg = optimize(svgText, {
+                path: filePath,
+                plugins: [
+                  {
+                    name: "removeAttrs",
+                    params: {
+                      attrs:
+                        "(fill|stroke|stroke-width|stroke-linecap|stroke-linejoin)",
+                    },
+                  },
+                ],
+              });
+              await fs.writeFile(`${destPath}/${fileName}`, optimizedSvg.data);
+
+              iconNames.push(fileName.replace(".svg", ""));
+            })
+        );
+
+        const iconsDataFilePath = `${configPath}/icons.json`;
+
+        prettier.resolveConfig(iconsDataFilePath).then(async (options) => {
+          const formattedJSON = prettier.format(
+            JSON.stringify(iconNames.sort()),
+            {
+              ...options,
+              parser: "json",
+            }
+          );
+          await fs.writeFile(iconsDataFilePath, formattedJSON);
+        });
+      });
+    },
+  };
+}

data/lib/scripts/esbuild-plugin-clean.js

@@ -0,0 +1,97 @@
+import path from "path";
+import { deleteSync } from "del";
+
+class CleanPlugin {
+  constructor(pluginOptions, buildOptions) {
+    this.pluginOptions = pluginOptions;
+    this.buildOptions = buildOptions;
+    this.previousAssets = [];
+    this.pluginOptions = {
+      dry: false,
+      initialCleanPatterns: ["**/*"],
+      verbose: false,
+      ...pluginOptions,
+    };
+  }
+  handleBuild(result) {
+    const { outputs } = result.metafile ?? {};
+    if (!outputs) {
+      return;
+    }
+    const outputFiles = Object.keys(outputs);
+    const removePatterns = this.previousAssets
+      .filter((asset) => {
+        return !outputFiles.includes(asset);
+      })
+      .map((asset) => {
+        return path.basename(asset);
+      });
+    this.previousAssets = outputFiles;
+    try {
+      this.removeFiles(removePatterns);
+    } catch (e) {
+      console.error(`esbuild-clean-plugin: ${e}`);
+    }
+  }
+  initialClean() {
+    const { initialCleanPatterns } = this.pluginOptions;
+    if (!initialCleanPatterns) {
+      return;
+    }
+    this.removeFiles(initialCleanPatterns);
+  }
+  removeFiles(patterns) {
+    const { outdir } = this.buildOptions;
+    if (!outdir) {
+      return;
+    }
+    const deletedFiles = deleteSync(patterns, {
+      cwd: path.resolve(process.cwd(), outdir),
+      dryRun: this.pluginOptions.dry,
+    });
+    this.printStats(deletedFiles);
+  }
+  printStats(fileNames) {
+    const { dry, verbose } = this.pluginOptions;
+    const { outdir } = this.buildOptions;
+    if (!verbose || !outdir) {
+      return;
+    }
+    const message = dry ? "dry" : "removed";
+    fileNames.forEach((fileName) => {
+      fileName = path.resolve(outdir, fileName);
+      console.log(`esbuild-clean-plugin: ${message} ${fileName}`);
+    });
+  }
+  validateOptions() {
+    const { metafile, outdir } = this.buildOptions;
+    if (!metafile) {
+      console.warn(
+        'esbuild-clean-plugin: The esbuild "metafile" option was not set, please set it to true. Stopping.'
+      );
+      return false;
+    }
+    if (!outdir) {
+      console.warn(
+        'esbuild-clean-plugin: The esbuild "outdir" option was not set, please supply it. Stopping.'
+      );
+      return false;
+    }
+    return true;
+  }
+}
+
+export default function cleanPlugin(pluginOptions = {}) {
+  return {
+    name: "clean",
+    setup(build) {
+      const plugin = new CleanPlugin(pluginOptions, build.initialOptions);
+      if (plugin.validateOptions()) {
+        plugin.initialClean();
+        build.onEnd((result) => {
+          plugin.handleBuild(result);
+        });
+      }
+    },
+  };
+}

data/lib/scripts/esbuild-plugin-import-glob.js

@@ -0,0 +1,61 @@
+import fastGlob from "fast-glob";
+
+export default function EsbuildPluginImportGlob({
+  importMapper = (path) => path,
+}) {
+  return {
+    name: "require-context",
+    setup: (build) => {
+      build.onResolve({ filter: /\*/ }, async ({ path, resolveDir }) => {
+        if (resolveDir === "") {
+          return; // Ignore unresolvable paths
+        }
+
+        return {
+          path: `${resolveDir}|${path}`,
+          namespace: "import-glob",
+          pluginData: {
+            path,
+            resolveDir,
+          },
+        };
+      });
+
+      build.onLoad(
+        { filter: /.*/, namespace: "import-glob" },
+        async ({ pluginData: { resolveDir, path } }) => {
+          const files = (
+            await fastGlob(importMapper(path), {
+              cwd: resolveDir,
+            })
+          ).sort();
+
+          if (!files.length) {
+            console.warn(
+              `Warning: ${path} (in ${resolveDir}) did not match any files!`
+            );
+          }
+
+          const importerCode = `
+          ${files
+            .map(
+              (module, index) => `import * as module${index} from '${module}'`
+            )
+            .join(";")}
+
+          const modules = [${files
+            .map((_module, index) => `module${index}`)
+            .join(",")}];
+
+          export default modules;
+          export const filenames = [${files
+            .map((module) => `'${module}'`)
+            .join(",")}]
+        `;
+
+          return { contents: importerCode, resolveDir };
+        }
+      );
+    },
+  };
+}

data/lib/scripts/map-aliased-path.js

@@ -0,0 +1,25 @@
+import path from "path";
+import hq from "alias-hq";
+
+function escapeStringRegexp(string) {
+  return string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+}
+
+export default hq.get(({ rootUrl, baseUrl, paths }) => {
+  return (importPath) => {
+    if (!importPath.includes("@")) {
+      return importPath;
+    }
+    const basePath = path.join(rootUrl, baseUrl);
+    for (const [aliasedPath, replacements] of Object.entries(paths)) {
+      const regexp = new RegExp(
+        "(^|.*/)" + escapeStringRegexp(aliasedPath).replace("\\*", "(.*)")
+      );
+      importPath = importPath.replace(
+        regexp,
+        path.join(basePath, replacements[0]).replace("*", "$2")
+      );
+    }
+    return importPath;
+  };
+});

data/lib/scripts/postcss-import-alias-glob.cjs

@@ -0,0 +1,96 @@
+const valueParser = require("postcss-value-parser");
+
+const path = require("path");
+const fg = require("fast-glob");
+const { sort } = require("fast-sort");
+const { cocoPath } = require("../../config/utils.cjs");
+
+const SORTERS = ["asc", "desc"];
+const DEFAULT_SORTER = "asc";
+
+module.exports = (opts = {}) => {
+  const sorter = SORTERS.indexOf(opts.sort) !== -1 ? opts.sort : DEFAULT_SORTER;
+  const aliases = opts.aliases || {};
+
+  return {
+    postcssPlugin: "postcss-import-alias-glob",
+    Once(root, { AtRule, result }) {
+      const promisesList = [];
+
+      root.walkAtRules("import-glob", (rule) => {
+        promisesList.push(
+          new Promise((resolve) => {
+            const globList = [];
+            const layer = new Map();
+
+            const params = valueParser(rule.params).nodes;
+
+            let dirName =
+              typeof rule.source.input.file === "string"
+                ? path.dirname(rule.source.input.file)
+                : __dirname;
+
+            for (const param of params) {
+              if (param.type === "string") {
+                let expandedPath;
+                try {
+                  expandedPath = cocoPath(param.value);
+                } catch (e) {
+                  expandedPath = path
+                    .join(dirName, param.value)
+                    .replace(/\\/g, "/");
+                }
+
+                globList.push(expandedPath);
+              }
+              if (param.type === "function" && param.value === "layer") {
+                layer.set(dirName, param.nodes[0].value);
+              }
+            }
+
+            if (globList.length) {
+              fg(globList).then((entries) => {
+                if (!entries.length) {
+                  result.warn(`No file found for @import-glob ${rule.params}`, {
+                    node: rule,
+                  });
+                }
+
+                const sortedEntries = sort(entries)[sorter]();
+
+                sortedEntries.forEach((entry) => {
+                  const paramValue = layer.get(dirName)
+                    ? `"${entry}" layer(${layer.get(dirName)})`
+                    : `"${entry}"`;
+
+                  rule.before(
+                    new AtRule({
+                      name: "import",
+                      params: paramValue,
+                      source: rule.source,
+                    })
+                  );
+                });
+
+                rule.remove();
+
+                resolve();
+              });
+            } else {
+              throw rule.error(
+                `No string found with rule @import-glob ${rule.params}`,
+                {
+                  word: rule.params,
+                }
+              );
+            }
+          })
+        );
+      });
+
+      return Promise.all(promisesList);
+    },
+  };
+};
+
+module.exports.postcss = true;

data/lib/tasks/coco_tasks.rake

@@ -0,0 +1,52 @@
+namespace :coco do
+  desc "Run Ruby and JS tests"
+  task :test do
+    puts "🥥 Running Ruby tests..."
+    Rake::Task["test"].execute
+    puts "✅ Ruby tests complete"
+
+    puts "🥥 Running JS tests..."
+    system "npm run js:test"
+    puts "✅JS tests complete"
+  end
+
+  task :lint do
+    puts "🥥 Running standardrb..."
+    Rake::Task["standard"].execute
+    puts "✅ standardrb complete"
+
+    puts "🥥 Running erblint..."
+    system "bundle exec erblint --lint-all"
+    puts "✅ erblint complete"
+
+    puts "🥥 Running prettier..."
+    system "npx prettier . --check --config ./package.json"
+    puts "✅ prettier complete"
+  end
+
+  namespace :lint do
+    desc "Lint & fix files"
+    task :fix do
+      puts "🥥 Running standardrb..."
+      Rake::Task["standard:fix"].execute
+      puts "✅ standardrb complete"
+
+      puts "🥥 Running erb_lint..."
+      system "bundle exec erblint --lint-all --autocorrect"
+      puts "✅ erblint complete"
+
+      puts "🥥 Running prettier..."
+      system "npx prettier . --write --config ./package.json"
+      puts "✅ prettier complete"
+    end
+  end
+
+  namespace :assets do
+    desc "Build assets"
+    task :build do
+      puts "🥥 Building assets..."
+      system "npm run build"
+      puts "✅ Asset build complete"
+    end
+  end
+end