GitHub - firebase/quickstart-js: Firebase Quickstart Samples for Web

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://github.com/firebase/quickstart-js/","20210414093417","https://web.archive.org/","web","/_static/", "1618392857"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <link rel="dns-prefetch" href="https://web.archive.org/web/20210414093417/https://github.githubassets.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20210414093417/https://avatars.githubusercontent.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20210414093417/https://github-cloud.s3.amazonaws.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20210414093417/https://user-images.githubusercontent.com/"> <link crossorigin="anonymous" media="all" integrity="" rel="stylesheet" href="https://web.archive.org/web/20210414093417cs_/https://github.githubassets.com/assets/frameworks-39948b6716df6516afb8d31a2a7f52db.css"/> <link crossorigin="anonymous" media="all" integrity="" rel="stylesheet" href="https://web.archive.org/web/20210414093417cs_/https://github.githubassets.com/assets/site-8da471024fd1ec4aba5d7b71b7675661.css"/> <link crossorigin="anonymous" media="all" integrity="" rel="stylesheet" href="https://web.archive.org/web/20210414093417cs_/https://github.githubassets.com/assets/behaviors-f6713e5e0ad6b4045a4b4cf0c4e887cb.css"/> <link crossorigin="anonymous" media="all" integrity="" rel="stylesheet" href="https://web.archive.org/web/20210414093417cs_/https://github.githubassets.com/assets/github-9c933768708add2a739534e51f6aed1a.css"/> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/environment-0b3798e0.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/chunk-frameworks-126e037c.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/chunk-vendor-d53a8678.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/behaviors-a1654929.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-codemirror.js" data-src="https://github.githubassets.com/assets/chunk-codemirror-3cd5a023.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-color-modes.js" data-src="https://github.githubassets.com/assets/chunk-color-modes-497204c5.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-contributions-spider-graph.js" data-src="https://github.githubassets.com/assets/chunk-contributions-spider-graph-a5d53ed1.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-drag-drop.js" data-src="https://github.githubassets.com/assets/chunk-drag-drop-ea3fe848.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-edit.js" data-src="https://github.githubassets.com/assets/chunk-edit-ca6c72bd.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-emoji-picker-element.js" data-src="https://github.githubassets.com/assets/chunk-emoji-picker-element-6a2a8c20.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-filter-input.js" data-src="https://github.githubassets.com/assets/chunk-filter-input-0c0939e8.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-insights-graph.js" data-src="https://github.githubassets.com/assets/chunk-insights-graph-1e1948fd.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-jump-to.js" data-src="https://github.githubassets.com/assets/chunk-jump-to-cbf47154.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-notification-list-focus.js" data-src="https://github.githubassets.com/assets/chunk-notification-list-focus-d2f68554.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-profile-pins-element.js" data-src="https://github.githubassets.com/assets/chunk-profile-pins-element-99ad0e3b.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-ref-selector.js" data-src="https://github.githubassets.com/assets/chunk-ref-selector-4e39da3e.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-responsive-underlinenav.js" data-src="https://github.githubassets.com/assets/chunk-responsive-underlinenav-44a0c138.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-runner-groups.js" data-src="https://github.githubassets.com/assets/chunk-runner-groups-f56357b4.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-sortable-behavior.js" data-src="https://github.githubassets.com/assets/chunk-sortable-behavior-2685a95e.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-toast.js" data-src="https://github.githubassets.com/assets/chunk-toast-58af155f.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-tweetsodium.js" data-src="https://github.githubassets.com/assets/chunk-tweetsodium-672a33aa.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" data-module-id="./chunk-user-status-submit.js" data-src="https://github.githubassets.com/assets/chunk-user-status-submit-2e0d30f5.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/codespaces-2a1c1eac.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/repositories-567094a0.js"></script> <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/topic-suggestions-55d0e74f.js"></script> <meta name="viewport" content="width=device-width"> <title>GitHub - firebase/quickstart-js: Firebase Quickstart Samples for Web</title> <meta name="description" content="Firebase Quickstart Samples for Web. Contribute to firebase/quickstart-js development by creating an account on GitHub."> <link rel="search" type="application/opensearchdescription+xml" href="/web/20210414093417/https://github.com/opensearch.xml" title="GitHub"> <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub"> <meta property="fb:app_id" content="1401488693436528"> <meta name="apple-itunes-app" content="app-id=1477376905"/> <meta name="twitter:image:src" content="https://avatars.githubusercontent.com/u/1335026?s=400&v=4"/><meta name="twitter:site" content="@github"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="firebase/quickstart-js"/><meta name="twitter:description" content="Firebase Quickstart Samples for Web. Contribute to firebase/quickstart-js development by creating an account on GitHub."/> <meta property="og:image" content="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/1335026?s=400&v=4"/><meta property="og:site_name" content="GitHub"/><meta property="og:type" content="object"/><meta property="og:title" content="firebase/quickstart-js"/><meta property="og:url" content="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js"/><meta property="og:description" content="Firebase Quickstart Samples for Web. Contribute to firebase/quickstart-js development by creating an account on GitHub."/> <link rel="assets" href="https://github.githubassets.com/"> <meta name="request-id" content="C1CA:5D13:6B9A9A:E34A48:6076B719" data-pjax-transient="true"/><meta name="html-safe-nonce" content="83f06d3212af0977638ddbaeea05fcc3e405d63a1c32a5927cf3a08ae3e7f1fc" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDMUNBOjVEMTM6NkI5QTlBOkUzNEE0ODo2MDc2QjcxOSIsInZpc2l0b3JfaWQiOiI3MDU1OTc0NDQ4MTg3NzUwMTY5IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=" data-pjax-transient="true"/><meta name="visitor-hmac" content="7b0caf45aac5f5adb237f85e20b19d49383c714272fc99e3888366312b86c9c9" data-pjax-transient="true"/> <meta name="hovercard-subject-tag" content="repository:57147372" data-pjax-transient> <meta name="github-keyboard-shortcuts" content="repository" data-pjax-transient="true"/> <meta name="selected-link" value="repo_source" data-pjax-transient> <meta name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY"> <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU"> <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA"> <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc"> <meta name="octolytics-host" content="collector.githubapp.com"/><meta name="octolytics-app-id" content="github"/><meta name="octolytics-event-url" content="https://collector.githubapp.com/github-external/browser_event"/> <meta name="analytics-location" content="/<user-name>/<repo-name>" data-pjax-transient="true"/> <meta name="optimizely-datafile" content="{"version": "4", "rollouts": [], "typedAudiences": [], "anonymizeIP": true, "projectId": "16737760170", "variables": [], "featureFlags": [], "experiments": [{"status": "Running", "audienceIds": [], "variations": [{"variables": [], "id": "20074632366", "key": "redesign_variation"}, {"variables": [], "id": "20073847969", "key": "control"}], "id": "20064690055", "key": "signup_redesign", "layerId": "20078212122", "trafficAllocation": [{"entityId": "20073847969", "endOfRange": 250}, {"entityId": "20074632366", "endOfRange": 500}, {"entityId": "20073847969", "endOfRange": 1000}, {"entityId": "20073847969", "endOfRange": 1500}, {"entityId": "20074632366", "endOfRange": 2000}, {"entityId": "20074632366", "endOfRange": 2500}, {"entityId": "", "endOfRange": 5000}, {"entityId": "", "endOfRange": 6000}, {"entityId": "", "endOfRange": 10000}], "forcedVariations": {"16822470375": "redesign_variation", "869480852.1618267728": "redesign_variation", "1818695511.1575996036": "redesign_variation"}}], "audiences": [{"conditions": "[\"or\", {\"match\": \"exact\", \"name\": \"$opt_dummy_attribute\", \"type\": \"custom_attribute\", \"value\": \"$opt_dummy_value\"}]", "id": "$opt_dummy_audience", "name": "Optimizely-Generated Audience for Backwards Compatibility"}], "groups": [{"policy": "random", "trafficAllocation": [{"entityId": "20065350824", "endOfRange": 10000}], "experiments": [{"status": "Running", "audienceIds": [], "variations": [{"variables": [], "id": "20061181493", "key": "control"}, {"variables": [], "id": "20046091568", "key": "most_popular"}], "id": "20065350824", "key": "pricing_page", "layerId": "20047761391", "trafficAllocation": [{"entityId": "20061181493", "endOfRange": 5000}, {"entityId": "20046091568", "endOfRange": 10000}], "forcedVariations": {"890b7acea08c1711c74beff6bd78b5e7": "control", "235830406.1616679911": "control", "167363014.1617810094": "most_popular", "f7d5ee986ba8bcc155e2393401c920f7": "most_popular", "2022915492.1615428687": "most_popular", "1006574531.1617036769": "control", "1693726779.1607624005": "most_popular", "b3d9f4f9910bc46c43a8d65ab83d8570": "most_popular", "1800070736.1616613011": "control"}}], "id": "19972601768"}], "attributes": [{"id": "16822470375", "key": "user_id"}, {"id": "17143601254", "key": "spammy"}, {"id": "18175660309", "key": "organization_plan"}, {"id": "18813001570", "key": "is_logged_in"}, {"id": "19073851829", "key": "geo"}, {"id": "20175462351", "key": "requestedCurrency"}], "botFiltering": false, "accountId": "16737760170", "events": [{"experimentIds": [], "id": "17911811441", "key": "hydro_click.dashboard.teacher_toolbox_cta"}, {"experimentIds": [], "id": "18124116703", "key": "submit.organizations.complete_sign_up"}, {"experimentIds": ["20064690055"], "id": "18145892387", "key": "no_metric.tracked_outside_of_optimizely"}, {"experimentIds": [], "id": "18178755568", "key": "click.org_onboarding_checklist.add_repo"}, {"experimentIds": [], "id": "18180553241", "key": "submit.repository_imports.create"}, {"experimentIds": [], "id": "18186103728", "key": "click.help.learn_more_about_repository_creation"}, {"experimentIds": [], "id": "18188530140", "key": "test_event.do_not_use_in_production"}, {"experimentIds": [], "id": "18191963644", "key": "click.empty_org_repo_cta.transfer_repository"}, {"experimentIds": [], "id": "18195612788", "key": "click.empty_org_repo_cta.import_repository"}, {"experimentIds": [], "id": "18210945499", "key": "click.org_onboarding_checklist.invite_members"}, {"experimentIds": [], "id": "18211063248", "key": "click.empty_org_repo_cta.create_repository"}, {"experimentIds": [], "id": "18215721889", "key": "click.org_onboarding_checklist.update_profile"}, {"experimentIds": [], "id": "18224360785", "key": "click.org_onboarding_checklist.dismiss"}, {"experimentIds": [], "id": "18234832286", "key": "submit.organization_activation.complete"}, {"experimentIds": [], "id": "18252392383", "key": "submit.org_repository.create"}, {"experimentIds": [], "id": "18257551537", "key": "submit.org_member_invitation.create"}, {"experimentIds": [], "id": "18259522260", "key": "submit.organization_profile.update"}, {"experimentIds": [], "id": "18564603625", "key": "view.classroom_select_organization"}, {"experimentIds": [], "id": "18568612016", "key": "click.classroom_sign_in_click"}, {"experimentIds": [], "id": "18572592540", "key": "view.classroom_name"}, {"experimentIds": [], "id": "18574203855", "key": "click.classroom_create_organization"}, {"experimentIds": [], "id": "18582053415", "key": "click.classroom_select_organization"}, {"experimentIds": [], "id": "18589463420", "key": "click.classroom_create_classroom"}, {"experimentIds": [], "id": "18591323364", "key": "click.classroom_create_first_classroom"}, {"experimentIds": [], "id": "18591652321", "key": "click.classroom_grant_access"}, {"experimentIds": [], "id": "18607131425", "key": "view.classroom_creation"}, {"experimentIds": [], "id": "18831680583", "key": "upgrade_account_plan"}, {"experimentIds": ["20065350824"], "id": "19064064515", "key": "click.signup"}, {"experimentIds": [], "id": "19075373687", "key": "click.view_account_billing_page"}, {"experimentIds": [], "id": "19077355841", "key": "click.dismiss_signup_prompt"}, {"experimentIds": ["20065350824"], "id": "19079713938", "key": "click.contact_sales"}, {"experimentIds": ["20065350824"], "id": "19120963070", "key": "click.compare_account_plans"}, {"experimentIds": ["20065350824"], "id": "19151690317", "key": "click.upgrade_account_cta"}, {"experimentIds": [], "id": "19424193129", "key": "click.open_account_switcher"}, {"experimentIds": [], "id": "19520330825", "key": "click.visit_account_profile"}, {"experimentIds": [], "id": "19540970635", "key": "click.switch_account_context"}, {"experimentIds": [], "id": "19730198868", "key": "submit.homepage_signup"}, {"experimentIds": [], "id": "19820830627", "key": "click.homepage_signup"}, {"experimentIds": ["20065350824"], "id": "19988571001", "key": "click.create_enterprise_trial"}, {"experimentIds": ["20065350824"], "id": "20036538294", "key": "click.create_organization_team"}, {"experimentIds": [], "id": "20040653299", "key": "click.input_enterprise_trial_form"}, {"experimentIds": ["20065350824"], "id": "20062030003", "key": "click.continue_with_team"}, {"experimentIds": ["20065350824"], "id": "20068947153", "key": "click.create_organization_free"}, {"experimentIds": ["20064690055"], "id": "20086636658", "key": "click.signup_continue.username"}, {"experimentIds": [], "id": "20091648988", "key": "click.signup_continue.create_account"}, {"experimentIds": ["20064690055"], "id": "20103637615", "key": "click.signup_continue.email"}, {"experimentIds": ["20064690055"], "id": "20111574253", "key": "click.signup_continue.password"}, {"experimentIds": [], "id": "20120044111", "key": "view.pricing_page"}, {"experimentIds": [], "id": "20152062109", "key": "submit.create_account"}, {"experimentIds": [], "id": "20165800992", "key": "submit.upgrade_payment_form"}, {"experimentIds": [], "id": "20171520319", "key": "submit.create_organization"}], "revision": "600"}"/>  <script crossorigin="anonymous" defer="defer" integrity="" type="application/javascript" src="https://web.archive.org/web/20210414093417js_/https://github.githubassets.com/assets/optimizely-a58b19e6.js"></script> <meta name="hostname" content="github.com"> <meta name="user-login" content=""> <meta name="expected-hostname" content="github.com"> <meta name="enabled-features" content="MARKETPLACE_PENDING_INSTALLATIONS,AUTOCOMPLETE_EMOJIS_IN_MARKDOWN_EDITOR"> <meta http-equiv="x-pjax-version" content="03d01f2eb6c6ac3187540d239d4132521250afae7c63f39783731981221c94fd"> <meta name="go-import" content="github.com/firebase/quickstart-js git https://github.com/firebase/quickstart-js.git"> <meta name="octolytics-dimension-user_id" content="1335026"/><meta name="octolytics-dimension-user_login" content="firebase"/><meta name="octolytics-dimension-repository_id" content="57147372"/><meta name="octolytics-dimension-repository_nwo" content="firebase/quickstart-js"/><meta name="octolytics-dimension-repository_public" content="true"/><meta name="octolytics-dimension-repository_is_fork" content="false"/><meta name="octolytics-dimension-repository_network_root_id" content="57147372"/><meta name="octolytics-dimension-repository_network_root_nwo" content="firebase/quickstart-js"/> <link rel="canonical" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js" data-pjax-transient> <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats"> <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors"> <meta name="browser-optimizely-client-errors-url" content="https://api.github.com/_private/browser/optimizely_client/errors"> <link rel="mask-icon" href="https://web.archive.org/web/20210414093417im_/https://github.githubassets.com/pinned-octocat.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://web.archive.org/web/20210414093417im_/https://github.githubassets.com/favicons/favicon.svg"> <meta name="theme-color" content="#1e2327"> <link rel="manifest" href="/web/20210414093417/https://github.com/manifest.json" crossorigin="use-credentials"> </head> <body class="logged-out env-production page-responsive" style="word-wrap: break-word;"> <div class="position-relative js-header-wrapper "> <a href="#start-of-content" class="px-2 py-4 color-bg-info-inverse color-text-white show-on-focus js-skip-to-content">Skip to content</a> <span class="progress-pjax-loader width-full js-pjax-loader-bar Progress position-fixed"> <span style="background-color: #79b8ff;width: 0%;" class="Progress-item progress-pjax-loader-bar "></span> </span> <header class="Header-old header-logged-out js-details-container Details position-relative f4 py-2" role="banner"> <div class="container-xl d-lg-flex flex-items-center p-responsive"> <div class="d-flex flex-justify-between flex-items-center"> <a class="mr-4" href="https://web.archive.org/web/20210414093417/https://github.com/" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark"> <svg height="32" class="octicon octicon-mark-github color-text-white" viewbox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg> </a> <div class="d-lg-none css-truncate css-truncate-target width-fit p-2"> </div> <div class="d-flex flex-items-center"> <a href="/web/20210414093417/https://github.com/join?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo" class="d-inline-block d-lg-none f5 color-text-white no-underline border color-border-tertiary rounded-2 px-2 py-1 mr-3 mr-sm-5 js-signup-redesign-control js-signup-redesign-target" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="875d361b6273fb1bcac2165aeea97138c5e8587394c2e829375ee781251585e3"> Sign up </a> <a href="/web/20210414093417/https://github.com/join_next?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo" class="d-inline-block d-lg-none f5 color-text-white no-underline border color-border-tertiary rounded-2 px-2 py-1 mr-3 mr-sm-5 js-signup-redesign-variation js-signup-redesign-target" hidden data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="875d361b6273fb1bcac2165aeea97138c5e8587394c2e829375ee781251585e3"> Sign up </a> <button class="btn-link d-lg-none mt-1 js-details-target" type="button" aria-label="Toggle navigation" aria-expanded="false"> <svg height="24" class="octicon octicon-three-bars color-text-white" viewbox="0 0 16 16" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path></svg> </button> </div> </div> <div class="HeaderMenu HeaderMenu--logged-out position-fixed top-0 right-0 bottom-0 height-fit position-lg-relative d-lg-flex flex-justify-between flex-items-center flex-auto"> <div class="d-flex d-lg-none flex-justify-end border-bottom color-bg-secondary p-3"> <button class="btn-link js-details-target" type="button" aria-label="Toggle navigation" aria-expanded="false"> <svg height="24" class="octicon octicon-x color-text-secondary" viewbox="0 0 24 24" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path></svg> </button> </div> <nav class="mt-0 px-3 px-lg-0 mb-5 mb-lg-0" aria-label="Global"> <ul class="d-lg-flex list-style-none"> <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center "> <details class="HeaderMenu-details details-overlay details-reset width-full"> <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block"> Why GitHub? <svg x="0px" y="0px" viewbox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative"> <path d="M1,1l6.2,6L13,1"></path> </svg> </summary> <div class="dropdown-menu flex-auto rounded px-0 mt-0 pb-4 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4"> <a href="/web/20210414093417/https://github.com/features" class="py-2 lh-condensed-ultra d-block Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Features">Features <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a> <ul class="list-style-none f5 pb-3"> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/mobile" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Mobile <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/actions" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Actions <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/codespaces" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Codespaces <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/packages" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Packages <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/security" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Security <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/code-review/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Code review <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/project-management/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Project management <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/features/integrations" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">Integrations <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> <ul class="list-style-none mb-0 border-lg-top pt-lg-3"> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/sponsors" class="py-2 lh-condensed-ultra d-block no-underline Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Sponsors">GitHub Sponsors <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/customer-stories" class="py-2 lh-condensed-ultra d-block no-underline Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Customer stories">Customer stories<span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> </div> </details> </li> <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3"> <a href="/web/20210414093417/https://github.com/team" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Team">Team</a> </li> <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3"> <a href="/web/20210414093417/https://github.com/enterprise" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Enterprise">Enterprise</a> </li> <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center "> <details class="HeaderMenu-details details-overlay details-reset width-full"> <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block"> Explore <svg x="0px" y="0px" viewbox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative"> <path d="M1,1l6.2,6L13,1"></path> </svg> </summary> <div class="dropdown-menu flex-auto rounded px-0 pt-2 pb-0 mt-0 pb-4 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4"> <ul class="list-style-none mb-3"> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/explore" class="py-2 lh-condensed-ultra d-block Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Explore">Explore GitHub <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> <h4 class="color-text-tertiary text-normal text-mono f5 mb-2 border-lg-top pt-lg-3">Learn and contribute</h4> <ul class="list-style-none mb-3"> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/topics" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Topics">Topics <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/collections" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Collections">Collections <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/trending" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Trending">Trending <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://lab.github.com/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Learning lab">Learning Lab <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://opensource.guide/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Open source guides">Open source guides <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> <h4 class="color-text-tertiary text-normal text-mono f5 mb-2 border-lg-top pt-lg-3">Connect with others</h4> <ul class="list-style-none mb-0"> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://github.com/readme" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover">The ReadME Project <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://github.com/events" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Events">Events <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://github.community/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Community forum">Community forum <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://education.github.com/" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to GitHub Education">GitHub Education <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://stars.github.com/" class="py-2 pb-0 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to GitHub Stars Program">GitHub Stars program <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> </div> </details> </li> <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3"> <a href="/web/20210414093417/https://github.com/marketplace" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Marketplace">Marketplace</a> </li> <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center "> <details class="HeaderMenu-details details-overlay details-reset width-full"> <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block"> Pricing <svg x="0px" y="0px" viewbox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative"> <path d="M1,1l6.2,6L13,1"></path> </svg> </summary> <div class="dropdown-menu flex-auto rounded px-0 pt-2 pb-4 mt-0 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4"> <a href="/web/20210414093417/https://github.com/pricing" class="pb-2 lh-condensed-ultra d-block Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Pricing">Plans <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a> <ul class="list-style-none mb-3"> <li class="edge-item-fix"><a href="/web/20210414093417/https://github.com/pricing#feature-comparison" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Compare plans">Compare plans <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://enterprise.github.com/contact" class="py-2 lh-condensed-ultra d-block Link--secondary no-underline f5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Contact Sales">Contact Sales <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> <ul class="list-style-none mb-0 border-lg-top pt-lg-3"> <li class="edge-item-fix"><a href="https://web.archive.org/web/20210414093417/https://education.github.com/" class="py-2 pb-0 lh-condensed-ultra d-block no-underline Link--primary no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Education">Education <span class="Bump-link-symbol float-right text-normal color-text-tertiary pr-3">→</span></a></li> </ul> </div> </details> </li> </ul> </nav> <div class="d-lg-flex flex-items-center px-3 px-lg-0 text-center text-lg-left"> <div class="d-lg-flex min-width-0 mb-3 mb-lg-0"> <div class="header-search flex-auto js-site-search position-relative flex-self-stretch flex-md-self-auto mb-3 mb-md-0 mr-0 mr-md-3 scoped-search site-scoped-search js-jump-to" role="combobox" aria-owns="jump-to-results" aria-label="Search or jump to" aria-haspopup="listbox" aria-expanded="false"> <div class="position-relative"> </option></form><form class="js-site-search-form" role="search" aria-label="Site" data-scope-type="Repository" data-scope-id="57147372" data-scoped-search-url="/firebase/quickstart-js/search" data-owner-scoped-search-url="/orgs/firebase/search" data-unscoped-search-url="/search" action="/web/20210414093417/https://github.com/firebase/quickstart-js/search" accept-charset="UTF-8" method="get"> <label class="form-control input-sm header-search-wrapper p-0 js-chromeless-input-container header-search-wrapper-jump-to position-relative d-flex flex-justify-between flex-items-center"> <input type="text" class="form-control input-sm header-search-input jump-to-field js-jump-to-field js-site-search-focus js-site-search-field is-clearable" data-hotkey="s,/" name="q" value="" placeholder="Search" data-unscoped-placeholder="Search GitHub" data-scoped-placeholder="Search" autocapitalize="off" aria-autocomplete="list" aria-controls="jump-to-results" aria-label="Search" data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations" spellcheck="false" autocomplete="off"> <input type="hidden" data-csrf="true" class="js-data-jump-to-suggestions-path-csrf" value="4KeQKpr7Cbnk6ekXd/Y25hsz4ga6tBQhua9HFuKj6B/DAGCZBWE5mrxHqNx4Tqgz7GRNEsYz+0kBt6GvG9oT4w=="/> <input type="hidden" class="js-site-search-type-field" name="type"> <img src="https://web.archive.org/web/20210414093417im_/https://github.githubassets.com/images/search-key-slash.svg" alt="" class="mr-2 header-search-key-slash"> <div class="Box position-absolute overflow-hidden d-none jump-to-suggestions js-jump-to-suggestions-container"> <ul class="d-none js-jump-to-suggestions-template-container"> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-suggestion" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="suggestion"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg> <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg> <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20210414093417im_/https://github.com/firebase/quickstart-js/" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this repository"> In this repository </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> </ul> <ul class="d-none js-jump-to-no-results-template-container"> <li class="d-flex flex-justify-center flex-items-center f5 d-none js-jump-to-suggestion p-2"> <span class="color-text-secondary">No suggested jump to results</span> </li> </ul> <ul id="jump-to-results" role="listbox" class="p-0 m-0 js-navigation-container jump-to-suggestions-results-container js-jump-to-suggestions-results-container"> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-scoped-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="scoped_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg> <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg> <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20210414093417im_/https://github.com/firebase/quickstart-js/" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this repository"> In this repository </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-owner-scoped-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="owner_scoped_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg> <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg> <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20210414093417im_/https://github.com/firebase/quickstart-js/" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this organization"> In this organization </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-global-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="global_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg> <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg> <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewbox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20210414093417im_/https://github.com/firebase/quickstart-js/" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this repository"> In this repository </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 color-text-tertiary ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> </ul> </div> </label> </form> </div> </div> </div> <a href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js" class="HeaderMenu-link flex-shrink-0 no-underline mr-3" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="3a4cb00300075baab5653645754151fde293a511f01deca584851db490894c3f" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in"> Sign in </a> <a href="/web/20210414093417/https://github.com/join?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=firebase%2Fquickstart-js" class="HeaderMenu-link flex-shrink-0 d-inline-block no-underline border color-border-tertiary rounded px-2 py-1 js-signup-redesign-target js-signup-redesign-control" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="3a4cb00300075baab5653645754151fde293a511f01deca584851db490894c3f" data-hydro-click="{"event_type":"analytics.click","payload":{"category":"Sign up","action":"click to sign up for account","label":"ref_page:/<user-name>/<repo-name>;ref_cta:Sign up;ref_loc:header logged out","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="9a0db8d5cb437cd34d928cd4f281512d7c7066507032da32bcfce10f0a846797"> Sign up </a> <a href="/web/20210414093417/https://github.com/join_next?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=firebase%2Fquickstart-js" class="HeaderMenu-link flex-shrink-0 d-inline-block no-underline border color-border-tertiary rounded-1 px-2 py-1 js-signup-redesign-target js-signup-redesign-variation" hidden data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="3a4cb00300075baab5653645754151fde293a511f01deca584851db490894c3f" data-hydro-click="{"event_type":"analytics.click","payload":{"category":"Sign up","action":"click to sign up for account","label":"ref_page:/<user-name>/<repo-name>;ref_cta:Sign up;ref_loc:header logged out","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="9a0db8d5cb437cd34d928cd4f281512d7c7066507032da32bcfce10f0a846797"> Sign up </a> </div> </div> </div> </header> </div> <div id="start-of-content" class="show-on-focus"></div> <div data-pjax-replace id="js-flash-container"> <template class="js-flash-template"> <div class="flash flash-full {{ className }}"> <div class=" px-2"> <button class="flash-close js-flash-close" type="button" aria-label="Dismiss this message"> <svg class="octicon octicon-x" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg> </button> <div>{{ message }}</div> </div> </div> </template> </div> <include-fragment class="js-notification-shelf-include-fragment" data-base-src="https://github.com/notifications/beta/shelf"></include-fragment> <div class="application-main " data-commit-hovercards-enabled data-discussion-hovercards-enabled data-issue-and-pr-hovercards-enabled> <div itemscope itemtype="http://schema.org/SoftwareSourceCode" class=""> <main id="js-repo-pjax-container" data-pjax-container> <div class="color-bg-secondary pt-3 hide-full-screen mb-5"> <div class="d-flex mb-3 px-3 px-md-4 px-lg-5"> <div class="flex-auto min-width-0 width-fit mr-3"> <h1 class=" d-flex flex-wrap flex-items-center break-word f3 text-normal"> <svg class="octicon octicon-repo color-text-secondary mr-2" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg> <span class="author flex-self-stretch" itemprop="author"> <a class="url fn" rel="author" data-hovercard-type="organization" data-hovercard-url="/orgs/firebase/hovercard" href="/web/20210414093417/https://github.com/firebase">firebase</a> </span> <span class="mx-1 flex-self-stretch color-text-secondary">/</span> <strong itemprop="name" class="mr-2 flex-self-stretch"> <a data-pjax="#js-repo-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js">quickstart-js</a> </strong> </h1> </div> <ul class="pagehead-actions flex-shrink-0 d-none d-md-inline" style="padding: 2px 0;"> <li> <a class="tooltipped tooltipped-s btn btn-sm" aria-label="You must be signed in to change notification settings" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"notification subscription menu watch","repository_id":null,"auth_type":"LOG_IN","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="7f3a7a76502f0eee915a7213826d6d5b8497f0ca3924c73b753502d4a0b9afd4" href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js"> <svg class="octicon octicon-bell" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path></svg> Notifications </a> </li> <li> <a class="btn btn-sm btn-with-count tooltipped tooltipped-s" aria-label="You must be signed in to star a repository" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"star button","repository_id":57147372,"auth_type":"LOG_IN","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="355d42840cdfc42119e115f6178c24078d0da6c6683532f955f8cdeb7825bf4b" href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js"> <svg class="octicon octicon-star v-align-text-bottom mr-1" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg> <span> Star </span></a> <a class="social-count js-social-count" href="/web/20210414093417/https://github.com/firebase/quickstart-js/stargazers" aria-label="3904 users starred this repository"> 3.9k </a> </li> <li> <a class="btn btn-sm btn-with-count tooltipped tooltipped-s" aria-label="You must be signed in to fork a repository" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"repo details fork button","repository_id":57147372,"auth_type":"LOG_IN","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="fce081ac7d2b99d468bb8ccb18c804cfb24b97e9ba68cb55ff9fb1323909b595" href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js"> <svg class="octicon octicon-repo-forked" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg> Fork </a> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/network/members" class="social-count" aria-label="3207 users forked this repository"> 3.2k </a> </li> </ul> </div> <div class="d-block d-md-none mb-2 px-3 px-md-4 px-lg-5"> <p class="f4 mb-3"> Firebase Quickstart Samples for Web </p> <div class="mb-2 d-flex flex-items-center"> <svg class="octicon octicon-link flex-shrink-0 mr-2" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg> <span class="flex-auto min-width-0 css-truncate css-truncate-target width-fit"> <a title="https://firebase.google.com" role="link" target="_blank" class="text-bold" rel="noopener noreferrer" href="https://web.archive.org/web/20210414093417/https://firebase.google.com/">firebase.google.com</a> </span> </div> <div class="mb-2"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/LICENSE" class="Link--muted"> <svg class="octicon octicon-law mr-1" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"></path></svg> Apache-2.0 License </a> </div> <div class="mb-3"> <a class="Link--secondary no-underline mr-3" href="/web/20210414093417/https://github.com/firebase/quickstart-js/stargazers"> <svg class="octicon octicon-star mr-1" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg> <span class="text-bold">3.9k</span> stars </a> <a class="Link--secondary no-underline" href="/web/20210414093417/https://github.com/firebase/quickstart-js/network/members"> <svg class="octicon octicon-repo-forked mr-1" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg> <span class="text-bold">3.2k</span> forks </a> </div> <div class="d-flex"> <div class="flex-1 mr-2"> <a class="btn btn-sm btn-block tooltipped tooltipped-s" aria-label="You must be signed in to star a repository" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"star button","repository_id":57147372,"auth_type":"LOG_IN","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="355d42840cdfc42119e115f6178c24078d0da6c6683532f955f8cdeb7825bf4b" href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js"> <svg class="octicon octicon-star v-align-text-bottom mr-1" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg> <span> Star </span></a> </div> <div class="flex-1"> <a class="tooltipped tooltipped-s btn btn-sm btn-block" aria-label="You must be signed in to change notification settings" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"notification subscription menu watch","repository_id":null,"auth_type":"LOG_IN","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="7f3a7a76502f0eee915a7213826d6d5b8497f0ca3924c73b753502d4a0b9afd4" href="/web/20210414093417/https://github.com/login?return_to=%2Ffirebase%2Fquickstart-js"> <svg class="octicon octicon-bell" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path></svg> Notifications </a> </div> </div> </div> <nav data-pjax="#js-repo-pjax-container" aria-label="Repository" class="js-repo-nav js-sidenav-container-pjax js-responsive-underlinenav overflow-hidden UnderlineNav px-3 px-md-4 px-lg-5 color-bg-secondary"> <ul class="UnderlineNav-body list-style-none "> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js" data-tab-item="i0code-tab" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches repo_packages repo_deployments /firebase/quickstart-js" data-hotkey="g c" data-ga-click="Repository, Navigation click, Code tab" aria-current="page" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item selected "> <svg class="octicon octicon-code UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M4.72 3.22a.75.75 0 011.06 1.06L2.06 8l3.72 3.72a.75.75 0 11-1.06 1.06L.47 8.53a.75.75 0 010-1.06l4.25-4.25zm6.56 0a.75.75 0 10-1.06 1.06L13.94 8l-3.72 3.72a.75.75 0 101.06 1.06l4.25-4.25a.75.75 0 000-1.06l-4.25-4.25z"></path></svg> <span data-content="Code">Code</span> <span title="Not available" class="Counter "></span> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/issues" data-tab-item="i1issues-tab" data-selected-links="repo_issues repo_labels repo_milestones /firebase/quickstart-js/issues" data-hotkey="g i" data-ga-click="Repository, Navigation click, Issues tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-issue-opened UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path></svg> <span data-content="Issues">Issues</span> <span title="53" class="Counter ">53</span> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/pulls" data-tab-item="i2pull-requests-tab" data-selected-links="repo_pulls checks /firebase/quickstart-js/pulls" data-hotkey="g p" data-ga-click="Repository, Navigation click, Pull requests tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-git-pull-request UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg> <span data-content="Pull requests">Pull requests</span> <span title="5" class="Counter ">5</span> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/actions" data-tab-item="i3actions-tab" data-selected-links="repo_actions /firebase/quickstart-js/actions" data-hotkey="g a" data-ga-click="Repository, Navigation click, Actions tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-play UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zM6.379 5.227A.25.25 0 006 5.442v5.117a.25.25 0 00.379.214l4.264-2.559a.25.25 0 000-.428L6.379 5.227z"></path></svg> <span data-content="Actions">Actions</span> <span title="Not available" class="Counter "></span> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/projects" data-tab-item="i4projects-tab" data-selected-links="repo_projects new_repo_project repo_project /firebase/quickstart-js/projects" data-hotkey="g b" data-ga-click="Repository, Navigation click, Projects tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-project UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg> <span data-content="Projects">Projects</span> <span title="0" hidden="hidden" class="Counter ">0</span> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/security" data-tab-item="i5security-tab" data-selected-links="security overview alerts policy token_scanning code_scanning /firebase/quickstart-js/security" data-hotkey="g s" data-ga-click="Repository, Navigation click, Security tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-shield UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.467.133a1.75 1.75 0 011.066 0l5.25 1.68A1.75 1.75 0 0115 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.7 1.7 0 01-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 011.217-1.667l5.25-1.68zm.61 1.429a.25.25 0 00-.153 0l-5.25 1.68a.25.25 0 00-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.2.2 0 00.154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.25.25 0 00-.174-.237l-5.25-1.68zM9 10.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.75a.75.75 0 10-1.5 0v3a.75.75 0 001.5 0v-3z"></path></svg> <span data-content="Security">Security</span> <include-fragment src="/firebase/quickstart-js/security/overall-count" accept="text/fragment+html"></include-fragment> </a></li> <li class="d-flex"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/pulse" data-tab-item="i6insights-tab" data-selected-links="repo_graphs repo_contributors dependency_graph dependabot_updates pulse people community /firebase/quickstart-js/pulse" data-ga-click="Repository, Navigation click, Insights tab" class="UnderlineNav-item hx_underlinenav-item no-wrap js-responsive-underlinenav-item "> <svg class="octicon octicon-graph UnderlineNav-octicon d-none d-sm-inline" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.5 1.75a.75.75 0 00-1.5 0v12.5c0 .414.336.75.75.75h14.5a.75.75 0 000-1.5H1.5V1.75zm14.28 2.53a.75.75 0 00-1.06-1.06L10 7.94 7.53 5.47a.75.75 0 00-1.06 0L3.22 8.72a.75.75 0 001.06 1.06L7 7.06l2.47 2.47a.75.75 0 001.06 0l5.25-5.25z"></path></svg> <span data-content="Insights">Insights</span> <span title="Not available" class="Counter "></span> </a></li> </ul> <div style="visibility:hidden;" class="UnderlineNav-actions js-responsive-underlinenav-overflow position-absolute pr-3 pr-md-4 pr-lg-5 right-0"> <details class="details-overlay details-reset position-relative"> <summary role="button"> <div class="UnderlineNav-item mr-0 border-0"> <svg class="octicon octicon-kebab-horizontal" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="M8 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM1.5 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm13 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path></svg> <span class="sr-only">More</span> </div> </summary> <div> <details-menu role="menu" class="dropdown-menu dropdown-menu-sw "> <ul> <li data-menu-item="i0code-tab" hidden> <a role="menuitem" class="js-selected-navigation-item selected dropdown-item" aria-current="page" data-selected-links=" /firebase/quickstart-js" href="/web/20210414093417/https://github.com/firebase/quickstart-js"> Code </a> </li> <li data-menu-item="i1issues-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/issues" href="/web/20210414093417/https://github.com/firebase/quickstart-js/issues"> Issues </a> </li> <li data-menu-item="i2pull-requests-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/pulls" href="/web/20210414093417/https://github.com/firebase/quickstart-js/pulls"> Pull requests </a> </li> <li data-menu-item="i3actions-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/actions" href="/web/20210414093417/https://github.com/firebase/quickstart-js/actions"> Actions </a> </li> <li data-menu-item="i4projects-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/projects" href="/web/20210414093417/https://github.com/firebase/quickstart-js/projects"> Projects </a> </li> <li data-menu-item="i5security-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/security" href="/web/20210414093417/https://github.com/firebase/quickstart-js/security"> Security </a> </li> <li data-menu-item="i6insights-tab" hidden> <a role="menuitem" class="js-selected-navigation-item dropdown-item" data-selected-links=" /firebase/quickstart-js/pulse" href="/web/20210414093417/https://github.com/firebase/quickstart-js/pulse"> Insights </a> </li> </ul> </details-menu></div> </details></div> </nav> </div> <div class="container-xl clearfix new-discussion-timeline px-3 px-md-4 px-lg-5"> <div id="repo-content-pjax-container" class="repository-content "> <div> <div class="d-none d-lg-block mt-6 mr-3 Popover top-0 right-0 color-shadow-medium col-3"> </div> <div class="gutter-condensed gutter-lg flex-column flex-md-row d-flex"> <div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0"> <div class="file-navigation mb-3 d-flex flex-items-start"> <div class="position-relative"> <details class="details-reset details-overlay mr-0 mb-0 " id="branch-select-menu"> <summary class="btn css-truncate" data-hotkey="w" title="Switch branches or tags"> <svg class="octicon octicon-git-branch text-gray" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122V6A2.5 2.5 0 0110 8.5H6a1 1 0 00-1 1v1.128a2.251 2.251 0 11-1.5 0V5.372a2.25 2.25 0 111.5 0v1.836A2.492 2.492 0 016 7h4a1 1 0 001-1v-.628A2.25 2.25 0 019.5 3.25zM4.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zM3.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z"></path></svg> <span class="css-truncate-target" data-menu-button>master</span> <span class="dropdown-caret"></span> </summary> <div class="SelectMenu"> <div class="SelectMenu-modal"> <header class="SelectMenu-header"> <span class="SelectMenu-title">Switch branches/tags</span> <button class="SelectMenu-closeButton" type="button" data-toggle-for="branch-select-menu"><svg aria-label="Close menu" aria-hidden="false" class="octicon octicon-x" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg></button> </header> <input-demux data-action="tab-container-change:input-demux#storeInput tab-container-changed:input-demux#updateInput"> <tab-container class="d-flex flex-column js-branches-tags-tabs" style="min-height: 0;"> <div class="SelectMenu-filter"> <input data-target="input-demux.source" id="context-commitish-filter-field" class="SelectMenu-input form-control" aria-owns="ref-list-branches" data-controls-ref-menu-id="ref-list-branches" autofocus autocomplete="off" aria-label="Filter branches/tags" placeholder="Filter branches/tags" type="text"> </div> <div class="SelectMenu-tabs" role="tablist" data-target="input-demux.control"> <button class="SelectMenu-tab" type="button" role="tab" aria-selected="true">Branches</button> <button class="SelectMenu-tab" type="button" role="tab">Tags</button> </div> <div role="tabpanel" id="ref-list-branches" data-filter-placeholder="Filter branches/tags" class="d-flex flex-column flex-auto overflow-auto" tabindex=""> <ref-selector type="branch" data-targets="input-demux.sinks" data-action=" input-entered:ref-selector#inputEntered tab-selected:ref-selector#tabSelected focus-list:ref-selector#focusFirstListMember " query-endpoint="/firebase/quickstart-js/refs" cache-key="v0:1617182553.418317" current-committish="bWFzdGVy" default-branch="bWFzdGVy" name-with-owner="ZmlyZWJhc2UvcXVpY2tzdGFydC1qcw=="> <template data-target="ref-selector.noMatchTemplate"> <div class="SelectMenu-message">Nothing to show</div> </template>  <div data-target="ref-selector.listContainer" role="menu" class="SelectMenu-list " style="max-height: 330px"> <div class="SelectMenu-loading pt-3 pb-0" aria-label="Menu is loading"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" viewbox="0 0 16 16" fill="none" width="32" height="32" class="anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke"/> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke"/> </svg> </div> </div> <template data-target="ref-selector.itemTemplate"> <a href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/tree/{{ urlEncodedRefName }}" class="SelectMenu-item" role="menuitemradio" rel="nofollow" aria-checked="{{ isCurrent }}" data-index="{{ index }}"> <svg class="octicon octicon-check SelectMenu-icon SelectMenu-icon--check" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg> <span class="flex-1 css-truncate css-truncate-overflow {{ isFilteringClass }}">{{ refName }}</span> <span hidden="{{ isNotDefault }}" class="Label Label--secondary flex-self-start">default</span> </a> </template> <footer class="SelectMenu-footer"><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/branches">View all branches</a></footer> </ref-selector> </div> <div role="tabpanel" id="tags-menu" data-filter-placeholder="Find a tag" class="d-flex flex-column flex-auto overflow-auto" tabindex="" hidden> <ref-selector type="tag" data-action=" input-entered:ref-selector#inputEntered tab-selected:ref-selector#tabSelected focus-list:ref-selector#focusFirstListMember " data-targets="input-demux.sinks" query-endpoint="/firebase/quickstart-js/refs" cache-key="v0:1617182553.418317" current-committish="bWFzdGVy" default-branch="bWFzdGVy" name-with-owner="ZmlyZWJhc2UvcXVpY2tzdGFydC1qcw=="> <template data-target="ref-selector.noMatchTemplate"> <div class="SelectMenu-message" data-index="{{ index }}">Nothing to show</div> </template> <template data-target="ref-selector.itemTemplate"> <a href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/tree/{{ urlEncodedRefName }}" class="SelectMenu-item" role="menuitemradio" rel="nofollow" aria-checked="{{ isCurrent }}" data-index="{{ index }}"> <svg class="octicon octicon-check SelectMenu-icon SelectMenu-icon--check" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg> <span class="flex-1 css-truncate css-truncate-overflow {{ isFilteringClass }}">{{ refName }}</span> <span hidden="{{ isNotDefault }}" class="Label Label--secondary flex-self-start">default</span> </a> </template> <div data-target="ref-selector.listContainer" role="menu" class="SelectMenu-list" style="max-height: 330px"> <div class="SelectMenu-loading pt-3 pb-0" aria-label="Menu is loading"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" viewbox="0 0 16 16" fill="none" width="32" height="32" class="anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke"/> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke"/> </svg> </div> </div> <footer class="SelectMenu-footer"><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/tags">View all tags</a></footer> </ref-selector> </div> </tab-container> </input-demux> </div> </div> </details> </div> <div class="flex-self-center ml-3 flex-self-stretch d-none d-lg-flex flex-items-center lh-condensed-ultra"> <a data-pjax href="/web/20210414093417/https://github.com/firebase/quickstart-js/branches" class="Link--primary no-underline"> <svg class="octicon octicon-git-branch text-gray" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122V6A2.5 2.5 0 0110 8.5H6a1 1 0 00-1 1v1.128a2.251 2.251 0 11-1.5 0V5.372a2.25 2.25 0 111.5 0v1.836A2.492 2.492 0 016 7h4a1 1 0 001-1v-.628A2.25 2.25 0 019.5 3.25zM4.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zM3.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z"></path></svg> <strong>33</strong> <span class="color-text-tertiary">branches</span> </a> <a data-pjax href="/web/20210414093417/https://github.com/firebase/quickstart-js/tags" class="ml-3 Link--primary no-underline"> <svg class="octicon octicon-tag text-gray" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg> <strong>0</strong> <span class="color-text-tertiary">tags</span> </a> </div> <div class="flex-auto"></div> <a class="btn ml-2" data-hydro-click="{"event_type":"repository.click","payload":{"target":"FIND_FILE_BUTTON","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="33039d447011278ca326c76d1f5aab4675ed808c61961e78d4a4d3215479a17e" data-ga-click="Repository, find file, location:repo overview" data-hotkey="t" data-pjax="true" href="/web/20210414093417/https://github.com/firebase/quickstart-js/find/master"> Go to file </a> <span class="d-none d-md-flex ml-2"> <get-repo> <details class="position-relative details-overlay details-reset" data-action="toggle:get-repo#onDetailsToggle"> <summary class="btn btn-primary" data-hydro-click="{"event_type":"repository.click","payload":{"repository_id":57147372,"target":"CLONE_OR_DOWNLOAD_BUTTON","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="b215b02d85c3e5cdb786bbc8bcd87f348223831c25325f9cfe24b1a049cb0fa1"> <svg class="octicon octicon-download mr-1" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"></path></svg> Code <span class="dropdown-caret"></span> </summary> <div class="position-relative"> <div class="dropdown-menu dropdown-menu-sw p-0" style="top:6px;width:378px;"> <div data-target="get-repo.modal"> <div class="border-bottom p-3"> <a class="Link--muted float-right tooltipped tooltipped-s" href="https://web.archive.org/web/20210414093417/https://docs.github.com/articles/which-remote-url-should-i-use" target="_blank" aria-label="Which remote URL should I use?"> <svg class="octicon octicon-question" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225A.613.613 0 019 6.25c0 .177-.04.264-.077.318a.956.956 0 01-.277.245c-.076.051-.158.1-.258.161l-.007.004a7.728 7.728 0 00-.313.195 2.416 2.416 0 00-.692.661.75.75 0 001.248.832.956.956 0 01.276-.245 6.3 6.3 0 01.26-.16l.006-.004c.093-.057.204-.123.313-.195.222-.149.487-.355.692-.662.214-.32.329-.702.329-1.15 0-.76-.36-1.348-.863-1.725A2.76 2.76 0 008 4c-.631 0-1.155.16-1.572.438-.413.276-.68.638-.849.977a.75.75 0 101.342.67z"></path></svg> </a> <div class="text-bold"> <svg class="octicon octicon-terminal mr-3" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V2.75zm1.75-.25a.25.25 0 00-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 00.25-.25V2.75a.25.25 0 00-.25-.25H1.75zM7.25 8a.75.75 0 01-.22.53l-2.25 2.25a.75.75 0 11-1.06-1.06L5.44 8 3.72 6.28a.75.75 0 111.06-1.06l2.25 2.25c.141.14.22.331.22.53zm1.5 1.5a.75.75 0 000 1.5h3a.75.75 0 000-1.5h-3z"></path></svg> Clone </div> <tab-container> <div class="UnderlineNav my-2 box-shadow-none"> <div class="UnderlineNav-body" role="tablist"> <button name="button" type="button" role="tab" class="UnderlineNav-item lh-default f6 py-0 px-0 mr-2 position-relative" aria-selected="true" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"USE_HTTPS","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="cd6b2024839ec5da9005e1e2ef5b728519c3b5b3ddb4e4896872413d42f2ed6a"> HTTPS </button> <button name="button" type="button" role="tab" class="UnderlineNav-item lh-default f6 py-0 px-0 mr-2 position-relative" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"USE_GH_CLI","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="3f3791c01ce621217154ef255a385e52a77b4cf34fc7dfeea335b131a0f96e8c"> GitHub CLI </button> </div> </div> <div role="tabpanel"> <div class="input-group"> <input type="text" class="form-control input-monospace input-sm color-bg-secondary" data-autoselect value="https://github.com/firebase/quickstart-js.git" aria-label="https://github.com/firebase/quickstart-js.git" readonly> <div class="input-group-button"> <clipboard-copy value="https://github.com/firebase/quickstart-js.git" aria-label="Copy to clipboard" class="btn btn-sm" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"COPY_URL","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="eb31dfb667d61bd84f65d63822b5c48a1d86a839c17a1e815a135e72f9dc4641"><svg class="octicon octicon-clippy" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></clipboard-copy> </div> </div> <p class="mt-2 mb-0 f6 color-text-secondary"> Use Git or checkout with SVN using the web URL. </p> </div> <div role="tabpanel" hidden> <div class="input-group"> <input type="text" class="form-control input-monospace input-sm color-bg-secondary" data-autoselect value="gh repo clone firebase/quickstart-js" aria-label="gh repo clone firebase/quickstart-js" readonly> <div class="input-group-button"> <clipboard-copy value="gh repo clone firebase/quickstart-js" aria-label="Copy to clipboard" class="btn btn-sm" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"COPY_URL","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="eb31dfb667d61bd84f65d63822b5c48a1d86a839c17a1e815a135e72f9dc4641"><svg class="octicon octicon-clippy" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></clipboard-copy> </div> </div> <p class="mt-2 mb-0 f6 color-text-secondary"> Work fast with our official CLI. <a href="https://web.archive.org/web/20210414093417/https://cli.github.com/" target="_blank">Learn more</a>. </p> </div> </tab-container> </div> <ul class="list-style-none"> <li data-platforms="windows,mac" class="Box-row Box-row--hover-gray p-0 rounded-0 mt-0 js-remove-unless-platform"> <a class="d-flex flex-items-center color-text-primary text-bold no-underline p-3" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"OPEN_IN_DESKTOP","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="2b72045df7078368be96b585f49f7c84f01fe45bc83de58ee2120b25abb12414" data-action="click:get-repo#showDownloadMessage" href="https://web.archive.org/web/20210414093417/https://desktop.github.com/"> <svg class="octicon octicon-desktop-download mr-3" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="M4.927 5.427l2.896 2.896a.25.25 0 00.354 0l2.896-2.896A.25.25 0 0010.896 5H8.75V.75a.75.75 0 10-1.5 0V5H5.104a.25.25 0 00-.177.427z"></path><path d="M1.573 2.573a.25.25 0 00-.073.177v7.5a.25.25 0 00.25.25h12.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-3a.75.75 0 110-1.5h3A1.75 1.75 0 0116 2.75v7.5A1.75 1.75 0 0114.25 12h-3.727c.099 1.041.52 1.872 1.292 2.757A.75.75 0 0111.25 16h-6.5a.75.75 0 01-.565-1.243c.772-.885 1.192-1.716 1.292-2.757H1.75A1.75 1.75 0 010 10.25v-7.5A1.75 1.75 0 011.75 1h3a.75.75 0 010 1.5h-3a.25.25 0 00-.177.073zM6.982 12a5.72 5.72 0 01-.765 2.5h3.566a5.72 5.72 0 01-.765-2.5H6.982z"></path></svg> Open with GitHub Desktop </a> </li> <li class="Box-row Box-row--hover-gray p-0"> <a class="d-flex flex-items-center color-text-primary text-bold no-underline p-3" rel="nofollow" data-hydro-click="{"event_type":"clone_or_download.click","payload":{"feature_clicked":"DOWNLOAD_ZIP","git_repository_type":"REPOSITORY","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="39d340243d0f38beca65326b81e6f663a58557c5ee72a49afdc4ed3f6bf3130d" data-ga-click="Repository, download zip, location:repo overview" data-open-app="link" href="/web/20210414093417/https://github.com/firebase/quickstart-js/archive/refs/heads/master.zip"> <svg class="octicon octicon-file-zip mr-3" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"></path></svg> Download ZIP </a> </li> </ul> </div> <div class="p-3" data-targets="get-repo.platforms" data-platform="mac" hidden> <h4 class="lh-condensed mb-3">Launching GitHub Desktop<span class="AnimatedEllipsis"></span></h4> <p class="color-text-secondary">If nothing happens, <a href="https://web.archive.org/web/20210414093417/https://desktop.github.com/">download GitHub Desktop</a> and try again.</p> <button type="button" class="btn-link" data-action="click:get-repo#onDetailsToggle">Go back</button> </div> <div class="p-3" data-targets="get-repo.platforms" data-platform="windows" hidden> <h4 class="lh-condensed mb-3">Launching GitHub Desktop<span class="AnimatedEllipsis"></span></h4> <p class="color-text-secondary">If nothing happens, <a href="https://web.archive.org/web/20210414093417/https://desktop.github.com/">download GitHub Desktop</a> and try again.</p> <button type="button" class="btn-link" data-action="click:get-repo#onDetailsToggle">Go back</button> </div> <div class="p-3" data-targets="get-repo.platforms" data-platform="xcode" hidden> <h4 class="lh-condensed mb-3">Launching Xcode<span class="AnimatedEllipsis"></span></h4> <p class="color-text-secondary">If nothing happens, <a href="https://web.archive.org/web/20210414093417/https://developer.apple.com/xcode/">download Xcode</a> and try again.</p> <button type="button" class="btn-link" data-action="click:get-repo#onDetailsToggle">Go back</button> </div> <div class="p-3" data-targets="get-repo.platforms" data-platform="visual-studio" hidden> <h4 class="lh-condensed mb-3">Launching Visual Studio<span class="AnimatedEllipsis"></span></h4> <p class="color-text-secondary">If nothing happens, <a href="https://web.archive.org/web/20210414093417/https://visualstudio.github.com/">download the GitHub extension for Visual Studio</a> and try again.</p> <button type="button" class="btn-link" data-action="click:get-repo#onDetailsToggle">Go back</button> </div> </div> </div> </details> </get-repo> </span> </div> <div class="Box mb-3"> <div class="Box-header Box-header--blue position-relative"> <h2 class="sr-only">Latest commit</h2> <div class="js-details-container Details d-flex rounded-top-1 flex-items-center flex-wrap" data-issue-and-pr-hovercards-enabled> <div class="flex-shrink-0 ml-n1 mr-n1 mt-n1 mb-n1 hx_avatar_stack_commit"> <div class="AvatarStack flex-self-start "> <div class="AvatarStack-body" aria-label="dpebot"> <a class="avatar avatar-user" style="width:24px;height:24px;" data-skip-pjax="true" data-test-selector="commits-avatar-stack-avatar-link" data-hovercard-type="user" data-hovercard-url="/users/dpebot/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/dpebot"> <img data-test-selector="commits-avatar-stack-avatar-image" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/19979279?s=48&v=4" width="24" height="24" alt="@dpebot" class=" avatar-user"/> </a> </div> </div> </div> <div class="flex-1 d-flex flex-items-center ml-3 min-width-0"> <div class="css-truncate css-truncate-overflow color-text-secondary"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/commits?author=dpebot" class="commit-author user-mention" title="View all commits by dpebot">dpebot</a> <span class="d-none d-sm-inline"> <a data-pjax="true" data-test-selector="commit-tease-commit-message" title="Auto-update dependencies. (#566)" class="Link--primary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" data-test-selector="commit-tease-commit-message" title="Auto-update dependencies. (#566)" class="Link--primary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <span class="hidden-text-expander ml-2 d-inline-block d-inline-block d-lg-none"> <button type="button" class="hx_bg-black-fade-15 color-text-primary ellipsis-expander js-details-target" aria-expanded="false"> … </button> </span> <div class="d-flex flex-auto flex-justify-end ml-3 flex-items-baseline"> <include-fragment accept="text/fragment+html" src="/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5/rollup?direction=sw" class="d-inline"></include-fragment> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5" class="f6 Link--secondary text-mono ml-2 d-none d-lg-inline" data-pjax> b658fa0 </a> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5" class="Link--secondary ml-2" data-pjax> <relative-time datetime="2021-04-13T09:48:23Z" class="no-wrap">Apr 13, 2021</relative-time> </a> </div> </div> <div class="pl-0 pl-md-5 flex-order-1 width-full Details-content--hidden"> <div class="mt-2"> <a data-pjax="true" data-test-selector="commit-tease-commit-message" class="Link--primary text-bold" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" data-test-selector="commit-tease-commit-message" class="Link--primary text-bold" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </div> <div class="d-flex flex-items-center"> <span class="color-text-primary text-mono d-lg-none hx_bg-black-fade-15 px-1 rounded-1 text-small mt-2">b658fa0</span> </div> </div> <div class="flex-shrink-0"> <h2 class="sr-only">Git stats</h2> <ul class="list-style-none d-flex"> <li class="ml-0 ml-md-3"> <a data-pjax href="/web/20210414093417/https://github.com/firebase/quickstart-js/commits/master" class="pl-3 pr-3 py-3 p-md-0 mt-n3 mb-n3 mr-n3 m-md-0 Link--primary no-underline no-wrap"> <svg class="octicon octicon-history text-gray" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.643 3.143L.427 1.927A.25.25 0 000 2.104V5.75c0 .138.112.25.25.25h3.646a.25.25 0 00.177-.427L2.715 4.215a6.5 6.5 0 11-1.18 4.458.75.75 0 10-1.493.154 8.001 8.001 0 101.6-5.684zM7.75 4a.75.75 0 01.75.75v2.992l2.028.812a.75.75 0 01-.557 1.392l-2.5-1A.75.75 0 017 8.25v-3.5A.75.75 0 017.75 4z"></path></svg> <span class="d-none d-sm-inline"> <strong>742</strong> <span aria-label="Commits on master" class="color-text-secondary d-none d-lg-inline"> commits </span> </span> </a> </li> </ul> </div> </div> </div> <h2 id="files" class="sr-only">Files</h2> <a class="d-none js-permalink-shortcut" data-hotkey="y" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/b658fa032c46c67726d510975ebc4c156e2eaaf5">Permalink</a> <div class="include-fragment-error flash flash-error flash-full py-2"> <svg class="octicon octicon-alert" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path></svg> Failed to load latest commit information. </div> <div class="js-details-container Details"> <div role="grid" aria-labelledby="files" class="Details-content--hidden-not-important js-navigation-container js-active-navigation-container d-md-block" data-pjax> <div class="sr-only" role="row"> <div role="columnheader">Type</div> <div role="columnheader">Name</div> <div role="columnheader" class="d-none d-md-block">Latest commit message</div> <div role="columnheader">Commit time</div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="This path skips through empty directories" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/.github/workflows"><span class="color-text-tertiary">.github/</span>workflows</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Move to GitHub Actions (#538)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/282f51a9887c4dfeaca958e9fafea5138b12bda4">Move to GitHub Actions (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="801312706" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/538" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/538/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/538">#538</a><a data-pjax="true" title="Move to GitHub Actions (#538)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/282f51a9887c4dfeaca958e9fafea5138b12bda4">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-02-04T14:06:13Z" class="no-wrap ">Feb 4, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title=".google" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/.google">.google</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Metadata Bug: 28716997 Change-Id: I549521debcb9d3a46c819653e4ce08d628d3f042" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/18abc54f77f34eebd98a72f9bd4078ac8cf7377e">Metadata</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2016-05-24T18:37:02Z" class="no-wrap ">May 24, 2016</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title=".opensource" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/.opensource">.opensource</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Configure for firebaseopensource.com (#182)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/96087ac4288faae25ad8ad6b57a433d7385b4aed">Configure for firebaseopensource.com (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="281547824" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/182" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/182/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/182">#182</a><a data-pjax="true" title="Configure for firebaseopensource.com (#182)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/96087ac4288faae25ad8ad6b57a433d7385b4aed">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2017-12-12T21:44:15Z" class="no-wrap ">Dec 12, 2017</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="auth" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/auth">auth</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="database" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/database">database</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="firestore" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/firestore">firestore</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="functions" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/functions">functions</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="messaging" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/messaging">messaging</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="remote-config" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/remote-config">remote-config</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="scripts" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/scripts">scripts</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Address review feedback" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e13049f12d811518e31ca60c1ae3fa8b30fc24c3">Address review feedback</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2018-03-02T18:17:34Z" class="no-wrap ">Mar 2, 2018</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="Directory" class="octicon octicon-file-directory hx_color-icon-directory" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="storage" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/tree/master/storage">storage</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">Auto-update dependencies. (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="856480340" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/566" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/566/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/566">#566</a><a data-pjax="true" title="Auto-update dependencies. (#566)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/b658fa032c46c67726d510975ebc4c156e2eaaf5">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-04-13T09:48:23Z" class="no-wrap ">Apr 13, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title=".eslintrc.json" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/.eslintrc.json">.eslintrc.json</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Messaging: Convert from var to const (#354) * update firebase SDK version in service worker * Convert from var to const for consistency" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/8581e1b5ce944cfd0bd240aab1ae455464bcf07c">Messaging: Convert from var to const (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="478619425" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/354" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/354/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/354">#354</a><a data-pjax="true" title="Messaging: Convert from var to const (#354) * update firebase SDK version in service worker * Convert from var to const for consistency" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/8581e1b5ce944cfd0bd240aab1ae455464bcf07c">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2019-08-08T18:20:28Z" class="no-wrap ">Aug 8, 2019</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title=".gitignore" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/.gitignore">.gitignore</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Fix issues #238, #236, #230 (#240)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e1da2064d95e65f56263c0fc3ff7bcaffbe52ab2">Fix issues</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="344962773" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/238" data-hovercard-type="issue" data-hovercard-url="/firebase/quickstart-js/issues/238/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/238">#238</a><a data-pjax="true" title="Fix issues #238, #236, #230 (#240)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e1da2064d95e65f56263c0fc3ff7bcaffbe52ab2">,</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="344958533" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/236" data-hovercard-type="issue" data-hovercard-url="/firebase/quickstart-js/issues/236/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/236">#236</a><a data-pjax="true" title="Fix issues #238, #236, #230 (#240)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e1da2064d95e65f56263c0fc3ff7bcaffbe52ab2">,</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="333056881" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/230" data-hovercard-type="issue" data-hovercard-url="/firebase/quickstart-js/issues/230/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/230">#230</a> <a data-pjax="true" title="Fix issues #238, #236, #230 (#240)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e1da2064d95e65f56263c0fc3ff7bcaffbe52ab2">(</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="346353552" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/240" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/240/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/240">#240</a><a data-pjax="true" title="Fix issues #238, #236, #230 (#240)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e1da2064d95e65f56263c0fc3ff7bcaffbe52ab2">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2018-07-31T20:54:27Z" class="no-wrap ">Jul 31, 2018</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="CONTRIBUTING.md" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/CONTRIBUTING.md">CONTRIBUTING.md</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Remove `gulp` step from CONTRIBUTING.md (#309) I don't see gulpfiles in the samples" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e30d052b437c0d6c922071d410ebe2346eab8d39">Remove `gulp` step from CONTRIBUTING.md (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="431660662" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/309" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/309/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/309">#309</a><a data-pjax="true" title="Remove `gulp` step from CONTRIBUTING.md (#309) I don't see gulpfiles in the samples" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/e30d052b437c0d6c922071d410ebe2346eab8d39">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2019-04-10T20:04:22Z" class="no-wrap ">Apr 10, 2019</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="LICENSE" data-pjax="#repo-content-pjax-container" itemprop="license" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/LICENSE">LICENSE</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Add Contributing and license files." class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/d70295b87a2f635a5ae3626652f14958ee71ea43">Add Contributing and license files.</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2015-11-04T12:58:36Z" class="no-wrap ">Nov 4, 2015</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="README.md" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/README.md">README.md</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Move to GitHub Actions (#538)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/282f51a9887c4dfeaca958e9fafea5138b12bda4">Move to GitHub Actions (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="801312706" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/538" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/538/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/538">#538</a><a data-pjax="true" title="Move to GitHub Actions (#538)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/282f51a9887c4dfeaca958e9fafea5138b12bda4">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-02-04T14:06:13Z" class="no-wrap ">Feb 4, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="lerna.json" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/lerna.json">lerna.json</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Add Travis CI for linting" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/a780b95a9561e57beb3b0b5dc22fbd43ac72cd9b">Add Travis CI for linting</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2018-02-13T21:48:46Z" class="no-wrap ">Feb 13, 2018</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="package-lock.json" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/package-lock.json">package-lock.json</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Bump y18n from 4.0.0 to 4.0.1 (#561) Bumps [y18n](https://github.com/yargs/y18n) from 4.0.0 to 4.0.1. - [Release notes](https://github.com/yargs/y18n/releases) - [Changelog](https://github.com/yargs/y18n/blob/master/CHANGELOG.md) - [Commits](https://github.com/yargs/y18n/commits) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/3176339937f7f868170ccba9420296418ca76df6">Bump y18n from 4.0.0 to 4.0.1 (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="845154380" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/561" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/561/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/561">#561</a><a data-pjax="true" title="Bump y18n from 4.0.0 to 4.0.1 (#561) Bumps [y18n](https://github.com/yargs/y18n) from 4.0.0 to 4.0.1. - [Release notes](https://github.com/yargs/y18n/releases) - [Changelog](https://github.com/yargs/y18n/blob/master/CHANGELOG.md) - [Commits](https://github.com/yargs/y18n/commits) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/3176339937f7f868170ccba9420296418ca76df6">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2021-03-31T09:22:15Z" class="no-wrap ">Mar 31, 2021</time-ago> </div> </div> <div role="row" class="Box-row Box-row--focus-gray py-2 d-flex position-relative js-navigation-item "> <div role="gridcell" class="mr-3 flex-shrink-0" style="width: 16px;"> <svg aria-label="File" class="octicon octicon-file color-icon-tertiary" height="16" viewbox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v11.5c0 .138.112.25.25.25h8.5a.25.25 0 00.25-.25V6H9.75A1.75 1.75 0 018 4.25V1.5H3.75zm5.75.56v2.19c0 .138.112.25.25.25h2.19L9.5 2.06zM2 1.75C2 .784 2.784 0 3.75 0h5.086c.464 0 .909.184 1.237.513l3.414 3.414c.329.328.513.773.513 1.237v8.086A1.75 1.75 0 0112.25 15h-8.5A1.75 1.75 0 012 13.25V1.75z"></path></svg> </div> <div role="rowheader" class="flex-auto min-width-0 col-md-2 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"><a class="js-navigation-open Link--primary" title="package.json" data-pjax="#repo-content-pjax-container" href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/package.json">package.json</a></span> </div> <div role="gridcell" class="flex-auto min-width-0 d-none d-md-block col-5 mr-3"> <span class="css-truncate css-truncate-target d-block width-fit"> <a data-pjax="true" title="Update dependencies (#341) Update dependencies to address lodash security warning. Fix eslint warnings (minor formatting stuff)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/f4728d535e086f67f6faa438161a9df9e8532ff2">Update dependencies (</a><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="469500841" data-permission-text="Title is private" data-url="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/issues/341" data-hovercard-type="pull_request" data-hovercard-url="/firebase/quickstart-js/pull/341/hovercard" href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/pull/341">#341</a><a data-pjax="true" title="Update dependencies (#341) Update dependencies to address lodash security warning. Fix eslint warnings (minor formatting stuff)" class="Link--secondary" href="/web/20210414093417/https://github.com/firebase/quickstart-js/commit/f4728d535e086f67f6faa438161a9df9e8532ff2">)</a> </span> </div> <div role="gridcell" class="color-text-tertiary text-right" style="width:100px;"> <time-ago datetime="2019-07-17T23:46:14Z" class="no-wrap ">Jul 17, 2019</time-ago> </div> </div> </div> <div class="Details-content--shown Box-footer d-md-none p-0"> <button type="button" class="d-block btn-link js-details-target width-full px-3 py-2" aria-expanded="false"> View code </button> </div> </div> </div> <readme-toc class="position-relative"> <div id="readme" class="Box md js-code-block-container Box--responsive"> <div class="d-flex flex-items-center flex-justify-between color-bg-primary js-sticky js-position-sticky top-0 border-bottom border-top-0 rounded-top-2 p-2" style="position: sticky; z-index: 90;"> <div class="d-flex flex-items-center"> <details data-target="readme-toc.trigger" data-menu-hydro-click="{"event_type":"repository_toc_menu.click","payload":{"target":"trigger","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-menu-hydro-click-hmac="cd1706f75b7d57832a9175c3240360a34e5c6e5b282d5cff7d4404d75211da59" class="dropdown details-reset details-overlay"> <summary class="btn btn-octicon m-0 box-shadow-none " aria-haspopup="true" aria-label="Table of Contents"> <svg height="16" class="octicon octicon-list-unordered" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path></svg> </summary> <details-menu class="SelectMenu" role="menu"> <div class="SelectMenu-modal rounded-3 mt-1" style="max-height:340px;"> <div class="SelectMenu-list SelectMenu-list--borderless p-2" style="overscroll-behavior: contain;"> <a role="menuitem" class="filter-item py-1 text-emphasized" style="padding-left: 12px;" data-action="click:readme-toc#blur" data-targets="readme-toc.entries" data-hydro-click="{"event_type":"repository_toc_menu.click","payload":{"target":"entry","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="96e5063d14339eb79b90afeefc9eeace1b14cb346e5766c14cd04fc726aa3bee" href="#firebase-quickstarts-for-javascript">Firebase Quickstarts for Javascript</a> <a role="menuitem" class="filter-item py-1 " style="padding-left: 24px;" data-action="click:readme-toc#blur" data-targets="readme-toc.entries" data-hydro-click="{"event_type":"repository_toc_menu.click","payload":{"target":"entry","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="96e5063d14339eb79b90afeefc9eeace1b14cb346e5766c14cd04fc726aa3bee" href="#how-to-make-contributions">How to make contributions?</a> <a role="menuitem" class="filter-item py-1 " style="padding-left: 24px;" data-action="click:readme-toc#blur" data-targets="readme-toc.entries" data-hydro-click="{"event_type":"repository_toc_menu.click","payload":{"target":"entry","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="96e5063d14339eb79b90afeefc9eeace1b14cb346e5766c14cd04fc726aa3bee" href="#license">License</a> <a role="menuitem" class="filter-item py-1 " style="padding-left: 24px;" data-action="click:readme-toc#blur" data-targets="readme-toc.entries" data-hydro-click="{"event_type":"repository_toc_menu.click","payload":{"target":"entry","repository_id":57147372,"originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="96e5063d14339eb79b90afeefc9eeace1b14cb346e5766c14cd04fc726aa3bee" href="#build-status">Build Status</a> </div> </div> </details-menu> </details> <h2 class="Box-title pl-2"> <a href="#readme" class="Link--primary ">README.md</a> </h2> </div> </div> <div class="Popover anim-scale-in js-tagsearch-popover" hidden data-tagsearch-url="/firebase/quickstart-js/find-definition" data-tagsearch-ref="master" data-tagsearch-path="README.md" data-tagsearch-lang="Markdown" data-hydro-click="{"event_type":"code_navigation.click_on_symbol","payload":{"action":"click_on_symbol","repository_id":57147372,"ref":"master","language":"Markdown","originating_url":"https://github.com/firebase/quickstart-js","user_id":null}}" data-hydro-click-hmac="004b62f823d844ddb12857f5423bbb88b2974b118318c672f6a31e20f2f08be2"> <div class="Popover-message Popover-message--large Popover-message--top-left TagsearchPopover mt-1 mb-4 mx-auto Box color-shadow-large"> <div class="TagsearchPopover-content js-tagsearch-popover-content overflow-auto" style="will-change:transform;"> </div> </div> </div> <div data-target="readme-toc.content" class="Box-body px-5 pb-5"> <article class="markdown-body entry-content container-lg" itemprop="text"><h1><a id="user-content-firebase-quickstarts-for-javascript" class="anchor" aria-hidden="true" href="#firebase-quickstarts-for-javascript"><svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>Firebase Quickstarts for Javascript</h1> <p>A collection of quickstart samples demonstrating the Firebase APIs using the Javascript SDK. For more information, see <a href="https://web.archive.org/web/20210414093417/https://firebase.google.com/docs/web/setup" rel="nofollow">firebase.google.com/docs/web/setup</a>.</p> <p>Samples are organized into the following subdirectories and include README.md files with instructions for getting started:</p> <ul> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/auth/README.md">Auth</a> <ul> <li>Anonymous Auth</li> <li>Custom Auth</li> <li>Email and Password auth</li> <li>Email Link auth</li> <li>Phone Auth using a visible ReCaptcha</li> <li>Phone Auth using an invisible ReCaptcha</li> <li>Phone Auth using popup</li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/auth/chromextension/README.md">Google Auth in a Chrome Extension</a></li> <li>Facebook auth using Facebook login button</li> <li>Facebook auth using Firebase popup</li> <li>Facebook auth using Firebase redirect</li> <li>Google auth using Google sign-in button</li> <li>Google auth using Firebase popup</li> <li>Google auth using Firebase redirect</li> <li>Twitter auth using Firebase popup</li> <li>Twitter auth using Firebase redirect</li> <li>Microsoft auth using Firebase popup</li> <li>Microsoft auth using Firebase redirect</li> <li>GitHub auth using Firebase popup</li> <li>GitHub auth using Firebase redirect</li> <li>Multi-factor authentication with SMS(currently only available for <a href="https://web.archive.org/web/20210414093417/https://cloud.google.com/identity-platform/docs/web/mfa" rel="nofollow">Google Cloud Identity Platform</a> projects)</li> </ul> </li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/database/README.md">Database</a> <ul> <li>Simple Social Blogging app</li> </ul> </li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/firestore/README.md">Firestore</a> <ul> <li>Simple Rating App</li> </ul> </li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/functions/README.md">Functions</a> <ul> <li>Send requests to a Functions server-side instance and get back results.</li> </ul> </li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/storage/README.md">Storage</a> <ul> <li>Upload a file to Firebase Storage and display its URL</li> </ul> </li> <li><a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/messaging/README.md">Messaging</a> <ul> <li>Send notifications</li> </ul> </li> </ul> <h2><a id="user-content-how-to-make-contributions" class="anchor" aria-hidden="true" href="#how-to-make-contributions"><svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>How to make contributions?</h2> <p>Please read and follow the steps in the <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/CONTRIBUTING.md">CONTRIBUTING.md</a></p> <h2><a id="user-content-license" class="anchor" aria-hidden="true" href="#license"><svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>License</h2> <p>See <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/LICENSE">LICENSE</a></p> <h2><a id="user-content-build-status" class="anchor" aria-hidden="true" href="#build-status"><svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a>Build Status</h2> <p><a href="https://web.archive.org/web/20210414093417/https://github.com/firebase/quickstart-js/actions"><img src="https://web.archive.org/web/20210414093417im_/https://github.com/firebase/quickstart-js/workflows/CI%20Tests/badge.svg" alt="Actions Status" style="max-width:100%;"></a></p> </article> </div> </div> </readme-toc> </div> <div class="flex-shrink-0 col-12 col-md-3"> <div class="BorderGrid BorderGrid--spacious" data-pjax> <div class="BorderGrid-row hide-sm hide-md"> <div class="BorderGrid-cell"> <h2 class="mb-3 h4">About</h2> <p class="f4 mt-3"> Firebase Quickstart Samples for Web </p> <div class="mt-3 d-flex flex-items-center"> <svg class="octicon octicon-link flex-shrink-0 mr-2" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg> <span class="flex-auto min-width-0 css-truncate css-truncate-target width-fit"> <a title="https://firebase.google.com" role="link" target="_blank" class="text-bold" rel="noopener noreferrer" href="https://web.archive.org/web/20210414093417/https://firebase.google.com/">firebase.google.com</a> </span> </div> <h3 class="sr-only">Resources</h3> <div class="mt-3"> <a class="Link--muted" href="#readme"> <svg class="octicon octicon-book mr-2" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 1.75A.75.75 0 01.75 1h4.253c1.227 0 2.317.59 3 1.501A3.744 3.744 0 0111.006 1h4.245a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-4.507a2.25 2.25 0 00-1.591.659l-.622.621a.75.75 0 01-1.06 0l-.622-.621A2.25 2.25 0 005.258 13H.75a.75.75 0 01-.75-.75V1.75zm8.755 3a2.25 2.25 0 012.25-2.25H14.5v9h-3.757c-.71 0-1.4.201-1.992.572l.004-7.322zm-1.504 7.324l.004-5.073-.002-2.253A2.25 2.25 0 005.003 2.5H1.5v9h3.757a3.75 3.75 0 011.994.574z"></path></svg> Readme </a> </div> <h3 class="sr-only">License</h3> <div class="mt-3"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/blob/master/LICENSE" class="Link--muted"> <svg class="octicon octicon-law mr-2" height="16" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"></path></svg> Apache-2.0 License </a> </div> </div> </div> <div class="BorderGrid-row"> <div class="BorderGrid-cell"> <h2 class="h4 mb-3"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/releases" class="Link--primary no-underline "> Releases </a></h2> <div class="text-small color-text-secondary">No releases published</div> </div> </div> <div class="BorderGrid-row"> <div class="BorderGrid-cell"> <h2 class="h4 mb-3"> <a href="/web/20210414093417/https://github.com/orgs/firebase/packages?repo_name=quickstart-js" class="Link--primary no-underline "> Packages <span title="0" hidden="hidden" class="Counter ">0</span> </a></h2> <div class="text-small color-text-secondary"> No packages published <br> </div> </div> </div> <div class="BorderGrid-row" hidden> <div class="BorderGrid-cell"> <include-fragment src="/firebase/quickstart-js/used_by_list" accept="text/fragment+html"> </include-fragment> </div> </div> <div class="BorderGrid-row"> <div class="BorderGrid-cell"> <h2 class="h4 mb-3"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/graphs/contributors" class="Link--primary no-underline "> Contributors <span title="63" class="Counter ">63</span> </a></h2> <ul class="list-style-none d-flex flex-wrap mb-n2"> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/nicolasgarnier/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/nicolasgarnier"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/3766663?s=64&v=4" width="32" height="32" alt="@nicolasgarnier"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/dpebot/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/dpebot"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/19979279?s=64&v=4" width="32" height="32" alt="@dpebot"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/wti806/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/wti806"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/32399754?s=64&v=4" width="32" height="32" alt="@wti806"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/kroikie/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/kroikie"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/2370200?s=64&v=4" width="32" height="32" alt="@kroikie"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/samtstern/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/samtstern"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/8466666?s=64&v=4" width="32" height="32" alt="@samtstern"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/hanslivingstone/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/hanslivingstone"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/20542150?s=64&v=4" width="32" height="32" alt="@hanslivingstone"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/jhuleatt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/jhuleatt"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/3759507?s=64&v=4" width="32" height="32" alt="@jhuleatt"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/zwu52/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/zwu52"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/24631855?s=64&v=4" width="32" height="32" alt="@zwu52"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/ianbarber/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/ianbarber"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/210006?s=64&v=4" width="32" height="32" alt="@ianbarber"/> </a> </li> <li class="mb-2 mr-2"> <a class="" data-hovercard-type="user" data-hovercard-url="/users/morganchen12/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/web/20210414093417/https://github.com/morganchen12"> <img class="d-block avatar-user" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/u/4529021?s=64&v=4" width="32" height="32" alt="@morganchen12"/> </a> </li> <li class="mb-2 mr-2"> <a class="" href="/web/20210414093417/https://github.com/apps/dependabot"> <img class="d-block" src="https://web.archive.org/web/20210414093417im_/https://avatars.githubusercontent.com/in/29110?s=64&v=4" width="32" height="32" alt="@dependabot"/> </a> </li> </ul> <div class="mt-3"> <a href="/web/20210414093417/https://github.com/firebase/quickstart-js/graphs/contributors" class="text-small"> + 52 contributors </a></div> </div> </div> <div class="BorderGrid-row"> <div class="BorderGrid-cell"> <h2 class="h4 mb-3">Languages</h2> <div class="mb-2"> <span class="Progress "> <span itemprop="keywords" aria-label="HTML 70.3" style="background-color: #e34c26;width: 70.3%;" class="Progress-item "></span> <span itemprop="keywords" aria-label="JavaScript 21.7" style="background-color: #f1e05a;width: 21.7%;" class="Progress-item "></span> <span itemprop="keywords" aria-label="CSS 8.0" style="background-color: #563d7c;width: 8.0%;" class="Progress-item "></span> </span></div> <ul class="list-style-none"> <li class="d-inline"> <a class="d-inline-flex flex-items-center flex-nowrap Link--secondary no-underline text-small mr-3" href="/web/20210414093417/https://github.com/firebase/quickstart-js/search?l=html" data-ga-click="Repository, language stats search click, location:repo overview"> <svg class="octicon octicon-dot-fill mr-2" style="color:#e34c26;" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg> <span class="color-text-primary text-bold mr-1">HTML</span> <span>70.3%</span> </a> </li> <li class="d-inline"> <a class="d-inline-flex flex-items-center flex-nowrap Link--secondary no-underline text-small mr-3" href="/web/20210414093417/https://github.com/firebase/quickstart-js/search?l=javascript" data-ga-click="Repository, language stats search click, location:repo overview"> <svg class="octicon octicon-dot-fill mr-2" style="color:#f1e05a;" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg> <span class="color-text-primary text-bold mr-1">JavaScript</span> <span>21.7%</span> </a> </li> <li class="d-inline"> <a class="d-inline-flex flex-items-center flex-nowrap Link--secondary no-underline text-small mr-3" href="/web/20210414093417/https://github.com/firebase/quickstart-js/search?l=css" data-ga-click="Repository, language stats search click, location:repo overview"> <svg class="octicon octicon-dot-fill mr-2" style="color:#563d7c;" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg> <span class="color-text-primary text-bold mr-1">CSS</span> <span>8.0%</span> </a> </li> </ul> </div> </div> </div> </div> </div></div> </div> </div> </main> </div> </div> <div class="footer container-xl width-full p-responsive" role="contentinfo"> <div class="position-relative d-flex flex-row-reverse flex-lg-row flex-wrap flex-lg-nowrap flex-justify-center flex-lg-justify-between pt-6 pb-2 mt-6 f6 color-text-secondary border-top color-border-secondary "> <ul class="list-style-none d-flex flex-wrap col-12 col-lg-5 flex-justify-center flex-lg-justify-between mb-2 mb-lg-0"> <li class="mr-3 mr-lg-0">© 2021 GitHub, Inc.</li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://docs.github.com/en/github/site-policy/github-terms-of-service" data-ga-click="Footer, go to terms, text:terms">Terms</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://docs.github.com/en/github/site-policy/github-privacy-statement" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li> <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to security, text:security" href="https://web.archive.org/web/20210414093417/https://github.com/security">Security</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://www.githubstatus.com/" data-ga-click="Footer, go to status, text:status">Status</a></li> <li><a data-ga-click="Footer, go to help, text:Docs" href="https://web.archive.org/web/20210414093417/https://docs.github.com/">Docs</a></li> </ul> <a aria-label="Homepage" title="GitHub" class="footer-octicon d-none d-lg-block mx-lg-4" href="https://web.archive.org/web/20210414093417/https://github.com/"> <svg height="24" class="octicon octicon-mark-github" viewbox="0 0 16 16" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg> </a> <ul class="list-style-none d-flex flex-wrap col-12 col-lg-5 flex-justify-center flex-lg-justify-between mb-2 mb-lg-0"> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://support.github.com/" data-ga-click="Footer, go to contact, text:contact">Contact GitHub</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://github.com/pricing" data-ga-click="Footer, go to Pricing, text:Pricing">Pricing</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://docs.github.com/" data-ga-click="Footer, go to api, text:api">API</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://services.github.com/" data-ga-click="Footer, go to training, text:training">Training</a></li> <li class="mr-3 mr-lg-0"><a href="https://web.archive.org/web/20210414093417/https://github.blog/" data-ga-click="Footer, go to blog, text:blog">Blog</a></li> <li><a data-ga-click="Footer, go to about, text:about" href="https://web.archive.org/web/20210414093417/https://github.com/about">About</a></li> </ul> </div> <div class="d-flex flex-justify-center pb-6"> <span class="f6 color-text-tertiary"></span> </div> </div> <div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden> <svg class="octicon octicon-alert" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path></svg> <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error"> <svg class="octicon octicon-x" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg> </button> You can’t perform that action at this time. </div> <div class="js-stale-session-flash flash flash-warn flash-banner" hidden> <svg class="octicon octicon-alert" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path></svg> <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span> <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span> </div> <template id="site-details-dialog"> <details class="details-reset details-overlay details-overlay-dark lh-default color-text-primary hx_rsm" open> <summary role="button" aria-label="Close dialog"></summary> <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal"> <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog> <svg class="octicon octicon-x" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg> </button> <div class="octocat-spinner my-6 js-details-dialog-spinner"></div> </details-dialog> </details> </template> <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0"> <div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;"> </div> </div> </body> </html>

CINXE.COM

GitHub - firebase/quickstart-js: Firebase Quickstart Samples for Web