react-tooltip 5.26.4 → 6.0.0-beta.1179.rc.0

package/rollup.config.dev.mjs

@@ -0,0 +1,88 @@
+// import analyze from 'rollup-plugin-analyzer'
+import commonjs from '@rollup/plugin-commonjs'
+import filesize from 'rollup-plugin-filesize'
+import postcss from 'rollup-plugin-postcss'
+import progress from 'rollup-plugin-progress'
+import browsersync from 'rollup-plugin-browsersync'
+import html from 'rollup-plugin-html-scaffold'
+import replace from '@rollup/plugin-replace'
+import copy from 'rollup-plugin-copy'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import ts from '@rollup/plugin-typescript'
+import typescript from 'typescript'
+
+const input = ['src/index-dev.tsx']
+
+const name = 'ReactTooltip'
+
+const globals = {
+  react: 'React',
+  'react-dom': 'ReactDOM',
+  clsx: 'clsx',
+  'prop-types': 'PropTypes',
+}
+
+const plugins = [
+  progress(),
+  html({
+    input: './public/index-rollup.html',
+    output: './build/index.html',
+    template: { appBundle: 'index.js' },
+  }),
+  replace({
+    preventAssignment: true,
+    values: {
+      'process.env.NODE_ENV': JSON.stringify('development'),
+    },
+  }),
+  postcss({
+    extract: true,
+    autoModules: true,
+    include: '**/*.css',
+    extensions: ['.css'],
+    plugins: [],
+  }),
+  nodeResolve(),
+  ts({
+    typescript,
+    tsconfig: './tsconfig.json',
+    noEmitOnError: false,
+    // declaration: true,
+    // declarationDir: './build',
+  }),
+  commonjs({
+    include: 'node_modules/**',
+  }),
+  // analyze(), // to check diff of file size when bundle
+  filesize(),
+  copy({
+    // targets: [
+    //   { src: 'src/assets', dest: 'build/' },
+    //   { src: 'public/manifest.json', dest: 'build/' },
+    //   { src: 'public/offline.html', dest: 'build/' },
+    // ],
+    targets: [{ src: 'dist/', dest: 'build/' }],
+    verbose: true,
+  }),
+  browsersync({
+    server: 'build',
+    watch: true,
+    ui: false,
+    open: false,
+    // port: 3000,
+    // ui: {
+    //   port: 3001,
+    // },
+  }),
+]
+
+export default {
+  input,
+  output: {
+    file: 'build/index.js',
+    format: 'umd',
+    name,
+    globals,
+  },
+  plugins,
+}

package/rollup.config.prod.mjs

@@ -0,0 +1,126 @@
+import commonjs from '@rollup/plugin-commonjs'
+import filesize from 'rollup-plugin-filesize'
+import postcss from 'rollup-plugin-postcss'
+import progress from 'rollup-plugin-progress'
+import replace from '@rollup/plugin-replace'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import ts from '@rollup/plugin-typescript'
+import { terser } from 'rollup-plugin-terser'
+import typescript from 'typescript'
+import replaceBeforeSaveFile from './rollup-plugins/replace-before-save-file.js'
+import pkg from './package.json' assert { type: 'json' }
+
+const input = ['src/index.tsx']
+
+const name = 'ReactTooltip'
+
+const banner = `
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/`
+
+const external = [
+  ...Object.keys(pkg.peerDependencies ?? {}),
+  ...Object.keys(pkg.dependencies ?? {}),
+]
+
+const buildFormats = [
+  {
+    file: 'dist/react-tooltip.mjs',
+    format: 'es',
+  },
+  {
+    file: 'dist/react-tooltip.umd.js',
+    format: 'umd',
+    globals: {
+      '@floating-ui/dom': 'FloatingUIDOM',
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      clsx: 'clsx',
+      'prop-types': 'PropTypes',
+    },
+  },
+  {
+    file: 'dist/react-tooltip.cjs',
+    format: 'cjs',
+  },
+  {
+    file: 'dist/react-tooltip.mjs',
+    format: 'es',
+  },
+]
+
+const sharedPlugins = [
+  progress(),
+  replace({
+    preventAssignment: true,
+    values: {
+      'process.env.NODE_ENV': JSON.stringify('development'),
+    },
+  }),
+  nodeResolve(),
+  ts({
+    typescript,
+    tsconfig: './tsconfig.json',
+    noEmitOnError: false,
+  }),
+  commonjs({
+    include: 'node_modules/**',
+  }),
+]
+// this step is just to build the minified javascript files
+const minifiedBuildFormats = buildFormats.map(({ file, ...rest }) => ({
+  file: file.replace(/(\.[cm]?js)$/, '.min$1'),
+  ...rest,
+  minify: true,
+  plugins: [terser({ compress: { directives: false } }), filesize()],
+}))
+
+const allBuildFormats = [...buildFormats, ...minifiedBuildFormats]
+
+const config = allBuildFormats.map(
+  ({ file, format, globals, plugins: specificPlugins, minify }) => {
+    const plugins = [
+      ...sharedPlugins,
+      postcss({
+        extract: minify ? 'react-tooltip.min.css' : 'react-tooltip.css', // this will generate a specific file and override on multiples build, but the css will be the same
+        autoModules: true,
+        include: '**/*.css',
+        extensions: ['.css'],
+        plugins: [],
+        minimize: Boolean(minify),
+      }),
+      replaceBeforeSaveFile({
+        // this only works for the react-tooltip.css because it's the first file
+        // writen in our build process before the javascript files.
+        "'react-tooltip-css-placeholder'": 'file:react-tooltip.css',
+        '"react-tooltip-css-placeholder"': 'file:react-tooltip.css',
+        "'react-tooltip-core-css-placeholder'": 'file:react-tooltip.css',
+        '"react-tooltip-core-css-placeholder"': 'file:react-tooltip.css',
+      }),
+    ]
+
+    if (specificPlugins && specificPlugins.length) {
+      plugins.push(...specificPlugins)
+    }
+
+    return {
+      input,
+      output: {
+        file,
+        format,
+        name,
+        globals,
+        sourcemap: true,
+        banner,
+      },
+      external,
+      plugins,
+    }
+  },
+)
+
+export default config

package/rollup.config.types.mjs

@@ -0,0 +1,21 @@
+import dts from 'rollup-plugin-dts'
+import postcss from 'rollup-plugin-postcss'
+
+export default {
+  input: './src/index.tsx',
+  output: [{ file: 'dist/react-tooltip.d.ts', format: 'es' }],
+  plugins: [
+    postcss({
+      extract: 'react-tooltip-tokens.css', // this will generate a specific file not being used, but we need this part of code
+      autoModules: true,
+      include: '**/*.css',
+      extensions: ['.css'],
+      plugins: [],
+    }),
+    dts({
+      compilerOptions: {
+        baseUrl: 'src',
+      },
+    }),
+  ],
+}