import { defaultReplacements } from "isaaccss";

export default {
  // Whether to pretty-print. Default is `false`.
  pretty: true,

  // Replacements. Default is `defaultReplacements`.
  // But if specified, it will be overwritten.
  replacements: [
    // Custom replacements.
    {
      media: [
        [/\bdark\b/g, "prefers-color-scheme:dark"],
        [/\blight\b/g, "prefers-color-scheme:light"],
      ],
      selector: [
        [/(^|\b)::a\b/g, "::after"],
        [/(^|\b)::b\b/g, "::before"],
        [/(^|\b):h\b/g, ":hover"],
        [/(^|\b):f\b/g, ":focus"],
      ],
      property: [
        [/^ff$/, "font-family"],
        [/^fw$/, "font-weight"],
      ],
      value: [
        [/^abs$/, "absolute"],
        [/^rel$/, "relative"],
      ],
    },

    // If you want to extend the default, pass `defaultReplacements`.
    defaultReplacements,
  ],
};

import esbuild from "esbuild";
import isaaccss from "isaaccss/lib/esbuild";
import { defaultReplacements } from "isaaccss";

esbuild.build({
  entryPoints: ["src/index.ts"],
  outdir: "dist",
  bundle: true,
  // Inject `isaaccss.inject`.
  inject: [isaaccss.inject],
  plugins: [
    isaaccss.plugin({
      // Optional filename filter. Default is following.
      filter: /\.[cm][jt]x?$/,

      // Optional isaaccss config.
      // See example configuration scripts in the CLI section above.
      config: {
        pretty: true,
        replacements: [
          {
            // Custom replacements...
          },
          defaultReplacements,
        ],
      },
    }),
  ],
});

// rollup.config.js
import isaaccss from "isaaccss/lib/rollup";
import { defaultReplacements } from "isaaccss";

export default {
  input: "src/index.js",
  output: { file: "dist/index.js" },
  plugins: [
    isaaccss({
      // Optional include filter. By default, all bundled scripts are included.
      include: ["**/*.js"],

      // Optional exclude filter. By default, nothing is excluded.
      exclude: ["node_modules/**"],

      // Optional output filename.
      // Default is the output script filename with extension ".css".
      output: "styles.js",

      // Optional isaaccss config.
      // See example configuration scripts in the CLI section above.
      config: {
        pretty: true,
        replacements: [
          {
            // Custom replacements...
          },
          defaultReplacements,
        ],
      },
    }),
  ],
};

// rollup.config.js
import css from "rollup-plugin-import-css";
import isaaccss from "isaaccss/lib/rollup";

export default {
  input: "src/index.js",
  output: { file: "dist/index.js" },
  plugins: [css(), isaaccss()],
};