hotel-ai-widget/rollup.embed.config.js

A customizable hotel chat widget for React and vanilla HTML

import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import postcss from "rollup-plugin-postcss";
import terser from "@rollup/plugin-terser";
import replace from "@rollup/plugin-replace";
import url from "@rollup/plugin-url";

export default {
  input: "src/embed.tsx",
  output: {
    file: "embed/hotel-ai-widget.min.js",
    format: "iife",
    name: "HotelChatWidget",
    sourcemap: false,
  },
  plugins: [
    url({
      include: ["**/*.svg", "**/*.png", "**/*.jpg", "**/*.jpeg", "**/*.gif"],
      limit: 0,
      emitFiles: true,
      fileName: "[name][hash][extname]",
      destDir: "embed/assets",
    }),
    replace({
      "process.env.NODE_ENV": JSON.stringify("production"),
      preventAssignment: true,
    }),
    resolve({
      browser: true,
    }),
    commonjs(),
    typescript({
      tsconfig: "./tsconfig.embed.json",
    }),
    postcss({
      config: {
        path: "./postcss.config.js",
      },
      extensions: [".css"],
      minimize: true,
      inject: false,
      extract: "hotel-ai-widget.min.css",
    }),
    terser(),
  ],
};