LabelingSystem/web/tools/extract-antd-no-reset/extract-antd-no-reset.mjs

import fs from "fs";
import path from "path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

// Paths
const findNearestNodeModules = (dir) => {
  const nodeModulesPath = path.join(dir, "node_modules");
  if (fs.existsSync(nodeModulesPath)) {
    return nodeModulesPath;
  }
  const parentDir = path.dirname(dir);
  if (parentDir === dir) {
    throw new Error("No node_modules directory found");
  }
  return findNearestNodeModules(parentDir);
};

const nodeModulesPath = findNearestNodeModules(__dirname);
const sourcePath = path.join(nodeModulesPath, "./antd/dist/antd.css");
if (!fs.existsSync(sourcePath)) {
  throw new Error(`Source file not found: ${sourcePath}`);
}
let targetDirPath = path.join(nodeModulesPath, "@humansignal/editor/src/assets/styles");
if (!fs.existsSync(targetDirPath)) {
  if (fs.existsSync(path.join(__dirname, "../../libs/editor/src/assets/styles"))) {
    targetDirPath = path.join(__dirname, "../../libs/editor/src/assets/styles");
  }
}

const targetPath = path.join(targetDirPath, "./antd-no-reset.css");

// Read the source file
const sourceContent = fs.readFileSync(sourcePath, "utf8");

// Extract header and add our custom comments
const header = `/*!
 *
 * antd v4.24.15 (without CSS reset)
 *
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *
 * Modified version to exclude global resets
 *
 */
/* stylelint-disable */

/* This is a modified version of antd.css that excludes global reset styles */
`;

// These are CSS reset selectors we want to remove
const resetSelectors = [
  /^html,\s*body\s*{[\s\S]*?}/m,
  /^input::-ms-clear,\s*input::-ms-reveal\s*{[\s\S]*?}/m,
  /^\*,\s*\*::before,\s*\*::after\s*{[\s\S]*?}/m,
  /^html\s*{[\s\S]*?}/m,
  /^@-ms-viewport\s*{[\s\S]*?}/m,
  /^body\s*{[\s\S]*?}/m,
  /^\[tabindex='-1'\]:focus\s*{[\s\S]*?}/m,
  /^hr\s*{[\s\S]*?}/m,
  /^h1,\s*h2,\s*h3,\s*h4,\s*h5,\s*h6\s*{[\s\S]*?}/m,
  /^p\s*{[\s\S]*?}/m,
  /^abbr\[title\],\s*abbr\[data-original-title\]\s*{[\s\S]*?}/m,
  /^address\s*{[\s\S]*?}/m,
  /^input\[type='text'\],[\s\S]*?textarea\s*{[\s\S]*?}/m,
  /^ol,\s*ul,\s*dl\s*{[\s\S]*?}/m,
  /^ol ol,[\s\S]*?ul ol\s*{[\s\S]*?}/m,
  /^dt\s*{[\s\S]*?}/m,
  /^dd\s*{[\s\S]*?}/m,
  /^blockquote\s*{[\s\S]*?}/m,
  /^dfn\s*{[\s\S]*?}/m,
  /^b,\s*strong\s*{[\s\S]*?}/m,
  /^small\s*{[\s\S]*?}/m,
  /^sub,\s*sup\s*{[\s\S]*?}/m,
  /^sub\s*{[\s\S]*?}/m,
  /^sup\s*{[\s\S]*?}/m,
  /^a\s*{[\s\S]*?}/m,
  /^a:hover\s*{[\s\S]*?}/m,
  /^a:active\s*{[\s\S]*?}/m,
  /^a:active,\s*a:hover\s*{[\s\S]*?}/m,
  /^a:focus\s*{[\s\S]*?}/m,
  /^a\[disabled\]\s*{[\s\S]*?}/m,
  /^pre,\s*code,\s*kbd,\s*samp\s*{[\s\S]*?}/m,
  /^pre\s*{[\s\S]*?}/m,
  /^figure\s*{[\s\S]*?}/m,
  /^img\s*{[\s\S]*?}/m,
  /^a,\s*area,[\s\S]*?textarea\s*{[\s\S]*?}/m,
  /^table\s*{[\s\S]*?}/m,
  /^caption\s*{[\s\S]*?}/m,
  /^input,\s*button,[\s\S]*?textarea\s*{[\s\S]*?}/m,
  /^button,\s*input\s*{[\s\S]*?}/m,
  /^button,\s*select\s*{[\s\S]*?}/m,
  /^button,\s*html \[type="button"\],[\s\S]*?\[type="submit"\]\s*{[\s\S]*?}/m,
  /^button::-moz-focus-inner,[\s\S]*?\[type='submit'\]::-moz-focus-inner\s*{[\s\S]*?}/m,
  /^input\[type='radio'\],\s*input\[type='checkbox'\]\s*{[\s\S]*?}/m,
  /^input\[type='date'\],[\s\S]*?input\[type='month'\]\s*{[\s\S]*?}/m,
  /^textarea\s*{[\s\S]*?}/m,
  /^fieldset\s*{[\s\S]*?}/m,
  /^legend\s*{[\s\S]*?}/m,
  /^progress\s*{[\s\S]*?}/m,
  /^\[type='number'\]::-webkit-inner-spin-button,\s*\[type='number'\]::-webkit-outer-spin-button\s*{[\s\S]*?}/m,
  /^\[type='search'\]\s*{[\s\S]*?}/m,
  /^\[type='search'\]::-webkit-search-cancel-button,\s*\[type='search'\]::-webkit-search-decoration\s*{[\s\S]*?}/m,
  /^::-webkit-file-upload-button\s*{[\s\S]*?}/m,
  /^output\s*{[\s\S]*?}/m,
  /^summary\s*{[\s\S]*?}/m,
  /^template\s*{[\s\S]*?}/m,
  /^\[hidden\]\s*{[\s\S]*?}/m,
  /^mark\s*{[\s\S]*?}/m,
  /^::-moz-selection\s*{[\s\S]*?}/m,
  /^::selection\s*{[\s\S]*?}/m,
];

// Process the content
let modifiedContent = sourceContent;

// Remove reset selectors one by one
resetSelectors.forEach((selector) => {
  modifiedContent = modifiedContent.replace(selector, "");
});

// Clean up multiple blank lines
modifiedContent = modifiedContent.replace(/\n{3,}/g, "\n\n");

// Replace the original header with our custom header
modifiedContent = modifiedContent.replace(/\/\*![\s\S]*?Alipay[\s\S]*?\*\//, header);

// Remove any other stylelint-disable comments (except the one in our header)
const headerEndPos = modifiedContent.indexOf("/* This is a modified version");
const contentAfterHeader = modifiedContent.substring(headerEndPos);
const contentWithoutStylelintComments = contentAfterHeader.replace(/\/\* stylelint-disable[\s\S]*?\*\//g, "");

// Combine our header with the cleaned content
modifiedContent = modifiedContent.substring(0, headerEndPos) + contentWithoutStylelintComments;

// Clean up multiple blank lines again after removing comments
modifiedContent = modifiedContent.replace(/\n{3,}/g, "\n\n");

// Write the result to the target file
fs.writeFileSync(targetPath, modifiedContent, "utf8");

console.log("Generated antd-no-reset.css successfully!");