/__mocks__/styleMock.js',
10 | },
11 | snapshotSerializers: ['enzyme-to-json/serializer'],
12 | };
13 |
--------------------------------------------------------------------------------
/pages/index/index.test.jsx:
--------------------------------------------------------------------------------
1 | import metadata from '../../__mocks__/metadata';
2 | import pages from '../../__mocks__/pages';
3 | import posts from '../../__mocks__/posts';
4 | import { DisconnectedIndex } from '.';
5 |
6 | describe('Disconnected Index Page', () => {
7 | it('should render', () => {
8 | const wrapper = shallow((
9 | Something about John...
',
7 | metafields: [
8 | {
9 | value: '9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
10 | key: 'image',
11 | title: 'Image',
12 | type: 'file',
13 | children: null,
14 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
15 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
16 | },
17 | ],
18 | type_slug: 'authors',
19 | created: '2017-10-12T13:27:49.665Z',
20 | created_at: '2017-10-12T13:27:49.665Z',
21 | modified_at: '2018-05-17T17:44:12.977Z',
22 | status: 'published',
23 | published_at: '2018-05-17T17:44:12.977Z',
24 | metadata: {
25 | image: {
26 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
27 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Chris Overstreet
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/state/links/reducer.js:
--------------------------------------------------------------------------------
1 | import { actionTypes } from './actions';
2 |
3 | const {
4 | CATCH_LINKS_FETCH_ERROR,
5 | RECEIVE_LINKS,
6 | REQUEST_LINKS,
7 | } = actionTypes;
8 |
9 | const defaultRootState = {
10 | error: undefined,
11 | finishedLoadAt: undefined,
12 | isLoading: false,
13 | items: undefined,
14 | startedLoadAt: undefined,
15 | };
16 |
17 | const rootReducer = (state = defaultRootState, action) => {
18 | switch (action.type) {
19 | case CATCH_LINKS_FETCH_ERROR:
20 | return {
21 | ...state,
22 | error: action.error,
23 | finishedLoadAt: Date.now(),
24 | isLoading: false,
25 | };
26 | case RECEIVE_LINKS:
27 | return {
28 | ...state,
29 | error: undefined,
30 | finishedLoadAt: Date.now(),
31 | isLoading: false,
32 | items: action.items,
33 | };
34 | case REQUEST_LINKS:
35 | return {
36 | ...state,
37 | error: undefined,
38 | isLoading: true,
39 | startedLoadAt: Date.now(),
40 | };
41 | default:
42 | return state;
43 | }
44 | };
45 |
46 | export default rootReducer;
47 |
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "development": {
4 | "presets": [
5 | [
6 | "next/babel",
7 | {
8 | "styled-jsx": {
9 | "plugins": [
10 | "styled-jsx-plugin-sass"
11 | ]
12 | }
13 | }
14 | ]
15 | ],
16 | "plugins": [
17 | "inline-dotenv"
18 | ]
19 | },
20 | "production": {
21 | "presets": [
22 | [
23 | "next/babel",
24 | {
25 | "styled-jsx": {
26 | "plugins": [
27 | "styled-jsx-plugin-sass"
28 | ]
29 | }
30 | }
31 | ]
32 | ],
33 | "plugins": [
34 | "transform-inline-environment-variables"
35 | ]
36 | },
37 | "test": {
38 | "presets": [
39 | [
40 | "next/babel",
41 | {
42 | "preset-env": {
43 | "modules": "commonjs"
44 | },
45 | "styled-jsx": {
46 | "plugins": [
47 | "styled-jsx-plugin-sass"
48 | ]
49 | }
50 | }
51 | ]
52 | ]
53 | }
54 | },
55 | "plugins": [
56 | "inline-react-svg"
57 | ]
58 | }
59 |
--------------------------------------------------------------------------------
/state/metadata/reducer.js:
--------------------------------------------------------------------------------
1 | import { actionTypes } from './actions';
2 |
3 | const {
4 | CATCH_METADATA_FETCH_ERROR,
5 | RECEIVE_SITE_METADATA,
6 | REQUEST_SITE_METADATA,
7 | } = actionTypes;
8 |
9 | const defaultRootState = {
10 | error: undefined,
11 | finishedLoadAt: undefined,
12 | isLoading: false,
13 | logo: undefined,
14 | startedLoadAt: undefined,
15 | tag: undefined,
16 | title: undefined,
17 | };
18 |
19 | const rootReducer = (state = defaultRootState, action) => {
20 | switch (action.type) {
21 | case CATCH_METADATA_FETCH_ERROR:
22 | return {
23 | ...state,
24 | error: action.error,
25 | finishedLoadAt: Date.now(),
26 | isLoading: false,
27 | };
28 | case RECEIVE_SITE_METADATA:
29 | return {
30 | ...state,
31 | error: undefined,
32 | finishedLoadAt: Date.now(),
33 | isLoading: false,
34 | logo: action.logo,
35 | tag: action.tag,
36 | title: action.title,
37 | };
38 | case REQUEST_SITE_METADATA:
39 | return {
40 | ...state,
41 | error: undefined,
42 | isLoading: true,
43 | startedLoadAt: Date.now(),
44 | };
45 | default:
46 | return state;
47 | }
48 | };
49 |
50 | export default rootReducer;
51 |
--------------------------------------------------------------------------------
/__mocks__/links.js:
--------------------------------------------------------------------------------
1 | export default {
2 | finishedLoadAt: 1527021510298,
3 | isLoading: false,
4 | items: [
5 | {
6 | content: 'Cosmic JS',
7 | icon: 'https://cosmic-s3.imgix.net/d6286310-5dcd-11e8-9db3-17fe5e4c3dd5-logo.png',
8 | slug: 'cosmic-js',
9 | url: 'https://cosmicjs.com/',
10 | },
11 | {
12 | content: 'Facebook',
13 | icon: 'https://cosmic-s3.imgix.net/00170740-5df5-11e8-a1ae-3923d095aa54-facebook-f.svg',
14 | slug: 'facebook',
15 | url: 'https://www.facebook.com/neildegrassetyson/',
16 | },
17 | {
18 | content: 'Twitter',
19 | icon: 'https://cosmic-s3.imgix.net/de154760-5df4-11e8-a1ae-3923d095aa54-twitter.svg',
20 | slug: 'twitter',
21 | url: 'https://twitter.com/SpaceX?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor',
22 | },
23 | {
24 | content: 'NASA',
25 | icon: 'https://cosmic-s3.imgix.net/6071bc30-5df4-11e8-b874-7ddc7f75f297-nasa-vector.jpg',
26 | slug: 'nasa',
27 | url: 'https://www.nasa.gov/',
28 | },
29 | {
30 | content: 'Hooli',
31 | icon: 'https://cosmic-s3.imgix.net/107f1f10-5df4-11e8-8b90-49cb251195d1-hooli.svg',
32 | slug: 'hooli',
33 | url: 'http://www.hooli.xyz/',
34 | },
35 |
36 | ],
37 | startedLoadAt: 1527021509874,
38 | };
39 |
--------------------------------------------------------------------------------
/src/getPageContext.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-underscore-dangle */
2 | /* source: https://github.com/mui-org/material-ui/blob/master/examples/nextjs/src/getPageContext.js */
3 | import { SheetsRegistry } from 'jss';
4 | import { createGenerateClassName } from '@material-ui/core/styles';
5 |
6 | import createCustomTheme from '../utils/createCustomTheme';
7 |
8 | // A theme with custom primary and secondary color.
9 | // It's optional.
10 | const theme = createCustomTheme({
11 | htmlFontSize: 16,
12 | theme: 'light',
13 | });
14 |
15 | function createPageContext() {
16 | return {
17 | theme,
18 | // This is needed in order to deduplicate the injection of CSS in the page.
19 | sheetsManager: new Map(),
20 | // This is needed in order to inject the critical CSS.
21 | sheetsRegistry: new SheetsRegistry(),
22 | // The standard class name generator.
23 | generateClassName: createGenerateClassName(),
24 | };
25 | }
26 |
27 | export default function getPageContext() {
28 | // Make sure to create a new context for every server-side request so that data
29 | // isn't shared between connections (which would be bad).
30 | if (!process.browser) {
31 | return createPageContext();
32 | }
33 |
34 | // Reuse context on the client-side.
35 | if (!global.__INIT_MATERIAL_UI__) {
36 | global.__INIT_MATERIAL_UI__ = createPageContext();
37 | }
38 |
39 | return global.__INIT_MATERIAL_UI__;
40 | }
41 |
--------------------------------------------------------------------------------
/assets/svg/hooli.svg:
--------------------------------------------------------------------------------
1 |
21 |
22 |
23 |
27 |
29 |
47 |
48 |
49 |
50 | );
51 | }
52 | }
53 |
54 | CustomApp.getInitialProps = async ({ Component, ctx }) => {
55 | let pageProps = {};
56 |
57 | if (Component.getInitialProps) {
58 | pageProps = await Component.getInitialProps(ctx);
59 | }
60 |
61 | return { pageProps };
62 | };
63 |
64 | export { CustomApp as DisconnectedCustomApp };
65 |
66 | export default withReduxStore(CustomApp);
67 |
--------------------------------------------------------------------------------
/components/SocialLinks/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import { connect } from 'react-redux';
4 | import { compose } from 'recompose';
5 | import classnames from 'classnames';
6 |
7 | import { withStyles } from '@material-ui/core/styles';
8 | import IconButton from '@material-ui/core/IconButton';
9 |
10 | import { Link } from '../../routes';
11 |
12 | const styles = theme => ({
13 | iconButton: {
14 | margin: theme.spacing.unit * 1,
15 | },
16 | image: {
17 | display: 'block',
18 | fill: theme.palette.primary.main,
19 | margin: 0,
20 | padding: 0,
21 | },
22 | root: {
23 | textAlign: 'center',
24 | },
25 | });
26 |
27 | const SocialLinks = ({
28 | classes,
29 | className,
30 | links,
31 | }) => (
32 |
33 | {
34 | links && links.items && links.items.map(item => (
35 |
36 |
37 |
38 |
46 |
47 |
48 | ))
49 | }
50 |
48 | {
49 | imageUrl &&
50 |
57 | }
58 | {
59 | content &&
60 |
65 | {/* eslint-disable-next-line react/no-danger */}
66 |
68 | }
69 |
Cosmic Blog
17 |
52 |
54 | ));
55 |
56 | return {
57 | ...page,
58 | pageContext,
59 | styles: (
60 |
61 |
66 | {flush() || null}
67 |
68 | ),
69 | };
70 | };
71 |
72 | export default CustomDocument;
73 |
--------------------------------------------------------------------------------
/src/withRoot.jsx:
--------------------------------------------------------------------------------
1 | /* source: https://github.com/mui-org/material-ui/blob/master/examples/nextjs/src/withRoot.js */
2 | import React from 'react';
3 | import PropTypes from 'prop-types';
4 | import { connect } from 'react-redux';
5 | import css from 'styled-jsx/css';
6 |
7 | import { MuiThemeProvider } from '@material-ui/core/styles';
8 | import CssBaseline from '@material-ui/core/CssBaseline';
9 |
10 | import getPageContext from './getPageContext';
11 | import { THEMES } from '../utils/constants';
12 | import createCustomTheme from '../utils/createCustomTheme';
13 |
14 | function withRoot(Component) {
15 | class WithRoot extends React.Component {
16 | constructor(props, context) {
17 | super(props, context);
18 |
19 | this.pageContext = this.props.pageContext || getPageContext();
20 | }
21 |
22 | componentDidMount() {
23 | // Remove the server-side injected CSS.
24 | const jssStyles = document.querySelector('#jss-server-side');
25 | if (jssStyles && jssStyles.parentNode) {
26 | jssStyles.parentNode.removeChild(jssStyles);
27 | }
28 | }
29 |
30 | pageContext = null;
31 |
32 | render() {
33 | const { htmlFontSize, theme } = this.props.appearance;
34 | const muiTheme = createCustomTheme({
35 | htmlFontSize,
36 | theme,
37 | });
38 | const bodyBackgroundStyle = css`body { transition: background-color ease 0.3s; }`;
39 |
40 | return (
41 |
45 |
49 | );
50 | }
51 | }
52 |
53 | WithRoot.defaultProps = {
54 | pageContext: undefined,
55 | };
56 |
57 | WithRoot.propTypes = {
58 | appearance: PropTypes.shape({
59 | htmlFontSize: PropTypes.number.isRequired,
60 | theme: PropTypes.oneOf(Object.getOwnPropertyNames(THEMES)
61 | .map(key => THEMES[key])).isRequired,
62 | }).isRequired,
63 | pageContext: PropTypes.object, // eslint-disable-line react/forbid-prop-types
64 | };
65 |
66 | WithRoot.getInitialProps = (ctx) => {
67 | if (Component.getInitialProps) {
68 | return Component.getInitialProps(ctx);
69 | }
70 |
71 | return {};
72 | };
73 |
74 | const mapStateToProps = state => ({
75 | appearance: state.appearance,
76 | });
77 |
78 | return connect(mapStateToProps)(WithRoot);
79 | }
80 |
81 | export default withRoot;
82 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cosmic-blog",
3 | "version": "1.0.0",
4 | "description": "Clean, minimalist, content-first Blog powered by Cosmic JS",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "NODE_ENV=test jest --config jest.config.js",
8 | "test:watch": "npm run test -- --watch",
9 | "eslint": "eslint . --ext .js,.jsx",
10 | "eslint:watch": "esw . --ext .js,.jsx --watch",
11 | "dev": "node server.js",
12 | "build": "next build",
13 | "start": "npm run build; NODE_ENV=production node server.js",
14 | "deploy": "npm run eslint && npm run test && now && now alias"
15 | },
16 | "repository": {
17 | "type": "git",
18 | "url": "git+https://github.com/chrisoverstreet/cosmic-blog.git"
19 | },
20 | "author": "Chris Overstreet",
21 | "license": "MIT",
22 | "bugs": {
23 | "url": "https://github.com/chrisoverstreet/cosmic-blog/issues"
24 | },
25 | "homepage": "https://github.com/chrisoverstreet/cosmic-blog#readme",
26 | "dependencies": {
27 | "@material-ui/core": "^1.0.0",
28 | "@material-ui/icons": "^1.0.0",
29 | "classnames": "^2.2.5",
30 | "cosmicjs": "^3.2.7",
31 | "dotenv": "^5.0.1",
32 | "express": "^4.16.3",
33 | "isomorphic-unfetch": "^2.0.0",
34 | "jss": "^9.8.1",
35 | "moment": "^2.22.1",
36 | "next": "^6.0.3",
37 | "next-page-transitions": "^1.0.0-alpha.3",
38 | "next-routes": "^1.4.1",
39 | "prop-types": "^15.6.1",
40 | "react": "^16.3.2",
41 | "react-dom": "^16.3.2",
42 | "react-headroom": "^2.2.2",
43 | "react-imgix": "^7.1.1",
44 | "babel-plugin-inline-react-svg": "^0.5.2",
45 | "babel-plugin-transform-inline-environment-variables": "^0.4.3",
46 | "react-jss": "^8.4.0",
47 | "react-redux": "^5.0.7",
48 | "recompose": "^0.27.0",
49 | "redux": "^4.0.0",
50 | "redux-devtools-extension": "^2.13.2",
51 | "redux-thunk": "^2.2.0",
52 | "styled-jsx": "^2.2.6",
53 | "styled-jsx-plugin-sass": "^0.2.4",
54 | "extract-loader": "^2.0.1",
55 | "file-loader": "^1.1.11",
56 | "identity-obj-proxy": "^3.0.0",
57 | "jest": "^22.4.4",
58 | "node-sass": "^4.9.0",
59 | "babel-plugin-inline-dotenv": "^1.1.2",
60 | "css-loader": "^0.28.11",
61 | "enzyme": "^3.3.0",
62 | "enzyme-adapter-react-16": "^1.1.1",
63 | "enzyme-to-json": "^3.3.4"
64 | },
65 | "devDependencies": {
66 | "babel-eslint": "^8.2.3",
67 | "eslint": "^4.19.1",
68 | "eslint-config-airbnb": "^16.1.0",
69 | "eslint-plugin-env": "0.0.3",
70 | "eslint-plugin-import": "^2.12.0",
71 | "eslint-plugin-jsx-a11y": "^6.0.3",
72 | "eslint-plugin-react": "^7.8.2",
73 | "eslint-watch": "^3.1.4",
74 | "now": "^11.1.12"
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 | require('dotenv').config({ path: './.env.production' });
3 | const express = require('express');
4 | const next = require('next');
5 | const routes = require('./routes');
6 | const Cosmic = require('cosmicjs');
7 |
8 | const port = parseInt(process.env.PORT, 10) || 3000;
9 | const dev = process.env.NODE_ENV !== 'production';
10 | const app = next({ dev });
11 | const handler = routes.getRequestHandler(app);
12 | const api = Cosmic();
13 | const bucket = api.bucket({ slug: process.env.BUCKET_SLUG });
14 |
15 | app.prepare()
16 | .then(() => {
17 | const server = express();
18 |
19 | // API endpoint for site metadata (i.e. title, tag, logo)
20 | server.get('/api/meta', (req, res) => bucket.getObject({ slug: 'header' })
21 | .then(object => res.send(object))
22 | .catch(err => res.status(404).json({
23 | message: 'Error fetching header data',
24 | error: err,
25 | })));
26 |
27 | // API endpoint for social links
28 | server.get('/api/social-links', (req, res) => {
29 | const params = {
30 | type: 'social-links',
31 | };
32 |
33 | return bucket.getObjects(params)
34 | .then(objects => res.send(objects))
35 | .catch(err => res.status(404).json({
36 | message: 'Error fetching social links',
37 | error: err,
38 | }));
39 | });
40 |
41 | // API endpoint for a list of posts (by page)
42 | server.get('/api/posts/page/:page', (req, res) => {
43 | const validatedPage = !Number.isNaN(req.params.page) && parseInt(req.params.page, 10) >= 0
44 | ? parseInt(req.params.page, 10)
45 | : 1;
46 | const postsPerPage = 10;
47 | const params = {
48 | limit: postsPerPage,
49 | skip: (validatedPage - 1) * postsPerPage,
50 | sort: '+created_at',
51 | status: 'published',
52 | type: 'posts',
53 | };
54 |
55 | return bucket.getObjects(params)
56 | .then(objects => res.send(objects))
57 | .catch(err => res.status(404).json({
58 | message: `Error fetching posts for page ${validatedPage}`,
59 | error: err,
60 | }));
61 | });
62 |
63 | // API endpoint for an individual post
64 | server.get('/api/post/:slug', (req, res) => bucket.getObject({ slug: req.params.slug })
65 | .then(object => res.send(object))
66 | .catch(err => res.status(404).json({
67 | message: `Error fetching post with slug, ${req.params.slug}`,
68 | error: err,
69 | })));
70 |
71 | // Our regular NextJS pages
72 | server.get('*', (req, res) => handler(req, res));
73 |
74 | server
75 | .listen(port, (err) => {
76 | if (err) throw err;
77 | console.log(`> Ready on http://localhost:${port}`);
78 | });
79 | });
80 |
--------------------------------------------------------------------------------
/utils/createTypography/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | Adapted from source:
3 | https://github.com/mui-org/material-ui/blob/303199d39b42a321d28347d8440d69166f872f27/packages/material-ui/src/styles/createTypography.js
4 | */
5 | const round = value => Math.round(value * 1e5) / 1e5;
6 |
7 | const createTypography = (htmlFontSize = 16, palette) => {
8 | const sansFontFamily = "'Montserrat', sans-serif";
9 | const serifFontFamily = "'Lora', serif";
10 | const fontSize = 16;
11 | const fontWeightLight = 300;
12 | const fontWeightRegular = 400;
13 | const fontWeightMedium = 500;
14 |
15 | const coef = fontSize / 14;
16 | const pxToRem = value => `${(value / htmlFontSize) * coef}rem`;
17 |
18 | return {
19 | pxToRem,
20 | round,
21 | fontSize,
22 | fontWeightLight,
23 | fontWeightRegular,
24 | fontWeightMedium,
25 | sansFontFamily,
26 | serifFontFamily,
27 | display4: {
28 | fontSize: pxToRem(45),
29 | fontWeight: fontWeightRegular,
30 | fontFamily: sansFontFamily,
31 | lineHeight: `${round(48 / 45)}em`,
32 | marginLeft: '-.02em',
33 | color: palette.text.primary,
34 | },
35 | display3: {
36 | fontSize: pxToRem(45),
37 | fontWeight: fontWeightRegular,
38 | fontFamily: sansFontFamily,
39 | lineHeight: `${round(48 / 45)}em`,
40 | marginLeft: '-.02em',
41 | color: palette.text.primary,
42 | },
43 | display2: {
44 | fontSize: pxToRem(18),
45 | fontWeight: fontWeightMedium,
46 | fontFamily: sansFontFamily,
47 | lineHeight: `${round(48 / 45)}em`,
48 | marginLeft: '-.02em',
49 | color: palette.text.primary,
50 | },
51 | display1: {
52 | fontSize: pxToRem(16),
53 | fontWeight: fontWeightMedium,
54 | fontFamily: sansFontFamily,
55 | lineHeight: `${round(41 / 34)}em`,
56 | color: palette.text.primary,
57 | },
58 | headline: {
59 | fontSize: pxToRem(20),
60 | fontWeight: fontWeightMedium,
61 | fontFamily: sansFontFamily,
62 | lineHeight: `${round(32.5 / 24)}em`,
63 | color: palette.text.primary,
64 | },
65 | title: {
66 | fontSize: pxToRem(14),
67 | fontWeight: fontWeightMedium,
68 | fontFamily: sansFontFamily,
69 | lineHeight: `${round(24.5 / 21)}em`,
70 | color: palette.text.primary,
71 | },
72 | subheading: {
73 | fontSize: pxToRem(14),
74 | fontWeight: fontWeightRegular,
75 | fontFamily: sansFontFamily,
76 | lineHeight: `${round(24 / 16)}em`,
77 | color: palette.text.secondary,
78 | },
79 | body2: {
80 | fontSize: pxToRem(14),
81 | fontWeight: fontWeightRegular,
82 | fontFamily: serifFontFamily,
83 | lineHeight: `${round(24 / 14)}em`,
84 | color: palette.text.primary,
85 | },
86 | body1: {
87 | fontSize: pxToRem(16),
88 | fontWeight: fontWeightRegular,
89 | fontFamily: serifFontFamily,
90 | lineHeight: `${round(24 / 14)}em`,
91 | color: palette.text.primary,
92 | },
93 | caption: {
94 | fontSize: pxToRem(12),
95 | fontWeight: fontWeightRegular,
96 | fontFamily: sansFontFamily,
97 | lineHeight: `${round(16.5 / 12)}em`,
98 | color: palette.text.secondary,
99 | },
100 | button: {
101 | fontSize: pxToRem(14),
102 | textTransform: 'uppercase',
103 | fontWeight: fontWeightMedium,
104 | fontFamily: sansFontFamily,
105 | color: palette.text.primary,
106 | },
107 | };
108 | };
109 |
110 | export default createTypography;
111 |
--------------------------------------------------------------------------------
/components/AppearanceDialog/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import { compose } from 'recompose';
4 | import { connect } from 'react-redux';
5 |
6 | import Button from '@material-ui/core/Button';
7 | import Dialog from '@material-ui/core/Dialog';
8 | import FormGroup from '@material-ui/core/FormGroup';
9 | import FormControlLabel from '@material-ui/core/FormControlLabel';
10 | import Switch from '@material-ui/core/Switch';
11 | import { withStyles } from '@material-ui/core/styles';
12 |
13 | import FontSizeIcon from '../../assets/svg/baseline-title-24px.svg';
14 | import {
15 | decreaseFontSize,
16 | increaseFontSize,
17 | setTheme,
18 | } from '../../state/appearance/actions';
19 | import { THEMES } from '../../utils/constants';
20 |
21 | const styles = theme => ({
22 | button: {
23 | flex: 1,
24 | },
25 | dialog: {
26 | // width: 250,
27 | padding: theme.spacing.unit,
28 | },
29 | decreaseFontSizeBtn: {
30 | fill: theme.palette.text.primary,
31 | height: '1.5rem',
32 | width: '1.5rem',
33 | },
34 | fontSizeBtnsContainer: {
35 | borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
36 | display: 'flex',
37 | paddingBottom: theme.spacing.unit,
38 | width: '100%',
39 | },
40 | increaseFontSizeBtn: {
41 | fill: theme.palette.text.primary,
42 | height: '2.2rem',
43 | width: '2.2rem',
44 | },
45 | label: {
46 | fontFamily: theme.typography.sansFontFamily,
47 | fontSize: '1.3rem',
48 | },
49 | switchContainer: {
50 | alignItems: 'center',
51 | display: 'flex',
52 | justifyContent: 'center',
53 | padding: theme.spacing.unit,
54 | },
55 | themeBtnsContainer: {
56 | display: 'flex',
57 | },
58 | });
59 |
60 | const AppearanceDialog = ({
61 | classes,
62 | dispatch,
63 | onClose,
64 | open,
65 | theme,
66 | }) => (
67 |
73 |
74 | dispatch(decreaseFontSize())}
77 | >
78 |
80 | dispatch(increaseFontSize())}
83 | >
84 |
86 |
87 |
88 |
93 |
98 | dispatch(setTheme(theme === THEMES.DARK ? THEMES.LIGHT : THEMES.DARK))
99 | }
100 | value="theme"
101 | />
102 | }
103 | classes={{
104 | label: classes.label,
105 | }}
106 | label="Night mode"
107 | />
108 |
109 |
110 |
111 | );
112 |
113 | AppearanceDialog.defaultProps = {
114 | open: false,
115 | };
116 |
117 | AppearanceDialog.propTypes = {
118 | classes: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
119 | dispatch: PropTypes.func.isRequired,
120 | onClose: PropTypes.func.isRequired,
121 | open: PropTypes.bool,
122 | theme: PropTypes.oneOf(Object.getOwnPropertyNames(THEMES)
123 | .map(prop => THEMES[prop])).isRequired,
124 | };
125 |
126 | const mapStateToProps = state => ({
127 | theme: state.appearance.theme,
128 | });
129 |
130 | export const DisconnectedAppearanceDialog = withStyles(styles)(AppearanceDialog);
131 |
132 | export default compose(
133 | connect(mapStateToProps),
134 | withStyles(styles),
135 | )(AppearanceDialog);
136 |
--------------------------------------------------------------------------------
/components/AppBar/index.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component, Fragment } from 'react';
2 | import PropTypes from 'prop-types';
3 | import Headroom from 'react-headroom';
4 | import classnames from 'classnames';
5 |
6 | import { withStyles } from '@material-ui/core/styles';
7 | import IconButton from '@material-ui/core/IconButton';
8 | import Typography from '@material-ui/core/Typography';
9 |
10 | import BackIcon from '@material-ui/icons/ArrowBack';
11 | import SettingsIcon from '@material-ui/icons/Settings';
12 |
13 | import AppearanceDialog from '../AppearanceDialog';
14 | import handleBackBtnClick from '../../utils/handleBackBtnClick';
15 |
16 | const styles = theme => ({
17 | appearanceBtn: {
18 | justifySelf: 'end',
19 | },
20 | backBtn: {
21 | justifySelf: 'start',
22 | },
23 | header: {
24 | alignItems: 'center',
25 | backgroundColor: theme.palette.background.default,
26 | borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
27 | display: 'grid',
28 | gridTemplateColumns: '1fr auto 1fr',
29 | padding: theme.spacing.unit,
30 | transition: 'border-bottom ease 0.3s',
31 | },
32 | header_topOfPage: {
33 | borderBottom: '1px solid rgba(0, 0, 0, 0)',
34 | },
35 | title: {
36 | opacity: 1,
37 | overflow: 'hidden',
38 | paddingLeft: theme.spacing.unit,
39 | paddingRight: theme.spacing.unit,
40 | textOverflow: 'ellipsis',
41 | transition: 'opacity ease 0.3s',
42 | whiteSpace: 'nowrap',
43 | },
44 | title_topOfPage: {
45 | opacity: 0,
46 | },
47 | });
48 |
49 | class AppBar extends Component {
50 | constructor(props) {
51 | super(props);
52 |
53 | this.state = {
54 | atTopOfPage: true,
55 | appearanceDialogOpen: false,
56 | };
57 |
58 | this.handleScroll = this.handleScroll.bind(this);
59 | }
60 |
61 | componentDidMount() {
62 | window.addEventListener('scroll', this.handleScroll);
63 | }
64 |
65 | componentWillUnmount() {
66 | window.removeEventListener('scroll', this.handleScroll);
67 | }
68 |
69 | handleScroll(event) {
70 | try {
71 | const pageY = event.pageY
72 | ? event.pageY // firefox
73 | : event.path.find(path => path.scrollY).scrollY; // chrome
74 | if (pageY > 40 && this.state.atTopOfPage) {
75 | this.setState({ atTopOfPage: false });
76 | } else if (pageY <= 40 && !this.state.atTopOfPage) {
77 | this.setState({ atTopOfPage: true });
78 | }
79 | } catch (e) {
80 | // Do nothing
81 | }
82 | }
83 |
84 | render() {
85 | const { classes, title } = this.props;
86 | const { atTopOfPage, appearanceDialogOpen } = this.state;
87 |
88 | return (
89 |
90 |
91 |
97 |
102 |
104 |
111 | {title}
112 |
113 | this.setState({ appearanceDialogOpen: !appearanceDialogOpen })}
117 | >
118 |
120 |
121 |
122 | this.setState({ appearanceDialogOpen: false })}
125 | />
126 |
127 | );
128 | }
129 | }
130 |
131 | AppBar.defaultProps = {
132 | title: '',
133 | };
134 |
135 | AppBar.propTypes = {
136 | classes: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
137 | title: PropTypes.string,
138 | };
139 |
140 | export default withStyles(styles)(AppBar);
141 |
--------------------------------------------------------------------------------
/components/AppearanceDialog/__snapshots__/AppearanceDialog.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`AppearanceDialog should render 1`] = `
4 |
10 |
28 |
38 |
66 |
83 |
122 |
123 |
124 |
125 |
126 | `;
127 |
--------------------------------------------------------------------------------
/components/PostPreview/index.jsx:
--------------------------------------------------------------------------------
1 | import React, { Fragment } from 'react';
2 | import PropTypes from 'prop-types';
3 | import moment from 'moment';
4 | import { compose } from 'recompose';
5 |
6 | import { withStyles } from '@material-ui/core/styles';
7 | import withWidth from '@material-ui/core/withWidth';
8 | import Hidden from '@material-ui/core/Hidden';
9 | import Typography from '@material-ui/core/Typography';
10 |
11 | import { Router } from '../../routes';
12 |
13 | const styles = theme => ({
14 | authorAndDate: {
15 | alignItems: 'center',
16 | display: 'flex',
17 | },
18 | authorImage: {
19 | display: 'block',
20 | margin: '0 8px 0 0',
21 | padding: 0,
22 | },
23 | date: {
24 | display: 'inline-block',
25 | paddingLeft: theme.spacing.unit,
26 | },
27 | button: {
28 | margin: 0,
29 | marginBottom: theme.spacing.unit * 3,
30 | paddingTop: theme.spacing.unit * 2,
31 | paddingBottom: theme.spacing.unit * 2,
32 | backgroundColor: 'transparent',
33 | borderStyle: 'none',
34 | color: 'inherit',
35 | cursor: 'pointer',
36 | display: 'flex',
37 | fontSize: 'inherit',
38 | textAlign: 'inherit',
39 | textDecoration: 'inherit',
40 | width: '100%',
41 | },
42 | content: {
43 | flex: 1,
44 | },
45 | heroFigure: {
46 | padding: 0,
47 | paddingLeft: theme.mixins.gutters().paddingLeft * 2,
48 | display: 'block',
49 | flex: 'none',
50 | margin: 0,
51 | },
52 | heroImage: {
53 | boxShadow: '4px 4px 0px 0px rgba(0,0,0,0.7)',
54 | display: 'block',
55 | height: 140,
56 | margin: 0,
57 | padding: 0,
58 | width: 140,
59 | },
60 | root: {
61 | display: 'block',
62 | margin: '0 auto',
63 | maxWidth: 720,
64 | },
65 | });
66 |
67 | const PostPreview = ({
68 | classes,
69 | metadata,
70 | published_at, // eslint-disable-line camelcase
71 | slug,
72 | title,
73 | }) => {
74 | const authorName = metadata && metadata.author && metadata.author.title;
75 | const authorImage = metadata && metadata.author && metadata.author.metadata
76 | && metadata.author.metadata.image && metadata.author.metadata.image.imgix_url;
77 | const heroImage = metadata && metadata.hero && metadata.hero.imgix_url;
78 | const teaser = metadata && metadata.teaser;
79 |
80 | return (
81 |
82 |
83 | Router.pushRoute('post', { slug })}
86 | >
87 |
88 | {
89 | title &&
90 |
91 | {title}
92 |
93 | }
94 | {
95 | teaser &&
96 |
97 | {/* eslint-disable-next-line react/no-danger */}
98 |
99 |
100 | }
101 |
102 | {
103 | authorImage &&
104 |
118 |
120 |
121 | {
122 | heroImage &&
123 |
132 |
133 |
134 |
135 |
136 | );
137 | };
138 |
139 | PostPreview.defaultProps = {
140 | metadata: undefined,
141 | published_at: undefined,
142 | };
143 |
144 | PostPreview.propTypes = {
145 | classes: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
146 | metadata: PropTypes.shape({
147 | author: PropTypes.shape({
148 | content: PropTypes.string,
149 | metadata: PropTypes.shape({
150 | image: PropTypes.shape({
151 | imgix_url: PropTypes.string,
152 | }),
153 | }),
154 | title: PropTypes.string,
155 | }),
156 | hero: PropTypes.shape({
157 | imgix_url: PropTypes.string,
158 | }),
159 | teaser: PropTypes.string,
160 | }),
161 | published_at: PropTypes.string,
162 | slug: PropTypes.string.isRequired,
163 | title: PropTypes.string.isRequired,
164 | };
165 |
166 | export const PurePostPreview = PostPreview;
167 |
168 | export default compose(
169 | withStyles(styles),
170 | withWidth(),
171 | )(PostPreview);
172 |
--------------------------------------------------------------------------------
/components/AuthorInfo/__snapshots__/AuthorInfo.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`AuthorInfo should render 1`] = `
4 |
39 |
81 |
84 |
91 |
100 |
150 |
153 |
Something about John...",
157 | }
158 | }
159 | />
160 |
162 |
163 |
165 |
166 | `;
167 |
--------------------------------------------------------------------------------
/__mocks__/post.js:
--------------------------------------------------------------------------------
1 | export default {
2 | _id: '5afdbf6c44d74b4e924f1d0b',
3 | bucket: '5afdbcd115bef94f7421eb0d',
4 | slug: 'a-wonderful-blog-post-about-earth',
5 | title: 'A Wonderful Blog Post About Earth',
6 | content: 'When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it!
Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.
If you could see the earth illuminated when you were in a place as dark as night, it would look to you more splendid than the moon.
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win.
NASA is not about the ‘Adventure of Human Space Exploration’…We won’t be doing it just to get out there in space – we’ll be doing it because the things we learn out there will be making life better for a lot of people who won’t be able to go.
Problems look mighty small from 150 miles up.
That's one small step for [a] man, one giant leap for mankind.
Where ignorance lurks, so too do the frontiers of discovery and imagination.
Dinosaurs are extinct today because they lacked opposable thumbs and the brainpower to build a space program.
',
7 | metafields: [
8 | {
9 | value: '56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
10 | key: 'hero',
11 | title: 'Hero',
12 | type: 'file',
13 | children: null,
14 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
15 | imgix_url: 'https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
16 | }, {
17 | value: 'I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
',
18 | key: 'teaser',
19 | title: 'Teaser',
20 | type: 'html-textarea',
21 | children: null,
22 | }, {
23 | object_type: 'authors',
24 | value: '5afdbf6c44d74b4e924f1d09',
25 | key: 'author',
26 | title: 'Author',
27 | type: 'object',
28 | children: null,
29 | object: {
30 | _id: '5afdbf6c44d74b4e924f1d09',
31 | bucket: '5afdbcd115bef94f7421eb0d',
32 | slug: 'john-doe',
33 | title: 'John Doe',
34 | content: 'Something about John...
',
35 | metafields: [
36 | {
37 | value: '9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
38 | key: 'image',
39 | title: 'Image',
40 | type: 'file',
41 | children: null,
42 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
43 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
44 | },
45 | ],
46 | type_slug: 'authors',
47 | created: '2017-10-12T13:27:49.665Z',
48 | created_at: '2017-10-12T13:27:49.665Z',
49 | modified_at: '2018-05-17T17:44:12.977Z',
50 | status: 'published',
51 | published_at: '2018-05-17T17:44:12.977Z',
52 | metadata: {
53 | image: {
54 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
55 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
56 | },
57 | },
58 | },
59 | },
60 | ],
61 | type_slug: 'posts',
62 | created: '2017-10-12T13:27:49.665Z',
63 | created_at: '2017-10-12T13:27:49.665Z',
64 | modified_at: '2017-10-12T17:39:54.476Z',
65 | status: 'published',
66 | published_at: '2018-05-17T17:44:12.979Z',
67 | metadata: {
68 | hero: {
69 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
70 | imgix_url: 'https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
71 | },
72 | teaser: 'I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
',
73 | author: {
74 | _id: '5afdbf6c44d74b4e924f1d09',
75 | bucket: '5afdbcd115bef94f7421eb0d',
76 | slug: 'john-doe',
77 | title: 'John Doe',
78 | content: 'Something about John...
',
79 | metafields: [
80 | {
81 | value: '9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
82 | key: 'image',
83 | title: 'Image',
84 | type: 'file',
85 | children: null,
86 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
87 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
88 | },
89 | ],
90 | type_slug: 'authors',
91 | created: '2017-10-12T13:27:49.665Z',
92 | created_at: '2017-10-12T13:27:49.665Z',
93 | modified_at: '2018-05-17T17:44:12.977Z',
94 | status: 'published',
95 | published_at: '2018-05-17T17:44:12.977Z',
96 | metadata: {
97 | image: {
98 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
99 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
100 | },
101 | },
102 | },
103 | },
104 | };
105 |
--------------------------------------------------------------------------------
/pages/index/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import { connect } from 'react-redux';
4 | import { withStyles } from '@material-ui/core/styles';
5 | import { compose } from 'recompose';
6 | import Head from 'next/head';
7 |
8 | import Typography from '@material-ui/core/Typography';
9 |
10 | import withRoot from '../../src/withRoot';
11 | import { fetchLinksIfNeeded } from '../../state/links/actions';
12 | import { fetchSiteMetadataIfNeeded } from '../../state/metadata/actions';
13 | import { fetchPageIfNeeded } from '../../state/pages/actions';
14 | import PostPreview from '../../components/PostPreview';
15 | import SocialLinks from '../../components/SocialLinks';
16 |
17 | const styles = theme => ({
18 | divider: {
19 | border: 0,
20 | borderTop: `1px solid ${theme.palette.text.secondary}`,
21 | height: 0,
22 | marginBottom: theme.spacing.unit * 6,
23 | maxWidth: 700,
24 | opacity: 0.2,
25 | width: '100%',
26 | },
27 | root: {
28 | ...theme.mixins.gutters(),
29 | paddingTop: theme.spacing.unit * 6,
30 | paddingBottom: theme.spacing.unit * 6,
31 | },
32 | logo: {
33 | display: 'block',
34 | margin: '0 auto',
35 | maxinWidth: 700,
36 | overflow: 'hidden',
37 | paddingTop: theme.spacing.unit * 6,
38 | paddingBottom: theme.spacing.unit * 6,
39 | },
40 | postPreviews: {
41 | listStyle: 'none',
42 | marginBottom: theme.spacing.unit * 4,
43 | marginTop: theme.spacing.unit * 4,
44 | padding: 0,
45 | },
46 | postPreviewsHeaderContainer: {
47 | marginTop: theme.spacing.unit * 4,
48 | padding: 0,
49 | },
50 | postPreviewsHeader: {
51 | margin: '0 auto',
52 | maxWidth: 700,
53 | position: 'relative',
54 | },
55 | postPreviewsHeaderTitle: {
56 | bottom: -1,
57 | borderBottom: `1px solid ${theme.palette.text.secondary}`,
58 | display: 'inline-block',
59 | padding: theme.spacing.unit,
60 | position: 'absolute',
61 | left: 0,
62 | },
63 | postPreviewsHeaderContainerDivider: {
64 | border: 0,
65 | borderTop: `1px solid ${theme.palette.text.secondary}`,
66 | disaplay: 'block',
67 | height: 0,
68 | margin: '0 auto',
69 | maxWidth: 700,
70 | opacity: 0.2,
71 | padding: 0,
72 | width: '100%',
73 | },
74 | tag: {
75 | display: 'block',
76 | textAlign: 'center',
77 | },
78 | title: {
79 | display: 'block',
80 | textAlign: 'center',
81 | },
82 | });
83 |
84 | const Index = ({
85 | classes,
86 | metadata,
87 | page,
88 | pages,
89 | posts,
90 | }) => {
91 | let postPreviews;
92 | try {
93 | postPreviews = pages[page].slugs.map(slug => posts[slug]);
94 | } catch (e) {
95 | postPreviews = undefined;
96 | }
97 |
98 | return (
99 |
100 |
101 |
{(metadata && metadata.title) || 'Cosmic Blog'}
102 | {
103 | metadata && metadata.logo && metadata.logo.imgix_url &&
104 |
105 | }
106 | {
107 | metadata && metadata.logo && metadata.logo.imgix_url &&
108 |
109 | }
110 | {
111 | metadata && metadata.logo && metadata.logo.imgix_url &&
112 |
113 | }
114 | {
115 | metadata && metadata.logo && metadata.logo.imgix_url &&
116 |
117 | }
118 |
119 |
120 |
121 |
122 | {
123 | metadata && metadata.title &&
124 |
125 | {metadata.title}
126 |
127 | }
128 | {
129 | metadata && metadata.tag &&
130 |
131 | {metadata.tag}
132 |
133 | }
134 | {
135 | metadata && metadata.logo && metadata.logo.imgix_url &&
136 |
141 | }
142 |
143 |
144 |
145 | Most Recent
146 |
147 |
148 |
149 |
150 | {
151 | postPreviews &&
152 |
153 | {
154 | postPreviews.map(({ post }) =>
157 | }
158 |
159 |
160 |
108 |
109 | {title}
110 | {heroUrl &&
120 |
121 | {
122 | (authorName || authorImageUrl) &&
123 |
129 | {
130 | authorImageUrl &&
131 |
132 |
139 | }
140 | {
141 | authorName &&
142 |
143 | {authorName}
144 |
145 | }
146 |
159 | {title}
160 |
161 | }
162 | {
163 | published_at && // eslint-disable-line camelcase
164 |
173 | {moment(published_at).format('MMMM Do, YYYY')}
174 |
175 | }
176 |
190 |
196 | }
197 | {
198 | content &&
199 |
200 |
201 | {/* eslint-disable-next-line react/no-danger */}
202 |
204 |
205 | }
206 |
229 |
230 |
232 | );
233 | };
234 |
235 | Post.getInitialProps = async ({ query, reduxStore }) => {
236 | const { slug } = query;
237 | const { dispatch } = reduxStore;
238 |
239 | try {
240 | await Promise.all([
241 | dispatch(fetchPostIfNeeded(slug)),
242 | dispatch(fetchLinksIfNeeded()),
243 | ]);
244 | const { posts } = reduxStore.getState();
245 | const { post } = posts[slug];
246 | return { ...post };
247 | } catch (e) {
248 | console.error(e); // eslint-disable-line no-console
249 | return { slug };
250 | }
251 | };
252 |
253 | Post.defaultProps = {
254 | asPath: undefined,
255 | content: undefined,
256 | metadata: undefined,
257 | published_at: undefined,
258 | title: undefined,
259 | };
260 |
261 | Post.propTypes = {
262 | asPath: PropTypes.string,
263 | classes: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
264 | content: PropTypes.string,
265 | metadata: PropTypes.shape({
266 | author: PropTypes.shape({
267 | content: PropTypes.string,
268 | metadata: PropTypes.shape({
269 | image: PropTypes.shape({
270 | imgix_url: PropTypes.string,
271 | }),
272 | }),
273 | title: PropTypes.string,
274 | }),
275 | hero: PropTypes.shape({
276 | imgix_url: PropTypes.string,
277 | }),
278 | }),
279 | published_at: PropTypes.string,
280 | title: PropTypes.string,
281 | };
282 |
283 | export const BasicPost = withStyles(styles)(Post);
284 |
285 | export default compose(
286 | withRoot,
287 | withStyles(styles),
288 | )(Post);
289 |
--------------------------------------------------------------------------------
/static/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
7 |
8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
9 |
10 |
12 |
166 |
167 |
--------------------------------------------------------------------------------
/__mocks__/posts.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'a-wonderful-blog-post-about-earth': {
3 | post: {
4 | _id: '5afdbf6c44d74b4e924f1d0b',
5 | bucket: '5afdbcd115bef94f7421eb0d',
6 | slug: 'a-wonderful-blog-post-about-earth',
7 | title: 'A Wonderful Blog Post About Earth',
8 | content: 'When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it!
Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.
If you could see the earth illuminated when you were in a place as dark as night, it would look to you more splendid than the moon.
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win.
NASA is not about the ‘Adventure of Human Space Exploration’…We won’t be doing it just to get out there in space – we’ll be doing it because the things we learn out there will be making life better for a lot of people who won’t be able to go.
Problems look mighty small from 150 miles up.
That's one small step for [a] man, one giant leap for mankind.
Where ignorance lurks, so too do the frontiers of discovery and imagination.
Dinosaurs are extinct today because they lacked opposable thumbs and the brainpower to build a space program.
',
9 | metafields: [
10 | {
11 | value: '56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
12 | key: 'hero',
13 | title: 'Hero',
14 | type: 'file',
15 | children: null,
16 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
17 | imgix_url: 'https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
18 | }, {
19 | value: 'I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
',
20 | key: 'teaser',
21 | title: 'Teaser',
22 | type: 'html-textarea',
23 | children: null,
24 | }, {
25 | object_type: 'authors',
26 | value: '5afdbf6c44d74b4e924f1d09',
27 | key: 'author',
28 | title: 'Author',
29 | type: 'object',
30 | children: null,
31 | object: {
32 | _id: '5afdbf6c44d74b4e924f1d09',
33 | bucket: '5afdbcd115bef94f7421eb0d',
34 | slug: 'john-doe',
35 | title: 'John Doe',
36 | content: 'Something about John...
',
37 | metafields: [
38 | {
39 | value: '9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
40 | key: 'image',
41 | title: 'Image',
42 | type: 'file',
43 | children: null,
44 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
45 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
46 | },
47 | ],
48 | type_slug: 'authors',
49 | created: '2017-10-12T13:27:49.665Z',
50 | created_at: '2017-10-12T13:27:49.665Z',
51 | modified_at: '2018-05-17T17:44:12.977Z',
52 | status: 'published',
53 | published_at: '2018-05-17T17:44:12.977Z',
54 | metadata: {
55 | image: {
56 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
57 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
58 | },
59 | },
60 | },
61 | },
62 | ],
63 | type_slug: 'posts',
64 | created: '2017-10-12T13:27:49.665Z',
65 | created_at: '2017-10-12T13:27:49.665Z',
66 | modified_at: '2017-10-12T17:39:54.476Z',
67 | status: 'published',
68 | published_at: '2018-05-17T17:44:12.979Z',
69 | metadata: {
70 | hero: {
71 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
72 | imgix_url: 'https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg',
73 | },
74 | teaser: 'I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
',
75 | author: {
76 | _id: '5afdbf6c44d74b4e924f1d09',
77 | bucket: '5afdbcd115bef94f7421eb0d',
78 | slug: 'john-doe',
79 | title: 'John Doe',
80 | content: 'Something about John...
',
81 | metafields: [
82 | {
83 | value: '9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
84 | key: 'image',
85 | title: 'Image',
86 | type: 'file',
87 | children: null,
88 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
89 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
90 | },
91 | ],
92 | type_slug: 'authors',
93 | created: '2017-10-12T13:27:49.665Z',
94 | created_at: '2017-10-12T13:27:49.665Z',
95 | modified_at: '2018-05-17T17:44:12.977Z',
96 | status: 'published',
97 | published_at: '2018-05-17T17:44:12.977Z',
98 | metadata: {
99 | image: {
100 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
101 | imgix_url: 'https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg',
102 | },
103 | },
104 | },
105 | },
106 | },
107 | },
108 | 'another-wonderful-blog-post-about-earth': {
109 | post: {
110 | _id: '5afdbf6c44d74b4e924f1d0d',
111 | bucket: '5afdbcd115bef94f7421eb0d',
112 | slug: 'another-wonderful-blog-post-about-earth',
113 | title: 'Another Wonderful Blog Post About Earth',
114 | content: 'That's one small step for [a] man, one giant leap for mankind.
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
The dreams of yesterday are the hopes of today and the reality of tomorrow.
The sky is the limit only for those who aren't afraid to fly!
Problems look mighty small from 150 miles up.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
Houston, Tranquillity Base here. The Eagle has landed.
You know, being a test pilot isn't always the healthiest business in the world.
',
115 | metafields: [
116 | {
117 | value: '99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg',
118 | key: 'hero',
119 | title: 'Hero',
120 | type: 'file',
121 | children: null,
122 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg',
123 | imgix_url: 'https://cosmic-s3.imgix.net/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg',
124 | }, {
125 | value: 'Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.
Houston, Tranquillity Base here. The Eagle has landed...
',
126 | key: 'teaser',
127 | title: 'Teaser',
128 | type: 'html-textarea',
129 | children: null,
130 | }, {
131 | object_type: 'authors',
132 | value: '5afdbf6c44d74b4e924f1d06',
133 | key: 'author',
134 | title: 'Author',
135 | type: 'object',
136 | children: null,
137 | object: {
138 | _id: '5afdbf6c44d74b4e924f1d06',
139 | bucket: '5afdbcd115bef94f7421eb0d',
140 | slug: 'jane-doe',
141 | title: 'Jane Doe',
142 | content: 'Something about Jane...
',
143 | metafields: [
144 | {
145 | value: '99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
146 | key: 'image',
147 | title: 'Image',
148 | type: 'file',
149 | children: null,
150 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
151 | imgix_url: 'https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
152 | },
153 | ],
154 | type_slug: 'authors',
155 | created: '2017-10-12T13:27:49.663Z',
156 | created_at: '2017-10-12T13:27:49.663Z',
157 | modified_at: '2018-05-17T17:44:12.973Z',
158 | status: 'published',
159 | published_at: '2018-05-17T17:44:12.973Z',
160 | metadata: {
161 | image: {
162 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
163 | imgix_url: 'https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
164 | },
165 | },
166 | },
167 | }, {
168 | object_type: 'categories',
169 | value: '58f565290687f7353b0009bb,58f565210687f7353b0009ba',
170 | key: 'categories',
171 | title: 'Categories',
172 | type: 'objects',
173 | children: null,
174 | objects: [null, null],
175 | },
176 | ],
177 | type_slug: 'posts',
178 | created: '2017-10-12T13:27:49.666Z',
179 | created_at: '2017-10-12T13:27:49.666Z',
180 | modified_at: '2018-05-17T17:44:12.981Z',
181 | status: 'published',
182 | published_at: '2018-05-17T17:44:12.981Z',
183 | metadata: {
184 | hero: {
185 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg',
186 | imgix_url: 'https://cosmic-s3.imgix.net/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg',
187 | },
188 | teaser: 'Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.
Houston, Tranquillity Base here. The Eagle has landed...
',
189 | author: {
190 | _id: '5afdbf6c44d74b4e924f1d06',
191 | bucket: '5afdbcd115bef94f7421eb0d',
192 | slug: 'jane-doe',
193 | title: 'Jane Doe',
194 | content: 'Something about Jane...
',
195 | metafields: [
196 | {
197 | value: '99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
198 | key: 'image',
199 | title: 'Image',
200 | type: 'file',
201 | children: null,
202 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
203 | imgix_url: 'https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
204 | },
205 | ],
206 | type_slug: 'authors',
207 | created: '2017-10-12T13:27:49.663Z',
208 | created_at: '2017-10-12T13:27:49.663Z',
209 | modified_at: '2018-05-17T17:44:12.973Z',
210 | status: 'published',
211 | published_at: '2018-05-17T17:44:12.973Z',
212 | metadata: {
213 | image: {
214 | url: 'https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
215 | imgix_url: 'https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg',
216 | },
217 | },
218 | },
219 | categories: [null, null],
220 | },
221 | },
222 | },
223 | };
224 |
--------------------------------------------------------------------------------
/pages/index/__snapshots__/index.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Disconnected Index Page should render 1`] = `
4 | When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it!Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.
If you could see the earth illuminated when you were in a place as dark as night, it would look to you more splendid than the moon.
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win.
NASA is not about the ‘Adventure of Human Space Exploration’…We won’t be doing it just to get out there in space – we’ll be doing it because the things we learn out there will be making life better for a lot of people who won’t be able to go.
Problems look mighty small from 150 miles up.
That's one small step for [a] man, one giant leap for mankind.
Where ignorance lurks, so too do the frontiers of discovery and imagination.
Dinosaurs are extinct today because they lacked opposable thumbs and the brainpower to build a space program.
",
53 | "created": "2017-10-12T13:27:49.665Z",
54 | "created_at": "2017-10-12T13:27:49.665Z",
55 | "metadata": Object {
56 | "author": Object {
57 | "_id": "5afdbf6c44d74b4e924f1d09",
58 | "bucket": "5afdbcd115bef94f7421eb0d",
59 | "content": "Something about John...
",
60 | "created": "2017-10-12T13:27:49.665Z",
61 | "created_at": "2017-10-12T13:27:49.665Z",
62 | "metadata": Object {
63 | "image": Object {
64 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
65 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
66 | },
67 | },
68 | "metafields": Array [
69 | Object {
70 | "children": null,
71 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
72 | "key": "image",
73 | "title": "Image",
74 | "type": "file",
75 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
76 | "value": "9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
77 | },
78 | ],
79 | "modified_at": "2018-05-17T17:44:12.977Z",
80 | "published_at": "2018-05-17T17:44:12.977Z",
81 | "slug": "john-doe",
82 | "status": "published",
83 | "title": "John Doe",
84 | "type_slug": "authors",
85 | },
86 | "hero": Object {
87 | "imgix_url": "https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
88 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
89 | },
90 | "teaser": "I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
",
91 | },
92 | "metafields": Array [
93 | Object {
94 | "children": null,
95 | "imgix_url": "https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
96 | "key": "hero",
97 | "title": "Hero",
98 | "type": "file",
99 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
100 | "value": "56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
101 | },
102 | Object {
103 | "children": null,
104 | "key": "teaser",
105 | "title": "Teaser",
106 | "type": "html-textarea",
107 | "value": "I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
",
108 | },
109 | Object {
110 | "children": null,
111 | "key": "author",
112 | "object": Object {
113 | "_id": "5afdbf6c44d74b4e924f1d09",
114 | "bucket": "5afdbcd115bef94f7421eb0d",
115 | "content": "Something about John...
",
116 | "created": "2017-10-12T13:27:49.665Z",
117 | "created_at": "2017-10-12T13:27:49.665Z",
118 | "metadata": Object {
119 | "image": Object {
120 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
121 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
122 | },
123 | },
124 | "metafields": Array [
125 | Object {
126 | "children": null,
127 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
128 | "key": "image",
129 | "title": "Image",
130 | "type": "file",
131 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
132 | "value": "9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
133 | },
134 | ],
135 | "modified_at": "2018-05-17T17:44:12.977Z",
136 | "published_at": "2018-05-17T17:44:12.977Z",
137 | "slug": "john-doe",
138 | "status": "published",
139 | "title": "John Doe",
140 | "type_slug": "authors",
141 | },
142 | "object_type": "authors",
143 | "title": "Author",
144 | "type": "object",
145 | "value": "5afdbf6c44d74b4e924f1d09",
146 | },
147 | ],
148 | "modified_at": "2017-10-12T17:39:54.476Z",
149 | "published_at": "2018-05-17T17:44:12.979Z",
150 | "slug": "a-wonderful-blog-post-about-earth",
151 | "status": "published",
152 | "title": "A Wonderful Blog Post About Earth",
153 | "type_slug": "posts",
154 | },
155 | },
156 | "another-wonderful-blog-post-about-earth": Object {
157 | "post": Object {
158 | "_id": "5afdbf6c44d74b4e924f1d0d",
159 | "bucket": "5afdbcd115bef94f7421eb0d",
160 | "content": "That's one small step for [a] man, one giant leap for mankind.
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
The dreams of yesterday are the hopes of today and the reality of tomorrow.
The sky is the limit only for those who aren't afraid to fly!
Problems look mighty small from 150 miles up.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
Houston, Tranquillity Base here. The Eagle has landed.
You know, being a test pilot isn't always the healthiest business in the world.
",
161 | "created": "2017-10-12T13:27:49.666Z",
162 | "created_at": "2017-10-12T13:27:49.666Z",
163 | "metadata": Object {
164 | "author": Object {
165 | "_id": "5afdbf6c44d74b4e924f1d06",
166 | "bucket": "5afdbcd115bef94f7421eb0d",
167 | "content": "Something about Jane...
",
168 | "created": "2017-10-12T13:27:49.663Z",
169 | "created_at": "2017-10-12T13:27:49.663Z",
170 | "metadata": Object {
171 | "image": Object {
172 | "imgix_url": "https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
173 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
174 | },
175 | },
176 | "metafields": Array [
177 | Object {
178 | "children": null,
179 | "imgix_url": "https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
180 | "key": "image",
181 | "title": "Image",
182 | "type": "file",
183 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
184 | "value": "99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
185 | },
186 | ],
187 | "modified_at": "2018-05-17T17:44:12.973Z",
188 | "published_at": "2018-05-17T17:44:12.973Z",
189 | "slug": "jane-doe",
190 | "status": "published",
191 | "title": "Jane Doe",
192 | "type_slug": "authors",
193 | },
194 | "categories": Array [
195 | null,
196 | null,
197 | ],
198 | "hero": Object {
199 | "imgix_url": "https://cosmic-s3.imgix.net/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg",
200 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg",
201 | },
202 | "teaser": "Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.
Houston, Tranquillity Base here. The Eagle has landed...
",
203 | },
204 | "metafields": Array [
205 | Object {
206 | "children": null,
207 | "imgix_url": "https://cosmic-s3.imgix.net/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg",
208 | "key": "hero",
209 | "title": "Hero",
210 | "type": "file",
211 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg",
212 | "value": "99fd6650-23f5-11e7-875c-3f5dc9c15c2b-beach.jpg",
213 | },
214 | Object {
215 | "children": null,
216 | "key": "teaser",
217 | "title": "Teaser",
218 | "type": "html-textarea",
219 | "value": "Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.
Houston, Tranquillity Base here. The Eagle has landed...
",
220 | },
221 | Object {
222 | "children": null,
223 | "key": "author",
224 | "object": Object {
225 | "_id": "5afdbf6c44d74b4e924f1d06",
226 | "bucket": "5afdbcd115bef94f7421eb0d",
227 | "content": "Something about Jane...
",
228 | "created": "2017-10-12T13:27:49.663Z",
229 | "created_at": "2017-10-12T13:27:49.663Z",
230 | "metadata": Object {
231 | "image": Object {
232 | "imgix_url": "https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
233 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
234 | },
235 | },
236 | "metafields": Array [
237 | Object {
238 | "children": null,
239 | "imgix_url": "https://cosmic-s3.imgix.net/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
240 | "key": "image",
241 | "title": "Image",
242 | "type": "file",
243 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
244 | "value": "99f48cb0-23f5-11e7-875c-3f5dc9c15c2b-female.jpg",
245 | },
246 | ],
247 | "modified_at": "2018-05-17T17:44:12.973Z",
248 | "published_at": "2018-05-17T17:44:12.973Z",
249 | "slug": "jane-doe",
250 | "status": "published",
251 | "title": "Jane Doe",
252 | "type_slug": "authors",
253 | },
254 | "object_type": "authors",
255 | "title": "Author",
256 | "type": "object",
257 | "value": "5afdbf6c44d74b4e924f1d06",
258 | },
259 | Object {
260 | "children": null,
261 | "key": "categories",
262 | "object_type": "categories",
263 | "objects": Array [
264 | null,
265 | null,
266 | ],
267 | "title": "Categories",
268 | "type": "objects",
269 | "value": "58f565290687f7353b0009bb,58f565210687f7353b0009ba",
270 | },
271 | ],
272 | "modified_at": "2018-05-17T17:44:12.981Z",
273 | "published_at": "2018-05-17T17:44:12.981Z",
274 | "slug": "another-wonderful-blog-post-about-earth",
275 | "status": "published",
276 | "title": "Another Wonderful Blog Post About Earth",
277 | "type_slug": "posts",
278 | },
279 | },
280 | }
281 | }
282 | />
283 | `;
284 |
--------------------------------------------------------------------------------
/components/AppBar/__snapshots__/AppBar.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`AppBar should render 1`] = `
4 |
15 |
18 |
31 |
44 |
52 |
67 |
70 |
75 |
92 |
100 |
118 |
136 |
139 |
140 |
141 |
142 |
156 |
162 |
163 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
177 |
191 |
198 |
202 |
203 |
204 |
205 |
206 |
207 |
208 |
209 |
213 |
263 |
266 | Title
267 |
268 |
269 |
270 |
275 |
292 |
300 |
318 |
336 |
339 |
340 |
341 |
342 |
356 |
362 |
363 |
367 |
368 |
369 |
370 |
371 |
372 |
373 |
377 |
391 |
398 |
402 |
403 |
404 |
405 |
406 |
407 |
408 |
409 |
410 |
411 |
413 |
417 |
423 |
441 |
451 |
479 |
496 |
535 |
536 |
537 |
538 |
539 |
540 |
541 |
542 |
543 | `;
544 |
--------------------------------------------------------------------------------
/components/PostPreview/__snapshots__/PostPreview.test.jsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`PostPreview should render 1`] = `
4 | Something about John...",
22 | "created": "2017-10-12T13:27:49.665Z",
23 | "created_at": "2017-10-12T13:27:49.665Z",
24 | "metadata": Object {
25 | "image": Object {
26 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
27 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
28 | },
29 | },
30 | "metafields": Array [
31 | Object {
32 | "children": null,
33 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
34 | "key": "image",
35 | "title": "Image",
36 | "type": "file",
37 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
38 | "value": "9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
39 | },
40 | ],
41 | "modified_at": "2018-05-17T17:44:12.977Z",
42 | "published_at": "2018-05-17T17:44:12.977Z",
43 | "slug": "john-doe",
44 | "status": "published",
45 | "title": "John Doe",
46 | "type_slug": "authors",
47 | },
48 | "hero": Object {
49 | "imgix_url": "https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
50 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
51 | },
52 | "teaser": "I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
",
53 | }
54 | }
55 | metafields={
56 | Array [
57 | Object {
58 | "children": null,
59 | "imgix_url": "https://cosmic-s3.imgix.net/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
60 | "key": "hero",
61 | "title": "Hero",
62 | "type": "file",
63 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
64 | "value": "56363630-af74-11e7-b864-313f959a776e-react-blog.jpg",
65 | },
66 | Object {
67 | "children": null,
68 | "key": "teaser",
69 | "title": "Teaser",
70 | "type": "html-textarea",
71 | "value": "I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
",
72 | },
73 | Object {
74 | "children": null,
75 | "key": "author",
76 | "object": Object {
77 | "_id": "5afdbf6c44d74b4e924f1d09",
78 | "bucket": "5afdbcd115bef94f7421eb0d",
79 | "content": "Something about John...
",
80 | "created": "2017-10-12T13:27:49.665Z",
81 | "created_at": "2017-10-12T13:27:49.665Z",
82 | "metadata": Object {
83 | "image": Object {
84 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
85 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
86 | },
87 | },
88 | "metafields": Array [
89 | Object {
90 | "children": null,
91 | "imgix_url": "https://cosmic-s3.imgix.net/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
92 | "key": "image",
93 | "title": "Image",
94 | "type": "file",
95 | "url": "https://s3-us-west-2.amazonaws.com/cosmicjs/9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
96 | "value": "9a0a85b0-23f5-11e7-875c-3f5dc9c15c2b-male.jpg",
97 | },
98 | ],
99 | "modified_at": "2018-05-17T17:44:12.977Z",
100 | "published_at": "2018-05-17T17:44:12.977Z",
101 | "slug": "john-doe",
102 | "status": "published",
103 | "title": "John Doe",
104 | "type_slug": "authors",
105 | },
106 | "object_type": "authors",
107 | "title": "Author",
108 | "type": "object",
109 | "value": "5afdbf6c44d74b4e924f1d09",
110 | },
111 | ]
112 | }
113 | modified_at="2017-10-12T17:39:54.476Z"
114 | published_at="2018-05-17T17:44:12.979Z"
115 | slug="a-wonderful-blog-post-about-earth"
116 | status="published"
117 | title="A Wonderful Blog Post About Earth"
118 | type_slug="posts"
119 | >
120 |
121 |
125 |
126 |
129 |
178 |
181 | A Wonderful Blog Post About Earth
182 |
183 |
184 |
185 |
189 |
239 |
242 | I don't know what you could say about a day in which you have seen four beautiful sunsets.
It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small....
",
246 | }
247 | }
248 | />
249 |
250 |
251 |
252 |
255 |
304 |
307 |
316 |
317 |
318 |
333 |
346 |
611 |
615 |
629 |
630 |
637 |
638 |
639 |
640 |
641 |
642 |
643 |
644 |
645 | `;
646 |
--------------------------------------------------------------------------------
91 | 
141 | }
142 |