yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Move to prettier standard double quotes (#1309)

Browse Source
This commit is contained in:
Tom Moor
2020-06-20 13:59:15 -07:00
committed by GitHub
parent 2a3b9e2104
commit f43deb7940
444 changed files with 5988 additions and 5977 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
server/pages/Home.js
View File

@@ -1,17 +1,17 @@
// @flow
import * as React from 'react';
import { Helmet } from 'react-helmet';
import styled from 'styled-components';
import Grid from 'styled-components-grid';
import AuthNotices from './components/AuthNotices';
import Hero from './components/Hero';
import HeroText from './components/HeroText';
import SigninButtons from './components/SigninButtons';
import Branding from '../../shared/components/Branding';
import { githubUrl } from '../../shared/utils/routeHelpers';
import * as React from "react";
import { Helmet } from "react-helmet";
import styled from "styled-components";
import Grid from "styled-components-grid";
import AuthNotices from "./components/AuthNotices";
import Hero from "./components/Hero";
import HeroText from "./components/HeroText";
import SigninButtons from "./components/SigninButtons";
import Branding from "../../shared/components/Branding";
import { githubUrl } from "../../shared/utils/routeHelpers";
type Props = {
notice?: 'google-hd' | 'auth-error' | 'hd-not-allowed',
notice?: "google-hd" | "auth-error" | "hd-not-allowed",
lastSignedIn: string,
googleSigninEnabled: boolean,
slackSigninEnabled: boolean,

30
server/pages/SubdomainSignin.js
View File

@@ -1,20 +1,20 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import Grid from 'styled-components-grid';
import Hero from './components/Hero';
import HeroText from './components/HeroText';
import Button from './components/Button';
import SigninButtons from './components/SigninButtons';
import AuthNotices from './components/AuthNotices';
import Centered from './components/Centered';
import PageTitle from './components/PageTitle';
import { Team } from '../models';
import * as React from "react";
import styled from "styled-components";
import Grid from "styled-components-grid";
import Hero from "./components/Hero";
import HeroText from "./components/HeroText";
import Button from "./components/Button";
import SigninButtons from "./components/SigninButtons";
import AuthNotices from "./components/AuthNotices";
import Centered from "./components/Centered";
import PageTitle from "./components/PageTitle";
import { Team } from "../models";
type Props = {
team: Team,
guest?: boolean,
notice?: 'google-hd' | 'auth-error' | 'hd-not-allowed' | 'guest-success',
notice?: "google-hd" | "auth-error" | "hd-not-allowed" | "guest-success",
lastSignedIn: string,
googleSigninEnabled: boolean,
slackSigninEnabled: boolean,
@@ -37,7 +37,7 @@ function SubdomainSignin({
const guestSigninForm = (
<div>
<form method="POST" action="/auth/email">
<EmailInput type="email" name="email" placeholder="jane@domain.com" />{' '}
<EmailInput type="email" name="email" placeholder="jane@domain.com" />{" "}
<Button type="submit" as="button">
Sign In
</Button>
@@ -54,7 +54,7 @@ function SubdomainSignin({
<PageTitle title={`Sign in to ${team.name}`} />
<Grid>
<Hero>
<h1>{lastSignedIn ? 'Welcome back,' : 'Hey there,'}</h1>
<h1>{lastSignedIn ? "Welcome back," : "Hey there,"}</h1>
<AuthNotices notice={notice} />
{guest && guestSigninEnabled ? (
<React.Fragment>
@@ -100,7 +100,7 @@ function SubdomainSignin({
</Grid>
<Alternative>
<p>
Trying to create or sign in to a different team?{' '}
Trying to create or sign in to a different team?{" "}
<a href={process.env.URL}>Head to the homepage</a>.
</p>
</Alternative>

2
server/pages/components/Analytics.js
View File

@@ -1,5 +1,5 @@
// @flow
import * as React from 'react';
import * as React from "react";
function Analytics() {
if (!process.env.GOOGLE_ANALYTICS_ID) return null;

20
server/pages/components/AuthNotices.js
View File

@@ -1,6 +1,6 @@
// @flow
import * as React from 'react';
import Notice from '../../../shared/components/Notice';
import * as React from "react";
import Notice from "../../../shared/components/Notice";
type Props = {
notice?: string,
@@ -9,49 +9,49 @@ type Props = {
export default function AuthNotices({ notice }: Props) {
return (
<React.Fragment>
{notice === 'guest-success' && (
{notice === "guest-success" && (
<Notice>
A magic sign-in link has been sent to your email address, no password
needed.
</Notice>
)}
{notice === 'google-hd' && (
{notice === "google-hd" && (
<Notice>
Sorry, Google sign in cannot be used with a personal email. Please try
signing in with your company Google account.
</Notice>
)}
{notice === 'hd-not-allowed' && (
{notice === "hd-not-allowed" && (
<Notice>
Sorry, your Google apps domain is not allowed. Please try again with
an allowed company domain.
</Notice>
)}
{notice === 'email-auth-required' && (
{notice === "email-auth-required" && (
<Notice>
Your account uses email sign-in, please sign-in with email to
continue.
</Notice>
)}
{notice === 'email-auth-ratelimit' && (
{notice === "email-auth-ratelimit" && (
<Notice>
An email sign-in link was recently sent, please check your inbox and
try again in a few minutes.
</Notice>
)}
{notice === 'auth-error' && (
{notice === "auth-error" && (
<Notice>
Authentication failed - we were unable to sign you in at this time.
Please try again.
</Notice>
)}
{notice === 'expired-token' && (
{notice === "expired-token" && (
<Notice>
Sorry, it looks like that sign-in link is no longer valid, please try
requesting another.
</Notice>
)}
{notice === 'suspended' && (
{notice === "suspended" && (
<Notice>
Your Outline account has been suspended. To re-activate your account,
please contact a team admin.

2
server/pages/components/Button.js
View File

@@ -1,5 +1,5 @@
// @flow
import styled from 'styled-components';
import styled from "styled-components";
const Button = styled.a`
border: 0;

2
server/pages/components/Centered.js
View File

@@ -1,5 +1,5 @@
// @flow
import styled from 'styled-components';
import styled from "styled-components";
const Centered = styled.div`
margin: 0 auto;

2
server/pages/components/Content.js
View File

@@ -1,5 +1,5 @@
// @flow
import styled from 'styled-components';
import styled from "styled-components";
export default styled.div`
width: 100%;

16
server/pages/components/Header.js
View File

@@ -1,8 +1,8 @@
// @flow
import * as React from 'react';
import breakpoint from 'styled-components-breakpoint';
import styled from 'styled-components';
import Centered from './Centered';
import * as React from "react";
import breakpoint from "styled-components-breakpoint";
import styled from "styled-components";
import Centered from "./Centered";
type Props = {
children: React.Node,
@@ -25,17 +25,17 @@ const Wrapper = styled.div`
margin-top: -70px;
margin-bottom: 2em;
text-align: center;
background: ${props => props.background || 'transparent'};
background: ${props => props.background || "transparent"};
z-index: -1;
&:before {
content: '';
content: "";
position: absolute;
top: 0;
left: -30px;
width: 100vw;
height: 100%;
background: ${props => props.background || 'transparent'};
background: ${props => props.background || "transparent"};
z-index: -10;
}
@@ -51,7 +51,7 @@ const Wrapper = styled.div`
margin: 0 0 0.1em;
}
${breakpoint('tablet')`
${breakpoint("tablet")`
padding: 8em 3em 3em 3em;
h1 {

4
server/pages/components/Hero.js
View File

@@ -1,6 +1,6 @@
// @flow
import styled from 'styled-components';
import Centered from './Centered';
import styled from "styled-components";
import Centered from "./Centered";
const Hero = styled(Centered)`
width: 100%;

2
server/pages/components/HeroText.js
View File

@@ -1,5 +1,5 @@
// @flow
import styled from 'styled-components';
import styled from "styled-components";
const HeroText = styled.p`
font-size: 22px;

24
server/pages/components/Layout.js
View File

@@ -1,15 +1,15 @@
// @flow
import * as React from 'react';
import { Helmet } from 'react-helmet';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import Analytics from './Analytics';
import GlobalStyles from '../../../shared/styles/globals';
import prefetchTags from '../../utils/prefetchTags';
import * as React from "react";
import { Helmet } from "react-helmet";
import styled from "styled-components";
import breakpoint from "styled-components-breakpoint";
import Analytics from "./Analytics";
import GlobalStyles from "../../../shared/styles/globals";
import prefetchTags from "../../utils/prefetchTags";
export const title = 'Outline';
export const title = "Outline";
export const description =
'Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…';
"Your team’s knowledge base - Team wiki, documentation, playbooks, onboarding & more…";
export const screenshotUrl = `${process.env.URL}/screenshot.png`;
type Props = {
@@ -62,8 +62,8 @@ function Layout({ children, loggedIn, sessions }: Props) {
</Helmet>
<Analytics />
{'{{HEAD}}'}
{'{{CSS}}'}
{"{{HEAD}}"}
{"{{CSS}}"}
</head>
<Body>{children}</Body>
</html>
@@ -73,7 +73,7 @@ function Layout({ children, loggedIn, sessions }: Props) {
const Body = styled.body`
padding: 0 30px;
${breakpoint('desktop')`
${breakpoint("desktop")`
padding: 0;
`};
`;

4
server/pages/components/PageTitle.js
View File

@@ -1,6 +1,6 @@
// @flow
import * as React from 'react';
import { Helmet } from 'react-helmet';
import * as React from "react";
import { Helmet } from "react-helmet";
function PageTitle({ title }: { title: string }) {
return (

32
server/pages/components/SigninButtons.js
View File

@@ -1,13 +1,13 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import Button from './Button';
import { signin } from '../../../shared/utils/routeHelpers';
import Flex from '../../../shared/components/Flex';
import Notice from '../../../shared/components/Notice';
import GoogleLogo from '../../../shared/components/GoogleLogo';
import SlackLogo from '../../../shared/components/SlackLogo';
import breakpoint from 'styled-components-breakpoint';
import * as React from "react";
import styled from "styled-components";
import Button from "./Button";
import { signin } from "../../../shared/utils/routeHelpers";
import Flex from "../../../shared/components/Flex";
import Notice from "../../../shared/components/Notice";
import GoogleLogo from "../../../shared/components/GoogleLogo";
import SlackLogo from "../../../shared/components/SlackLogo";
import breakpoint from "styled-components-breakpoint";
type Props = {
lastSignedIn?: string,
@@ -33,24 +33,24 @@ const SigninButtons = ({
)}
{slackSigninEnabled && (
<Column column>
<Button href={signin('slack')}>
<Button href={signin("slack")}>
<SlackLogo />
<Spacer>Sign In with Slack</Spacer>
</Button>
<LastLogin>
{lastSignedIn === 'slack' && 'You signed in with Slack previously'}
{lastSignedIn === "slack" && "You signed in with Slack previously"}
</LastLogin>
</Column>
)}
{googleSigninEnabled && (
<Column column>
<Button href={signin('google')}>
<Button href={signin("google")}>
<GoogleLogo />
<Spacer>Sign In with Google</Spacer>
</Button>
<LastLogin>
{lastSignedIn === 'google' &&
'You signed in with Google previously'}
{lastSignedIn === "google" &&
"You signed in with Google previously"}
</LastLogin>
</Column>
)}
@@ -61,7 +61,7 @@ const SigninButtons = ({
const Column = styled(Flex)`
text-align: center;
${breakpoint('tablet')`
${breakpoint("tablet")`
&:first-child {
margin-right: 8px;
}
@@ -73,7 +73,7 @@ const Wrapper = styled(Flex)`
justify-content: center;
margin-top: 16px;
${breakpoint('tablet')`
${breakpoint("tablet")`
display: flex;
justify-content: flex-start;
margin-top: 0;

16
server/pages/developers/Api.js
View File

@@ -1,10 +1,10 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import Grid from 'styled-components-grid';
import PageTitle from '../components/PageTitle';
import Header from '../components/Header';
import Content from '../components/Content';
import * as React from "react";
import styled from "styled-components";
import Grid from "styled-components-grid";
import PageTitle from "../components/PageTitle";
import Header from "../components/Header";
import Content from "../components/Content";
export default function Api() {
return (
@@ -386,7 +386,7 @@ export default function Api() {
<Description>
This method allows you to publish a new document under an existing
collection. By default a document is set to the parent collection
root. If you want to create a subdocument, you can pass{' '}
root. If you want to create a subdocument, you can pass{" "}
<Code>parentDocumentId</Code> to set parent document.
</Description>
<Arguments>
@@ -958,7 +958,7 @@ const Argument = (props: ArgumentProps) => (
<Code>{props.id}</Code>
</td>
<td>
<i>{props.required ? 'required' : 'optional'}</i>
<i>{props.required ? "required" : "optional"}</i>
</td>
<td>{props.description}</td>
</tr>

24
server/pages/developers/index.js
View File

@@ -1,10 +1,10 @@
// @flow
import * as React from 'react';
import Grid from 'styled-components-grid';
import styled from 'styled-components';
import PageTitle from '../components/PageTitle';
import Header from '../components/Header';
import Content from '../components/Content';
import * as React from "react";
import Grid from "styled-components-grid";
import styled from "styled-components";
import PageTitle from "../components/PageTitle";
import Header from "../components/Header";
import Content from "../components/Content";
export default function Developers() {
return (
@@ -51,8 +51,8 @@ export default function Developers() {
<h2 id="requests">Making requests</h2>
<p>
Outline’s API follows simple RPC style conventions where each API
endpoint is a method on{' '}
<Code>https://www.getoutline.com/api/&lt;METHOD&gt;</Code>. Both{' '}
endpoint is a method on{" "}
<Code>https://www.getoutline.com/api/&lt;METHOD&gt;</Code>. Both{" "}
<Code>GET</Code> and <Code>POST</Code> methods are supported but
it’s recommended that you make all calls using <Code>POST</Code>.
Only HTTPS is supported in production.
@@ -61,10 +61,10 @@ export default function Developers() {
<p>
For <Code>GET</Code> requests query string parameters are expected
(e.g.
<Code>/api/document.info?id=...&token=...</Code>). When making{' '}
<Code>/api/document.info?id=...&token=...</Code>). When making{" "}
<Code>POST</Code> requests, request parameters are parsed
depending on <Code>Content-Type</Code> header. To make a call
using JSON payload, one must pass{' '}
using JSON payload, one must pass{" "}
<Code>Content-Type: application/json</Code> header:
</p>
@@ -97,7 +97,7 @@ export default function Developers() {
<p>
To access private API endpoints, you must provide a valid API key.
You can create new API keys in your{' '}
You can create new API keys in your{" "}
<a href={`${process.env.URL}/settings`}>account settings</a>. Be
careful when handling your keys as they give access to all of your
documents.
@@ -119,7 +119,7 @@ export default function Developers() {
<h2 id="errors">Errors</h2>
<p>
All successful API requests will be returned with <Code>200</Code>{' '}
All successful API requests will be returned with <Code>200</Code>{" "}
status code and <Code>ok: true</Code> in the response payload. If
there’s an error while making the request, appropriate status code
is returned with the <Code>error</Code> message: