Merge pull request #446 from data-driven-forms/firebase-add-analytics

Added firebase analytics SDK for docs.

Author: Hyperkid123

packages/react-renderer-demo/package.json

@@ -37,6 +37,7 @@
         "brace": "^0.11.1",
         "clsx": "^1.0.4",
         "codesandbox": "2.1.14",
+        "firebase": "7.13.2",
         "firebase-admin": "^8.5.0",
         "firebase-functions": "^2.1.0",
         "markdown-to-jsx": "^6.10.3",

packages/react-renderer-demo/src/app/pages/_app.js

@@ -8,12 +8,26 @@ import Layout from '@docs/components/layout';
 import { MDXProvider } from '@mdx-js/react';
 import MdxComponents from '@docs/components/mdx/mdx-components';
 
+import * as firebase from 'firebase/app';
+import 'firebase/analytics';
+
 import './vendor.css';
 
+const firebaseConfig = {
+  apiKey: 'AIzaSyCzgZec7zQPgVzJIxVtCnwD75Ky5y8r2sA',
+  authDomain: 'data-driven-forms.firebaseapp.com',
+  databaseURL: 'https://data-driven-forms.firebaseio.com',
+  projectId: 'data-driven-forms',
+  storageBucket: 'data-driven-forms.appspot.com',
+  messagingSenderId: '640846042855',
+  appId: '1:640846042855:web:9c313a3e6d5055ed'
+};
+
 export default class MyApp extends App {
   componentDidMount() {
     // Remove the server-side injected CSS.
     const jssStyles = document.querySelector('#jss-server-side');
+    firebase.initializeApp(firebaseConfig);
     if (jssStyles) {
       jssStyles.parentNode.removeChild(jssStyles);
     }