Create FM CDN build

packages-exp/firebase-exp/messaging/index.sw.ts

@@ -0,0 +1,18 @@
+/**
+ * @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.
+ */
+
+export { onBackgroundMessage, getMessaging } from '@firebase/messaging-exp/sw';

packages-exp/firebase-exp/messaging/index.ts

@@ -14,4 +14,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 export * from '@firebase/messaging-exp';

packages-exp/firebase-exp/package.json

@@ -45,7 +45,6 @@
     "@firebase/performance-exp": "0.0.900",
     "@firebase/remote-config-exp": "0.0.900",
     "@firebase/messaging-exp": "0.0.900"
-
   },
   "devDependencies": {
     "rollup": "2.33.2",

packages-exp/firebase-exp/rollup.config.js

@@ -15,16 +15,16 @@
  * limitations under the License.
  */
 
+import appPkg from './app/package.json';
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import pkg from './package.json';
 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 sourcemaps from 'rollup-plugin-sourcemaps';
 import typescript from 'typescript';
 import { uglify } from 'rollup-plugin-uglify';
-import json from '@rollup/plugin-json';
-import pkg from './package.json';
-import appPkg from './app/package.json';
 
 const external = Object.keys(pkg.dependencies || {});
 
@@ -129,6 +129,47 @@ const componentBuilds = pkg.components
     // It is needed for handling sub modules, for example firestore/lite which should produce firebase-firestore-lite.js
     // Otherwise, we will create a directory with '/' in the name.
     const componentName = component.replace('/', '-');
+
+    if (component === 'messaging') {
+      return [
+        {
+          input: `${component}/index.ts`,
+          output: [
+            {
+              file: resolve(component, pkg.main),
+              format: 'cjs',
+              sourcemap: true
+            },
+            {
+              file: resolve(component, pkg.module),
+              format: 'es',
+              sourcemap: true
+            }
+          ],
+          plugins: [...plugins, typescriptPlugin],
+          external
+        },
+        {
+          input: `${component}/index.ts`,
+          output: createUmdOutputConfig(
+            `firebase-${componentName}.js`,
+            componentName
+          ),
+          plugins: [...plugins, typescriptPluginUMD, uglify()],
+          external: ['@firebase/app-exp']
+        },
+        {
+          input: `${component}/index.sw.ts`,
+          output: createUmdOutputConfig(
+            `firebase-${componentName}-sw.js`,
+            componentName
+          ),
+          plugins: [...plugins, typescriptPluginUMD, uglify()],
+          external: ['@firebase/app-exp']
+        }
+      ];
+    }
+
     return [
       {
         input: `${component}/index.ts`,

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

@@ -15,18 +15,18 @@
  * limitations under the License.
  */
 
+import alias from '@rollup/plugin-alias';
+import appPkg from './app/package.json';
+import commonjs from '@rollup/plugin-commonjs';
+import { importPathTransformer } from '../../scripts/exp/ts-transform-import-path';
+import json from '@rollup/plugin-json';
+import pkg from './package.json';
 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 alias from '@rollup/plugin-alias';
+import sourcemaps from 'rollup-plugin-sourcemaps';
 import typescript from 'typescript';
 import { uglify } from 'rollup-plugin-uglify';
-import json from '@rollup/plugin-json';
-import { importPathTransformer } from '../../scripts/exp/ts-transform-import-path';
-import pkg from './package.json';
-import appPkg from './app/package.json';
 
 // remove -exp from dependencies name
 const deps = Object.keys(pkg.dependencies || {}).map(name =>
@@ -125,6 +125,76 @@ const componentBuilds = pkg.components
     // It is needed for handling sub modules, for example firestore/lite which should produce firebase-firestore-lite.js
     // Otherwise, we will create a directory with '/' in the name.
     const componentName = component.replace('/', '-');
+
+    if (component === 'messaging') {
+      return [
+        {
+          input: `${component}/index.ts`,
+          output: [
+            {
+              file: resolve(component, pkg.main),
+              format: 'cjs',
+              sourcemap: true
+            },
+            {
+              file: resolve(component, pkg.module),
+              format: 'es',
+              sourcemap: true
+            }
+          ],
+          plugins: [...plugins, typescriptPlugin],
+          external: id =>
+            deps.some(dep => id === dep || id.startsWith(`${dep}/`))
+        },
+        {
+          input: `${component}/index.ts`,
+          output: createUmdOutputConfig(
+            `firebase-${componentName}.js`,
+            componentName
+          ),
+          plugins: [
+            ...plugins,
+            typescriptPluginUMD,
+            /**
+             * Hack to bundle @firebase/installations-exp
+             */
+            alias({
+              entries: [
+                {
+                  find: '@firebase/installations',
+                  replacement: '@firebase/installations-exp'
+                }
+              ]
+            })
+          ],
+          external: ['@firebase/app']
+        },
+        {
+          input: `${component}/index.sw.ts`,
+          output: createUmdOutputConfig(
+            `firebase-${componentName}-sw.js`,
+            componentName
+          ),
+          plugins: [
+            ...plugins,
+            typescriptPluginUMD,
+            /**
+             * Hack to bundle @firebase/installations-exp
+             */
+            alias({
+              entries: [
+                {
+                  find: '@firebase/installations',
+                  replacement: '@firebase/installations-exp'
+                }
+              ]
+            })
+          ],
+          external: ['@firebase/app']
+        }
+      ];
+    }
+
     return [
       {
         input: `${component}/index.ts`,

packages-exp/messaging-exp/package.json

@@ -7,7 +7,8 @@
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "esm2017": "dist/index.esm2017.js",
-  "sw": "dist/index.sw.esm5.js",
+  "typings": "dist/index.d.ts",
+  "sw": "dist/index.sw.esm2017.js",
   "files": [
     "dist"
   ],
@@ -52,6 +53,5 @@
   },
   "bugs": {
     "url": "https://github.com/firebase/firebase-js-sdk/issues"
-  },
-  "typings": "dist/index.d.ts"
-}
+  }
+}

packages-exp/messaging-exp/rollup.config.js

@@ -35,7 +35,6 @@ const es5BuildPlugins = [
 ];
 
 const es5Builds = [
-  // window builds
   {
     input: 'src/index.ts',
     output: [
@@ -44,14 +43,6 @@ const es5Builds = [
     ],
     plugins: es5BuildPlugins,
     external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
-  },
-
-  // sw builds
-  {
-    input: 'src/index.sw.ts',
-    output: [{ file: pkg.sw, format: 'es', sourcemap: true }],
-    plugins: es5BuildPlugins,
-    external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
   }
 ];
 
@@ -80,6 +71,14 @@ const es2017Builds = [
     },
     plugins: es2017BuildPlugins,
     external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
+  },
+
+  // sw builds
+  {
+    input: 'src/index.sw.ts',
+    output: { file: pkg.sw, format: 'es', sourcemap: true },
+    plugins: es5BuildPlugins,
+    external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
   }
 ];
 

packages-exp/messaging-exp/rollup.config.release.js

@@ -39,7 +39,6 @@ const es5BuildPlugins = [
 ];
 
 const es5Builds = [
-  // window builds
   {
     input: 'src/index.ts',
     output: [
@@ -48,17 +47,9 @@ const es5Builds = [
     ],
     plugins: es5BuildPlugins,
     treeshake: {
-      moduleSideEffects: false
+      moduleSideEffects: (id, external) => id === '@firebase/installations'
     },
     external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
-  },
-
-  // sw builds
-  {
-    input: 'src/index.sw.ts',
-    output: [{ file: pkg.sw, format: 'es', sourcemap: true }],
-    plugins: es5BuildPlugins,
-    external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
   }
 ];
 
@@ -90,9 +81,20 @@ const es2017Builds = [
     },
     plugins: es2017BuildPlugins,
     treeshake: {
-      moduleSideEffects: false
+      moduleSideEffects: (id, external) => id === '@firebase/installations'
     },
     external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`))
+  },
+
+  // sw builds
+  {
+    input: 'src/index.sw.ts',
+    output: { file: pkg.sw, format: 'es', sourcemap: true },
+    plugins: es5BuildPlugins,
+    external: id => deps.some(dep => id === dep || id.startsWith(`${dep}/`)),
+    treeshake: {
+      moduleSideEffects: (id, external) => id === '@firebase/installations'
+    }
   }
 ];
 

packages-exp/messaging-exp/src/api/onBackgroundMessage.ts

@@ -26,7 +26,7 @@ export function onBackgroundMessage(
   messaging: MessagingService,
   nextOrObserver: NextFn<MessagePayload> | Observer<MessagePayload>
 ): Unsubscribe {
-  if (!!navigator) {
+  if (self.document !== undefined) {
     throw ERROR_FACTORY.create(ErrorCode.AVAILABLE_IN_SW);
   }
 

packages-exp/messaging-exp/src/index.sw.ts

@@ -17,6 +17,7 @@
 
 import { FirebaseMessaging } from '@firebase/messaging-types-exp';
 import { registerMessaging } from './helpers/register';
+import '@firebase/installations-exp';
 
 export { onBackgroundMessage, getMessaging } from './api';
 

packages-exp/messaging-exp/src/index.ts

@@ -17,6 +17,7 @@
 
 import { FirebaseMessaging } from '@firebase/messaging-types-exp';
 import { registerMessaging } from './helpers/register';
+import '@firebase/installations-exp';
 
 export { getToken, deleteToken, onMessage, getMessaging } from './api';
 

packages-exp/messaging-exp/src/internals/requests.ts

@@ -21,7 +21,6 @@ import { SubscriptionOptions, TokenDetails } from '../interfaces/token-details';
 
 import { AppConfig } from '../interfaces/app-config';
 import { FirebaseInternalDependencies } from '../interfaces/internal-dependencies';
-import { getToken } from '@firebase/installations-exp';
 
 export interface ApiResponse {
   token?: string;
@@ -155,7 +154,7 @@ async function getHeaders({
   appConfig,
   installations
 }: FirebaseInternalDependencies): Promise<Headers> {
-  const authToken = await getToken(installations);
+  const authToken = await installations.getToken();
 
   return new Headers({
     'Content-Type': 'application/json',

packages-exp/messaging-exp/sw/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "@firebase/messaging-exp",
+    "private": true,
+    "version": "0.0.900",
+    "description": "",
+    "author": "Firebase <[email protected]> (https://firebase.google.com/)",
+    "module": "../dist/index.sw.esm2017.js",
+    "typings": "../dist/index.sw.d.ts",
+    "files": [
+      "dist"
+    ]
+  }