12 | Firestore!
13 | {{ testDocValue | async | json }}
14 |
11 | Functions!
12 | {{ response() | json }}
13 |
14 |
10 | Messaging!
11 | {{ token$ | async | slice:0:12 }} @if (token$ | async) { … }
12 | {{ message$ | async | json }}
13 | @if (showRequest()) {
14 |
15 | }
16 |
Remote Config! {{ config$ | async | json }}
16 | Storage!
17 |
18 |
{{ title }}
7 | 8 | {{ content | safe }} 9 | {{ nextprev.contextgrid("guides") }} 10 | 11 | {% endblock %} 12 | -------------------------------------------------------------------------------- /site/src/_includes/side-nav.njk: -------------------------------------------------------------------------------- 1 | {# 2 | Type of sectionEntry 3 | [{ 4 | "key": "Mammals", 5 | "url": "/mammals/", 6 | "title": "Mammals", 7 | "children": [{ 8 | "key": "Humans", 9 | "parentKey": "Mammals", 10 | "url": "/humans/", 11 | "title": "Humans" 12 | }, 13 | { 14 | "key": "Dogs", 15 | "parentKey": "Mammals", 16 | "url": "/dogs/", 17 | "title": "Dogs" 18 | }] 19 | }] 20 | #} 21 | 22 | {% macro navsection(sectionEntry, page) %} 23 |-
24 |
25 |
-
26 |
27 |
28 | {{sectionEntry.key}}
29 |
30 |
31 |
-
32 |
33 | {%- for pageEntry in sectionEntry.children %}
34 |
- 35 | 36 | {{pageEntry.key}} 37 | 38 | 39 | {% endfor %} 40 |
43 |
44 |
27 |
30 | Hello {{ user.displayName }}!
28 | 29 |Please login.
32 | 33 |
10 |
11 | {%- linkbutton "/get-started/quick-start" %}
12 | Get started
13 | {%- endlinkbutton %}
14 |
15 |
16 | {%- linkbutton "https://github.com/angular/fire", "secondary", true %}
17 | GitHub
18 | {%- endlinkbutton %}
19 |
20 |
21 |
22 | {% disclaimerprod %}
23 |
24 | ## What is AngularFire?
25 |
26 | AngularFire smooths over the rough edges an Angular developer might encounter when implementing the framework-agnostic Firebase JS SDK & aims to provide a more natural developer experience by conforming to Angular conventions.
27 |
28 | ### Dependency injection
29 | Provide and Inject Firebase services in your components
30 |
31 | ### Zone.js wrappers
32 | Stable zones allow proper functionality of service workers, forms, SSR, and pre-rendering
33 |
34 | ### Observable based
35 | Utilize RxJS rather than callbacks for realtime streams
36 |
37 | ### NgRx friendly API
38 | Integrate with NgRx using AngularFire's action based APIs.
39 |
40 | ### Lazy-loading
41 | AngularFire dynamically imports much of Firebase, reducing time to load your app
42 |
43 | ### Deploy schematics
44 | Get your Angular application deployed on Firebase Hosting with a single command
45 |
46 | ### Google Analytics
47 | Zero-effort Angular Router awareness in Google Analytics
48 |
49 | ### Router Guards
50 | Guard your Angular routes with built-in Firebase Authentication checks
51 |
--------------------------------------------------------------------------------
/site/src/ionic/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Ionic
4 | order: 12
5 | ---
6 |
7 |
--------------------------------------------------------------------------------
/site/src/ionic/ionic.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/js/click-card.js:
--------------------------------------------------------------------------------
1 | customElements.define('eap-click-card', class extends HTMLElement {
2 | connectedCallback() {
3 | let down;
4 | let up;
5 | // Enhance to a pointer only if the JavaScript applies
6 | this.style.cursor = 'pointer';
7 | // Note: This only works for a single link or the first one.
8 | const firstOrOnlyLink = this.querySelector('a');
9 | this.onmousedown = () => down = +new Date();
10 | this.onmouseup = () => {
11 | up = +new Date();
12 | if ((up - down) < 200) {
13 | firstOrOnlyLink.click();
14 | }
15 | }
16 | }
17 | });
--------------------------------------------------------------------------------
/site/src/js/menu-button.js:
--------------------------------------------------------------------------------
1 | customElements.define('eap-menu-button', class extends HTMLElement {
2 | connectedCallback() {
3 | const menuId = this.getAttribute('data-menu-id');
4 | const menuEl = document.getElementById(menuId);
5 | const button = document.createElement('button');
6 | button.classList.add('fixed', 'w-16', 'h-16', 'text-white', 'rounded-full', 'shadow-lg', 'bottom-6', 'right-6', 'bg-grey-700', 'focus:ring-grey-600' , 'z-50', 'focus:ring-4', 'md:hidden', 'lg:hidden', 'xl:hidden');
7 | button.textContent = '🔥';
8 | this.appendChild(button);
9 | button.addEventListener('click', clickEvent => {
10 | menuEl.classList.toggle('slideIn');
11 | });
12 | }
13 | });
14 |
--------------------------------------------------------------------------------
/site/src/js/tab-switcher.js:
--------------------------------------------------------------------------------
1 | customElements.define('eap-tab-switcher', class extends HTMLElement {});
2 | customElements.define('eap-tab-list', class extends HTMLElement {
3 | connectedCallback() {
4 | this.buttonTabs = this.querySelectorAll('button');
5 | for(let button of this.buttonTabs) {
6 | button.addEventListener('click', clickEvent => {
7 | const activeButton = this.querySelector('button[aria-selected="true"]');
8 | const activePanelId = activeButton.dataset.panel;
9 | const panelToDisplayId = button.dataset.panel;
10 | const panelToDisplay = document.querySelector(`#${panelToDisplayId}`);
11 | const activePanel = document.querySelector(`#${activePanelId}`);
12 | if(activeButton.id !== button.id) {
13 | button.setAttribute('aria-selected', true);
14 | activeButton.setAttribute('aria-selected', false);
15 | panelToDisplay.classList.add('block');
16 | panelToDisplay.classList.remove('hidden');
17 | activePanel.classList.remove('block');
18 | activePanel.classList.add('hidden');
19 | }
20 | });
21 | }
22 | }
23 | });
24 | customElements.define('eap-tab-panel-list', class extends HTMLElement {});
25 | customElements.define('eap-tab-panel', class extends HTMLElement { });
--------------------------------------------------------------------------------
/site/src/messaging/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Messaging
4 | order: 8
5 | ---
6 |
7 |
--------------------------------------------------------------------------------
/site/src/messaging/messaging.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/performance/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Performance
4 | order: 10
5 | ---
6 |
--------------------------------------------------------------------------------
/site/src/performance/performance.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/remote-config/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Remote Config
4 | order: 9
5 | ---
6 |
--------------------------------------------------------------------------------
/site/src/remote-config/remote-config.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/rtdb/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: RTDB
4 | order: 4
5 | ---
6 |
--------------------------------------------------------------------------------
/site/src/rtdb/rtdb.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/shortcodes/buttons/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | const linkButton = {
18 | name: "linkbutton",
19 | type: "addPairedShortcode",
20 | create (content, href, type='primary', external=false) {
21 | const primaryClass = `link-button inline-block shadow-lg bg-blue text-white text-lg uppercase font-bold font-display tracking-wide rounded-lg px-8 py-3 text-center`;
22 | const secondaryClass = `link-button inline-block shadow-lg bg-blue-200 text-black text-lg uppercase font-bold font-display tracking-wide rounded-lg px-8 py-3 text-center`;
23 | const cssClass = type === 'primary' ? primaryClass : secondaryClass;
24 | const externalAttrs = external ? 'rel="noopener" target="blank"' : '';
25 | return `${content}`;
26 | }
27 | }
28 |
29 | module.exports = {
30 | shortcodes: [
31 | linkButton,
32 | ]
33 | };
34 |
--------------------------------------------------------------------------------
/site/src/shortcodes/disclaimerprod/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | // Usage: {% disclaimerprod %}
18 | const disclaimerprod = {
19 | name: "disclaimerprod",
20 | type: "addShortcode",
21 | create() {
22 | return `
23 |
`;
26 | }
27 | }
28 |
29 | module.exports = {
30 | shortcodes: [
31 | disclaimerprod
32 | ]
33 | };
34 |
--------------------------------------------------------------------------------
/site/src/shortcodes/headings/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | // Usage: {% headingone %} My title! {% endheadingone %}
18 | const headingOne = {
19 | name: "headingone",
20 | type: "addPairedShortcode",
21 | create (content) {
22 | return `Beta Site!
24 |This is a brand new guide site that is in beta. During this time period we'd love to hear your feedback on our GitHub Discussion board. Please let us know what you think of the usability, content, and any ideas for improvement. All contributors are welcome!
25 |${ content }
` 23 | } 24 | }; 25 | 26 | const subHeading = { 27 | name: "subheading", 28 | type: "addPairedShortcode", 29 | create (content) { 30 | return `${content}
`;
31 | }
32 | };
33 |
34 | module.exports = {
35 | shortcodes: [
36 | headingOne,
37 | subHeading,
38 | ]
39 | };
40 |
41 |
--------------------------------------------------------------------------------
/site/src/shortcodes/includecode/fetch.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | const fetch = require("node-fetch");
18 |
19 | function convertToGitHubApiUrl(githubPath) {
20 | const urlPieces = githubPath.split('/');
21 | const [user, repo] = urlPieces.slice(0, 2);
22 | // TODO(davideast): Don't hardcode main branch
23 | const githubApiUrl = [user, repo, 'master', ...urlPieces.slice(2, urlPieces.length)].join('/');
24 | return `https://raw.githubusercontent.com/${githubApiUrl}`;
25 | }
26 |
27 | async function fetchCode(githubPath) {
28 | const githubApiUrl = convertToGitHubApiUrl(githubPath);
29 | const response = await fetch(githubApiUrl);
30 | return response.text();
31 | }
32 |
33 | module.exports = { fetchCode };
34 |
--------------------------------------------------------------------------------
/site/src/shortcodes/includecode/from-local.js:
--------------------------------------------------------------------------------
1 | const { readFile } = require('fs');
2 | const { resolve } = require('path');
3 | const { promisify } = require('util');
4 | const readFileAsync = promisify(readFile);
5 |
6 | function convertGitHubPathToLocal(githubPath) {
7 | return resolve(__dirname, '../../../repo_clones', githubPath);
8 | }
9 |
10 | async function fetchCode(githubPath = '') {
11 | let content = '';
12 | try {
13 | const localPath = convertGitHubPathToLocal(githubPath);
14 | content = await readFileAsync(localPath, 'utf-8');
15 | } catch(error) {
16 | console.error(error);
17 | content = 'File not found 😭';
18 | }
19 | return content;
20 | }
21 |
22 | module.exports = {
23 | fetchCode,
24 | };
25 |
--------------------------------------------------------------------------------
/site/src/shortcodes/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | const { readdirSync, lstatSync } = require('fs');
18 | const { resolve } = require('path');
19 |
20 | /**
21 | * This sets up the shortcodes plugin to dynamically register
22 | * any shortcode in this directory, as long as it is is in
23 | * its own directory, exported in an index.js with an exports
24 | * of an array of shortcodes.
25 | *
26 | * Example:
27 | * / shortcodes
28 | * / includecode
29 | * + index.js
30 | * module.exports = { shortcodes: [...] }
31 | */
32 |
33 | const shortcodes = readdirSync(__dirname)
34 | .map(relativePath => resolve(__dirname, relativePath))
35 | .filter(absolutePath => lstatSync(absolutePath).isDirectory())
36 | .map(path => require(path).shortcodes)
37 | .flat();
38 |
39 | module.exports = {
40 | shortcodes
41 | };
42 |
--------------------------------------------------------------------------------
/site/src/shortcodes/version/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2020 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | // Usage: {% version %}
18 | const version = {
19 | name: "version",
20 | type: "addShortcode",
21 | create () {
22 | return Date.now().toString();
23 | }
24 | };
25 |
26 | module.exports = {
27 | shortcodes: [
28 | version,
29 | ]
30 | };
31 |
--------------------------------------------------------------------------------
/site/src/storage/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Storage
4 | order: 6
5 | ---
6 |
7 |
--------------------------------------------------------------------------------
/site/src/storage/storage.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/site/src/styles/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2021 Google LLC
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * https://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | module.exports = {
17 | purge: [
18 | "src/**/*.njk",
19 | "src/**/*.md",
20 | "src/**/*.js",
21 | ],
22 | darkMode: false, // or 'media' or 'class'
23 | theme: {
24 | fontFamily: {
25 | body: ['Roboto', 'Arial', 'sans-serif'],
26 | display: ['Google Sans', 'Arial', 'sans-serif'],
27 | mono: ['Roboto Mono', 'monospace'],
28 | },
29 | extend: {
30 | colors: {
31 | 'black': 'hsl(0 0% 0% / 87%)',
32 | 'blue-200': 'hsl(214 82% 50% / 7%)',
33 | 'blue': 'hsl(214 82% 50%)',
34 | 'navy': '#283142',
35 | 'grey': '#DADCE0',
36 | 'grey-200': '#ECEFF1',
37 | 'grey-300': 'hsl(0 0% 0% / 54%)',
38 | 'grey-600': 'hsl(213 5% 39% / 1)',
39 | 'grey-700': 'hsl(213 5% 19% / 1)',
40 | 'yellow': 'hsl(37 100% 94%)',
41 | 'orange': "#FF8F00",
42 | 'green': '#6CFF38',
43 | }
44 | },
45 | },
46 | variants: {
47 | extend: {},
48 | },
49 | plugins: [],
50 | }
--------------------------------------------------------------------------------
/site/src/universal/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | eleventyNavigation:
3 | key: Universal
4 | order: 11
5 | ---
6 |
--------------------------------------------------------------------------------
/site/src/universal/universal.11tydata.json:
--------------------------------------------------------------------------------
1 | {
2 | "layout": "guide.njk",
3 | "tags": "guides"
4 | }
5 |
--------------------------------------------------------------------------------
/src/ai/ai.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 | import { AI, getAI, provideAI } from '@angular/fire/ai';
3 | import { FirebaseApp, getApp, initializeApp, provideFirebaseApp } from '@angular/fire/app';
4 | import { COMMON_CONFIG } from '../test-config';
5 | import { rando } from '../utils';
6 |
7 | describe('AI', () => {
8 | let app: FirebaseApp;
9 | let ai: AI;
10 | let providedAI: AI;
11 | let appName: string;
12 |
13 | describe('single injection', () => {
14 |
15 | beforeEach(() => {
16 | appName = rando();
17 | TestBed.configureTestingModule({
18 | providers: [
19 | provideFirebaseApp(() => initializeApp(COMMON_CONFIG, appName)),
20 | provideAI(() => {
21 | providedAI = getAI(getApp(appName));
22 | return providedAI;
23 | }),
24 | ],
25 | });
26 | app = TestBed.inject(FirebaseApp);
27 | ai = TestBed.inject(AI);
28 | });
29 |
30 | it('should be injectable', () => {
31 | expect(providedAI).toBeTruthy();
32 | expect(ai).toEqual(providedAI);
33 | expect(ai.app).toEqual(app);
34 | });
35 |
36 | });
37 |
38 | });
39 |
--------------------------------------------------------------------------------
/src/ai/ai.ts:
--------------------------------------------------------------------------------
1 | import { ɵgetAllInstancesOf } from '@angular/fire';
2 | import { AI as FirebaseAI } from 'firebase/ai';
3 | import { from, timer } from 'rxjs';
4 | import { concatMap, distinct } from 'rxjs/operators';
5 |
6 | // see notes in core/firebase.app.module.ts for why we're building the class like this
7 | // eslint-disable-next-line @typescript-eslint/no-empty-interface
8 | export interface AI extends FirebaseAI {}
9 |
10 | export class AI {
11 | constructor(ai: FirebaseAI) {
12 | return ai;
13 | }
14 | }
15 |
16 | export const AI_PROVIDER_NAME = 'AI';
17 |
18 | // eslint-disable-next-line @typescript-eslint/no-empty-interface
19 | export interface AIInstances extends Array