quodolores/packages-exp/firebase-exp/compat/rollup.config.release.js

Monorepo for the Firebase JavaScript SDK

/**
 * @license
 * Copyright 2020 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { resolve } from 'path';
import resolveModule from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import sourcemaps from 'rollup-plugin-sourcemaps';
import rollupTypescriptPlugin from 'rollup-plugin-typescript2';
import typescript from 'typescript';
import { terser } from 'rollup-plugin-terser';
import json from '@rollup/plugin-json';
import pkg from '../package.json';
import compatPkg from './package.json';
import appPkg from './app/package.json';
import alias from '@rollup/plugin-alias';

const external = Object.keys(pkg.dependencies || {});

/**
 * Global UMD Build
 */
const GLOBAL_NAME = 'firebase';

function createUmdOutputConfig(output) {
  return {
    file: output,
    format: 'umd',
    sourcemap: true,
    extend: true,
    name: GLOBAL_NAME,
    globals: {
      '@firebase/app-compat': GLOBAL_NAME,
      '@firebase/app': `${GLOBAL_NAME}.INTERNAL.modularAPIs`
    },

    /**
     * use iife to avoid below error in the old Safari browser
     * SyntaxError: Functions cannot be declared in a nested block in strict mode
     * https://github.com/firebase/firebase-js-sdk/issues/1228
     *
     */
    intro: `
           try {
             (function() {`,
    outro: `
           }).apply(this, arguments);
         } catch(err) {
             console.error(err);
             throw new Error(
               'Cannot instantiate ${output} - ' +
               'be sure to load firebase-app.js first.'
             );
           }`
  };
}

const plugins = [
  sourcemaps(),
  resolveModule({
    // hack to find firestore-compat and storage-compat
    moduleDirectories: ['node_modules', resolve(__dirname, '../..')]
  }),
  json(),
  commonjs()
];

const typescriptPlugin = rollupTypescriptPlugin({
  typescript
});

const typescriptPluginUMD = rollupTypescriptPlugin({
  typescript,
  tsconfigOverride: {
    compilerOptions: {
      declaration: false
    }
  }
});

/**
 * Individual Component Builds
 */
const appBuilds = [
  /**
   * App NPM Builds
   */
  {
    input: `${__dirname}/app/index.ts`,
    output: [
      {
        file: resolve(__dirname, 'app', appPkg.main),
        format: 'cjs',
        sourcemap: true
      },
      {
        file: resolve(__dirname, 'app', appPkg.module),
        format: 'es',
        sourcemap: true
      }
    ],
    plugins: [...plugins, typescriptPlugin],
    external
  },
  /**
   * App UMD Builds
   */
  {
    input: `${__dirname}/app/index.cdn.ts`,
    output: {
      file: 'firebase-app-compat.js',
      sourcemap: true,
      format: 'umd',
      name: GLOBAL_NAME
    },
    plugins: [
      ...plugins,
      typescriptPluginUMD,
      alias({
        entries: [
          {
            find: '@firebase/app',
            replacement: '@firebase/app-exp'
          }
        ]
      }),
      terser()
    ]
  }
];

const componentBuilds = compatPkg.components
  // The "app" component is treated differently because it doesn't depend on itself.
  .filter(component => component !== 'app')
  .map(component => {
    const pkg = require(`${__dirname}/${component}/package.json`);
    return [
      {
        input: `${__dirname}/${component}/index.ts`,
        output: [
          {
            file: resolve(__dirname, component, pkg.main),
            format: 'cjs',
            sourcemap: true
          },
          {
            file: resolve(__dirname, component, pkg.module),
            format: 'es',
            sourcemap: true
          }
        ],
        plugins: [...plugins, typescriptPlugin],
        external
      },
      {
        input: `${__dirname}/${component}/index.ts`,
        output: createUmdOutputConfig(`firebase-${component}-compat.js`),
        plugins: [
          ...plugins,
          typescriptPluginUMD,
          alias({
            entries: [
              {
                find: `@firebase/${component}`,
                replacement: `@firebase/${component}-exp`
              },
              {
                find: '@firebase/installations',
                replacement: '@firebase/installations-exp'
              },
              {
                // hack to locate firestore-compat
                find: '@firebase/firestore-compat',
                replacement: 'firestore-compat'
              },
              {
                // hack to locate storage-compat
                find: '@firebase/storage-compat',
                replacement: 'storage-compat'
              },
              {
                // hack to locate database-compat
                find: '@firebase/database-compat',
                replacement: 'database-compat'
              }
            ]
          }),
          terser()
        ],
        external: ['@firebase/app-compat', '@firebase/app']
      }
    ];
  })
  .reduce((a, b) => a.concat(b), []);

