spencerpincott/sol-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: path resolver plugin to simplify imports and exports

Browse Source
This commit is contained in:
Kyle Gill
2019-05-18 14:47:12 -06:00
parent 4691ad10ab
commit 867ed0c998
18 changed files with 55 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gatsby-config.js
View File

@@ -48,6 +48,8 @@ module.exports = {
aliases: { aliases: {
components: "./components", components: "./components",
img: "./img", img: "./img",
styles: "./styles",
utils: "./utils",
}, },
}, },
}, },

2
public/index.html
View File

@@ -1 +1 @@
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><title data-react-helmet="true"></title><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2"/><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"/><style type="text/css">@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'),url(/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');font-display: swap;}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'),url(/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD-A.woff) format('woff');font-display: swap;}</style><script src="/socket.io/socket.io.js"></script></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"></div><script src="/commons.js"></script></body></html> <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><title data-react-helmet="true"></title><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2"/><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"/><style type="text/css">@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'),url(/google-fonts/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');font-display: swap;}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'),url(/google-fonts/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD-A.woff) format('woff');font-display: swap;}</style><link rel="shortcut icon" href="/icons/icon-48x48.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#FFF"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=54c7134a7e5384a7327f957c04754c6d"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=54c7134a7e5384a7327f957c04754c6d"/><script src="/socket.io/socket.io.js"></script></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"></div><script src="/commons.js"></script></body></html>

6
src/components/Navbar/Navbar.js
View File

@@ -1,14 +1,14 @@
import React from "react" import React from "react"
import { navigate, Link } from "gatsby" import { navigate, Link } from "gatsby"
import { StyledLink } from "../../components/elements" import { StyledLink } from "components/elements"
import styled from "@emotion/styled" import styled from "@emotion/styled"
/** @jsx jsx */ /** @jsx jsx */
import { jsx } from "@emotion/core" import { jsx } from "@emotion/core"
import { compose } from "recompose" import { compose } from "recompose"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { SIZES } from "../../styles/constants" import { SIZES } from "styles/constants"
import { todayUrl, yearUrl } from "../../utils/date" import { todayUrl, yearUrl } from "utils/date"
import Logo from "../Logo" import Logo from "../Logo"
import Icon from "../Icon" import Icon from "../Icon"

2
src/components/container.js
View File

@@ -1,7 +1,7 @@
import React from "react" import React from "react"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { SIZES } from "../styles/constants" import { SIZES } from "styles/constants"
const Container = styled.div` const Container = styled.div`
display: flex; display: flex;

2
src/components/elements/elements.js
View File

@@ -3,7 +3,7 @@ import { withTheme } from "emotion-theming"
import { Link } from "gatsby" import { Link } from "gatsby"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { SIZES } from "../../styles/constants" import { SIZES } from "styles/constants"
export const H1 = styled.h1` export const H1 = styled.h1`
display: block; display: block;

13
src/components/screens/Day/Day.js
View File

@@ -1,16 +1,17 @@
import React from "react" import React from "react"
import { addDays, subDays, format, isAfter, startOfYesterday } from "date-fns"
import { BeatLoader } from "react-spinners"
import styled from "@emotion/styled" import styled from "@emotion/styled"
/** @jsx jsx */ /** @jsx jsx */
import { jsx, css, keyframes } from "@emotion/core" import { jsx, css, keyframes } from "@emotion/core"
import { compose } from "recompose" import { compose } from "recompose"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { withFirebase } from "../../firebase"
import { withAuthentication } from "../../session"
import { OnlineContext } from "../../context/online"
import { addDays, subDays, format, isAfter, startOfYesterday } from "date-fns"
import { BeatLoader } from "react-spinners"
import { SIZES } from "../../../styles/constants" import { withFirebase } from "components/firebase"
import { withAuthentication } from "components/session"
import { OnlineContext } from "components/context/online"
import { SIZES } from "styles/constants"
import Seek from "../../Seek" import Seek from "../../Seek"
import Icon from "../../Icon" import Icon from "../../Icon"

