animtext/rollup.config.js

AnimText is a JavaScript library for letter, word, & line animations. Easily create dynamic text effects with simple HTML data attributes.

// rollup.config.js
import { readFileSync } from "fs";
import terser from "@rollup/plugin-terser";

// --- Package Info ---
const pkg = JSON.parse(readFileSync("./package.json", "utf8"));
const { name, version, homepage, author, description } = pkg;

const parsedAuthor =
  typeof author === "string"
    ? author.split("<")[0].trim()
    : author && author.name
    ? author.name
    : "Unknown Author";

const currentYear = new Date().getFullYear();

// --- Banner ---
const banner = `/*!
 * ${name}.js
 * Title: ${name}
 * Description: ${description}
 *
 * Version: ${version}
 * Author: ${parsedAuthor}
 * Website: ${homepage}
 * LinkedIn: https://www.linkedin.com/in/shafayetul/
 * Email: hello@cssanimation.io
 * GitHub: https://github.com/yesiamrocks
 *
 * © ${currentYear} ${parsedAuthor} – All rights reserved.
 */`;

// --- Config ---
export default [
  // Unminified UMD
  {
    input: "src/animtext.js",
    output: {
      file: "dist/animtext.js",
      format: "umd",
      name: "AnimText",
      banner,
    },
  },

  // Minified UMD
  {
    input: "src/animtext.js",
    output: {
      file: "dist/animtext.min.js",
      format: "umd",
      name: "AnimText",
      banner,
    },
    plugins: [
      terser({
        output: {
          comments: "some",
        },
      }),
    ],
  },

  // ESM (for modern bundlers/imports)
  {
    input: "src/animtext.js",
    output: {
      file: "dist/animtext.module.js",
      format: "es",
      banner,
    },
  },
];