...
9 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/src/components/mdxComponents/LiveProvider.js:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live';
3 |
4 | const ReactLiveProvider = ({ code }) => {
5 | return (
6 | ...
9 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/examples/typescript-app/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ...
9 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/examples/react-firebase-example/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/examples/15Five-firebase-webapp-example/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/examples/react-firebase-example/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/examples/react-firebase-example/src/reportWebVitals.js:
--------------------------------------------------------------------------------
1 | const reportWebVitals = onPerfEntry => {
2 | if (onPerfEntry && onPerfEntry instanceof Function) {
3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
4 | getCLS(onPerfEntry);
5 | getFID(onPerfEntry);
6 | getFCP(onPerfEntry);
7 | getLCP(onPerfEntry);
8 | getTTFB(onPerfEntry);
9 | });
10 | }
11 | };
12 |
13 | export default reportWebVitals;
14 |
--------------------------------------------------------------------------------
/examples/15Five-firebase-webapp-example/src/reportWebVitals.js:
--------------------------------------------------------------------------------
1 | const reportWebVitals = onPerfEntry => {
2 | if (onPerfEntry && onPerfEntry instanceof Function) {
3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
4 | getCLS(onPerfEntry);
5 | getFID(onPerfEntry);
6 | getFCP(onPerfEntry);
7 | getLCP(onPerfEntry);
8 | getTTFB(onPerfEntry);
9 | });
10 | }
11 | };
12 |
13 | export default reportWebVitals;
14 |
--------------------------------------------------------------------------------
/packages/apps-sdk/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "declaration": true,
4 | "esModuleInterop": true,
5 | "forceConsistentCasingInFileNames": true,
6 | "jsx": "preserve",
7 | "lib": ["dom", "dom.iterable", "esnext"],
8 | "module": "esnext",
9 | "moduleResolution": "node",
10 | "outDir": "lib",
11 | "strict": true,
12 | "target": "es5"
13 | },
14 | "include": ["src"],
15 | "exclude": ["node_modules", "**/__tests__/*"]
16 | }
17 |
--------------------------------------------------------------------------------
/packages/apps-editor-sdk/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "declaration": true,
4 | "esModuleInterop": true,
5 | "forceConsistentCasingInFileNames": true,
6 | "jsx": "preserve",
7 | "lib": ["dom", "dom.iterable", "esnext"],
8 | "module": "esnext",
9 | "moduleResolution": "node",
10 | "outDir": "lib",
11 | "strict": true,
12 | "target": "es5"
13 | },
14 | "include": ["src"],
15 | "exclude": ["node_modules", "**/__tests__/*"]
16 | }
17 |
--------------------------------------------------------------------------------
/docs/src/components/search/hitComps.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Highlight, Snippet } from 'react-instantsearch-dom';
3 | import { Link } from 'gatsby';
4 |
5 | export const PageHit = clickHandler => ({ hit }) => (
6 |
10 | Edit src/App.js and save to reload.
11 |
10 | Edit src/App.js and save to reload.
11 |
36 | {cleanTokens(tokens).map((line, i) => {
37 | let lineClass = {};
38 |
39 | let isDiff = false;
40 |
41 | if (line[0] && line[0].content.length && line[0].content[0] === '+') {
42 | lineClass = { backgroundColor: 'rgba(76, 175, 80, 0.2)' };
43 | isDiff = true;
44 | } else if (line[0] && line[0].content.length && line[0].content[0] === '-') {
45 | lineClass = { backgroundColor: 'rgba(244, 67, 54, 0.2)' };
46 | isDiff = true;
47 | } else if (line[0] && line[0].content === '' && line[1] && line[1].content === '+') {
48 | lineClass = { backgroundColor: 'rgba(76, 175, 80, 0.2)' };
49 | isDiff = true;
50 | } else if (line[0] && line[0].content === '' && line[1] && line[1].content === '-') {
51 | lineClass = { backgroundColor: 'rgba(244, 67, 54, 0.2)' };
52 | isDiff = true;
53 | }
54 | const lineProps = getLineProps({ line, key: i });
55 |
56 | lineProps.style = lineClass;
57 | const diffStyle = {
58 | userSelect: 'none',
59 | MozUserSelect: '-moz-none',
60 | WebkitUserSelect: 'none',
61 | };
62 |
63 | let splitToken;
64 |
65 | return (
66 |
67 | {line.map((token, key) => {
68 | if (isDiff) {
69 | if (
70 | (key === 0 || key === 1) &
71 | (token.content.charAt(0) === '+' || token.content.charAt(0) === '-')
72 | ) {
73 | if (token.content.length > 1) {
74 | splitToken = {
75 | types: ['template-string', 'string'],
76 | content: token.content.slice(1),
77 | };
78 | const firstChar = {
79 | types: ['operator'],
80 | content: token.content.charAt(0),
81 | };
82 |
83 | return (
84 |
85 |
89 |
90 |
91 | );
92 | } else {
93 | return ;
94 | }
95 | }
96 | }
97 | return ;
98 | })}
99 |
100 | );
101 | })}
102 |
103 | )}
104 |