2
src/components/screens/Month/Month.js
View File

@@ -1,5 +1,5 @@
import React, { Component } from "react" import React, { Component } from "react"
import { AppLink as Link } from "../../../components/elements" import { AppLink as Link } from "components/elements"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { import {
isAfter, isAfter,

11
src/components/screens/Search/Search.js
View File

@@ -1,5 +1,4 @@
import { Component } from "react" import { Component } from "react"
import { AppLink as Link } from "../../elements"
/** @jsx jsx */ /** @jsx jsx */
import { jsx, css, keyframes } from "@emotion/core" import { jsx, css, keyframes } from "@emotion/core"
import styled from "@emotion/styled" import styled from "@emotion/styled"
@@ -7,11 +6,11 @@ import { compose } from "recompose"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { BeatLoader } from "react-spinners" import { BeatLoader } from "react-spinners"
import { Input } from "../../elements" import { AppLink as Link } from "components/elements"
import { pad } from "../../../utils/date" import { Input } from "components/elements"
import { withFirebase } from "components/firebase"
import { withFirebase } from "../../firebase" import { withAuthentication } from "components/session"
import { withAuthentication } from "../../session" import { pad } from "utils/date"
const SearchGrid = styled.div` const SearchGrid = styled.div`
display: grid; display: grid;

8
src/components/screens/Start/Start.js
View File

@@ -4,13 +4,11 @@ import Img from "gatsby-image"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { SIZES } from "../../../styles/constants" import { SIZES } from "styles/constants"
import { Button, P } from "../../elements" import { Button, P } from "components/elements"
import { todayUrl } from "../../../utils/date" import { todayUrl } from "utils/date"
import Icon from "../../Icon" import Icon from "../../Icon"
import Logo from "../../Logo" import Logo from "../../Logo"
import LandingGraphicLight from "../../../img/landing-graphic-light.svg"
import LandingGraphicDark from "../../../img/landing-graphic-dark.svg"
const StartGrid = styled.div` const StartGrid = styled.div`
margin-top: 30px; margin-top: 30px;

6
src/components/screens/User/User.js
View File

@@ -3,11 +3,11 @@ import styled from "@emotion/styled"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { compose } from "recompose" import { compose } from "recompose"
import { format } from "date-fns" import { format } from "date-fns"
import { withFirebase } from "../../firebase"
import { withAuthentication } from "../../session"
import { BeatLoader } from "react-spinners" import { BeatLoader } from "react-spinners"
import { SIZES } from "../../../styles/constants" import { withFirebase } from "components/firebase"
import { withAuthentication } from "components/session"
import { SIZES } from "styles/constants"
import SignOut from "../../SignOut" import SignOut from "../../SignOut"
import { Button } from "../../elements" import { Button } from "../../elements"

12
src/components/screens/Welcome/Welcome.js
View File

@@ -3,10 +3,9 @@ import { Link } from "gatsby"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { SIZES } from "../../../styles/constants" import { Button, P } from "components/elements"
import { Button, P } from "../../elements" import Logo from "components/Logo"
import { todayUrl } from "../../../utils/date" import { todayUrl } from "utils/date"
import Logo from "../../Logo"
const WelcomeGrid = styled.div` const WelcomeGrid = styled.div`
margin-top: 30px; margin-top: 30px;
@@ -37,9 +36,8 @@ class Welcome extends Component {
<WelcomeGrid> <WelcomeGrid>
<h1>Your Space for Wandering Thoughts and Ideas</h1> <h1>Your Space for Wandering Thoughts and Ideas</h1>
<P style={{ letterSpacing: 1.1, marginBottom: 30 }}> <P style={{ letterSpacing: 1.1, marginBottom: 30 }}>
Journaling can improve your health and help you take inventory of your This your space for wandering thoughts and ideas. Write about whatever
day. Sol Journal works offline and from any device. Use it as a place comes to mind.
to record thoughts and events from the day.
</P> </P>
<Link to={`/app${todayUrl()}`} style={{ textDecoration: "none" }}> <Link to={`/app${todayUrl()}`} style={{ textDecoration: "none" }}>
<Button colors={theme.colors}>Write about today</Button> <Button colors={theme.colors}>Write about today</Button>

4
src/components/screens/Year/Year.js
View File

@@ -1,10 +1,10 @@
import React, { Component } from "react" import React, { Component } from "react"
import { AppLink as Link } from "../../../components/elements" import { AppLink as Link } from "components/elements"
import styled from "@emotion/styled" import styled from "@emotion/styled"
import { addYears, subYears, format, isThisYear, getMonth } from "date-fns" import { addYears, subYears, format, isThisYear, getMonth } from "date-fns"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { months } from "../../../utils/date" import { months } from "utils/date"
import Seek from "../../Seek" import Seek from "../../Seek"
const MonthCardGrid = styled.div` const MonthCardGrid = styled.div`

2
src/pages/app.js
View File

@@ -1,7 +1,7 @@
import React from "react" import React from "react"
import App from "../App" import App from "../App"
import Layout from "../components/Layout" import Layout from "components/Layout"
export default () => ( export default () => (
<Layout> <Layout>

8
src/pages/index.js
View File

@@ -1,8 +1,8 @@
import React from "react" import React from "react"
import { SimpleNavbar } from "../components/Navbar" import { SimpleNavbar } from "components/Navbar"
import Index from "../components/screens/Start/index" import Index from "components/screens/Start/index"
import Layout from "../components/Layout" import Layout from "components/Layout"
import Container from "../components/container" import Container from "components/container"
export default () => ( export default () => (
<Layout> <Layout>

10
src/pages/login.js
View File

@@ -5,11 +5,11 @@ import { compose } from "recompose"
import { format } from "date-fns" import { format } from "date-fns"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { SimpleNavbar } from "../components/Navbar" import { SimpleNavbar } from "components/Navbar"
import { Input, Button, P } from "../components/elements" import { Input, Button, P } from "components/elements"
import { SIZES } from "../styles/constants" import Layout from "components/Layout"
import Layout from "../components/Layout" import { FirebaseContext } from "components/firebase"
import { FirebaseContext } from "../components/firebase" import { SIZES } from "styles/constants"
const LoginGrid = styled.div` const LoginGrid = styled.div`
display: grid; display: grid;

6
src/pages/privacy.js
View File

@@ -1,8 +1,8 @@
import React from "react" import React from "react"
import { P } from "../components/elements" import { P } from "components/elements"
import Layout from "../components/Layout" import Layout from "components/Layout"
import Container from "../components/container" import Container from "components/container"
const Terms = () => ( const Terms = () => (
<Layout> <Layout>

10
src/pages/register.js
View File

@@ -4,11 +4,11 @@ import { navigate, Link } from "gatsby"
import { compose } from "recompose" import { compose } from "recompose"
import { withTheme } from "emotion-theming" import { withTheme } from "emotion-theming"
import { SimpleNavbar } from "../components/Navbar" import { SimpleNavbar } from "components/Navbar"
import { Input, Button, P } from "../components/elements" import { Input, Button, P } from "components/elements"
import { SIZES } from "../styles/constants" import Layout from "components/Layout"
import Layout from "../components/Layout" import { FirebaseContext } from "components/firebase"
import { FirebaseContext } from "../components/firebase" import { SIZES } from "styles/constants"
const RegisterGrid = styled.div` const RegisterGrid = styled.div`
display: grid; display: grid;

6
src/pages/terms.js
View File

@@ -1,8 +1,8 @@
import React from "react" import React from "react"
import { P } from "../components/elements" import { P } from "components/elements"
import Layout from "../components/Layout" import Layout from "components/Layout"
import Container from "../components/container" import Container from "components/container"
const Terms = () => ( const Terms = () => (
<Layout> <Layout>