30 |
37 |
12 |
36 | );
37 | }}
38 | Batched write
13 | 25 | 35 |
6 |
7 | {({ runMutation }) => (
8 | <>
9 |
17 |
18 | {d =>
19 | d.value ? (
20 |
24 |
25 | )}
26 |
27 |
28 | );
29 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/RenderInfiniteList.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { State } from "react-powerplug";
3 | import { FirestoreCollection } from "../components/FirestoreCollection";
4 | import { testCollectionPath, s } from "./App";
5 | export const RenderInfiniteList = () => (
6 | {s(d.value)}
21 | ) : null
22 | }
23 |
7 |
8 | {({ state, setState }) => (
9 |
14 | {({ value, ids }) => {
15 | return (
16 |
33 | )}
34 |
35 |
36 | );
37 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/SetDocument.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { FirestoreDocument, FirestoreMutation } from "../";
3 | import { testDocPath, testDocValue, s } from "./App";
4 | export const SetDocument = () => (
5 |
17 |
30 | );
31 | }}
32 | {s({ value, ids })}
18 |
29 |
6 |
7 | {({ runMutation }) => {
8 | return (
9 |
17 | );
18 | }}
19 |
20 |
21 |
31 | );
32 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/UpdateDocument.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { FirestoreDocument, FirestoreMutation } from "../";
3 | import { testDocPath, testDocUpdate, s } from "./App";
4 | export const UpdateDocument = () => (
5 |
22 |
23 | {d =>
24 | d.value ? (
25 |
29 |
30 | {s(d.value)}
26 | ) : null
27 | }
28 |
6 |
7 | {({ runMutation }) => (
8 |
16 | )}
17 |
18 |
28 | );
29 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/firestore-schema.js:
--------------------------------------------------------------------------------
1 | // For use with generate-firestore-data
2 | const keyReducers = {};
3 |
4 | const schema = {
5 | // "{env}": {
6 | user_conversations: {
7 | "{conversationID}": {
8 | user_id: "{userID}",
9 | peer_id: "{peerID}",
10 | conversation_id: "{conversationID}",
11 | created_at: "timestamp",
12 | updated_at: "timestamp",
13 | unread_message_count: "number"
14 | }
15 | },
16 | messages: {
17 | "{messageID}": {
18 | conversation_id: "{conversationID}",
19 | sender_id: "{userID}",
20 | recipient_id: "{peerID}",
21 | created_at: "timestamp",
22 | updated_at: "timestamp"
23 | }
24 | }
25 | };
26 |
27 | const count = 20;
28 | module.exports = {
29 | schema,
30 | keyReducers,
31 | count
32 | };
33 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
19 |
20 | {d =>
21 | d.value && d.value.someOther ? (
22 |
26 |
27 | {s(d.value)}
23 | ) : null
24 | }
25 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/modules/firestore/src/demo/index.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { render } from "react-dom";
3 | import { App } from "./App";
4 | render({JSON.stringify({ isLoading, value }, null, 2)};
22 | }
23 |
24 | function App() {
25 | return (
26 | Hello {concept}
;
26 | };
27 |
28 | render(This part won't react to firebase auth changes
;
28 | };
29 |
30 | const App = () => {
31 | return (
32 |
33 |
35 |
49 |
50 | );
51 | };
52 |
53 | render(
36 | Hello
38 | {({ isSignedIn }) => {
39 | if (isSignedIn === true) {
40 | return "Signed in";
41 | } else {
42 | return "Not signed in";
43 | }
44 | }}
45 |
46 |
47 | From Auth Provider Child 1
37 | Another div
48 |
44 |
45 |
53 |
54 | );
55 | }
56 | }
57 |
58 | module.exports = Help;
59 |
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/pages/en/users.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2017-present, Facebook, Inc.
3 | *
4 | * This source code is licensed under the MIT license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | */
7 |
8 | const React = require('react');
9 |
10 | const CompLibrary = require('../../core/CompLibrary.js');
11 |
12 | const Container = CompLibrary.Container;
13 |
14 | const siteConfig = require(`${process.cwd()}/siteConfig.js`);
15 |
16 | class Users extends React.Component {
17 | render() {
18 | if ((siteConfig.users || []).length === 0) {
19 | return null;
20 | }
21 |
22 | const editUrl = `${siteConfig.repoUrl}/edit/master/website/siteConfig.js`;
23 | const showcase = siteConfig.users.map(user => (
24 |
25 |
46 |
47 |
49 |
52 | Need help?
48 |This project is maintained by a dedicated group of people.
50 |
31 |
32 |
44 |
45 | );
46 | }
47 | }
48 |
49 | module.exports = Users;
50 |
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/sidebars.json:
--------------------------------------------------------------------------------
1 | {
2 | "docs": {
3 | "Auth": ["react-firebase-auth/getting-started", "react-firebase-auth/api"],
4 | "Realtime Database": [
5 | "react-firebase-realtime-database/getting-started",
6 | "react-firebase-realtime-database/api"
7 | ],
8 | "Firestore": [
9 | "react-firestore-database/getting-started",
10 | "react-firestore-database/api"
11 | ],
12 | "Generate JSON Data": ["generate-json-data"],
13 | "Generate Firebase Data": ["generate-firebase-data"],
14 | "Generate Firestore Data": ["generate-firestore-data"],
15 | "Try it out": ["try-it-out"],
16 | "Walkthrough": [
17 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/setup-the-development-environment",
18 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/add-react-and-react-dom",
19 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/add-firebase",
20 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/listen-to-auth",
21 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/add-google-and-anonymous-auth",
22 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/implementing-the-ui",
23 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/read-data",
24 | "guides/build-a-react-app-with-firebase-auth-and-realtime-database/write-data"
25 | ]
26 | },
27 | "guides": {
28 | "a": ["doc1", "doc2"]
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/static/css/custom.css:
--------------------------------------------------------------------------------
1 | /* your custom css */
2 |
3 | @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
4 | }
5 |
6 | @media only screen and (min-width: 1024px) {
7 | }
8 |
9 | @media only screen and (max-width: 1023px) {
10 | }
11 |
12 | @media only screen and (min-width: 1400px) {
13 | }
14 |
15 | @media only screen and (min-width: 1500px) {
16 | }
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/static/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rakannimer/react-firebase/ed3db6aba5563c78163b84c94da806a9c9d18dde/modules/react-firebase-docs/website/static/img/favicon.png
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/static/img/favicon/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rakannimer/react-firebase/ed3db6aba5563c78163b84c94da806a9c9d18dde/modules/react-firebase-docs/website/static/img/favicon/favicon.ico
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rakannimer/react-firebase/ed3db6aba5563c78163b84c94da806a9c9d18dde/modules/react-firebase-docs/website/static/img/logo.png
--------------------------------------------------------------------------------
/modules/react-firebase-docs/website/static/img/oss_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rakannimer/react-firebase/ed3db6aba5563c78163b84c94da806a9c9d18dde/modules/react-firebase-docs/website/static/img/oss_logo.png
--------------------------------------------------------------------------------
/modules/sandboxes/firebase-auth/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | .cache
4 | build
--------------------------------------------------------------------------------
/modules/sandboxes/firebase-auth/config.ts:
--------------------------------------------------------------------------------
1 | export const config = {
2 | // DO NOT USE THESE CREDENTIALS ! THEY ARE HERE TO HELP IN THE LEARNING PROCESS.
3 | // ANY AND ALL DATA ON THAT DOMAIN IS SUBJECT TO CHANGE AND REMOVAL AT ANY TIME
4 | // THIS ACCOUNT IS ALSO ON THE FREE PLAN AND IS SUBJECT TO RESTRICTIONS !
5 | apiKey: "AIzaSyBIEgdW0FGGxQZ7bbbqIhzmiVAk7nnJB14",
6 | authDomain: "react-firebase-baecd.firebaseapp.com",
7 | databaseURL: "https://react-firebase-baecd.firebaseio.com",
8 | projectId: "react-firebase-baecd",
9 | storageBucket: "react-firebase-baecd.appspot.com",
10 | messagingSenderId: "6611069556"
11 | };
12 |
--------------------------------------------------------------------------------
/modules/sandboxes/firebase-auth/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
33 |
43 |
34 |
37 | Who is Using This?
35 |This project is used by many folks
36 |{showcase}
38 | Are you using this project?
39 | 40 | Add your company 41 | 42 |
17 |
25 |
33 |
40 |
41 | {({ isSignedIn, user, providerId }) => {
42 | return (
43 |
49 |
64 |
44 | {JSON.stringify({ isSignedIn, user, providerId }, null, 2)}
45 |
46 | );
47 | }}
48 |
50 |
51 | {() => {
52 | return
55 | providerId !== "anonymous"}
57 | >
58 | {({ providerId }) => {
59 | return
62 |
63 | You are authenticated
;
53 | }}
54 | You are authenticated with {providerId}
;
60 | }}
61 |
28 |
29 |
35 | {d => {
36 | return (
37 |
38 |
50 | );
51 | }}
52 |
53 |
54 |
55 | );
56 | }
57 | }
58 |
59 | render(Path {d.path}
39 |
40 | Value {s(d.value)}
41 |
42 |
49 |
22 |
23 |
24 | {({ runTransaction }) => {
25 | return (
26 |
48 |
49 |
50 | {d => {
51 | return (
52 |
64 |
65 |
66 | );
67 |
68 | render(
27 |
44 |
45 | );
46 | }}
47 |
53 | {d.value && (
54 |
61 | );
62 | }}
63 | Value : {s(d.value)}
55 | )}
56 | {d.path && Path : {d.path}}
57 |
58 | isLoading : {s(d.isLoading)}
59 |
60 |
22 |
23 |
24 | {({ addMutationToBatch, commit }) => {
25 | return (
26 |
54 |
55 | {value => {
56 | return (
57 |
65 |
66 |
67 | );
68 |
69 | render(
27 |
51 | );
52 | }}
53 | Batched write
28 | 40 | 50 |
58 | {
62 | );
63 | }}
64 | {s(value)}}
59 | {value.path && {value.path}
}
60 | {value.isLoading}
61 |
21 |
22 |
30 |
31 | );
32 | };
33 |
34 | render(
23 |
24 | {d => {
25 | return
28 |
29 | {s(d)};
26 | }}
27 |
26 |
31 | {({ value }) => {
32 | return (
33 |
39 |
40 |
50 |
34 |
36 | );
37 | }}
38 | {s(value)}
35 |
22 |
23 |
24 | {({ runMutation }) => {
25 | return (
26 |
44 |
45 | {value => {
46 | return (
47 |
55 |
56 |
57 | );
58 |
59 | render(
27 |
41 | );
42 | }}
43 | Mutate state
28 | 40 |
48 | {value.value &&
52 | );
53 | }}
54 | {s(value.value)}}
49 | {value.path && {value.path}
}
50 | {value.isLoading}
51 |
22 |
23 |
24 | {({ runTransaction }) => {
25 | return (
26 |
49 |
50 | {d => {
51 | return (
52 |
65 |
66 |
67 | );
68 |
69 | render(
27 |
45 |
46 | );
47 | }}
48 |
53 | {d.value &&
54 | d.value.a && (
55 |
62 | );
63 | }}
64 |
56 | {JSON.stringify(d.value.a)}
57 |
58 | )}
59 | {d.path && {d.path}
}
60 | {d.isLoading}
61 |