const aliasForCompleteCDNBuild = compatPkg.components
  .filter(component => {
    return (
      component !== 'firestore' &&
      component !== 'storage' &&
      component !== 'database'
    );
  })
  .map(component => ({
    find: `@firebase/${component}`,
    replacement: `@firebase/${component}-exp`
  }))
  .concat([
    {
      find: '@firebase/installations',
      replacement: '@firebase/installations-exp'
    },
    {
      // hack to locate firestore-compat
      find: '@firebase/firestore-compat',
      replacement: 'firestore-compat'
    },
    {
      // hack to locate storage-compat
      find: '@firebase/storage-compat',
      replacement: 'storage-compat'
    },
    {
      // hack to locate database-compat
      find: '@firebase/database-compat',
      replacement: 'database-compat'
    }
  ]);

/**
 * Complete Package Builds
 */
const completeBuilds = [
  /**
   * App Browser Builds
   */
  {
    input: `${__dirname}/index.ts`,
    output: [
      {
        file: resolve(__dirname, compatPkg.module),
        format: 'es',
        sourcemap: true
      }
    ],
    plugins: [...plugins, typescriptPluginUMD],
    external
  },
  {
    input: `${__dirname}/index.cdn.ts`,
    output: {
      file: 'firebase-compat.js',
      format: 'umd',
      // disable sourcemap, otherwise build will fail with Error: Multiple conflicting contents for sourcemap source
      // TODO: I think it's related to the alias() we are using, so let's try to reenable it for GA.
      sourcemap: false,
      name: GLOBAL_NAME
    },
    plugins: [
      ...plugins,
      typescriptPluginUMD,
      terser(),
      alias({
        entries: aliasForCompleteCDNBuild
      })
    ]
  },
  /**
   * App Node.js Builds
   */
  {
    input: `${__dirname}/index.node.ts`,
    output: {
      file: resolve(__dirname, compatPkg.main),
      format: 'cjs',
      sourcemap: true
    },
    plugins: [...plugins, typescriptPluginUMD],
    external
  },
  /**
   * App React Native Builds
   */
  {
    input: `${__dirname}/index.rn.ts`,
    output: {
      file: resolve(__dirname, compatPkg['react-native']),
      format: 'cjs',
      sourcemap: true
    },
    plugins: [...plugins, typescriptPluginUMD],
    external
  },
  /**
   * Performance script Build
   */
  {
    input: `${__dirname}/index.perf.ts`,
    output: {
      file: 'firebase-performance-standalone-compat.js',
      format: 'umd',
      sourcemap: true,
      name: GLOBAL_NAME
    },
    plugins: [
      sourcemaps(),
      resolveModule({
        mainFields: ['lite', 'module', 'main']
      }),
      typescriptPluginUMD,
      json(),
      commonjs(),
      terser({
        format: {
          comments: false
        }
      }),
      alias({
        entries: [
          {
            find: '@firebase/app',
            replacement: '@firebase/app-exp'
          },
          {
            find: `@firebase/performance`,
            replacement: `@firebase/performance-exp`
          },
          {
            find: '@firebase/installations',
            replacement: '@firebase/installations-exp'
          }
        ]
      })
    ]
  },
  /**
   * Performance script Build in ES2017
   */
  {
    input: `${__dirname}/index.perf.ts`,
    output: {
      file: 'firebase-performance-standalone-compat.es2017.js',
      format: 'umd',
      sourcemap: true,
      name: GLOBAL_NAME
    },
    plugins: [
      sourcemaps(),
      resolveModule({
        mainFields: ['lite', 'module', 'main']
      }),
      rollupTypescriptPlugin({
        typescript,
        tsconfigOverride: {
          compilerOptions: {
            target: 'es2017',
            declaration: false
          }
        }
      }),
      json({
        preferConst: true
      }),
      commonjs(),
      terser({
        format: {
          comments: false
        }
      }),
      alias({
        entries: [
          {
            find: '@firebase/app',
            replacement: '@firebase/app-exp'
          },
          {
            find: `@firebase/performance`,
            replacement: `@firebase/performance-exp`
          },
          {
            find: '@firebase/installations',
            replacement: '@firebase/installations-exp'
          }
        ]
      })
    ]
  }
];

export default [...appBuilds, ...componentBuilds, ...completeBuilds];